- 博客(120)
- 问答 (1)
- 收藏
- 关注
原创 vue 项目中大量的flushCallbacks 原因分析
setup 中定义了 const data = shallowRef()代码中多次更改了这 data.value = [xxx] 导致。
2024-04-11 16:22:59 249
原创 vue ts 项目vue文件中引入不识别 @ 路径别名
在include 中加上 vue 文件。否则vue 文件中不识别 @路径别名。tsconfig.json 配置中添加。
2024-04-09 17:30:24 62
原创 vue svelte solid 虚拟滚动性能对比
由于svelte solid 两大无虚拟DOM框架,在前端越来越有影响力。因此本次想要验证,这三个框架关于实现表格虚拟滚动的性能。一般情况下,vue3的性能已经足够普通项目使用。为了产品体验接近客户端(C++)实现看齐,有极致的性能场景可能需要更高性能的框架,甚至原生去实现。
2024-03-04 16:28:22 483
原创 pnpm 源不对 Will retry in 10 seconds. 2 retries left.
由于使用npm config set registry 切换淘宝源时,把地址打错了。后面使用pnpm install 时出现此时无论我怎么使用npm config set registry 或者pnpm config set registry 切回正确的源均没有效果。
2024-01-23 21:23:06 1412 1
原创 echarts 切换时出现上一次图形残留。
先说结果:悬浮高亮导致。这可能使echarts的bug。正常情况出现这种问题,一般是setOption 中没有配置notMerge 导致新的配置与旧配置合并。但是我这里始终配置notMerge: true,但仍然出现这种问题。最后发现与鼠标悬浮有关。
2024-01-05 13:57:39 602
原创 THREE.js 导入glTF文件,界面中不展示模型
通过GLTFLoader 导入,再用scene.add(gltf.scene) ,界面中没有展示模型。控制台没有报错。glTF从blender中导出,不是压缩的,不用 DRACOLoader 处理。
2023-11-07 09:27:47 849
原创 tauri 访问静态资源,响应头为Content-Type:‘text/html‘
Error: THREE.FBXLoader: Unknown format.
2023-11-02 23:45:40 252
原创 @vue/cli-service ValidationError: Progress Plugin Invalid Options options should NOT have additional
删除node_modules删除package-lock.jsonnpm i上面执行了后还是不行。
2023-09-06 14:13:43 119
原创 vue3-styled-components inject导致死循环
vue3-styled-componets 中有 inject('theme') 为undefined。在最外层 provide('theme','');在低版本浏览器(chrome 49)中会造成死循环。
2023-09-01 11:18:27 422
原创 swc-loader Segmentation fault “$NODE_EXE“ “$NPM_CLI_JS“ “$@“
swc还不是很稳定。在swcrc 中有配置plugins 时,swc 转换 /node_modules/ 会报错。
2023-08-23 15:45:34 1060
原创 @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree
node版本太低[email protected] 在@vue/compiler-sfc 中加了私有类方法,在node12 下报错。使vue-loader 捕获到报错后触发日志。
2023-07-31 17:28:58 686 2
原创 vue jsx Cannot read property ‘__asyncLoader‘ of undefined
computed 的变量,在jsx中使用时未.value 导致。
2023-06-25 15:37:40 1499
原创 package.json 中的sideEffects 行为记录
本人用vite构建vue组件库项目,及在webpack项目中使用该组件库。发现Rollup(vite底层)与Webpack 对于sideEffects 的处理方式有些不同。sideEffect指定哪些文件具有副作用。
2023-06-20 22:29:16 1120
原创 vite + vue3 + storybook + ts 搭建vue组件库记录
由于我的目标是不使用babel-import-pluing 因此,完成这个效果,只需要在/lib/Button/index.js 文件的最上方引入/lib/Button/style.css即可。由于一个npm库需要有一个默认的入口js,因此需要在/lib 目录下面增加一个index.js 用于导入lib 下面所有组件,并导出。这个是构建一个组件的方法,因此,我只要通过node 的 fs 模块读取并分析/packages 路径下的文件夹,遍历出来构建即可。先制定一下增量构建的方案。以此仅构建变更过的组件。
2023-05-24 20:41:28 1912
原创 Vue + ts 中,引用.vue文件导出的方法,ts无法解析解决办法。
vue SFC 提供了方便的同事,对于ts的支持在这里就不太行了。比方我在vue SFC 文件中导出一个函数如下在其他文件中引入但是代码可以正常运行。也就是.vue 文件中导出的东西是正常的。
2023-04-19 21:34:35 1128
原创 Vue setup 中,类似class implements约束的替代方案。
封装vue 组件时,我希望所有的组件都要有某方法,某变量。这种需求在面向对象的class中,用 class XX implements interface 就可以实现。以此来规范每个对象的属性。对于vue SFC 的setup语法糖中,可以使用defineExpose的泛型T,来约束组件中一定需要有的方法和值。
2023-04-19 16:54:27 195
原创 SVG preserveAspectRatio 终极理解
红框为viewBox=“0 0 100 200”;meet 按viewBox 短边比例来缩放。slice 按viewBox 长边比例来缩放。preserveAspectRatio 就是控制viewBox下来的东西的位置和缩放的。
2023-03-14 17:54:17 586
原创 win10 cargo install wasm-pack失败
【代码】win10 cargo install wasm-pack失败。去官网下载:wasm-pack 安装包运行即可
2023-03-07 19:51:52 928
原创 数组中只出现一次的两个数字(异或法思路)
一个数组中只有2个数字只有一个,其他数字都有两个。找出这两个数字。a, b用HashMap记录就不说了。这里记录一下用异或的方式解决。由于异或特性为自己异或自己为0。a^a = 0;所以可以异或数组中的所有数字得出 a^b 的结果,其他相同的都消掉了。又a!= b 因此,a^b 的结果在二进制中,肯定有一位是1。这个也好理解。
2023-02-27 23:27:48 261
原创 vue2.7 + vue-i18n 环境搭建方案
vue2.7 + vue-i18n 使用composition Api 的环境搭建方案,及在普通js中使用vue-i18n
2023-02-22 17:29:18 1013
原创 vite [email protected] 日期控件报错TypeError: (void 0) is not a function
使用vite-plugin-antdv-fix 插件,解决antdv1问题
2023-01-14 13:04:32 1463
原创 Less:Error evaluating function ‘unit‘ must be a number
比如 import 'ant-design-vue/es/select/style'按需引入select 组件css样式时会报错。less版本降级到3就不报错了。
2023-01-12 10:05:26 710
原创 Vue jsx onClick 点击事件无效,无法触发
在Vue3 环境中用@vue/babel-plugin-transform-vue-jsx 就会导致onClick 事件失效Vue2 用 @vue/babel-plugin-transform-vue-jsx 插件Vue3 用@vue/babel-plugin-jsx 插件
2023-01-04 20:47:10 1676
原创 puppeteer-core launch 卡住问题
执行到 await puppeteer.launch 会卡住。安装对应版本的puppeteer解决。
2022-12-01 20:25:13 947
原创 Vite3 + Vue2.7 环境搭建(TS)
根据vite官网的描述:> Vite 不再支持 Node 12 / 13 / 15,因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。因此需要注意前端线上构建的服务器环境的nodejs版本。
2022-11-23 15:34:40 2570
原创 Rust WASM 与 JS 计算性能对比
根据网上资料,使用wasm-pack搭配将Rust代码编译成 wasm。搭好环境后,想对比一下rust-wasm与js的性能差距。
2022-11-20 15:38:31 2349
原创 使用swc 替换ts-loader 加速构建webpack + vue3 + tsx项目
在webpack中用swc-loader 替换ts-loader 构建vue2 + tsx 项目。
2022-11-16 20:45:22 2068 4
原创 Webpack 搭建 Vue + ts + tsx
Webpack 搭建vue + ts + tsx 环境。不使用vue-cli。webpack5 + vue2.7
2022-11-14 20:25:20 1234
原创 Webpack + swc + esbuild 优化构建速度尝试
Webpack + swc + esbuildswc 转换兼容代码esbuild 压缩js,css
2022-11-07 20:34:40 1453
原创 HTML 设置draggable属性不生效问题。vuedraggable不生效问题
HTML设置了 draggable="true"属性的元素无法拖动
2022-10-09 13:17:55 3814 2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人