vue
文章平均质量分 50
祖传做年糕
征途漫漫,唯有奋斗
展开
-
升级和锁定package.json里的版本号
今天同事在升级view-design的时候,drone流程报错了。错误信息如下:npm ERR! code EINTEGRITYnpm ERR! Verification failed while extracting view-design@4.4.0:npm ERR! Verification failed while extracting view-design@4.4.0:npm ERR! sha1-bwgcZzt3QgObs4o6UZOO+rtg0KI= integrity checksum原创 2022-06-16 15:06:38 · 3603 阅读 · 0 评论 -
自定义指令实现vue项目中的按钮级权限
vue项目中通过自定义指令实现按钮的显示/隐藏,按钮角色是保存在vuex中的(正常是通过登陆接口返回塞进去的)。import Vue from 'vue'import store from './store'import route from './router'const customDirective = () => { // 注册一个全局自定义指令 `v-focus`,默认focus Vue.directive('focus', { inserted: function原创 2022-01-21 00:00:00 · 411 阅读 · 0 评论 -
前端微应用qiankun框架集成参考
接触qiankun框架也有一段时间了,一直没什么产出,这篇文章来源于组内同学的分享ppt,对于新人来说可能觉得没头没尾,希望大家见谅。虽然以下内容已在多个项目中得以验证,但是缺少部分小细节,大体思路如此,仅供参考思路非常重要的3个钩子:getQianKunConfig().then((result) => { (window as any).qiankun.registerMicroApps(result.subApps, { // beforeLoad: app => {原创 2022-01-18 11:00:22 · 1431 阅读 · 0 评论 -
vue-property-decorator之@Inject可选参
相信大家的项目都已经接入了typescript,如果还没有接入的希望大家尽早接入。如果是用vuejs2.x的小伙伴,一定对vue-property-decorator 模块不陌生,我们经常在项目里这么用:import { Vue, Component, Prop, Provide, Inject } from 'vue-property-decorator';我们知道在vuejs原生语法里,provide、inject是配对使用的,在装饰器语法里@Provide,@Inject装饰器也需要配对使用,存原创 2022-01-17 22:15:00 · 1145 阅读 · 1 评论 -
vue组件封装技巧,如何对vue模块进行功能封装
如何对vue模块进行功能封装,vue组件封装技巧当业务不断累加,导致原本干净整洁的代码越来越冗余,各种变量和注释已经让他人望而却步,往往又苦于重构带来的成本,导致诞生很多巨石应用。与其让自己或他人面临这种问题,不如我们一起来学习下,如何将代码更优雅的组织起来,前人栽树,后人乘凉。我经常和别人强调,一定要做好设计,设计的目标是什么?个人理解是,增加代码的可塑空间,降低维护成本。文档设计是必要的吗?答案是肯定的,在做业务之前一定要做好设计,但究竟哪些是需要我们设计的呢?做好以下几点,轻松搞定前端文档设计原创 2021-09-28 10:40:59 · 3987 阅读 · 1 评论 -
nginx报错unknown directive “gzip_static”,使用webpack的gzip优化
前几天对项目进行了webpack打包优化,开启了webpack的gzip功能,打包出来的.gz需要nginx开启gzip功能才能使用,要不然加载资源会报404;新增nginx配置如下:#开启和关闭gzip模式gzip on;#gizp压缩起点,文件大于1k才进行压缩gzip_min_length 1024k;#gzip 压缩级别,1-9,数字越大压缩的越好,也越占用CPU时间gzip_comp_level 4;#进行压缩的文件类型。gzip_types text/plain appli原创 2021-05-20 17:37:32 · 7091 阅读 · 13 评论