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

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

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

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

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

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