我眼中的前端开发

总体来说，前端的承载是浏览器，其执行能力依赖于客户机，所以没有复杂的设计模式，不涉及很大的代码和业务量。重点在于美观和用户交互体验。所以搭起一个可用的界面很简单，单要做的精致比较难。w3c定义了很多标准（协议），由浏览器去实现支持。逻辑性比较弱弱。简单而繁杂。

发展

HTML是一套标记语言。定义了一堆标签来表示页面上应该展示的元素类型。浏览器拿到<p>就是展示出一个段落来。但是越来越多关于展示的标签和属性（b/strong）加入，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。。。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style），CSS定义如何展示HTML元素，对元素进行定位，或者为页面创建背景以及色彩丰富的外观，将样式放置在外部文件，可以极大地提高工作效率。html和CSS都是静态的。任何人访问和看到的内容都一样。于是有了后端语言，根据提交的数据不同，来展示不同的页面。开始的时候后端语言是混合编码，即后端语言与html都混在一起，不利于维护。后来有了模板系统，实现了数据和页面的初步分离，但渲染还是放在后端。后来有了前端语言，如JS，它在浏览器执行，可以进行数据验证、监听用户行为操作DOM元素，拥有了渲染页面的能力。在有了ajax以后，前端可以拿到后端数据，然后直接操作DOM渲染页面，可以实现前段和后端的完全分离。ajax:好处1是优化开发模式、2 html文件可以单独部署专门响应脱离cgi、3局部刷新消耗少。坏处是浏览器负担重网络请求多。但是呢，原生JS写起来比较复杂，选择和操作DOM的方法都比较弱，绑定事件也是js与html混写，浏览器差异也难处理。总之不怎么好写，于是就有了一个js框架（又有资源又有规则），让js变成更加简单有趣，如jQuery。但是即使有了jQuery以后，一些功能是可以实现了，但是想实现一个比较炫的效果，没有美感和功力也是很难的，但是效果无非是js操作若干元素的内容属性和样式来实现的，于是就有了一些jQury插件。插件就是一组有外观有事件效果的元素，包含(目标html) js和css实现。利用这些插件，即使是菜鸟也能在很短时间内做出很好看的效果。更牛逼的是，bootstrap，它叫前端组件库，也是js和css，它为基本的元素定义了很多样式，也包含了很多插件。大大简化了前端编程。

那么做一个浏览器，就是要会解析html，能把css变成色彩缤纷，能把js的给执行喽，简直是上得厅堂下得厨房啊，也是不容易。