web前端工程师需要掌握哪些知识

随着互联网的发展速度迅猛，web前端工程师越来越火热，想学习Web前端开发吗?若想成为web前端工程师需要掌握哪些知识？今天小编总结了成为web前端工程师需要掌握的所有知识。

一、基础

1、H5标签

1.1、H5引进的一些新的标签，需要注意article、header、footer、aside、nav以及HTML的标题结构

1.2、理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API

1.3、理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念

1.4、理解Canvas、SVG、video等功能性标签

1.5、理解form、iframe标签，理解文件提交过程

2、CSS知识

2.1、学习基础知识，包括大部分常用属性、选择器的用法，了解大多数标签基本概念

学习浏览器兼容性问题，知道兼容性的主要问题及解决方法

2.2、深入理解盒子模型，区分块级元素、行内元素，一些重要的属性：display、float、position，必须要会区分盒子、行内盒子的概念

还可以学一些简单的预编译语言：sass、less

2.3、学习常用框架，可以使用bootstrap构建项目

2.4、学习框架的代码组织方式

包括：12格栅系统、组件化、组件的风格化等

2.5、学习CSS 3的新功能，特别是动画效果、选择器

2.6、学习一些CSS对象化思想，学习编写简洁性、高复用性、高健壮性的CSS

2.7、可以看看扁平化设计，还有简洁性

2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念

学习方法：

多看别人的代码，优秀的设计网站

要学会使用grunt、gulp压缩CSS

display + position + float 可以组合出很复杂的效果，多练习盒子模型

尝试在不用float，且position不为absolute的情况下实现等高、等宽等布局

3、深入学习javascript

3.1、重新学习JS语法，注意：表达式、语句、类型

主要倾向于“原生”JS哦，不要使用框架

3.2、深入理解JS的“一级函数”、对象、类的概念

学会使用函数来构造类、闭包，学会用面向对象的方式组织代码

3.3、深入理解JS的作用域、作用域链、this对象

理解函数的各种调用方法（call、apply、bind等）

3.4、理解对象、数组的概念

理解对象的“[]”调用，理解对象是一种“特殊数组”

理解for语句的用法

深入理解JS中原始值、包装对象的概念（重要）

3.5、学习一些常用框架的使用方法，包括：JQUERY、underscore、EXTJS，更高级的：backbone、angularjs、ejs、jade比较多个框架的使用方法，总结常见用法，提高学习速度学习模块化开发（使用require.js、sea.js等）

3.6、适当看一些著名框架的源码，比如jQuery重要的是学习框架中代码的组织形式，即设计模式

3.7、了解JS解释、运行过程，理解JS的单线程概念

深入理解JS事件、异步、阻塞概念

3.8、理解浏览器组成部件，理解V8的概念

学习V8的解释-运行过程

在V8基础上，学会如何提高JS性能

学会使用chrome的profile进行内存泄露分析

学习方法：

提高对自己的要求

多看优秀框架的源码，特别是框架的架构模式、设计模式

多学设计模式

学习原生JS、DOM、BOM、Ajax

4、跨终端

理解混合APP的概念

理解网页在各类终端上的表现

理解网页与原生app的区同，重在约束

理解单页网站，特别要规避页面的内存泄露问题

入门nodejs，对其有个基础概念

5、工具

学会使用grunt进行JS、CSS、HTML压缩，特别是模块化js开发时候的压缩

会用PS进行切图、保存icon

入手sublime、webstorm

学会使用chrome调试面板，特别是：console、network、profile、element

二、进阶：

1、性能

1.1、理解资源加载的过程

包括：TCP握手连接、HTTP请求报文、HTTP回复报文

1.2、理解资源加载的性能约束，包括：TCP连接限制、TCP慢启动

1.3、理解CSS文件、JS文件压缩，理解不同文件放在页面不同位置后对性能的影响

1.4、理解CDN加速

1.5、学会使用HTTP头控制资源缓存，理解cache-control、expire、max-age、ETag对缓存的影响

1.6、深入理解浏览器的render过程

2、http及TCP协议族

2.1、学习http协议，理解http请求-响应模式

2.2、理解http是应用层协议，它是构建在TCP/IP协议上的

2.3、理解http报文（请求-响应报文）

2.4、理解http代理、缓存、网关等概念，指定如何控制缓存

2.5、理解http协议内容，包括：状态码、http头、长连接（http1.1）

2.6、学习http服务器的工作模型，对静态文件、CGI、DHTML的处理流程有个大致概念

3、安全性

XSS、SQL注入

web前端工程师需要掌握哪些知识相关推荐

web前端工程师知识汇总
分类: Web开发应用一.何为Web前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/ ...
Web前端工程师求职的失败——评《非你莫属》20120909期宋龙龙片段
偶然看了<非你莫属>20120909期宋龙龙求职的视频片段(地址:http://v.youku.com/v_show/id_XNDQ4NTk5OTQw.html ).这位曾经为了考上清华大 ...
web前端工程师要学php,web前端工程师怎么学
web前端工程师需要学习HTML知识,因为它负责的是网页的基本结构,以及负责页面美化的CSS知识,负责页面的动态处理的JavaScript和各种前端框架和工具今天要跟大家分享的文章是关于前端工程师怎 ...
前端传中文文件名_前端工程师需要掌握哪些知识，web前端开发规范总结
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...
Web前端工程师知识体系大全，Web前端入门基础体系
Web前端工程师知识体系大全什么?你上面说的太多太乱了,好吧下面的知识体系只要能掌握个六七成,就能找到个前端的碗了! Web前端基础知识体系大全
达内html5是什么,Web前端工程师应该知道的HTML5相关知识有哪些
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的HTML5相关知识有哪些?随着互联网技术的快速发展,人们对互联网的使用越来越大,对于界面和用户体验的要求越来越高.因此Web前端越来越火,前端 ...
Web前端工程师的一些常见误区
想要作为一名合格的web前端工程师,那么掌握基本的开发技术是远远不够的,在职场中还要少犯一些错误,本期小编为大家分享的web前端培训教程主要是介绍一些web前端工程师常见的误区,希望对大家有所帮助. ...
参加web前端培训要学哪些知识
IT行业,web前端技术是比较吃香的,也是工资待遇非常高的行业之一,如果想要做一名合格的web前端工程师,系统学习是非常重要的,那么参加web前端培训要学哪些知识呢?来看看下面的详细介绍. 参加web ...
2019年，为什么Web前端工程师薪资越来越高？
随着最近几年来互联网的迅猛发展和普及,web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色. 特别是电商领域的互联网项目不断兴起之后,激烈的竞争让这里面的玩家对于用户体验提出了 ...

web前端工程师需要掌握哪些知识

web前端工程师需要掌握哪些知识相关推荐

最新文章

热门文章