认识达内从这里开始

初级前端工程师成为高级web前端编程工程师都需要掌握什么技能和工具？下面就跟随小编一起来了解一下。

基本开发工具

恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并解决问题，以下是个人觉得必备的前端开发工具：

文本编辑器：推荐SublimeText，支持各种插件、主题、设置，使用方便

浏览器：推荐GoogleChrome，更新快，对前端各种标准提供了非常好的支持

调试工具：推荐Chrome自带的Chromedeveloptools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等

辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以及前面的到的Chromedeveloptools，

翻墙工具：lantern,壁虎漫步

学习方法和学习目标

方法：

入门阶段反复阅读书籍的中文版，书籍中的每一个例子都动手实现并在浏览器中查看效果

在具备一定基础之后可以上网搜各种教程、demo，了解各种功能的实际用法和常见功能的实现方法

阅读HTML，CSS，Javascript标准全面完善知识点

阅读前端牛人的博客、文章提升对知识的理解

善用搜索引擎

目标：

熟记前面知识点部分的重要概念，结合学习经历得到自己的理解

熟悉常见功能的实现方法，如常见CSS布局，Tab控件等。

技能

前端的技能其实除了JavaScript(包括NodeJS)、HTML、CSS以外，还有很多。其实前端的技能树很大，这里只能列一些我开发中见到的说一说

语言基础

JavaScript：

作用域链、闭包、运行时上下文、this

原型链、继承

NodeJS基础和常用API

CSS：

选择器

浏览器兼容性及常见的hack处理

CSS布局的方式和原理(盒子模型、BFC、IFC等等)

CSS3，如animation、gradient、等等

HTML：

语义化标签

进阶

JavaScript:

异步控制(Promise、ES6generator、Async)

模块化的开发方式(AMD、CMD、KMD等等)

JavaScript解释器的一些相关知识

异步IO实现

垃圾回收

事件队列

常用框架使用及其原理

jQuery：基于选择器的框架，但个人认为不能叫框架，应该算工具库，因为不具备模块加载机制，其中源码很适合阅读钻研

AngularJS/Avalon等MVVM框架：着重理解MVVM模式本身的理念和双向绑定的实现，如何解耦

underscore：优秀的工具库，方便的理解常用工具代码片段的实现

polymer/React:组件化开发，面向未来，理解组件化开发的原理

CSS和HTML：主要是CSS3的特性和HTML5的特性，以及浏览器处理的流程和绘制原理

DOM树、CSSOM树、渲染树的构建流程及页面渲染的过程

解析HTML、CSS、JavaScript时造成的阻塞

HTML5相关

SVG及矢量图原理

Canvas开发及动画原理(帧动画)

Video和Audio

flexbox布局方式

iconfonts的使用

以上就是本文为大家分享的web前端程序员进阶需要掌握什么技能的文章，如果你还想了解更多关于前端的

问题，欢迎咨询杭州达内在线老师。