web前端开发的主要做什么
学习前端出来社会上就是大概率从事写代码工作的了,写代码这件事情我们是相当专业的,下面从几个典型的应用场景给大家分析一下!一、前端开发应用场景
1、企业官方网站的开发与维护
这个应该是最简单的了,基本上是纯静态页面的展示,就算有交互模块,应该也是比较简单的那种。
2、门户类型网站的开发与维护
例如像搜狐一样的门户网站,相对来说也不难,这种网站一般分成很多个模块,每个模块的展现结构是非常类似的。
如何做到可复用性强,对产品需求变更迭代时更加友好,那就很考验开发人员前端三大语言的设计模式了。
3、电商网站
例如京东和淘宝,里面不仅有对用户友好的展现方式,合乎逻辑的交互方式,还会涉及到网站、商品的色彩设计、排版设计、交互设计,虽然可能都由设计师来出方案,但是前端开发同学可以从中学到很多东西。
此外,除了单纯的展现,你需要考虑更多的东西了。
例如,不同端的字体展现,响应式布局,图片大小,静态资源缓存,CDN部署,Ajax动态数据交互。这些还都是偏纯展现的。
还会有涉及到个人信息填写、支付款项、密码输入等等,会涉及到一系列的前端安全问题,这部分也是很锻炼人的。
4、后台管理系统
一般这个是给内部人员使用的,所以可以不用考虑太多的兼容性,直接要求统一使用谷歌浏览器或者火狐。
5、H5的活动营销页、红包落地页、明星投票页等等一系列与营销活动相关的移动端页面。
这些需要你的CSS功底非常扎实,常常要写一些动态效果、动画效果,越生动越吸引用户参与。
6、移动端视频播放页面
最近短视频崛起,但是很多短视频App中的页面是Web前端页面,这样做的原因是App过审麻烦且时间周期长,业务需要快速迭代和修复的情况下,前端责无旁贷。
那么这时候考验的是你对视频的操作能力,对流式播放技术和能力的掌握。此外,视频挂件、贴纸、弹幕、互动、美颜、变老挑战等等,都是现在短视频必备的能力。
7、微信小程序
噢,不,应该是小程序。微信、支付宝、百度等大企业,先后推出了小程序,当然身为前端开发的我们是必须掌握的一门技巧,虽然不是新的语言,但代码组织方式、调试方式、底层原理,也是值得关注和学习。
8、造轮子写工具、写框架,搭建基础设施
公司逐渐发展壮大以后,会面临一个问题,那就是如何将前端基础设施做起来。基础设施对前端的工程搭建与发展来说,太重要了。
希望以上的回答能帮到大家。
绛旓細WEB鍓嶇 2銆Web鍓嶇寮鍙戝叿浣瑕鍋氫粈涔鍓嶇寮鍙戞渶涓昏鐨勬槸鎺屾彙涓夌鍩烘湰鑳藉姏锛孒TML銆丆SS锛孞avaScript銆鍓嶇鐨寮鍙戜腑锛屽湪椤甸潰鐨勫竷灞鏃讹紝HTML灏嗗厓绱犺繘琛屽畾涔夛紝CSS瀵瑰睍绀虹殑鍏冪礌杩涜瀹氫綅锛屽啀閫氳繃JavaScript瀹炵幇鐩稿簲鐨勬晥鏋滃拰浜や簰銆俉eb鍓嶇寮鍙戜笁澶ф妧鏈痟tml锛宑ss锛宩s 杩樿繍鐢ㄥぇ閲忕殑js搴擄紝鍙互灏嗗墠绔殑浜や簰鏁堟灉鍋氬緱鏇村姞鐐叿...
绛旓細web鍓嶇鏄鍋氫粈涔鐨勶細鍙堢О涓Web寮鍙鍓嶇锛屾槸鎸囩敤鎴峰湪娴忚鍣ㄤ笂鐪嬪埌鍜屾搷浣滅殑缃戦〉鐣岄潰銆傚墠绔粙缁嶅涓嬶細鍓嶇鍗崇綉绔欏墠鍙伴儴鍒嗭紝杩愯鍦≒C绔紝绉诲姩绔瓑娴忚鍣ㄤ笂灞曠幇缁欑敤鎴锋祻瑙堢殑缃戦〉銆傞殢鐫浜掕仈缃戞妧鏈殑鍙戝睍锛孒TML5锛孋SS3锛屽墠绔鏋剁殑搴旂敤锛岃法骞冲彴鍝嶅簲寮忕綉椤佃璁¤兘澶熼傚簲鍚勭灞忓箷鍒嗚鲸鐜囷紝鍚堥傜殑鍔ㄦ晥璁捐锛岀粰鐢ㄦ埛甯︽潵鏋...
绛旓細web鍓嶇涓昏璐熻矗涓庣綉绔欑郴缁熼〉闈㈢浉鍏崇殑宸ヤ綔锛屽鍒朵綔缃戦〉銆佷紭鍖栧畬鍠勭綉椤碉紝浠ュ強缃戠珯鐨勭淮鎶ょ瓑銆倃eb搴旂敤鏄敱鍔ㄦ佽剼鏈佺紪璇戣繃鐨勪唬鐮佺瓑缁勫悎鑰屾垚銆傚畠閫氬父鏋惰鍦╳eb鏈嶅姟鍣ㄤ笂锛岀敤鎴峰湪web娴忚鍣ㄤ笂鍙戦佽姹傦紝杩欎簺璇锋眰浣跨敤HTTP鍗忚锛岀粡杩囧洜鐗圭綉鍜屼紒涓氱殑web搴旂敤浜や簰锛岀敱web搴旂敤鍜屼紒涓氬悗鍙扮殑鏁版嵁搴撳強鍏朵粬鍔ㄦ佸唴瀹归氫俊銆傚敖绠...
绛旓細浜嗚ВWeb鍓嶇鐨勫畾涔 Web鍓嶇鎸囩殑鏄綉绔欑殑鍓嶇寮鍙戯紝涔熻绉颁负瀹㈡埛绔紑鍙戙傚畠浣跨敤 HTML銆丆SS 鍜 JavaScript 绛夋妧鏈潵鍒涘缓缃戠珯鐨勭敤鎴风晫闈Web鍓嶇寮鍙鑰涓昏璐熻矗璁捐鍜屽紑鍙戠綉绔欑殑鐢ㄦ埛鐣岄潰锛屼娇鍏跺叿鏈夎壇濂界殑浜や簰鎬с佸彲璁块棶鎬у拰鍙敤鎬с傚洜姝わ紝Web鍓嶇寮鍙戝湪鐜颁唬Web搴旂敤绋嬪簭鐨勫紑鍙戜腑鎵紨浜嗛潪甯搁噸瑕佺殑瑙掕壊銆俉eb鍓嶇...
绛旓細1銆佸叆闂ㄧ骇 鍋氶〉闈傚氨杩欎箞绠鍗曘傛妸Designer鍑虹殑鍚勭璁捐鍥捐浆鍖栨垚html+css+js+image鐨勯潤鎬佺綉椤碉紝骞舵妸瀹冧滑浜ょ粰鍚庣寮鍙浜哄憳鍒朵綔鎴愰〉闈㈡ā鏉裤傝繖灏辨槸鍏ラ棬绾х殑鍓嶇宸ョ▼甯堟墍鍋氱殑浜嬫儏銆2銆佽繘闃剁骇 杩樻槸鍋氶〉闈備笉杩囩◢寰鏉備竴浜涳紝浣犻渶瑕佸紑濮嬫敞鎰忎竴浜涙洿澶嶆潅鐨勯棶棰橈紝棣栧綋鍏跺啿鐨勫氨鏄祻瑙堝櫒鍏煎鎬ч棶棰樸傝佸疄璇存祻瑙堝櫒...
绛旓細web鍓嶇宸ョ▼甯涓昏鏄仛涓浜涘墠绔紑鍙戯紝涓昏璐熻矗缃戠珯鐨勫紑鍙戝拰浼樺寲浠ュ強瀹屽杽缃戠珯绛変富瑕佸伐浣溿倃eb鍓嶇宸ョ▼甯堜篃鍙web鍓嶇寮鍙鏀诲煄鐙紝涔熸湁浜烘妸杩欎釜鑱屼笟绉颁负澶у墠绔紝涓昏鏄埄鐢ㄥ墠绔瑷杩涜鍚勭浜у搧寮鍙戯紝骞朵笖瀹屾垚涓浜涙祻瑙堝櫒鐨勫紑鍙戯紝鍖呮嫭涓浜沯s鍜宖lash妯″潡鐨勫紑鍙戯紝缁撳悎鍚庡彴鐨勬暣浣撴晥鏋滐紝浠庤屾敼鍠勭敤鎴风殑浣撻獙鏁堟灉銆傚ソ鐨剋eb...
绛旓細web鍓嶇锛屽仛鐨勫伐浣滀笌缃戠珯绯荤粺鐨勯〉闈㈢浉鍏冲伐浣滐紝涓昏鏄埗浣滅綉椤碉紝骞朵笖鍦ㄥ師鏈夌殑闈欐侀〉闈笂澧炲姞鍚勭鐗规晥锛屼互鍙婄綉涓婄殑缁存姢绛夈俉eb鏄竴椤瑰緢鐗规畩鐨勫伐浣滐紝娑电洊鐨勭煡璇嗛潰闈炲父骞匡紝鏃㈡湁鍏蜂綋鐨勬妧鏈紝鍙堟湁鎶借薄鐨勭悊蹇点傜畝鍗曞湴璇达紝瀹鐨勪富瑕鑱岃兘灏辨槸鎶婄綉绔欑殑鐣岄潰鏇村ソ鍦板憟鐜扮粰鐢ㄦ埛銆備娇鐢ㄥ埌鐨勪富瑕佹妧鏈寘鎷細HTML銆丆SS銆...
绛旓細鍓嶇寮鍙璺熼殢绉诲姩浜掕仈缃戝彂灞曞甫鏉ヤ簡澶ч噺楂樻ц兘鐨勭Щ鍔ㄧ粓绔澶囧簲鐢ㄣ侶TML5锛孨ode.js鐨勫箍娉涘簲鐢紝鍚勭被UI妗嗘灦锛孞S绫诲簱灞傚嚭涓嶇┓锛屽紑鍙戦毦搴︿篃鍦ㄩ愭鎻愬崌銆傚墠绔鏋 瀛﹀ソWeb妗嗘灦锛岀啛鎮夋帉鎻TML銆佹湇鍔″櫒绔剼鏈瑷銆丆SS鍜孞avaScript涔嬪悗锛屽涔燱eb妗嗘灦鍙互鍔犲揩Web寮鍙閫熷害锛岃妭绾︽椂闂淬侾HP绋嬪簭鍛樺彲閫夌殑妗嗘灦鍖呮嫭CakePHP銆...
绛旓細1銆佸浼欻TML HTML鏄綉椤靛唴瀹圭殑杞戒綋鍐呭灏辨槸缃戦〉鍒朵綔鑰呮斁鍦ㄩ〉闈笂鎯宠璁╃敤鎴锋祻瑙堢殑淇℃伅锛屽彲浠ュ寘鍚枃瀛椼佸浘鐗囥佽棰戠瓑銆傝鐔熺粌鎺屾彙div銆乼able銆乽l li 銆乸銆乻pan绛夎繖浜涙爣绛,杩欎簺閮芥槸鏈甯哥敤鐨勩2銆佸涔燙SS锛圕ascading Style Sheets锛夆旀牱寮忋備竴鑸湅鍒web鍓嶇寮鍙宸ョ▼甯堢殑瑕佹眰閲岄潰,鏈変竴涓細浣跨敤csshtml 鎴栬 ...
绛旓細Web鍓嶇鏄仛缃戠珯鐨勫墠鍙拌繍琛岀殑銆web鍓嶇寮鍙閫氳繃HTML锛孋SS鍙奐avaScript浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈佹鏋躲佽В鍐虫柟妗堬紝鏉ュ疄鐜颁簰鑱旂綉浜у搧鐨勭敤鎴风晫闈氦浜掋傚畠浠庣綉椤靛埗浣滄紨鍙樿屾潵锛屽悕绉颁笂鏈夊緢鏄庢樉鐨勬椂浠g壒寰併傜綉椤靛埗浣滄槸Web1.0鏃朵唬鐨勪骇鐗╋紝鏃╂湡缃戠珯涓昏鍐呭閮芥槸闈欐侊紝浠ュ浘鐗囧拰鏂囧瓧涓轰富銆傞殢鐫浜掕仈缃戞妧鏈殑鍙戝睍鍜孒TML5銆...