- 博客(119)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 路由同名报错：A route named “XXX,15392445455393“ has been added as a child of a route with the same name
【代码】路由同名报错：A route named “XXX,15392445455393“ has been added as a child of a route with the same name。
2025-02-12 23:22:19
1048
原创 vue2/vue3中页面加载完成后，使用onclick动态添加dom元素绑定事件
【代码】vue2/vue3中页面加载完成后，使用onclick动态添加dom元素绑定事件。
2024-12-25 17:21:09
184
转载 pnpm介绍及安装
综上所述，不论是Windows还是macOS平台，安装与配置PNPM后，开发者便能立即享用到更高效的依赖管理体验，无论是初始化新项目、添加依赖包还是团队间共享与同步依赖，PNPM都能提供一个既快速又可靠的解决方案，进一步提升开发效率与团队协作的流畅度。精确的依赖管理：PNPM通过生成的pnpm-lock.yaml文件，精确记录每个依赖的确切版本和子依赖信息，确保跨环境的一致性，避免“作品在别人机器上无法运行”的问题。若成功输出PNPM的版本号，则表明已正确安装。二、Windows系统下安装与配置PNPM。
2024-08-31 00:11:17
638
原创 Uncaught TypeError: (intermediate value).globEager is not a function报错解决办法
【代码】Uncaught TypeError: (intermediate value).globEager is not a function报错解决办法。
2024-08-28 15:48:25
1210
原创 npm install慢，优化方法
1、使用npm install --registry=https://registry.npm.taobao.org命令。2、使用npm install --cache-min=100000000命令，以避免频繁地清理缓存。3、使用npm install --production命令，以跳过生产环境的依赖包安装，从而提高安装速度。
2024-08-26 09:42:01
243
原创 [ECharts] There is a chart instance already initialized on the dom
echarts出现重复渲染
2024-03-27 10:33:59
558
原创 vue打包内存问题解决办法＜--- Last few GCs ---＞＜--- JS stacktrace ---＞
vue nodejs内存泄漏 Last few GCs JS stacktrace
2023-12-20 23:08:34
1311
原创 Linux之常用的压缩解压缩命令
如果遇到某个文件夹过大，需要将压缩文件跟个成 N 个指定大小的文件，便于邮件等方式传输，可以使用下边的方法。然后使用 split 指令进行切分。多个压缩文件解压方法如下。首先先压缩成一个大文件。也可以合成一步进行操作。
2023-05-11 22:25:11
1294
原创 Linux 安装nginx 并配置SSL详细步骤
参考：https://www.404bugs.com/index.php/details/1080624741449781248。service.crt # 公钥。service.key # 私钥。
2023-04-27 10:48:30
1976
原创 nginx配合vite开启gzip压缩以及各种问题处理
1、此时可用在nginx的安装目录的sbin中使用./nginx -V查看当前nginx的配置信息，看有没有配置–with-http_gzip_static_module。参考：https://www.dandelioncloud.cn/article/details/1601473561787318273。2、vim /opt/nginx-1.12.2/objs/Makefile 去掉-Werror。2、安装时make && make install报错。在安装Nginx输入make指令时报。
2023-03-27 15:12:39
1964
2
原创 nginx安装error: ‘struct crypt_data’ has no member named ‘current_salt’ cd.current_salt[0] = ~salt[0]；
nginx安装error: ‘struct crypt_data’ has no member named ‘current_salt’ cd.current_salt[0] = ~salt[0]；
2023-03-09 10:32:24
1511
原创 Linux环境下安装Node和PM2
一、下载node安装包wget https://npm.taobao.org/mirrors/node/v8.0.0/node-v8.0.0-linux-x64.tar.xz二、解压tar -xvf node-v8.0.0-linux-x64.tar.xz可以重命名为：nodejs三、添加链接1、ln -sf /usr/local/nodejs/bin/node/usr/local/bin/node(/nodejs/bin/node------这个就是安装的路径，下面同理)2、ln -sf
2022-02-10 14:06:04
959
原创 JS 将有父子关系的数组转换成树形结构数据
将类似如下数据转换成树形的数据[{ id: 1, name: '1',}, { id: 2, name: '1-1', parentId: 1}, { id: 3, name: '1-1-1', parentId: 2}, { id: 4, name: '1-2', parentId: 1}, { id: 5, name: '1-2-2', parentId: 4}, { id
2020-08-26 16:08:28
872
1
原创 ant-design-vue resetFields未生效解决
resetFields真的是个难搞的方法之前遇到过resetFields方法浏览器报undefind上一篇文章已经解决现在出现resetFields没有起到重置form表单初始数据作用但是可以重置表单校验数据遇到问题代码问题：先调用编辑回显再调用新增resetFields没有起到重置表单初始数据作用 data() { return { form: { id: null, name: null,
2020-08-18 22:27:04
10337
原创 element-ui avue table 在Safari下表格与表头错位的兼容问题
项目是avuet做的，在Safari下表格出现样式宽度错乱，这个问题这里用css样式解决:body .el-table th.gutter { display: table-cell !important;}body .el-table colgroup.gutter { display: table-cell !important;}table { width: 100% !important;}因为表格宽度未设置100%，导致计算每列出现几px的精度差，最后导致整体样式错
2020-07-22 15:48:22
1177
原创 mock数据 （mockjs的常用mock字段）
//mockjs 文档的github地址: https://github.com/nuysoft/Mock/wikilet Mock = require('mockjs');let basicData = Mock.mock({ 'list|1-100': [{ 'id|+1': 1, 'isBoolean': '@boolean(10, 0, true)',//百分之百的true 'naturalNumber': '@natural(1, 10
2020-07-18 21:28:04
1318
转载 JS中find(), findIndex(), filter(), forEach(), some(), every(), map(), reduce()方法记录
1. find()与findIndex()find()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。[1, 2, 5, -1, 9].find((n) => n < 0)//找出数组中第一个小于 0 的成员// -1find()方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。findIndex()方法的用法与f
2020-07-01 16:28:03
223
转载 ES6的Object.assign()基本用法
Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。例如：const target = {a:1},const source1 = {b:2}const source2 = {c:3};Object.assign(target, source1,source2);target // {a:1,b:2,c:3} Object.assign 方法的第一个参数是目标对象，后面的参数都是源对象。注意：如果目标对象与源对象有同
2020-06-09 08:49:22
332
原创 Github无法访问解决办法
第一步：http://ping.chinaz.com/github.com第二步：获取可以ping通的CND第三步:添加HostsC:\Windows\System32\drivers\etc\hosts选择一个CND进行添加，也可以全部添加详情：https://zhuanlan.zhihu.com/p/107334179
2020-06-08 23:47:40
127
转载 flex之flex:1含义
这篇文章写得非常棒：http://blog.sina.com.cn/s/blog_6a8557730102wso6.html
2020-06-07 09:43:22
512
原创 Generator生成器
用法一：基本用法function* g() { yield "a"; yield "b"; yield "c"; yield "d"; return "ending";}const gen = g(); // 返回迭代器Iteratorfunction next(){ let { value, done } = gen.next() // 启动 console.log(value) // 依次打印输出 a b c end if(!done) next() // 直到
2020-05-30 13:58:50
430
原创 几个异步操作，全部执行完后再执行回调函数
方法一：通常的讲,我们可以设置一个flag变量,然后在各自的ajax的成功回调内去维护这个变量数量，当满足条件时,我们来触发后续函数let flag = 0;// ajax为异步操作，结合Promise使⽤可以轻松实现异步操作队列function ajax1(num) { return new Promise(resolve => { setTimeout(() => { flag++; console.log('第1个异步请求'+flag); // 输出处理结果
2020-05-30 13:33:39
3230
原创 vue项目优化
一、项目优化策略生成打包报告第三方库启用 CDNElement-UI 组件按需加载路由懒加载首页内容定制1. 生成打包报告打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种：① 通过命令行参数的形式生成报告// 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report② 通过可视化的UI面板直接查看报告（推荐）在
2020-05-29 08:33:33
262
原创 wepack打包优化
开发环境性能优化优化打包构建速度HMR优化代码调试source-map生产环境性能优化优化打包构建速度oneOfbabel缓存多进程打包externalsdll优化代码运行的性能缓存(hash-chunkhash-contenthash)tree shakingcode split懒加载/预加载pwa/** * 开发环境： * 1. 优化打包构建速度 * 性能优化1： * HMR：hot module replacement 热模块
2020-05-29 00:27:09
284
原创 webpack学习（四）
开发环境配置总结/* 开发环境配置：能让代码运行 运行项目指令： webpack 会将打包结果输出出去 npx webpack-dev-server 只会在内存中编译打包，没有输出*/const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js
2020-05-29 00:02:09
98
原创 webpack学习（三）
打包样式资源css less1. 创建文件 webpack.config.js2、下载安装 loader 包npm i css-loader style-loader less-loader less -D3、代码如下：/* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置） 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。*/// r
2020-05-28 23:28:49
160
原创 webpack学习（二）
webpack 的初体验1、初始化配置1.初始化 package.jsonnpm init2.下载并安装 webpacknpm install webpack webpack-cli -g npm install webpack webpack-cli -D2、编译打包应用创建文件运行指令开发环境指令：webpack src/js/index.js -o build/js/built.js --mode=development功能：webpack 能够编译打包 js 和 json
2020-05-28 23:21:35
109
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人