HANGSOME123的博客

audio不能播放音频文件 进行下面的设置就可以播放啦

节流和防抖常用与监听滚动事件，移动事件，窗口改变大小事件，输入事件等高频触发事件，当事件处理函数较为复杂时，将导致无法实时响应，降低用户体验度，影响效率，出现页面卡顿，假死等现象。debounce周期内有新事件触发，清除旧定时器，重置新定时器；这种方法，需要高频的创建定时器。throttling周期内有新事件触发时，重置定时器开始时间撮，定时器执行时，判断开始时间撮，若开始时间撮被推后...

1.图片懒加载vue-lazyload1.首先安装 npm i vue-lazyload2.然后在 main.js 里面使用import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { preLoad: 1, error: require('./assets/images/logo.png'), // 出错...

在路由文件需要守卫的path后面加上meta{ path: '/home', name: 'home', component: () => import ("./views/Home.vue"), meta: { requireAuth: true }},在router.js里面加上路由守卫//路由守卫router.beforeEach((to, fr...

转载：https://blog.youkuaiyun.com/Maximus_ckp/article/details/85079244最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为这个问题出现的偶然性太高了，而且有的手机上会出现...

1.keep-alive的生命周期当引入keep-alive的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated。2.基本用法可以将 是否包裹 keep-alive 通过参数配置；<keep-alive> <ro...

3.1 computed特性 1.是计算值， 2.应用：就是简化tempalte里面{{}}计算和处理props或$emit的传值 3.具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行函数3.2 watch特性 1.是观察的动作， 2.应用：监听props，$emit或本组件的值执行异步操作 3.无缓存性，页面重新渲染时值不...

***超出盒子用省略号表示的css代码 overflow: hidden; white-space: nowrap; /*强制在一行显示*/ text-overflow: ellipsis; /*多出来的用省略号表示*/***使用keep-alive会有缓存的，我们可以使用activied那个钩子函数之外，还可以这样，在App.vue里面进行...

手机浏览器下better-scroll中click事件,链接无效的问题现在大多数vuejs . 项目都使用better-scroll但是大多数出现一个问题，就是在大的div里面的a 链接或者click事件都不用了 import BScroll from 'better-scroll' export default { mounted () { this.$n...

创建项目配置环境变量  通过在package.json里的scripts配置项中添加--mode xxx来选择不同环境  在项目根目录中新建.env, .env.production, .env.analyz等文件  只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中，代码中可以通过process.env.VUE_APP_B...

关于动态路由：1.在进行要跳转的那个组件里面进行这样书写：&lt;router-link tag="li" class="item" v-for="item of recommendList" :key="item.id" :to="'/detail/' + item.id" &gt; &