前端開發(fā)顧名思義就是這些頁面的設(shè)計(jì)，代碼的實(shí)現(xiàn)而Web前端開發(fā)工程師，是從事Web前端開發(fā)工作的工程師主要進(jìn)行網(wǎng)站開發(fā)，優(yōu)化，完善的工作不過，現(xiàn)階段的網(wǎng)站開發(fā)已經(jīng)不同于早年的網(wǎng)頁設(shè)計(jì)，當(dāng)時(shí)主要是以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主，這些的東西html就可以辦到而現(xiàn)在的前端。

1網(wǎng)頁設(shè)計(jì)，這個(gè)是個(gè)思想活，你想走多遠(yuǎn)始終是思想決定的技術(shù)倒是其次，不過也是必須的如果你沒有美術(shù)的功底之前沒設(shè)計(jì)過，沒學(xué)過相關(guān)的知識(shí)，可能路有些長如果是找這方面的工作，或者在比較有規(guī)模的公司打雜，或者在小公司去做設(shè)計(jì)就是天天去參考別人的網(wǎng)站，廣告曲設(shè)計(jì)的那種2網(wǎng)頁。

PDFjs 基于HTML的PDF閱讀器，Mozilla項(xiàng)目支持Revealjs 網(wǎng)頁轉(zhuǎn)簡報(bào)展示工具，提升演示效果Introjs 網(wǎng)站導(dǎo)航引導(dǎo)，提升用戶體驗(yàn)Fine Uploader 拖拽上傳插件，無需依賴，開源免費(fèi)Parallaxjs 高兼容視差滾動(dòng)引擎，適用于所有設(shè)備Hovercss 提供豐富的CSS3鏈接特效iScroll 拖拽滑動(dòng)庫。

淘寶雙12預(yù)售推廣H5專題頁，通過向上滑動(dòng)手勢呈現(xiàn)動(dòng)態(tài)GIF效果，巧妙利用圖形設(shè)計(jì)與組合，營造豐富視差滾動(dòng)效果隨著手機(jī)硬件升級HTML5技術(shù)發(fā)展和微信平臺(tái)開放，H5跨平臺(tái)低成本快迭代優(yōu)勢凸顯未來必將涌現(xiàn)更多優(yōu)秀H5頁面，拭目以待。

1響應(yīng)式網(wǎng)站的智能化建設(shè)響應(yīng)式網(wǎng)站，最大的優(yōu)勢是具有智能化的響應(yīng)設(shè)計(jì)，這種網(wǎng)站可以針對用戶設(shè)備顯示端的尺寸不同，自動(dòng)的調(diào)整網(wǎng)站的顯示方式，讓網(wǎng)站幾乎可以適應(yīng)所有的顯示終端，而且還可以在瀏覽器中調(diào)整網(wǎng)站的寬度，讓網(wǎng)站不出現(xiàn)滾動(dòng)條，使得用戶不管在任何一種顯示器上瀏覽網(wǎng)站，都不會(huì)出現(xiàn)布局。

howlerjs是一個(gè)用于網(wǎng)站的音頻播放函數(shù)庫，支持Web Audio API和HTML5 Audio，使JavaScript播放聲音變得簡單p5js是一個(gè)JavaScript庫，提供了完整的繪畫功能，并且不局限于畫布，允許在瀏覽器中創(chuàng)建互動(dòng)藝術(shù)作品fullPagejs是一個(gè)全頁式導(dǎo)航插件，提供流暢的滾動(dòng)體驗(yàn)storejs是一個(gè)用于任何項(xiàng)目的數(shù)據(jù)。