善用css伪类和伪元素

咋一看这个标题可能会觉得有点玄乎,那么什么是伪类,什么又是伪元素呢?我们接下来一个一个来看一下。 一、什么是伪类? 就其定义而论,“伪类用于向某些选择器添加特殊的效果”,说实话是很难看懂他到底是干...

巧用css模拟checkbox和radiobox

一、背景 熟悉HTML的朋友都知道,对于原生的checkbox和radiobox,各个设备渲染是不一样的,就比如windows和mac的渲染风格就相差很多,windows的看起来很挫的样子,有木有...

JS中观察者模式的简单实现

一、定义 观察者模式是软件设计模式的一种常见的设计模式,又称发布订阅模式。在这种模式中,并不是单纯的一个对象调用另一个对象的方法,而是一个对象订阅另一个对象的特定活动并在其状态发生改变后获得通知,...

JS实现剪切板图片粘贴直接上传

一、背景 在H5技术发展如火如荼的今天,前端,再也不是页面的代名词,而今的前端早已不再是写写页面写写简单的交互了,现在的前端相比十年前的前端已经发生了翻天覆地的变化,像近几年出现的angularj...

js中自定义渐变函数的应用

js中自定义渐变函数的应用 这个是很久之前做的东西了,今天翻以前的demo的时候突然发现的,觉得还不错,分享出来大家都学习一下。 首先做这个demo的背景: 我们公司制作的webapp中对于图片滤...

谈谈js函数中的防抖和节流的异同

最近又回去重新看了一下函数的节流和防抖,发现之前的理解可能有些偏差,也去网上搜索了一下相关文章,感觉好多都讲的有点模糊,根据自己的理解重新整理了一下。 防抖(Debounce)和节流 (Throt...