- 博客(14)
- 收藏
- 关注
RSS订阅原创 读vben2-项目中图标管理的几种方式
遇到项目中使用较多的是阿里图标库iconfont，在上面可以进行图标上传、命名等管理。可以自己定义传入style等props 封装并注册成为全局组件。
2025-04-22 13:14:53
345
原创 leetcode刷题总结03---位运算
位运算对于我个人来说难度是比较大，里面主要涉及到异或、与、或、移位等操作，平时的前端工作中对于这些运算也比较少，所以不敏感。在解题中，位运算的使用方法很灵活，没有什么特定的讨论可言，这里个人觉得主要在于平时的积累，刷题的时候积累。word[j].charCodeAt() - 'a'.charCodeAt() ：得到当前字符对于‘a’的偏移量（a = 0，b=1，...）1<< x： 左移位 （a：000001，b：000010，c：000100...）【260】只出现一次的数字|||【371】两整数之和。
2025-04-18 16:44:44
238
原创 读vben2-理解项目国际化的做法
Installation | Vue I18n基础介绍项目中的管理国际化 | Vben Admin 官方文档获取messages vben2提供两种方案：（1）项目文件目录每一个语言存放一个文件夹，文件夹下按照模块进行划分。（2）读取目录下的文件内容转换为messagesvben2中写了一个genMessage的方法将其按相应的目录结构转化为多层级的，使用时则通过t('components.modal.title')的形式获取语言。messages的转换处理单独封装在一个文件中，供后续使
2025-02-07 16:12:52
404
原创 读vben2-理解一个项目的路由、菜单、权限控制
背景：以下为个人的粗糙理解，捋清楚在开发中的大致思路。有了正确的思路，实现它就不是问题。欢迎指正，更多细节慢慢填充。
2025-02-05 17:51:55
385
原创 使用html5 draggable实现拖拽功能中遇到的问题及解决
前端项目中使用了draggable属性来实现拖拽，相比于使用插件，draggable的灵活度很高。但是发现拖动元素在拖动过程中的透明度会统一变低，当拖动元素较大时会出现虚化的情况（如下图），这样的拖动效果很不好，这里记录一下解决过程。draggable的使用参考文档。
2024-11-20 15:28:57
704
原创 VScode操作栏找不到commits了怎么办（布局）
2、点击‘...’，detach分离/regroup重新集结。detach commits view即可分离commits，单独使用。随后可以通过拖拽调整自己喜欢的布局。点击图标拖拽可以调整位置，可拖入拖出，调整为自己习惯的布局。1、点击右键找到GitLens，勾选显示；vscodes常用布局乱了怎么重新设置？
2024-11-18 09:36:27
1321
原创 leetcode刷题总结01---回溯法
前端小菜鸡励志刷满1000道算法题！刷题是用的javascript写的哈，之前刷了一些简单题，有了一定的算法思想基础后，开始写一些中等题。个人是根据tag分类来刷的，现在刷backtracking回溯法类别的，发现解题思路挺雷同的，个人不喜欢死记硬背，这里总结一下自己刷这类题的一些思路吧，方便后期回忆，加深印象。做题前我偏向于用树来画出遍历的路径，便于自己理解整个回溯的过程。，从而舍去一些无意义的遍历路径，提交效率。【17】电话号码的字母组合【78】子集。根据题目的一些信息，找到关键的信息进行。
2024-09-14 17:45:30
513
2
原创 关于使用echart常见问题的一些记录
感觉web前端echart的使用频率还是挺高的，echart配置很多，这里对于一些实现进行一个积累，方便后续类似需求的快速开发。
2024-08-19 14:21:53
347
原创 前端渲染优化常用总结-滚动分页加载、虚拟列表、延迟加载IntersectionObserver
有时候数据量大，页面请求数量过多会造成不好的体验，比如接口响应时间慢、并发请求多，渲染慢等等。最近就遇到了类似的优化需求，主要是三种滚动分页加载、虚拟列表、延迟加载，在这里记录一下他们的使用场景。
2024-06-17 15:13:54
1714
原创 单行及多行文本溢出打点及悬停tooltips的实现
经常在项目中遇到文本过长的情况，为了显示美观，一般会将溢出部分用省略号显示，并在鼠标悬停时展示全部文本。除了单行文本，有时还会要求对多行文本超过一定行数时进行处理。这里记录一下组件的实现。
2024-06-04 17:26:23
346
原创 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
1388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人