写法vue2 vue js
JS正则判断6位数字
JS正则判断6位数字 原文链接：https://zhidao.baidu.com/question/56711626.html 正则表达式：^\d{6}$注意写法，javascript里正则表达式的写法为/^\d{6}$/，其它的都为"^\d{6}$"。<script language="javas ......
js 获取dom的绝对位置，相对于浏览器显示界面
// 获取左边 function getElementLeft(element){ var actualLeft = element.offsetLeft; var current = element.offsetParent; while (current !== null){ actualLef ......
VUE插值语法
基本使用 在body中创建一个标签，一般使用div，定义好id后，在script中进行定义，在前台使用{{变量}}的形式进行调用，语法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti ......
vue 实现3D圆环图
效果图如下： 实现程序主代码如下： initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa ......
node.js 安装并升级
在centos7安装nodejs并升级nodejs到最新版本 下面操作服务器的身份默认是管理员root，如果权限不足，请加 sudo 1. 安装nodejs 1.1 使用EPEL安装 EPEL（Extra Packages for Enterprise Linux）企业版Linux的额外软件包，是F ......
【组合设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 组合模式（Composite Pattern），又叫部分整体模式，是一种结构型设计模式。用于把一组类似的对象当作一个单一的对象来看。组合模式依据树形结构来组合对象，用不同组件来构建某个部分或整体对象。 如果你需要实现树状对象结构，可以使用组合模式。如果你希望客户端代码以相同方式处理简单和复杂元 ......
【Design Pattern 23种经典设计模式源码详解】Java/JS/TS/Python/Go不同语言实现
经典设计模式源码详解，用不同语言来实现，包括Java/JS/Python/TypeScript/Go等。结合实际场景，充分注释说明，每一行代码都经过检验，确保可靠。
设计模式是一个程序员进阶高级的必然选择，不懂设计模式，就像写文章不懂得层次，盖房子没有结构。只有充分懂得设计之道，才能真正设计出良好的... ......
Vue常用指令详解
v-text：设置标签的内容（textContent） 默认写法会替换全部内容，使用插值表达式{{}}可以替换指定内容 v-text的缩写形式为{{}}，即差值表达式 内部支持写表达式 v-html：设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么，只 ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
针对 jar 和 vue 的一键自动化部署工具，界面友好，操作简单（已开源）
前言： easy-jenkins是一款对vue和jar的部署工具，操作简单，实行一键部署，内部结构采用流水线形式架构，每次部署，时时提供部署过程，部署记录，界面友好简洁，使用方便，符合用户常规操作 easy-jenkins面向分支形式，无需登录，默认分支为jenkins，每个分支可以配置多个数据源， ......
搞明白VScode的Vue的插件Vetur与Volar的区别了
在VSCode上查找Vue的插件的时候list出来一堆插件,按照VCcode的learning教程推荐的是vetur插件,刚开始没怎么想就安装了vetur插件.看的例子也是一个比较老的例子了,使用的vue CLI来进行管理的,启动Serve用的是‘npm run serve’. vscode启动的时 ......
JS利用set数组去重，new Set数组去重
1 a = [1,2,3,4,2,1,4] 2 3 // 利用set去重 4 b = new Set(a) 5 6 // 但是new Set()返回的数组实际上是伪数组，不可直接使用。 7 // 需要将其解构为真数组 8 b = [...new Set(a)] ......
vue 项目启动报错opensslErrorStack ERR_OSSL_EVP_UNSUPPORTED
错误裁图 原因：node升级版本过高 解决办法： 在命令行输入命令修改环境变量：$env:NODE_OPTIONS="--openssl-legacy-provider" 再执行：npm run serve ......
Flask框架cbv的写法、请求与响应、请求扩展、session源码分析、闪现
本篇文章将会详细讲在flask框架如何写cbv、请求与响应、请求扩展、session源码分析、闪现等知识点。 一、flask写CBV CBV源码分析的结论如下 1 as_view 执行流程跟djagno一样 2 路径如果不传别名，别名就是函数名（endpoint） 3 视图函数加多个装饰器（上下顺序 ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档：https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用： <div v-drag>Drag me!</div> 注意：对原本绝对 ......
使用vue而实现简单的计算效果
首先你要明白你写的这个简单计算器，分为哪几个板块，把整体才分一步步进行，简单计算器我们只需让他能够实现 + - * / 四个运算即可。输入部分只需要输入前面一个数和后面一个数，最后便是结果输出，好了大致了解一下版块，让动手动手写一下吧。 1.首先打开HBuilder创建一个新项目，导入 2.创建一个 ......
react学习（一）（react特点，创建react项目，jsx语法，函数组件和class组件，样式写法，条件语句，遍历数组和点击事件，表单处理）
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
Vue2.0 学习 第二组 语法模板
本笔记主要参考菜鸟教程和官方文档编写。 1.文本绑定 一般在dom中用{{}}标时，并且在vue构造体内的data中定义文本内容 <div id="app"> <p>{{ message }}</p> </div> <script> new Vue({ el: '#app', data: { mes ......
vue 实现锚点点位
<template> <div class="container"> <!-- <el-row> <el-col :span="3"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @clos ......
Vue3 watch 监听函数
1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref( ......
JS基础
console.log() 控制台输出 alert() 对话框 confirm() 确认框 prompt("文本",“默认输入文本”) 输入框 parseFloat() 将字符串转换为浮点型 parseInt() 将字符串转换为整型 | number | object | undefined | | ......
vue3路由跳转params传参接收不到
这样路由可以跳转过去，但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后，参数会丢失，所以vue将这种方法移除了。 vue推荐的路由跳转传参方法： 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
vue3 ant-Design-vue提交按钮放在表单外提交，自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
全网最详细中英文ChatGPT-GPT-4示例文档-复杂函数快速转单行函数从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT可以将代码中的复杂函数快速转化成单行代码函数，从而帮助程序员提高编程效率及程序可读性。这对于程序员来说是一个非常有用的功能，因为它可以使他们更容易地编写和维护代码，并且可以更快地构建应用程序。也可以大大减少代码量，提高程序的运行速度，同时也能使代码更加简洁易懂。 ......
vue+element-ui实现el-tab标签的动态面包屑
以下内容仅供学习使用 前言： 下面是最终实现的效果图 首先在router.js里面配置meta:{title：‘xxxx’} 封装一个el-tab面包屑的子组件 通过v-for指令和tags数组中的数据进行渲染 <template> <div> <el-tag :key="index" v-for= ......
js---局部打印功能
最近在开发一个项目，需要用到PC端打印的功能，很多都会去引入一个第三方的JS来做，其实打印功能很简单，调用浏览器的打印功能就可以实现。 代码示例： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>打印</ti ......
Vue监听器~~~~
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 ......