![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 80
xiaoliliaq
企业就是好的简历
展开
-
不可思议的纯CSS导航栏下划线跟随效果
不可思议的纯CSS导航栏下划线跟随效果 在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascript ,我的第一反应也是,感觉很麻烦啊。所以我一直在想,有没有可能只使用 CSS 完成这个效果呢? 定义需求 我们定义一下简单的规则,要求如下: 假设 HTML 结构如下: <ul> <li>不可思议的CSS<..原创 2021-05-11 14:44:22 · 120 阅读 · 0 评论 -
通过SplitChunks,webpackChunkName对代码分割以及mini-css-extract-plugin分离css代码的实践
通过SplitChunks,webpackChunkName对代码分割以及mini-css-extract-plugin分离css代码的实践 需环境 开始之前,请各位给自己电脑安装一下Nodejs,具体安装方法这里我就不做讲解了,各位可以移步Node官网查看文档然后对应系统版本进行安装,以下是我的Node or Npm版本 { "engines": { "node": "10.16.0", "npm": "6.9.0" } } 目录结构 . ├── dist ├── node_mo...原创 2021-05-11 14:41:42 · 1048 阅读 · 0 评论 -
Javascript运行机制(Event loop)原理知道吗?
Javascript运行机制(Event loop)原理知道吗? 正文 在开始之前,先理解一下三个概念:堆、栈、队列 堆(Heap) 堆是一种数据结构,是利用完全二叉树维护的一组数据,堆分为两种,一种为最大堆,一种为最小堆。将根节点最大的堆叫做最大堆或大根堆,根节点最小的堆叫做最小堆或小根堆。 堆是线性数据结构,相当于一维数组,有唯一后继。 栈(Stack) 栈在计算机科学中是限定仅在表尾进行插入或删除操作的线性表。栈是一种数据结构,它按照后进先出的原则存储数据,先进入的数据被压入栈底,最后的数据在栈原创 2021-05-11 14:39:50 · 81 阅读 · 0 评论