自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 jQuery的on与bind绑定事件的区别与注意事项

jQuery的on与bind绑定事件的区别与注意事项

2017-03-09 21:26:01 644

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除