2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 今天分享一个[vue](/VueJs/)开发小应用：使用[Canvas](/tag/canvas)模拟手写中文签字。我们经常去银行办理业务的时候，需要在设备上手签文字，这个功能如何去实现呢？我们今天来模拟下。 **用到的插件：** **后端接口api：**使用 QQ输入法手写接口 ``` https://handwriti...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 [Vue](/VueJs/)开发每日一学：[Vue](/VueJs/)返回值动态生成表单及提交数据的办法。 方法逻辑分析 ------ 1、vue在循环的时候需要动态绑定不同的v-model；vue动态的表单，数据怎么绑定呢？ 2、动态表单上所有name属性对应的键值对的形式提交到后端。 一、后端返回的数据，提交到后端的...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 [vue](/VueJs/)开发TIPS：[vue](/VueJs/)实现选项卡。 实现静态UI效果 * 用传统的方式实现标签结构和样式 基于数据重构UI效果 * 将静态的结构和样式重构为基于Vue模板语法的形式 * 处理事件绑定和js控制逻辑 声明式编程 * 模板的结构和最终显示的效果基本一致 我们先把每组数据...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [Vue3](/tag/vue3/)开发应用：实现文章目录功能。一起往下了解下吧！ 目录组件： * 自动高亮选中当前正在阅读的章节 * 自动展开当前正在阅读的章节的子标题，并隐藏其他章节的子标题 * 显示阅读进度 实现过程 ---- 由于标题之间有父子的关系，所以我们应该用树数据结构来解决这个问题。我们遍历文章容器中...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 聊聊[Vue3](/tags/vue3/)一个开发小应用：使用Proxy实现数据监听。[vue](/VueJs/)数据双向绑定原理,而这个方法有缺点，并且不能实现数组和对象的部分监听情况;具体也可以看我之前写的一篇博客： 关于 [Vue](/VueJs/) 不能 watch 数组 和 对象变化的解决方案,最新的 Proxy，相比...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 [Vue](/VueJs/)每日一学：[Vue](/VueJs/)之常用的内置指令。 Vue.js 的各种指令（Directives）更加方便我们去数据驱动 DOM，例如 v-bind、v-on、v-model、v-if、v-for、v-once 等内置指令，这些指令的职责就是当表达式改变时将某些行为应用到 DOM 上，尽量不...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

[vue](/VueJs/)开发小应用：简易记事本功能。我们可以先看下效果图： ![20211203093742.jpg](http://static.51tbox.com/static/2024-11-23/col/d414fcf2ef26506a6c2ddecf84c7989a/6b434375f5f242dd8a0e0790b0b4def4.jpg.jpg "...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [vue](/VueJs/)开发：简单聊聊vue里面jsonp的使用方法。 最近在做手写输入法时遇到跨域问题，使用的是qq输入法的接口，代理无法实现效果，这里使用jsonp来实现。jsonp原理可以自行百度，这里记录一下`vue-jsonp`的使用和踩的一点小坑，官方文档请前往[npm地址](https://www.npmjs...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 [vue](/VueJs/)开发：用实例说明侦听器watch在[Vue2](/tags/vue2/)和[Vue3](/tags/vue3/)的应用。 我们都知道，`watch是`侦听数据变化 （某个值的change事件）。在[VUE](/VueJs/)不同版本中如何区别呢？ ### vue2.x ```  data（）{ ...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [vue](/VueJs/)开发每日一学：匿名插槽与具名插槽。 slot又名插槽，是[Vue](/VueJs/)的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。 插槽slot是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。 ### 插槽内容 Vue 实现了一套...