❶ web前端工程師需要掌握哪些技術
1、開發語言
HTML發展歷史有二十多年，歷經多次版本更新，HTML5和CSS3的出現又是一次革新。有些人認為前端開發要掌握的技能簡單，不就是網頁製作嘛。其實不然，web前端需要掌握的核心語言HTML+CSS+JavaScript，JavaScript作為最難的語言之一，許多編程高手也不敢妄自菲薄自封精通。由於JavaScript與html的差異性，以及靜態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成的。小公司因為需要壓縮成本，就需要每個人會的越多越好，如果你嚮往項目經理發展，能懂一兩門後端語言，絕對是錦上添花。
2、瀏覽器兼容性
互聯網目前主流瀏覽器有IE6/7/8/9，Firefox，Chrome，Opera，Safari，遨遊，包括國內主流的搜狗，騰訊TT，360，the word等等；從內河上講主要有IE的，遨遊版IE，Safari，Firefox以及opera的，這些都是大家常見的，如果你身邊有老網蟲喜歡收藏瀏覽器，你翻翻他的硬碟，相信十幾款肯定是有的。每種內核對代碼的解析是不完全一樣的，即使同樣內核也可能存在很大差異，如IE和遨遊版IE。不說非主流的瀏覽器，就主流的瀏覽器，要做到完全兼容，也並非易事，需要長時間的積累和測試，需要前端開發工程師對前端端開發的熱愛和激情。
目前移動互聯網的發展趨勢也不容小覷，將慢慢占據互聯網的主要份額。移動互聯網最突出的好處是方便和及時，試想一下，走在某地風景很好，拍下來後自 動分享給各路好友，因此手機上的瀏覽器兼容也看刻不容緩，現在手機上的瀏覽器也是紛繁復雜，主流的UCWEB，safari，IE，3G門戶的，以及 symbian低端機的「殘缺兒童」，包括國外流行手機我們不知道的一些瀏覽器，更糟糕的是這些瀏覽器解析因為手機硬體的不同，每個瀏覽器得到的結果都是 完全不同的。
3.hack技術
由於不同的瀏覽器對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程叫CSS hack。雖然我們寫代碼都要求按照標准，不寫hack代碼，但實際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應該是每個前端開發人員 必備的技能。
4.業內標准
目前Web前端開發中提到最多的就是W3C標准，這是一系列標準的集合，代表了互聯網發展的方向，也代表了前端開發的一種信仰。寫的代碼都要100%通過標准驗證，為通過標准驗證而感到自豪，會有效推動互聯網的快速發展。
5.開發工具
目前比較流行的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞台，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉並掌握網頁布局，但現 在更提倡的是純手寫代碼，既體現技能方面的卓越，也可有效避免使用DW等工具產生的冗餘代碼。此外再掌握一些photoshop技能，即使沒有美工，也能 簡單處理一些圖像。
小結，掌握以上技能，可以說你是一個合格的前端開發人員，能夠參與到一個大的項目中，或者自己獨立寫出一個網頁。雖然這看起來和網頁製作設計差不多，從效果上來看，都是製作網頁的，但實際上，技術上所超出的已經是好幾個檔次的東西了。
❷ 春招｜騰訊提前批 Web前端 20屆暑期實習生面經 已offer
在春招之際，JoviCheng成功獲得騰訊Web前端20屆暑期實習生的offer，分享了他從投遞簡歷到面試、再到收到offer的全過程，讓我們一同回顧他的面經。
背景描述了JoviCheng的實習經歷，從大一第二學期開始，他在NGO和新媒體公司實習，為他積累了實際工作經驗。
對於騰訊對計算機網路的重視，JoviCheng在面試准備階段對此表示了擔憂，但實際面試中，他主要基於自學內容應答，展現了對技術的理解和掌握。
在接近提前批尾聲時，JoviCheng於3月25日投遞了簡歷，並在3月26日收到了面試通知。電話面試分為三輪，每輪面試各有特色，從技術到人生，再到問題反饋，展示了騰訊面試的全面性與深入性。
電話面試中，面試官的聲音溫暖，用「我們」這個詞拉近了與JoviCheng的距離。面試官不僅關注技術細節，還通過問題引導，展現了對被面試者的關懷。在學習前端方面，JoviCheng分享了自己平時的學習方式和關注的新技術。
面試官在最後給出了反饋，鼓勵JoviCheng在博客質量上提高產出，增加數量，這些建議為JoviCheng提供了進一步成長的方向。
面試流程在官網上從暫未發起到初試、復試、技術終面，最終變為HR面試，最終結果是成功拿到騰訊的offer。整個過程中，JoviCheng分享了自己在不同階段的緊張與自信，以及對面試官的感激。
在等待offer的幾天里，JoviCheng的心情經歷了從忐忑到激動的過程，最後在4月3日中午，他接到了期待已久的offer電話。這段面經不僅展示了JoviCheng的努力與成長，也體現了騰訊對人才的重視。
感謝牛客網提供了這樣一個平台，讓JoviCheng與大家分享他的經歷。在這里，還有更多名企的筆試真題解析、面試經驗交流與招聘信息，希望這些資源能夠幫助更多求職者。
最後，JoviCheng以一句「求職之前，先上牛客！」鼓勵大家，快快下載牛客APP，一起努力，拿到自己心儀的offer！
❸ 前端面試的自我介紹
大學生涯與社會實踐，充滿渴望與追求，也伴隨成功與挫敗，我不斷挑戰自我，充實自我，為實現人生價值奠定了堅實基礎。
在思想品德層面，我具備良好道德修養，堅定政治方向，積極向黨組織靠攏，深化對黨的認識，並參加入黨積極分子培訓班。我遵紀守法，愛護公共財產，熱心參與學校公益宣傳與愛國活動，展現良好的公民素養。
學業上，我熱衷於專業學習，利用課余時間專修計算機知識，輕松掌握各種網路與辦公軟體操作。曾多次獲得獎學金，擅長書法與體育，英語、電腦與普通話等級考試達標。在專業知識方面持續精進，同時涉獵網頁設計、網站管理與維護等技能。
工作表現積極，任勞任怨，責任心強，具備出色的組織與交際能力，與同學團結一致，出色完成各項任務，贏得廣泛好評。在工作上，我致力於實踐與理論相結合，不斷提升自我。
生活方面，誠實守信，熱心待人，勇於自我挑戰，時間觀念強，養成良好的生活習慣與正派作風。與人相處融洽，連續擔任分院乒協秘書長，擅長網頁設計與網站管理維護，曾獨立完成中型網站設計與大型網站策劃修改。
平面設計專業的學習，促使我在修好學業的同時，注重社會實踐。利用暑假在大型網吧工作，積累了管理經驗與軟硬體維護知識。三年大學生活，顯著提升了知識水平、思想境界與工作能力，踏上社會征途時，我充滿熱情、信心與責任感，准備迎接新的挑戰，攀登高峰。
❹ 鍓嶇鎬庝箞闈㈣瘯鎵嶈兘鎷垮埌楂樿柂Offer
1. 瑕佹湁姣旇緝濂界殑璁＄畻鏈哄熀紜
榪欓噷鐨勮＄畻鏈哄熀紜鎸囩殑鏄鏁版嵁緇撴瀯涓庣畻娉曪紝鎿嶄綔緋葷粺錛岀紪璇戝師鐞嗭紝璁＄畻鏈虹綉緇滅瓑絳夈傝櫧鐒剁浉瀵逛簬鍏朵粬鏂瑰悜鑰岃█錛屽墠絝鍦ㄥ伐浣滀腑鐢ㄥ埌璁＄畻鏈哄熀紜鐨勫湴鏂瑰彲鑳藉皯涓鐐癸紝浣嗘槸鏃犺哄ぇ灝忓巶錛屾嫑瀹炰範鐢熷叾瀹為兘鏄涓烘ｅ紡鎷涜仒鍋氬偍澶囷紝鎵浠ヤ細姣旇緝甯屾湜鎷涘皢鏉ユ湁鏇村ぇ鍙戝睍絀洪棿鐨勪漢錛屽氨鍍忛噷 Web 鍓嶅悗絝鍒嗙葷殑鎰忎箟澶у悧錛 - 鐭ヤ箮鐢ㄦ埛鐨勫洖絳 鍜 鎬庢牱鎴愪負鍏ㄦ爤宸ョ▼甯堬紙Full Stack Developer錛夛紵 - 鐭ヤ箮鐢ㄦ埛鐨勫洖絳 鎻忚堪鐨勯偅縐嶃
濡傛灉浣犲叿澶囨瘮杈冨ソ鐨勮＄畻鏈哄熀紜緔犲吇錛岄偅涔堜互鍚庡湪鎷撳睍鍒板叾浠栭嗗煙錛圵ebGL 鈥斺 璁＄畻鏈哄浘褰㈠︼紝Node.js 搴曞眰 鈥斺 鎿嶄綔緋葷粺錛孞S 寮曟搸鍜屽悇縐嶉勭紪璇戝伐鍏封斺 緙栬瘧鍘熺悊, etc.錛夌殑鏃跺欎細鏇村揩涓婃墜銆傚彟澶栨湁涓浜涘叕鍙稿瑰墠絝鐨勬傚康涓嶅矓闄愪簬 Web 鍓嶇錛屼篃鍖呮嫭縐誨姩絝鍋忓墠絝鐨勯儴鍒嗭紝榪欓噷涔熼渶瑕佷綘鏈夋瘮杈冨ソ鐨勮＄畻鏈哄熀紜鎵嶈兘鍋氬ソ銆傚墠絝棰嗗煙鏈夊緢澶氫漢宸茬粡涓嶆弧瓚充簬閫犺疆瀛愶紝鐩存帴璺戝幓閫犺璦浜嗭紝濡傛灉浣犵紪紼嬪熀紜澶熷ソ錛屾帴瑙﹁繃鍚勭嶅艦褰㈣壊鑹茬殑緙栫▼璇璦鍜岃寖寮忥紝鍐嶄笂鎵嬭繖浜涗笢瑗誇篃浼氭柟渚誇簺錛堟瘮濡俁uby/Python->CoffeeScript錛孒askell->LiveScript錛夈
鉶界劧涔熸湁寰堝氬湴鏂逛負浜嗘嫑鍒拌凍澶熷氳兘鏉ュ共媧葷殑鍓嶇浼氶檷浣庡硅＄畻鏈哄熀紜鐨勮佹眰錛屼絾鏄鎵撳ソ榪欐柟闈㈢殑鍩虹鏄娌℃湁鍧忓勭殑錛屽傛灉闈㈣瘯絎旇瘯琚闂鍒頒笖絳斿緱涓婃潵錛屼篃鏄鑳藉熷姞鍒嗙殑銆備竴浜涘ぇ鍘傜粡甯鎬細鍑虹幇鈥滀笉鏄鍓嶇鐨勯潰璇曞畼鏉ラ潰鍓嶇鈥濈殑鎯呭喌錛屾垜涓浜烘槸瑙夊緱濡傛灉榪欑被闈㈣瘯瀹橀棶鐨勯兘鏄璁＄畻鏈哄熀紜闂棰樼殑璇濓紝鍏跺疄鐪熺殑鏃犲彲鍘氶潪錛屾瘯絝熶漢瀹跺湪闈⑩滀竴涓鍓嶇紼嬪簭鍛樷濅箣鍓嶏紝鏄鍦ㄩ潰鈥滀竴涓紼嬪簭鍛樷濆晩鈥︹
2. 瑕佹噦寰楃幇浠ｅ墠絝鐨勪竴浜涙柊鎶鏈
姣斿傦細
鍓嶇鑷鍔ㄥ寲宸ュ叿錛圙ulp/Grunt絳夛級
妯″潡鍖栵紙CommonJS錛孉MD/CMD妯″潡鍔犺澆鍣錛屽悇縐岯undler錛孍S2015 Moles絳夛級
鍓嶇 MV* 妗嗘灦錛圔ackbone錛孉ngular絳夛級
緙栬瘧鍒 CSS 鍜 JS 鐨勪竴浜涜璦錛圠ess/Sass/CoffeeScript絳夛級
鍓嶇鑷鍔ㄥ寲嫻嬭瘯宸ュ叿錛圞arma錛孧ocha錛學eb Driver絳夛級
鍏朵粬
鏈変竴浜涘悓瀛﹁夊緱榪欎簺涓滆タ鎳傚緱瓚婂氳秺濂斤紝鎴戜釜浜烘槸瑙夊緱榪欎簺宸ュ叿涓嶄竴瀹氳侀兘浜嗚В錛堟瘯絝熷畠浠寰堝氫篃鏈蹇呰兘鐏澶氫箙錛夛紝浣嗗硅繖浜涗笢瑗胯佹湁澶ц嚧鐨勬傚康錛屽苟涓旀瘡涓棰嗗煙鐨勭敤榪囦竴涓ょ嶏紙鏈濂芥槸鍦ㄩ」鐩閲岋級錛屾竻妤氬畠浠鐨勪紭緙虹偣鍜屽繀瑕佺▼搴︺傝繖鏄鍖哄垎鍦ㄥ墠絝涓婃姇鍏ヨ繃涓瀹氱簿鍔涚殑浜哄拰璺ㄨ屾潵鍏艱亴鍓嶇鐨勪漢鐨勬爣蹇椼
鍘誨ぇ鍘傛牎鎷涘簲鑱樺墠絝鐨勪細鏈夊緢澶氬彧鏄鍋氳繃涓浜 Web 欏圭洰錛屼絾涓嶄竴瀹氬瑰墠絝鐨勬妧鏈寰堜簡瑙ｏ紝鍙鏄鐪嬪墠絝闂ㄦ涙瘮杈冧綆灝卞幓鎶曠畝鍘嗙殑浜恆傚傛灉浣犲硅繖浜涙柊鎶鏈姣旇緝浜嗚В鐨勮瘽錛岃搗鐮佽兘澶熻瘉鏄庝綘鏄姣旇緝涓撴敞鍓嶇鑰屼笖鑺辮繃涓瀹氭椂闂村湪涓婇潰鐨勩
鍚屾椂錛屽墠絝鐜板湪紜瀹炴槸涓涓姣忓ぉ閮芥湁寰堝氳疆瀛愬啋鍑烘潵鐨勯嗗煙錛屼篃闇瑕佷綘鏈夎凍澶熷己鐨勮嚜瀛﹁兘鍔涘拰錛堣嫳鏂囷級鏂囨。闃呰昏兘鍔涘幓璺熶笂紺懼尯鐨勮繖浜涙柊鍔ㄦ併傛帴瑙﹁繃姣旇緝澶氱殑杞瀛愶紝鎵嶄細鏈夎嚜宸辯殑鍒ゆ柇錛屼笉浼氳佹槸浜轟簯浜︿簯鐏涓涓瀛︿竴涓銆傝繖浜涘伐鍏烽噷錛岀『瀹炰篃鏈夊緢澶氬湪鍚堥傜殑鍦烘櫙涓嬪彲浠ユ彁楂樺墠絝鐨勭敓浜у姏鎴栬呬唬鐮佽川閲忥紝瀵硅繖浜涗笢瑗挎湁涓瀹氬叧娉錛屼篃琛ㄦ槑浣犲硅嚜宸辯殑鐢熶駭鍔涘拰浠ｇ爜璐ㄩ噺鏄鏈変竴瀹氬叧娉ㄧ殑錛岃繖鍏跺疄鏄涓涓鏇村箍涔夌殑闈犺氨紼嬪簭鍛樼殑鐗規с
3. 鎳傚緱浠涔堟槸 Web 鏍囧噯鍜屾祻瑙堝櫒寮鍙戠淮鎶ょ殑嫻佺▼錛屽苟涓斾細璺熻繘鏂板彂甯冪殑鏍囧噯鍜屼富嫻佹祻瑙堝櫒鏂板疄鐜扮殑鐗規
褰撶劧闈㈣瘯鐨勬椂鍊欎竴鑸涓嶄細鐩存帴闂浣犺繖鏂歸潰鐨勯棶棰橈紝浣嗘槸濡傛灉浣犳噦榪欓噷闈㈢殑姘村ぇ姒傛槸鎬庝箞涓鍥炰簨鐨勮瘽錛屽湪寰堝氶棶棰樹笂錛堢壒鍒鏄鍏煎規ч棶棰樹笂錛夐兘鑳藉洖絳斿緱姣旇緝娣卞埢涓浜涖傛渶濂芥竻妤氾細
HTML銆丆SS銆丏OM錛孍CMAScript 鍜屼竴浜涙硾 HTML5 鐨勬爣鍑嗘槸鎬庝箞鍒跺畾鐨
W3C 鍜 WHATWG 鐨勫尯鍒
鍚勭嶆爣鍑嗙殑涓嶅悓鐗堟湰鍜屾彁浜ょ姸鎬佹槸鎬庝箞鍥炰簨
鐭ラ亾鏍囧噯鍜屽疄鐜扮殑宸璺濓紙鏈変簺浜哄枩嬈㈡妸 W3C 鏍囧噯濂変負鍦鑷錛屼絾鐜板疄涓嫻忚堝櫒浠騫朵笉鏄榪欐牱鐨勶級
鐭ラ亾 ECMAScript 鍜 JavaScript 鐨勫尯鍒
鐭ラ亾嫻忚堝櫒鐨勪竴浜涘父瑙佸仛娉曪紙姣斿傜粰 CSS 鐗規у姞鍓嶇紑錛夌殑緙樼敱
鏍囧噯鍜屾祻瑙堝櫒榪欐嘩姘磋繕鏄寰堟祽鐨勶紝娑夊強鍒板緢澶氬埄鐩婄籂钁涘拰澶у巶鐨勫崥寮堬紝濡傛灉浣犲ぇ姒傛竻妤氫粬浠鐨勪竴浜涗簨鎯咃紝涓嶅厜鑷宸卞仛鍓嶇鍏煎圭殑鏃跺欎細瀹規槗涓浜涳紙涓嶄細鍙鎶辨ㄢ滀負鍟XXX灝辨槸涓嶈兘OOO鈥濊屾槸鎳傚緱浠栦滑鐨勬棤濂堝苟涓旇ょ湡瀵繪壘瑙ｅ喅鏂規堬級錛屽湪鏂扮壒鎬у嚭鏉ョ殑鏃跺欎篃鏇村規槗娑堝寲錛堜笉鏄鈥滃晩鍙堝嚭浜嗕釜鏂頒笢瑗胯佸﹀ソ鐑﹀晩鈥濊屾槸鈥滃湪閭浠跺垪琛ㄤ笂浜夛紙si錛夎猴紙bi錛変簡閭ｄ箞涔呬粬浠緇堜簬鎶婅繖涓鎼炲嚭鏉ヤ簡鈥濓級錛屼綘鑷宸卞瑰墠絝姣旇緝鍩虹鐨勯偅閮ㄥ垎鐨勭煡璇嗕綋緋繪洿浼氭湁鏉＄悊寰楀氥備釜浜鴻夊緱榪欎篃鏄鍖哄垎姣旇緝鏈夌粡楠岀殑鍓嶇鍜屼復鏃惰法琛岀殑鍓嶇鐨勫叧閿涔嬩竴錛岃繖浜涗笢瑗挎槸闇瑕佷綘緇忚繃涓孌墊椂闂寸殑鑰蟲俊鐩鏌撴墠鑳界悊娓呮氾紝鑰屼笖浼氬湪涓瀹氱▼搴︿笂褰卞搷浣犵殑宸ヤ綔鐨勩
4. 澶氱湅涔︼紝澶氬叧娉ㄦ妧鏈璧勮
鎶鏈璧勮鐨勬潵婧愬寘鎷琑SS銆侀偖浠惰㈤槄銆佹瘮杈冮噸瑕佺殑閭浠跺垪琛ㄣ佹垨鑰協ollow Twitter鍜屽井鍗氫笂涓浜涙瘮杈冩湁褰卞搷鍔涚殑寮鍙戣呫備釜浜虹粡楠屾槸錛屼竴鑸鍦ㄤ簩闈㈡垨鑰呬笁闈㈢殑鏃跺欙紝闈㈣瘯瀹橀兘浼氶棶綾諱技鈥滀綘浠庡摢閲屾帴瑙﹀墠絝鐨勬柊鎶鏈/浣犵湅榪囧摢浜涗功鈥濈殑闂棰橈紝鍥犱負鍓嶇鐜板湪鎶鏈鏇存柊寰堝揩錛屾瘮杈冧笓娉ㄤ簬鍓嶇榪欐柟闈㈢殑浜轟竴鑸閮戒細鏈夎嚜宸辨帴瑙︽柊鎶鏈鐨勬笭閬擄紝浠栦滑鑷鐒朵篃浼氭瘮杈冨叧蹇冨欓変漢鏄涓嶆槸鏈夊湪璺熻繘紺懼尯鐨勪竴浜涘姩鍚戙傚叾瀹炶繖涔熻兘澶熸帓闄ら偅浜涗笉澶闈犺氨鐨勪復闂ㄨ法琛岀殑浜猴紝鍥犱負浠栦滑騫蟲椂涓鑸涓嶄細鐗規剰鍘誨叧娉ㄥ墠絝鎶鏈鐨勬柊鍔ㄦ佺殑銆
5. 涓嶄粎鎳傚緱涓浜涗笢瑗挎庝箞鍐欙紝鏇磋佹噦寰椾竴浜涗笢瑗誇笉瑕佹庝箞鍐
Web 鏍囧噯澶у氫笉鏄涓ユ牸鍚戝悗鍏煎圭殑錛屽緢澶氬嚑騫村墠甯哥敤鐨勫啓娉曪紝鐜板湪宸茬粡琚紺懼尯鐨勫ぇ澶氭暟浜哄己鐑堝緩璁閬垮紑浜嗭紝鏈夊緢澶氱壒鎬т篃闅忕潃鏃墮棿鐨勬祦閫濊鎵撲笂浜 deprecated 鐨勬爣絳撅紝濡傛灉浣犱笉騫告嬁鐫涓鏈姣旇緝鑰佺殑涔﹀叆闂錛屽張涓嶅湪緗戜笂楠岃瘉涓婇潰璇寸殑姣忎竴鍙ヨ瘽錛岄偅涔堝緢鏈夊彲鑳戒綘灝辮繖鏍瘋璇瀵煎緢涔咃紝姣斿 HTML鍙鑳戒細閫愭ヨ玐ML鎵鍙栦唬鍚楋紵錛堟潵鑷銆奵ss鏉冨▉鎸囧崡銆嬶級 - 璐哄笀淇婄殑鍥炵瓟 榪欐牱鐨勬儏鍐碘︹︿笌涔嬬被浼肩殑榪樻湁錛
JavaScript 閲岄偅鏁伴噺浠や漢鍙逛負瑙傛㈢殑鍧
涓浜涘湪緇忛獙姣旇緝涓板瘜鐨勫墠絝鐪嬫潵灞炰簬甯歌瘑鐨勪笢瑗匡紙姣斿傦細涓轟粈涔 CSS 澶у氭斁鍦 head錛孞avaScript 澶氭斁鍦 body 搴曠錛燂級
鍒掑垎鍚勭嶆ā鍧椼佹枃浠訛紝娣誨姞妯℃澘鐨勬ｇ『鏂瑰紡錛堟瘮濡傞敊璇鏂瑰紡鏄涓鍫嗚剼鏈/鏍峰紡鍐欏湪涓涓瓚呭ぇ鏂囦歡閲岋紝鎴栬呭湪鏈夋浛浠ｆ柟寮忕殑鎯呭喌涓嬪湪 JavaScript 閲屾嫾瀛楃︿覆錛
瑙ｅ喅涓浜涜侀棶棰樼殑鏂扮殑best/better practice錛堟瘮濡備笉瑕佸埌浜 2015 騫磋繕娣遍櫡鍦ㄥ洖璋冨湴鐙憋紝鍘葷湅鐪 promise 鍜 generator錛
鈥︹
榪欎簺鐭ヨ瘑閮介渶瑕佷綘鏈変竴瀹氱殑鍓嶇鏂歸潰鐨勭粡楠岋紝鐪嬭繃姣旇緝澶氱浉鍏崇殑鍗氬㈠拰涔︼紝鎵嶈兘鎱㈡參縐緔璧鋒潵錛屾墍浠ヤ篃鑳藉尯鍒嗛潬璋辯殑鍓嶇鍜屼笉闈犺氨鐨勫墠絝銆
6. 涓嶄緷璧栨煇涓涓鐗瑰畾鐨勬嗘灦鎴栬呭簱
姣斿傚緢甯歌佺殑鈥滅誨紑浜唈Query灝變笉浼氬啓鍓嶇鈥濇槦浜衡︹︿篃涓嶆槸璇磋佸仛鍘熺敓 JavaScript/CSS 鍜 DOM 鐨勫師鏁欐棬涓諱箟鑰咃紝浣嗛珮搴︿緷璧栨煇涓妗嗘灦鎴栬呮煇涓搴撶殑璇濓紝閫氬父鎰忓懗鐫鎹浜嗕竴涓妗嗘灦/搴撲綘鐨勫︿範鎴愭湰浼氭瘮涓嶄緷璧栫壒瀹氳疆瀛愮殑浜洪珮錛屽洜涓鴻繖閫氬父鏄澶勪簬榪樹笉鐭ラ亾鍓嶇棰嗗煙鈥滀粈涔堟槸浠涔堚濈殑闃舵電殑琛ㄧ幇銆
浜嬪疄涓婂墠絝棰嗗煙鐨勮繖浜涜疆瀛愭湁涓浜涢兘鏄鍏朵粬棰嗗煙鏃╁氨鏈夛紝鎴栬呮牴鏈涓嶉渶瑕佺殑涓滆タ錛屽叾涓寰堝氱殑瀹炵幇鍘熺悊涔熶笉鏄閭ｄ箞澶嶆潅錛屽彧涓嶈繃鏄鑴忔椿緔媧匯備釜浜鴻夊緱瀵硅繖浜涗笢瑗垮簲璇ユ姤浠モ滀笉鑳界煡鍏剁劧鑰屼笉鐭ュ叾鎵浠ョ劧鈥濈殑鎬佸害錛岃搗鐮佸ぇ姒傛竻妤氬畠浠鐨勫疄鐜版槸鎬庢牱鐨勫楄礬錛岀煡閬撳畠浠鐨勪紭緙虹偣錛屽氭帴瑙﹀嚑縐嶏紝榪欐牱鍦ㄦ崲涓涓鏇誇唬鍝佺殑鏃跺欏緢蹇灝辮兘涓婃墜銆
鍥犱負鍓嶇鐨勭壒孌婃э紝鍦ㄥ紑鍙戞瘮杈冨ぇ鐨勯」鐩鐨勬椂鍊欎嬌鐢ㄥ簱鍜屾嗘灦鏄蹇呴』鐨勶紙姣斿傞亣鍒板悇縐嶉紶鏍囦簨浠剁殑鍓嶇鍏煎歸棶棰樻椂錛屾諱笉鑳藉叏閮藉氨鍦板啓 if-else 鍚э紝鎬誨緱灝佽呬竴涓嬨傞亣鍒伴潪甯 data-driven 鐨勯」鐩錛岃繕鐢ㄦ墜鍔ㄦ搷浣 DOM 鐨勫啓娉曞緢闅劇淮鎶ゅ惂錛岀敤涓 MV* 妗嗘灦鐪熺殑涓嶇函鏄鍋鋒噿浜嗭級錛屼絾鏄榪欎簺涓滆タ閮芥槸浼氳繀閫熸敼鏈濇崲浠ｇ殑錛屾誨畧鐫鏌愪釜鐗瑰畾鐨勫簱鎴栬呮嗘灦錛岀『瀹炰笉澶闈犺氨銆傚緢澶氬叕鍙稿枩嬈㈤棶鍊欓変漢鈥滃師鐢 API 鍐欎釜 Ajax 璇鋒眰鎬庝箞鍐欌濊繖綾婚棶棰橈紝鎰熻夊緢澶х▼搴︿笂涔熸槸鍦ㄦ帓闄よ繖綾諱漢鈥︹
7. 鎳備竴鐐圭偣璁捐
榪欓噷璇寸殑涓嶆槸鍒囧浘鍟奝S鍟夾I鍟婁粈涔堢殑錛岃屾槸澶ф傛噦鍩虹鐨勮嗚変紶杈/鑹插僵鏋勬垚/騫抽潰鏋勬垚鐨勭煡璇嗐傛瘯絝熷墠絝鏄鍜岃捐″笀鑱旂郴鏈瀵嗗垏鐨勭▼搴忓憳錛岃櫧鐒跺墠絝瑕佸仛鐨勪簨涓嶄粎浠呭寘鎷 UI/UX錛屼絾鏄 UI/UX 鍗撮兘涓昏佷緷璧栧墠絝鏉ュ疄鐜般傚緢澶氭椂鍊欙紝璁捐″笀錛堢壒鍒鏄涓嶄細鍓嶇鎶鏈鐨勮捐″笀錛夌粰鍑虹殑璁捐″彲鑳藉緢闅撅紙鍦ㄧ収欏懼吋瀹規х殑鍓嶆彁涓嬶級瀹炵幇錛岃繖涓鏃跺欎笉搴旇ヨ窡浠栫‖鎷艱╀粬鏀硅捐★紝鎴栬呰嚜宸遍粯榛樼籂緇撴庝箞鐢ㄥ緢 hack 寰堥毦緇存姢鐨勬柟娉曞幓瀹炵幇錛岃屾槸鐞嗚В璁捐＄殑鎰忓浘錛屽苟涓旇窡璁捐″笀娌熼氾紝灝藉彲鑳藉湪宸ョ▼涓婂規槗瀹炵幇瀹規槗緇存姢鐨勫墠鎻愪笅瀹炵幇璁捐＄殑鎰忓浘錛屽摢鎬曡佷慨鏀逛竴浜涘叿浣撶殑琛ㄧ幇褰㈡併
鏈鎮愭栫殑灝辨槸涓涓寮犲浘榪囨潵錛岃╀綘鍋氬埌 pixel perfect錛屼綘涔熶笉闂涓変竷浜屽嶮涓鐩存帴寮宸ワ紝浠ｇ爜鍐欏緱鍒鎵涔熶笉鍘繪矡閫氾紝閬囧埌涓嶅吋瀹瑰氨鎵撲釜鍝堝搱钂欐販榪囧叧浜嗏︹﹁捐＄殑鐩鏍囨槸璁╁ぇ浼楅兘鑳芥洿瀹規槗鍦頒嬌鐢錛岃繖鏍峰仛鏄涓庤捐″笀瀛樺湪鐨勬剰涔夎儗閬撹岄┌鐨勶紝鎴戜篃閬囧埌榪囦竴浜涜捐″笀浼氫富鍔ㄦ潵闂鍓嶇鎬庢牱鐨勮捐″湪嫻忚堝櫒閲屽規槗瀹炵幇錛屾庢牱鐨勮捐℃瘮杈冨埆鎵錛岃繖鏍蜂粬鎵嶈兘緇撳悎澶氭柟闈㈢殑淇℃伅鍘誨仛璁捐′笂鐨勫喅瀹氥傚傛灉浣犲硅捐′笉鍏沖績錛屼笉涓庝粬浜ゆ祦鐨勮瘽錛屽疄闄呬笂鐩稿綋浜庡墺澶轟簡涓浜涘叧蹇冨伐紼嬪疄鐜扮殑璁捐″笀鐨勭煡鎯呮潈錛堜竴鑸姝ｅ父鐨勮捐″笀鐪嬪埌鑷宸辯殑璁捐″疄鐜板嚭鏉ユ晥鏋滀笉濂斤紝涔熶細灝忛儊闂風殑鈥︹︼級銆備釜浜鴻夊緱涓庤捐″笀娌熼氱殑鎶宸э紝涔熸槸涓涓闈犺氨鐨勫墠絝搴旇ュ叿澶囩殑緔犲吇銆
8. 鎳備竴鐐圭偣鍚庣
錛堣繖涓鏄鎴戠湅浜嗕竴涓嬪埆浜虹殑絳旀堣ˉ鍔犵殑錛夈傚叾瀹炶繖涓鍜岀涓鐐圭殑鐩鐨勭被浼礆紝鏈閲嶈佺殑鏄鍒瑕佸仛涓涓闈炲緱絳夐槦鍙嬫潵鎵嶈兘寮宸ョ殑浜恆傚ぇ鍘傦紙涓昏佹槸闃塊噷緋伙級鏈変笉灝戝湪鐢 Node 鍋氬墠鍚庣鍒嗙諱竴綾葷殑浜嬶紝鍙﹀栧仛鍓嶇鐨勭粡甯歌佸湪鍚庣榪樻病鍐欏畬鐨勬椂鍊欒嚜宸卞幓 mock 涓涓嬫暟鎹鎺ュ彛錛屽傛灉浣犳噦鎬庝箞鎼寤虹畝鍗曠殑鏈嶅姟鍣ㄥ拰 serve 鏁版嵁緇欏墠絝錛岄偅涔堝氨鍙浠ユ彁楂樺紑鍙戠殑鏁堢巼銆傚嵆浣誇綘鍙鎯充笓娉ㄥ墠絝錛屼絾鍓嶇鏈夊緢澶氫笢瑗匡紙姣斿 JS 璺ㄥ煙錛學ebSocket錛孲SE錛學ebGL 鐨勭礌鏉愯幏鍙栵級閮介渶瑕佷綘鎳傚緱鏋惰劇畝鍗曠殑鍚庣鎵嶈兘鍘誨疄璺碉紝榪欐椂鍊欎笉鎳傚悗絝閫氬父灝辨剰鍛崇潃浣犺佹斁寮冨︿範榪欎簺鐭ヨ瘑錛屾垨鑰呭彧鑳界焊涓婅皥鍏點備竴涓姝ｅ父鐨勫墠絝鑲瀹氭槸瑕佸硅＄畻鏈虹綉緇滃拰 HTTP 絳夊崗璁鏈変竴瀹氫簡瑙ｇ殑錛屾湁浜嗚繖浜涚煡璇嗗幓瀛︾畝鍗曠殑鍚庣鍏跺疄鏄寰堟按鍒版笭鎴愮殑浜嬫儏銆
9. 鍦ㄥ墠絝鎶曞叆瓚沖熺殑鏃墮棿
鎰忚瘑鍒頒互涓婂嚑鐐硅繕闇瑕佹姇鍏ヨ凍澶熷氱殑鏃墮棿鎵嶈兘鐪嬪埌鎴愭灉錛屼笉鐒跺緢瀹規槗鍑虹幇鈥滈亾鐞嗘垜閮芥噦錛屽彲鏄疧OO鈥濈殑鎯呭喌錛岄偅鏈鍚庝篃榪樻槸闈犺氨涓嶄簡鐨勨︹﹀傛灉涓嶆槸鐪熺殑瀵瑰墠絝鎰熷叴瓚ｅ苟涓旀姇鍏ヨ凍澶熷氱殑鏃墮棿錛屼笌鍏朵負浜嗏滃ソ鎵懼伐浣溾濊屾姇鍓嶇錛屼笉濡傝漿涓涓鏇村悎閫傜殑鏂瑰悜銆傞樋閲屽墠絝鐨勫洶灞涓庣獊鍥 路 Issue #141 路 lifesinger/lifesinger.github.com 路 GitHub 鍜 鍥劇伒紺懼尯 : 闃呰 : 浼佷笟杞浠墮嗗煙鍓嶇寮鍙戠殑鍥板 閮借兘璇存槑榪欎釜闂棰樸
鍙﹀栨湁浜涢潰璇曞畼鍠滄㈤棶浣犱竴浜涘緢緇嗚妭鐨 API 錛堣櫧鐒舵垜涓浜鴻夊緱榪欑被闂棰樺緢鍥э級錛岃繖浜涗笢瑗垮緢澶氭椂鍊欓兘鏄闈犵殑鈥滄棤浠栵紝浣嗘墜鐔熷皵鈥濓紝鉶界劧鏈変竴浜涚『瀹炴湁鐐瑰垇闅句漢鐨勫懗閬擄紝浣嗘湁涓浜涚湡鐨勬槸濡傛灉浣犵粡甯稿啓鍓嶇錛岄噸澶嶅氬嚑嬈″氨浼氳頒綇鐨勶紝濡傛灉璁頒笉浣忥紝鍙鑳借存槑浣犲墠絝鍐欑殑涓嶅熷氥傝繕鏈変竴浜涙病瓚沖熷疄鎴樼粡楠岀殑浜哄緢灝戦亣鍒拌繃鐨勯棶棰橈紙姣斿 JS 璺ㄥ煙錛夛紝涔熸槸闇瑕佸湪鍓嶇鎶曞叆瓚沖熷氱殑鏃墮棿錛屾墠浼氭帴瑙﹀埌錛堟棤璁烘槸綰鎬笂璋堝叺錛岃繕鏄欏圭洰閲岄亣鍒幫級銆
鍏跺疄緇間笂鎵榪幫紝涓嶉潬璋辯殑鍓嶇澶ф傝〃鐜板氨鏄錛氳＄畻鏈哄熀紜涓嶅ソ錛堟洿緋熺硶鐨勬槸緙栫▼鍩虹閮戒笉琛岋紝涓嶈繃緙栫▼鍩虹鍜岃＄畻鏈哄熀紜濂戒笉濂借窡緇╃偣楂樹笉楂樹笓涓氬逛笉瀵瑰彛榪欎簺鍏跺疄鐪熺殑涓嶄竴瀹氭湁浠涔堝叧緋燴︹︼級錛屽瑰墠絝鐨勮よ瘑榪樺仠鐣欏湪鍗佸勾鍓嶏紝瀵圭ぞ鍖哄嚭鐜扮殑鏂板伐鍏峰畬鍏ㄤ笉璁よ瘑錛堟病璁よ瘑鍏ㄥ緢姝ｅ父錛屼絾瀹屽叏涓嶄簡瑙ｅ氨鏈夌偣涓よ充笉闂葷獥澶栦簨涓蹇冨彧璇誨湥璐や功鐨勫懗閬撲簡鈥︹︼級錛屼笉鎳 Web 鏍囧噯鏄鎬庝箞鍥炰簨鎴栬呬笉鍦ㄦ剰鏍囧噯錛岄亣鍒板吋瀹歸棶棰樺氨澶嶅埗綺樿創鎼滃埌鐨勪唬鐮侊紝瀵逛簬涓浜涘湪紺懼尯閲屾槸甯歌瘑鐨勫潙姣鏃犳剰璇嗗湴鍚勭嶈俯錛屸滅誨紑浜唈Query/鏌愬簱/鏌愭嗘灦灝變笉浼氬啓鍓嶇鈥濇槦浜猴紝鎴栬呭鉤鏃舵牴鏈娌℃庝箞鍋氳繃鍓嶇鐨勪笢瑗匡紝鍙鏄鍋氬仛 Web 欏圭洰欏哄甫鍐欏墠絝錛屽埌搴旇仒浜嗕復闂ㄤ竴鑴氳窇榪囨潵鈥︹︿笉綆℃槸騫蟲椂瀛︿範榪樻槸絎旇瘯闈㈣瘯錛屽敖閲忛伩鍏嶅悜榪欎簺鐗瑰緛闈犳嫝灝卞彲浠ヤ簡銆備簨瀹炰笂澶у巶浠鎷涗漢涓嶄竴瀹氫細瑕佹眰榪欎箞涓ユ牸錛岃屼笖澶у巶閲岀殑鍥㈤槦鏈韜涔熸湭蹇呬釜涓闈犺氨錛屼絾鏄騫蟲椂鏈夊湪榪欎簺鏂歸潰鍔鍔涚殑璇濓紝璧風爜濡傛灉鎸備簡浼氱煡閬撹嚜宸卞摢閲屼笉瓚籌紝鎴栬呭埌搴曟槸浠栫殑闂棰樿繕鏄浣犵殑闂棰樷︹
浠ヤ笂澶ф傚氨鏄鎴戣夊緱鎷垮埌澶у巶錛坥r鍓嶇姣旇緝闈犺氨鐨勪腑灝忓巶錛夊墠絝痮ffer闇瑕佺殑姘村鉤錛屽叾瀹炴垜鎰熻夋病蹇呰佹嬁鈥滃疄涔犫濊繖涓璇嶆潵闄愬畾鑷宸憋紝灝介噺寰楂樻按騫抽潬鎷錛屾墠鑳藉仛鍒版槸浣犳潵閫夊叕鍙革紝鑰屼笉鏄鍏鍙告潵閫変綘錛岃繖鏍蜂綘鎵嶈兘緇撳悎鍏磋叮/瀹跺涵/涓浜鴻勫垝涔嬬被鐨勫洜緔犳嬁鍒版渶閫傚悎鑷宸辯殑 offer銆傚彟澶栵紝鎴戣夊緱闈㈣瘯榪欏洖浜嬫槸榪欐牱鐨勶紝涓婇潰鎻愬埌鐨勮繖浜涚壒寰侊紝姣忎竴鏉″崟鐙鎷垮嚭鏉ワ紝鍦ㄤ笉紜瀹氶潰璇曞畼鐨勬儏鍐典笅錛屾棦涓嶆槸鎷垮埌offer鐨勫厖鍒嗘潯浠訛紝涔熶笉鏄鎷垮埌offer鐨勫繀瑕佹潯浠訛紝鏌愪竴鏉′笉婊¤凍錛屼篃涓嶆槸鎷誇笉鍒皁ffer鐨勫厖鍒嗘垨蹇呰佹潯浠躲傚ぇ鍘傜殑闈㈣瘯瀹樻湁寰堝氱嶏紝鏈変簺璁捐″嚭韜鍠滄㈤棶璁捐★紝鏈変簺鍚庣鍑鴻韓鍠滄㈤棶鍋忓悗絝鐨勪笢瑗匡紝鏈変簺鍠滄㈤棶浣燗PI緇嗚妭錛屾湁浜涘枩嬈㈤棶浣犲疄鐜版濊礬錛屾湁浜涘枩嬈㈢湅浣犲︿範鑳藉姏錛屾湁浜涢潰璇曞畼鏈鏉ュ氨涓嶆槸鍓嶇鎵浠ュ枩嬈㈤棶浣犲熀紜棰樸傚傛灉浣犱晶閲嶆煇涓浜涙柟闈錛岃櫧鐒舵棤鍙鍘氶潪錛屼絾鏄榪愭皵涓嶅ソ閬囦笂鏈熸湜涓嶅悓鐨勯潰璇曞畼錛屽彲鑳戒綘灝變細寰楀埌姣旇緝浣庣殑璇勪環鎴栬呮寕鎺夈傜『瀹氳兘鎷 offer 鐨勫敮涓閫斿緞錛屽氨鏄闈㈤潰淇卞埌錛岃繖褰撶劧鏄涓嶅彲鑳界殑瑕佹眰錛屼絾澶у巶鐨勭嶇嶅洜緔犻厤鍚堣搗鏉ュ線寰灝辨槸鍦ㄦ壘榪欑嶄笉瀛樺湪鐨勪漢鎵嶏紝鐪熺殑鎯蟲嬁 offer 鐨勮瘽錛屽氨鍙鏈夌‖鐫澶寸毊灝介噺闈犳嫝銆
灝卞儚鍥藉唴寰堝氬ぇ鍘傞噷姣旇緝钁楀悕鐨勫墠絝浠鏂囩珷/鍗氬/鐭ヤ箮閲屾彁鍒拌繃鐨勪竴鏍鳳紝鍓嶇榪欏潡姘翠笉鏄寰堟繁錛屼絾姘撮潪甯擱潪甯稿斤紝鍦ㄨ冭檻灝嗘潵浣滀負涓涓鍓嶇濡備綍鍙戝睍濡備綍搴斿瑰ぉ鑺辨澘涔嬪墠錛屽厛瑕佽剼韙忓疄鍦版妸榪欎簺灞炰簬鍓嶇鐨勨滄湰鍒嗏濈殑涓滆タ鎼炲ソ銆備簨瀹炰笂鍓嶉潰鎻愬埌鐨勮繖浜涗笢瑗挎垜涔熸病鏈夊叏閮藉仛鍒般備綔涓哄墠絝錛屼釜浜鴻夊緱鏈閲嶈佺殑鏄瑕佷繚鎸佷竴棰楀紑鏀俱佽唉鍗戠殑蹇冿紝涓嶈佹姷瑙︽柊涓滆タ錛屾案榪滆板緱澶栭潰鐨勪笘鐣岃繕鏈夊緢澶氫笢瑗胯嚜宸變笉鎳傦紝瑕佺戶緇瀛︿範銆