前端程序员需要掌握哪些基本技术
web前端主要掌握详情页的交互效果，以及与后端服务器畅通，完成业务逻辑，Web前端工程师是中间桥梁，需要各方面对接，需要掌握的技能比较多。
1、Web前端编程语言和开发技术，这些是必须要学会的，其中包括：CSS、HTML、Ajax、JavaScript等。
2、优化网站性能、SEO和服务器端的基础知识。
3、作为美术开发与后端开发沟通的桥梁，还需要学习用户体验设计、响应式开发、后端服务器开发基础、交互设计等。
Web前端开发可以让前端的代码更加清晰，明显改进了网站的性能，进网站访问速度有明显提高，很好的维护网站，对搜索引擎也更友好，随着人们对用户体验的要求越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业从设计和制作不分的局面中独立出。
web简介：
web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。
最早的网络构想可以追溯到遥远的1980年蒂姆·伯纳斯·李构建的ENQUIRE项目。这是一个类似维基百科的超文本在线编辑数据库。
尽管这与我们现在使用的万维网大不相同，但是它们有许多相同的核心思想，甚至还包括一些伯纳斯·李的万维网之后的下一个项目语义网中的构想。
绛旓細1銆佸涔燞TML銆傝繖鏄渶绠鍗曪紝鏈鍩烘湰鐨勬槸瑕佹帉鎻iv銆乫ormtable銆乁lli銆丳銆佽法搴︺佸瓧浣撹繖浜涙爣绛撅紝杩欎簺閮芥槸鏈甯哥敤鐨勩2銆佸涔燙SS銆侰SS杩欓噷璇寸殑涓嶅寘鎷珻SS3锛學eb鍓嶇寮鍙戝伐绋嬪笀閲岄潰鎴戜滑鐪嬪埌鐨勶紝涓涓彲浠ヤ娇鐢℉TML鎴朇SS + CSS+DIV鐨勭晫闈㈠竷灞銆傛墍浠SS鏄敤鏉ュ崗鍔〩TML甯冨眬鍜屾樉绀猴紝鎴戜滑绉颁箣涓“CSS鏍峰紡”銆
绛旓細1. 缁煎悎杩愮敤Web鍓嶇鎶鏈繘琛岄〉闈㈠竷灞涓庣編鍖銆2. 缁煎悎杩愮敤Web鍓嶇寮鍙戞鏋惰繘琛學eb绯荤粺寮鍙戙3. 鐔熺粌鎺屾彙Mysql銆丮ongodb鏁版嵁搴撶殑鍙戝紑銆4. 鐔熺粌鎺屾彙vue.js銆亀ebpack銆乪lementui绛夊墠绔鎶鏈銆5. 鐔熺粌杩愮敤Node.js寮鍙戝悗鍙板簲鐢ㄧ▼搴忋6. 瀵筊estful锛孉jax锛孞SON锛屽紑鍙戣繃绋鏈夋繁鍏ョ殑鐞嗚В,鎺屾彙git鐨勫熀鏈妧鑳姐傜煡璇...
绛旓細JavaScript鍩虹娣卞叆鍓栨瀽銆丣avaScript闈㈠悜瀵硅薄娣卞叆璁茶В銆丣avaScript寮傛缂栫▼銆丣avaScript鍑芥暟寮忕紪绋婮avaScript璁捐妯″紡 闃舵6.鍓嶇蹇呭 鎬ц兘浼樺寲銆佺増鏈帶鍒跺伐鍏枫佹ā鍧楀寲銆侀」鐩瀯寤哄伐鍏 闃舵7.楂樼骇妗嗘灦 React妗嗘灦鍩烘湰浣跨敤銆丷eact妗嗘灦杩涢樁銆乂ue妗嗘灦鍩烘湰浣跨敤銆乂ue妗嗘灦杩涢樁銆乂ue婧愮爜鍒嗘瀽 闃舵8.灏忕▼搴 鍘熺敓灏忕▼搴忓叆闂ㄣ佸師鐢熷皬...
绛旓細1銆併妀sdom缂栫▼鑹烘湳銆嬪彲浠ュ府浣犲涔犲師鐢焜s锛屼綔涓轰竴鍚嶅墠绔師鐢焜s鏄熀纭蹇呴』鎺屾彙 2銆併婇攱鍒╃殑jquery銆嬪綋浣犲伐浣滀簡锛屼綘闇瑕佸揩閫熺殑鍑烘垚鏋滐紝涓嶈兘鐢ㄥ師鐢焜s鍘诲紑鍙戯紝鍥犱负鍘熺敓js鏈夊吋瀹规ч棶棰橈紝閭ｄ箞jquery甯綘鍋氫簡瑙ｅ喅浜嗚繖浜涢棶棰橈紝瀹冩彁渚涗簡寰堝鐨勬柟娉曚緵浣犳搷浣渄om 3銆併妀s楂樼骇绋嬪簭璁捐銆嬭繖鏈功寤鸿浣犵湅5閬嶄互涓婏紝鎺屾彙...
绛旓細鎯宠鎴愪负涓涓ソ鐨勫墠绔▼搴忓憳锛岄渶瑕佹帉鎻＄殑鎶鏈繕鏄瘮杈冨鐨勶紝姣斿HTML5寮鍙戙丣avaScript銆乂eu.js妗嗘灦寮鍙戠瓑绛銆傚墠绔氨鏄睍鐜扮粰鐢ㄦ埛娴忚鐨勯儴鍒嗐傛垜浠氬父璇寸殑鍓嶇锛屽叾瀹炴槸鎸囧墠绔紑鍙戯紝涔熷氨鏄垱寤篜C绔垨绉诲姩绔瓑鍓嶇鐣岄潰缁欑敤鎴风殑杩囩▼锛岄氳繃HTML锛孋SS鍙奐avaScript浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈佹鏋躲佽В鍐虫柟妗堬紝鏉ュ疄鐜...
绛旓細涓銆佸墠绔紑鍙闇瑕佹帉鎻′粈涔堟妧鏈锛鍓嶇鍩虹鐭ヨ瘑锛欻TML5銆丆SS3銆丣avaScript/ECMAScript锛涘墠绔牳蹇冩妧鏈細BOMDOM銆乯Query銆丠TTP銆丄JAX锛涘墠绔珮闃跺唴瀹癸細H5楂樼骇銆佸搷搴斿紡甯冨眬銆丅ootstrap妗嗘灦锛涚Щ鍔ㄧ寮鍙戯細绉诲姩绔傞厤銆乄ebApp銆佹贩缂朅pp銆佸井淇″叕浼楀彿銆佸井淇灏忕▼搴锛涗笁澶т富娴佹鏋讹細Vue.js銆丄ngular銆丷eact.js鍙婂悇鑷殑鐢熸佸湀...
绛旓細web鍓嶇闇瑕瀛︿範HTML銆丆SS鍜孞avaScript绛夈傘愮偣鍑绘祴璇曟垜閫備笉閫傚悎瀛﹁璁° HTML鐨勫叏绉颁负瓒呮枃鏈爣璁拌瑷锛屾槸涓绉嶆爣璁拌瑷銆傚畠鍖呮嫭涓绯诲垪鏍囩锛庨氳繃杩欎簺鏍囩鍙互灏嗙綉缁滀笂鐨勬枃妗ｆ牸寮忕粺涓锛屼娇鍒嗘暎鐨処nternet璧勬簮杩炴帴涓轰竴涓昏緫鏁翠綋銆侶TML鏂囨湰鏄敱HTML鍛戒护缁勬垚鐨勬弿杩版ф枃鏈紝HTML鍛戒护鍙互璇存槑鏂囧瓧锛屽浘褰佸姩鐢汇佸０闊...
绛旓細鎵浠ュ濂絅ode鏄湪鎵撻氬墠鍚庣寮鍙戜腑闇瑕佹帉鎻＄殑鎶鏈銆傝繖閮ㄥ垎闇瑕佹帉鎻S6鐨勫熀纭鐢ㄦ硶鍜屽吋瀹规;鎺屾彙ES6鐨勬牳蹇冭娉;浣跨敤ES6瀹炵幇鍓嶇妯″潡鍖栧紑鍙戙備娇鐢╓ebpack妯″潡鎵撳寘鍣;浣跨敤Node.js杩涜Web鏈嶅姟绔紑鍙;鎺屾彙JavaScript寮傛缂栫▼妯″瀷;鎺屾彙JavaScript妯″潡鍖栫紪绋嬫柟寮;浣跨敤Node.js鎿嶄綔MongoDB鏁版嵁搴;鐙珛寮鍙戝熀浜庡悗鍙版帴鍙ｇ殑鍔ㄦ...
绛旓細闇瑕佸涔犲涓嬪唴瀹癸細1銆丠TML璇█ 鎺屾彙HTML鏄綉椤电殑鏍稿績锛屾槸涓绉嶅埗浣滀竾缁寸綉椤甸潰鐨勬爣鍑嗚瑷锛屾槸涓囩淮缃戞祻瑙堝櫒浣跨敤鐨勪竴绉嶈瑷锛屽畠娑堥櫎浜嗕笉鍚岃绠楁満涔嬮棿淇℃伅浜ゆ祦鐨勯殰纰嶃傚洜姝わ紝瀹冩槸缃戠粶涓婂簲鐢ㄦ渶涓哄箍娉涚殑璇█锛屼篃鏄瀯鎴愮綉椤垫枃妗ｇ殑涓昏璇█锛屽濂紿TML鏄垚涓篧eb寮鍙戜汉鍛鐨勫熀鏈鏉′欢銆侶TML鏄竴绉嶆爣璁拌瑷锛岃兘澶熷疄鐜癢eb...
绛旓細1.寮鍙戣瑷 HTML鍙戝睍鍘嗗彶鏈変簩鍗佸骞达紝鍘嗙粡澶氭鐗堟湰鏇存柊锛孒TML5鍜孋SS3鐨勫嚭鐜板張鏄竴娆￠潻鏂般傛湁浜涗汉璁や负鍓嶇寮鍙戣鎺屾彙鐨勬妧鑳界畝鍗曪紝涓嶅氨鏄埗浣滅綉椤 鍢涳紝鍏跺疄涓嶇劧锛寃eb鍓嶇闇瑕佹帉鎻＄殑鏍稿績璇█xHTML+CSS+JavaScript锛孞avaScript浣滀负鏈闅剧殑璇█涔嬩竴锛岃澶氱紪绋嬮珮鎵嬩篃涓嶆暍濡 鑷彶钖勮嚜灏佺簿閫氥傜敱浜嶫avaScript涓巋tml鐨...
