- 博客(4)
- 收藏
- 关注
RSS订阅原创 v-for循环key用index的bug
近期公司项目中出现了一个线上bug，场景为：我们使用列表list作为循环遍历一个子组件，key值用的list的index下标，list中的每一项item作为props属性传入子组件中，如图。在子组件中，我们以item内的值为判断标准定义了一个组件的data属性，如图。组件如图:然后我们在父组件中对list数组进行筛选操作，筛选过后，list长度变短，内容顺序自然变化，我们遍历的子组件顺序也相应发生变化。这时bug出现了，我们第三个子组件经过筛选后，来到了第一位，这时它data中由item内值
2020-07-23 15:41:45
1645
原创 Vue-cli3.0浏览器兼容配置问题
本文讲一讲自己在工作过程中针对vue-cli3.0项目兼容性配置的学习和应用。1.browserslist在 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。在 package.json 中："browserslist": [ "defaults", "not IE 11", "not IE_Mob 11", "maintained node versions",
2020-05-22 09:56:00
2154
原创 前端性能优化-Vue-cli 3.0项目中webpack配置
1. Vue-cli 3.0项目中webpack文件1.1 找到解析好的webpack配置文件有些外部工具可能需要通过一个文件访问解析好的 webpack 配置，比如那些需要提供 webpack 配置路径的 IDE 或 CLI。在这种情况下你可以使用如下路径：<projectRoot>/node_modules/@vue/cli-service/webpack.config.js...
2020-04-26 15:47:42
1518
原创 H5 canvas+原生js实现轮播图
canvas和原生js实现轮播图html部分js部分css部分自学canvas的时候练手写的小demo，话不多说，上代码。html部分<div id="container"> <div id="leftBtn"></div> <canvas id="myCanvas" width="515" height="300"&...
2020-04-14 16:49:13
837
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人