自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

桉屿念汐

修炼

原创 Vue项目引入Markdown文档、自定义锚点跳转和图片加载问题解决

Vue项目引入Markdown文档，主要涉及到在Vue应用中使用Markdown语言来编写和展示内容。像我们在写用户操作手册或者项目changeLog时，可以直接写成Markdown形式，然后引入到页面中，方便用户查看。

2024-05-21 16:24:30 2824 3

原创前端面试之伪数组

前端面试之伪数组。

2022-08-04 21:53:40 1030

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

桉屿念汐优快云认证博客专家优快云认证企业博客

码龄7年

暂无认证

IP 属地：山东省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

2: 原创

121万+: 周排名

47万+: 总排名

8655: 访问

: 等级

53: 积分

21: 粉丝

20: 获赞

3: 评论

38: 收藏

私信

关注

最新评论

Vue项目引入Markdown文档、自定义锚点跳转和图片加载问题解决
桉屿念汐: 代码贴上不能使用吗？思路是采用排他思想，具体代码是这一部分nextTick(() => { // 获取所有的 .tocNavigation-item 元素 var clickableDivs = document.getElementsByClassName('tocNavigation-item'); // clickableDivs 得到的是伪数组，里面的每一个元素clickableDivs[i] for (var i = 0; i < clickableDivs.length; i++) { clickableDivs[i].onclick = function () { // (1) 先把所有的按钮颜色去掉 for (var j = 0; j < clickableDivs.length; j++) { for (var q = 0; q < titles.value.length; q++) { if (titles.value[q].tagName == hTags.value[0]) { clickableDivs[q].style.color = "#646a73"; clickableDivs[q].style.fontWeight = "700"; } else { clickableDivs[j].style.color = ""; clickableDivs[j].style.fontWeight = "400"; } } } this.style.color = "#1456f0"; this.style.fontWeight = "700"; }; } })
Vue项目引入Markdown文档、自定义锚点跳转和图片加载问题解决
程序鸿: 你好请问是如何实现滚动页面，左边侧边栏高亮效果跟着变化的呢？
Vue项目引入Markdown文档、自定义锚点跳转和图片加载问题解决
优快云-Ada助手: 非常棒的博文！看到你分享关于Vue项目引入Markdown文档的经验，让人感到很兴奋。希望你能继续分享更多关于前端开发的知识和经验。另外，除了自定义锚点跳转和解决图片加载问题，你可能还可以了解一下Vue中的路由导航守卫和动态组件加载，这些知识对于提升用户体验也是非常重要的。期待你的下一篇博文！如何写出更高质量的博客，请看该博主的分享：https://blog.youkuaiyun.com/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2

原创 Vue项目引入Markdown文档、自定义锚点跳转和图片加载问题解决

原创 前端面试之伪数组

空空如也

空空如也

原创前端面试之伪数组