three vue js

### vue #### SpeechSynthesisUtterance监听事件 onstart 开始合成 onend 合成结束 onerror 合成错误 onpause 暂停 onresume 恢复暂停 onboundary 在句子或单词边界 ```html --> {{text}} --> ` ......

Vue全家桶一般来说包括项目构建工具vue-cli、路由管理器vue-Router、状态管理模式vuex、网络请求库Axios、ui框架、打包工具webpack，下面我们分别介绍。 1. 项目构建工具：vue-cli Vue.js+webpack的项目模板。Vue cli提供了强大的功能，用于定制新 ......

建个工具类，以进行不同地方的调用复用。 调用方式,options参数的使用看自个的需求。 html调用方式 ```html 复制我 ``` vue组件调用方式 ```vue 复制我 ``` 工具类 ```js import ClipboardJS from 'clipboard' import { ......

昨天看到侧边导航栏的位置就下班了，现在继续看。 文件位置 src/layout/components/NavBar.vue 但是没有getters，还是没找准位置。同目录下的子组件也没有。佬也记不清当初怎么写的了。 参考之前路由里面给layout重定向到dashboard，会不会这个侧边栏也通过类似 ......

vue自定义指令：https://v2.cn.vuejs.org/v2/guide/custom-directive.html 1、在main.js注册全局自定义指令 Vue.directive('drag', { // 当被绑定的元素插入到 DOM 中时…… inserted: function ......

MintUI MintUI是饿了么团队开发的基于移动端的vue组件库。用于搭建移动端界面。 http://mint-ui.github.io/docs/#/zh-cn2 Vant组件库也是基于移动端的vue组件库（有赞团队）。 https://vant-contrib.gitee.io/vant/v ......

Vue官网：https://v2.cn.vuejs.org/ Vue常用的组件库： 一、移动端 常用组件库 1. Vant ui --有赞移动 UI 组件库，支持 Vue 3 微信小程序，支付宝小程序\ Github: github.com/youzan/vant 2. Cube UI -- 滴滴出 ......

初始化画布的时候把preserveObjectStacking的属性改成true，默认是false this.canvas = new fabric.Canvas('mycanvas',{ preserveObjectStacking: true }); 其它 【Fabric.js 元素被遮挡的部分 ......

localStorage生命周期是永久，除非用户主动清除localStorage信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页关闭，那么当前窗口或标签页通过sessionStorage存储的数据也就被清空了。 不同浏览器无法共享localSt ......

最近遇到了一个问题：有一个数据看板的页面运行了n天后突然页面崩溃了，爆出了out of memory的错误。页面不复杂，几个图表定时更新数据，实在没明白为什么长时间运行后会out of memory。 在每次请求后使用 console.log(window.performance.memory); ......

# 方式一： - main.js 设置全局变量 ``` import api from '@/api' app.config.globalProperties.$api = api ``` - 使用全局变量，使用 getCurrentInstance 方法。 ``` // ctx.$api 就是全局 ......

1.vue是什么？ vue是一套构建用户界面的渐进式框架，核心库只关注视图层。vue和react相同点： 1.都使用 virtual DOM; 2.提供了响应式(reactive); 3.组件化(composable)的视图组件； 4.都支持native方案； 5.都支持SSR服务端渲染； 6.都支 ......

1. vue 路由间跳转和新开窗口的方式（query， params） 路由间跳转配置： query方式：参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式：传参数据不会在导航栏 ......

react性能优化篇之umi.js打包去掉console和开启gzip压缩 工边页字 2022年05月31日 17:33 · 阅读 1162 本人已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 本次打包针对react --version 17.0.2 和 umi --verison 3.5 ......

1.主页面中导入浮动导航栏（使用vant的粘性布局sticky组件，使首屏下方的导航栏随页面滚动浮动在想要的位置）： <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......

Vue 3 框架中有许多可选的导入语句，用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例： ref、reactive、toRefs：用于创建响应式数据和处理数据的函数。 computed：用于创建计算属性的函数。 watch：用于监听数据变化的函数。 nextTi ......

## 简介 MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，是 TCP/IP 的再封装，由 IBM 在 1999 年发布。MQTT 最大优点在于，地开销，少流 ......

一、尝试了 引入h函数，怎么都是失败 二、 最后是在函数里面，使用 const h = this.$createElement 得到方法 三、 ......

进程（Process）和线程（Thread）都是操作系统中用于多任务处理的概念。简单地说，一个进程就是一个程序的执行空间，而一个线程则是在执行空间内独立运行的执行路径。 区别： 1. 进程是系统分配资源的最小单位，线程是操作系统调度的最小单位。 2. 各个进程之间是独立的，各个线程之间共享一些资源。 ......

javascrip简称为js，是一门语言。 node.js是一个平台。 https://blog.csdn.net/liuxiaoniudechuntian/article/details/109830258 ......

# 作用 alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码 # 项目地址 https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md # 使用方法 ``` npm i ......

#### 前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i- ......

直播app开发，JS 获取当天、上周、本周，下周开始时间 <script> // 注释：Date.parse() // 转化时间戳 // 时间 var now = new Date(); // 当前日期 var nowDayOfWeek = now.getDay(); // 今天本周的第几天 var ......

直播平台怎么搭建，vue 中判断数组中是否有重复的数据 isRepeat(v){ let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, ​ 以上就是 直播平台怎么搭建 ......

toFixed(x) 这个方法在使用时，它内部对于进位舍去并没有使用四舍五入方法，而是使用的是银行家舍去法，即： 舍去位的数值小于5时，直接舍去 舍去位的数值大于等于6时，进位舍去 当舍去位的数值等于5时，分为两种情况：5后面还有其他数字（非0），则进位后舍去；若5后面是0，则根据5前一位数的奇偶性 ......

需求： 点击弹出一个弹窗，其中是某个作品内容的海报，需要呈现作品的内容+二维码 思路： 获取作品内容渲染到弹窗中，生成包含分享链接的二维码，将整个界面转为图片，用户可以长按保存，并扫描识别。 方案及步骤： 1.引入html2canvas实现生成图片的功能 npm install --save htm ......

前言 前面做了一些交互，网页是直接通过html对response进行返回的，这里QtWebApp与传统的web服务器不同，传统的web服务器可以调用同级目录相对路径或者绝对路径下的js，而QtWebApp的httpserver是response返回当前页面的问题，默认是无法调用的。 为了解决调用一些 ......

Node.js是一个功能强大，并且非常流行的 JavaScript 运行时环境，使开发人员能够高效率的构建高性能应用程序。下面介绍了8个常见的应用程序开发中用到的库和函数，可以用于缓存数据、操作日期、处理图像、发送电子邮件、发出 HTTP 请求、记录请求和响应、压缩数据和哈希密码等。通过使用这些库， ......

js保留小数的方法如下：（以保留两位为例） 1、toFixed()方法 需注意，保留两位小数，将数值类型的数据改变成了字符串类型 // 1. 四舍五入var num = 1.7321;num = num.toFixed(2);console.log(num); //1.73console.log(t ......

vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......