工程化及架构能力
工程化及架构能力
monstkl
小白
展开
-
vue 插槽
【代码】vue 插槽。原创 2023-04-22 00:23:43 · 43 阅读 · 0 评论 -
创建一个vue应用
【代码】创建一个vue应用。原创 2023-04-21 01:12:16 · 110 阅读 · 0 评论 -
vue3 directive
/ 定义v开头的驼峰式命名的变量,值为一个对象或者函数let timervalue()}, 500)})})原创 2023-04-20 22:58:11 · 92 阅读 · 0 评论 -
vue 异步组件
一见如故const Xxx = defineAsyncComponent(() => import('./Xxx.vue'))defineAsyncComponent接受一个"返回promise的函数",返回一个外包装的组件AsyncComp,它的使用是vue内部行为场景:1、<AsyncCom v-if=‘flag’ />,让异步组件代码不用立马加载,等需要的时候再加载2、AsyncCom + Suspense,让耗时的组件作为异步组件使用,在组件没有完全渲染之前,展示’预原创 2023-04-20 23:40:58 · 260 阅读 · 0 评论 -
vuecli3---配置不同环境全局变量和添加脚本
一、在package.json文件中添加"test":"vue-cli-service build --mode test"二、在项目的根目录下创建三个文件1、.envNODE_ENV = 'production'VUE_APP_FLAG = 'pro'2、.env.testNODE_ENV = 'production'VUE_APP_FLAG = 'test'outputDir = test3、vue.config.jsoutputDir: process.e原创 2020-06-19 00:33:42 · 794 阅读 · 0 评论 -
vue 动态组件
【代码】vue 动态组件。原创 2023-04-20 23:05:05 · 284 阅读 · 0 评论 -
vue 插件开发
【代码】vue 插件开发。原创 2023-04-22 00:53:15 · 199 阅读 · 0 评论 -
函数式组件
【代码】函数式组件。原创 2023-04-19 23:49:52 · 49 阅读 · 0 评论 -
项目代码标准化
eslint偏向于把控项目js、ts、vue等代码的质量;prettier偏向于js、ts、vue的代码风格;stylelint偏向于把控css代码风格的统一。原创 2023-11-09 00:31:35 · 261 阅读 · 0 评论 -
性能优化概述
避免使用复杂的js代码、减少DOM操作和重绘操作(修改dom的宽高等、增删dom、改变窗口大小、滚动页面)、懒加载异步加载js文件、压缩代码、web worker。使用HTTP2(可以同时发多个请求)、使用CDN、使用流浪器缓存、css sprites合并减少请求、对某些模块延迟加载、减少减小请求。网页第一次达到可交互状态的时间点,此时浏览器可持续性的响应用户的输入,这个时间点多数情况是最后一个长任务完成的时间点。网络、硬件、服务响应时间长、JS执行时间长、css渲染时间长。速度指数,指渲染的速度。原创 2023-05-27 23:34:27 · 779 阅读 · 0 评论 -
axios的二次封装
【代码】axios的二次封装。原创 2023-05-22 00:40:14 · 99 阅读 · 0 评论