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注入

原文地址:https://www.cnblogs.com/zhilelele/p/8405150.html

时间: 2024-10-08 15:22:19

web前端工程师需要掌握哪些知识的相关文章

Web前端工程师成长之路——知识汇总

一.何为Web前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发.制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验. 图1.前端技术MSS Web前端开发技术主要包括三个要素:HTML.CSS和JavaS

web前端工程师知识汇总

分类: Web开发应用 一.何为Web前端工程师? 前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发.制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验. Web前端工程师成长之路--知识汇总 图1.前端技术MSS W

web前端工程师知识学习路线

想要成为一名优秀的web前端工程师(http://www.maiziedu.com/course/web/)需要具备哪些技能?因为web前端开发涵盖了许多领域的技术,那么需要掌握的技能有哪些呢?下面就一起来看看web前端工程师必备技能知识. 1.界面和用户体验 注意,浏览器的实现标准是不一致的,请确保你的网站能够兼容所有主流的浏览器.最少需要测试的有 Gecko 引擎(Firefox),WebKit引擎(Safari以及一些手机浏览器),Chrome,你所要支持的 IE 浏览器,以及 Opera

Web前端工程师前景何去何从

互联网日新月异,各种应用程序如雨后春笋般冒了出来.生活节奏的加快,大众的消费意识,也发生了很大的转变.从习惯性的逛商场.超市,到现在接受在互联网APP里面下单.这种习惯的改变彻底改变了国人的消费习惯.一年比一年高涨的双十一,就是很有利的证明.正是在这样的大环境下,WEB前端工程师http://www.maiziedu.com/course/web/这一职业诞生了. 何为WEB前端工程师?简单来说,就是从事WEB前端的工程师.Web前端具体包括:传统的PC网站的前端.手机等移动端网站前端.APP客

web前端工程师在移动互联网时代里地位问题

支付宝十周年推出了一个新产品:支付宝的十年账单,我也赶个时髦查看了一下我的支付宝十年账单,哎,感慨自己真是太屌丝了,不过这只是说明我使用淘宝少了,当我大规模网上购物时候,我很讨厌慢速的快递,所以我大部分消费都贡献给了像京东这样具有火箭般快递速度的电子商城了.不过在支付宝十年账单里,有个统计数据引起了我的危机意识,在中国一些偏远或者是经济欠发达的省份,电子购物在居民的全部消费里的占比比发达地区高多了,而这个的助推剂居然是移动互联网在中国的普及,在中国使用智能手机和平板电脑购物的人们已经远超使用PC

Web前端工程师如何给自己定位?

Web前端工程师可以简单将其工作概括为:在互联网领域运用前端技术,实现良好的用户体验. 想在未毕业或刚毕业的学生中找到一个符合技能条件的 Web 前端工程师可以说是少之又少,而相关领域的从业者,优秀者也是凤毛麟角,再加上所处公司的重视程度不同,其所处地位和待遇,也不是同一层次,这需要Web前端工程师给自己一个准确的定位和发展方向,尤为重要的是不能放弃更深层次的学习,往更高层次的方向发展. 那么,web前端工程师如何定位自己呢?首先,需要说明一点,这是一项很有前途的工作.百安居的卫哲曾经对大学生择

成为一名优秀的web前端工程师都需要做些什么?

程序设计之道无远弗届,御晨风而返.———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种:    第一种一直在问:如何学习前端?    第二种总说:前端很简单,就那么一点东西.     我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师.    如果成为一名优秀的web前端工程师(前端攻城师)? 何为:前端工程师?前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发技术主要包括三个要素:HTML.CSS和JavaScript!它要求前端开发工程师

web前端工程师 面试题

今天刚结束一场面试(含笔试),对自己的表现不太满意,感觉没有发挥好应有的水平,也只能怪自己平时没有及时积累和整理知识,准备也不充分. 就不扯那么多了,下面是我面试时,没能答上或者觉自己回答的不够好的题目. 1.position 属性规定元素的定位类型 值 描述 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top", "right" 以及 "bottom&

讲真 | 身为web前端工程师的你,到底值多少钱?

在互联网+的社会,互联网行业的一个普通程序员的工资抵得上传统行业一个中小企业副总的工资了,可是实际上,一个传统经营多年的副总和程序猿的贡献度以及能力来比较未必就低,而薪酬不平均的事情,比比皆是,压根就不是学生时代哄骗你的"按劳分配"那么回事儿,那么,究竟是什么决定了我们的薪酬呢? 对于互联网公司来说用户就是上帝,做好客户体验一切才有可能,所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用. 前端工程师工资也越来越高,目前Web前端工程师工作1~2年后通常会成为We