- 博客(5)
- 收藏
- 关注
RSS订阅原创 v-for 循环中数据更新子组件视图不更新解决方案
背景：页面是一个瀑布流的编辑/展示页面，展示周报信息，滑到底部，点击更多加载更多条数。需求：原需求日期搜索是按最近一个月、三个月、最近一年搜索，修改为按自定义时间段搜索问题：问题来了，测试反馈每次搜索开始时间‘2022-01-03’ ~‘2021-01-09’ ,页面渲染有问题。为什么呢？经过测试发现问题，搜索时，数据变化是正确的，但是子组件child中没监听到content的变化思考：可能是搜索后，新老dom树进行对比，发现key，也就是id一样时，复用了原节点，导致的子组件没更新。解决方法：
2022-01-12 14:55:47
1998
1
原创 手写webpack插件，将第三方插件引用的文件添加到dist文件~
taro小程序引入第三方ui组件 vant 打包时，无法将插件中引用的文件加入到dist文件，每次打包之后需要手动将文件添加到dist文件中，因此写了这个插件，编译后，将文件写入到dist文件对应位置，避免手动添加copyDirFile.jsvar fs = require('fs');var path = require('path'); // 根目录let BASEPATHURL = path.resolve(__dirname, '../../') // 移动目录let sta
2021-11-02 16:44:42
321
原创 webpack 环境变量配置，实现打包自动切换本地、预发、线上地址
经常会遇到两个系统之间进行对接，A系统采用iframe嵌入B系统页面的情况，联调过程中会发现本地、预发、线上三种环境的地址各不相同，每次换环境手动修改地址很麻烦，采用 cross-env 设置环境变量的方式可以轻松解决：具体流程：1. 安装 cross-envnpm install --save-dev cross-env在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息，但是process.env中并不存在NODE_ENV这个东西。N
2021-11-02 16:37:01
695
原创 mock 前后端联调数据，提升开发效率~
以vue + koa2 为例：创建vue项目首选创建vue项目，我们选择vue-cli脚手架创建vue项目：安装vue-clicnpm install @vue/cli -g查看当前vue-cli版本vue --version初始化项目vue init webpack 项目名称4.安装依赖启动项目cd 项目名称cnpm installnpm run dev构建koa2 服务之后在项目文件夹内部创建koa2服务：安装 koa2项目构建插件cnpm install koa2
2021-11-02 15:39:50
345
原创 JS内功修炼-基础篇
最近负责前端技术一面，提问他人的时候，会发现js基础知识好多细节自己也不是很扎实，特意找时间统一梳理了一下：1. JS数据类型js数据类型分为：基础数据类型（7种）和引用数据类型object。基础数据类型： null、undefined、 number、 string、 boolean 、symbol（es6）、 bigint(可以表示大于2^53 -1的整数)引用数据类型：object。object包括array、function、Date、RegExp等2. 判断数据类型的方式：（1） ty
2021-06-16 20:03:05
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人