流浪のwolf

卷帝

导航

2022年11月8日

Vue 项目优化解决方案 有哪些 ?

摘要: 1. 打包的时候 , 通过插件把css代码单独抽离出来使用 link 引入 2. 打包的时候 , 通过webpack内置插件optimization 把 公共的js代码抽离出来 ps:打包之后,代码冗余,体积大 ,原因是 相同的模块 在不同的入口之间没有得到复用 ,bundle 之间比较独立 ,bu 阅读全文

posted @ 2022-11-08 23:01 流浪のwolf 阅读(34) 评论(0) 推荐(0) 编辑

如何对 Vue 首屏加载实现优化 ?

摘要: 首屏加载优化是对于 SPA 来说的 ,首次加载所有的 html css js 所需的文件 ,后面就不会因为用户对页面的操作而跳转页面 ,没有跳转页面如何展示不同的内容呢 ? 使用 Vue 的路由机制 ,实现不同内容的展示 ; SPA 的优点 : 1. 页面切换速度快 2. 页面内容的改变,不需要重新 阅读全文

posted @ 2022-11-08 21:44 流浪のwolf 阅读(407) 评论(0) 推荐(0) 编辑

Vue 路由的懒加载的作用

摘要: 不会一次性加载全部的路由 ,使用哪个页面 就会加载哪个路由 ; 可以优化spa页面首次加载 ; 阅读全文

posted @ 2022-11-08 21:38 流浪のwolf 阅读(21) 评论(0) 推荐(0) 编辑

在 Vue 实例中编写生命周期hook 或者其它 option/propertie 时,为什么不适用箭头函数 ?

摘要: 首先,箭头函数没有自己的 this 环境变量 会沿用作用域使用父级this ; 由Vue 管理的函数 ,如果写成箭头函数 this 就不在是 Vue 实例 了 ; 阅读全文

posted @ 2022-11-08 21:26 流浪のwolf 阅读(27) 评论(0) 推荐(0) 编辑

关于自动部署 - 基于gitlab关联 腾讯云 web 应用

摘要: gitlab 相当于 gitee 的企业版形式 ; 步骤 1. 使用 Vscode 编写代码,使用 gitlab托管代码, 2. 新建腾讯云 web 应用 ,gitlab 关联 web应用, 3. 每次push代码到gitlab,gitlab会通知web应用拉取代码,更新网页 ; 自动部署的作用 : 阅读全文

posted @ 2022-11-08 19:24 流浪のwolf 阅读(17) 评论(0) 推荐(0) 编辑

导入员工 excel 批量上传

摘要: 1. 安装 包 npm i xlsx yarn add xlsx 2. 封装一个上传的组件 src/components/UploadExcel/index.vue code : <template> <div class="upload-excel"> <div class="btn-upload 阅读全文

posted @ 2022-11-08 14:33 流浪のwolf 阅读(91) 评论(0) 推荐(0) 编辑

打包上线分析 - 后台管理系统 - 性能优化

摘要: ps:路由的两种模型 hash 和 history 模式 ;推荐 hash 模式 ; 打包:ps:要和package.json 的打包命令一致 ; 性能分析和体积优化 ,一些 js 文件的体积比较大 ,可能是 echarts 文件 ; 1. 打开vue 的ui 界面 2. 导入项目文件 3. 打包项 阅读全文

posted @ 2022-11-08 11:52 流浪のwolf 阅读(208) 评论(0) 推荐(0) 编辑

多语言的实现

摘要: 语言包的实现原理 :键值对的匹配; 1. 第一步,安装包 npm i vue-i18n@8.22.2 yarn add vue-i18n@8.22.2 2. 引入语言包 3. 封装一个多语言的实例化文件 src/lang/index.js import Vue from "vue"; import 阅读全文

posted @ 2022-11-08 10:48 流浪のwolf 阅读(38) 评论(0) 推荐(0) 编辑

封装大屏组件 screenfull

摘要: 错误场景:使用大屏插件 screenFull 报错:in ./node_modules/screenfull/index.js Module parse failed: Unexpected token (59:42) You may need an appropriate loader to ha 阅读全文

posted @ 2022-11-08 09:48 流浪のwolf 阅读(471) 评论(0) 推荐(0) 编辑

javascript 中 0.1 + 0.2 === 0.3 是否正确 ?

摘要: 不正确 ,因为 js 是 动态 、弱类型 ,即时编译的语言 ;js中的小数都是浮点型 ,比如 0.1 实际上可能是 0.11111111... 0.2 可能是 0.2 22222..... 所以 0.1 + 0.2 并不等于 0.3 可能等于 0.33333333.... 阅读全文

posted @ 2022-11-08 08:57 流浪のwolf 阅读(110) 评论(0) 推荐(0) 编辑

组件全局注册 每个页面可以直接使用组件

摘要: 文件结构: index.js 文件代码 : import PageTools from "./PageTools"; import UploadExcel from "./UploadExcel"; import ImageUpload from "./ImageUpload"; import Pr 阅读全文

posted @ 2022-11-08 08:44 流浪のwolf 阅读(17) 评论(0) 推荐(0) 编辑