概述

《Web开发实战》是作者的第二本技术书籍,集合了大量的前端开发案例,目前主要选择日常开发中会用到的加入本书,分为四部分:CSS实战篇JavaScript实战篇Canvas实战篇移动实战篇

第一本书的地址:JavaScript半知半解

在《Web开发实战》一书中,每一节都会添加上详细的代码和讲解,也会提供Demo代码下载。

为了苦逼的生活,望谅解本书收费!

已完成的功能如下:

1、CSS实战篇

  • 白光划过效果
  • 水中倒影
  • 按钮
  • 工具提示
  • 单选复选Switch
  • Loading加载
  • 图片滤镜
  • 阴影
  • 自定义滚动条
  • 3D立方体
  • 溢出省略号
  • 自定义选择文本样式
  • 心跳灯和呼吸灯
  • 文本效果
  • 进度条
  • 遮罩条
  • 切角
  • 表单
  • 动态的边框
  • 导航菜单
  • 文件上传组件美化
  • 竖着排的文字
  • 多形状图像
  • 面包屑导航
  • 多彩的渐变

2、JavaScript实战篇

  • 点击水波纹效果
  • 手风琴布局
  • 滑块
  • 下拉菜单
  • 全屏滚动
  • 富文本编辑器
  • 带表情输入的评论框
  • 图片懒加载
  • 开启全屏
  • 返回顶部
  • 选项卡
  • 上传图片预览
  • 走马灯
  • 万年历
  • 树形菜单
  • 旋转加载
  • 瀑布流
  • 圆形水波纹加载进度
  • 检测是否移动端
  • 搜索过滤
  • 弹幕
  • 收缩菜单
  • 幻灯片
  • 固定头的表格
  • 自定义滚动条
  • 城市联动选择器
  • 滚动监听
  • 边栏悬浮菜单

3、Canvas实战篇

  • 粒子动画
  • 刮刮卡
  • 截图下载
  • 图片放大器
  • 手势密码
  • 雪花纷飞
  • 粒子聚合

4、移动实战篇

  • 移动联动选择器
  • 列表滑动删除

也许你浏览完上面的目录,会发现上面的各大功能在网上你都可以搜到相应的插件,那为什么还要写这本书呢?

网上的插件虽多,但大多数并没有深究到原理,故而产生了写一本前端实例的书籍。主要是为了想深入学习的伙伴们,书上的内容也许不是最优秀的,但会一步步讲解,会告诉你每一步的原理,让你学习后也可以自己造轮子!

在完成大部分功能后,会利用这些功能开发出一套完整的模板出来。

模板预览

此书永久更新,会不断地添加新的功能!

由于作者的水平有限,书中内容有限,也难免会出现一些错误或者不准确的地方,恳求读者批评指正。为此,我特意创建了一个在线支持站点(书籍评论站点)。