koapromise源碼

㈠ web前端開發都包括哪些技術

1、學會HTML

HTML是網頁內容的載體內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。要熟練掌握div、table、ul li 、p、span等這些標簽,這些都是最常用的。

2、學習CSS（Cascading Style Sheets）—樣式。

一般看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,

稱之為「css樣式」,CSS要熟練掌握float、position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding,標題字體、顏色變化，或為標題加入背景圖片、邊框等等,這些都是跟布局有關系的樣式,必須要掌握的。

3、JS（java）—— 行為

java是用來實現網頁上的特效效果。如：滑鼠滑過彈出下拉菜單。或滑鼠滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這么理解，有動畫的，有交互的一般都是用Java來實現的。

4、學習jquery

jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。

5、最好會點後台語言,比如java、php,因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更麻煩了。

㈡ web前端學會什麼內容可以找到工作

對於一些初出校門或者是零基礎轉行人員來說，Web開發崗位在未來職位晉升、薪資待遇上都是前景可觀的，想要成為一名合格的Web開發工程師就需要掌握崗位所需要的開發技能，下面和小編一起看一下都有哪些內容吧。

一、HTML5+CSS3

HTML5和CSS3是通往Web工程師路上必須學會的基本內容，主要包括了解常用瀏覽器和瀏覽器內核;了解語義化的概念;掌握HTML5語法及使用技巧;掌握HTML5常用標簽。掌握CSS語法及使用技巧;掌握DIV+CSS布局方式;掌握常見網頁布局模式。掌握HTML5新布局標簽、多媒體標簽;掌握CSS32D、3D變換、動畫效果;能夠使用CSS3新屬性美化修飾網頁;了解移動端屏幕、移動端瀏覽器、操作系統的不同等內容。

二、JS交互設計

JS交互技術可以賦予頁面一個動態的效果展示，提升用戶的瀏覽體驗，這部分主要是通過JS的學習掌握JavaScript基本語法;掌握常見JavaScript演算法;掌握DOM的各種操作;熟練使用面向對象思想進行DOM編程;掌握JavaScript的高級語法;掌握JavaScript常見兼容性方案。熟練使用jQuery操作DOM;熟練使用和編寫jQuery案例。

三、Node開發

Node.js不僅僅是一個框架，它是一個完整的JavaScript環境，配備了開發人員可能需要的開發工具。所以學好Node是在打通前後端開發中需要掌握的技術。這部分需要掌握ES6的基礎用法和兼容性;掌握ES6的核心語法;使用ES6實現前端模塊化開發。使用Webpack模塊打包器;使用Node.js進行Web服務端開發;掌握JavaScript非同步編程模型;掌握JavaScript模塊化編程方式;使用Node.js操作MongoDB資料庫;獨立開發基於後台介面的動態網站、Ajax數據交互的項目;獨立完成企業網站從前台到後台的基本開發工作。

四、前端框架

前端框架是Web開發人員需要熟練掌握的技能，並且在實際開發中是會被廣泛應用的，那麼對於前端框架方面需要掌握現在主流的Vue、React、Angular等，掌握D3.js進行大數據可視化交互開發;掌握Vue技術棧進行項目開發;掌握React技術棧進行項目開發;掌握使用主流框架開發門戶網站、管理系統、移動Web等客戶端;掌握Webpack項目構建配置流程;掌握Web項目的部署與發布模式;掌握常見網站業務模塊開發等。

五、小程序與APP開發

現在移動應用越來越受歡迎，掌握了小程序和APP開發技術可以增強自身競爭力，這就需要掌握小程序的開發基礎;能夠獨立開發小程序項目;能夠掌握Canvas的使用;能夠掌握小程序的部署與發布;能夠掌握小程序開發框架mpvue的使用;掌握第三方AI平台的使用。能夠掌握小游戲開發基礎;能夠獨立開發小游戲項目;能夠掌握小游戲的部署與發布;能夠獨立使用ReactNative開發原生App。

㈢ koa 一次執行兩條sql語句為什麼會出問題

不用引號吧
exp koa/123@softapp file=d:\softapp.dmp full=y
這個要在BIN文件目錄下執行

㈣ koa 中間件的執行包括路由執行嗎

在koa里定義的middleware均為generator function（包括內置在頂端的respond），這是為了能從任意middleware中容易地切換到其它middleware里（如果你是前端程序員，可以理解為瀏覽器捕獲事件的capture和propagation過程，如果你是python程序員，可以理解為jungle的middleware機制，如果你是Java程序員，這種方式則是典型的切面編程）。
為了實現這種橫穿多個middleware的特性，koa通過把後一個generator作為參數（koa里常用next）傳入前一個generator實現(#見koa-compose源碼，這也是為什麼前兩個middleware有next參數而最後一個沒有）。
可以看到，在koa中yield的使用是在co，而co則是包裝了generator/yield & Promise以模擬async/await，提供了一個更高層次的非同步語法抽象。
koa在載入且合並所有的middleware之後，傳遞給co執行（確切地說是在http.createServer的callback觸發後執行），co以圖中所示邏輯不斷拆解generator function，執行yield右側固定的幾種表達式（Array，Object，generator function，Promise，thunkify function），這5種表達式最終都會轉化為Promise，以達到處理非同步函數的目的。
co內部封裝了onFulfilled和onRejected函數，當yield右側的promise resolve之後，則會調用onFullfield函數，其包含了一條關鍵語句gen.next(res)#這句代碼 用以給yield表達式賦值並執行下一次迭代。
koa通過上文的方式「深入」->「淺出」，最終在頂層的respond middleware里send response。
註：#thunk是co先前版本處理非同步函數的方式，通過thunk可以將非同步函數封裝成curry，傳入普通參數後形成僅需要callback參數的偏函數，以此簡化callback調用代碼（目前co中的thunk偏函數已經被#無情地Promise化了）。

㈤ web前端需要學什麼

這里整理了一份web前端學習路線的思維導圖，需要掌握和學習的內容如下：

第一階段：專業核心基礎

階段目標：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。

2. 熟練運用HTML+CSS特性完成頁面布局。

4. 熟練應用CSS3技術，動畫、彈性盒模型設計。

5. 熟練完成移動端頁面的設計。

6. 熟練運用所學知識仿製任意Web網站。

7. 能綜合運用所學知識完成網頁設計實戰。

知識點：

1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿製任意網站的前端頁面實現。

2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。

3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。

第二階段：Web後台技術

階段目標:

1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。

2. 熟練掌握JavaScript的基本數據類型和變數的概念。

3. 熟練掌握JavaScript中的運算符使用。

4. 深入理解分之結構語句和循環語句。

5. 熟練使用數組來完成各種練習。

6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。

7.DOM和BOM實戰練習和H5新特性和協議的學習。

知識點：

1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。

2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。

3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。

4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。

第三階段：資料庫和框架實戰

階段目標：

1. 綜合運用Web前端技術進行頁面布局與美化。

2. 綜合運用Web前端開發框架進行Web系統開發。

3. 熟練掌握Mysql、Mongodb資料庫的發開。

4. 熟練掌握vue.js、webpack、elementui等前端框技術。

5. 熟練運用Node.js開發後台應用程序。

6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。

知識點：

1、資料庫知識，範式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理，為Node.js後台開發打下堅實基礎。

2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL資料庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。

4、需求分析，資料庫設計，後台開發，使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能並上線發布。

第四階段：移動端和微信實戰

階段目標：

1.熟練掌握React.js框架，熟練使用React.js完成開發。

2.掌握移動端開發原理，理解原生開發和混合開發。

3.熟練使用react-native和Flutter框架完成移動端開發。

4.掌握微信小程序以及了解支付寶小程序的開發。

5.完成大型電商項目開發。

知識點：

1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。

2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架，並分別使用react-native和Flutter分別能開發移動端項目。

3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。

4、大型購物網站實戰，整個項目前後端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、後台管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。

㈥ js中Async/Await 怎麼做錯誤處理更好

koa2完全拋棄了generator和co的做法，而是使用async/await來做非同步開發。##不同1.koa和express在表現上的一點不同是採用ctx一個參數來調用中間件，而不是express的req,res。其實在使用上還是個人認為是更方便了的。2.然後是在中間件連接的方式上有所不同。express的設計是串聯的，設計思路超級簡潔。koa的某一個中間件可以自行選擇之後中間件的執行位置的。##舉例比如一個伺服器處理時間/日誌的中間件的開發：express：request進來，記錄時間到request._startTime上。綁定一個函數到response的'end','finish'以及response.socket的'error','close'事件上。那個函數會用當前時間和startTime做差，算出運行時間。koa2：```jsconstxTime=async(ctx,next)=>{letstart=newDateawaitnext()ctx.set('X-Response-Time',(newDate)-start)+'ms'）}```這是在功能開發上，在錯誤處理上的友好度就更高了。沒有特意抹黑express的中間件開發，那個express版的計時器是express自帶的伺服器日誌中間件morgan的實現。##社區express的社區還是大。koa本來就小，還被從koa1轉koa2一折騰，就更小了。而現在koa2還在alpha版，koa及其插件的開發速度比較沒有保證。你找到一個中間件，如果是express的，得轉過來。如果是koa的，一般也得再轉一次。比如我使用的passportjs，github有koa版koa-passport，就分koa1版本和koa2版本的，選擇時得注意一下。##個人評價koa2好用，設計上的確有優勢。優勢不在能實現更強的功能，而是可以更簡單地完成功能。koa2社區遠不如express，原因之一是~~因為koa2的正式版離發行估計還得3~6個月。~~koa的正式版是koa1。koa1在思想上與koa2是一致的，但是koa2的實現更漂亮。有koa1到koa2的中間件封裝函數`koa-convert`。而一般通用的中間件都有koa版，或者能夠輕松的轉為koa版。個人收集的koa2中間件集合[@wusisu/koa-middlewares](/package/@wusisu/koa-middlewares)，在公司項目使用中沒啥問題，開發需求暫時都足以實現。有足夠折騰能力的team推薦使用koa。-------updated20160708聽說koa組表示async被納入es7准則前，不會發布kao2的正式版。並且，似乎有koa3出現的跡象。只是我不知道該怎麼打入他們組織里了解詳情。

㈦ Express和koa各有啥優缺點

Koa 雖然同它哥 Express 說的一樣，是 Web Framework。不過從架構功能設計和架構設計上看，它更像它舅舅（原諒我親戚關系懵了）── Connect。更多是一個中間件框架，其提供的是一個架子，而幾乎所有的功能都需要由第三方中間件完成。Express 更為貼近 Web Framework 這一概念，比如自帶 Router、路由規則等（在沒有剝離bodyParser之前更為貼切）；相比之下 Koa 則更為寬松，光是 Router 就有 20+ 個，也對自由選擇的嘛（Home · koajs/koa Wiki · GitHub），更為靈活。（Koa 的 maintainer 之一）也發布了一個推薦的常用中間件合集包 koa-middlewares(http://npmjs.org/package/koa-middlewares)。Express 和 Koa 最明顯的差別就是 Handler 的處理方法，一個是普通的回調函數，一個是利用生成器函數（Generator Function）來作為響應器。往裡頭兒說就是 Express 是在同一線程上完成當前進程的所有 HTTP 請求，而 Koa 利用 co 作為底層運行框架，利用 Generator 的特性，實現「協程響應」（並不能將 Generator 等價於協程，在 V8 的郵件列表中對 Generator 的定義基本是 `coroutine-like`），然而 co 這個庫對 Generator 的使用方法並非當初 Generator 的設計初衷。 還是要感謝 TJ 創造了 co 這個大殺器吧，讓我們基本完全忘記了什麼是回調函數或者 callbacks hell。雖然實現方法略微取巧，但是就大大加速了開發速度這一點而言，已經足以讓我們跪舔了。Express：優點：歷史更久，文檔更完整，資料更多，深入人心缺點：不能忍的 callback，Koa：優點：No Callback! No Callback! No Callback! 重要的事情說三遍，缺點：Connect/Express 的中間件基本不能重用，基本要重寫；依然需要更多人的支持和學習。

㈧ 免費商城源碼下載哪裡有

koahub軟體市場有免費開源的商城源碼，可以直接下載

㈨ web前端開發需要用到哪些知識

應該熟練掌握的基礎技能：

• HTML4，HTML5語法、標簽、語義

• CSS2.1，CSS3規范，與HTML結合實現各種布局、效果

• Ecma-262定義的javascript的語言核心，原生客戶端javascript，DOM操作，HTML5新增功能

• 一個成熟的客戶端javascript庫，推薦jquery

• 一門伺服器端語言：如果有伺服器端開發經驗，使用已經會的語言即可，如果沒有伺服器端開發經驗，熟悉Java可以選擇Servlet，不熟悉的可以選PHP，能實現簡單登陸注冊功能就足夠支持前端開發了，後續可能需要繼續學習，最基本要求是實現簡單的功能模擬，

• HTTP

在掌握以上基礎技能之後，工作中遇到需要的技術也能快速學習。

基本開發工具

恰當的工具能有效提高學習效率，將重點放在知識本身，在出現問題時能快速定位並
解決問題，以下是個人覺得必備的前端開發工具：

• 文本編輯器：推薦Sublime Text，支持各種插件、主題、設置，使用方便

• 瀏覽器：推薦Google Chrome，更新快，對前端各種標准提供了非常好的支持

• 調試工具：推薦Chrome自帶的Chrome develop tools，可以輕松查看DOM結構、樣式，通過控制台輸出調試信息，調試javascript，查看網路等

• 輔助工具：PhotoShop編輯圖片、取色，fireworks量尺寸，AlloyDesigner對比尺寸，以及前面的到的Chrome develop tools，

• FQ工具：lantern, 壁虎漫步

學習方法和學習目標

方法：

• 入門階段反復閱讀經典書籍的中文版，書籍中的每一個例子都動手實現並在瀏覽器中查看效果

• 在具備一定基礎之後可以上網搜各種教程、demo，了解各種功能的實際用法和常見功能的實現方法

• 閱讀HTML，CSS，Javascript標准全面完善知識點

• 閱讀前端牛人的博客、文章提升對知識的理解

• 善用搜索引擎

目標：

• 熟記前面知識點部分的重要概念，結合學習經歷得到自己的理解

• 熟悉常見功能的實現方法，如常見CSS布局，Tab控制項等。

入門之路

以下是入門階段不錯的書籍和資料

• HTML先看《HTML & CSS: Design and Build Websites》1-9章，然後《HTML5: The Missing Manual》1-4章。

• CSS先看《CSS: The Missing Manual》，然後《CSS權威指南》

• javascript先看《javascript高級程序設計》，然後《javascript權威指南》

• HTTP看HTTP權威指南

• 在整個學習過程中HTML CSS JavaScript會有很多地方需要互相結合，實際工作中也是這樣，一個簡單的功能模塊都需要三者結合才能實現。

• 動手是學習的重要組成部分，書籍重點講解知識點，例子可能不是很充足，這就需要利用搜索引擎尋找一些簡單教程，照著教程實現功能。以下是一些比較好的教程網址

• 可以搜索各大公司前端校招筆試面試題作為練習題或者他人總結的前端面試題還有個人總結的面試題（帶參考答案）

• http://code.tutsplus.com有各種各樣的教程

• MDN也有很多教程，更重要的是裡面有詳細的文檔，需要查找某個功能時在Google搜索：xxx site:https://developer.mozilla.org

• http://www.html5rocks.com/zh/也有很多優質教程

• http://www.sitepoint.com/

• http://alistapart.com/

• 原生javascript是需要重點掌握的技能，在掌握原生javascript的基礎上推薦熟練掌握jQuery，在實際工作中用處很大，這方面的書籍有《Learning jQuery》或者去jQuery官網

• 建一個https://github.com/賬號，保存平時學習中的各種代碼和項目。

• 有了一定基礎之後可以搭建一個個人博客，記錄學習過程中遇到的問題和解決方法，方便自己查閱也為其他人提供了幫助。也可以去http://www.cnblogs.com/或者http://www.csdn.net/這樣的網站注冊賬號，方便實用

• 經常實用Google搜索英文資料應該經常找到來自http://stackoverflow.com/的高質量答案，與到問題可以直接在這里搜索，如果有精力，注冊一個賬號為別人解答問題也能極大提高個人能力。

• 經典書籍熟讀之後，可以打開前面必備基礎技能部分的鏈接。認真讀對應標准，全面掌握知識

繼續提高

有了前面的基礎之後，前端基本算是入門了，這時候可能每個人心中都有了一些學習方向，如果還是沒有。
可以參考前面必備技能部分提到的那兩個項目，從裡面選一些進行發展學習。以下是一些不錯的方面：

• Grunt：前端自動化工具，提高工作效率

• less css：優秀的CSS預處理器

• bootstrap：優秀的CSS框架，對沒有設計師的團隊很不錯，與less結合使用效果完美

• requirejs：AMD規范的模塊載入器，前端模塊化趨勢的必備工具

• Node.js：JavaScript也可以做後台，前端工程師地位更上一步

• AngularJS：做Single Page Application的好工具

• 移動端web開發：智能手機的普及讓移動端的流量正在逐步趕超PC端

• Javascript內存管理：SPA長期運行需要注意內存泄露的問題

• High Performance JavaScript(Build Faster Web Application Interfaces)

• Best Practices for Speeding Up Your Web Site：重要技能

####工具

• chrome dev tools：前端開發調試利器，著重注意幾個功能：

• liveload: 修改頁面後自動刷新，不用按F5

• dimensions：直接在頁面上測量的利器

• livestyle：css樣式修改後自動起效果，不需要刷新，elements修改後也能同步到代碼中

• image tool：測量，取色

• UC二維碼：移動端調試掃碼必備

• pagespeed，YSlow：頁面性能分析和優化插件

• 馬克飛象：優秀的在線markdown編輯器，快速寫周報，做記錄

• watch expression：通過表達式查看當前內存中的值

• call stack：查看調用棧，開啟async，可以看非同步調用棧（這個非常有用，尤其是ajax調試的時候）

• scope variables：作用域鏈上的變數，非常有用

• console（廢話）

• elements:元素樣式調整，很常用

• sources：代碼中添加斷點，單步調試，以及單步調試過程中查看內存中的對象

• network：抓包查看每個請求，非常重要，前後端聯調必備

• timeline：分析渲染、js執行等等各個階段，性能優化利器

• emulation：模擬移動端環境，mobile頁面開發必備

• 一些插件:

• sublime text2：編碼方便，插件多，速度快，性能好

• emmet：提升html編碼速度必備

• sublimelinter + 各種語言的lint和hint：代碼糾錯

• 一些snippets：自動補全，提升開發效率

• Intellij IDEA和WebStorm：集成開發環境，集成了各種功能，開發比sublime要方便，但會比較吃性能

• Mark Men：測量、取色、標注利器，拿到視覺稿之後第一個打開的軟體

• GFW Fucker：我用紅杏，可以的話買個虛擬伺服器當梯子

• iHosts：非常優秀的hosts管理軟體，輕松修改hosts，開發調試必備

• Charles：Mac 平台最好用的抓包分析工具

• Rythem：AlloyTeam出品的代理抓包軟體，非常輕量，安裝簡單，移動端（真機）開發調試很好用

• Wunderlist：一個非常不錯的Todo List，任務、需求多的時候管理起來很方便

####技能
前端的技能其實除了JavaScript（包括NodeJS）、HTML、CSS以外，還有很多。其實前端的技能樹很大，這里只能列一些我開發中見到的說一說
#####語言基礎
JavaScript：

• 作用域鏈、閉包、運行時上下文、this

• 原型鏈、繼承

• NodeJS基礎和常用API

CSS：

• 選擇器

• 瀏覽器兼容性及常見的hack處理

• CSS布局的方式和原理（盒子模型、BFC、IFC等等）

• CSS 3，如animation、gradient、等等

HTML：

• 語義化標簽

#####進階
JavaScript:

• 非同步控制（Promise、ES6 generator、Async）

• 模塊化的開發方式（AMD、CMD、KMD等等）

• JavaScript解釋器的一些相關知識

• 非同步IO實現

• 垃圾回收

• 事件隊列

• 常用框架使用及其原理

• jQuery：基於選擇器的框架，但個人認為不能叫框架，應該算工具庫，因為不具備模塊載入機制，其中源碼很適合閱讀鑽研

• AngularJS/Avalon等MVVM框架：著重理解MVVM模式本身的理念和雙向綁定的實現，如何解耦

• underscore：優秀的工具庫，方便的理解常用工具代碼片段的實現

• polymer/React: 組件化開發，面向未來，理解組件化開發的原理

CSS和HTML：主要是CSS3的特性和HTML5的特性，以及瀏覽器處理的流程和繪制原理

• DOM樹、CSSOM樹、渲染樹的構建流程及頁面渲染的過程

• 解析HTML、CSS、JavaScript時造成的阻塞

• HTML5相關

• SVG及矢量圖原理

• Canvas開發及動畫原理（幀動畫）

• Video和Audio

• flex box布局方式

• icon fonts的使用

常用NodeJs的package：

• koa

• express

• underscore

• async

• gulp

• grunt

• connect

• request

一些理念：

• 響應式Web

• 優雅降級、漸進增強

• dont make me think

• 網頁可用性、可訪問性、其中的意義

• SEO搜索引擎優化，了解搜索引擎的原理

• SPA的好處和問題

性能優化：

• 減少請求數量（sprite、combo）

• 善用緩存（application cache、http緩存、CDN、localstorage、sessionstorage，備忘錄模式）

• 減少選擇器消耗（從右到左），減少DOM操作（DOM和JavaScript解釋器的分離）

• CSS的迴流與重繪

• 生態系統

• npm

• bower

• spm

• 搭建一個屬於自己的博客

• git pages

• hexo

• jekyll

#####未來

• Web Componets：面向未來的組件化開發方式

• HTML模板

• Shadow DOM

• Custom Elements

• HTML Import

• 移動端Native開發：這也是需要了解的，以後前端工程師會經常地和webview打交道，也要了解native開發