![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端搬砖
理塘特邀码农
一只云原生+go+业余前端搬砖鼠鼠
展开
-
vue2引入monaco-editor,封装以及常见问题踩坑总结
十分重要,首先,要找到跟当前vue版本匹配的monaco-editor版本,我是用的是vue2.x,尝试了最高支持的版本是monaco-editor 0.30.1,同时要实现代码提示需要引入与之匹配的的monaco-editor-webpack-plugin,这里我引入的是 6.0.0,亲测能完美实现代码提示。这几天使用业务中有一个需求是需要做代码在线编辑,因此对比了下首先想到了monaco-editor,但是实测引入到项目中会遇到一些坑点,因此将引入流程和坑点进行梳理。原创 2024-03-04 11:19:02 · 2874 阅读 · 2 评论 -
组件不能动态重载的曲线救国的方法,实现不刷新页面重载组件
最终曲线救国的方案就是:给这个组件绑定一个key,并且在单击这个"一键展开"的时候将reloadKey+1,这样就能实现重载这个组件,但是会有一个小小的闪烁,所以可以给组件加上缓入的动画,其他第三方组件如果不支持动态重载的话,也能用绑定key的方式让它动态加载。在写一个json格式化预览页面的时候,需要实现一键展开/收起右侧预览区json结构,但是这个组件提供的这个参数只能在组件加载时就配置好,并不能动态去进行修改这个参数实现展开/收起状态。原创 2024-03-01 13:50:58 · 505 阅读 · 0 评论 -
JSON.parse导致数字精度丢失末尾变成0问题解决方案
在写一个JSON预览小工具时发现JSON.parse遇到超长数字时会导致精度丢失,超出了安全范围之后的数会被替换为0,比如。其实解决方法很简单,只需要引入json-bigint库进行parse即可。完成如上操作,超出安全范围的数字即可被转换为字符串正常显示了。step2.使用json-big进行parse。step1.引入json-bigint。在JSON.parse之后会被变成。原创 2024-02-29 15:22:09 · 4634 阅读 · 0 评论