组件 常用confirm vue
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
vue2源码-二、对象响应式原理
// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
linux常用指令小结
linux查看文件的指令 `cat` `tac` `sed` `head` `tail` `less` `nl` tac:cat 的反向指令，从最后一行倒序显示全部内容head 只显示头几行tail;只显示最后几行tail -f 可以实时显示Log文件的更新 nl:类似于cat -n ,显示时输出行 ......
vue项目打包不起：FATAL ERROR: Zone Allocation failed - process out of memory
背景：vue3 + ts 的项目，admin plus框架 ，打包不起node 版本 v16.13.1 网上搜索了，解决方法 1.设置环境变量NODE_OPTIONS--max-old-space-size=4000 ！！！！设置这个会导致阿里云oss浏览器无法打开 2. 在package.json ......
Vue3定义响应式变量
ref和shallowRef ref 深层次 shallowRef 浅层次的响应 ref 和 shallowRef 是不能一块写的，不然 会影响shallowRef 造成视图的更新 ref和reactive ref 支持所有类型 reactive 支持引用类型 (Array Object Map S ......
vue iview table实现动态自定义表头
一、前言 众所周知，iview中有一个表格组件Table，用于展示多条结构类似的数据。之前遇到过一个需求，要手动控制table的表头显示。就是假如table表格一共有10列数据，可以通过设置勾选，决定显示多少列 二、代码 为了代码的复用性，将配置页面单独抽成了组件，所以代码中会有组件之间传值父组件（ ......
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架，什么是渐进式呢？ 渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现，那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex，也可以 ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败，记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因：node版本问题，安装10.x.x 即可 重新安装： 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
jqGrid常用备注
设置单元格字体颜色（单元格样式） cellattr: function(rowId, val, rawObject, cm, rdata){} colModel : [ { label : "数据状态", name : "dataState", sortable : false, width : 8 ......
任何自定义动态右键菜单组件
如果自定义动态右键菜单组件，模块与模块之间互不影， 细节样式可以后续补充 注意点：Teleport解决定位问题，Transition解决动画问题 contextMenu组件 <template> <div ref="continerRef"> <slot></slot> <Teleport to=" ......
vue全局公共方法调用
1.在assets文件夹下，新建文件夹，创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
vite 开发按需引入的组件库 rollup
转载：https://blog.csdn.net/qq_27314517/article/details/128675552 package.json { "name": "...", "private": false, "version": "0.1.9", "main": "./lib/inde ......
Antd之a-date-picker和a-time-picker组件传值
使用a-date-picker和a-time-picker组件时传到后端，传参值为类似"2023-04-10T06:58:44.000Z"这样的字符串。 要恢复正常传值，可将前端传到后端日期格式统一为”YYYY-MM-DD HH:mm:ss”。 1.a-date-picker组件添加 show-ti ......
vue3 封装组件中使用 pinia 报错
报错信息： Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
EAS常用快捷操作，查类路径， 查sql,查菜单
1.eas如何快速查看类加载路径 在付款单序时簿界面，使用CTRL+SHIFT+A,调出如下页面弹窗，比如如果想知道费用申请单的加载ui路径，可以先点击tab页签上的“费用申请单“， 然后，回到弹窗页面，点击刷新，然后再点击查找选中，再点击脚本选中，就可以看到类的路径了 这里注意，文本域里要填Cor ......
vue+leaflet绘制街道地图，并在上面显示站点标记。
从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上，使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。（单一标记，且默认打开提示框） const icon = L.icon({ iconUrl ......
vue实现路由懒加载（异步加载）及组件懒加载（异步加载）的方式
##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的 ......
关于vue2老项目的打包优化，实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
JVM常用命令
JVM常用的命令 jps 查看JAVA进程PID。 jps 命令用来查看所有 Java 进程，每一行就是一个 Java 进程信息。 jps 仅查找当前用户的 Java 进程，而不是当前系统中的所有进程，要显示其他用户的还只能用 ps 命令。 jps 常用参数 jps -l 如果是以 class 方式 ......
Vue中$attrs、$listeners的用法总结
用法如下： 1、v-on="$listeners" 父组件A，子组件B，孙组件C。C组件中emit事件后，在B中可以直接使用v-on="$listeners"接收，此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A，子组件B，孙组件C。A上设置值，若 ......
Vue3中无法为el-tree-select设置反选问题分析
环境：Vue3.2、Element Plus
问题：子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ，无法设置默认选中项 default-checked-keys
场景：在一个后台系统的列表页，选中一行数据，点击设置按钮，分配一些功能。这里... ......
安装后报错：'vue' 不是内部或外部命令
安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架； npm install -g @vue/cli 2.安装后报错：'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 3.进行环境变量的安装： 【1】找到 vue.cmd 文件所在的文件夹位置，并配置环境变量； 【2】配 ......
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
spring中常用注解
@Configuration 标识当前类是配置类 @ComponentScan 包扫描注解 扫描注解 @Bean 标识该方法的返回值交给Spring容器管理 @Scope 控制多例和单例 @Lazy 懒加载 @PostConstruct 初始化方法 @PreDestroy 销毁方法 @Compone ......
zookeeper常用命令
一、常用命令 1、连接zk ./zkCli.sh -server 127.0.0.1:2181 2、查看目录文件 普通信息 ls / 详细信息 ls2 / 3、新增znode create /test "test" 4、删除数据 delete /test 5、修改数据 set /test "rick ......
Python常用语句
一、常用语句 1、安装pip sudo apt-get install python-pip 2、查看pip版本：pip --version 3、获取帮助：pip --help 4、升级pip：pip install -U pip 5、安装指定版本的包 pip install SomePackage ......
OpenTiny 跨端、跨框架组件库升级TypeScript，10万行代码重获新生
摘要：一份精心准备的《JS项目改造TS指南》文档供大家参考，顺便介绍TS 基础知识和 TS 在 Vue 中的实践。 本文分享自华为云社区《历史性的时刻！OpenTiny 跨端、跨框架组件库正式升级 TypeScript，10 万行代码重获新生！》，作者：Kagol。 根据 The Software ......