現(xiàn)在web前端也是一個(gè)非常熱門的行業(yè)，想要學(xué)習(xí)web前端開發(fā)的同學(xué)請(qǐng)看這里北京web前端編程規(guī)范 ，通過對(duì)web前端簡(jiǎn)歷注意，項(xiàng)目經(jīng)驗(yàn)，推薦幾個(gè)大廠的前端代碼規(guī)范，學(xué)會(huì)了你也能寫出詩一樣的代碼?? 的了解，希望以上信息可以幫助到您

1.web前端簡(jiǎn)歷注意，項(xiàng)目經(jīng)驗(yàn)

求職意向期望職位：前端開發(fā)工程師期望薪資：面議工作性質(zhì)：全職到崗時(shí)間：離職,一周內(nèi)入職專業(yè)技能精通DIV+CSS頁面布局，重構(gòu),掌握，熟悉w3c標(biāo)準(zhǔn)，了解HTML語義化有一定的了解。熟練運(yùn)用瀏覽器兼容技術(shù)，熟練進(jìn)行前端性能優(yōu)化設(shè)計(jì)。熟練掌握HTML5技術(shù)開發(fā)，熟悉響應(yīng)式布局和彈性盒布局，百分比自適應(yīng)布局，熟練掌握CSS3動(dòng)畫技術(shù)，且能熟練應(yīng)用Animate.css動(dòng)畫庫。熟練使用HTML5新特性canvas，，，video，audio等開發(fā)項(xiàng)目以及基于HTML5的微信場(chǎng)景開發(fā)。熟悉掌握基于HTML5的webApp開發(fā)以及各種手機(jī)移動(dòng)端適配，熟悉ECMA標(biāo)準(zhǔn)，熟練掌握DOM、BOM操作，熟悉閉包原理，熟悉面向?qū)ο驤S編程，理解原型鏈的繼承機(jī)制。熟練AJAX/JSON,熟悉正則表達(dá)式、JS面向?qū)ο?，JSONP跨域請(qǐng)求。熟練使用jQuery框架，掌握jQuery與DOM操作及事件處理，了解動(dòng)態(tài)綁定事件的原理，掌握動(dòng)畫的處理。熟悉使用Zepto、Swiper、iScroll、Touch、BootStrap了解sea.js、vue.js,Require.js、等流行框架。掌握Css類庫Sass技術(shù)、Less技術(shù)、Gulp構(gòu)建化工具，了解node.js,react.js,angular.js以及MVC&MVVM設(shè)計(jì)模式與模塊化開發(fā)流程。熟練使用HBuilder，nodepad++，Sublime，Photoshop，，F(xiàn)ireworks等相關(guān)開發(fā)工具，熟悉Git版本管理，熟練webpack，babel等編譯工具。2013/10 - 2014/02安徽合肥包河綠地有限公司產(chǎn)品研發(fā)部web A組web開發(fā)工程師2014/06 – 至今北京海博遠(yuǎn)創(chuàng)軟件科技有限公司技術(shù)部HTML5開發(fā)工程師職責(zé):1.與項(xiàng)目經(jīng)理與技術(shù)團(tuán)隊(duì)等進(jìn)行充分的溝通，開發(fā)創(chuàng)建性高，高可用性的web網(wǎng)頁制作、移動(dòng)端的WebApp以及微信場(chǎng)景。2.充分理解項(xiàng)目需求：包括產(chǎn)品的目標(biāo)，可用性標(biāo)準(zhǔn)以及時(shí)間要求；參與移動(dòng)產(chǎn)品和項(xiàng)目制作，配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品前端界面效果與功能。3.負(fù)責(zé)移動(dòng)產(chǎn)品HTML5、CSS3的編寫，解決web端和移動(dòng)端適配問題等。4.實(shí)現(xiàn)產(chǎn)品UI和交互方面的開發(fā)需求，確保產(chǎn)品具有優(yōu)質(zhì)的用戶使用體驗(yàn)。項(xiàng)目經(jīng)驗(yàn):(六項(xiàng))1、項(xiàng)目名稱：洋碼頭（pc端）（已上線）項(xiàng)目描述：這是一款一站式海外網(wǎng)購(gòu)平臺(tái)，聚集20多個(gè)*地區(qū)的認(rèn)證商家和買手，正品好貨、全球同價(jià)、海外直郵、極速發(fā)貨、本土客服，不出國(guó)門輕松便捷購(gòu)買全球優(yōu)質(zhì)商品，匯聚全球精品好貨，同步全球品質(zhì)生活。責(zé)任描述：此項(xiàng)目為團(tuán)隊(duì)項(xiàng)目，本人主要負(fù)責(zé)部分頁面布局，邏輯控制及效果的實(shí)現(xiàn)，整理項(xiàng)目文檔技術(shù)要點(diǎn)：1.基于div+css頁面布局。2.使用正則表達(dá)式，注冊(cè)功能的實(shí)現(xiàn)3.通過通過(jQuery框架)實(shí)現(xiàn)效果（例如輪播圖及回到頂部）4.利用(jQuery框架)實(shí)現(xiàn)效果（如導(dǎo)航下拉菜單及三級(jí)菜單實(shí)現(xiàn)）5.通過Ajax調(diào)用后臺(tái)數(shù)據(jù)顯示在頁面；6.cookie的使用應(yīng)用在登陸注冊(cè)2、項(xiàng)目名稱：洋蔥淘(WebApp)(已上線)項(xiàng)目描述：這是一款代理海淘全球正品美妝webApp,主要以美妝，零食，香水為主。責(zé)任描述：此項(xiàng)目為團(tuán)隊(duì)項(xiàng)目，本人主要負(fù)責(zé)手機(jī)端頁面布局和登錄注冊(cè)實(shí)現(xiàn)主要技術(shù)：1.HTML5語義化標(biāo)簽+CSS3技術(shù)2.jQuery和原生技術(shù)完成動(dòng)態(tài)效果3.利用iScroll.js框架來實(shí)現(xiàn)頁面上下拉刷新加載效果4.使用插件來實(shí)現(xiàn)倒計(jì)時(shí)效果5.使用canvas的實(shí)現(xiàn)滾動(dòng)平緩的效果3、項(xiàng)目名稱：粽享端午（微信場(chǎng)景開發(fā)）(已上線)（ Js庫為jQuery3.插入了HTML5音頻，通過右上角的摁鈕可控制音頻的播放與暫停4、項(xiàng)目名稱：粥品香坊（webapp）(已上線)項(xiàng)目描述：vue2+webpack +es6 +組件化實(shí)現(xiàn)的在線支付外賣系統(tǒng)，主要是在線支付購(gòu)物，專注于早餐外賣 xxxx 計(jì)算機(jī)科學(xué)與技術(shù) xxx自我評(píng)價(jià)自學(xué)能力強(qiáng)，能快速接受使用新知識(shí)；良好的分析解決問題能力，和自我管理能力；具有面向?qū)ο笤O(shè)計(jì)思想，具備獨(dú)立分析和解決問題的能力；有較好的團(tuán)隊(duì)協(xié)作和溝通能力，有強(qiáng)烈的責(zé)任心；具有良好的溝通表達(dá)、團(tuán)隊(duì)協(xié)作能力，有較強(qiáng)的學(xué)習(xí)能力和探索精神，責(zé)任心強(qiáng)。注：很多人技術(shù)不怎么好，可以把簡(jiǎn)歷寫的天花亂墜，有些人技術(shù)很好，簡(jiǎn)歷寫的很爛，僅憑簡(jiǎn)歷是沒有辦法判別的。以上簡(jiǎn)歷，規(guī)范指的是，基本的內(nèi)容形式，而不是技術(shù)點(diǎn)。

2.推薦幾個(gè)大廠的前端代碼規(guī)范，學(xué)會(huì)了你也能寫出詩一樣的代碼

今天給大家?guī)淼氖?幾個(gè)大廠的前端代碼規(guī)范。前端代碼規(guī)范代碼千萬行，安全*行；前端不規(guī)范，同事兩行淚。騰訊包含內(nèi)容也挺多的：PC端專題：快速上手、文件目錄、頁面頭部、通用title、通用foot、統(tǒng)計(jì)代碼、兼容測(cè)試移動(dòng)端專題：快速上手、文件目錄、頁面頭部、REM布局、通用foot、統(tǒng)計(jì)代碼、分享組件、兼容要求雙端官網(wǎng)：快速上手、頁面跳轉(zhuǎn) 規(guī)范統(tǒng)一團(tuán)隊(duì) CSS 代碼書寫和 SASS 預(yù)編譯語言的語法風(fēng)格，提供常用媒體查詢語句和瀏覽器私有屬性引用，并從業(yè)務(wù)層面統(tǒng)一規(guī)范常用模塊的引用。命名規(guī)范從 “目錄命名”、“圖片命名”、“ClassName” 命名等層面約定規(guī)范團(tuán)隊(duì)的命名習(xí)慣，增強(qiáng)團(tuán)隊(duì)代碼的可讀性。 規(guī)范統(tǒng)一團(tuán)隊(duì)的 JS 語法風(fēng)格和書寫習(xí)慣，減少程序出錯(cuò)的概率，其中也包含了 ES6 的語法規(guī)范和*實(shí)踐。凹凸實(shí)驗(yàn)室： & 等號(hào)、塊、注釋、空白、逗號(hào)、分號(hào)、類型轉(zhuǎn)化、命名規(guī)則、存取器、構(gòu)造函數(shù)、事件、模塊、jQuery、 5 兼容性、測(cè)試、性能、資源、 風(fēng)格指南說明。百度編碼規(guī)范、HTML、CSS、Less、E-JSON 數(shù)據(jù)傳輸標(biāo)準(zhǔn)、模塊和加載器、包結(jié)構(gòu)、項(xiàng)目目錄結(jié)構(gòu)、圖表庫標(biāo)準(zhǔn)、react 編碼規(guī)范。比如：縮進(jìn)[強(qiáng)制] 使用 4 個(gè)空格做為一個(gè)縮進(jìn)層級(jí)，不允許使用 2 個(gè)空格 或 tab 字符。[強(qiáng)制] switch 下的 case 和 default 必須增加一個(gè)縮進(jìn)層級(jí)。// good switch (variable) { case '1': // do... break; case '2': // do... break; default: // do... } // bad switch (variable) { case '1': // do... break; case '2': // do... break; default: // do... }規(guī)范文檔： Standard Style除很多公司組織外，很多個(gè)人也在項(xiàng)目中使用的規(guī)范。 Vue 特有代碼的風(fēng)格指南。如果在工程中使用 Vue，為了回避錯(cuò)誤、小糾結(jié)和反模式，該指南是份不錯(cuò)的參考。不過我們也不確信風(fēng)格指南的所有內(nèi)容對(duì)于所有的團(tuán)隊(duì)或工程都是理想的。所以根據(jù)過去的經(jīng)驗(yàn)、周圍的技術(shù)棧、個(gè)人價(jià)值觀做出有意義的偏差是可取的。官方風(fēng)格指南： ES6 的新語法，運(yùn)用到編碼實(shí)踐之中，與傳統(tǒng)的 語法結(jié)合在一起，寫出合理的、易于閱讀和維護(hù)的代碼。es6 編程風(fēng)格： HTML 和 CSS。HTML語法、HTML5 doctype、語言屬性、IE 兼容模式、字符編碼、引入 CSS 和 文件、實(shí)用為王、屬性順序、布爾型屬性、減少標(biāo)簽的數(shù)量、 生成的標(biāo)簽。CSS語法、聲明順序、不要使用 @import、媒體查詢（Media query）的位置、帶前綴的屬性、單行規(guī)則聲明、簡(jiǎn)寫形式的屬性聲明、Less 和 Sass 中的嵌套、Less 和 Sass 中的操作符、注釋、class 命名、選擇器、代碼組織。Bootstrap 編碼規(guī)范： 可組裝的 JavaScrip t和 JSX 檢查工具。發(fā)現(xiàn)問題ESLint 靜態(tài)分析您的代碼以快速發(fā)現(xiàn)問題。ESLint 內(nèi)置于大多數(shù)文本編輯器中，您可以將ESLint 作為持續(xù)集成管道的一部分運(yùn)行。自動(dòng)修復(fù)ESLint 發(fā)現(xiàn)的許多問題都可以自動(dòng)修復(fù)。ESLint 修復(fù)程序可識(shí)別語法，因此您不會(huì)遇到傳統(tǒng)的查找和替換算法引入的錯(cuò)誤。定制預(yù)處理代碼，使用自定義解析器，并編寫與 ESLint 內(nèi)置規(guī)則一起使用的自己的規(guī)則。您可以自定義 ESLint，使其完全按照項(xiàng)目所需的方式工作。ESLint: 中文網(wǎng)： 是一個(gè)“有主見”的代碼格式化工具。簡(jiǎn)而言之，這個(gè)工具能夠使輸出代碼保持風(fēng)格一致。也是目前絕大多數(shù)前端項(xiàng)目都會(huì)用到的哦。Prettier：

看了以上有關(guān)web前端簡(jiǎn)歷注意，項(xiàng)目經(jīng)驗(yàn)，推薦幾個(gè)大廠的前端代碼規(guī)范，學(xué)會(huì)了你也能寫出詩一樣的代碼??的講解，如果還有什么疑問可以直接來電咨詢