- 博客(109)
- 收藏
- 关注
RSS订阅原创 uniapp，app/H5中，webview与嵌套的html相互通信
WebView与HTML双向通信方案 在APP和H5环境中，WebView与内嵌HTML页面可通过不同方式实现双向通信： APP环境方案 WebView→HTML：使用evalJS方法执行HTML中的JS函数 HTML→WebView：通过uni.postMessage发送消息，WebView用@message监听 H5环境方案 双向通信均基于postMessage API实现 WebView可通过iframe.contentWindow.postMessage发送 HTML通过window.parent.
2025-07-01 17:27:31
184
原创 移动端 uniapp 写一个可自由拖拽的小键盘
摘要： 本文实现了一个可拖动悬浮键盘组件，主要包含以下功能： 悬浮按钮可自由拖动，自动吸附屏幕边界 点击按钮弹出键盘，再次点击收起键盘 键盘位置智能调整：根据按钮位置自动判断弹出方向（上方/下方），避免超出屏幕边界 完整键盘布局实现，包含特殊宽键处理（如Shift、空格键） 通过touch事件实现按钮拖动，computed属性动态计算键盘位置 关键技术点： 通过touchstart/move/end事件处理拖动逻辑 使用键盘布局数据驱动视图渲染 动态计算键盘弹出位置（keyboardStyle） 响应式设计
2025-06-24 10:40:55
194
原创 将c文件编译成webassembly或动态库，js调用c的多种方法尝试（包括ffi-napi、ffi-rs、koffi）
目的是想使用js调用c语言网上查了两种方法一是使用ffi-napi二是将c文件编译成webassembly记录下尝试过程中遇到的错误
2025-06-19 13:46:41
433
原创 uniapp scroll-view横向滚动不起效、纵向滚动自适应高度
增加 :scroll-top=“scrollTop”，在切换tab时把scrollTop = 0。纵向滚动还遇到问题，切换到不同tab时，滚动条不复位，依然保持在上一次的滚动位置；使用竖向滚动时，需要给 一个固定高度，通过 css 设置 height；如果不想写死、不想通过js计算，希望灵活获取高度应该怎么做呢，用css即可。但这样写没有生效，哎，为什么呢。
2025-06-06 10:45:25
287
原创 【前端优化】使用speed-measure-webpack-plugin分析前端运行/打包耗时，使用esbuild-loader优化vue项目
使用const { EsbuildPlugin } = require('esbuild-loader')替代const TerserPlugin = require('terser-webpack-plugin')
2025-05-30 16:32:33
649
原创 使用pm2 部署react+nextjs项目到服务器
在代码文件目录下执行 pm2 start npm --name 自己命名 -- run start
2025-05-22 11:34:02
530
原创 【前端优化】vue2 webpack4项目升级webpack5，大大提升运行速度
简单配置后，项目初次运行时间缩短了一半，第二次运行时间在1分钟内，提升显著；打包时间也缩短了2/3
2025-05-16 16:58:57
492
原创 项目运行警告：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
417
原创 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
360
原创 使用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
575
原创 创建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
898
10
原创 uniapp自身bug | uniapp+vue3打包后 index.html无法直接运行
点进控制台提供的链接：https://ask.dcloud.net.cn/article/37432。打开打包文件，双击运行index.html报错，无法访问页面。不止我一个人遇到了这个问题，应该是uniapp自身的bug。
2025-03-20 14:42:23
517
原创 Android studio运行报错处理
https://www.filehorse.com/download-intel-haxm/54766/download/#google_vignette
2025-03-14 16:18:40
1823
原创 vue 仿deepseek前端开发一个对话界面；自行封装EventSource对象，实现打字效果的对话流
后端：调用deepseek的api，所以返回数据格式和deepseek相同；自行封装了SSE请求，支持发送post请求；回答内容实现逐字打字式显现。这只是初步的项目，仅支持文本输入懒得分步写了，直接贴完整代码吧。
2025-03-12 19:03:22
4510
12
原创 使用antv g6 5.x版本实现网络拓扑记录
打印e是看不到节点数据的，但target下有节点id，通过getNodeData即可获取节点数据。
2025-02-21 14:23:38
386
原创 elementPlus form表单中使用clearValidate清空检验信息失败
但在elementPlus中，使用它清空表单一开始的检验标红却失败了（手动单独触发可以）在elementUI中，clearValidate()可以清空表单的检验信息。打开弹窗，触发了表单检验。希望不要点开弹窗就一片标红。在elementPlus中使用resetFields。
2025-01-17 15:09:59
489
原创 vue3项目，代码自动格式化失效处理
格式化会报错在控制台，但不会自动修复，格式化有问题的地方也不会标红，真的离谱啊！同一份格式化配置，同一个vscode跑项目，一个可以正常自动格式化，一个不可以。但虽然配置相同，这个项目格式化样式和之前的有差异，而且不会出现标红了，例如。最开始配好了，配得很完美很符合我的要求，结果第二天代码格式化突然失效了。格式化配置依然不变，在项目中增加.vscode文件夹。底下创建文件setting.json。
2025-01-07 15:17:16
356
原创 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
977
3
原创 前端，npm install安装依赖卡在sill idealTree buildDeps（设置淘宝依赖）
输入npm i后，一直卡在sill idealTree buildDeps，一动不动。cnpm可以安装成功，但使用cnpm不会生成package-lock.json文件。设置淘宝依赖，依然卡住，挂梯子也不行。
2025-01-02 16:01:53
657
原创 vscode，eslint的报错影响编译
最近开了一个新项目，项目跑起来之后，代码中出现eslint标红的错误都会出现在控制台，影响编译。这些标红其实不影响代码，以前项目中出现这样的标红，并不会出现在控制台影响项目运行。在vue.config.js中添加lintOnSave: false。期望：eslint错误只在文中显示，不在控制台报错，不影响编译。
2025-01-02 14:26:49
270
原创 vue项目中，js代码格式化不起效处理（附完整代码格式化配置文件）
template中的代码保存的同时可以正常格式化，script中的代码不能自动格式化，需要主动按【格式化代码】才能格式化代码。然后在.eslintrc.js中的extends配置’standard’安装@vue/eslint-config-standard。
2024-12-31 16:47:58
345
原创 【报错】Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
今天拉了一个项目，装完依赖之后跑，有奇怪报错，然后卡住。
2024-12-20 19:13:49
3737
原创 前端实现数据下载为json文件
JSON.stringify(res, null, 4)很关键，通过它的第三个参数控制缩进的空格数。这里按照四个字符缩进。
2024-11-08 17:11:49
524
原创 前端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
893
原创 git revert和git reset，慎用git revert
提交了错误的代码，或者合入了错误的分支，想要撤销提交还原代码，用git reset即可。git revert会产生一个新的提交，会保留原始提交的历史记录。这就意味着，如果后面需要再次合入曾经错误部分代码时，是合不进去的。不要用git revert。不会保留错误的提交记录。记之前踩到的一个坑。
2024-10-31 14:29:50
390
1
原创 vue2项目中，使用国际化插件i18n Ally，不回显文字
vscode下的settings.json配置。看其他人使用，应该在变量位置显示原文字。
2024-08-01 17:16:17
531
原创 js 初始化特定长度的数组并赋值，解决new Array().fill()浅拷贝的问题
这样创建的数组，其中每个元素都指向同一个数组（也就是说，如果你修改其中一个数组，所有数组都会被修改）。这是因为在 JavaScript中，对象（包括数组）是通过引用传递的。因此当我们传入一个引用类型时，数组中每一项都是对同一个对象的引用。这意味着如果你修改了一个元素，所有的元素都会受到影响（浅拷贝）。参考：https://www.jb51.net/javascript/29807466d.htm 得知。测试中发现，如果修改了数组其中一个值，其他的值也会跟着变化。
2024-07-17 16:38:47
323
原创 echarts 折线图柱状图增加点击事件
上方的隐藏折线是按钮在坐标轴之外，获取到的option.xAxis[0].data[xIndex]为空，也可以通过判断规避。单折线图，可以直接监听click事件（只有点击到折线才会触发）但很多时候，我们是要求点击折线图任意位置触发点击事件。用这个方法可以获取到点击位置的具体数据。而且要注意隐藏折线的操作按钮。
2024-06-25 15:38:48
1989
原创 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
507
原创 uniapp移动端 IOS系统下无法与webview通信
我的页面嵌套了一个webview（文件位于项目的hybrif/html）目录下。连接真机，打印evalJS是个方法，但就是调了没用，整个人都不好了。在安卓里运行是没问题的，但在苹果手机上一直无法通信。使用evalJS与webview进行通信。不知道有没有人遇到过这个问题。
2024-03-14 21:31:10
706
1
原创 reportJSException ＞＞＞＞ exception function:createInstanceContext, exception:white screen cause create
不能理解的报错，本来以为是引入的H5库里有个navigator.userAgent 取不到导致的报错。又把引入H5的整个页面在pages.json中注释掉，依然报错。把它放开，保存，突然就不报错了。结果打印并没有走到那个方法里去。
2024-03-03 20:08:34
4963
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
465
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
1108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人