1. 首页
  2. IT资讯

月薪2万+的,初级web前端工程师的技术体系

“u003Cdivu003Eu003Cpu003E今天给大家整理出来了web前端工程师初级阶段需要掌握的内容,很全面,希望大家好好阅读,看看自己掌握的知识点和文章里面写的还相差多少。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fdfic-imagehandleru002F4efcbff8-d0cd-4d79-bf1c-b8f8b9aaac94″ img_width=”1024″ img_height=”819″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Ch1u003Eu003Cstrongu003E什么是初级web前端工程师?u003Cu002Fstrongu003Eu003Cu002Fh1u003Eu003Cp class=”ql-align-justify”u003Eu003Cstrongu003E初级前端工程师:u003Cu002Fstrongu003E首先要知道的就是如何处理各种浏览器的兼容处理(比如说在IE浏览器中的createElement有什么不同等等内容),现在基本上每个公司在招聘的时候都会要求熟练html5, css3, javascript,这个熟练的意思就是信手拈来。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E在下面会说初级前端工程师应该具体的学习哪些知识,然后就是要了解各种css的预处理器和后处理器, 还有会使用常见前端的MV*框架(angularjs, backbone,reactjs等等)并知道这些框架的原理,另外就是要熟练使用nodejs,要会使用基于node的各种前端构建工具 (grunt,gulp等等),熟练使用github或gitlab,对模块化、组件化、工程化、语义化有一个比较深入的了解,最后要知道如何开发移动端 的页面,如何去优化一个页面的性能。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fdfic-imagehandleru002F54c122da-1597-4bce-8b43-de4fbc431a79″ img_width=”1200″ img_height=”841″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-justify”u003Eu003Cbru003Eu003Cu002Fpu003Eu003Ch1u003Eu003Cstrongu003E初级web前端工程师的技术体系u003Cu002Fstrongu003Eu003Cu002Fh1u003Eu003Cpu003E1、u003Cstrongu003EHTML部分u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E首先是要掌握一些常用标签的使用和他们的各个属性,这些常用的标签我总结了一下有以下这些:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F35cd47698a6f43d4a0a7244c3e59e556″ img_width=”440″ img_height=”572″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E除了要了解上面这一些标签之外,还需要对一些新的HTML5的API有一定的了解:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F68f0b1f93592476a95da21df284d9792″ img_width=”440″ img_height=”400″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003Eu003Cstrongu003E还有一些要知道的知识点:u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002Fb5a9d3aac52d43089c982c831948c64b” img_width=”440″ img_height=”400″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E2、u003Cstrongu003ECSS部分u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E关于css这一块,我的看法就是网上下载一个chm格式的css的参考手册,然后根据手册里面写的一个个的都敲一下。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E u003Cstrongu003Ecss大体分为下面这几块知识点:u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Fe099be760b9840499514dc26fd1ec84f” img_width=”440″ img_height=”895″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-justify”u003E上面这些都是基础的东西,除了这些基础的内容之外需要了解Less、Sass、stylus等css预处理器,这将会大幅度提升你的css开发效率,也需要了解一下Autoprefixer、PostCSS等css后处理器。u003Cu002Fpu003Eu003Cpu003E3、u003Cstrongu003EJavaScript部分u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E在这里就不说js的基础知识了,我把js按照语法的层次和使用的层次分为了两大块。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E 按照语法的层次来说:u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E首先是javascript的面向对象方面的内容:在javascript中实现封装、继承和多态。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F96bbb6babbf94fe09a86112c2b220248″ img_width=”440″ img_height=”400″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cp class=”ql-align-justify”u003E然后是Js的设计模式,比如说那三种工厂模式啊,建造者模式啊等等。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E最后是在不同情况下的this分别都代表什么。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003Eu003Cstrongu003E按照使用的层次来说:u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E首先最主要的就是ajax,ajax的原理,ajax跨域的方法:jsonp、使用iframe的location.hash、postMessageAPI、websocket、服务器代理等等。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E然后是tcp协议、udt协议以及http协议的协议头、状态码等内容。浏览器的缓存,客户端存储方面的内容:localstorage、sessionstorage、indexDB、cookie等等。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E最后是一些新的js的API,例如文件读取(fileReader)、fetch、Promise、Web Sockets等等内容,可以去caniuse上面看一下有哪些新的东西。u003Cu002Fpu003Eu003Cp class=”ql-align-justify”u003E上面我所说的这些只是一些比较笼统的概念,把前端html、css和javascript所需要掌握的部分内容列举了一下,在前端领域还有很多需要我们知道的知识,这需要大家在学习工作的过程中去自己总结。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F4a8792f4ef6c432f9da964398c95c7dc” img_width=”336″ img_height=”243″ alt=”月薪2万+的,初级web前端工程师的技术体系” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cblockquoteu003Eu003Cpu003E我自己是一名从事了多年的web前端开发程序员,新朋友在学习web前端开发过程有不懂的可以关注我上面公众号,有不错的前端学习教程,开发工具等资料分享,专业的老师答疑 !从最基础到企业项目实战。每晚8点还有免费的直播课程分享,与你分享web前端开发企业当下人才需求及怎么从零基础学好前端。u003Cu002Fpu003Eu003Cu002Fblockquoteu003Eu003Cu002Fdivu003E”

原文始发于:月薪2万+的,初级web前端工程师的技术体系

主题测试文章,只做测试使用。发布者:第一丶坑神,转转请注明出处:http://www.cxybcw.com/10882.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code