HTML5-Less-Sass-swiper

less（上午）

Less用法——-index5.html
需要引入less.min.js文件和.less文件


在.less中可以写样式，比如写个变量@red,方便大量使用和修改,也可以写一个方法，比如.border

画圈部分为浏览器的兼容，依次为Safari and Chrome、火狐、opera、IE

还可以传参数

d2复用了d1的样式

可以嵌套

可以给d1加hover,用&号

可以用加减乘除

Less点击时要在开发工具中打开

sass用法——index6.html
需要下载ruby环境，后缀名有两种sass,和scss，一般用.scss
如何使用考拉
在ws中建立一个.scss文件
点击 ，然后编译，把.scss解析成.css

可以用数组，但不能像less那样复用样式。

可以嵌套，有属性嵌套

Swiper要了解其使用方法，较常用，它是开源、免费、强大的移动端触摸滑动插件（使用前，要下载相应的引入文件，主要用于手机中）—–index7.html


这是swiper的标准模版
类似于轮播图的效果（自己在中文网上学习）

是否持续轮播（即无缝）、自动播放的时间、两者之间切换的时间、刚开始轮播时显示的是第几个（从0开始），拖拽之后是否继续轮播（true就停止，false继续）

下午

回忆

new对象的作用

程序题

a是局部变量，b是全局变量

sass引入

sass扩展与继承

Sass可以加减乘除

Less和sass的区别

Swiper要了解其使用方法，较常用，它是开源、免费、强大的移动端触摸滑动插件（使用前，要下载相应的引入文件，主要用于手机中）—–index7.html

这是swiper的标准模版
类似于轮播图的效果（自己在中文网上学习）

是否循环轮播（true 是）、自动播放的时间、两者之间切换的时间、刚开始轮播时显示的是第几个（从0开始），拖拽之后是否继续轮播（true就停止，false继续）

轮播动画—-index5.html