##概述##  《Web開發實戰》是作者的第二本技術書籍，集合了大量的前端開發案例，目前主要選擇日常開發中會用到的加入本書，分為四部分：**CSS實戰篇**、**JavaScript實戰篇**、**Canvas實戰篇**和**移動實戰篇**。 第一本書的地址：[JavaScript半知半解](http://www.hmoore.net/dennis/tgjavascript) 在《Web開發實戰》一書中，每一節都會添加上詳細的代碼和講解，也會提供Demo代碼下載。 為了苦逼的生活，望諒解本書收費！ 已完成的功能如下： **1、CSS實戰篇** - 白光劃過效果 - 水中倒影 - 按鈕 - 工具提示 - 單選復選Switch - Loading加載 - 圖片濾鏡 - 陰影 - 自定義滾動條 - 3D立方體 - 溢出省略號 - 自定義選擇文本樣式 - 心跳燈和呼吸燈 - 文本效果 - 進度條 - 遮罩條 - 切角 - 表單 - 動態的邊框 - 導航菜單 - 文件上傳組件美化 - 豎著排的文字 - 多形狀圖像 - 面包屑導航 - 多彩的漸變 **2、JavaScript實戰篇** - 點擊水波紋效果 - 手風琴布局 - 滑塊 - 下拉菜單 - 全屏滾動 - 富文本編輯器 - 帶表情輸入的評論框 - 圖片懶加載 - 開啟全屏 - 返回頂部 - 選項卡 - 上傳圖片預覽 - 走馬燈 - 萬年歷 - 樹形菜單 - 旋轉加載 - 瀑布流 - 圓形水波紋加載進度 - 檢測是否移動端 - 搜索過濾 - 彈幕 - 收縮菜單 - 幻燈片 - 固定頭的表格 - 自定義滾動條 - 城市聯動選擇器 - 滾動監聽 - 邊欄懸浮菜單 **3、Canvas實戰篇** - 粒子動畫 - 刮刮卡 - 截圖下載 - 圖片放大器 - 手勢密碼 - 雪花紛飛 - 粒子聚合 **4、移動實戰篇** - 移動聯動選擇器 - 列表滑動刪除 也許你瀏覽完上面的目錄，會發現上面的各大功能在網上你都可以搜到相應的插件，那為什么還要寫這本書呢？ 網上的插件雖多，但大多數并沒有深究到原理，故而產生了寫一本前端實例的書籍。主要是為了想深入學習的伙伴們，書上的內容也許不是最優秀的，但會一步步講解，會告訴你每一步的原理，讓你學習后也可以自己造輪子！ 在完成大部分功能后，會利用這些功能開發出一套完整的模板出來。 [模板預覽](261537) 此書永久更新，會不斷地添加新的功能！ 由于作者的水平有限，書中內容有限，也難免會出現一些錯誤或者不準確的地方，懇求讀者批評指正。為此，我特意創建了一個在線支持站點（[書籍評論站點](http://ghmagical.com/article/page/id/1Jt1npAY3yJE)）。