- 博客(118)
- 收藏
- 关注
RSS订阅原创 公车5.0优化内容
6、路由跳转之后添加tab，meta中的hidden配置为false时显示tab，修改所有路由的meta_hide属性为false。1、首屏加载速度慢，原因是commons重复打包了，删除即可，首屏加载速度提升了10几秒，本地打包速度提升了2分钟。5、修改css卡顿问题，全局每个页面都引入了一次global.less，删掉即可。2、删除$dogShanXi重复方法，并全局替换dogShanXi方法。3、Tab打开太多页面卡死，设置最多打开10个。8、路由按懒加载，更换加载方式。
2024-03-07 09:12:08
231
原创 webpack/vue-cli构建速度和打包体积优化
可以生成代码分析报告，可以直观地分析打包出的文件有哪些，及它们的大小、占比情况、各文件 Gzipped 后的大小、模块包含关系、依赖项等javascript复制代码新版的 vue-cli 也内置了webpack-bundle-analyzerjson复制代码配置：默认值：server。在server 模式下，分析器将启动 HTTP 服务器以显示 bundle 报告。在 static 模式下，将生成带有 bundle 报告的单个 HTML 文件。
2024-01-18 20:07:28
1346
原创 Vue3中如何使用this
vue3中，使用setup()来代替了以前data、methods函数等。因为，setup执行是在created之前。所以，没有this。但是又想使用$parent,$refs等方法。
2023-11-15 12:01:15
360
原创 vue中minxin和hooks区别
Mixins 是vue2的用法，通过对象的方式进行定义和应用，在组件中的属性和方法会与组件本身的属性和方法进行合并，可能会导致命名冲突或不可预料的行为。Hooks 是vue3的用法，使用函数的方式定义和使用，可以将相关的逻辑和状态封装为自定义的 Hook 函数，相对来说更安全。
2023-11-14 16:49:15
521
原创 vue自定义指令控制权限
指令会根据当前用户的权限判断按钮是否应该显示，如果权限不足，则从DOM中删除该按钮。1、在main.js中注册全局指令。指令控制按钮的显示和隐藏。
2023-11-14 16:33:41
362
原创 Vue3 + Vite + Ts 开发必备的 VSCode 插件
TypeScript Hero：可以帮助你快速重构 TypeScript 代码，包括重命名、提取函数等。TSLint：另一个代码风格检查工具，可以帮助你遵循一致的 TypeScript 代码风格。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。Prettier：代码格式化工具，可以根据配置格式化代码，让你的代码更加整洁易读。Vue Peek：快速定位 Vue 组件和模板。
2023-11-14 11:03:55
1885
原创 vue-render函数的三个参数
在示例代码中，我们定义了一个表单组件，其中的 `fields` 数组包含了表单中的各个字段，每个字段都有一个 `type` 属性表示字段的类型，例如文本框、密码框、下拉框等。在 `render` 函数中，我们使用 `map` 方法遍历 `fields` 数组，根据每个字段的类型动态生成对应的组件，并将组件的属性和事件绑定到表单数据中。如果需要在模板中使用这些组件，可以通过在 `render` 函数中将生成的组件保存到一个数组中，然后在模板中使用 `v-for` 渲染这个数组。如有任何问题，请随时提问。
2023-11-04 17:28:00
857
原创 vue3使用ts封装axios
在示例代码中，我们使用 TypeScript 创建了一个自定义的 Axios 实例 `api`，并在其中配置了请求拦截器和响应拦截器。我们还封装了 `get` 和 `post` 方法来发起 GET 和 POST 请求，并处理了响应数据和错误。请注意，示例中的 `ApiResponse` 类型和 `ApiError` 类型是根据具体的 API 响应格式进行定义的，您可以根据自己的实际情况进行调整。此外，您还可以根据需要添加其他的封装方法，例如 PUT、DELETE 等。如有任何问题，请随时提问。
2023-11-04 13:42:35
747
原创 vue多地区根据环境变量和url获取对应api地址
当你的项目分为多个地区的时候，而且每个地区的逻辑稍微有点差异的情况下，不需要每个地区都打包一次，只需要根据环境变量配置一个公共文件即可。2、新建globelParams.js。3、在axios接口请求时调用。1、新建多个环境变量文件。
2023-11-03 16:04:12
199
原创 vuex页面刷新数据丢失问题
1、保存在localStorage/sesstionStorage/cookie 中。2、在vuex中每次调用这个接口。
2023-11-03 15:39:09
160
原创 前端代码规范
HTML 编码规约(WC-HTML)-HTML 编码规约前言本规约涉及 HTML 语言的编码风格、最佳实践。配套工具eslint-config-ali：集团 JS 规约配套的 ESLint 规则包参与和反馈对规约有任何意见和建议，欢迎到这里提 issue，或到规约站点版的对应条目中留言讨论：） 1【推荐】使用 2 个空格缩进。 统一使用 2 个空格缩进，不要使用 4 个空格或 tab 缩进： <!DOCTYPE html><html>
2023-09-21 16:42:28
761
1
原创 vue动态组件is的两种用法
3、缓存后产生activated生命周期，每次都会调用。1、is属性通常用于渲染动态组件（选项卡）2、keep-alive缓存组件。
2023-09-14 15:17:59
328
原创 vue 父组件给子组件传递一个函数，子组件调用父组件中的方法
在父组件中，我们在子组件中给他绑定一个属性，而这个属性是一个函数。vue 中父子组件通信，props的数据类型可以是。在子组件中我们接收父组件传递过来的这个属性。
2023-09-13 11:11:50
436
原创 es6中includes用法
includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false。includes可以包含两个参数，第二个参数表示判断的起始位置。js中的includes用法。起始位置第一个数字是0。
2023-09-13 11:07:58
475
原创 前端vue3+ts架构
修改husky中pre-commit文件，npm test为npm run lint。.editorconfig文件如下，无论什么编辑器都按这个格式执行。package.json中配置一键执行全部文件代码格式化。一路enter，选择eslist+prettier。.prettierignore文件如下，忽略某些效验。.prettierrc文件如下，保存代码格式化。使用prettier格式化设置。继续enter，等待安装。vscode右键格式化文档。按步骤操作，项目启动成功。
2023-08-27 20:39:28
744
原创 el-table循环过滤器
2、遍历title数据，并给表格data赋值，label就是表头，prop就是要显示的值。3、过滤器处理自己想要的数据，默认有一个参数是当前值。1、获取表格title和内容。
2023-07-25 15:29:16
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人