摘要: 页面刷新方法注意点: location.reload();页面刷新,浏览器会重新向服务器端发请求,并下载资源,不会使用浏览器缓存 history.go(0)页面刷新,浏览器会重新向服务器端发请求,并下载资源,不会用浏览器缓存 而location.href=location.href页面刷新并且浏览器 阅读全文
posted @ 2019-04-06 22:01 嗨,陈强 阅读(650) 评论(0) 推荐(0) 编辑
摘要: 以下内容为swiper4版本的 1、在我们用swiper插件做轮播的当我们左右滑动后会出现自动轮播停止了 此时我们需要在autoplay中 加上这个属性 autoplay:{ delay:1000, disableOnInteraction: false } 2、当我们加了loop属性后 会让轮播无 阅读全文
posted @ 2019-04-06 21:30 嗨,陈强 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 今天和大家分享下better-scroll这款移动端用来解决各种滚动需求的插件(目前已经支持PC) 关于其中的API大家可以去官网看下 这里就给大家介绍几种常用的以及需要注意的点是什么 首先说一下better-scroll的使用注意问题吧 1、移动端 我们通常采用三段式进行布局的 例如 <div c 阅读全文
posted @ 2019-04-05 22:30 嗨,陈强 阅读(4847) 评论(1) 推荐(1) 编辑
摘要: 阅读全文
posted @ 2019-04-02 21:57 嗨,陈强 阅读(563) 评论(0) 推荐(0) 编辑
摘要: 为了研究canvas一些属性简单实现的一个小效果 代码样式不太规范 随手写的 请问喷 初学者可以看下 css代码 HTML代码 JS代码 阅读全文
posted @ 2019-03-29 11:36 嗨,陈强 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 今天给大家分享一个新闻滚动的效果 具体代码如下 task1 HTML结构 CSS结构 JS代码 task2 今天给大家再分享另一个方法一个HTML5的新标签也能够实现这种效果 语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。 默认从左往右不断循坏的播放 使 阅读全文
posted @ 2019-03-24 22:01 嗨,陈强 阅读(477) 评论(0) 推荐(1) 编辑
摘要: 首先 我们想实现的效果是在手指按下拖动的时候图片能够跟随移动(无动画效果)然后松开手指后判断图片移动的位置 和某一个值进行比较 在这里我们默认定为盒子的1/3宽度 当x轴的移动位置大于1/3的时候图片切换到下一张或者上一张(此时需要有动画效果) 当图片移动位置小于1/3的时候 抬起手指的图片回到原位 阅读全文
posted @ 2019-03-19 17:41 嗨,陈强 阅读(876) 评论(0) 推荐(1) 编辑
摘要: 实现这种淡入淡出的轮播关键在于css的一种设置 首先它不能像传统的轮播显示隐藏 或者左右浮动 他应该让其固定定位使其重叠在一起 达到这种效果 然后设置c3动画属性 transition:1s; 具体代码如下 请君欣赏 HTML部分 JS部分 阅读全文
posted @ 2019-03-18 17:34 嗨,陈强 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 主体内容的左边固定不变 6 主体内容的中间部分随着屏幕的改变而改变 7 主体内容的右边固定不变 8 9 10 11 1 阅读全文
posted @ 2019-03-17 16:25 嗨,陈强 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 第一种 两栏式布局 2、移动端布局 阅读全文
posted @ 2019-03-17 15:13 嗨,陈强 阅读(190) 评论(0) 推荐(0) 编辑