three vue js
JS中 filter()方法的使用
一、作用 filter用于对数组进行过滤。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意：filter()不会对空数组进行检测、不会改变原始数组 二、语法 Array.filter(function(currentValue, indedx, arr), thisVa ......
JS 字符串补0
padStart 用另一个字符串填充当前字符串（如果需要的话，会重复多次），以便产生的字符串达到给定的长度。从当前字符串的左侧开始填充。 语法 padStart(targetLength) padStart(targetLength, padString) 参数 targetLength 当前字符串 ......
js 递归遍历树形结构数据，返回新的数组
工作中，我们经常会遇到这样的情况：后端返回的数组，只需要取name、value生成新的数组，或者是将某个属性名修改，生成新的数组。 递归是一种常见的解决问题的方法,即把问题逐渐简单化。“递归”的基本思想是:自己调用自己。 实例如下 handleDg(arrs, that) { arrs.map((i ......
vue下拉框联动 数据清空后，赋值无效
1.问题描述 : 规格型号与设备类型联动，当选择“规格型号”后，清空“设备类型”选择框内容，选择数据赋值时失效。 2.解决 添加this.$forceUpdate();进行强制渲染，效果实现。 getSecondName() { this.$forceUpdate(); }, ......
node.js 18连接达梦报消息加密失败
查看达梦数据库 ENABLE_ENCRYPT已经关闭了ssl加密 可以在连接串属性将loginEncrypt改成false。 是否进行通信加密，缺省为 true；取值范围（true/True，false/False） dm://user:password@host:port[?propName1=p ......
vue做播放器和进度条
<template> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($even ......
vue3+vite 解决本地调用时跨域请求
1、config配置文件中，axios默认请求地址；改为""，否则还是请求环境变量中的地址； 2、vite.config.ts文件中做如下配置： server: { open: true, //启动项目自动弹出浏览器 port: 8081, //启动端口 cors: true, proxy: { " ......
【vue】vue3中的动画
vue版本：vue3 不过是控制动画放到了标签内控制 在上图中，是绑定到了style vue中关于动画的封装 入场出场动画 进入开始状态（时间点） .v-enter-from { } 动态效果（时间段） .v-enter-active { } 终止状态（时间点） .v-enter-to { } .v ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
JS 对象 Key使用变量代替
let key = 'aa' let data = { key: 'value' } 这是 写 key 他代表key 而不是 'aa' let data = { [key]: 'value' } 这样才对 现在的key 是aa 是可以解析的 ......
全网最详细中英文ChatGPT-GPT-4示例文档-智能AI辅助写作从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
在用户进行写作时，ChatGPT不仅能通过替换主题特定的词汇，帮助用户迅速将文章中主人公从第一人称更改为第三人称，也能够对相同类型的词语进行修改或优化，这些都将极大提高作者的写作效率。同时ChatGPT还可以智能识别文章中的主要内容，然后进行优化，比如ChatGPT可以发现并更正重复使用的词语，以便... ......
vue脚手架创建与环境安装
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
全网最详细中英文ChatGPT-GPT-4示例文档-智能AI写作从0到1快速入门——官网推荐的48种最佳应用场景（附python/node.js/curl命令源代码，小白也能学）
ChatGPT绝对是一款绝佳的AI辅助写作工具，可以根据主题和输入生成文字，并自动处理表达、语法、文字类型等，更加快速、有效地将您的主题输入和想法转化为一个完整的、连贯的故事，同时ChatGPT 还可以协助您对内容进行优化，例如：比较自然的语气、更多的同义词变换、精准的修正及深度重新组织等等。最重要... ......
在 Vue 中控制表单输入
Vue中v-model的思路很简单。定义一个可响应式的text（通常是一个ref），然后用v-model="text"将这个值绑定到一个input上。这就创造了一个双向的数据流： 用户在输入框中输入，text会发生变化。 text发生变化，输入框的值也随之变化。 让我们看看如何在Vue 3中使用v- ......
axios在vue中的使用
在该项目的vscode命令行下载 npm i axios 在使用axios时涉及跨域问题 你的8080窗口虽然发了请求，服务器也返回了消息，但是你收不到 1.cors 方式 服务器给你返回响应时加特殊的响应头 2.jsonp方式 借助了 script 标签里面的src属性 引入外部资源时，不受同源策 ......
vue2+element-ui实现网站标题随着路由改变动态切换标题
以下内容仅供自己学习使用 1. 效果图 2. 第一步在router.js编写meta:{title:''} 3. 然后挂载路由导航守卫 // 在Vue实例创建之前获取路由信息 router.beforeEach((to, from, next) => { // 更新动态标题 document.tit ......
🎊这个 OpenTiny 开源项目的 CLI 可太牛了，两行命令创建一个美观大气的 Vue Admin 后台管理系统，有手就会，连我的设计师朋友都学会啦啦
近期尝试了下 OpenTiny 的 CLI 工具，不得不说，简单到“有手就会”，只要执行两行命令就创建了一个美观大气的 Vue Admin 后台管理系统，连我的设计师朋友都学会啦啦。 ......
echart js给相关参数赋值的问题
需要在初始化的时候加上相关的定义，后面用js进行动态赋值的时候才能找到，否则报Undefined， 定义： var option = { title: { text: '', textStyle: { color: '#5AC8FA' } }, //color: '#00ff00', legend: ......
vue指令之属性指令
属性指令 标签上的属性可以绑定变量，变量变化，属性也会变化 # 什么是属性？比如： href/src/name/value/class/style... 语法： v-bind:属性名="变量名" 简写 :属性名="变量名" 示例 <body> <div id="app"> <a v-bind:hre ......
vue指令系统之文本指令
什么是指令系统 指令系统是VUE提供的，语法为 v-xx 写在标签属性中的，系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量，或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" a-text指令 如：a ......
JS Iterator属性
Iterator的作用： 为各种数据结构，提供一个统一的、便捷的访问接口 使得数据结构的成员能够按照某种次序排列 es6创造了一种新的遍历命令for ... of循环，Iterator主要供for ... of循环 ES6 规定，默认的 Iterator 接口部署在数据结构的Symbol.itera ......
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指令无论内容是什么，只 ......