乔智

如果出现次数过多，会造成书写麻烦和代码复杂的情况。 解决思路：首先对函数进行抽象封装，封装后利用vue的mixin将其注入到各个vue中。 因为这里的函数是大部分组件中都可能用到的，固利用vue的全局混合。 场景是希望在所有请求的时候添加上加载动画。 首先遇到的问题是，加载动画…

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …

EcmaScript 2015 (ES6) 已经出现了很多年了，我们可以使用它的一些新特性。 ES6 提供了 默认的参数值，可以让你在函数的参数中指定默认值当参数没有传递其值的时候。 在这个例子中，我们对函数 add 的参数 a 和 b 设置了一个默认值，这个默认值为一个函数。…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

浏览器缓存，也就是客户端缓存，既是网页性能优化里面静态资源相关优化的一大利器，也是无数web开发人员在工作过程不可避免的一大问题，所以在产品开发的时候我们总是想办法避免缓存产生，而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理，是开发web应用的基…

问题9：[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： 为了使其成为二维的网格容器，我…

CSS设置居中的方案总结，主要是垂直居中的梳理。最后改于2021年2月4日，根据目前常用的方案进行了调整。