❶ 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 镄勮瘽锛屽氨鍙链夌‖镌澶寸毊灏介噺闱犳嫝銆
灏卞儚锲藉唴寰埚氩ぇ铡傞噷姣旇缉镢楀悕镄勫墠绔浠鏂囩珷/鍗氩/鐭ヤ箮閲屾彁鍒拌繃镄勪竴镙凤纴鍓岖杩椤潡姘翠笉鏄寰堟繁锛屼絾姘撮潪甯搁潪甯稿斤纴鍦ㄨ冭槛灏嗘潵浣滀负涓涓鍓岖濡备綍鍙戝𪾢濡备綍搴斿瑰ぉ鑺辨澘涔嫔墠锛屽厛瑕佽剼韪忓疄鍦版妸杩欎簺灞炰簬鍓岖镄勨沧湰鍒嗏濈殑涓滆タ鎼炲ソ銆备簨瀹炰笂鍓嶉溃鎻愬埌镄勮繖浜涗笢瑗挎垜涔熸病链夊叏閮藉仛鍒般备綔涓哄墠绔锛屼釜浜鸿夊缑链閲嶈佺殑鏄瑕佷缭鎸佷竴棰楀紑鏀俱佽唉鍗戠殑蹇冿纴涓嶈佹姷瑙︽柊涓滆タ锛屾案杩滆板缑澶栭溃镄勪笘鐣岃缮链夊緢澶氢笢瑗胯嚜宸变笉镍傦纴瑕佺户缁瀛︿範銆