- 博客(12)
- 收藏
- 关注
原创 react+arco-design 按需加载实现
在项目的根目录新建文件craco.config.js,配置相应的端口号内容如下,配置路径。yarn add @arco-design/web-react -D //安装组件库。yarn add babel-plugin-import -D //安装按需引入。1、实现对webpack的配置,使用依赖包@craco/craco。配置craco.config.js文件34。2、安装按需引用的label及组件。
2023-12-06 11:30:09
710
1
原创 react项目搭建(1)
配置路由,使用useRouters配置路由表,再在app.js中引用。5、配置公共样式及预编译less安装。4、路由安装及配置(V6)
2023-12-05 17:31:52
117
1
原创 js之数组去重
例如,如果要根据`name`属性进行去重,可以将`products.map(JSON.stringify)`改为`products.map(product => JSON.stringify(product.name))`。在上面的示例中,我们首先使用`map()`方法将数组中的每个对象转换成字符串表示形式,通过`JSON.stringify`进行转换。最后,我们通过`Array.from`和`JSON.parse`将去重后的字符串转换回对象形式,得到去重后的数组`uniqueProducts`。
2023-12-05 15:24:48
124
1
原创 vue3+vite使用scss
3、在对应目录下创建main.scss。2、配置vite.config.js。4、在对应文件引用变量,成功!
2023-08-24 10:59:23
1059
1
原创 javaScript 数组实现模糊搜索功能,将搜索结果放于数组最前方
方法对结果数组进行排序。排序时,如果元素符合搜索条件,则排在前面,如果元素不符合搜索条件,则排在后面。最后,将搜索结果数组和原始数组合并,得到最终的结果数组。请根据实际需求修改关键字和数组来进行测试。要将搜索结果放在数组的最前方,可以使用。方法过滤出匹配正则表达式的搜索结果数组。,将其放于数组最前方后得到最终结果。来搜索水果数组,并得到搜索结果。在上面的示例中,首先,使用。
2023-07-24 17:32:18
375
原创 vue3+vite+ts+element plus 的按需引入
1、在axios封装中使用到Message但是报错 找不到名称“ElMessage”。2、修改配置文件vite.config.ts或者webpack文件。解决方法,在声明文件的global中加入,可参考这个文章。根据文档推荐,自动导入。3、app.vue使用。
2023-06-25 16:59:33
418
原创 VueUse使用
VueUse是基于Composition API的实用程序函数集合。官网链接2、使用setup() {},},以上是在vue3中使用demo。目前使用的函数,
2023-06-25 15:56:28
168
原创 el-select实现全选功能
思路:1、下拉选项增加全部,value为其余选项value的值用逗号拼接。2、处理多选情况其他选项与全部选项的互斥功能。
2023-06-16 15:01:44
2970
1
原创 关于vue项目根目录的配置文件
目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。该tsconfig.json文件指定编译项目所需的根文件和编译器选项。JavaScript 项目可以使用jsconfig.json文件来代替,它的作用几乎相同,但默认启用了一些与 JavaScript 相关的编译器标志。项目中eslint使用的配置文件,git提交忽略的文件或文件夹。格式化代码为统一的格式。
2023-05-05 17:30:01
449
1
原创 vue3+vite+ts 项目保存报错: Component name “xxx“ should always be multi-word vue/multi-word-component-
这个错误是vue3 eslint校验组件名需为驼峰命名且不少于两个单词。解决方法:忽略此报错提醒。在项目的.eslintrc.cjs文件中的rules里添加规则,重新启动项目,此报错消失。
2023-05-05 17:22:04
552
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人