文本域如何獲取輸入的文字8 如何使用url及變量鏈接頁面并實現(xiàn)跳轉(zhuǎn) 9#160關(guān)于命名規(guī)范頁面元件組10 什么時候該使用動態(tài)面板11#160什么時候應(yīng)該使用中繼器12 交互變量函數(shù)我該怎么著手學(xué)習(xí)13 關(guān)于交互的最后防線啟用情形 Chapter3 實戰(zhàn)教程，未完待續(xù)。

4 控件命名如quotbgquot代表背景，quotbtnquot表示按鈕，quotselectedquot表示選中狀態(tài)等，包括quotlogoquotquotfooterquotquotheaderquot等控件的命名5 其他類別如quottipsquot代表小技巧，quotnewsquot代表新聞，quotdownloadquot用于下載功能等，這些詞匯可根據(jù)具體場景靈活應(yīng)用這些命名規(guī)范并非固定不變，會隨著項目的特性和需求進行調(diào)整。

HTML文件命名同樣遵循全小寫與下劃線分隔的規(guī)則，如“quarterly_reporthtml”若文件名包含復(fù)數(shù)結(jié)構(gòu)，應(yīng)使用復(fù)數(shù)形式，如“buttons_grouphtml”“rules_listhtml”這種規(guī)則能清晰地反映文件的邏輯關(guān)系CSS與SCSS文件命名采用全小寫與下劃線分隔，如“retina_spritesscss”或“hack_iecss”對于包。

HTML標簽中class的命名準則，實際上就是一種對代碼的組織和描述方式在命名時，應(yīng)追求簡潔明了便于理解，同時遵循一定的規(guī)范以保持代碼的可讀性和可維護性命名時，考慮的是代碼在未來的可理解性，而非僅僅是當前的創(chuàng)意性確保一個星期后還能看懂自己寫的代碼是關(guān)鍵在HTML中，class命名應(yīng)簡潔描。

目錄結(jié)構(gòu)規(guī)范目錄建立的原則以最少的層次提供最清晰簡便的訪問結(jié)構(gòu)目錄的命名以小寫英文字母，下劃線組成參照命名規(guī)范根目錄一般只存放indexhtm以及其他必須的系統(tǒng)文件每個主要欄目開設(shè)一個相應(yīng)的獨立目錄根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的。

前端規(guī)范一命名規(guī)范1小駝峰命名法lowerCamelCase 第一個單詞以小寫字母開始，第二個單詞的首字母大寫，例如firstNamelastName2大駝峰命名法CamelCase 每一個單詞的首字母都采用大寫字母，例如FirstNameLastName3下劃線命名法snake_case下劃線命名法也叫蛇形法。

如何運用BEM進行命名關(guān)鍵在于遵循以下原則在項目開發(fā)中，每個組件被視為獨立的代碼單元，能夠重復(fù)使用組件由HTMLCSS和JavaScript共同組成，相當于HTML中的標簽集合，形成一支功能完整的隊伍以抖音實時視頻播放器為例，該項目將嚴格遵循BEM命名規(guī)范組件由塊元素與修飾符構(gòu)成例如Block塊。

1 vue頁面命名規(guī)范 Vue，讀音是vju，是一套用于構(gòu)建用戶界面的漸進式框架，自底層向上應(yīng)用，Vue的核心庫只關(guān)注視圖層，容易入門，可以和第三方庫或者已有的項目進行整合，可以做復(fù)雜的單頁應(yīng)用簡單的說，vue是一套前端的開發(fā)框架，vue是目前三大主流的框架之一，其他兩個框架是ReactAngular2 vue。