巧用css模拟checkbox和radiobox

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

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

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

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

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

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

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

逃逸的绝对定位(absolute)

在实际的开发中,我们经常会遇到这样的问题,在一个overflow为hidden的元素A里面有一个基于A绝对定位的元素B,在A的宽高固定切小于B的内容宽高的情况下,想要全部展示出B元素的全部内容就不...

Chrome开发者工具的一些撩骚技

对于web开发领域的从业者来说,除了F5(刷新),用的最多的快捷键就是F12(开发者工具)了。 今天无意间看到了老姚的博客,知道了一个神奇的网址,才知道chrome开发者工具还有如此之多的技巧,怎...