前端如何进行性能优化！！！

flex: 1; 到底是什么意思？首先 flex 是 flex-grow, flex-shrink, flex-basis. 三个属性的简写，默认值为 0 1 auto。该属性有两个快捷值：auto(1 1 auto) 和 none(0 0 auto)。建议优先写 flex 属性，而不是写三个分离的属性，因为浏览器会自动计算其相关值。flex-grow 默认为0， 只能是正整数。即父元素有剩余空间

造成严重的性能问题。官方文档明确强调，通过min-date和max-date定义日历的范围，需要注意的是min-date和max-date的区间不宜过大，否则会造成严重的性能问题。故我们需要根据具体业务需求适当修改页面展现方式Calendar 日历组件使用条件1、如若选择未来几个月内的日期、区间推荐使用；2、区间不会太大；日期picker除上述条件，需要使用日期的，最好使用picker（mode=

三种系统弹窗* 弹出提示框 alert()* 输入弹出框 prompt()* 可以给两个值，中间用逗号隔开 ，第一个值表示给用户的提示内容，第二个值表示输入框中的默认值* 可以使用一个变量来接收弹出框，点击取消得到的结果是 null 点击确定得到输入的内容* 确认弹出框 confirm()* 可以输入一个值，用于给用户的提示* 点击确定 得...

import theAxios from 'axios'const axios = theAxios.create({baseURL: "http://toutiao.itheima.net",timeout:20000//20秒超时时间（请求20秒无响应直接判定超时）});//向外导出export default axios但是上面有局限性// 导出的axios方法在使用时//我在逻辑页面调用时

vue的两个核心点分别是数据驱动和组件系统。1.数据驱动，即是ViewModel，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据，保证了数据和视图的一致性。2.组件系统，组件的出现就是为了解决页面布局等等一系列问题，而vue中的组件分为两种，全局组件和局部组件，它提供了强大的页面布局功能。...

关于 vuex模块化应该如何去实现？ 第一步：在 store 的文件夹里的index.js 里进行引入vue 和vuex，其次 引入新建的文件，记得在modules 里去注册模块， 第二步：在新建的文件里命名空间的模块化，在state 声明一个空的数组，用于存放数据来着，在放一个默认的数据，count:0,在getters 里进行获取状态等等；第三步：在需要获取页面的里边进行操作；用mapGett

1.v-for为什么要加key 值？2. v-if和v-for 不能同用的原因？3. v-model的实现原理是什么？4.v-model都绑定了什么？5.vue框架的渐进式？6.vue 中的data 为什么是函数？7.v-if和v-show 的区别是什么？8.vue 中的this 指向？9.vue 项目 中如何获取节点？10.watch 的立即监听和深度监听

个人思路：当看到404 报错的时候， 就看一下请求路径，看看是否哪地方写错了，然后再看看错误的原因究竟出现到哪里了按照上面的思路：果不其然，确实，在某些地方写错了，忘记了在main.js 中引入 mock 中的index.js 的文件模拟请求接口及返回数据，所以请求不到数据，就会报错 404...

解决 api 的地方写错;一 一对应的关系