记录--Cesium+Vue实战教程——地图导航
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 项目效果 我们今天要实现的是一个路径规划的功能，有两个输入框。输入起点终点，然后查询，得到规划的路径，效果如下： 我们会用到以下库： Axios：用于发送请求，请求高德地图的地理编码API Jquery：也用于发送请求 Cesium：地图 ...
Vue 的优化技巧
演示代码使用 Vue3 + ts + Vite 编写，但是也会列出适用于 Vue2 的优化技巧，如果某个优化只适用于 Vue3 或者 Vue2，我会在标题中标出来。 代码优化 v-for 中使用 key 使用 v-for 更新已经渲染的元素列表时，默认用就地复用策略；列表数据修改的时候，他会根据 k ...
Vue环境安装
环境安装 一、node 1.为什么需要node环境 Vue.js本质上就是一个Js库，可以直接在页面通过script标签引用。这种使用方式只使用了VueJs的”构建用户界面“，使用不了他的模块化 Vue.js可以在html里直接引用后使用，等到与Vue一起配合使用的第三方应用的库或框架多起来后，一个 ...
vue3 中好用的插件
1.Api 自动导入 unplugin-auto-import自动引入 composition api，不需要再手动引入。（npm 地址） 下载 npm i -D unplugin-auto-import 配置 vite.config.ts import AutoImport from "unplu ...
记录--Vue PC前端扫码登录
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 需求描述 目前大多数PC端应用都有配套的移动端APP，如微信，淘宝等，通过使用手机APP上的扫一扫功能去扫页面二维码图片进行登录，使得用户登录操作更方便，安全，快捷。 思路解析 PC 扫码原理？ 扫码登录功能涉及到网页端、服务器和手机端， ...
vue3实现一个抽奖小项目
前言 在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。 浏览链接：http://xisite.top/original/luck-draw/index.html 项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!) 项目截图： 实现 ...
Vue 中如何监测数组的变化？
在 Vue 中，如果直接对数组进行操作，比如使用下标直接修改元素， Vue 是无法监测到这种变化的，导致无法触发视图更新。因此如何监测数组变化是值得关注的问题。 ...
Vue 快速入门(一)
1、介绍 Vue（读音/vju/，类似view），是中国的大神尤雨溪开发的，为数不多的国人开发的世界顶级开源软件。是一套用于构建用户界面的渐进式框架，Vue 被设计为可以自底向上逐层应用。MVVM响应式编程模型，避免直接操作DOM，降低DOM操作的复杂性。 Vue官网地址：https://cn.vu ...
使用Vue开发一个大写人民币转换器
朋友是做财务的，由于工作时间不长，每次将数字转为大写人民币的时候，总是提心吊胆的，生怕弄错了。而且，如果是整数的话，还好，但是有小数的时候就比较费劲了，比如123.45，转成大写应该是壹佰贰拾叁元肆角伍分。然后就找到我，问我有没有什么办法？ 简单啊，做一个转换程序不就可以了嘛？而且网上现成的一大把。 ...
记录--Vue开发历程---音乐播放器
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、audio标签的使用 1、Audio 对象属性 2、对象方法 二、效果 效果如下： 三、代码 代码如下： MusicPlayer.vue <template> <div class="music"> <!-- 占位 --> <div ...
前端vue中防止用户短时间内多次点击按钮触发点击事件解决方法
1.按钮点击后添加loading，接口返回成功后再移除loading（经过多次尝试发现，此方法不能完全确保只调用一次接口，第二次添加时仍会多次调用接口），方法如下： html代码： <el-button @click="onSave" :loading="onLoading">保存</el-butt ...
Vue.js 响应式原理
Vue.js是一个渐进式的JavaScript框架，它使用了响应式系统来维护应用程序的状态。响应式系统是Vue.js的核心部分，它使得应用程序能够自动地更新视图，当数据发生变化时。 ...