content
資訊專欄INFORMATION COLUMN
摘要：函數(shù)的名字前綴為動(dòng)詞，以此區(qū)分變量和函數(shù)示例函數(shù)命名命名方法小駝峰式命名法命名規(guī)范前綴應(yīng)當(dāng)為動(dòng)詞命名建議可使用常見(jiàn)動(dòng)詞約定動(dòng)詞含義返回值判斷是否可執(zhí)行某個(gè)動(dòng)作權(quán)限函數(shù)返回一個(gè)布爾值。含有此值不含有此值判斷是否為某個(gè)值函數(shù)返回一個(gè)布爾值。
- class類： 小寫字母,-分割；
- 圖片: 小寫字母，‘-’或者‘_’ 分割;
- 避免選擇器嵌套層級(jí)過(guò)多，少于3級(jí);
- 不要隨意使用id，id應(yīng)該按需使用，而不能濫用;
- 使用CSS縮寫屬性 ，比如padding:0 10px 5px 5px等等，這樣精簡(jiǎn)代碼同時(shí)又能提高用戶的閱讀體驗(yàn);
- 不縮寫單詞，除非一看就明白的單詞
- px像素（Pixel），相對(duì)長(zhǎng)度單位，像素px是相對(duì)于顯示器屏幕分辨率而言的。
- em是相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
- rem也是相對(duì)長(zhǎng)度單位，但相對(duì)的只是HTML根元素。
- vw代表視窗(Viewport)的寬度為1%，如果視窗寬度為1000px，那么50vw = 500px。
- vh代表窗口高度的百分，如果視窗高度為800px，那么50vh = 400px
（1)頁(yè)面結(jié)構(gòu)
（2)導(dǎo)航
(3)功能
（1）顏色：使用顏色的名稱或者16進(jìn)制代碼
（2）字體大小,直接使用”font+字體大小”作為名稱
(3)對(duì)齊樣式,使用對(duì)齊目標(biāo)的英文名稱,如
(4)標(biāo)題欄樣式,使用”類別+功能”的方式命名,如
命名方法：小駝峰式命名
命名規(guī)范：前綴應(yīng)當(dāng)是名詞。(函數(shù)的名字前綴為動(dòng)詞，以此區(qū)分變量和函數(shù))
示例
var maxCount = 10; var tableTitle = LoginTable;
JS 函數(shù)命名
命名方法：小駝峰式命名法
命名規(guī)范：前綴應(yīng)當(dāng)為動(dòng)詞
命名建議：可使用常見(jiàn)動(dòng)詞約定
| 動(dòng)詞 | 含義 | 返回值 |
| can | 判斷是否可執(zhí)行某個(gè)動(dòng)作(權(quán)限) | 函數(shù)返回一個(gè)布爾值。true：可執(zhí)行；false：不可執(zhí)行 |
| has | 判斷是否含有某個(gè)值 | 函數(shù)返回一個(gè)布爾值。true：含有此值；false：不含有此值 |
| is | 判斷是否為某個(gè)值 | 函數(shù)返回一個(gè)布爾值。true：為某個(gè)值；false：不為某個(gè)值 |
| get | 獲取某個(gè)值 | 函數(shù)返回一個(gè)非布爾值 |
| set | 設(shè)置某個(gè)值 | 無(wú)返回值、返回是否設(shè)置成功或者返回鏈?zhǔn)綄?duì)象 |
| load | 加載某些數(shù)據(jù) | 無(wú)返回值或者返回是否加載完成的結(jié)果 |
JS 常量命名
命名方法：名稱全部大寫
命名規(guī)范：使用大寫字母和下劃線來(lái)組合命名，下劃線用以分割單詞
示例
var MAX_COUNT = 10; var URL = http://www.runoob.com;
JS 文件命名
使用短線（-）或句點(diǎn)（.）作為分隔符號(hào)，推薦使用句點(diǎn)，最好使用小寫英文字符，不要使用其他符號(hào)和擴(kuò)展字符，如 jQuery UI 1.9.0 的源文件可命名為"jquery-ui-1.9.0.js"
使用 .js 擴(kuò)展名，這個(gè)擴(kuò)展名的兼容性最好。其實(shí)任何擴(kuò)展名都可以，只要是 text 類型、編碼正確即可
用句點(diǎn)分隔表示名稱中的從屬關(guān)系，范圍大的在前，如jQuery 的表單插件 Form既可以命名為jquery.form.js
JS注釋格式
使用多行注釋,以/*開(kāi)頭，*/結(jié)尾
JS 注意事項(xiàng)
書寫格式
1. 盡量減少標(biāo)簽層級(jí);
2. 雙標(biāo)簽必須閉合，單標(biāo)簽用斜線閉合;
3. HTML第一行統(tǒng)一使用HTML5標(biāo)準(zhǔn);
4.注意代碼加注釋，增加可讀性，如：
content
5. 代碼縮進(jìn)統(tǒng)一用4 空格；
參考：http://www.runoob.com/w3cnote/front-end-standards.html
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1666.html
摘要：一個(gè)靠譜的應(yīng)該包含以下幾部分言簡(jiǎn)意賅的項(xiàng)目介紹你的項(xiàng)目解決了什么核心問(wèn)題，有哪些令人心動(dòng)的特性。除了在中提到遵循的開(kāi)源協(xié)議外，一個(gè)靠譜的開(kāi)源項(xiàng)目還會(huì)將該開(kāi)源協(xié)議的內(nèi)容文檔放在自己的項(xiàng)目下方。 0. 前言 寫前端代碼一段時(shí)間之后，你可能會(huì)萌生做一個(gè)開(kāi)源項(xiàng)目的想法，一方面將自己的好點(diǎn)子分享出去讓更多的人受益，另一方面也可以在社區(qū)貢獻(xiàn)的環(huán)境下學(xué)到更多的東西從而快速成長(zhǎng)。但是開(kāi)源項(xiàng)目也有開(kāi)源項(xiàng)...
摘要：一個(gè)靠譜的應(yīng)該包含以下幾部分言簡(jiǎn)意賅的項(xiàng)目介紹你的項(xiàng)目解決了什么核心問(wèn)題，有哪些令人心動(dòng)的特性。除了在中提到遵循的開(kāi)源協(xié)議外，一個(gè)靠譜的開(kāi)源項(xiàng)目還會(huì)將該開(kāi)源協(xié)議的內(nèi)容文檔放在自己的項(xiàng)目下方。 0. 前言 寫前端代碼一段時(shí)間之后，你可能會(huì)萌生做一個(gè)開(kāi)源項(xiàng)目的想法，一方面將自己的好點(diǎn)子分享出去讓更多的人受益，另一方面也可以在社區(qū)貢獻(xiàn)的環(huán)境下學(xué)到更多的東西從而快速成長(zhǎng)。但是開(kāi)源項(xiàng)目也有開(kāi)源項(xiàng)...
摘要：使用代替可以使用工具代替結(jié)語(yǔ)我們應(yīng)該根據(jù)公司情況業(yè)務(wù)場(chǎng)景和團(tuán)隊(duì)具體情況來(lái)制定適合自己的開(kāi)發(fā)規(guī)范，開(kāi)發(fā)規(guī)范不需要最好，也沒(méi)有最好的開(kāi)發(fā)規(guī)范，只有適合自己的。后期我將和大家分享如何制定開(kāi)發(fā)規(guī)范。 0 為什么要有規(guī)范？ 與性能無(wú)關(guān) 與功能無(wú)關(guān) 與效果無(wú)關(guān) 與能力無(wú)關(guān) 與工期無(wú)關(guān) 但是，規(guī)范必不可少 與效率相關(guān)（開(kāi)發(fā)、迭代和維護(hù)，重點(diǎn)提升維護(hù)及迭代效率） 與團(tuán)隊(duì)相關(guān)（減少團(tuán)隊(duì)之間的不一致...
摘要：最近在知乎上看到這個(gè)作為程序員，有沒(méi)有讓你感到既無(wú)語(yǔ)又崩潰的程序命名。今天，也分享下最近自己在使用的命名習(xí)慣，當(dāng)然只是個(gè)人習(xí)慣。但是兩個(gè)函數(shù)的命名，一個(gè)是，另一個(gè)是。關(guān)于的命名規(guī)范，應(yīng)該很多人都是習(xí)慣用大駝峰命名。 把一件平凡的事情做好，很平凡。把一件平凡的事情堅(jiān)持的做好，很不平凡。 1.前言 如果說(shuō)計(jì)算機(jī)科學(xué)只存在兩個(gè)難題：緩存失效和命名。那么我就覺(jué)得命名的難點(diǎn)只有兩個(gè)：詞匯量和堅(jiān)持...
閱讀 740·2023-04-25 19:43
閱讀 3986·2021-11-30 14:52
閱讀 3816·2021-11-30 14:52
閱讀 3873·2021-11-29 11:00
閱讀 3808·2021-11-29 11:00
閱讀 3907·2021-11-29 11:00
閱讀 3584·2021-11-29 11:00
閱讀 6197·2021-11-29 11:00
