上一页 1 ··· 3 4 5 6 7 8 下一页
摘要: 前言 主要用到三个CSS属性: 实例 linear-gradient()可以指定渐变角度和颜色,例子中是从上至下的颜色变换 background-clip:text 已文字的形状作为裁剪区域 text-fill-color:transparent 文字的填充色是透明的 效果如下: 兼容性 chrom 阅读全文
posted @ 2017-10-31 16:26 Shapeying 阅读(2794) 评论(0) 推荐(0) 编辑
摘要: 前言 虽然vue不推荐直接操作DOM,而且也提供了操作DOM的方式。但是在某些时候还是要用到jquery(囧),那么如何在使用vue-cli的时候引入jquery呢? 安装 国内镜像 cnpm 安装 cnpm install jquery --save-dev 配置 webpack有provideP 阅读全文
posted @ 2017-10-23 16:40 Shapeying 阅读(9041) 评论(0) 推荐(1) 编辑
摘要: 前言 本文大概整理下绑定事件的几种方式,兼容IE8- 的方式(如果需要的话),事件委托,阻止传播,取消默认行为,event对象等。 之前做的多是手机端页面,监听事件也一直是 addEventListener ,现代浏览器基本都支持addEventListener ,除了万恶的IE8及更低版本IE。虽 阅读全文
posted @ 2017-10-20 15:30 Shapeying 阅读(466) 评论(0) 推荐(1) 编辑
摘要: 前言 一些大的外部资源会导致页面加载速度慢,这时候一般会加上loading效果;这里实现的是根据图片加载进度的百分比loading效果 如何判断图片加载的状态 1、onload onerror 推荐使用这种方法,在图片加载成功后,会触发onload事件,就算有缓存只要重新请求了图片地址,都会触发on 阅读全文
posted @ 2017-10-14 10:36 Shapeying 阅读(3984) 评论(0) 推荐(0) 编辑
摘要: 前言 页面加载时,大致可以分为以下几个步骤: 那么在这整个过程中触发了哪些常用的事件呢? document readystatechange事件 readyState 属性描述了文档的加载状态,在整个加载过程中 document.readyState会不断变化,每次变化都会触发readystatec 阅读全文
posted @ 2017-10-13 17:57 Shapeying 阅读(20494) 评论(0) 推荐(0) 编辑
摘要: 纯css3实现的轮播图 阅读全文
posted @ 2017-10-13 09:10 Shapeying 阅读(4237) 评论(1) 推荐(0) 编辑
摘要: rem css3新增的rem是现在非常受欢迎的单位。看一下MDN上的说明: 这个单位代表根元素的 font-size 大小(例如 <html> 元素的font-size)。 使用这个单位可以创建完美的可扩展布局,只需根据页面大小去修改html的font-size,就能达到适配整个页面的目的。那么问题 阅读全文
posted @ 2017-10-11 16:44 Shapeying 阅读(1088) 评论(0) 推荐(0) 编辑
摘要: 用了很久的$.extend(),也想自己撸一个··· 阅读全文
posted @ 2017-10-09 21:01 Shapeying 阅读(1852) 评论(0) 推荐(0) 编辑
摘要: 数组去重的方式有很多,让我们从最原始的方式一步步进化到一行代码搞定 阅读全文
posted @ 2017-10-09 11:44 Shapeying 阅读(702) 评论(0) 推荐(0) 编辑
摘要: 深浅拷贝的分析及实现 阅读全文
posted @ 2017-09-30 10:47 Shapeying 阅读(1603) 评论(2) 推荐(1) 编辑
上一页 1 ··· 3 4 5 6 7 8 下一页