CSS 绘制各种形状

2019-03-28
阅读 8 分钟
7.6k
使用 CSS 可以绘制出许多形状,比如三角形、梯形、圆形、椭圆,等 并不只是可以绘制矩形。下面来看看怎么实现这些形状的吧。为了容易理解,文章分为基本形状 和 组合形状来说,基本形状是比较容易实现的,而利用这些基本形状进行组合,就可以实现稍微复杂点的组合形状了。

CSS中用 opacity、visibility、display 属性将 元素隐藏 的 对比分析

2018-05-31
阅读 13 分钟
15.7k
opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 visibility 用来设置元素是否可见。 opacity、visibility、display 这三个属性分别取值 0、hidden、none 都能使元素在页面上看不见,但是他们在方方面面都还是有区别的。

简单说 JavaScript中的事件委托(下)

2017-12-29
阅读 4 分钟
2k
上面这段代码,用了事件委托,把事件绑在了ul上,没有给每个 li 都去绑定事件,看上去也是实现效果了,但是如果 li 里面还有子元素,那么这么去绑定事件就不行了,当点击 li 里面的子元素时,就出现问题了。 比如,我们把上面的代码改成这样,看看效果。

简单说 chrome浏览器 必知必会的小技巧

2017-11-24
阅读 4 分钟
8.6k
这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏览器的版本。

简单说 通过CSS实现 文字渐变色 的两种方式

2017-11-06
阅读 3 分钟
61.1k
说明 这次的重点就在于两个属性, background 属性 mask 属性 这两个属性分别是两种实现方式的关键。 解释 方式一 效果图 代码 {代码...} 代码不多,我们来看看, background: linear-gradient(to right, red, blue); 这行是给背景设置为渐变色,这里注意一点,这样是简写了,其实是给background-image 设置为渐变色,不...

简单说 正则表达式——要注意lastIndex属性

2017-11-06
阅读 3 分钟
4.4k
每个RegExp对象都包含5个属性,source、global、ignoreCase、multiline、lastIndex。 source:是一个只读的字符串,包含正则表达式的文本。

简单说 CSS中的 object-fit 与 object-position

2017-11-06
阅读 4 分钟
10.1k
问题: 一个div宽度不固定,高度固定,采用Flex布局,它里面有两个元素一个img宽度占40%,高度占100%,一个p元素,宽度占60%,高度占100%,调整浏览器窗口大小,要保证,img元素不变形,宽高比不变,怎么办!

简单说 一道JS闭包面试题

2017-11-05
阅读 3 分钟
5k
这段代码,我相信大家应该知道最后为什么结果会是 1 和 报错 的,在函数内声明的变量只在函数体内定义,它们是局部变量,作用域是局部的,所以 函数 fun1 调用后,找不到a,就报错了,JavaScript采用词法作用域,函数的执行依赖于变量作用域,这个作用域是在函数定义时决定的,所以我们只要改改上面函数 fun1的位置,它...

JavaScript数组去重—ES6的两种方式

2017-11-05
阅读 3 分钟
31.5k
JavaScript数组去重这个问题,经常出现在面试题中,以前也写过一篇数组去重的文章,(JavaScript 数组去重的多种方法原理详解)但感觉代码还是有点不够简单,今天和大家再说两种方法,代码可是足够的少了。

简单说 通过JS的隐式转换,关键时刻救你一命

2017-11-04
阅读 2 分钟
2.4k
说明 JavaScript在比较的时候,会进行隐式转换,你如果对隐式转换不是特别熟悉,结果往往出乎你的意料。 我们来看看这行代码 {代码...} 这行代码的结果可能出乎你的意料,看结果 结果居然是sos,这就是为什么会给文章这样一个题目了,这行代码看上去似乎是乱七八糟的,但是相信你看完这篇文章,一定能自己写出这样的代码...

简单说 !![]==true 与 []==true 引发的思考

2017-11-04
阅读 2 分钟
4.5k
说明 直接说出问题 {代码...} 为什么会出现这种情况 解释 首先说一下,如果你看到这些代码,能想到 相等运算符(== ),两个操作数类型不同时,进行的转换,那么你已经接近答案了。 不要浪费时间,我们需要先知道在JavaScript中的一些比较特别的类型转换,最好能记住哦!!! {代码...} 如果想知道为什么,请点这里。 简单...

简单说 JavaScript中的tostring( ) 与 valueOf( )方法

2017-11-04
阅读 3 分钟
9.1k
所有的对象都继承有toString() 和 valueOf() 方法,对象到字符串,对象到数字的转换,会通过调用待转换对象的这两个方法中的一个来完成。

简单说 用CSS做一个魔方旋转的效果

2017-11-03
阅读 9 分钟
10.9k
我们要做这样的效果,重点在于怎么把6张图片,摆放成魔方的样子,而把它们摆放成魔方的样子,重点在于用好CSS的transform,这是非常重要的,好的,我们先拼出一个魔方的样子。 效果图

简单说 CSS中的mask—好好利用mask-image

2017-11-03
阅读 3 分钟
32.7k
看了这个等式,似乎明白点什么了吧,朋友们,第一张图就是一张普通的图,第二张图,黑色部分是不透明的,白色部分是透明的,用上mask之后,两张图重叠,黑色区域中的会显示出来,白色区域不显示。

简单说 通过CSS的滤镜 实现 火焰效果

2017-11-02
阅读 4 分钟
4.3k
要实现上面的火焰效果,我们先来了解一些必要的东西。 上次我们说过两个滤镜,blur 和 contrast。 blur 是给图像设置高斯模糊, contrast 是调整图像的对比度, 他们一起使用会产生融合的效果。 效果图