组件 常用confirm vue

tinymce封装成vue3组件

封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......
组件 tinymce vue3 vue

vue3使用tinymce

第一种方法:通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key,然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包,放在目录下的pu ......
tinymce vue3 vue

vue3中使用axios

1、问题: 在vue2中axios通常是经过封装的后挂载使用的,来处理token及报错处理,比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了,那vue3中是如何简单、 ......
axios vue3 vue

Vue3组件通信直接参考案例

https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法,如下 方法一,setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
组件 案例 Vue3 Vue

MODBUS常用功能码

1 简述 Modbus寄存器分为四种,如表1.1所示: 表1.1 寄存器分类 寄存器种类数据类型访问类型功能码PLC地址寄存器地址 线圈寄存器 位 读写 01H 05H 0FH 00001-09999 0000H-FFFFH 离散输入寄存器 位 只读 02H 10001-19999 0000H-FF ......
常用 功能 MODBUS

常用的Nvidia查询命令

参考:常用nvidia-smi命令详解(最新推荐) nvidia-smi: 显示当前系统上Nvidia GPU的状态,包括设备的使用情况、显存使用情况、功耗等信息。使用该命令可以查看GPU的状态,例如GPU的使用率、显存占用率、功耗等信息,以及GPU的温度、风扇转速等参数。 nvidia-smi - ......
命令 常用 Nvidia

Redis:数据类型和常用命令有哪些?

通用命令 查询所有的key: keys * 查询a开头的,长度为2的key: keys a? 删除指定的key: del keyName 判断指定key是否存在: exists keyName 给指定key设置有效期: expire keyName seconds 查看key的剩余有效时间: ttl ......
命令 常用 类型 数据 Redis

vue中通过$emit实现子向父通信

本篇讨论vue中使用$emit实现子向父通信, 第一步:我们在父组件中注册子组件,然后再给子组件标签添加一个自定义事件监听,这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件,那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 ......
emit vue

SpringCloud架构之注册中心/负载均衡组件搭建重点步骤

我的GitHub地址:https://github.com/hiders1/cloud-demo GitHub的使用见:https://www.cnblogs.com/jinjiyese153/p/6796668.html VSC不见的话参考:https://blog.csdn.net/Ericji ......
SpringCloud 架构 组件 步骤 重点

Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】

一、开发常用的工具栏选项 1、当前打开的文件快速在左侧资源树中定位: 其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅 2、打开太多文件的时候,可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧: (1 ......
常用 快捷键 工具栏 源码 技巧

MarkDown常用语法

MarkDown 标题:井号 + 空格 + 标题名字(一级标题) 两个井号 + 空格 + 标题名字(二级标题) 三个井号 + 空格 + 标题名字(三级标题) 同理四级标题,最多只支持到6级 二级标题 三级标题 字体 Hello world! 粗体 两边都加两个星号,不用加空格 Hello world ......
语法 MarkDown 常用

vagrant命令常用命令

机器命令 vagrant init # 初始化 vagrant up # 启动虚拟机 vagrant halt # 关闭虚拟机 vagrant reload # 重启虚拟机 vagrant ssh # SSH 至虚拟机 vagrant suspend # 挂起虚拟机 vagrant resume # ......
命令 常用 vagrant

Visual Studio Code 常见的配置、常用好用插件以及【vsCode 开发相应项目推荐安装的插件】

一、VsCode 常见的配置 1、取消更新 把插件的更新也一起取消了 2、设置编码为utf-8:默认就是了,不用设置了 3、设置常用的开发字体:Consolas, 默认就是了,不用设置了 字体对开发也很重要,不同字体,字母形态都不太一样,尤其是标点符号,逗号和分号的区分,有的字体看着这两者就很像 4 ......
插件 项目推荐 常见 常用 项目

vue做多选,传递数组类型到后端

1.需求:多选框选择多个类型,把选中的数据传递到后端 当初在做多选框,直接用了element-ui里面的el-check-box属性,在官网里面说,是使用v-modol绑定数值来传递,好嘛,,,传的一直是true!!不是我想要的数据,也是很久没使用vue框架了,做的时候很是怀疑自己,使用value来 ......
数组 类型 vue

Vue2.0 学习 第三组 条件语句

本笔记主要参考菜鸟教程和官方文档编写。1.v-if在div或者之类的dom中使用v-if可以控制是否插入该dom,控制由v-if的true和false决定。如:<div id="app"><div v-if="test"></div> </div><script>new Vue({el:"#app" ......
语句 条件 Vue2 Vue

javascript常用的循环对比及性能分析

结论:js中的for循环只有在处理百万条数据以上才会展示出他的强大性能,和看出明显优势,但是在百万条数据往下甚至到个位数的数据量通常都是for和while还有do...while不相上下,反而后两者更加优势明显 下面是测试耗时截图(在不同浏览器也会有所不同,我这是 Chrome 版本 111.0.5 ......
性能分析 javascript 性能 常用

GDB之常用命令介绍

GDB是一个由GNU开源组织发布的,基于命令行的、功能强大的程序调试工具。可以让开发者能看到程序在执行时“内部”发生了什么,或者程序崩溃的现场。下图是gdb的吉祥物--弓箭鱼。 GDB主要做以下4种事情: 启动程序 使程序在指定条件下停止(比如打断点) 当程序停止时,检查发生了什么 改变程序的内容, ......
命令 常用 GDB

【Spring Cloud】第二代Spring Cloud核心组件

第一代 Spring Cloud (主要是 Spring Cloud Netflix)很多组件已经进入停更维护模式。第二代Spring Cloud核心组件主要以Spring Cloud Alibaba为主,Spring Cloud Alibaba是由一些阿里巴巴 的开源组件和云产品组成的,2018年 ......
Spring Cloud 组件 核心

免费的HwBasicLib4S7-200Smart组件库

HwBasicLib是我们旗下的通用组件库,目前包含了S7-1200/1500+TIA WinCC和经典WinCC等多款产品。今天介绍的是其中的一款HwBasicLib4S7-200Smart组件库。该库是从最开始的HwBasicLib4S7-200组件库升级而来。因为我们已经有好几年不再使用S7- ......

vue2源码-五、将模板编译解析成AST语法树2

生成render函数 前言 上篇,生成ast语法树,而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1,将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......
语法 源码 模板 vue2 vue

Vue3中(vite.config.js)配置打包的时候去除console.log

参考:https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
console 时候 config Vue3 vite

SpringCloud核心组件

SpringCloud核心组件: Eureka:个服务启动时,Eureka会将服务注册到EurekaService,并且EurakeClient还可以返回过来从EurekaService拉去注册表,从而知道服务在哪里 Ribbon:服务间发起请求的时候,基于Ribbon服务做到负载均衡,从一个服务的 ......
SpringCloud 组件 核心

Vue3中使用mitt事件总线

在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用:https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
总线 事件 Vue3 mitt Vue

利用AntDesign中a-tree和checkbox构造组织单位人员树选择组件

业务效果图 核心代码 <template> <div class="select-container"> <a-modal v-model:visible="visible" @ok="handleOk" @cancel="handleCancel" width="1500px"> <templat ......
组件 AntDesign checkbox 单位 人员

3.Vue3.0 有什么更新

1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性,不能监测对象 检测属性的添加和删除; 检测数组索引和长度的变更; 支持 ......
Vue3 Vue

vue自定义密码输入框解决浏览器自动填充密码的问题

问题描述 浏览器对于type="password"的输入框会自动填充密码,但有时出于安全或者其他原因,我们不希望浏览器记住并自动填充密码。通过网上查到的一些解决方案,可以总结出以下几种解决方案(主要用edge浏览器进行测试): 通过autocomplete="off"/autocomplete="n ......
密码 浏览器 问题 vue

Vue3组合API自动引入插件

插件名:unplugin-auto-import url:https://github.com/antfu/unplugin-auto-import 安装 1、下载插件 npm i unplugin-auto-import -D 2、配置vite.config.ts import vue from ......
插件 Vue3 Vue API

vue-element-admin 动态菜单改造

vue-element-admin 动态菜单改造 vue-element-admin 是一款优秀后台前端解决方案,它基于 vue 和 element-ui实现。开源后台管理系统解决方案项目 Boot-admin的前端模块就是基于vue-element-admin开发而来。 作为一款纯前端的后台界面解 ......

vue 自定义季度选择器

1、效果 时间格式:2023-Q1 2、封装 quarter-picker.vue <template> <div class="quarter-picker"> <select class="year-select" v-model="year" @change="updateQuarter"> ......
季度 vue

vue 不同版本定义 el-date-picker 日期选择器快捷项

1、效果 2、vue 2 :picker-options <el-date-picker style="width: 350px" v-model="dates" type="daterange" align="right" unlink-panels range-separator="至" sta ......
el-date-picker 日期 版本 picker date