树形 结构filter vue

vue 批量打印

<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
vue

Vue 倒计时小组件

商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
组件 Vue

vue3引入使用svg图标

vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
图标 vue3 vue svg

导出mysql表结构设计文档word

github上有个很好用的工具:https://github.com/msuno/export-database-structure 我使用的数据库MySQL8.0.20 下载下来后: 1.pom中的oracle下载失败,解决办法:注释即可,无影响 <!-- <dependency>--> <!-- ......
结构设计 结构 文档 mysql word

vue2.5.2设置二级目录访问

vue发布到IIS后,需要通过二级域名访问: 1、找到config->index.js 节点assetsPublicPath,设置你要的二级域名名称 2、IIS创建站点后,在站点下添加应用程序web (跟上面同名) ......
目录 vue2 vue 5.2

vue js 引入sdk,思路代码整理 app.vue引入

代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 思路 代码 app sdk

vue 将百度地图或者高德地图组件化

一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
地图 组件 vue

【数据结构】线性表—栈与队列

什么是栈和队列 栈(stack),是一种"后进先出"(Last In First Out,LIFO)的线性表,其限制是只允许在表的一端进行插入和删除运算。比如往桌子上放盘子,往上放盘子(压栈)后,只能从最上面(栈顶)取盘子(弹栈)。 队列(queue),是一种"先进先出" (First in Fir ......
数据结构 队列 线性 结构 数据

vue3+ts打开echarts的正确方式

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
echarts 方式 vue3 vue ts

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
post vue get

数据结构&&集合总结

总结 数据结构 数据结构:保存数据的一种方式 常见的数据结构 通过数组来保存,基于数组的数据结构(动态数组,长度可变的数组) 基于数组的结构的优缺点 ​ 1.通过下标查询元素,效率高 ​ 2.通过下标修改元素,效率高 ​ **查改快** ​ 在需要扩容的时候:添加慢,删除慢,插入元素慢 ​ **增删 ......
数据结构 amp 结构 数据

选择结构&循环结构总结

总结 选择结构 概念: 选择结构就是让程序有选择的执行,满足条件就执行,不满足就不执行。根据判断的结果来控制程序的流程,是属于流程控制语句。其它两个流程控制语句是顺序结构(程序的执行是从左到右,从上到下)、循环结构(程序重复的干一件事)。 作用: 让程序有选择的执行。例如:用户登录的时候,只有用户名 ......
结构 amp

《FPGA原理和结构》——读书笔记

最近做了一个关于FPGA的项目后,读了《FPGA原理和结构》这本书。主要梗概内容和想法如下。 第一章:理解FPGA所需要的基础知识 理解FPGA我们需要数电的组合逻辑、时序逻辑等内容的知识。FPGA(20世纪70年度发展起来的,因为其具有通过组合使用器件内大量的逻辑块来实现所需的电路,比以往侠义的P ......
原理 结构 笔记 FPGA

vue3+lottie实现动画

1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
动画 lottie vue3 vue

金蝶云星空反写规则表结构同步另一个数据库

一、在BOS找到《反写规则》的表 二、反写规则相关表主表:T_BF_WRITEBACKRULE多语言表:T_BF_WRITEBACKRULE_L 三、创建反写规则,或者已经创建好的反写规则 四、定位反写规则数据 通过反写规则的名字在多语言表找到反写规则的唯一标识,两个表的通过唯一标识关联。 SELE ......
星空 规则 结构 数据库 数据

Vue中$router.push()路由切换、如何传参和获取参数 和获取不到$router.push 参数问题

路由的 两种传参方式: 一: 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二: 编程式 $router.push(...) //该方法的参数可以是一个字符串路径,或者一个描述地址的对象。 不带参数写法: // 字符串(对应 ......
参数 router push 路由 问题

封装一个表情包组件(支持自定义表情图片)(基于vue3语法)

效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
表情 语法 组件 图片 vue3

vue3.0之表格拖拽-最简单的表格(不带层级/树级)

const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......
表格 层级 vue3 vue

vue前端node内存溢出问题解决

前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误: FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory (JavaScript堆内存不足) 原因: 因为在 Node 中,通过Ja ......
前端 内存 问题 node vue

vue项目创建和插件依赖安装

1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖: npm install bootstrap npm install @po ......
插件 项目 vue

typeScript中map和filter的用法

首先,这两个方法map()和filter()都是对调用他们的数组进行遍历。那么在项目中,什么情况下使用map(),又在什么情况下使用filter()呢?1、map()的使用方法: arr.map((item,index,array)=>{……}) 2、filter()的使用方法: arr.filte ......
typeScript filter map

Vue检测密码复杂度方法

Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
复杂度 密码 方法 Vue

VUE

一、Vue定义及简介 1、Vue定义 关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单 ......
VUE

Vue脚手架中加入Vuex全局状态管理中间件

WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
脚手架 中间件 全局 状态 Vuex

SpringBoot:整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包,生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
SpringBoot 前端 代码 项目 React

vue2中 watch和computed的区别

计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 ......
computed watch vue2 vue

重学Vue之 死磕原理

学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......
原理 Vue

代码整洁之道:格式、对象和数据结构、错误处理

来源:博客园(作者-BNDong) 格式 格式目的 代码格式不可忽略,必须严肃对待。代码格式关乎沟通,而沟通是专业开发者的头等大事。(每种语言基本都有它自己的推荐标准,比如PHP的PSR代码规范,对格式做了详细的定义) 垂直格式 单文件。书中的建议是,单文件的代码量不易过大。短文件通常比长文件易于理 ......
数据结构 对象 错误 结构 代码

vue2添加反向代理解决跨域问题

编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
问题 vue2 vue

2018 - 951 数据结构

题目 一、单项选择题 1.数据的基本单位是( )。 A.数据结构 B. 数据元素 C. 数据项 D. 文件 2. 在逻辑上可以把数据结构分成( )。 A. 动态结构和静态结构 B. 紧凑结构和非紧凑结构 C. 内部结构和外部结构 D.线性结构和非线性结构 3.不带头结点的单链表 head为空的判定条 ......
数据结构 结构 数据 2018 951