流浪のwolf

卷帝

导航

上一页 1 ··· 44 45 46 47 48 49 50 51 52 ··· 73 下一页

2022年11月10日

Failed to mount component: template or render function not defined 使用 require 引入组件的时候报错

摘要: 为什么有的时候使用require引入组件不会报错,有的时候就会报错,需要加上default就不会报错 ? webpack 支持 CommonJS和 ES6模块打包,当我们引用组件的时候,在 script 标签内使用的是 ES6 的语法且使用 export default 默认导出。但是,requir 阅读全文

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

2022年11月9日

将数组数据转化成树形结构 tranListToTreeData

摘要: export function tranListToTreeData(list, rootValue) { // list是最完整的数组 let arr = []; // 记录儿子 list.forEach((item) => { // 记录是否有儿子 if (item.parentId rootV 阅读全文

posted @ 2022-11-09 01:03 流浪のwolf 阅读(105) 评论(0) 推荐(0) 编辑

HRM平台 - 组织结构的渲染

摘要: 组织结构是一个公司的灵魂 ,多使用树型结构 ; 页面格式: 渲染头部 : 头部代码: <template> <el-row type="flex" justify="space-around" style="height: 40px; width: 100%" align="middle" > <! 阅读全文

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

2022年11月8日

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

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

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

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

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

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

Vue 路由的懒加载的作用

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

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

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

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

posted @ 2022-11-08 21:26 流浪のwolf 阅读(25) 评论(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 阅读(14) 评论(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 阅读(86) 评论(0) 推荐(0) 编辑

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

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

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

上一页 1 ··· 44 45 46 47 48 49 50 51 52 ··· 73 下一页