下图的这些知识，我想不用再过多解释了，这就是我文章开发说的“三大块”(html、css、js) 。现在你要知道，它们只不多是W3C标准的一部分，而W3C标准也只是web前端开发知识体系中的一部分而已 。

文章插图



3.3 ECMAs cript
简称ES，写全称太麻烦了 。
有些人可能只知道javas cript，而不知道ES——其实，js是在ES的基础上，为web浏览器做了一部分封装(增加了DOM操作、BOM操作等) 。



文章插图



如上图中的这些概念，大家可能平时都在javas cript中看到，其实他们是ES的内容 。只不过javas cript继承了ES的这些特性，并且javas cript用的比较广泛，因此才会在js中讨论的多一些 。
还是那个“2/8原则” 。其实ES中的内容也非常多，而且更新很快，现在都到ES6了 。但是我上图中列出来的这些都是最重要的概念 。如果你不懂原型、闭包和作用域，那就说明你还不完全了解ES，也就是不完全会用javas cript 。
4、框架和类库
前面已经描述完了web前端开发所需要的理论知识 。如何实践呢?——不能蛮干——还得绕世界去看看，有哪些大牛已经为我们做出了如此多的贡献 。
用下面的这些类库或者框架，能大大提高你的开发效率 。



文章插图
【网页框架有哪些 网页框架图】


首先，jquery一定是大部分web前端开发者不可或缺的工具 。而我利用jquery不仅仅停留在只使用它的API和插件上，我还会自己去写jquery插件，我还会去读jquery的源码、了解jquery的设计思路 。如果你也能那样做，请相信我，你会收获到意想不到的效果 。
如果有一个问题：怎样才能最最透彻的理解javas cript的事件系统?最佳答案之一：读几遍(一遍可能读不懂)jquery关于事件处理部分的源码!
bootstrap不用再过多解释了吧，从github上的排名也能看出道道来 。甚至连我们公司的UI设计师，都从bootstrap上截图作为素材 。
fontAwesome是全世界最强大的图标系统 。相比于css制作图标来说，这个要好很多倍，不管是开发、效率还是维护上 。icomoon.io能让我自定义选择自己的图标文件 。
requirejs和seajs这种模块定义系统，也一定是你系统中不可或缺的 。我曾经看过一个教程，讲师就说：requirejs带来了既jquery之后的第二次前端技术变革 。
其他的，backbone、angular、react这些也慢慢的开始发挥了他们的价值，此处精力有限就不再赘述了——但是，他们很重要——你至少要试着去了解它们 。
5、编码开发
要问编码IDE哪家强，当然要属微软的visual studio!但是即便是微软的VS最新版本，它也代替不了下面要说的这套开发环境 。



文章插图



如果你专门做web前端，就不要在用vs了，当然要选择sublime 。写html语句还用手动一条一条写吗?你得需要zencoding的协助，否则效率太差了 。
另外，针对html、css、js的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗?——你需要grunt或者gulp的帮助 。
如果你的系统中有比较多的js代码或者文件，请选择一个合适的模块定义规范——CMD / AMD
请用git来帮助你做文件版本管理，最简单的就是使用github 。
调试、测试，也都有专门的工具，都是需要学的……

• web前端框架技术 web前后端框架
• 保存网页为图片 手机网页图片保存
• 网页界面颜色搭配 网页颜色搭配推荐
• 网页离线保存 保存网页密码
• 美工网 网页美工证
• 网页制作需要什么软件 网页制作用什么软件?
• 自己如何制作一个网页 怎么制作网页
• 英雄联盟网页抽奖 英雄联盟官网抽奖在哪
• 昆明网站开发设计 昆明网页设计制作
• 不花钱也能玩的网游 不花钱的网页游戏