随笔分类 - Vue
vuejs
摘要：背景vue2使用svga。 可用的JS库svga和svgaplayerweb svga import { Parser, Player } from 'svga' <button @click="startPlayerSVGA">start</button> <button @click="stop
阅读全文
摘要：vue 在 props 中 定义单个属性 属性类型为布尔 props: { visible: Boolean, }, 定义单个属性 类型为数字或者字符串，并添加默认内容 props: { aType: { type: [String,Number], default: 1 } }, vue 在 pr
阅读全文
摘要：vue-i18n 国际化 将.xlsx文件编译更新到项目 1.先在src/assets/locale/languages/_temp.json中添加使用 "game.pig_owner_betting": " {var0} games", 2.表格里先新增里添加。后面添加到维护里，将维护后的表替换，
阅读全文
摘要：基于nuxt 2.0.0 安装postcss-px-to-viewport npm安装 npm install postcss-px-to-viewport --save-dev 或 yarn安装 yarn add -D postcss-px-to-viewport 在nuxt中配置postcss-
阅读全文
摘要：1.防止重复操作(节流)一段时间内只允许操作一次 适用场景：接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载，减少不必要的请求以及流量，适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网
阅读全文
摘要：不知道大家有没有发现随着版本的升级 vue 和 react 越来越像了。 2019年年初，react 在 16.8.x 版本正式具备了 hooks 能力。 2019年6月，尤雨溪提出了关于 vue3 Component API 的提案。笔者理解这其实是 vue 版本的 hooks。 Vue 和 Re
阅读全文
摘要：watch、computed、methods的执行顺序 ● 默认加载情况 如果watch不加immediate:true属性（页面初加载的时候，不会执行watch，只有值变化后才执行），则只执行computed（在created执行？）； 如果watch添加immediate:true属性（在bef
阅读全文
摘要：随着移动应用开发框架数量的增加，2018年Vue Native的引入让开发者有能力使用Vue.js代码来创建React Native移动应用。 因为 Vue Native 围绕 React Native 包装了 Vue.js 语法，所以框架非常相似。例如，两者都是跨平台框架，这意味着相同的代码库可以
阅读全文
摘要：什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te
阅读全文
摘要：Vue2迁移vue3操作指南 一、前言 有个自动化迁移工具gogocode-cli，尝试后发现不好用且得不偿失，就放弃了，感兴趣的可以去了解一下，本指南选择手动迁移 迁移开始之前，我们先来梳理下思路： 现在有一个vue2的项目，首先我们升级框架，得到了一个vue3的框架，但是上面放着vue2的代码，
阅读全文
摘要：Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比，让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。 既然我们要对比两者的实
阅读全文
摘要：配合gogocode-cli使用 开始迁移 Vue3的到来为我们带来了许多惊喜的变化,但是由于Vue3对于Vue2在Api层面存在诸多兼容问题，并不能做到平滑升级。所以我们根据v3迁移指南利用gogocode这个代码转换利器，利用它操作AST，开发了一套Vue2升级工具。利用这套工具能够快速地把你
阅读全文
摘要：方法1：用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在
阅读全文
摘要：Vue 中使用的 Virtual DOM 在更新视图时，采用了一种高效的 diff 算法，使得只有真正需要更新的 DOM 节点才会被重新渲染，从而提高了性能。下面是 Vue 中 diff 算法的基本原理： 将新的虚拟节点与旧的虚拟节点进行比较。 比较新旧虚拟节点的标签名、属性、文本内容等信息，如果有
阅读全文
摘要：vue 技术栈和生态 Vue 是一个流行的 JavaScript 前端框架，它具有易学易用、高效灵活等特点。Vue 技术栈包括以下内容： Vue：Vue 框架本身，提供了组件化、响应式等核心特性。 Vue Router：用于管理前端路由，实现单页应用。 Vuex：一种状态管理库，可以方便地管理应用程
阅读全文
摘要：SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能，Vue视频通话，web视频通话，webrtc视频通话 一款电商app的全栈开发，其中涉及到一个视频通话功能。但是由于业务需求及成本考虑，不能使用第三方提供的SDK进行开发。所以选择使用PeerJs+WebSo
阅读全文
摘要：Quill：Quill是一个现代化、可定制的富文本编辑器，提供了许多有用的功能，如文本样式、列表、媒体插入等。在Vue中可以使用vue-quill-editor来集成Quill。 CKEditor 5：CKEditor 5是一个强大、可定制的富文本编辑器，提供了许多有用的功能，如表格、链接、图片、视
阅读全文
