##概述## ![](image/webmehod.jpg) 《Web开发实战》是作者的第二本技术书籍,集合了大量的前端开发案例,目前主要选择日常开发中会用到的加入本书,分为四部分:**CSS实战篇**、**JavaScript实战篇**、**Canvas实战篇**和**移动实战篇**。 第一本书的地址:[JavaScript半知半解](http://www.kancloud.cn/dennis/tgjavascript) 在《Web开发实战》一书中,每一节都会添加上详细的代码和讲解,也会提供Demo代码下载。 为了苦逼的生活,望谅解本书收费! 已完成的功能如下: **1、CSS实战篇** - 白光划过效果 - 水中倒影 - 按钮 - 工具提示 - 单选复选Switch - Loading加载 - 图片滤镜 - 阴影 - 自定义滚动条 - 3D立方体 - 溢出省略号 - 自定义选择文本样式 - 心跳灯和呼吸灯 - 文本效果 - 进度条 - 遮罩条 - 切角 - 表单 - 动态的边框 - 导航菜单 - 文件上传组件美化 - 竖着排的文字 - 多形状图像 - 面包屑导航 - 多彩的渐变 **2、JavaScript实战篇** - 点击水波纹效果 - 手风琴布局 - 滑块 - 下拉菜单 - 全屏滚动 - 富文本编辑器 - 带表情输入的评论框 - 图片懒加载 - 开启全屏 - 返回顶部 - 选项卡 - 上传图片预览 - 走马灯 - 万年历 - 树形菜单 - 旋转加载 - 瀑布流 - 圆形水波纹加载进度 - 检测是否移动端 - 搜索过滤 - 弹幕 - 收缩菜单 - 幻灯片 - 固定头的表格 - 自定义滚动条 - 城市联动选择器 - 滚动监听 - 边栏悬浮菜单 **3、Canvas实战篇** - 粒子动画 - 刮刮卡 - 截图下载 - 图片放大器 - 手势密码 - 雪花纷飞 - 粒子聚合 **4、移动实战篇** - 移动联动选择器 - 列表滑动删除 也许你浏览完上面的目录,会发现上面的各大功能在网上你都可以搜到相应的插件,那为什么还要写这本书呢? 网上的插件虽多,但大多数并没有深究到原理,故而产生了写一本前端实例的书籍。主要是为了想深入学习的伙伴们,书上的内容也许不是最优秀的,但会一步步讲解,会告诉你每一步的原理,让你学习后也可以自己造轮子! 在完成大部分功能后,会利用这些功能开发出一套完整的模板出来。 [模板预览](261537) 此书永久更新,会不断地添加新的功能! 由于作者的水平有限,书中内容有限,也难免会出现一些错误或者不准确的地方,恳求读者批评指正。为此,我特意创建了一个在线支持站点([书籍评论站点](http://ghmagical.com/article/page/id/1Jt1npAY3yJE))。