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