本课程通过html5的一系列技术制作一个SVG气泡的案例,并把生产环境中使用到的一些技术和手段一起介绍给大家。其中包括样式表调试、SVG编辑和使用、前端依赖管理、资源动态加载等。并且教会大家怎么用chrome去调试CSS和LESS
1、需要有一定前端知识基础(HTML/CSS/JS)
2、安装 node.js 并对 node 的包管理工具 npm 有一定的了解
3、讲师使用的编辑器是 WebStorm,可以提前安装
4、需要提前安装 Adobe Illustrator
1、如何使⽤用 Chrome 调试样式(CSS 和 LESS)?
2、如何添加并调试 CSS3 Transition 动画?
3、如何使⽤用设计软件 Illustrator 编辑 SVG 文件?
4、如何使用 bower 管理前端包依赖?
5、如何动态加载 SVG? 如何制作任意矢量图的绘边效果?