Yang_Ming_Lei的博客

let、const命令（1）let（2）const模板字符串增强的函数（1）函数的参数可以设置默认值（2）函数可以是参数（3） es6的剩余参数，方法的形参（4）扩展运算符…，方法的值传递扩张的对象、数组功能（1）扩张的对象方法（2）扩张的数组方法解构赋值解构赋值是对赋值运算符的一种扩展，它针对数组和对象来进行操作，在vue中使用axios发请求会经常用到。SymbolMap和Set（1）Set表示无重复的集合（2）Set对象作用（3）Map表示键值对集合（4）Map对象作用Promise对象class类。

（1）给图片元素添加一个放大动画。（2）图片的父元素添加一个。（3）再添加图片过渡动画。

官方是直接全部引入了，我这个项目是不需要用到这么多的图标，所以我想能不能按需引入，我需要哪个就引入哪个，也可以减少资源加载的时间。（1）也是要安装依赖npm install @element-plus/icons-vue。在项目中使用图标这是必不可少的，Element Plus提供了一些图标供我们选择。（2）在要使用的vue页面引入注册成组件来使用。

浏览器的渲染频率一般是60HZ，即要求1帧的时间为1s / 60 = 16.67ms，浏览器显示页面的时候，要处理js逻辑，还要做渲染，每个执行片段不能超过16.67ms。因为IE中的BOM、DOM的实现使用了COM，而COM对象使用的垃圾收集机制是引用计数策略。（1）优化资源加载，代码拆分，按需加载，降低CSS对渲染的阻塞，尽早的加载CSS，降低加载的大小。（1）循环引用就是对象A中包含另一个指向对象B的指针，B中也包含一个指向A的引用。方法：手工断开js对象和DOM之间的链接，赋值为null。

这时候怎么刷新页面都没有用，只能重新输入地址，一想到每次代码发生改变我都要输入一遍地址，那心情都不好了。在网上看了许多方法都不行，初步判断应该是我的router路由的问题。由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问。对了别忘了createWebHashHistory也要引入。当我们去使用这种历史模式时，URL 会看起来很 "正常"，例如。最近正在写VUE3项目时，遇到了一个问题，页面一刷新就出错。也没有发现不对劲的地方。，就会得到一个 404 错误。

（3）在router中得index.js使用通过路由守卫。通常我们希望在页面跳转加载中，页面顶部出现进度条。NProgress.start() // 开始。NProgress.done() // 结束。（2）在router中得index.js中引入。（4）自定义进度条颜色在app.vue页面。/* 进度条自定义颜色 */

（2）VUE3里配置vue.config.js文件内容。pluginOptions: { // 第三方插件配置。默认已经安装好了less，这里不过多讲。注意：路径一定要有src。（3）创建全局变量文件。

每个函数在被调用时都会自动创建两个特殊变量：this和arguments。内部函数会永远不可能直接访问外部函数的这两个变量。但是，如果把this保存到闭包，可以访问的另一个变量中，则是行得通的。匿名函数不会绑定某个对象，这就意味着this会指向window，除非在严格模式下this是undefined。好处：可以读取函数内部的变量、将变量始终保持在内存中、可以封装对象的私有方法和私有属性。闭包指的是那些引用了另一个函数作用域中变量的函数，通常是在嵌套函数中实现的。

（1）给受到浮动元素影响的元素添加overflow:hidden;浮动最早是用来做图文排版，为了让块级元素同行显示，而html中块元素是有自己的排列规则，一般独占一行。（2）在受到浮动影响的元素前面，添加一个空的div，给空的div添加样式：clear:both。（3）在浮动元素的父标签的伪元素选择器:after中取出浮动—类似于空div。所以有了浮动元素，一旦元素浮动了就会脱离文档流，产生问题。（4）在最后一个元素加上clear:both。//伪元素是行内元素，正常浏览器清除浮动。

水平居中方法： 将浏览器可视区的宽度(clientWidth) 减去 要居中元素本身的宽度(offsetWidth) /除以 2 +‘px’（3）使用top:50% left:50% 以及 transform:translate(-50%,-50%);（2）使用top:50% left:50% 以及margin-top 和 margin-left 来进行定位。（4）使用top:0 left:0 right:0 bottom:0 以及 margin:auto。（5）使用js的方式使div盒子水平居中。

传参：

2、reactive([]) 通过push存储，不推荐。reactive（[]）嵌套一个对象去存储，推荐。3、reactive（[]）嵌套对象。接口请求出来的数据一般为对象类型的。reactive([])不太推荐。推荐使用reactive()

Vue 3.0 中我们使用 reactive() 定义的响应式数据的时候，当我们对象再次赋值，我们发现数据已经修改成功，但是页⾯并没有自动渲染成最新的数据；

VUE3中运用axios处理后端数据

定义：程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，而引发的各种问题。

在VUE3中引入阿里巴巴矢量图标

解决element ui 使用container布局时，容器布满全屏

解决element ui中使用Container布局容器时侧栏固定，header固定，main主体内容多时可以滑动

运行VUE项目报错ValidationError: Progress Plugin Invalid Options

VUE3实现Element-Plus深色主题切换

雅虎十四条，前端性能优化

优化用户的体验,前端性能优化