腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

全沾开发(huā)

专栏作者

99

文章

136035

阅读量

41

订阅数

使用box-shadow进行画图(性能优化终结者)

在线地址：优化前的版本优化后的版本源码仓库地址不建议上传大图片。。喜欢听电脑引擎声的除外 ---- 首先，并不打算单纯的实现某一张图片（这样太没意思了），而是通过上传图片，来动态生成box-shadow的数据。所以，你需要了解这些东西： box-shadow canvas box-shadow box-shadow可以让我们针对任意一个html标签生成阴影，我们可以控制阴影的偏移量、模糊半径、实际半径、颜色等一系列属性。语法如下： selector { /* offset-x | offse

2018-07-06

7490

如何使用CSS绘制一个响应式的矩形

如何使用CSS绘制一个响应式的矩形背景：最近因为需要用到绘制类似九宫格的需求，所以研究了一下响应式矩形的实现方案。有如下几种方案：使用js来设置元素的高度使用vw单位 div {width: 50vw; height: 50vw;} 使用伪元素设置padding的方式来实现正方形（也就是本次使用的方式）实现一个正方形 .square { position: relative; width: 100%; &::before { content: '

2018-04-12

2.1K0

background-clip的正确使用姿势

background-clip可以用来控制背景图片／颜色的填充范围。我们知道，默认的background会填充盒模型的content+padding+border区域内。（可以将border颜色设为透明进行观察）

2018-04-12

1.2K0

学习zepto.js(原型方法)[2]

学习zepto.js(原型方法)[2] 接着昨天的来,继续说原型方法,昨天的传送阵(昨天出了点小意外,博文经过WP手机的UC浏览器进行编辑后标签就露出来了- -,现已修复); $.grep(): 作用与Array.filter类似(其实就是调用的filter方法- -) 通过传入两个参数,第一个为类数组的对象,第二个为用来执行判断的函数; var array =[1,2,3,4,5]; var even = $.grep(array, function (value) { r

2018-04-12

1.4K0

学习zepto.js(对象方法)[1]

学习zepto.js(对象方法)[1] zepto也是使用的链式操作,链式操作:函数返回调用函数的对象. 但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说明,下边介绍的方法都会返回zepto对象; add(): 支持一到二个参数,第一个为选择器,与$()的规则相同,甚至是,第一个参数传进去一个function,它也会正确执行(后果自负- -),所以说,正确的使用方式是传入选择器,dom对象,或者

2018-04-12

2.6K0

学习zepto.js(对象方法)[3]

学习zepto.js(对象方法)[3] 继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法. attr(): 三种用途 get: 返回值为一个string字符串 $("<span id="special"></span>").attr("id"); //--> "special" 注意:只能返回对象中第一个节点的属性值 set: 返回值为一个zepto对象 $("<span>").attr("id","special"); //

2018-04-12

2.6K0

学习zepto.js(对象方法)[4]

学习zepto.js(对象方法)[4] 今天说说那一套获取元素集合的一些方法: ["children", "clone", "closest", "contents", "empty", "eq", "filter", "find", "first", "get", "has", "last", "not", "parent", "parents", "siblings"] children: 获取对象的所有匹配的直接子元素. 参数为可选的一个选择器.如果不填则是所有子节点,否则为

2018-04-12

2.5K0

学习zepto.js(对象方法)[5]

学习zepto.js(对象方法)[5] clone: 该方法不接收任何参数,会返回对象中的所有元素集合,但不会对象绑定的事件. var $temp =$("div").clo

2018-04-12

2.7K0

学习zepto.js(对象方法)[6]

学习zepto.js(对象方法)[6] first: 获取当前对象集合中的第一个dom元素。 $("div").first();// 返回第一个div对象（zepto对象）

2018-04-12

2.6K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态