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

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

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

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

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

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

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