- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue和React的更新数据区别
最近在学习 React ，发现一些和 Vue 比起来很有趣的区别：1：更新数据变量在 Vue 中：// 变量绑定到元素上：<div ref="div">{{value}}</div>// 定义变量：data() { return { value: 0 }},// 修改变量：changeValue() { this.value = 10; console.log(this.value); == > 得到结果是 10； 数据变量更新是同步的。
2021-07-25 16:46:40
486
原创 微前端single-spa的生命周期
最近在学习微前端方面的知识，所以就记录一下它的生命周期供自己以后参考。1：注册应用我们只有注册这个应用之后，single-spa才会知道在什么时间、如何去初始化、下载、挂载和卸载各个应用。说白了就是才会知道它的生命周期。使用步骤1：引入import {registerApplication, start} from 'single-spa'2：注册应用// 完整写法registerApplication({ name: 'myapp', app: () => imp
2021-01-31 21:03:05
815
原创 vue使用qrcodejs2生成二维码
如果在vue项目中，你想快速简单的根据后台返回的链接生成二维码，那么qrcodejs2是你很好的选择。1：安装 qrcodejs2 包npm i qrcodejs2 -S2：搭建二维码容器<!-- 盛放二维码的容器 --><div id="qrcode" ref="qrcode"></div><button @click="showQrcode">生成二维码</button><button @click="delQrcode
2021-01-29 09:39:21
1677
原创 vue中如何简单使用vue.draggable组件实现拖拽功能
Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件以上是Vue.Draggable的官网介绍。Vue.Draggable使用起来是非常方便的，下面我来介绍一下它在vue中基本的用法。1：下载安装npm i -S vuedraggable2：在你需要的页面中导入它// 将它导入你的页面中import v.
2021-01-21 12:00:12
1656
1
原创 vue中使用原生js获取音频、视频的播放时长
最近工作中遇到了一个没有写过的需求：需要判断用户上传的音频、视频时长。于是我就百度搜索了一下，现在自己整理了一下大概的思路，分享给大家。<input type="file" @change="chance(e)" /> chance(e) { const file = e.target.files[0] // 定义一个音频实例对象 let audio = new Audio() // 将本地
2021-01-20 15:29:26
2092
原创 vue使用input上传图片、视频、音频等文件
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-01-14 18:30:59
4675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人