- 博客(12)
- 收藏
- 关注
原创 读vben2-理解项目国际化的做法
Installation | Vue I18n基础介绍项目中的管理国际化 | Vben Admin 官方文档获取messages vben2提供两种方案:(1)项目文件目录每一个语言存放一个文件夹,文件夹下按照模块进行划分。(2)读取目录下的文件内容转换为messagesvben2中写了一个genMessage的方法将其按相应的目录结构转化为多层级的,使用时则通过t('components.modal.title')的形式获取语言。messages的转换处理单独封装在一个文件中,供后续使
2025-02-07 16:12:52
380
原创 读vben2-理解一个项目的路由、菜单、权限控制
背景:以下为个人的粗糙理解,捋清楚在开发中的大致思路。有了正确的思路,实现它就不是问题。欢迎指正,更多细节慢慢填充。
2025-02-05 17:51:55
328
原创 使用html5 draggable实现拖拽功能中遇到的问题及解决
前端项目中使用了draggable属性来实现拖拽,相比于使用插件,draggable的灵活度很高。但是发现拖动元素在拖动过程中的透明度会统一变低,当拖动元素较大时会出现虚化的情况(如下图),这样的拖动效果很不好,这里记录一下解决过程。draggable的使用参考文档。
2024-11-20 15:28:57
614
原创 VScode操作栏找不到commits了怎么办(布局)
2、点击‘...’,detach分离/regroup重新集结。detach commits view即可分离commits,单独使用。随后可以通过拖拽调整自己喜欢的布局。点击图标拖拽可以调整位置,可拖入拖出,调整为自己习惯的布局。1、点击右键找到GitLens,勾选显示;vscodes常用布局乱了怎么重新设置?
2024-11-18 09:36:27
1186
原创 leetcode刷题总结01---回溯法
前端小菜鸡励志刷满1000道算法题!刷题是用的javascript写的哈,之前刷了一些简单题,有了一定的算法思想基础后,开始写一些中等题。个人是根据tag分类来刷的,现在刷backtracking回溯法类别的,发现解题思路挺雷同的,个人不喜欢死记硬背,这里总结一下自己刷这类题的一些思路吧,方便后期回忆,加深印象。做题前我偏向于用树来画出遍历的路径,便于自己理解整个回溯的过程。,从而舍去一些无意义的遍历路径,提交效率。【17】电话号码的字母组合【78】子集。根据题目的一些信息,找到关键的信息进行。
2024-09-14 17:45:30
496
2
原创 关于使用echart常见问题的一些记录
感觉web前端echart的使用频率还是挺高的,echart配置很多,这里对于一些实现进行一个积累,方便后续类似需求的快速开发。
2024-08-19 14:21:53
337
原创 前端渲染优化常用总结-滚动分页加载、虚拟列表、延迟加载IntersectionObserver
有时候数据量大,页面请求数量过多会造成不好的体验,比如接口响应时间慢、并发请求多,渲染慢等等。最近就遇到了类似的优化需求,主要是三种滚动分页加载、虚拟列表、延迟加载,在这里记录一下他们的使用场景。
2024-06-17 15:13:54
1501
原创 单行及多行文本溢出打点及悬停tooltips的实现
经常在项目中遇到文本过长的情况,为了显示美观,一般会将溢出部分用省略号显示,并在鼠标悬停时展示全部文本。除了单行文本,有时还会要求对多行文本超过一定行数时进行处理。这里记录一下组件的实现。
2024-06-04 17:26:23
322
原创 CSS transform属性+js requestAnimationFrame函数实现旋转方块以及调整转动速度
遇到了一个面试题目,要求点击该div,div开始转动,再次点击转动速度增加点击stop按钮,div转动速度减小,使用requestAnimationFrame实现。 <style> #rotate { background-color: red; width: 200px; height: 100px; margin-top: 100px;
2022-02-27 15:33:53
1377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人