![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 65
FYAN2001
这个作者很懒,什么都没留下…
展开
-
代码高亮的可行性方案,highlight.js
在博客或者文档中,通常会需要会需要高亮显示代码,这通常需要满足屏幕大,高刷(...bushi), 应该是配色好看,插件生态丰富。目前实现代码分割的主要是两个库PrismJS,highlight.js原创 2022-05-23 14:15:30 · 1010 阅读 · 0 评论 -
vue 中使用 highlight.js , 及代码高亮组件
一个组件一个prop实现代码高亮在编写组件文档或者博客时,经常有需要贴代码的地方,同时为了美观,我们通常想要其像vscode那样高亮显示代码。如果你是用 vuepress 等 vue-powered 生成的静态SSR 博客或者文档项目,你将没有这部分的顾虑,markdown语法的编译会帮您做好一切的事情但如果你只是想给组件写一个说明文档,或者一个简单的github-page你可能会用到代码高亮组件提供了明暗 两种风格复制选项滚动条样式优化等等开箱即用,大小仅有2原创 2022-05-18 14:37:17 · 880 阅读 · 0 评论 -
IntersectionObserver 使用 , 懒加载列表实现 , 虚拟列表探索
使用IntersectionObserver 可以让我们快速实现 懒加载 和 虚拟列表首先我们创建 observer 观察者实例observer = new IntersectionObserver(callback, options);options 是配置的参数 (选填)observer 则是一个观察器实例有一些基础的方法// 开始观察observer.observe(document.getElementById('example'));// 停止观察observer.un原创 2022-05-11 14:15:04 · 1194 阅读 · 0 评论