- 博客(122)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 @vue/cli source and destination must not be the same
（删除vue-cli 的输出目录）打断点发现dist 目录下有index.html。
2024-06-05 16:57:43
303
原创 Rspack + vue 修改css代码不能热更新
使用了 rspack.config 中的 experiments.css:true（默认）自带的css 解析器貌似有bug，在保存的时候，不会热更新样式。关闭experiments.css: false。
2024-06-03 10:25:35
145
原创 vue 项目中大量的flushCallbacks 原因分析
setup 中定义了 const data = shallowRef()代码中多次更改了这 data.value = [xxx] 导致。
2024-04-11 16:22:59
419
原创 vue ts 项目vue文件中引入不识别 @ 路径别名
在include 中加上 vue 文件。否则vue 文件中不识别 @路径别名。tsconfig.json 配置中添加。
2024-04-09 17:30:24
195
原创 vue svelte solid 虚拟滚动性能对比
由于svelte solid 两大无虚拟DOM框架，在前端越来越有影响力。因此本次想要验证，这三个框架关于实现表格虚拟滚动的性能。一般情况下，vue3的性能已经足够普通项目使用。为了产品体验接近客户端（C++）实现看齐，有极致的性能场景可能需要更高性能的框架，甚至原生去实现。
2024-03-04 16:28:22
635
原创 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
2510
1
原创 echarts 切换时出现上一次图形残留。
先说结果：悬浮高亮导致。这可能使echarts的bug。正常情况出现这种问题，一般是setOption 中没有配置notMerge 导致新的配置与旧配置合并。但是我这里始终配置notMerge: true，但仍然出现这种问题。最后发现与鼠标悬浮有关。
2024-01-05 13:57:39
926
原创 THREE.js 导入glTF文件，界面中不展示模型
通过GLTFLoader 导入，再用scene.add(gltf.scene) ，界面中没有展示模型。控制台没有报错。glTF从blender中导出，不是压缩的，不用 DRACOLoader 处理。
2023-11-07 09:27:47
1316
原创 tauri 访问静态资源，响应头为Content-Type:‘text/html‘
Error: THREE.FBXLoader: Unknown format.
2023-11-02 23:45:40
329
原创 @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
185
原创 vue3-styled-components inject导致死循环
vue3-styled-componets 中有 inject('theme') 为undefined。在最外层 provide('theme','');在低版本浏览器（chrome 49）中会造成死循环。
2023-09-01 11:18:27
484
原创 swc-loader Segmentation fault “$NODE_EXE“ “$NPM_CLI_JS“ “$@“
swc还不是很稳定。在swcrc 中有配置plugins 时，swc 转换 /node_modules/ 会报错。
2023-08-23 15:45:34
1143
原创 @vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependency tree
node版本太低vue@3.2.x 在@vue/compiler-sfc 中加了私有类方法，在node12 下报错。使vue-loader 捕获到报错后触发日志。
2023-07-31 17:28:58
839
2
原创 vue jsx Cannot read property ‘__asyncLoader‘ of undefined
computed 的变量，在jsx中使用时未.value 导致。
2023-06-25 15:37:40
1891
原创 package.json 中的sideEffects 行为记录
本人用vite构建vue组件库项目，及在webpack项目中使用该组件库。发现Rollup(vite底层)与Webpack 对于sideEffects 的处理方式有些不同。sideEffect指定哪些文件具有副作用。
2023-06-20 22:29:16
1274
原创 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
2284
原创 Vue + ts 中，引用.vue文件导出的方法，ts无法解析解决办法。
vue SFC 提供了方便的同事，对于ts的支持在这里就不太行了。比方我在vue SFC 文件中导出一个函数如下在其他文件中引入但是代码可以正常运行。也就是.vue 文件中导出的东西是正常的。
2023-04-19 21:34:35
1265
原创 Vue setup 中，类似class implements约束的替代方案。
封装vue 组件时，我希望所有的组件都要有某方法，某变量。这种需求在面向对象的class中，用 class XX implements interface 就可以实现。以此来规范每个对象的属性。对于vue SFC 的setup语法糖中，可以使用defineExpose的泛型T，来约束组件中一定需要有的方法和值。
2023-04-19 16:54:27
212
原创 SVG preserveAspectRatio 终极理解
红框为viewBox=“0 0 100 200”；meet 按viewBox 短边比例来缩放。slice 按viewBox 长边比例来缩放。preserveAspectRatio 就是控制viewBox下来的东西的位置和缩放的。
2023-03-14 17:54:17
628
原创 win10 cargo install wasm-pack失败
【代码】win10 cargo install wasm-pack失败。去官网下载：wasm-pack 安装包运行即可
2023-03-07 19:51:52
1053
原创 数组中只出现一次的两个数字（异或法思路）
一个数组中只有2个数字只有一个，其他数字都有两个。找出这两个数字。a, b用HashMap记录就不说了。这里记录一下用异或的方式解决。由于异或特性为自己异或自己为0。a^a = 0;所以可以异或数组中的所有数字得出 a^b 的结果，其他相同的都消掉了。又a!= b 因此，a^b 的结果在二进制中，肯定有一位是1。这个也好理解。
2023-02-27 23:27:48
278
原创 vue2.7 + vue-i18n 环境搭建方案
vue2.7 + vue-i18n 使用composition Api 的环境搭建方案，及在普通js中使用vue-i18n
2023-02-22 17:29:18
1116
原创 vite antdv@1.7.8 日期控件报错TypeError: (void 0) is not a function
使用vite-plugin-antdv-fix 插件，解决antdv1问题
2023-01-14 13:04:32
1823
1
原创 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
779
原创 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
1802
原创 puppeteer-core launch 卡住问题
执行到 await puppeteer.launch 会卡住。安装对应版本的puppeteer解决。
2022-12-01 20:25:13
1103
原创 Vite3 + Vue2.7 环境搭建(TS)
根据vite官网的描述：> Vite 不再支持 Node 12 / 13 / 15，因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。因此需要注意前端线上构建的服务器环境的nodejs版本。
2022-11-23 15:34:40
2675
原创 Rust WASM 与 JS 计算性能对比
根据网上资料，使用wasm-pack搭配将Rust代码编译成 wasm。搭好环境后，想对比一下rust-wasm与js的性能差距。
2022-11-20 15:38:31
2738
原创 使用swc 替换ts-loader 加速构建webpack + vue3 + tsx项目
在webpack中用swc-loader 替换ts-loader 构建vue2 + tsx 项目。
2022-11-16 20:45:22
2292
4
原创 Webpack 搭建 Vue + ts + tsx
Webpack 搭建vue + ts + tsx 环境。不使用vue-cli。webpack5 + vue2.7
2022-11-14 20:25:20
1322
原创 Webpack + swc + esbuild 优化构建速度尝试
Webpack + swc + esbuildswc 转换兼容代码esbuild 压缩js,css
2022-11-07 20:34:40
1598
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人