随笔分类 - Vue
Echarts创建中国3D地图
摘要：## Echarts创建中国3D地图 客户需要做一版3D中国地图，地图要倾斜角度，然后可以支持点击省份，对地图两侧的图表数据进行切换，此外还有一些纹理，顶牌信息面板的效果，不一一赘述，末尾我会放一张成品的图片。 ### 地图数据 Echarts官网迁移后，地图的json数据已经不翼而飞了，所以在开发
Vue3中Mitt的使用
摘要：Vue中使用Mitt Mitt是一个在Vue.js应用程序中使用的小型事件总线库。该库允许组件进行通信，而不必过度依赖父级或子级组件之间的props。 Mitt的特性和功能介绍 轻量级: Mitt只有200字节大小，不会增加你的应用程序的负担 方便易用：只需要引入mitt并配置即可使用 支持任何Ja
Vue3 + Swiper开发轮播列表组件
摘要：Vue3 + Swiper开发轮播列表组件 前端开发中，轮播列表的场景并不少见，通常使用Vue+Swiper来实现，上手比较快。 安装依赖 直接执行npm命令 npm i swiper 组件编写 Html模板代码 <template> <div class="swiper-list-containe
Vue学习二
摘要：Vue 学习二 el 与 data 的两种写法 el 有两种写法 (1)new Vue 时配置 el 属性 (2)先创建 Vue 实例，随后通过 vm.$mount 指定 el 的值。 data 有两种写法 (1)对象式 data: { name: "尚硅谷"; } (2)函数式 data() {
Vue学习一
摘要：Vue 学习一 vue 基础 一套用于构建用户界面的渐进式 JavaScript 框架 渐进式：Vue 可以自底向上逐层的应用 简单应用：只需要一个轻量小巧的核心库 复杂应用：可以引入各式各样的 Vue 插件 特点： 1. 采用组件化模式，提高代码复用率、且让代码更好维护。 2. 声明式编码，让编码
双向绑定和单向绑定
摘要：数据绑定 所谓数据绑定，就是指View层和Model层之间的映射关系 单向绑定 Model的更新会触发 View 的更新，而 View 的更新不会触发Model的更新，它们的作用是单向的。 双向绑定 Model的更新会触发View的更新，View的更新也会触发Model的更新，它们的作用是相互的。
Vue函数防抖和函数节流
摘要：函数防抖（debounce） 应用场景 登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖 调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖 文本编辑器实时保存，当无任何更改操作一秒后进行保存 实现方法，防抖重在清零 function d
