1-1 课程简介
前端开发技巧教程
讲师:何亮
104 小节 已有 49382 人学过 2020.5.15 推出
这是一套进阶课程,将给大家介绍前端开发中常用的一些扩展功能,如:音视频操作、本地存储、canvas组件、图表插件、doT模板引擎 、Swiper实例等。并通过这些模块综合开发一个基于微信平台,集图片,文字,视频,特效等一体的多媒体展现场景。
  • 第一章:音视频操作方法
  • 1-1 课程简介
  • 1-2 音视频引入
  • 1-3 音视频三个操作方法
  • 1-4 在jQuery代码中操作音视频
  • 1-5 控件和循环属性
  • 1-6 资源路径和暂停属性
  • 1-7 静音和音量属性
  • 1-8 动态设置音量
  • 1-9 总长度和当前长度属性
  • 1-10 给视频添加广告
  • 1-11 音视频三种加载事件
  • 1-12 音视频五种播放事件
  • 1-13 音视频循环播放列表
  • 1-14 音视频资源切换
  • 1-15 自动播放失效
  • 1-16 自动播放失效处理1
  • 1-17 自动播放失效处理2
  • 1-18 自动播放失效处理3
  • 第二章:本地存储
  • 2-1 本地存储简介
  • 2-2 使用方法创建和获取本地存储
  • 2-3 使用属性创建和获取本地存储
  • 2-4 创建和获取多条本地存储
  • 2-5 修改和删除本地存储
  • 2-6 永久本地存储
  • 2-7 临时本地存储
  • 2-8 临时本地存储页面传值
  • 2-9 本地存储综合演练1
  • 2-10 本地存储综合演练2
  • 2-11 本地存储综合演练3
  • 2-12 本地存储综合演练4
  • 第三章:canvas组件
  • 3-1 canvas绘画准备
  • 3-2 canvas开始绘制
  • 3-3 画笔宽度和颜色
  • 3-4 多个到达点及开启多条路劲
  • 3-5 闭合路劲和填充路劲
  • 3-6 绘制贝塞尔曲线
  • 3-7 宽高设置及生产图片
  • 3-8 绘制空心矩形
  • 3-9 绘制填充矩形及清空矩形像素
  • 3-10 绘制圆形
  • 3-11 绘制圆弧
  • 3-12 绘制扇形
  • 3-13 写入文字
  • 3-14 绘制和定位图像
  • 3-15 设置和剪切图像
  • 3-16 像素操作
  • 3-17 实战画板效果1
  • 3-18 实战画板效果2
  • 3-19 改变画笔颜色和粗细
  • 3-20 改变画布颜色及清空绘画
  • 3-21 橡皮擦功能1
  • 3-22 橡皮擦功能2
  • 第四章:音频插件和图表插件
  • 4-1 howler初识
  • 4-2 配置项及事件
  • 4-3 播放,暂停,停止,状态
  • 4-4 获取和设置静音及音量
  • 4-5 获取和设置循环播放
  • 4-6 获取和设置音频时间
  • 4-7 ECharts插件准备
  • 4-8 简单的柱状图和折线图
  • 4-9 完善图表配置项
  • 4-10 图表标题配置项
  • 4-11 图例配置项及调色盘
  • 4-12 坐标轴样式设置
  • 4-13 图表标线设置
  • 4-14 折线图和柱状图切换
  • 4-15 多套数据设置方法
  • 4-16 饼状图配置方法
  • 4-17 雷达图配置方法
  • 第五章:doT模板引擎
  • 5-1 doT模板引擎简介
  • 5-2 doT模板引擎使用流程
  • 5-3 直接赋值法
  • 5-4 jQuery代码中doT使用方法
  • 5-5 编码插入法
  • 5-6 循环数组法
  • 5-7 条件判断法
  • 5-8 模块定义和模板引用
  • 5-9 数据加载演练
  • 第六章:Swiper插件
  • 6-1 swiper简介
  • 6-2 初始化Swiper实例
  • 6-3 环路及自动切换
  • 6-4 切换时间和反向切换
  • 6-5 常用配置项
  • 6-6 slide切换效果
  • 6-7 设置分页器
  • 6-8 分页器样式设置
  • 6-9 分页器类型设置
  • 6-10 分页器控制切换
  • 6-11 前进后退按钮
  • 6-12 设置滚动条
  • 6-13 停止自动切换及触发跳转
  • 6-14 网格分布1
  • 6-15 网格分布2
  • 6-16 swiper动画
  • 第七章:实战微场景
  • 7-1 微场景开发准备
  • 7-2 第1屏页面结构
  • 7-3 第1屏样式设置
  • 7-4 第1屏动画效果设置
  • 7-5 第2,3屏效果实现
  • 7-6 第4屏效果实现
  • 7-7 第5屏地图引入
  • 7-8 第5屏表单区块
  • 7-9 音乐图标旋转效果
  • 7-10 音乐引入及设置

何亮

WEB开发资深讲师

TA的课程
教程商城
购买 电脑下载版光盘版 课程
购买
相关教程推荐
menu home publish search App