Web前端開發（高級）下冊-目錄

多媒體與繪圖

多媒體
音頻格式
視頻格式

HTML5多媒體支持

<audio>和<video>
htmlaudioElement和htmlVideoElement
<audio>和<video>的事件

html5的繪圖支持

<canvas>元素

繪製圖形
繪製幾何圖形
繪製路徑
繪製字符串
清除繪製內容
繪製陰影
繪製位圖
變形

svg
HTML5中使用svg
svg的基本語法
svg內部標籤
幾何圖形標籤
路徑標籤
文字標籤

HTML5新特性
結構化語義元素
多媒體元素
其餘元素

HTML5新增全局屬性
HTML5廢棄的元素
HTML5廢棄的屬性
web storage

less介紹
less的安裝
服務端
客戶端

less的使用
變量
嵌套
混合
繼承
函數
導入
其餘

jquery mobile
jquery mobile的誕生
jquery mobile的安裝
jquery mobile的使用

jquery mobile頁面
jquery mobile過渡
jquery mobile定位
jquery mobile按鈕

jquery mobile圖標
jquery mobile導航欄
jquery mobile摺疊
jquery mobile列布局
jquery mobile列表

jquery mobile表單
單選按鈕
複選框
選擇菜單
範圍滑塊
切換開關

jquery mobile主題
jquery mobile實戰
jquery mobile事件

jquery mobile頁面事件
jquery mobile觸摸事件
jquery mobile滾動事件
jquery mobile方向事件

網頁設計平臺差別性

性能優化與自動化技術

web前端開發概述
web前端開發認識
web前端開發技術
web前端開發常見問題

web前端開發，調試工具
經常使用web前端開發工具
經常使用web前端調試工具

html與css代碼優化
html優化
網頁文檔結構規範
html5新特性
html 代碼優化以及寫法注意

css3新特性
瀏覽器樣式重置
css樣式選擇器，優先級
css樣式多餘樣式去除，結構優化
css瀏覽器兼容性

前端資源優化
sprite拼合圖
css sprite的原理
css sprite的製做工具

代碼壓縮技術
yui compressor
gzip
打包工具

預加載和懶加載技術
預加載
懶加載

javascript代碼優化
javascript代碼可維護性
代碼與結構分離
樣式與結構的分離
數據與代碼分離

javascript代碼可擴展性
javascript代碼可調試性

javascript dom 優化
提高文件加載速度
javascript dom 操做優化
javascript dom 腳本加載優化

webpack工具
web前端安全性
常見安全性問題
安全性解決方案

npm以及模塊化
npm 安裝配置

npm基本指令
package.json文件
node模塊化

webpack 概述
webpack 安裝與配置

安裝webpack
配置詳情

webpack經常使用loader
babel-loader編譯es6

less-loader處理less文件
css-loader與style-loader打包css
file-loader與url-loader引入圖片

webpack經常使用plugin

htmlwebpackPlugin插件
extractTextWebpackPlugin插件
其餘plugin

es6基本
概述
symbol數據類型
symbol定義
symbol做對象屬性名
symbol使用場景
symbol獲取

let和const
let
const

變量的解構賦值
默認值
解構賦值分類

set與map
聲明
操做方法
遍歷方法

箭頭函數
一個參數的箭頭函數
沒有參數的箭頭函數
多個參數的箭頭函數
函數體箭頭函數
返回對象箭頭函數
事件handler
數組排序回調

es6相對於es5寬展
函數的擴展
對象的擴展
數組的擴展

es6高級操做
promise對象
iterator
generator

class

若本號內容有作得不到位的地方（好比：涉及版權或其餘問題），請及時聯繫咱們進行整改便可，會在第一時間進行處理。

---

請點贊！由於大家的贊同/鼓勵是我寫做的最大動力！

歡迎關注達叔小生的簡書！

這是一個有質量，有態度的博客