- 博客(10)
- 收藏
- 关注
转载 关于css3中线性渐变linear-gradient中的颜色百分比
正文在第二章《背景与边框》中第五节《条纹背景》中,谈到了css3的新属性值linear-gradient,但是这里并不是详细说明这个新属性的用法,这里主要是用它来完成背景条纹,来看看原文中的说明与演示。假设我们有一条基本的垂直线性渐变,颜色从#fb3 过渡到#58a(参见图2-20):background: linear-gradient(#fb3, #58a);图2-20 ...
2020-04-08 17:04:05 5064
原创 vue-cli3初始化一个项目,npm 安装依赖报错
最近用vue-cli3初始化一个项目,需要sass-loader编译;发现window安装依赖包时一直报错,node-gyp报错,提示本地找不到python等,node-gyp是一个用Node.js编写的跨平台命令行工具,用于编译Node.js的本地插件模块node-gyp官方网址https://www.npmjs.com/package/node-gyp需...
2019-11-01 15:33:04 2192
原创 gulp的 gulp-sequence 按顺序逐个执行任务
在用gulp打包任务时,有时候需要按顺序逐个执行,这时候就需要用到gulp-sequence这个插件了。用法:const gulp = require('gulp'), gulpSequence = require('gulp-sequence'), tiny = require('gulp-tinypng-nokey'), clean...
2019-05-09 22:38:00 987 2
转载 jQuery 中 attr() 和 prop() 方法的区别
前几天,有人给 Multiple Select 插件 提了问题:setSelects doesn't work in Firefox when using jquery 1.9.0一直都在用 jQuery 1.8.3 的版本,没有尝试过 jQuery 1.9.0 的版本。于是,开始调试代码,在 1.9.0 的版本中:<input type="checkbox" />...
2018-12-07 13:48:58 126
转载 CSS秘密花园:斜切角
斜切角在Web设计和印刷中是相当受欢迎的样式。它通常是在一个或多个元素的角落切一个45°的角(也就是所谓的斜切角)。特别是最近,扁平化设计的势头压过了拟真设计,也使这种效果更加流行。当斜切角只存在元素的一侧,并且每个都占据元素的50%高度的时候,一个箭头的形状产生了,这在按钮和面包屑导航中非常受欢迎。图注:带斜切角的按钮,创建了箭头形状强调其意义但是,要用CSS来创建这个效果并不是那么容易,这不是...
2018-04-24 20:37:16 1090
转载 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的,如果你也觉得很震撼,推荐给你的朋友吧。1、正方形最终效果: CSS代码如下:复制代码代码如下:#square { w...
2018-04-24 20:34:19 371
转载 css3切角
[CSS揭秘]切角效果将角切掉也是一种流行的设计风格传统解决方案可能是使用三角形或者其他形状的图片来盖住边角从而模拟切角效果有了CSS3,我们完全可以使用新技术来实现第一种方案: CSS渐变需求一: 一个矩形需要切掉一个45°角使用线性渐变来实现background: #58a linear-gradient(-45deg, transparent 15px, #58a 0);在渐变中,如果指定s...
2018-04-24 20:19:21 1353
转载 移动端click 事件延迟300ms
移动端click 事件延迟300ms一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。也就是说,当我们点击页面的时候移动端浏览器并不是立即作出反应,而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期,用户对300ms的延迟感觉不明显。但是,随着用户对交互体验的要求越来越高,现今,移动端300ms的点击延迟逐渐变得明显而无法忍受。那么,移动...
2018-03-30 10:47:47 390
转载 函数节流
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhouziyu2011/article/details/70197750鼠标的mousemove、scroll,浏览器窗口的resize事件等,都是在短时间内重复触发。以onresize事件为例,若事件处理程序需要进行修改元素宽度高度等操作,那么频繁的触发事件会导致频繁的重绘页面。DOM操作比非DO...
2018-03-23 11:51:58 163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人