web前端可以做什么相关工作
第一，企业官方网站的开发与维护。这个应该是最简单的了，基本上是纯静态页面的展示，就算有交互模块，应该也是比较简单的那种，甚至纯 js 使用类似于 oop 的方式就能够很轻松完成，基础好的话，甚至可以不依赖 jquery 或者 zepto。第二，门户类型网站的开发与维护。例如像搜狐一样的门户网站，但是我不确定这种业务线是否还在招人，相对来说也不难，但是如果想开发得好，实现高可维护性和扩展性，还是很考验开发人员的抽象能力。可以留意看看，这种网站一般分成很多个模块，每个模块的展现结构是非常类似的。如何做到可复用性强，对产品需求变更迭代时更加友好，那就很考验开发人员前端三大语言的设计模式了。
第三，电商网站。例如京东和淘宝，里面不仅有对用户友好的展现方式，合乎逻辑的交互方式，还会涉及到网站、商品的色彩设计、排版设计、交互设计，虽然可能都由设计师来出方案，但是前端开发同学可以从中学到很多东西。此外，除了单纯的展现，你需要考虑更多的东西了。例如，不同端的字体展现，响应式布局，图片大小，静态资源缓存，CDN部署，ajax动态数据交互。这些还都是偏纯展现的。还会有涉及到个人信息填写、支付款项、密码输入等等，会涉及到一系列的前端安全问题，这部分也是很锻炼人的。
第四，后台管理系统。一般这个是给内部人员使用的，所以可以不用考虑太多的兼容性，直接要求统一使用谷歌浏览器或者火狐。这时候要考虑更多地是如何与后端进行数据交互的问题。小公司还好，后台基本没有精力做微服务，API的设计也不会趋近于原子粒度，基本前端需要什么数据，那就有后台的API统一提供，前端只管展现，而且将交互做得好一点就行了。如果是大公司又不一样了，如果后台做了微服务，而且API的设计粒度很小，那前端为了保持接口的统一，可能就需要加一块 node 中间层，来聚合不同接口的数据，然后统一返回给前端。还有就是会涉及到敏感权限校验、角色权限控制、接口读写权限分离与控制等等，也是一大块的学问。
第五，H5的活动营销页、红包落地页、明星投票页等等一系列与营销活动相关的移动端页面。这些需要你的 CSS 功底非常扎实，常常要写一些动态效果、动画效果，越生动越吸引用户参与。另外同样考验你对不同机型不同移动浏览器的兼容性问题，还有响应式布局。数据交互层面的话，一般不会太多，但是一定会有打点上报，用来分析页面性能。还有一些要根据不同的营销参数、渠道参数来展现不同的内容，或者上报不同的数据，这里就要对 url 、缓存的处理有相应的能力。当然了，这块页面是很注重页面白屏时间和性能的，有能力的团队会考虑SSR直出页面。
第六，移动端视频播放页面。最近短视频崛起，但是很多短视频 app 中的页面是 web 前端页面，这样做的原因是 app 过审麻烦且时间周期长，业务需要快速迭代和修复的情况下，前端责无旁贷。那么这时候考验的是你对视频的操作能力，对流式播放技术和能力的掌握。此外，视频挂件、贴纸、弹幕、互动、美颜、变老挑战等等，都是现在短视频必备的能力。
第七，微信小程序。噢，不，应该是小程序。微信、支付宝、百度等大企业，先后推出了小程序，当然身为前端开发的我们是必须掌握的一门技巧，虽然不是新的语言，但代码组织方式、调试方式、底层原理，也是值得关注和学习。
第八，造轮子写工具、写框架，搭建基础设施。公司逐渐发展壮大以后，会面临一个问题，那就是如何将前端基础设施做起来。基础设施对前端的工程搭建与发展来说，太重要了。技术的选型、代码风格的制定，代码模块的积累沉淀，项目的打包构建与部署，持续集成与持续交付，单元测试与UI自动化测试，错误日志上报与可视化，打点日志上报与可视化，成员间代码协作与代码评审等等。这些对一个业务步入正轨的公司或者团队来说，太重要了。这是前端工程的基石，业务快速迭代的奠基，必须重视起来。
Web前端工程师可以负责网站和移动应用的界面设计与开发，优化用户体验，提升网站性能，实现响应式设计，开发交互功能，进行跨浏览器和跨平台兼容性测试，以及与后端开发人员合作实现前后端数据交互等。
前端即网站前台部分，既包含了页面设计，又包含了页面实现，主要是指运行在PC端，移动端等浏览器上展现给用户浏览的网页。
“前端”是网站与用户直接交互的部分，从字体到布局再到图片大小，以及下拉菜单、展示栏和动态效果等等，这些视觉上可见的所有内容，都是由浏览器解析、处理、渲染相关HTML、CSS、JavaScript后呈现出来的结果。
简单来说，你在使用网络过程中看到的所有网站上的展示页面和供你操作的使用页面都可以称之为前端。
IT行业中的前端一般泛指两类岗位：
1.UI设计。即用户界面设计，对PC互联网和移动互联网进行设计，如网页设计、App页面设计和布局，icon设计，交互设计等，设计时除了视觉美感外，还需考虑人机交互的逻辑，主要载体是各种电子显示屏。
2.Web前端开发。将UI设计的效果图实现成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。
绛旓細绗竴锛浼佷笟瀹樻柟缃戠珯鐨勫紑鍙戜笌缁存姢銆傝繖涓簲璇ユ槸鏈绠鍗曠殑浜嗭紝鍩烘湰涓婃槸绾潤鎬侀〉闈㈢殑灞曠ず锛屽氨绠楁湁浜や簰妯″潡锛屽簲璇ヤ篃鏄瘮杈冪畝鍗曠殑閭ｇ锛岀敋鑷崇函 js 浣跨敤绫讳技浜 oop 鐨勬柟寮忓氨鑳藉寰堣交鏉惧畬鎴愶紝鍩虹濂界殑璇濓紝鐢氳嚦鍙互涓嶄緷璧 jquery 鎴栬 zepto銆傜浜岋紝闂ㄦ埛绫诲瀷缃戠珯鐨勫紑鍙戜笌缁存姢銆備緥濡傚儚鎼滅嫄涓鏍风殑闂ㄦ埛缃戠珯锛屼絾鏄垜涓...
绛旓細1銆佽祫娣盬eb鏋舵瀯甯 杩欎釜鏂瑰悜锛屾棦鍏奸【浜嗗伐浣滅殑鍗曠函鎬с佸張鑳藉鍑忓皯瀹為檯Coding鐨勫伐浣滈噺锛岃兘鑵惧嚭鏇村鏃堕棿銆傚湪鍥藉唴锛學eb鍓嶇宸ョ▼甯堥亣鍒拌緝澶氱殑鎯呭喌鏄绘槸鍙嶅缂栧啓鐫鍚屾牱鐨勪唬鐮侊紝鎬绘槸闈㈠鐫鍚屾牱鐨勬妧鏈拰浜у搧锛屽鏄撴劅瑙夋灟鐕ャ備絾姝ｆ槸鐢变簬杩欐牱杈冧负骞挎硾鐨刉eb鐩稿叧鐭ヨ瘑鐨勬矇娣锛屼娇寰楁垜浠洿鍔犲鏄撴垚涓轰竴鍚嶆灦鏋勫笀銆傝櫧璇磋繖绉嶈亴...
绛旓細5.鑷繁鍒涗笟銆傜敱浜嶹eb鍓嶇宸ョ▼甯堢殑鐭ヨ瘑闈㈤潪甯稿箍锛屽嚑涔庣綉绔欐柟鏂归潰闈㈢殑鐭ヨ瘑閮借浜嗚В锛屾墍浠ヨ嚜宸卞垱涓氫篃鏄竴涓笉閿欑殑鍑鸿矾锛屼笉杩囪繖闇瑕佷綘鏈夎冻澶熺殑宸ヤ綔缁忛獙鎵嶈锛岃屼笖浣犵殑鐭ヨ瘑闈㈤渶瑕侀潪甯稿箍锛屽惁鍒欏垱涓氳繖鏉¤矾杩樻槸鍒冭檻鐨勫ソ銆
绛旓細2銆璧勬繁web鏋舵瀯甯 3銆佽嚜宸卞垱涓
绛旓細1銆佸湪璁捐甯堝拰宸ョ▼甯堜箣闂村疄鐜板彲瑙嗗寲鐨勮瑷锛2銆佺敤鍙鍖栫殑璁捐锛屽畾涔変竴缁勪唬琛ㄥ唴瀹广佸搧鐗屽拰鍔熻兘鐨勭粍浠讹紱3銆佷负 Web 搴旂敤绋嬪簭鐨勪細璇濄佹鏋躲侀渶姹傘佸彲瑙嗗寲鐨勮瑷鍜岃鏍艰瀹氬簳绾匡紱4銆佸畾涔 Web 搴旂敤绋嬪簭鐨勮澶囥佹祻瑙堝櫒銆佸睆骞曘佸姩鐢荤殑鑼冨洿锛5銆佸紑鍙戜竴涓川閲忎繚璇佹寚鍗楁潵纭繚鍝佺墝蹇犺瘹搴︺佷唬鐮佽川閲忋佷骇鍝佹爣鍑嗭紱6銆佷负...
绛旓細闈炲父 瀛︿範鍓嶇寮鍙戝悗锛屾偍灏嗗叿澶囦赴瀵岀殑鎶鏈煡璇嗗拰瀹炶返鑳藉姏锛鍙互鍦ㄥ涓亴浣嶅拰琛屼笟涓壘鍒板氨涓氭満浼氥備笅闈㈡槸涓浜涗笌鍓嶇寮鍙鐩稿叧鐨宸ヤ綔宀椾綅渚涙偍鍙傝冿細鏇寸郴缁熷叏闈㈢殑瀛︿範璧勬枡锛岀偣鍑绘煡鐪1. 鍓嶇寮鍙戝伐绋嬪笀锛氫綔涓轰竴鍚嶅墠绔紑鍙戝伐绋嬪笀锛屾偍灏嗚礋璐ｄ娇鐢℉TML銆丆SS銆丣avaScript绛夊墠绔妧鏈紑鍙戝拰浼樺寲缃戦〉銆佺綉绔欏拰Web搴旂敤绋嬪簭銆傛偍...
绛旓細鏋勫缓锛岀淮鎶ゅ拰鎬ц兘鐨勪紭鍖栥3銆佹湁寮哄ぇ鐨勫紑鍙戣兘鍔涳紝闇瑕佺簿閫鐩稿叧寮鍙戣瑷鐨勪娇鐢紝绮鹃歁apReduce璁捐鏂规硶鎴朣park璁＄畻妗嗘灦銆4銆佺啛鎮夐珮绾х畻娉曞苟涓庝笟鍔＄粨鍚堛5銆佺啛鎮変笌澶ф暟鎹鐞嗙浉鍏崇殑鎶鏈紝鍖呮嫭浣嗕笉闄愪簬Hadoop锛孒base锛孒ive绛夈備互涓婂氨鏄负澶у浠嬬粛鐨Web鍓嶇宸ョ▼甯宸ヤ綔鑱岃矗锛屽笇鏈涘澶у鏈夋墍甯姪 ...
绛旓細浜嗚В浜Web鍓嶇鐨宸ヤ綔鏂瑰悜銆佸氨涓氳柂璧勪箣鍚庯紝閭ｄ箞鎯宠鑳藉鍏峰瀵瑰簲鐨勫紑鍙戣兘鍔涘氨闇瑕佸涔鐩稿叧鐨勭煡璇嗭紝浼樺氨涓氱殑Web鍓嶇璇剧▼瀛︿範HTML5銆丆SS3銆丣avaScript銆丒S6銆佹暟鎹彲瑙嗗寲銆丷eact銆丯ode.js銆乂ue.js绛夋椂涓嬬儹闂ㄥ墠绔紑鍙戞妧鑳斤紝閫氳繃鍒嗘ā鍧椼佸垎闃舵銆佸垎椤圭洰鍘昏瀛﹀憳灏嗙悊璁虹煡璇嗚繍鐢ㄥ埌瀹炶返涓幓锛岄敾鐐煎鍛樼殑寮鍙戣兘鍔涖備紭灏变笟...
绛旓細缃戠珯鍒朵綔杩欎釜鏄涔燱eb鎶鏈浠庝簨鏈澶氱殑棰嗗煙锛岀綉绔欏埗浣滃氨鏄綉绔欓氳繃椤甸潰缁撴瀯瀹氫綅銆佸悎鐞嗗竷灞銆佸浘鐗囨枃瀛楀鐞嗐佺▼搴忚璁°佹暟鎹簱璁捐绛変竴浜宸ヤ綔鐨勬诲拰銆傞殢鐫寰俊鐢ㄦ埛鐨勬棩鐩婂鍔犮佸叾涓悇寮忕殑灏忕▼搴忎篃娣卞彈鐢ㄦ埛鐨勫枩鐖憋紝瀵逛簬Web鍓嶇寮鍙戜汉鍛樻潵璇翠篃鏄竴涓笉閿欑殑閫夋嫨銆傚崈閿嬪畼缃戞瘡鏃ユ洿鏂版渶鏂拌蒋浠跺紑鍙戝熀纭鐭ヨ瘑鍐呭锛屽珐鍥烘棩甯稿涔...
绛旓細鍏朵腑鈥滅綉缁滃伐绋嬧濃淯I璁捐鈥濃Web鍓嶇鈥濈瓑浜烘墠鐨勭己鍙ｆ渶涓虹獊鍑猴紝鎵浠eb鍓嶇鐨勫競鍦洪渶姹傚緢澶с傛洿鏈夌敋鑰呯洰鍓嶄笉浠呭ぇ鍨嬩簰鑱旂綉鍏徃鐩哥户鎴愮珛浜嗕笓灞炵殑Web鍓嶇閮ㄩ棬锛屼腑灏忓瀷鍏徃鍜屽垱涓氬叕鍙镐篃鎬ラ渶涓撲笟鐨刉eb鍓嶇宸ョ▼甯堛傘愮偣鍑绘祴璇曟垜閫備笉閫傚悎瀛﹁璁° IT鍩硅閫夋嫨鍗冮攱鏁欒偛銆傚崈閿嬫槸涓瀹舵嫢鏈夋牳蹇冩暀鐮旇兘鍔涗互鍙婃牎浼佸悎浣滆兘鍔涚殑...
