• 谈一个谈这几个月的收获


    从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=“”)来渲染不同首页组件

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

  • 相关阅读:
    JavaScript HTML DOM
    面试:ReentrantLock对比Synchronized
    ORACLE 查询SQL优化
    如何在 Linux 上安装 MySQL
    海量数据怎么处理?报表引擎得选对
    关于 Node.js 参数 max-old-space-size
    Kafka集群搭建与SpringBoot项目集成
    Spring中获取bean的方式
    华为云磁盘挂载
    yolov7 训练 和 tensorrt 实现
  • 原文地址:https://blog.csdn.net/tjq11111/article/details/127987832