- 博客(104)
- 收藏
- 关注
RSS订阅原创 使用pm2 部署react+nextjs项目到服务器
在代码文件目录下执行 pm2 start npm --name 自己命名 -- run start
2025-05-22 11:34:02
462
原创 【前端优化】vue2 webpack4项目升级webpack5，大大提升运行速度
简单配置后，项目初次运行时间缩短了一半，第二次运行时间在1分钟内，提升显著；打包时间也缩短了2/3
2025-05-16 16:58:57
372
原创 项目运行警告：Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
项目运行时一直出现警告：Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.More info: https://sass-lang.com/d/legacy-js-api
2025-05-15 11:58:09
321
原创 React.createElement: type is invalid -- expected a string (for built-in components) or a class/funct
虽然这里配置了，其实是拼到了默认的 extensions 之后（默认里还有 [‘.mjs’, ‘.js’, ‘.jsx’, ‘.vue’, ‘.json’, ‘.wasm’]），所以最终 resolver 会先试 .mjs、.js、.jsx、.vue、.json，再到加的 .ts、.tsx。这也是为什么不写后缀时，它先捞到 ChevronRight.json 而不是 .tsx。搞了好久，才注意到实际导出的是.json，所以页面上一直用不了。这个文件夹下有同名配对的.json和.tsx文件。
2025-04-28 20:35:39
257
原创 使用veaury，在vue项目中运行react组件
我的项目是vue3+webpack使用：veauryVeaury 是基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。参考：https://github.com/gloriasoft/veaury/tree/master/dev-project-vue3**建议：把这个项目拉下来运行，如果自己项目存在依赖报错，可以在这个项目上修改对比测试**如果是用vite直接看项目主页的配置：
2025-04-18 20:12:01
480
原创 创建EventSource，可以接收到后端数据，但F12查看接口响应报错Request with the provided ID has already finished loading
使用了1. fetch2. @microsoft/fetch-event-source3. axois都可以成功创建post请求，并接收到数据。但是！！在接口响应里看不到啊，报错：
2025-03-24 17:05:00
714
10
原创 uniapp自身bug | uniapp+vue3打包后 index.html无法直接运行
点进控制台提供的链接：https://ask.dcloud.net.cn/article/37432。打开打包文件，双击运行index.html报错，无法访问页面。不止我一个人遇到了这个问题，应该是uniapp自身的bug。
2025-03-20 14:42:23
451
原创 Android studio运行报错处理
https://www.filehorse.com/download-intel-haxm/54766/download/#google_vignette
2025-03-14 16:18:40
1693
原创 vue 仿deepseek前端开发一个对话界面；自行封装EventSource对象，实现打字效果的对话流
后端：调用deepseek的api，所以返回数据格式和deepseek相同；自行封装了SSE请求，支持发送post请求；回答内容实现逐字打字式显现。这只是初步的项目，仅支持文本输入懒得分步写了，直接贴完整代码吧。
2025-03-12 19:03:22
4024
12
原创 使用antv g6 5.x版本实现网络拓扑记录
打印e是看不到节点数据的，但target下有节点id，通过getNodeData即可获取节点数据。
2025-02-21 14:23:38
329
原创 elementPlus form表单中使用clearValidate清空检验信息失败
但在elementPlus中，使用它清空表单一开始的检验标红却失败了（手动单独触发可以）在elementUI中，clearValidate()可以清空表单的检验信息。打开弹窗，触发了表单检验。希望不要点开弹窗就一片标红。在elementPlus中使用resetFields。
2025-01-17 15:09:59
410
原创 vue3项目，代码自动格式化失效处理
格式化会报错在控制台，但不会自动修复，格式化有问题的地方也不会标红，真的离谱啊！同一份格式化配置，同一个vscode跑项目，一个可以正常自动格式化，一个不可以。但虽然配置相同，这个项目格式化样式和之前的有差异，而且不会出现标红了，例如。最开始配好了，配得很完美很符合我的要求，结果第二天代码格式化突然失效了。格式化配置依然不变，在项目中增加.vscode文件夹。底下创建文件setting.json。
2025-01-07 15:17:16
329
原创 vue，使用unplugin-auto-import避免反复import，按需自动引入
自动识别代码中库或者API的调用，自动导入相应的模块，从而减少了手动导入的工作量，避免反复写import，但这也是按需自动引入，可以减少产物大小，方便很多。项目库：https://github.com/unplugin/unplugin-auto-import。用到以下两个插件unplugin-auto-import和unplugin-vue-components。我的项目是vue3+vue-cli+webpack+js（如果是ts，自动导入组件还需要其他配置文件）: 生成的 ESLint 配置文件选项。
2025-01-02 19:27:03
925
3
原创 前端，npm install安装依赖卡在sill idealTree buildDeps（设置淘宝依赖）
输入npm i后，一直卡在sill idealTree buildDeps，一动不动。cnpm可以安装成功，但使用cnpm不会生成package-lock.json文件。设置淘宝依赖，依然卡住，挂梯子也不行。
2025-01-02 16:01:53
644
原创 vscode，eslint的报错影响编译
最近开了一个新项目，项目跑起来之后，代码中出现eslint标红的错误都会出现在控制台，影响编译。这些标红其实不影响代码，以前项目中出现这样的标红，并不会出现在控制台影响项目运行。在vue.config.js中添加lintOnSave: false。期望：eslint错误只在文中显示，不在控制台报错，不影响编译。
2025-01-02 14:26:49
257
原创 vue项目中，js代码格式化不起效处理（附完整代码格式化配置文件）
template中的代码保存的同时可以正常格式化，script中的代码不能自动格式化，需要主动按【格式化代码】才能格式化代码。然后在.eslintrc.js中的extends配置’standard’安装@vue/eslint-config-standard。
2024-12-31 16:47:58
304
原创 【报错】Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
今天拉了一个项目，装完依赖之后跑，有奇怪报错，然后卡住。
2024-12-20 19:13:49
3665
原创 前端实现数据下载为json文件
JSON.stringify(res, null, 4)很关键，通过它的第三个参数控制缩进的空格数。这里按照四个字符缩进。
2024-11-08 17:11:49
477
原创 前端vue项目国际化方案（批量处理代码中文+文案回显）
VUE国际化解决方案一般基于vue-i18n这样的基础库来做key和多国语文案之间的映射转换开发过程中需要维护key和文案之间的映射关系，手动配置开发效率低，还需要考虑重复key等导致的各种问题同时，配置key后，最好将key对应中文展示在代码中，方便查看因此使用插件：Du I18N：用于批量将代码中的中文替换为变量（https://github.com/ctq123/du-i18n）i18n Ally：回显变量对应文案 （https://github.com/lokalise/i18n-all
2024-11-07 16:52:15
823
原创 git revert和git reset，慎用git revert
提交了错误的代码，或者合入了错误的分支，想要撤销提交还原代码，用git reset即可。git revert会产生一个新的提交，会保留原始提交的历史记录。这就意味着，如果后面需要再次合入曾经错误部分代码时，是合不进去的。不要用git revert。不会保留错误的提交记录。记之前踩到的一个坑。
2024-10-31 14:29:50
378
1
原创 vue2项目中，使用国际化插件i18n Ally，不回显文字
vscode下的settings.json配置。看其他人使用，应该在变量位置显示原文字。
2024-08-01 17:16:17
487
原创 js 初始化特定长度的数组并赋值，解决new Array().fill()浅拷贝的问题
这样创建的数组，其中每个元素都指向同一个数组（也就是说，如果你修改其中一个数组，所有数组都会被修改）。这是因为在 JavaScript中，对象（包括数组）是通过引用传递的。因此当我们传入一个引用类型时，数组中每一项都是对同一个对象的引用。这意味着如果你修改了一个元素，所有的元素都会受到影响（浅拷贝）。参考：https://www.jb51.net/javascript/29807466d.htm 得知。测试中发现，如果修改了数组其中一个值，其他的值也会跟着变化。
2024-07-17 16:38:47
313
原创 echarts 折线图柱状图增加点击事件
上方的隐藏折线是按钮在坐标轴之外，获取到的option.xAxis[0].data[xIndex]为空，也可以通过判断规避。单折线图，可以直接监听click事件（只有点击到折线才会触发）但很多时候，我们是要求点击折线图任意位置触发点击事件。用这个方法可以获取到点击位置的具体数据。而且要注意隐藏折线的操作按钮。
2024-06-25 15:38:48
1943
原创 IOS端报错：SecurityError: Blocked a frame with origin “null“ from accessing a cross-origin frame. Protoc
SecurityError: Blocked a frame with origin "null" from accessing a cross-origin frame. Protocols, domains, and ports must match.
2024-03-21 15:09:08
488
原创 uniapp移动端 IOS系统下无法与webview通信
我的页面嵌套了一个webview（文件位于项目的hybrif/html）目录下。连接真机，打印evalJS是个方法，但就是调了没用，整个人都不好了。在安卓里运行是没问题的，但在苹果手机上一直无法通信。使用evalJS与webview进行通信。不知道有没有人遇到过这个问题。
2024-03-14 21:31:10
698
1
原创 reportJSException ＞＞＞＞ exception function:createInstanceContext, exception:white screen cause create
不能理解的报错，本来以为是引入的H5库里有个navigator.userAgent 取不到导致的报错。又把引入H5的整个页面在pages.json中注释掉，依然报错。把它放开，保存，突然就不报错了。结果打印并没有走到那个方法里去。
2024-03-03 20:08:34
4909
5
原创 Failed to load module script: Expected a JavaScript module script but the server responded with a MI
引入一个html报这个错，救命到底是为什么啊啊啊啊啊啊啊卡了好久了。
2024-02-22 19:28:23
454
2
原创 uniapp项目运行报错：npx browserslist@latest --update-db
按网上的处理，HBuilderX/plugins/uniapp-cli下删除node_modules。然后npm install（挂梯子也报错了，后采用cnpm install）考虑到只有一个项目出现这种问题，应该是那一个项目的代码那里出错了。补充/* eslint-disable */只有一个项目运行报这个错，莫名其妙。春节归来突然报错，节前都好好的。
2024-02-20 14:52:16
1042
原创 elementUI table表格组件最右列被遮挡不出现滚动条
在table上加个样式：el-table–scrollable-x。不知道为什么明明设置了列宽，却没有出现滚动条。有时候会出现这个问题，应该是组件bug。
2024-01-29 18:23:18
322
原创 Merge remote-tracking branch ‘remotes/origin/develop‘ into develop-modify
然后使用【推送】，推送到仓库后，看到的命令是Merge remote-tracking branch。这两天使用小乌龟照常合并代码，遇到了Merge remote-tracking。操作【合并】，拉下代码没有冲突。
2024-01-09 10:49:39
1627
2
原创 uniapp开发移动端遇到的问题记录
然后我写了一个测试demo，里面没有设置"softinputMode": “adjustResiz”，也没有加form部分的position:absolute的样式，页面并不会往上谈起。接上，解决完页面不抖动的问题后，发现进入页面后返回到登录页，两次获取到的windowHeight高度不同。我的键盘没有遮盖到输入框，但手机键盘弹起后，form部分会整体上移一点，并且底部的操作也会弹到键盘上方。看了网上的解答说放onReady，加setTimeout，试了都不行。键盘弹出后，页面高度产生了变化，页面就会晃。
2023-12-27 21:16:30
2566
原创 uniapp windows下苹果ios端打包安装测试记录
普通用户申请的测试证书只有7天有效期，要长期的证书就得花99刀购买（上架是必须要证书的）需要两个文件，iOS证书(.p12)和描述文件(.mobileprovision)测试阶段使用开发证书，开发证书官网的申请步骤比较麻烦，并且需要在苹果电脑上操作。IOS的测试包也不难，先记录测试包的打包过程，正式发布的包等做到那一步再更新。回到Hbuilder页面，将两个文件分别导入，即可打包出ios安装包。1、先从Hbuilder的ios打包页面开始看，需要证书。，直接在这个应用上申请苹果证书，简单快捷。
2023-12-20 11:39:03
1035
原创 js实现AES加密解密，简易又全面
常规是直接安装CryptoJS库，但为了减少项目体积，使用这简单的20k文件就ok。代码中使用的是Pkcs7，但我需要的填充方式是ZeroPadding。
2023-12-05 20:10:07
5662
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人