目前的web開發(fā)工作最基礎的技術仍然還是html、css侯谁、javascript消略，對于web系統(tǒng)的前端來說堡称，html負責搭建骨架、css負責構建皮膚艺演、javascript負責賦予行為却紧，大致如此。尤其是javascript越來越成為了主角胎撤。
01.曾經(jīng)的web開發(fā)場景
以前做web類的信息系統(tǒng)晓殊，是沒有前端工程師的，尤其一些小公司的程序員都是一個人做完一整套功能伤提。
管理好一點的項目巫俺，會有一些統(tǒng)一的css文件，并且leader會制作一些參考模板肿男，要求大家高度多少介汹、寬度多少、數(shù)字靠右舶沛、字符串靠左嘹承、有鏈接的地方鼠標放上去要顯示手的樣式。如庭。等等叹卷。
如果是做外包類的項目，每參與一個項目，就要熟悉一些新的前端風格骤竹，程序員的很大一部分工作都是在做這塊工作餐胀。
有人還參與過flash/flex作前端的項目，結合配套的actionscript語言瘤载。
一句話:很多程序員否灾，開發(fā)一個web功能，前后臺花的精力7:3鸣奔，前臺太花精力了墨技。
02.javascript庫的發(fā)展
那怎么行？程序員都是聰明人啊挎狸。所以扣汪，從個人到公司都在總結開發(fā)成果和經(jīng)驗，思考如何改變這種勞民傷財?shù)木置妗?/p>
比如最先出來并流行的一個叫prototype（http://prototypejs.org/）的js庫锨匆，有了這個庫崭别，大大節(jié)省了程序員寫js代碼的工作量。后來出來了jQuery（http://jquery.com/）恐锣，無論從功能還是更新速度上茅主，都有了質(zhì)的提升。一晃已經(jīng)十多個年頭了土榴，確實是一個優(yōu)秀的诀姚、開放的、有生命力的框架玷禽。
document.getElementById('tagId'); //原生的獲取dom對象的寫法
$("#tagId")赫段； //利用jQuery的寫法，簡單明了
jQuery做了許許多多的封裝矢赁，例如強大的選擇器糯笙、完善的Ajax封裝、出色的瀏覽器兼容性等等撩银「椋總之，提高了前端的開發(fā)效率蜒蕾，程序員可以專心去寫后臺代碼了稠炬。
03.RichClient（富客戶端）的發(fā)展
傳統(tǒng)軟件有兩個明確的大分類：C/S架構和B/S架構，各自都有優(yōu)缺點咪啡。
在Ajax技術還沒流行之前首启，B/S架構軟件的很大一個痛點是：盡管新頁面上只有一個數(shù)字和當前頁面不一樣，但你還是要無聊地等待頁面刷新撤摸。有時候遇到服務器卡住毅桃，還刷不處出來褒纲，只能尷尬的面對著白屏的瀏覽器。
Ajax技術：通過在后臺與服務器進行少量數(shù)據(jù)交換钥飞，Ajax 可以使網(wǎng)頁實現(xiàn)異步更新莺掠。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新读宙。
后來Ajax技術流行開來了彻秆，程序員在前端能做的事情越來越多了，結合xml和json數(shù)據(jù)格式结闸，把很多原先要后臺來完成的工作唇兑，映射到前臺來做，前臺的地位越來越高了桦锄。
甚至讓大家覺得B/S架構相比C/S架構扎附，本來的缺陷慢慢都沒了。所以稱之為Rich Client结耀。
時至今日留夜，隨著瀏覽器的發(fā)展、html5技術的產(chǎn)生图甜、各種js庫的發(fā)展等等碍粥，瀏覽器是一個絕對的大舞臺，已經(jīng)不需要富客戶端這種稱謂了
04.jQuery EasyUI的快速入門
用于構建前端頁面的庫很多很多具则，例如Dojo即纲、Yui具帮、ExtJs等等博肋，jQuery當然也必須要有，所以產(chǎn)生了easyUI（http://www.jeasyui.com/）蜂厅。對于一般的信息系統(tǒng)匪凡，可以很方便的構建界面，前端工程師都不需要了掘猿。
例如：
常用的基于EasyUI的Form表單代碼病游，主要是通過class、data-options等屬性進行修飾
<input class="easyui-textbox" name="username" data-options="required:true"/>
<input class="easyui-passwordbox" name=""userpwd" />
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'"/>
