- 博客(55)
- 收藏
- 关注
RSS订阅原创 monaco-editor 自定义高亮法则 长代码行导致浏览器崩溃问题的修复
很久没有写技术文章了，最近工作中遇到一个比较棘手的问题，我们平台于两年前集成了monaco-editor代码编辑器，替代了之前的老方案code-mirror，monaco-editor可以将其理解成visual studio code的网页版本，因此我们在平台编辑代码拥有了和visual studio code一样的使用体验，这也是我们更新替代方案带来的最大的优势。
2025-02-20 15:01:31
161
原创 Vue编译报错 “Failed to resolve import “@/router“ from “src\main.js“. Does the file exist ? “ 问题修复
Vite构建工具解析别名resolve.alias配置
2024-06-26 14:54:57
5963
1
原创 Vite构建前端项目，在生产环境隐藏console和debugger
本文主要探讨在前端项目构建过程中，在生产环境隐藏console和debugger，需要在vite配置文件修改的内容
2024-06-26 10:54:21
968
1
原创 使用Tailwindcss之后，vxe-table表头排序箭头高亮消失的问题解决
使用Tailwindcss之后，vxe-table表头排序箭头高亮消失的问题解决
2024-06-25 14:42:55
716
原创 JSON.parse 解析NaN, Infinity, -Infinity失败
JSON.parse 解析NaN, Infinity, -Infinity失败
2024-06-21 10:39:51
552
原创 Tailwindcss Hover, Focus, & Other States (悬停、聚焦和其他状态) Limitations
# Tailwindcss Hover, Focus, & Other States (悬停、聚焦和其他状态) Limitations
2024-06-18 17:17:03
965
原创 Highcharts 股票图看板实时更新时内存占用大问题
第二个布尔值是新增点之后是否重绘图表，第三个布尔值是新增点之后，是否删除之前的点，也就是说，是否要滚动显示一定量的点。
2024-05-23 11:47:39
423
原创 Antd Vue项目引入TailwindCss之后出现svg icon下移，布局中的问题解决方案
Antd Vue项目引入TailwindCss之后出现svg icon下移，不能对齐显示的解决方案
2024-05-22 17:27:10
551
原创 Vue received a Component that was made a reactive object. This can lead to unnecessary performance
但是，在某些情况下，将Vue组件对象转换为响应式对象是不必要的，因为组件本身是Vue的核心概念，已经具有响应式的功能，因此，如果你将一个Vue组件对象转换为响应式对象，将会出现重复观察相同的对象属性的情况，导致不必要的性能开销。将一个Vue组件对象转换为响应式对象时，可能会导致不必要的性能开销。为了避免这种情况，Vue建议使用markRaw方法将组件对象标记为非响应式对象，或者使用shallowRef代替ref来创建一个浅响应式对象。终端提示警告warning message。
2024-01-05 16:10:26
7157
原创 Vite启动后提示Network: use `--host` to expose
Vite启动后提示Network: use `--host` to expose
2024-01-02 20:10:16
1165
原创 JavaScript 获取字符串的字节长度
JavaScript 编码中 字母和数字占据一个字节，但是有些其他符号占据2,3,4个字节的也有。因此，想要获取字符串的字节长度，就不能单纯的使用String.length。
2023-12-29 15:35:02
721
原创 配色网站推荐
Material Palette：Flat UI Colors： Coolors： Brand Colors： 中国风配色： uiGradients：
2023-12-20 15:16:46
88
原创 localforage Uncaught SyntaxError: Unexpected token ＜
localforage安装在vue项目中引入需要将node_modules/localforage/dist/localforage.js文件复制粘贴到项目根目录下的/public文件夹中，然后在App.vue文件中引入需要将文件拷贝至/public目录，否则会一直报错，
2023-08-23 13:40:41
142
原创 monaco-editor 如何禁用键盘快捷键 Keyboard Shortcuts
monaco-editor 如何禁用键盘快捷键 Keyboard Shortcuts
2023-08-09 14:09:56
828
原创 如何动态生成antd vue的menu组件
需要根据动态生成垂直菜单组件，数据来源的一级菜单可能包含二级子菜单，也可能不包含二级子菜单。难度在于是否包含二级子菜单决定着生成<a-menu-item>组件还是<a-sub-menu>组件，因此给开发带来难度。且vue的模板预览中v-if, v-else等条件判断不能与v-for循环出现在同级标签上。善用template标签，将v-for循环放在template标签，再将v-if, v-else语句判断是否包含子菜单，决定生成<a-menu-item>还是<a-sub-menu>template模板。
2023-05-25 11:11:51
1094
原创 前端如何预览pdf文件流
通过查找资料，可以找到如下几种方案，其中最为成熟的方案是vue-pdf1. iframe 既可以用来浏览本地static下的文档，也可以预览后端返回的文件流文档2. vue-pdf 较为完善的vue预览pdf的方案3. vueshowpdf 网络上找到的一个他人封装的pdf组件优点vue-pdf总结下来，简单在页面嵌套PDF样式没有定制化vueshowpdf权限控制，样式定制需求高vue-pdf。
2023-05-23 14:36:24
9442
3
原创 iconfont 使用总结
当项目足够复杂时，本地管理icons资源的劣势变得愈加明显，首先是占用项目空间，其次以组件形式引入单个svg文件挺麻烦，其次使用iconfont的icon还需要创建一个文件，将svg内容复制粘贴到本地。找到满意的图表，鼠标聚标可以看到图标上出现购物车按钮，点击此按钮可以选择将该图表添加到购物车。添加到购物车成功后，会看到顶部栏的购物车上面出现红色的数字1，点击顶部栏的购物车。添加到项目之后，进入到项目页面，选择font class引入方式，点击下载至本地。通过class使用图标,如：icon-daima；
2023-05-10 14:14:23
671
原创 vue2使用butterfly绘制有向无环图经验总结
节点的位置可以交给canvas.layout方法去计算，只需要定义layout的类型和节点之间的横向间距和行间纵向间距。canvas config 如下。render data的结构。
2023-05-09 14:58:25
3293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人