谈一个谈这几个月的收获

24 篇文章 0 订阅
23 篇文章 0 订阅

从8-24到今天(11-22),这三个月的时间,经历和收获还是蛮多的

基本拿捏了Naive UI和vxe-table这两个组件库,对代码的阅读能力也有了一个小提升(因为vxe-table我个人感觉偏冷门(不是说不好用),能用来参考的资料太少了(每次遇到问题,基本要看半天的官网代码,全靠这个提高了阅读能力),官网上的最终表格例子很好用),git的指令也是更上一层楼(之前都是可视化git操作,很长时间不打git指令了),然后就是lodash,之前很少用,最近一段时间一直在用(深浅拷贝、节流防抖),又因为这边项目大多都是后端返回文件流,因此对文件流形式的处理也比较熟悉了

Naive UI :1、文件上传组件Upload、对话框组件Dialog、按钮、以及全局化配置真的很好用,用起来很舒服、效果也很n13,吹爆这个组件
2、字体图标有点不好用、message信息提示框第一次用也比较麻烦(看了小半天官方文档才知道使用方式)
3、看官方说明,这个组件库对ts支持比较友好(我基本都是anyscript、项目时间短,不想额外加负担)

vxe-table:这个的里面的高级表格,真心好用,并且官网文档给的全部功能实例,也很好,基本用一小会就能熟练,唯一缺点就是网上的参考资料较少,遇到问题都是去官方群聊里面问的(或者看官方文档),其中的数据代理,吹爆,特好用。

git指令 :https://blog.csdn.net/tjq11111/article/details/127871061?spm=1001.2014.3001.5501,之前写过,之所以选择用git指令而不是可视化(公司电脑vscode的git配置好像有点问题,我也不想去改动,索性就写一写指令)。

Vue CountTo: http://panjiachen.github.io/countTo/demo/ ,一个小小的组件,称不上组件库,但是用起来很贴心,直接在官网调试然后cv代码即可。

文件流处理:这个没什么复杂的,有两点要注意一下,(1)、responseType: ‘blob’,这个一定要在响应头前面进行配置,作用就是把文件流转为blob形式,(2)、然后就借助URl.createObjectURL以及new Blob(参数一,参数二)即可,参数一是数组,里面存放的是后端给的文件流eg:[文件流],参数二就是转化为文件的类型

component标签:说实话,这个标签我一般都想不起来用,都是采取v-if、v-else来渲染不同的组件,之所以想起啦,是因为这边看到我们项目中有一个比较好的后台权限管理思路,其中就利用了这个标签。步骤:
1、登录页面:正常流程,登录之后保存cookie、token(window.localStorage.setItem),后台返回登录成功之后,我们前端会进行页面跳转(跳转至路径上的重定向页面或者默认页面)。
2、登录后页面跳转(先跳转到首页),在页面路由前置守卫上面进行一个操作(addroute),先调取用户信息接口,我们拿到当前用户的权限将他储存在pinia或vuex或挂载到window上,根据权限我们利用addroute动态添加页面路径,如果有些用户没有首页的权限,可以在前置守卫多加一步判断,根据当前的权限,有首页权限执行next,没有就将页面重定向到用户有权限的页面(next({name:“目标页面”}))。、
3、上面步骤会在每次页面跳转之前触发一次,并不是很好,可以储存一个全局布尔变量,true的状态表明我们已经添加过动态路由,不需要重复步骤
4、component,用户的首页和管理员的首页不一样,我们就可以用到这个标签,拿到我们全局储存的权限,判断身份,根据身份(:is=“”)来渲染不同首页组件

总结:三个月收获很大,还有一些收获,我不太懂描述,就没有写,上面篇幅有不好的地方,请见谅,致谢。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值