自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 JS实现数组去重方法总结(六种方法)

这篇文章给大家总结下JS实现数组去重方法(六种方法),面试中也经常会遇到这个问题。文中给大家引申的还有合并数组并去重的方法,感兴趣的朋友跟随脚本之家小编一起学习吧

2022-12-06 17:32:23 1048 1

原创 宏任务和微任务

在异步模式下,创建异步任务主要分为宏任务与微任务两种。ES6 规范中,宏任务(Macrotask) 称为 Task, 微任务(Microtask) 称为 Jobs。宏任务是由宿主(浏览器、Node)发起的,而微任务由 JS 自身发起

2022-12-06 16:00:18 97

原创 重绘和回流(重排)是什么,如何避免?

DOM的变化影响到了元素的⼏何属性(宽⾼),浏览器重新计算元素的⼏何属性,其他元素 的⼏何 属性和位置也会受到影响,浏览器需要重新构造渲染树,这个过程称为重排,浏览器将受 到影响的部分 重新绘制到屏幕上的过程称为重绘。引起重排的原因有:添加或者删除可⻅的DOM元素, 元素位置、尺⼨、内容改变, 浏览器⻚⾯初始化浏览器窗⼝尺⼨改变,重排⼀定重绘,重绘不⼀定重排,减少重绘和重排的⽅法: 不在布局信息改变时做 DOM 查询 使⽤ css

2022-05-25 14:44:22 165

原创 stylus/sass/less区别

1、均具有“变量”、“混合”、“嵌套”、“继承”、“颜⾊混合”五⼤基本特性 2、Scss 和 LESS 语法较为严谨, LESS 要求⼀定要使⽤⼤括号“{}”, Scss 和 Stylus 可 以通过缩进表示层次与嵌套关系 3、Scss ⽆全局变量的概念, LESS 和 Stylus 有类似于其它语⾔的作⽤域概念 4、Sass 是基于 Ruby 语⾔的,⽽ LESS 和 Stylus 可以基于 NodeJS NPM 下载相应库后 进⾏编译; ...

2022-05-25 14:16:01 516

原创 利用clip-path 做超炫酷的动画

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>clip-path</title> <style type="text/css"> video { width: 100%; height: 100vh; display: block; clip-.

2022-04-19 15:46:34 397

原创 纯css环形进度条 + js模拟加载进度

CSS .circle { width: 160px; height: 160px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto auto; border-radius: 50%; .

2022-04-11 16:34:32 164

空空如也

空空如也

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

TA关注的人

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