前端开发

CSS3中border-radius实现椭圆角还可以这样写

2020-02-19366次阅读css模块css
CSS3中border-radius实现椭圆角,常规写法是border-radius:元素高度的一半。如果高度未知,请选择任意大的值(例如99em)。
前端开发

纯CSS加载中动画

2020-02-17262次阅读csscss模块
纯CSS加载中动画,看源码
前端开发

JS判断PC操作系统版本

2020-02-12326次阅读javascript
if(version.indexOf("Windows NT 5")!=-1) {      console.log("这是XP系统"); }
前端开发

css3实现渐变背景色文字

2020-01-16378次阅读css模块
css3实现渐变背景色文字,关于渐变有新老两种写法。-webkit-linear-gradient是新写法,-webkit-gradient是老式写法。
前端开发

CSS自定义属性实现按钮与气泡动画

2020-01-14325次阅读css模块
这样的动画应该很实用,推荐一下!
前端开发

Sass中@for循环

2020-01-02437次阅读sass
在Sass中,可以使用“@for”来实现循环操作。其中有2种方式。
前端开发

js从数组中删除重复项

2019-12-25388次阅读javascript
js从数组中删除重复项,不妨试试Set、Array.prototype.reduce、Array.prototype.filter
前端开发

HTML中CSS类的顺序真的无关紧要

2019-12-25376次阅读css
标签中的类只是按照编写的顺序读取CSS—在此示例中,级联取胜。也可以说CSS总是从上到下、从右到左进行,因此CSS的顺序与HTML中的类无关。
前端开发

self,top,parent,opener详解

2019-12-19383次阅读javascript
当我们在浏览器中打开一个网页时,浏览器就会创建一个窗口对象,这个窗口对象就是一个window对象。也就是Js生存依附的全局环境对象和全局作用域对象。
前端开发

使用伪元素增加可点击区域

2019-12-07562次阅读HTMLcss模块css
根据网页无障碍阅读指南(WCAG)准则WCAG 2.1,触摸或鼠标的最小目标尺寸应为44×44像素。大小不是固定的,可能会根据使用情况而改变。但是,44×44像素是一个很好的起点。UX设计中要遵循的重要定律。简单地说,触摸或点击目标越大,越接近,用户与其进行交互的时间越短。仅通过更改元素的宽度和高度或使用填充,并不一定总是可以增大可点击区域。好吧,不妨使用伪元素增加可点击区域。因此当我们创建具有特定宽度和高度的伪元素时,它将充当其父元素的单击/触摸/悬停区域。