组件 常用confirm vue
vue中退出循环的方法
forEachforEach不能使用break和continue。return也无法退出循环。 使用break，会报错（报错信息：SyntaxError: Illegal break statement）。 使用continue，会报错（报错信息：SyntaxError: Illegal conti ......
Vue3 setup 实时更新修改后的数据
const removeData = (currentId) => { data.value = data.value.filter((i) => { return i.key !== currentId }) } const updateData = (currentId) => { data.v ......
vue3 - .eslintignore 配置忽略指定文件或者文件夹的eslint检查报错
项目根目录如果没有 .eslintignore 文件，需要手动添加即可 用法如下 指定某文件夹包括里面的所有文件都忽略 build src/assets 指定某文件夹里面的指定文件类型都忽略 build/*.js 指定某文件夹里面的指定文件忽略 src/index.js 指定某文件夹里的除某个文件之 ......
vue项目中组件封装
移动端项目中使用 vut UI组件库。 比较常用的dialog弹出框和Picker 选择器，这两个的样式跟UI设计的不太一样，尤其是border边框在手机ios系统上有兼容问题。 dialog弹框组件 <template> <transition name="confirm-fade"> <div ......
常用脚本练习
送你40个简单又有效的Linux Shell脚本示例 入门小站 入门小站 2023-03-29 22:39 发表于湖北 收录于合集#Linux740个 入门小站 分享运维技巧及10k+Stars的开源项目 227篇原创内容 公众号 作者:执着的花猫 Jp 【Linux250个常用命令速查手册】关注【 ......
常用工具集
此blog主要记录下平常工作中遇到需求而写的工具，以便后面遇到可以方便取用 一、最近在改django框架，经常出来不知道哪冒出来的打印，就查了下gpt能够打印print所在文件等的方法，在这里记录一下 # print info tool import inspect def print_with_i ......
vue3 - 开启debugger 能力
在 package.json 文件 的 eslintConfig 配置部分加入 "no-debugger": "off", "no-console": "off", 意思为让eslint将debugger开启，并开启控制台 ......
vue3 - 定义window 全局变量
在 shims.d.ts 文件 //全局参数定义 ，export {};不可缺少 export {}; declare global { interface Window { editor: any; __minderReadOnly: any; } } 那么使用 window.editor 这个参 ......
vue3 - import js文件eslint报错-解决
在 shims.d.ts 文件中 ，添加 declare module '*.js'; 即可 如果让所有的文件都可导入，则写为 declare module '*'; ......
vue中手动销毁keep-alive组件失效原因是什么，有什么解决方案
在Vue中手动销毁keep-alive组件可能失效的原因有以下几点： keep-alive组件内部被缓存，即使手动销毁组件，其实并没有真正销毁，而是被缓存起来了。因此，即使手动销毁了组件，下次再进入缓存周期时，组件还是会被复用，而不是重新创建。 keep-alive组件内部可能存在异步操作或定时器， ......
vue3 - 关闭eslint提示参数必须定义类型
需要在tsconfig.json 文件里，将 strict 设为 false 即可 这样，参数不需要必须定义类型了 ......
Linux常用指令
Linux常用指令 一、 基本命令 ifconfig：查看ip地址常用信息 su [xxx]：更换用户，如果直接写su表示切换成root管理员账号 pwd：打印当前所在路径 cd xx：进入文件夹 cd ..：返回上级文件夹 cd /：返回根目录 ll [-a]：打印当前文件夹和其子文件和文件夹的详 ......
DevExpress WPF的电子表格组件，让您更快获得Excel体验（二）
DevExpress WPF的Spreadsheet控件拥有读取、写入、转换XLSx、XLS、CSV和TXT文件的功能，并且为终端用户提供了当今最流行的办公生产力套件才能获得的UI体验。它包括与Ribbon UI的完全集成，因此开发者可以以最小的代价交付受MS Excel启发的功能。 在上文中（点击 ......
ant-design-vue 两个select省市联动是典型的例子（添加汉语名字）
<template> <div> <a-form :label-col='{ span: 7 }' :wrapper-col='{ span: 15 }'> <a-row> <a-col :span='12'> <a-form-item label='省'> <a-select :default-v ......
TS 基础及在 Vue 中的实践：TypeScript 都发布 5.0 版本啦，现在不学更待何时！
本文主要介绍TS基础及在Vue中的实践，附赠《JS项目转TS指南》，旨在帮助还在使用JS的朋友快速使用TS，享受TS带来的丝滑体验。 ......
第十八篇 vue - 深入组件 - 组件事件
触发与监听事件 在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件 (例如：在 v-on 的处理函数中) $emit() 方法在组件实例上也同样以 this.$emit() 的形式可用 父组件可以通过 v-on (缩写为 @) 来监听事件 同样，组件的事件监听器也支持 .once 修 ......
第十七篇 vue - 深入组件 - Props
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props ......
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
Vue生命周期
vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示： 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 ......
组件化的思维
关于代码的组件化，我一直认为都是有必要的。我所坚持该观点主要来自于以下几项。 结构最小化 维护性 扩展性 抽象代码是结构最小化必备的思想。为什么？从编码角度，代码可以分为系统代码和业务代码。首先，系统代码是维护系统逻辑和业务逻辑必要的基石。抽象代码的目的，就是将业务逻辑和系统逻辑拆分，两者不冲突。最 ......
【THM】Putting it all together(网站组件协同工作介绍)-学习
本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/puttingitalltogether 本文相关内容：了解Web服务的所有单独组件如何协同工作，这种协同工作能让我们可以访问自己喜欢的网站。 简介 当我们在浏览器中请求网页信息时，幕后还发生了很多事情。 ......
Vue指令具体实现
v-bind： 指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。 代码： <!DOCTYPE html> <html ......
JS 开发常用方法学习
js 学习计划 js两个数组比较去重，返回不重复的项 const list1 = [ {id: 0, name: '小明'}, {id: 1, name: '小红'}, ]; const list2 = [ {id: 0, name: '小明'}, {id: 1, name: '小红'}, {id: ......
Oracle数据库常用操作
还是博客园靠谱 删除语句 delete from 表名 where 条件 drop table 表名 truncate table 表名 https://www.php.cn/oracle/491880.html# 密码过期 用sysdba身份登陆 select * from dba_profile ......
Vue指令
指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素，判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素， ......
常用字符串操作函数
前言： Go 语言对字符串的操作主要集中在 strings 包中 https://go-zh.org/pkg/strings/ 正文： 判断字符串是否包含某个字符 func Contains(s, substr string) bool 示例： var str = "hello world !" e ......
内部类与常用类
内部类与常用类 内部类 概念：在一个类的内部再定义一个完整的类 特点： 编译之后可生成独立的字节码文件 内部类可直接访问外部类的私有成员，而不破坏封装 可为外部类提供必要的内部功能组件 成员内部类 在类的内部定义，与实例变量、实例方法同级别的类 外部类的一个实例部分，创建内部类对象时，必须依赖外部类 ......
Vue2.0和3.0watch侦听器的改变和一些问题
话不多说，直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时，无法正确获得oldValue的值，也即数据发生改变之前的数据，此问题到目前仍未得到解决，不知在后续的版本中，尤雨溪及其他的团队来怎么解决这一问题 ......
js:三种弹出框（alter警告，confirm确认，prompt提示）
js:三种弹出框（alter警告，confirm确认，prompt提示） https://blog.csdn.net/qq_52824207/article/details/124081188 三种弹出框都属于window对象，完整写作window.alter，三种弹出框都可省略window. al ......