less(上午)

Less用法——-index5.html
需要引入less.min.js文件和.less文件
HTML5-Less-Sass-swiper
HTML5-Less-Sass-swiper
在.less中可以写样式,比如写个变量@red,方便大量使用和修改,也可以写一个方法,比如.border
HTML5-Less-Sass-swiper
画圈部分为浏览器的兼容,依次为Safari and Chrome、火狐、opera、IE
HTML5-Less-Sass-swiper
还可以传参数
HTML5-Less-Sass-swiper
d2复用了d1的样式
HTML5-Less-Sass-swiper
可以嵌套
HTML5-Less-Sass-swiper
可以给d1加hover,用&号
HTML5-Less-Sass-swiper
可以用加减乘除
HTML5-Less-Sass-swiper

HTML5-Less-Sass-swiper
Less点击时要在开发工具中打开

sass用法——index6.html
需要下载ruby环境,后缀名有两种sass,和scss,一般用.scss
如何使用考拉
在ws中建立一个.scss文件
点击 HTML5-Less-Sass-swiper,然后编译,把.scss解析成.css
HTML5-Less-Sass-swiper
可以用数组,但不能像less那样复用样式。
HTML5-Less-Sass-swiper
可以嵌套,有属性嵌套

Swiper要了解其使用方法,较常用,它是开源、免费、强大的移动端触摸滑动插件(使用前,要下载相应的引入文件,主要用于手机中)—–index7.html
HTML5-Less-Sass-swiper
HTML5-Less-Sass-swiper
这是swiper的标准模版
类似于轮播图的效果(自己在中文网上学习)
HTML5-Less-Sass-swiper
是否持续轮播(即无缝)、自动播放的时间、两者之间切换的时间、刚开始轮播时显示的是第几个(从0开始),拖拽之后是否继续轮播(true就停止,false继续)

下午

回忆
HTML5-Less-Sass-swiper
new对象的作用
HTML5-Less-Sass-swiper
程序题
HTML5-Less-Sass-swiper
a是局部变量,b是全局变量
HTML5-Less-Sass-swiper
sass引入
HTML5-Less-Sass-swiper
sass扩展与继承
HTML5-Less-Sass-swiper
Sass可以加减乘除
HTML5-Less-Sass-swiper
Less和sass的区别
HTML5-Less-Sass-swiper
HTML5-Less-Sass-swiper

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

这是swiper的标准模版
类似于轮播图的效果(自己在中文网上学习)
HTML5-Less-Sass-swiper
是否循环轮播(true 是)、自动播放的时间、两者之间切换的时间、刚开始轮播时显示的是第几个(从0开始),拖拽之后是否继续轮播(true就停止,false继续)
HTML5-Less-Sass-swiper
轮播动画—-index5.html

HTML5-Less-Sass-swiper
HTML5-Less-Sass-swiper

相关文章: