任何一个行业的东西，如果你要学好，那你必须对他的前身有一定的了解，那么前端的前身是什么呢？在以前前端这个职位是不存在的，那个时候前端的活基本上是设计师在干，而且网页布局也很简单，就是 table + tr + td 的组合，涉及到的知识点不多，设计师也很容易就完成了，但是后来随着页面交互的增多，设计师很难完成设计和交互这两项任务，所以就溺生了前端这个职位！
方法/步骤
-
入门篇：
学习简单的布局，入门 HTML css 和 js，做前端的就不必说了，html css 和 js 就像是 画家手中的画笔和颜料，只有对他们足够掌握，才能用他们来创造出精美的页面。在这里推荐一个权威的入门网站！w3c在这里你能学到所有基础知识！
入门要求：
1. 能掌握 HTML的各种标签 比如 标题标签 h1~h6 段落标签 p 链接标签 a 图片标签 img 以及 布局标签 div等等。
2. 能使用css样式来描述元素的样式，包括 元素的边框 border 背景颜色 background 背景颜色 高和宽 以及最常用的盒子模型。
3. 掌握js对dom的操作，比如 用js直接修改 dom的样式 如何克隆出一个一模一样的元素，还有用js简单的实现在页面上的淡入淡出动画
4. 选择一款适合自己的编辑器。优秀的编辑器有sublime notepad++ dw webstorm 个人推 使用sublime 和 webstorm
-
进阶篇：
在有了前面的基础之后，我们需要通过一些手段来提高我们的工作效率。编程行业最重要的就是代码的复用，当你已经上手过几个项目以后，你会发现每一个项目都会由一些共共同点，比如一个网页的客服页面基本上是一样的，还有导航的展现方式也是一样的，而每次我们做的时候由于代码的不规范，都需要重新针对每一个组件重新编写一次代码。这样的做法既浪费了自己的时间，同时效率也无法提高！
所以只有站在巨人的肩膀上你才能离成功更近一步！学会使用一些别人写好的规范框架！
1. 学习使用bootstrap 布局框架，当你会使用html和css布局之后，配合此框架，你会发现他已经帮你实现了很多平时布局你所需要用到的常规方案，比如,它的栅格系统可以帮你快速建立一个兼容性量好的页面。
2. 学习第三方的js框架，例如 著名的jquery框架，zepto 和extjs 等等，这些框架都是用来简化你的代码量，让你工作事半功倍！
-
高级篇：
如果已经掌握入门篇和进阶篇的知识的话，那么恭喜你，你离优秀的WEB前端已经只差一步之遥了，一张优秀的网站都具备要素呢？大家都知道我们访问的网页都是通过网络传输过来的，而对于用户来说，漫长的等待是一种痛苦的煎熬，所以网页的打开速度很大程度决定了这个网页的好坏！对于工程师来说，应当重视以下几点。
1. 简化代码，去除无用的代码，以保证页面的简洁，提高访问速度，一般控制在一个页面不包含图片其大小为60K为宜。
2. 优化图片，图片是整个页面中加载最消耗流量的地方，图片优化过的页面和没有优化过的页面打开的速度相差很大，可以使用tinypng 来压缩网页图片
3. 学习WEBGL了解网页绘图，HTML5游戏引擎，比如国内的白鹭游戏引擎 和 国外开源的 lufylegend 游戏引擎
END
文章评论