Vue3开发小应用:实现文章目录功能
![](/images/tt/vue.jpg) [Vue3](/tag/vue3/)开发应用:实现文章目录功能。一起往下了解下吧! 目录组件: * 自动高亮选中当前正在阅读的章节 * 自动展开当前正在阅读的章节的子标题,并隐藏其他章节的子标题 * 显示阅读进度 实现过程 ---- 由于标题之间有父子的关系,所以我们应该用树数据结构来解决这个问题。我们遍历文章容器中...
![](/images/tt/vue.jpg) [Vue3](/tag/vue3/)开发应用:实现文章目录功能。一起往下了解下吧! 目录组件: * 自动高亮选中当前正在阅读的章节 * 自动展开当前正在阅读的章节的子标题,并隐藏其他章节的子标题 * 显示阅读进度 实现过程 ---- 由于标题之间有父子的关系,所以我们应该用树数据结构来解决这个问题。我们遍历文章容器中...
![](/images/tt/vue.jpg) 聊聊[Vue3](/tags/vue3/)一个开发小应用:使用Proxy实现数据监听。[vue](/VueJs/)数据双向绑定原理,而这个方法有缺点,并且不能实现数组和对象的部分监听情况;具体也可以看我之前写的一篇博客: 关于 [Vue](/VueJs/) 不能 watch 数组 和 对象变化的解决方案,最新的 Proxy,相比...
![](/images/tt/vue.jpg) [Vue](/VueJs/)每日一学:[Vue](/VueJs/)之常用的内置指令。 Vue.js 的各种指令(Directives)更加方便我们去数据驱动 DOM,例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令,这些指令的职责就是当表达式改变时将某些行为应用到 DOM 上,尽量不...
[vue](/VueJs/)开发小应用:简易记事本功能。我们可以先看下效果图: ![20211203093742.jpg](http://static.51tbox.com/static/2024-11-23/col/d414fcf2ef26506a6c2ddecf84c7989a/6b434375f5f242dd8a0e0790b0b4def4.jpg.jpg "...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发:简单聊聊vue里面jsonp的使用方法。 最近在做手写输入法时遇到跨域问题,使用的是qq输入法的接口,代理无法实现效果,这里使用jsonp来实现。jsonp原理可以自行百度,这里记录一下`vue-jsonp`的使用和踩的一点小坑,官方文档请前往[npm地址](https://www.npmjs...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发:用实例说明侦听器watch在[Vue2](/tags/vue2/)和[Vue3](/tags/vue3/)的应用。 我们都知道,`watch是`侦听数据变化 (某个值的change事件)。在[VUE](/VueJs/)不同版本中如何区别呢? ### vue2.x ``` data(){ ...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发每日一学:匿名插槽与具名插槽。 slot又名插槽,是[Vue](/VueJs/)的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。 插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。 ### 插槽内容 Vue 实现了一套...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/36ee5963b0a16c3a649ef8bcbe61dc90/8a3e8e1d68af446881f429d5903140a9.jpg.jpg "500.jpg") 之前关于[PostCSS](/tags/PostCSS/)的文章侧重于通...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/6b144dce64e57002e3ccabd386274a52/85328dc416974d7e8c95a335b39b5411.jpg.jpg "500.jpg") 在平时的项目中,经常会对元素进行[CSS](/Html4css/)2D转...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/96f9ac73b2efe24bbedd841a0baf6f03/4a4bfab66f664ce59466e85e473fb24e.jpg.jpg "500.jpg") [vue](/VueJs/)中的自定义指令,我们在前端开发的项目中,经常...