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

转载 2016年05月31日 15:46:52

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

一、基础

1H5标签

1.1H5引进的一些新的标签,需要注意articleheaderfooterasidenav以及HTML的标题结构

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

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

1.4、理解CanvasSVGvideo等功能性标签

1.5、理解formiframe标签,理解文件提交过程

2CSS知识

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

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

2.2、深入理解盒子模型,区分块级元素、行内元素,一些重要的属性: displayfloatposition,必须要会区分盒子、行内盒子的概念

还可以学一些简单的预编译语言:sassless

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

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

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

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

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

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

2.8、理解CSSOMrenderreflowCSS性能、CSS阻塞概念

学习方法:

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

要学会使用gruntgulp压缩CSS

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

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

3、深入学习javascript

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

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

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

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

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

理解函数的各种调用方法(callapplybind等)

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

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

理解for语句的用法

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

3.5、学习一些常用框架的使用方法,包括:JQUERYunderscoreEXTJS,更高级的:backboneangularjsejsjade比较多个框架的使用方法,总结常见用法,提高学习速度学习模块化开发(使用require.jssea.js等)

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

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

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

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

学习V8的解释-运行过程

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

学会使用chromeprofile进行内存泄露分析

学习方法:

提高对自己的要求

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

多学设计模式

学习原生JSDOMBOMAjax

4、跨终端

理解混合APP的概念

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

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

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

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

5、工具 

学会使用grunt进行JSCSSHTML 压缩,特别是模块化js开发时候的压缩

会用PS进行切图、保存icon

入手sublimewebstorm

学会使用chrome调试面板,特别是:consolenetworkprofileelement

二、进阶:

1、性能

1.1、理解资源加载的过程

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

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

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

1.4、理解CDN加速

1.5、学会使用HTTP头控制资源缓存,理解cache-controlexpiremax-ageETag对缓存的影响

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

2httpTCP协议族

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

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

2.3、理解http报文(请求-响应报文)

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

2.5、理解http协议内容,包括:状态码、http头、长连接(http1.1

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

3、安全性

XSSSQL注入

Web前端需要掌握的知识

1. 前言   大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是...
  • lqijlyy
  • lqijlyy
  • 2017年06月14日 17:01
  • 348

什么是前端工程师?前端工程师需要掌握什么技能?

什么是前端工程师?前端工程师需要掌握什么技能?前言前端工程师是一个出现了10年左右,而颇受重视则是最近这五六年的事情。受到重视到前端从业人员井喷,也就是这一两年而已。因为前端工程师这个职位出现得太晚,...
  • FungLeo
  • FungLeo
  • 2017年02月24日 15:32
  • 4706

Web前端工程师-优秀简历汇总

Web前端工程师-优秀简历汇总 1. http://www.linqing07.com/resume.html 2.  http://www.flqin.com/#page2...
  • xllily_11
  • xllily_11
  • 2015年10月29日 16:32
  • 28920

一个初级python web后端开发工程师的面试总结

先介绍下我的情况:通信背景,工作一年多不到两年。之前一直在做C++的MFC软件界面开发工作。公司为某不景气的国企研究所。(喏,我的工作经验很水:1是方向不对;2是行业有偏差)。然后目前是在寻找pyth...
  • AyoCross
  • AyoCross
  • 2017年02月22日 22:23
  • 11342

WEB前端包含哪些内容

包含内容有: 1)位图(对应绘图软件photoshop等)、动画(对应软件flash等)(了解) 2)HTML、XHTML、CSS、DIV、XML(熟悉) 3)JAVASCRIPT(精通) a...
  • haobuguo
  • haobuguo
  • 2012年08月03日 17:09
  • 862

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

随着互联网的发展速度迅猛,web前端工程师越来越火热,想学习Web前端开发吗 ? 若想成为web前端工程师需要掌握哪些知识?今天小编总结了成为web前端工程师需要掌握的所有知识。 一、基础 1、H...
  • coco510
  • coco510
  • 2016年05月31日 15:46
  • 3025

一个初级的前端工程师需要知道些什么?

因为今天有点小低落,所以说一些意味深长的话吧......亲身体验
  • qq_28292937
  • qq_28292937
  • 2016年07月19日 20:10
  • 1580

一名合格的web前端工程师需要哪些技能?

我们都知道,所有呈现的内容都是基于HTML 网页的。 如果你的html、css(包括现在的HTML5+CSS3)基础不会,或者不够扎实,都很难在有大的进步,或者你的JS 很好,但布局基础不行,还...
  • w3cschoolcn
  • w3cschoolcn
  • 2016年08月19日 18:15
  • 2859

JavaWeb前后台开发需要掌握和注意的一些知识点?

JavaWeb前后台开发需要掌握的一些知识点?1.趋于前端框架(:Jquery)和Node.js(前端中的后台)的不断流行起来,而Node.js和前端框架都是采用JavaScript来编写的,所以就知...
  • qq_26334813
  • qq_26334813
  • 2016年12月09日 21:40
  • 2087

6个前端工程师必须掌握的JavaScript知识点

1.变量作用域var a = 1; function test() { var a = 2; console.log(a); // 2 }test();上方的函数作用域中声明并赋值了a,...
  • yonggeit
  • yonggeit
  • 2017年05月04日 17:09
  • 587
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:web前端工程师需要掌握哪些知识
举报原因:
原因补充:

(最多只允许输入30个字)