three vue js

vue3之跳转页面时判断是否跳转 onBeforeRouteLeave((to, from, next) => ( if (ruleAllChange .value）{ ElMessageBoxconfirm( "数据未保存，请问是否继续跳转？", "确认" {confirmButtonText:" ......

# Vue 项目使用socket.io 使用library *socket.io-client* 或者 *vue-socket.io* npm install socket.io-client || npm install vue-socket.io ## 使用*socket.io-client* ......

一、在做完项目之后直接执行npm run build命令，出现空白 1、打包后的dist目录下的文件引用路径不对，会因为找不到文件而报错导致白屏1解决办法：修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的，而你的路径 ......

` ` ts的代码： `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序，所以要麻烦很多 转成 :value + @change 来实现 ......

* 正在执行任务: npm run build > selection-tool@1.0.0 build> node build/build.js - building for production...(node:8992) Warning: Accessing non-existent prop ......

1分钟带你入门RequireJs并了解FastAdmin中JS是如何调用的 发布于 2018-08-25 22:22:57 使用fastadmin，前端方面第一个难点就是requirejs，这是一个强大却鲜为人知（对于后端开发人员来说）的框架。 在fastadmin交流群混了一段时间，发现不少小白总 ......

1.在命令行中执行：npm install animate.css --save 2.main.js 中： import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......

Node.js 使用 `officecrypto-tool` 读取加密的 Excel (xls, xlsx) 和 Word( docx)文档, 还支持 xlsx 和 docx 文件的加密（具体使用看文档）。暂时不支持 doc 文件的解密 传送门：[officecrypto-tool](https:/ ......

序章 最近学习 vue.js，期间遇到不少相关网站，特整理于本文。 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰：Flex 布局教程 语法： https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 实例： ht ......

1.新建emoji.jsimport Vue from 'vue'; // 禁止输入特殊字符Vue.directive('emoji', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 const regRule = /[`~^!@#$ ......

JS 作为弱类型的编程语言， 在声明变量时，统一使用 **var**、**const**、或者**let**关键字。但是每个变量都有一个隐式的数据类型。 ## 数据类型检测 使用 typeof 关键字可以检测数据类型。 ``` ``` ### Number 数字类型 - 整形、浮点型在内的所有数字， ......

本文分享了使用“文心一言”编写技术博文的全过程，整体看来，体验还是蛮不错的。通过实验，文心可以完成除技术细节或具体业务之外的文案的编写，以本文为例，文心编写部分约1800字，最终修改和完善后字数为2500字，文心生成约占总文案字数的70%。可见，文心可以有效降低文案编写复杂度，并提高工作效率。 ......

Vue3 setup 如何添加name 小满zs 2022-11-29 15:5810778 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情 Vue3中name有什么用呢？ 1.在递归组件的时候需要定义name 2.配合keep-alive includ ......

### 1.基本使用 1. 安装vue-router，命令：```npm i vue-router``` 2. 应用插件：```Vue.use(VueRouter)``` 3. 编写router配置项: ```js //引入VueRouter import VueRouter from 'vue-r ......

# JS笔记 ## 初识JS ### 浏览器执行JS简介 浏览器分为： - 渲染引擎：用来解析HTML和CSS，俗称内核。比如chrome的blink - JS引擎：也成为JS解释器，用来读取JS代码并对其进行后台处理。比如chrome的V8 ### JS的组成 - ECMAScript: Java ......

在vue3中，可以使用vue3的API `defineExpose()`函数结合`ref`或者`$parent`，实现父子组件数据的传递。 # 子组件向父组件传递数据`defineExpose()`和`ref` - 子组件：通过`defineExpose()` 函数，向外暴露响应式数据或者方法 `` ......

共同点 两者都是一定时间段内只执行一次 区别 防抖的时间段可变（下次的执行时间会重新计算），两次执行的间隔时间可能无限长 节流的时间段是固定的，两次执行的间隔时间在一个范围内 [gap, 2gap] （上面说的时间间隔，前提是事件一直在频繁触发） 适用场景 防抖：（连续的事件只触发一次） resiz ......

最近再一次需要做纯静态页面（无任何脚本语言，只保留 css 和 html），以往我直接使用 ejs 生成，但是工作中一直使用 jsx 和 vue 来组装页面，就突发奇想，难道 react、vue 不能只渲染纯静态页面吗？ 有了这个想法，我就想验证下可行性，万能百度开始，找了一圈，发现基本都是需要脚本 ......

##介绍 官网 https://www.wangeditor.com/ ##安装 ``` yarn add @wangeditor/editor npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@nex ......

一般来说正常使用都是在mounted 函数中 mounted() { this.$nextTick(() => { this.$wow.init() }) } 这样如果是死数据是可以正常出现效果的 但是如果是请求回来的数据是没有效果的 需要改一下生成时机 此处的newList 即为请求的数据 wat ......

## vue3 中的 hooks 是什么? 简单来说如果你的函数中用到了诸如 ref,reactive,onMounted 等 vue 提供的 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我的理解则是 > 它可以通过特定的函数将逻辑 ......

Node.js 如何快速导出嵌套列（多表头）的excel文件。效果图如下：  1：使用 [@zurmokeeper/ex ......

Node.js 使用 `officecrypto-tool` 读取加密的 Excel (xls, xlsx) 和 Word( docx)文档, 还支持 xlsx 和 docx 文件的加密（具体使用看文档）。暂时不支持doc文件的解密 传送门：[officecrypto-tool](https://w ......

背景 实际开发过程中，当需要通过 watch 监听传入的 props 的某个值的变化，来动态改变组件内部的样式，实现方式如下： export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......

在前端Vue语言中，keep-alive是一个抽象组件，用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态，以避免在组件之间切换时重复渲染和销毁组件，从而提高性能。 使用keep-alive包裹动态组件后，当动态组件被切换时，它将会被缓存，而不是被销毁。这样，组件的状态、DOM以及所有的子 ......

1.VUE中给Dom元素动态添加样式 VUE中，给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致，来动态添加元素的类，同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上，否则样式可能添加不上。 这种情况下可以在 com ......

#### vue项目新建步骤 vite创建vue3项目： 在需要的文件目录中输入cmd命令，打开命令窗口，在当前文件目录下创建项目（直接打开命令窗口，默认C盘创建项目） ``` 第一步：npm init vite-app vue-code //code为项目名 第二步：cd ./vue-code / ......

<el-table v-resize:34 style="margin: 10px 0 10px" :data="tableData" :header-cell-style="{background: '#F6F6F6', height: '10px','text-align':'center'}" ......

本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......

Vue3带来的新变化 性能提升 首次渲染更快 diff算法更快 内存占用更少 打包体积变小 更好的Typescript支持 Composition API （重点） 在使用vue2.x版本开发较复杂的组件时，逻辑难以复用，组合式api的出现可以解决此类问题 相关阅读： Vue3 中文文档 https ......