three vue js
js_获取当前时间
1. 在纯JS下： <script> alert(getNowTime()); //document.getElementById('rq').value = getNowTime(); function getNowTime() { var date = new Date(); this.year ......
Java程序员学vue3最好的方式就是搭建后台管理模板
作为Java程序员，vue3还是有必要学的，我推荐学会了vue3基础的Java工程师，尝试搭建自己的后台管理模板，这是提高vue3熟练度最快的方式。 ......
JS入门第四节
 ```html 全选 商品 商家 价格 小米手机 小米 ￥1999 小米净水器 小米 ￥4999 小米 ......
搭建企业知识库：基于 Wiki.js 的实践指南
在众多开源 Wiki 产品中，Wiki.js 因其灵活的使用方式和强大的功能，受到了广泛的关注。本文将引导您了解如何使用 Wiki.js 搭建企业知识库。 ......
vue3 mitt快速上手
为什么要使用mitt？因为vue3已经没有提供配套的事件总线bus，需要使用第三方库mitt来完成vue2中bus完成的事情 第一步：安装mitt npm install mitt1第二步：在项目的js文件中导入mitt（局部注册） // mitt.js文件import mitt from 'mit ......
vue--day80---嵌套路由
1. 配置路由规则，使用children配置项： ```js routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { path:'new ......
vue--day79---路由的几个注意点
1. 路由组件通常存放在```pages```文件夹，一般组件通常存放在```components```文件夹。 2. 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 3. 每个组件都有自己的```$route```属性，里面存储着自己的路由信息。 4. 整个应用只有一个ro ......
【JS】对数据分组处理
按照“谁”分组，就让这个“谁”作为结果对象的 key，然后把匹配的数据分别放在这些 key 对应的 value 下面 <html> <head> <title>对数据分组处理</title> </head> <body> </body> <script> const data = [ { name: ......
【JS】手写防抖
防抖分为立即执行版本和非立即执行版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......
Vue源码学习(二):<templete>渲染第一步,模板解析
好家伙， 1.<template>去哪了 在正式内容之前,我们来思考一个问题, 当我们使用vue开发页面时,<tamplete>中的内容是如何变成我们网页中的内容的? 它会经历四步: 解析模板：Vue会解析<template>中的内容，识别出其中的指令、插值表达式（{{}}），以及其他元素和属性。 ......
JS性能优化
JS性能优化 一般来说：运算为10^8级，花费时间为一秒。 内存管理 内存:由可读写单元组成，表示一片可操作 空间管理:人为的去操作一片空间的申请、使用和释放 内存管理:开发者主动申请空间、使用空间、释放空间 管理流程:申请―使用―释放 内存泄漏现象 内存的泄漏：当对象持续申请初始化空间时，给予对象 ......
vue 生成海报并下载
用到插件 vue-canvas-poster 具体的使用方法： html: <vue-canvas-poster :widthPixels="0" :painting="painting" @success="success" @fail="fail" ></vue-canvas-poster> < ......
JS在数据类型前使用“+”的作用
js在某个数据类型前使用‘+’，这个操作目的是为了将该数据类型转换为Number类型，如果转换失败，则返回NaN; 实际使用 例如：+new Date() 返回当前时间戳 参考 https://blog.csdn.net/m0_46893049/article/details/125677006 ......
在vue项目中使用webWorker
使用web worker可以进行多线程的数据处理, 我们可以把包含大量数据的逻辑交给webworker, 能避免在数据处理过程中造成的页面卡顿. 1.首先, 你可以在项目根目录的任意目录下, 新建一个webworker的文件 直接调用预置方法postMessage来传递数据, 使用onmessage ......
vue自定义指令
#### 前置内容 可以使用v-directive注册自定义指令，要想自定义指令的功能，需要先了解指令定义对象的钩子函数和钩子函数参数（参考官网内容） ##### 钩子函数 * `bind`：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 * `inserted`：被绑定 ......
vue中computed和watch的区别
在一样的情况下，computed的性能会高于watch，所以大部分情况使用computed会更好。 但是，它们也有各自的优缺点： computed计算属性： 1. 能够实时监听data里面绑定的数据（包括vueX），但是其余数据的改变是监听不到的。 2. 适用于需要计算的一个值被多个数据影响的情况， ......
Vue + GitLab 实现自动化部署
二、Linux 安装nginx 在Linux上安装NGINX的步骤如下： 打开终端（命令行界面）。 使用以下命令安装NGINX： 对于Ubuntu/Debian系统： sudo apt-get install nginx 对于CentOS/RHEL系统： sudo yum install nginx ......
Vue/React对比学习
### 组件传值 ``` // 父组件 export default function Tab(props: any) { const [serverUrl, setServerUrl] = useState('https://'); console.log(props); // 父组件接受子组件的 ......
使用vite创建vue程序，同时引入element-plus
步骤如下： 一、安装vite npm install -g create-vite 二、创建vue程序，不需要先创建好空的文件夹，直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......
vue3 | mitt的基本使用
# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......
关于vue data数据{__ob__: Observer }的问题
比如用axios请求到数据，如果是用的then，那直接赋值给data对象里的属性。但是有情况是需要外部赋值，那就是异步请求的问题，外部打印接收赋值的变量为空，但是then里面打印，并且是带有{__ob__: Observer }，这是vue本身对数组对象的监控器，没什么影响，你赋值那肯定监听，并不是 ......
MacBook 搭建 VUE3 开发环境
MacBook 搭建 VUE3 开发环境 作者：IT蜗壳-Tango 2021-11-06 本文字数：552 字 阅读完需：约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前（2021.11.6）还在连载中，今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......
vue3 使用provide inject父子组件传值传不过去且传递后子组件不具备响应性
通过axios异步获取数据后传值 问题：在项目中一般是通过接口请求到数据后再传递给子级，provide和inject如果直接再调用接口的方法内传值会报警告，而且值也传递不过去。就是说provide()必须在setup根节点处才能使用，在方法里面用是不行的 但是，直接在setup根节点处传递，由于数据 ......
vuejs3.0 从入门到精通——vue3创建项目的时候卡顿，比较慢
vue3 创建项目的时候卡顿，比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时，一直出现卡顿，导致无法创建项目，如下： 解决办法： 1、检查 npm 源： //查看源，可以看到设置过的所有的源 $ npm config get regis ......
vue3集成jsoneditor
## 一、背景 之前在做录制回放平台的时候，需要前端展示子调用信息，子调用是一个请求列表数组结构，jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式，为了达到如下的效果，必须用到 onNodeName的钩子函数，因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......
图片预览插件viewer.js
下载 npm install viewerjs 原生引用 <link href="/path/to/viewer.css" rel="stylesheet"> <script src="/path/to/viewer.js"></script> option参数 名称类型默认值说明 inline 布 ......
JS/Jquery检查网络路径文件是否存在
var url='网络文件路径'; var isExists; $.ajax(url, { type: 'HEAD', dataType: 'text', async: false, success: function () { isExists = true; }, error: function ......