爱赛跑的小雅

webpack Plugin 和 Loader 的区别 Loader： 对模块源码的转换，描述了 webpack 如何处理非 javascript 模块，并且在 build...

前端实现动画有哪些方式？ 前端常用的动画实现方式有以下种： css3的transition 属性 css3的animation 属性 原生JS动画 使用canvas绘制动画...

说说你对vue的理解 Vue中双向绑定的理解 侵入式就是没有调用任何函数，直接改变数据就能实现视图的变化。 非侵入式就是通过调用函数来改变数据就能实现视图的变化。 http...

Event Loop/线程/堆栈 JavaScript 执行机制 同步任务 异步任务 同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Ta...

一 JS数据类型 简单数据类型：null,undefined,number, boolean,string,symbol 引用数据类型：Object 二 类型转换机制 何时...

浏览器的一帧/脚本延迟加载方式 什么是一帧 页面一帧一帧 一秒绘制的帧数 细腻 60hz 1s 60帧 干些什么 接执开RAF布渲RIC RIC执行条件 RAF是啥 告浏动...

递归 上面代码是一个阶乘函数，计算n的阶乘，最多需要保存n个调用记录，复杂度 O(n) 。 尾递归 factorial(4, 5*1) factorial(3, 4*5*1...

相邻的两个inline-block节点为什么会出现间隔，该如何解决？ 元素被当成行内元素排版的时候，元素之间的空白符（空格、回车换行等）都会被浏览器处理，根据white-s...

如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？ 两栏布局 使用float flex实现 1. 使用float 两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度...

![flex布局.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/52ed41afebb64d1bb4c0fd...

CSS匹配规则顺序是怎么样的？ 从右向左匹配 页面导入样式时，使用link和@import有什么区别？ link属于HTML标签，而@import是css提供的； 页面被加...

预处理语言 sass less stylus 基本使用 嵌套 变量 代码模块化 模块化就是将Css代码分成一个个模块...

新样式 边框 css3新增了三个边框属性，分别是： border-radius：创建圆角边框 box-shadow：为元素添加阴影 border-image：使用图片来绘制...

回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置 重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制 回流触发时机 添加或删除可见的D...

实现方式 display:none visibility:hidden opacity:0 设置height、width模型属性为0 position:absolute c...

一个盒子由四个部分组成：content、padding、border、margin\ CSS中，盒子模型可以分成： W3C 标准盒子模型 IE 怪异盒子模型 默认情况下，盒...

前端常用的动画实现方式有以下种： css3的transition 属性 css3的animation 属性 原生JS动画 使用canvas绘制动画 SVG动画 Jquery...

flexible.js存在的目的，是为了让网页在各终端上的展示效果就像缩放设计稿图片一样，在不同屏幕上等比缩放，每一个元素与整体比例保持不变，真实还原设计稿。 基本原理...

JavaScript中的 sort 方法是怎么实现的？ 常见排序算法 时间复杂度 空间复杂度 度量一个算法在运行过程中占用存储空间大小 常见排序 接下来我们写下几个常见的经...

生命周期 cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效 localStorage：除非被手动清除，否则将会永久保存。 sessionStorage： ...