å端é¢è¯é¢æ±æ»ï¼åºæ¬ä¸ä¼æå大类é®é¢ï¼å
·ä½å¦ä¸ï¼
ä¸ãHTML
1ãDoctypeä½ç¨ï¼ä¸¥æ ¼æ¨¡å¼ä¸æ··æ模å¼å¦ä½åºåï¼å®ä»¬æä½æä¹?
2ãHTML5 为ä»ä¹åªéè¦å <!DOCTYPE HTML>ï¼
3ãè¡å
å
ç´ æåªäºï¼å级å
ç´ æåªäºï¼ 空(void)å
ç´ æé£äºï¼
4ã页é¢å¯¼å
¥æ ·å¼æ¶ï¼ä½¿ç¨linkå@importæä»ä¹åºå«ï¼
5ãä»ç»ä¸ä¸ä½ 对æµè§å¨å
æ ¸çç解ï¼
6ã常è§çæµè§å¨å
æ ¸æåªäºï¼
7ãhtml5æåªäºæ°ç¹æ§ã移é¤äºé£äºå
ç´ ï¼å¦ä½å¤çHTML5æ°æ ç¾çæµè§å¨å
¼å®¹é®é¢ï¼å¦ä½åºå HTML å HTML5ï¼
8ãç®è¿°ä¸ä¸ä½ 对HTMLè¯ä¹åçç解ï¼
9ãHTML5ç离线å¨åæä¹ä½¿ç¨ï¼å·¥ä½åçè½ä¸è½è§£éä¸ä¸ï¼
10ãæµè§å¨æ¯æä¹å¯¹HTML5ç离线å¨åèµæºè¿è¡ç®¡çåå è½½çå¢ï¼
11ã请æè¿°ä¸ä¸ cookiesï¼sessionStorage å localStorage çåºå«ï¼
12ãiframeæé£äºç¼ºç¹ï¼
13ãLabelçä½ç¨æ¯ä»ä¹ï¼æ¯æä¹ç¨çï¼ï¼å for æ å
裹ï¼
14ãHTML5çformå¦ä½å
³éèªå¨å®æåè½ï¼
15ãå¦ä½å®ç°æµè§å¨å
å¤ä¸ªæ ç¾é¡µä¹é´çéä¿¡? (é¿é)
16ãwebSocketå¦ä½å
¼å®¹ä½æµè§å¨ï¼(é¿é)
17ã页é¢å¯è§æ§ï¼Page Visibilityï¼API å¯ä»¥æåªäºç¨éï¼
18ãå¦ä½å¨é¡µé¢ä¸å®ç°ä¸ä¸ªåå½¢çå¯ç¹å»åºåï¼
19ãå®ç°ä¸ä½¿ç¨ border ç»åº1pxé«ç线ï¼å¨ä¸åæµè§å¨çQuirksmodeåCSSCompat模å¼ä¸é½è½ä¿æåä¸ææã
20ãç½é¡µéªè¯ç æ¯å¹²åçï¼æ¯ä¸ºäºè§£å³ä»ä¹å®å
¨é®é¢ï¼
21ãtiteä¸h1çåºå«ãbä¸strongçåºå«ãiä¸emçåºå«ï¼
äºãcss
1ãä»ç»ä¸ä¸æ åçCSSççå模åï¼ä¸ä½çæ¬IEççå模åæä»ä¹ä¸åçï¼
2ãCSSéæ©ç¬¦æåªäºï¼åªäºå±æ§å¯ä»¥ç»§æ¿ï¼
3ãCSSä¼å
级ç®æ³å¦ä½è®¡ç®ï¼
4ãCSS3æ°å¢ä¼ªç±»æé£äºï¼
5ãå¦ä½å±
ä¸divï¼å¦ä½å±
ä¸ä¸ä¸ªæµ®å¨å
ç´ ï¼å¦ä½è®©ç»å¯¹å®ä½çdivå±
ä¸ï¼
6ãdisplayæåªäºå¼ï¼è¯´æä»ä»¬çä½ç¨ã
7ãpositionçå¼relativeåabsoluteå®ä½åç¹æ¯ï¼
8ãCSS3æåªäºæ°ç¹æ§ï¼
9ã请解éä¸ä¸CSS3çFlexboxï¼å¼¹æ§çå¸å±æ¨¡åï¼,以åéç¨åºæ¯ï¼
10ãç¨çº¯CSSå建ä¸ä¸ªä¸è§å½¢çåçæ¯ä»ä¹ï¼
11ãä¸ä¸ªæ»¡å± å åå¸å± å¦ä½è®¾è®¡?
ä¸ã常è§å ¼å®¹æ§é®é¢ï¼
1ãliä¸liä¹é´æçä¸è§ç空ç½é´éæ¯ä»ä¹åå å¼èµ·çï¼æä»ä¹è§£å³åæ³ï¼
2ãç»å¸¸éå°çæµè§å¨çå
¼å®¹æ§æåªäºï¼åå ï¼è§£å³æ¹æ³æ¯ä»ä¹ï¼å¸¸ç¨hackçæå·§ ï¼
3ã为ä»ä¹è¦åå§åCSSæ ·å¼ã
4ãabsoluteçcontaining block计ç®æ¹å¼è·æ£å¸¸æµæä»ä¹ä¸åï¼
5ãCSSéçvisibilityå±æ§æ个collapseå±æ§å¼æ¯å¹²åç¨çï¼å¨ä¸åæµè§å¨ä¸ä»¥åä»ä¹åºå«ï¼
6ãpositionè·displayãmargin collapseãoverflowãfloatè¿äºç¹æ§ç¸äºå å åä¼æä¹æ ·ï¼
7ã对BFCè§è(åçº§æ ¼å¼åä¸ä¸æï¼block formatting context)çç解ï¼
8ãCSSæéä¼å
级æ¯å¦ä½è®¡ç®çï¼
9ã请解éä¸ä¸ä¸ºä»ä¹ä¼åºç°æµ®å¨åä»ä¹æ¶åéè¦æ¸
é¤æµ®å¨ï¼æ¸
é¤æµ®å¨çæ¹å¼
10ã移å¨ç«¯çå¸å±ç¨è¿åªä½æ¥è¯¢åï¼
11ãä½¿ç¨ CSS é¢å¤çå¨åï¼å欢é£ä¸ªï¼
12ãCSSä¼åãæé«æ§è½çæ¹æ³æåªäºï¼
13ãæµè§å¨æ¯ææ ·è§£æCSSéæ©å¨çï¼
14ãå¨ç½é¡µä¸çåºè¯¥ä½¿ç¨å¥æ°è¿æ¯å¶æ°çåä½ï¼ä¸ºä»ä¹å¢ï¼
15ãmarginåpaddingåå«éåä»ä¹åºæ¯ä½¿ç¨ï¼
16ãæ½ç¦»æ ·å¼æ¨¡åæä¹åï¼è¯´åºæè·¯ï¼ææ å®è·µç»éªï¼[é¿éèªæ
çé¢è¯é¢]
17ãå
ç´ ç«åçç¾åæ¯è®¾å®æ¯ç¸å¯¹äºå®¹å¨çé«åº¦åï¼
18ãå
¨å±æ»å¨çåçæ¯ä»ä¹ï¼ç¨å°äºCSSçé£äºå±æ§ï¼
19ãä»ä¹æ¯ååºå¼è®¾è®¡ï¼ååºå¼è®¾è®¡çåºæ¬åçæ¯ä»ä¹ï¼å¦ä½å
¼å®¹ä½çæ¬çIEï¼
20ãè§å·®æ»å¨ææï¼å¦ä½ç»æ¯é¡µåä¸åçå¨ç»ï¼ï¼åå°é¡¶é¨ï¼åä¸æ»å¨è¦å次åºç°ï¼ååªåºç°ä¸æ¬¡åå«æä¹åï¼ï¼
21ã::before å :afterä¸ååå·åååå· æä»ä¹åºå«ï¼è§£éä¸ä¸è¿2个伪å
ç´ çä½ç¨ã
22ãå¦ä½ä¿®æ¹chromeè®°ä½å¯ç åèªå¨å¡«å
表åçé»è²èæ¯ ï¼
23ãä½ å¯¹line-heightæ¯å¦ä½ç解çï¼
24ã设置å
ç´ æµ®å¨åï¼è¯¥å
ç´ çdisplayå¼æ¯å¤å°ï¼ï¼èªå¨åædisplay:blockï¼
25ãæä¹è®©Chromeæ¯æå°äº12px çæåï¼
26ã让页é¢éçåä½åæ¸
æ°ï¼åç»ç¨CSSæä¹åï¼ï¼-webkit-font-smoothing: antialiased;ï¼
27ãfont-styleå±æ§å¯ä»¥è®©å®èµå¼ä¸ºâobliqueâ obliqueæ¯ä»ä¹ææï¼
28ãposition:fixed;å¨androidä¸æ ææä¹å¤çï¼
29ãå¦æéè¦æå¨åå¨ç»ï¼ä½ 认为æå°æ¶é´é´éæ¯å¤ä¹
ï¼ä¸ºä»ä¹ï¼ï¼é¿éï¼
30ãdisplay:inline-block ä»ä¹æ¶åä¼æ¾ç¤ºé´éï¼(æºç¨)
31ãoverflow: scrollæ¶ä¸è½å¹³æ»æ»å¨çé®é¢æä¹å¤çï¼
32ãæä¸ä¸ªé«åº¦èªéåºçdivï¼éé¢æ两个divï¼ä¸ä¸ªé«åº¦100pxï¼å¸æå¦ä¸ä¸ªå¡«æ»¡å©ä¸çé«åº¦ã
33ãpngãjpgãgif è¿äºå¾çæ ¼å¼è§£éä¸ä¸ï¼åå«ä»ä¹æ¶åç¨ãæ没æäºè§£è¿webpï¼
34ãä»ä¹æ¯Cookie é离ï¼ï¼æè
说ï¼è¯·æ±èµæºçæ¶åä¸è¦è®©å®å¸¦cookieæä¹åï¼
35ãstyleæ ç¾åå¨bodyåä¸bodyåæä»ä¹åºå«ï¼
åãJavaScript
1ãä»ç»JavaScriptçåºæ¬æ°æ®ç±»åã
2ã说说åJavaScriptçåºæ¬è§èï¼
3ãJavaScriptååï¼ååé¾ ? æä»ä¹ç¹ç¹ï¼
4ãJavaScriptæå ç§ç±»åçå¼ï¼ï¼å ï¼åå§æ°æ®ç±»åå æ ï¼å¼ç¨æ°æ®ç±»åï¼ï¼ä½ è½ç»ä¸ä¸ä»ä»¬çå
åå¾åï¼
5ãJavascriptå¦ä½å®ç°ç»§æ¿ï¼
6ãJavascriptå建对象çå ç§æ¹å¼ï¼
7ãJavascriptä½ç¨é¾å?
8ãè°è°This对象çç解ã
9ãevalæ¯åä»ä¹çï¼
10ãä»ä¹æ¯window对象? ä»ä¹æ¯document对象?
11ãnullï¼undefinedçåºå«ï¼
12ãåä¸ä¸ªéç¨çäºä»¶ä¾¦å¬å¨å½æ°(æºè¯é¢)ã
13ã[â1â, â2â, â3â].map(parseInt) çæ¡æ¯å¤å°ï¼
14ãå
³äºäºä»¶ï¼IEä¸ç«ççäºä»¶æºå¶æä»ä¹åºå«ï¼ å¦ä½é»æ¢å泡ï¼
15ãä»ä¹æ¯éå
ï¼closureï¼ï¼ä¸ºä»ä¹è¦ç¨å®ï¼
16ãjavascript 代ç ä¸çâuse strictâ;æ¯ä»ä¹ææ ? 使ç¨å®åºå«æ¯ä»ä¹ï¼
17ãå¦ä½å¤æä¸ä¸ªå¯¹è±¡æ¯å¦å±äºæ个类ï¼
18ãnewæä½ç¬¦å
·ä½å¹²äºä»ä¹å¢?
19ãç¨åçJavaScriptçå®ç°è¿ä»ä¹åè½åï¼
20ãJavascriptä¸ï¼æä¸ä¸ªå½æ°ï¼æ§è¡æ¶å¯¹è±¡æ¥æ¾æ¶ï¼æ°¸è¿ä¸ä¼å»æ¥æ¾ååï¼è¿ä¸ªå½æ°æ¯ï¼
21ã对JSONçäºè§£ï¼
22ã[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) è½è§£éä¸ä¸è¿æ®µä»£ç çææåï¼
23ãjs延è¿å è½½çæ¹å¼æåªäºï¼
24ãAjax æ¯ä»ä¹? å¦ä½å建ä¸ä¸ªAjaxï¼
25ãåæ¥åå¼æ¥çåºå«?
26ãå¦ä½è§£å³è·¨åé®é¢?
27ã页é¢ç¼ç å被请æ±çèµæºç¼ç å¦æä¸ä¸è´å¦ä½å¤çï¼
28ã模ååå¼åæä¹åï¼
29ãAMDï¼Modules/Asynchronous-Definitionï¼ãCMDï¼Common Module
Definitionï¼è§èåºå«ï¼
30ãrequireJSçæ ¸å¿åçæ¯ä»ä¹ï¼ï¼å¦ä½å¨æå è½½çï¼å¦ä½é¿å
å¤æ¬¡å è½½çï¼å¦ä½ ç¼åçï¼ï¼
31ãè®©ä½ èªå·±è®¾è®¡å®ç°ä¸ä¸ªrequireJSï¼ä½ ä¼æä¹åï¼
32ãè°ä¸è°ä½ 对ECMAScript6çäºè§£ï¼
33ãECMAScript6 æä¹åclassä¹ï¼ä¸ºä»ä¹ä¼åºç°classè¿ç§ä¸è¥¿?
34ãå¼æ¥å è½½çæ¹å¼æåªäºï¼
35ãdocumen.writeå innerHTMLçåºå«?
36ãDOMæä½ââææ ·æ·»å ã移é¤ã移å¨ãå¤å¶ãå建åæ¥æ¾èç¹?
37ã.call() å .apply() çå«ä¹ååºå«ï¼
38ãæ°ç»å对象æåªäºåçæ¹æ³ï¼å举ä¸ä¸ï¼
39ãJS æä¹å®ç°ä¸ä¸ªç±»ãæä¹å®ä¾åè¿ä¸ªç±»
40ãJavaScriptä¸çä½ç¨åä¸åé声ææåï¼
41ãå¦ä½ç¼åé«æ§è½çJavascriptï¼
42ãé£äºæä½ä¼é æå
åæ³æ¼ï¼
43ãJQueryçæºç çè¿åï¼è½ä¸è½ç®åæ¦åµä¸ä¸å®çå®ç°åçï¼
44ãjQuery.fnçinitæ¹æ³è¿åçthisæçæ¯ä»ä¹å¯¹è±¡ï¼ä¸ºä»ä¹è¦è¿åthisï¼
45ãjqueryä¸å¦ä½å°æ°ç»è½¬å为jsonå符串ï¼ç¶åå转ååæ¥ï¼
46ãjQuery çå±æ§æ·è´(extend)çå®ç°åçæ¯ä»ä¹ï¼å¦ä½å®ç°æ·±æ·è´ï¼
47ãjquery.extend ä¸ jquery.fn.extendçåºå«ï¼
48ãjQuery çéåæ¯å¦ä½å®ç°çï¼éåå¯ä»¥ç¨å¨åªäºå°æ¹ï¼
49ãè°ä¸ä¸Jqueryä¸çbind(),live(),delegate(),on()çåºå«ï¼
50ãJQueryä¸ä¸ªå¯¹è±¡å¯ä»¥åæ¶ç»å®å¤ä¸ªäºä»¶ï¼è¿æ¯å¦ä½å®ç°çï¼
51ãæ¯å¦ç¥éèªå®ä¹äºä»¶ãjQueryéçfireå½æ°æ¯ä»ä¹ææï¼ä»ä¹æ¶åç¨ï¼
52ãjQuery æ¯éè¿åªä¸ªæ¹æ³å Sizzle éæ©å¨ç»åçï¼ï¼jQuery.fn.find()è¿å
¥Sizzleï¼
53ãé对 jQueryæ§è½çä¼åæ¹æ³ï¼
54ãJqueryä¸jQuery UIæå¥åºå«ï¼
55ãJQueryçæºç çè¿åï¼è½ä¸è½ç®å说ä¸ä¸å®çå®ç°åçï¼
56ãjquery ä¸å¦ä½å°æ°ç»è½¬å为jsonå符串ï¼ç¶åå转ååæ¥ï¼
57ãjQueryåZeptoçåºå«ï¼åèªç使ç¨åºæ¯ï¼
58ãé对 jQuery çä¼åæ¹æ³ï¼
59ãZeptoçç¹éé®é¢å¦ä½è§£å³ï¼
60ãjQueryUIå¦ä½èªå®ä¹ç»ä»¶?
61ãéæ±ï¼å®ç°ä¸ä¸ªé¡µé¢æä½ä¸ä¼æ´é¡µå·æ°çç½ç«ï¼å¹¶ä¸è½å¨æµè§å¨åè¿ãåéæ¶æ£ç¡®ååºãç»åºä½ çææ¯å®ç°æ¹æ¡ï¼
62ãå¦ä½å¤æå½åèæ¬è¿è¡å¨æµè§å¨è¿æ¯nodeç¯å¢ä¸ï¼ï¼é¿éï¼
63ã移å¨ç«¯æå°è§¦æ§åºåæ¯å¤å¤§ï¼
64ãjQuery ç slideUpå¨ç» ï¼å¦æç®æ å
ç´ æ¯è¢«å¤é¨äºä»¶é©±å¨, å½é¼ æ å¿«éå°è¿ç»è§¦åå¤é¨å
ç´ äºä»¶, å¨ç»ä¼æ»åçåå¤æ§è¡ï¼è¯¥å¦ä½å¤çå¢?
65ãæ Script æ ç¾ æ¾å¨é¡µé¢çæåºé¨çbodyå°éä¹å åå°éä¹åæä»ä¹åºå«ï¼æµè§å¨ä¼å¦ä½è§£æå®ä»¬ï¼
66ã移å¨ç«¯çç¹å»äºä»¶çæ延è¿ï¼æ¶é´æ¯å¤ä¹
ï¼ä¸ºä»ä¹ä¼æï¼ æä¹è§£å³è¿ä¸ªå»¶æ¶ï¼ï¼click æ 300ms 延è¿,为äºå®ç°safariçåå»äºä»¶ç设计ï¼æµè§å¨è¦ç¥éä½ æ¯ä¸æ¯è¦åå»æä½ãï¼
67ãç¥éåç§JSæ¡æ¶(Angular, Backbone, Ember, React, Meteor, Knockoutâ¦)ä¹? è½è®²åºä»ä»¬åèªçä¼ç¹å缺ç¹ä¹?
68ãUnderscore 对åªäº JS åç对象è¿è¡äºæ©å±ä»¥åæä¾äºåªäºå¥½ç¨çå½æ°æ¹æ³ï¼
69ã解éJavaScriptä¸çä½ç¨åä¸åé声ææåï¼
70ãé£äºæä½ä¼é æå
åæ³æ¼ï¼
71ãJQueryä¸ä¸ªå¯¹è±¡å¯ä»¥åæ¶ç»å®å¤ä¸ªäºä»¶ï¼è¿æ¯å¦ä½å®ç°çï¼
72ãNode.jsçéç¨åºæ¯ï¼
(å¦æä¼ç¨node)ç¥éroute, middleware, cluster, nodemon, pm2, server-side renderingä¹?
73ã解éä¸ä¸ Backbone ç MVC å®ç°æ¹å¼ï¼
74ãä»ä¹æ¯âå端路ç±â?ä»ä¹æ¶åéå使ç¨âå端路ç±â? âå端路ç±âæåªäºä¼ç¹å缺ç¹?
75ãç¥éä»ä¹æ¯webkitä¹? ç¥éæä¹ç¨æµè§å¨çåç§å·¥å
·æ¥è°è¯ådebug代ç ä¹?
76ãå¦ä½æµè¯å端代ç ä¹? ç¥éBDD, TDD, Unit Testä¹? ç¥éæä¹æµè¯ä½ çå端工ç¨ä¹(mocha, sinon, jasmin, qUnit..)?
77ãå端templating(Mustache, underscore, handlebars)æ¯å¹²åç, æä¹ç¨?
78ãç®è¿°ä¸ä¸ Handlebars çåºæ¬ç¨æ³ï¼
79ãç®è¿°ä¸ä¸ Handlerbars ç对模æ¿çåºæ¬å¤çæµç¨ï¼ å¦ä½ç¼è¯çï¼å¦ä½ç¼åçï¼
80ãç¨jså®ç°åä½åé符?(æ¥æºï¼å端åæ°å·¥ï¼æ示ï¼æ£å+replace)
æ£æµæµè§å¨çæ¬çæ¬æåªäºæ¹å¼ï¼
81ãæ们ç»ä¸ä¸ªdomåæ¶ç»å®ä¸¤ä¸ªç¹å»äºä»¶ï¼ä¸ä¸ªç¨æè·ï¼ä¸ä¸ªç¨å泡ï¼ä½ æ¥è¯´ä¸ä¼æ§è¡å 次äºä»¶ï¼ç¶åä¼å
æ§è¡å泡è¿æ¯æè·