1、UI規(guī)范2使用范圍3界面設(shè)計(jì)規(guī)范3.1顏色COLOR漸變色#36d1dc#5b86e5primary#38cddc(56.205.220)success#5cb85c(92.184.92.)info#00»cee(0.172.238)warning*f0ad4e(240.173,78)danger«d9534f(217.83.79)文字顏色"82828(40.40.40)"82828(40.40.40)#828282(130.130.130.)#999(153.153.153)次要文字#b3b3b3(179,179.179)menu#8299ab(130

2、.153.171)menuhover#38cddc(56.205.220)邊框背景頁面背景#f3f3f3(243.243,243)頁面背景#f3f3f3(243.243,243)模塊背呆#c0c9f1(224.233.241)邊框Mce1o7(222.225,231)3.2圖標(biāo)icon下拉選擇請選擇日Projects田Projects田ReportsmMember罵EventsIIIPortfolio田Reports&Member罵Events111Portfolio2第二步3第T第二步o第F第二步旅力脫明第三步第三步笫習(xí)OCOO文本輸入框LabelLabelLabelPlacehol

3、derCorrectValueFocused|LabelLabelLabelValueCorrectValueWrongValueOnisisrequiredfield0PositiveMessageO義件上傳上傳文件：正在上傳v上傳咐x上傳失敗表格Table腐號:開始日期SUtusPrice00450古關(guān)牡區(qū)醫(yī)建1234S6287956621ISDec201615Doc2016$8870045112345626895215419Dec201619Dec2016|$23500452碰社區(qū)眇12WS62$98661222SDec201625Doc2016$125000453IwIUCiRR123

4、4562689521M19Dec201619Dec2016312350D4M七寶枚區(qū)碰1234S62S98661222SDec20162SDoc2016$12S0HamcSutyedItemLongSubletNamefofItetntl$150Item92ShortSutjectNMne$200Item，3LongSublethbrneforItemf3$90NamelabelRatingItemt3Actions帶帥交異菱5%I®«mwt1tlKIg2005233565610257%10%57%0z±2茹15624335232062356%10%56%tt/3

5、寶山去12023100280054%10%54%Qi4®tyfi2302300053%11%53%8/X5tlQE1201200030%10%30%QZ±6Efi區(qū)000020%10%20%0±行攻區(qū)力sntsw%夏人次WK»n1ttWIE2005233555610257%10%57%a/x2156243352320G2356%10%56%sz±3寶山去12023100280054%10%54%BZA42302300053%11%53%ax5tics1201200030%10%30%o±6眄新區(qū)000020%10%20%Q/±

6、;W»60pm/b<xM7*Opx行瞄劃RntswAz雎渺gf)陽物7*(*)診做人次女神an：12005233555610257%10%57%Dz2,2S區(qū)1562433523206235G%10%5%Q/X3寶山去12023100280054%10%54%Q/X4®tiE23023000S3%11%S3%0Z±5虹口區(qū)1201200030%10%30%D/±6財(cái)1腿000020%10%20%0/±景色6»40p行岫劃RtWTAZXWWg(%)診版人次蜜*1«J5I£2005233555610257%10%

7、57%D/A21562433523206235G%10%5G%口土3寶山去12023100280054%10%54%Q/±4W?tE2302300053%11%S3%DZ±5U口區(qū)1201200030%10%30%ffl±6海瀏海000020%10%20%0/±排名排名社區(qū)排名If降再古美社區(qū)衛(wèi)生1阪務(wù)中心古制區(qū)P牛服各中心OO古美社區(qū)衛(wèi)到艮務(wù)中心萃莊社區(qū)衛(wèi)到艮務(wù)中心90%80%古豺上口中心古美社區(qū)衛(wèi)生服務(wù)中心A龍柏社區(qū)衛(wèi)生fl艮務(wù)中心70%WFO古美社區(qū)衛(wèi)生服務(wù)中心60%古美社區(qū)衛(wèi)生眼務(wù)中心古美社區(qū)衛(wèi)生服務(wù)中心O0莘莊社區(qū)衛(wèi)生服務(wù)中心龍柏社區(qū)衛(wèi)到艮務(wù)中

8、心50%40%古卻:區(qū)衛(wèi)生服務(wù)中心O龍柏社區(qū)衛(wèi)到艮務(wù)中心40%古美社:區(qū)衛(wèi)生服務(wù)中心O龍柏社區(qū)衛(wèi)生服務(wù)中心40%GT文瀚日&幕助+IS通用函數(shù)common,js®IS表格國IS窗口I對話框-tB表單a13樹tg基本樹W布局國導(dǎo)航欄I工具欄II右鍍菜單U頂級導(dǎo)航標(biāo)簽ID內(nèi)部多標(biāo)簽ItabHU提示框時間線2017.06.502017.06.50上午9:30國事件記錄同事件記錄警示Alert圖標(biāo)配色>22b7eS；#6be6cl7#6c6fc0,.>a0a7e6,«c4ebd,.#ee8V«9B(3；«FAD8607#FSM3B；#60CO

9、DD7#C6ES797#F4E0017#FO«)5A7#26COa>,ed6519/<ffaf51,/>8c6«c47fa89*cc,Mffe«24Wf2d643,.»b5334,<c6e579,.,«6Oc0dd7tf49O45V«e2aacf/>ddd94b-1«3256a2-.«0284«',#42b2e3'.«46d9M-.«8«lS27»5ea5df.«l4e<»l,3,«e

10、d6519,.>M9(M5,#H«f51'.*<2d6437#fffl45,.,«c6bfef,#e2a»cf'2«07a2a4V#8ccl5Z.#c6e57y；#ffea247<6edff9,.#42b2e37#Oac6bd,009,#3256a27>3365ce,.,rO284cc,.<56adf67>7ae6H,>ed651；>f49045/#ffaf517#f2d6437tHea24,237b907t30b38b7»&ic5617»c9cd6d,#3256

11、a2V<0284cc,；ir42b2e3V#46d%4i,.,#8ccl5Z；#5ea5dr,<ffb980,.,»07a2a4；«b6a2de,.#60cOdd,.»c6e579；#f4e001V*f0805a,ed6519',Nfh>f51.F8c6ac4,*a89occ,Pffb248選項(xiàng)卡Tabs選項(xiàng)卡NameSubjectPtkexn<1longSubletNagforlt«mtl$150He«n92ShortSubjectName$200He«nf3LongSubjectNameforIte

12、mO$90座號社區(qū)甚院WmHTAZX:505開始日期00450古UtlEKR12345628795662115De<201600451尊龐杜久胸院1泌562689521X19Dec201600452龍桁壯區(qū)醫(yī)院1234$625986612225Dec201600453mtns醫(yī)隗即5626895215419Dec2016O34M七主社區(qū)醫(yī)院12345625SS6612225Dec2016I8W8WIStatusPnce*作15Dec2016$887ManageAction*-19Dec2Q16CZ3Z3I$235MarwoeActk>n>*2SDec2016$1.250Man

13、ageActions*19Dec2016S235MartaoeActions*25Dec2016$1.250MaruigaActs-*第項(xiàng)卡第二個選項(xiàng)卡平SIII缺眷瞇-怒塾目佃MM田S、«攀向翅任監(jiān)習(xí)融、怒顰打物&映汩段GWwwiHrmOssraa-SSBwttca«9SHi4.1;族薜苗若靜前苗混¥薜苗虬肉胃次打STmn««<用戶/lg仙-powervm沒站+«*>0尸.4拓flBBU-downloadQ«x*®Chart*皿1U-bar-chart*ia-MMl*MWOUHt*MC.區(qū)域(

14、A*4MM-<hB*tto«*m»WmU*ublefa-dnlctop#gY唾<aarrow*daHM>"HBtorpU*fikerirE(4-Wft-AHlOVf*-dCVM'，<；»<、："11<|*<<肉左fltJT、,Mrwoo*<lQwnG5皿inbadcm-OmfB住醫(yī)烷vB七h(yuǎn)oipltlI皿U-hotdKdLv人5ia-»er-nid，ia*<viyCI>«2UmcdkftXtX人5(Mhe«kh«-«lt

15、fMWX女尊x劣怪5n»U-m»lePkitethoxoptf*3.3組件菜單css命名頁面結(jié)構(gòu)頁頭：header側(cè)欄:side導(dǎo)航:nav子導(dǎo)航:subnav菜單：menu子菜單：submenu頁面主體：main頁腳：footer容器：wrap常用全局內(nèi)容當(dāng)前導(dǎo)航區(qū)域:current列表第一項(xiàng):first列表最后項(xiàng):last標(biāo)簽頁：tab按鈕：btn當(dāng)前的：current面包屑：breadcrumb提示:tip標(biāo)志:logo廣告：banner版權(quán):copyright搜索:search注意內(nèi)容：note欄目標(biāo)題：title常用頁面內(nèi)容新聞：news登陸：login熱點(diǎn)：ho

16、t下載：download文章:article服務(wù)：service指南:guide注冊:regsiter投票：vote合作伙伴：partner加入：joinus狀態(tài):status注意事項(xiàng)1. 律小寫；2. 盡量用英文；3. 不加中杠和下劃線；4. 盡量不縮寫,除非一看就明白的單詞.主要的master.css模塊module.css基本共用base.css布局，版面layout.css4.2HTML開發(fā)規(guī)范語法縮進(jìn)使用softtab（4個空格）；嵌套的節(jié)點(diǎn)應(yīng)該縮進(jìn)；在屬性上，使用雙引號，不要使用單引號；屬性名全小寫，用中劃線做分隔符；不要在自動閉合標(biāo)簽結(jié)尾處使用斜線（HTML5規(guī)范指出他們是可選的

17、）；不要忽略可選的關(guān)閉標(biāo)簽，例：</li>和/body禮<!DOCTYPEhtml><head><title>Pagetitle</title></head><body><imgsrc="images/company_logo.png"alCompany”<hlclass=nhello-world,>Hello,world!</hl></body>HTML5doctype在頁面開頭使用這個簡單地doctype來啟用標(biāo)準(zhǔn)模式，使其在每個瀏覽器中盡可能一

18、致的展現(xiàn)；雖然doctype不區(qū)分大小寫，但是按照慣例，doctype大寫（關(guān)于html屬性，大寫還是小寫）。<!DOCTYPEhtml>lang屬性根據(jù)HTML5規(guī)范：應(yīng)在html標(biāo)簽上加上lang屬性。這會給語音工具和翻譯工具幫助,告訴它們應(yīng)當(dāng)怎么去發(fā)音和翻譯。更多關(guān)于lang屬性的說明在這里；在sitepoint上可以查到語言列表；但sitepoint只是給出了語言的大類，例如中文只給出了zh,但是沒有區(qū)分香港，臺灣,大陸。而微軟給出了一份更加詳細(xì)的語言列表，其中細(xì)分了zh-cn,zh-hk,zh-two<!DOCTYPEhtml><htmllang=&qu

19、ot;en-usu>通過聲明一個明確的字符編碼，讓瀏覽器輕松、快速的確定適合網(wǎng)頁內(nèi)容的渲染方式，通常指定為UTF-8。<!DOCTYPEhtml><html><head><metacharset="UTF-8"></head>引入CSS,JS<!-ExternalCSS-><linkrel="stylesheet"href="code_guide.css"><!-In-documentCSS-><style></st

20、yle><!-ExternalJS-><scriptsrc="code_guide.js"x/script><!-In-documentJS-><script></script>屬性I贍屬性應(yīng)該按照特定的順序出現(xiàn)以保證易讀性； class id name data-* src,for,type,href,value,max-length,max,min,patternplaceholder,title,altaria-*,rolerequired,readonly,disabledclass是為高可復(fù)用組件設(shè)

21、計(jì)的，所以應(yīng)處在第一位；id更加具體且應(yīng)該盡量少使用,所以將它放在第二位。<aclass=u."id="."data-modal="toggle"href="#n>ExampleIink</a><inputclass="form-control"type="text"><imgsrc="."alt=".">袖標(biāo)在編寫HTML代碼時，需要盡量避免多余的父節(jié)點(diǎn)；很多時候，需要通過迭代和重構(gòu)來使HTML變得更少。盡

22、量遭循HTML標(biāo)準(zhǔn)和語義,但是不應(yīng)該以浪費(fèi)實(shí)用性作為代價；任何時候都要用盡呈小的復(fù)雜度和盡量少的標(biāo)簽來解決問題。4.3CSS開發(fā)規(guī)范鼬使用softtab（4個空格）。.elementposition:absolute;top:10px;left:10px;border-radius:10px;width:50px;height:50px;每個屬性聲明末尾都要加分號。.elementwidth:20px;height:20px;background-color:red;）以下幾種情況不需要空格：屬性名后多個規(guī)則的分隔符，'前Simportant'!'后屬性值中'（

23、'后和'）'前行末不要有多余的空格以下幾種情況需要空格：.屬性值前選擇器X+,'前后 T前 SimportantT前 else前后屬性值中的'，'后注釋仃后«'7前/*notgood*/.elementcolor:red!important;background-color:rgba(0,0,0,.5);/*good*/.elementcolor:red!important;background-color:rgba(0,0,0,.5);)/*notgood*/.element,.dialog/*good*/.element,.

24、dialog預(yù)算管理二«1®預(yù)箕管理>綜合管理平臺界面H市衛(wèi)生綜筐平臺首頁8)預(yù)算、，單，單單三級菜單三級菜單82預(yù)鼻執(zhí)行or)85集,運(yùn)營監(jiān)管管理協(xié)同統(tǒng)盼析。系統(tǒng)管理/*notgood*/.element>.dialog()/*good*/.element>.dialog)/*notgood*/.element(/*good*/.element)/*notgood*/)else)/*good*/if(else嘗亍以下幾種情況需要空行：文件最后保留一個空行''后最好跟一個空行，包括SCSS中嵌套的規(guī)則屬性之間需要適當(dāng)?shù)目招小?*notgoo

25、d*/.element.dialogcolor:red;&:afterI/*good*/.element).dialogcolor:red;&:after(齡亍以下幾種情況不需要換行： T前以下幾種情況需要換行： 后和T前.每個屬性獨(dú)占一行多個規(guī)則的分隔符，后/*notgood*/.element(color:red;background-color:black;/*good*/.elementcolor:red;background-color:black;)/*notgood*/.element,.dialog)/*good*/,element,.dialog注釋統(tǒng)一用尸V

26、（scss中也不要用）,具體參照右邊的寫法;縮進(jìn)與下一行代碼側(cè)寺一致；可位于一個代碼行的末尾，與代碼間隔一個空格。/*Modalheader*/.modal-header/*Modalheader*/.modal-header.modal-header/*50px*/width:50px;color:red;/*colorred*/引號最外層統(tǒng)一使用雙引號；url的內(nèi)容要用引號；屬性選擇器中的屬性值需要引號。.element:aftercontent:""background-image:url("logo.png");Iidata-type="

27、;single"類名使用小寫字母，以中劃線分隔 id采用駝峰式命名 scss中的變量、函數(shù)、混合、placeholder采用駝峰式命名/*class*/.element-content/*id*/#myDialog)/*變量*/ScolorBlack:#000;/*函數(shù)*/©functionpxToRem(Spx)/*混合*/QmixincenterBlock/*placeholder*/%myDialog屬睜明JI贍相關(guān)的屬性聲明按右邊的順序做分組處理,組之間需要有一個空行。.declaration-orderdisplay:block;float:right;posit

28、ion:absolute;top:0;right:0;bottom:0;left:0;z-index:100;border:lpxsolid#e5e5e5;border-radius:3px;width:100px;height:100px;font:normal13px''HelveticaNeue",sans-serif;line-height:1.5;text-align:center;color:#333;background-color:#f5f5f5;opacity:1;顏色16進(jìn)制用小寫字母；顏色16進(jìn)制盡量用簡寫。/*notgood*/.element

29、color:#ABCDEF;background-color:#001122;/*good*/.elementcolor:#abcdef;background-color:#012;屬屬性簡寫需要你非常清楚屬性值的正確順序,而且在大多數(shù)情況下并不需要設(shè)置屬性簡寫中包含的所有值,所以建議盡量分開聲明會更加清晰；margin和padding相反，需要使用簡寫；常見的屬性簡寫包括: font background transition Animation/*notgood*/.elementtransition:opacityIslinear2s;/*good*/.elementtransition

30、-delay:2s;transition-timing-function:Iinear;transition-duration:Is;transition-property:opacity;.媒體聾旬盡量將媒體查詢的規(guī)則靠近與他們相關(guān)的規(guī)則，不要將他們一起放到一個獨(dú)立的樣式文件中，或者丟在文檔的最底部，這樣做只會讓大家以后更容易忘記他們。.element.element-avatar(©media(min-width:480px).element,element-avatarscss相關(guān)提交的代碼中不要有debug;聲明順序： extend 不包含©content的

31、9;include 包含©content的©include自身屬性嵌套規(guī)則import引入的文件不需要開頭的和結(jié)尾的'.scss'綜合管理平臺界面上海市:2«¥臺*首頁>套預(yù)算曜nsa項(xiàng)二RiS項(xiàng)XZS3預(yù)算執(zhí)行>Of>.運(yùn)宜監(jiān)管>蓍管理協(xié)同>魚1統(tǒng)盼析>0系統(tǒng)管理>綜合管理平臺界面上海市衛(wèi)生綜管平臺首頁預(yù)算管理:V預(yù)算執(zhí)行-習(xí)菜單宙數(shù)據(jù)采集-三級做.運(yùn)言監(jiān)管警管理協(xié)同LdiL統(tǒng)計(jì)分析系統(tǒng)管理嵌套最多不能超過5層；extend中使用placeholder選擇器；去掉不必要的父級引用符號/*notg

32、ood*/©import”_dialog.scss/*good*/©import"dialog"/*notgood*/.fatal©extend.error;)/*good*/.fatal©extend%error;/*notgood*/.element&>.dialogQS/*good*/.element>.dialoga雜項(xiàng)不允許有空的規(guī)則；元素選擇器用小寫字母;去掉小數(shù)點(diǎn)前面的0;去掉數(shù)字中不必要的小數(shù)點(diǎn)和末尾的0;屬性值O后面不要加單位;同個屬性不同前綴的寫法需要在垂直方向保持對齊，具體參照右邊的寫法；無前

33、綴的標(biāo)準(zhǔn)屬性應(yīng)該寫在有前綴的屬性后面；不要在同個規(guī)則里出現(xiàn)重復(fù)的屬性，如果重復(fù)的屬性是連續(xù)的則沒關(guān)系；不要在一個文件里出現(xiàn)兩個相同的規(guī)則;用border:0;代替border:none;選擇器不要超過4層（在scss中如果超過4層應(yīng)該考慮用嵌套的方式來寫）;發(fā)布的代碼中不要有import；盡量少用'，'選擇器。/*notgood*/.element/*notgood*/LI(/*good*/U/*notgood*/.elementcolor:rgba(0,0,0,0.5);/*good*/.elementcolor:rgba(0,0,0,.5);)/*notgood*/.ele

34、mentwidth:50.0px;/*good*/.elementwidth:50px;4.4JavaScript使用softtab(4個空格)。varx=1,y=1;if(x<v)x+=10;elsex+=1;以下幾種情況后需加分號：變量聲明 表達(dá)式 return throw break continue do-while/*vardeclaration*/varx=1;/*expressionstatement*/x+;/*do-while*/dox+;)while(x<10);以下幾種情況不需要空格：對象的屬性名后前綴一元運(yùn)算符后.后綴一元運(yùn)算符前函數(shù)調(diào)用括號前無論是函數(shù)聲明

35、還是函數(shù)表達(dá)式，前不要空格數(shù)組的T后和T前對象的'后和前運(yùn)算符'（后和前以下幾種情況需要空格：.二元運(yùn)算符前后三元運(yùn)算符前后代碼塊''前下列關(guān)鍵字前:else,while,catch,finally下列關(guān)鍵字后:if,else,for,while,do,switch,case,try,catch,finally,with,return,typeof單行注釋7/'后（若單行注釋和代碼同行，則前也需要）,多行注釋*后對象的屬性值前f。循環(huán)，分號后留有一個空格，前置條件如果有多個，逗號后留一個空格無論是函數(shù)聲明還是函數(shù)表達(dá)式,前一定要有空格函數(shù)的參數(shù)之間/no

36、tgoodvara=(b:1；/goodvara=(b:1；/notgood+x;y+；z=x?l:2;/good+x;y+;z=x?1:2;/notgoodvara=1,2;/goodvara=1,2;/notgoodvara=(1+2)*3;/goodvara=(1+2)*3;名亍以下幾種情況需要空行：變量聲明后（當(dāng)變量聲明在代碼塊的最后一行時，則無需空行）注釋前（當(dāng)注釋在代碼塊的第一行時，則無需空行）代碼塊后（在函數(shù)調(diào)用、數(shù)組、對象中則無需空行）文件最后保留一個空行/needblanklineaftervariabledeclarationvarx=1;/notneedblankline

37、whenvariabledeclarationislastexpre*blockif(x>=1)(vary=x+1;vara=2;/needblanklinebeforelinecommenta+;functionb()/notneedblanklinewhencommentisfirstlineofblockreturna;/needblanklineafterblocksfor(vari=0;i<2;i+)if(true)returnfalse;continue;齡亍換行的地方，行末必須有或者運(yùn)算符;以下幾種情況不需瞰行：導(dǎo)航S!單樣式苗嫁合管理平臺界面上5理ft.貝、,二瞄H

38、QLXe=«nwimtsaBn%*，二爆菜一略雄埠合管理平臺界面t»tp«mrT*t«ann««a、HgZftjSIftnMMIAfi»BffiX*i&mnt g協(xié)同MettHMfr0系gif綜合理平臺界阪t»«t>PSEJ»«TM命首頁皇預(yù)HB3KWtfUi散據(jù)采集AJ&SU替«»y>w垸it分析a系統(tǒng)修理=姐菜三級皿三您菜中一級*BZMM查詢區(qū)mwfta指標(biāo)名你：？8標(biāo)客壞由拇開婀閭BWmrttb開始時間：s格購間：a魚透0»

39、;a指豚名將:敏造。垂法QW)|蒙塔更多iMiz下歹U關(guān)鍵字后：else,catch,finally代碼塊''前以下幾種情況需要換行：代碼塊后和前變量賦值后/notgoodvara=b:1,c:2)；x=y?1:2;/goodvara=b:1,c:2；x=y?1:2;x=y?1:2;/noneedlinebreakwith'else1,'catch','finallyif(condition)else)trycatch(e)單行注釋:雙斜線后，必須跟一個空格;縮進(jìn)與下一行代碼佩寺一致;可位于一個代碼行的末尾，與代碼間隔一個空格。多行注釋：最少三行

40、,*后跟一個空格，具體參照右邊的寫法；建議在以下情況下使用：難于理解的代碼段可能存在錯誤的代碼段瀏覽器特殊的HACK代碼業(yè)務(wù)邏輯強(qiáng)相關(guān)的代碼if(condition)/ifyoumadeithere,thenallsecuritycheckspassedallowed。；varzhangsan=1zhangsan1;/onespaceaftercode/*onespaceafter'*'*/varx=1;必當(dāng)渤各類標(biāo)簽param,method等請參考usejsdoc和JSDocGuide;建議在以下情況下使用：所有常量所有函數(shù)所有類*func*desc個帶參數(shù)的函數(shù)*param

41、stringa-參數(shù)aparam(number)b=l-參數(shù)b默認(rèn)值為1param(stringc=l-參數(shù)c有兩種支持的取值</br>l-表示x</bi?>2濂示xxparamobjectd-參數(shù)d為一個對象paramstringd.eparamstringd.fparamobjectgparamstringg.hparamstringg.iparamstringj-參數(shù)d的e屬性-參數(shù)d的f屬性-參數(shù)g為一個對象數(shù)組-參數(shù)g數(shù)組中一項(xiàng)的h屬性-參數(shù)g數(shù)組中一項(xiàng)的i屬性-參數(shù)j是一個可選參數(shù)*/*/functionfoo(a,b,c,d,g,j)引號最外層統(tǒng)一使用單引

42、號。/notgoodvarx="test"/goodvary='foo',z='<divid=utestnx/div>*;標(biāo)準(zhǔn)變量采用駝峰式命名（除了對象的屬性外，主要是考慮到cgi返回的數(shù)據(jù)）I。在變量名中全大寫 WRL在變量名中全大寫 Android在變量名中大寫第一個字母.，iOS，在變量名中小寫第一個，大寫后兩個字母常量全大寫，用下劃線連接構(gòu)造函數(shù)，大寫第一個字母 jquery對象必須以$開頭命名varthisIsMyName;vargoodID;varreportURL;varAndroidVersion;variOSVersi

43、on;varMAX_COUNT=10;functionPerson(name)=name;/notgoodvarbody=S('body');/goodvarSbody=S('body1);一個函數(shù)作用域中所有的變量聲明盡量提到函數(shù)首部，用一個var聲明，不允許出現(xiàn)兩個連續(xù)的var聲明。functiondoSomethingWithItems(items)/useonevarvarvalue=10,result=value+10,i,ten;for(i=0,len=items.length;i<ten;i+)result+=10;)函數(shù)無論是函數(shù)

44、聲明還是函數(shù)表達(dá)式，('前不要空格,但T前一定要有空格;函數(shù)調(diào)用括號前不需要空格;立即執(zhí)行函數(shù)外必須包一層括號;不要給inlinefunction命名；參數(shù)之間用丁分隔，注意逗號后有一個空格。/nospacebefore'(',butonespacebefore''vardoSomething=function(item)/dosomething；functiondoSomething(item)/dosomething/notgooddoSomething(item);/gooddoSomething(item);/requiresparenthese

45、saroundimmediatelyinvokedfunctionexpressions(function。return1;)()；/notgood1,2.forEachffunctionx();/good1,2.forEach(function();數(shù)組、檐對象屬性名不需要加引號；對象以縮進(jìn)的形式書寫，不要寫在一行;數(shù)組、對象最后不要有逗號。/notgoodvara=(,b':1；vara=b:1;b:1,c:2,；/goodvara=(b:1,c:2；括號下列關(guān)鍵字后必須有大括號(即使代碼塊的內(nèi)容只有一行):if,else,for,while,do,switch,try,catch,finally,witho/notgoodif(condition)doSomethingt);/goodif(condition)doSomethingO;null適用場景:.初始化一個將來可能被賦值為對象的變量與已經(jīng)初始化的變量做I匕較作為一個參數(shù)為對象的函數(shù)的調(diào)用傳參作為一個返回對象的函數(shù)的返回值不適用場景：不要用null來判斷函數(shù)調(diào)用時有無傳參不要與未初始化的變量做匕成開物間:開蛔何:9堵亶的間3