缩写 脚本 样式 组件
js设置时间组件
var date = new Date(), y = date.getFullYear(), m = date.getMonth(),d = date.getDate(); var monthFirstDay = new Date(y, m-1, d); var timeArr = [monthFi ......
OpenHarmony组件复用示例
本文转载自《#2023盲盒+码# OpenHarmony组件复用示例》，作者zhushangyuan_ ● 摘要：在开发应用时，有些场景下的自定义组件具有相同的组件布局结构，仅有状态变量等承载数据的差异。这样的组件缓存起来，需要使用到该组件时直接复用， ● 减少了创建和渲染的时间，可以提高帧率和用户 ......
nginx同步脚本
1. 检测nginx进程是否存在异常 `#!/bin/bash #收集nginx进程pid pid=$(ps -ef |grep nginx|grep worker|awk '{print $2}') #收集第一个nginx进程的pid,打上时间戳 pid0=$(ps -ef |grep nginx ......
redis分布式锁，setnx+lua脚本的java实现
本文是基于redis缓存实现分布式锁，其中使用了setnx命令加锁，expire命令设置过期时间并lua脚本保证事务一致性。Java实现部分基于JIMDB提供的接口。 ......
【Angular】 在组件内使用生命周期钩子函数如 OnDestroy 时，必须先 implements 么？
不是必须，就算不`implements`，它也能被成功识别为生命周期钩子函数。但是最佳实践建议加入`implements`，可以增加钩子函数的数据类型检查，以及阻止某些因为未加入`implements`导致的错误。 **参考：** [Angular Lifecycle Interface OnCha ......
bat 脚本
@echo offsetlocal enabledelayedexpansion set "inputFile=rs.txt"set "outputFile=outputrs.txt" if not exist "%inputFile%" ( echo Input file "%inputFile% ......
vue~el-autocomplete实现组件化
# el-autocomplete核心参数 可以实现异步的数据拉取，从异步返回的数据中，选择需要的结果，并回显到文本框中。 ## fetch-suggestions 回调列表，异步的方式获取数据列表，显示在列表框中 ## @select 当选中某一项时，会触发这个方法，将数据获取到，这时，我们可以将 ......
vue3 setup访问子组件的 DOM 元素
使用setup的情况下这个时候我们无法使用this，注意在setup中setup是封闭的，不会将子组件事件暴露出来，所以要用defineExpose()，将需要在父组件调用的函数暴露出去，子组件代码如下： ``` 哈哈哈哈 ``` 父组件： ``` import { ref, onMounted } ......
Shell - 脚本入门
<!-- 开头部分我准备设置目录 --> 脚本格式 脚本以 #!/bin/bash 开头（指定解析器） HelloWorld 【需求描述】 创建一个Shell脚本（helloWorld.sh），输出Hello World! #!/bin/bash echo "Hello World!" 【脚本执行】 ......
vue--day75--vuex多组件共享数据
1.Person.vue <template> <div> <h1>人员列表</h1> <h1 style="color: red;">Count 组件的求和为{{ sum }}</h1> <input type="text" placeholder="请输入名字" v-model="name">< ......
日志开源组件（六）Adaptive Sampling 自适应采样
# 业务背景 有时候日志的信息比较多，怎么样才可以让系统做到自适应采样呢？ ## 拓展阅读 [日志开源组件（一）java 注解结合 spring aop 实现自动输出日志](https://houbb.github.io/2023/08/06/auto-log-01-overview) [日志开源组 ......
request请求但脚本爬取
import requestsfrom lxml import etreeurl = "https://duanzixing.com/"headers = { 'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/5 ......
element-ui中table组件的全选禁用遇到的坑？
elementui只提供了除全选之外其他复选框的禁用方法： <el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column> // 禁用table中的复选框 ......
使用source执行shell脚本和直接执行的区别
使用 `source` 命令和 `./` 形式来执行 shell 脚本有一些重要的区别： 1. **作用域：** - **`source` 或 `.`：** 使用 `source` 命令（或 `.`）来执行脚本时，脚本在当前 shell 环境中执行。这意味着，脚本中的任何变量、函数定义等在执行后仍然 ......
第一个shell脚本
#### 需求背景: 公司需要把服务器本地备份的sql数据，备份到另一台ftp服务器上。 #### 需求分析: 1.因本地数据库备份为最近5天的数据集，故需要找到当天的数据文件 2.备份至ftp服务器上，故需要ftp命令。 3.定时任务每天执行 代码一：异地本分脚本 ```bash ......
Docker 一键安装脚本
## Docker 一键安装脚本[#](https://linuxmirrors.cn/other/#docker-一键安装脚本) | [](https://www.debian.org/) Debian | [](https://www.centos.org/) CentOS | | | | | ......
常用的CSS样式
隐藏input输入框的增减按钮/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;} / ......
linux一键换源脚本，centos,debian,ubuntu通用脚本
# 国内使用 ```python bash 软件源格式 `:///` ## 示例[#](https://linuxmirrors.cn/use/command-options/#示例) ### 指定软件源地址[#](https://linuxmirrors.cn/use/command-option ......
js脚本发起请求的方式
一、使用XMLHttpRequest发起请求 <script> console.log("使用XMLHttpRequest发起请求"); var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://ccc.4.dns.snadfml.cn/http ......
Vue【原创】基于【日历组件】的【节假日管理】功能整合
基于日历组件（lilo-canlendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5 ......
C#里面设置ListView单列（某个单元格的样式：颜色和字体等
C#里面设置ListView单列（某个单元格的样式：颜色和字体等）。 ListViewItem lvi = new ListViewItem((i + 1).ToString()); lvi.UseItemStyleForSubItems = false; ListViewItem.ListView ......
为什么要用模块化、组件化才能完成 Android 项目中类加载功能?
模块化 模块： 最初的目的是将同一类型的代码整合在一起； 所以模块的功能相对复杂，但都同属于一个业务； 不同模块之间也会存在依赖关系； 但大部分都是业务性的互相跳转，从地位上来说它们都是平级的 特点： 分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行； 以页面、功能或其他不同粒度划 ......
Vue【原创】日历组件
最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> ......
自动签到脚本
# 使用Python + selenium + ChromeDriver实现一个自动签到脚本 本文是在以下网址实现自动签到： ```url https://www.wenpblog.com/login.html ``` 供参考 ## 我的配置： 系统：windows10 python: Python ......
如果把k8s比作一个餐厅，应该怎样通俗的解释 k8s的核心组件和运行原理
可以通过以下方式理解Kubernetes的二级选项： Master节点： API Server（API服务器）：API Server就像是餐厅的前台接待员，接收顾客的点餐请求，并将请求传达给相应的餐桌（Pod）。 etcd（键值存储）：etcd就像是餐厅的菜单和订单记录本，它存储着餐厅的菜单信息、订 ......
vue3同一页面内重复引用同一操作dom的组件产生的问题
##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......
buildroot 构建根文件系统（2）开机自启动脚本
一、开发背景 构建最小系统后成功运行后，有些应用或者脚本需要开机自启动，不要手动操作 二、开发需求 开机启动用户路径下的 test.sh脚本 /root/test.sh 三、开发环境 Linux Ubuntu 4.15.0-65-generic + buildroot-2023.02.3 + i.m ......
2023-08-28 关于uview组件u-number-box的一些错误使用示范 ==》尽量不要给change事件传递参数
此处记录我对u-number-box的错误使用： <u-number-box v-model="item.num" @change="onChangeNum(item,index)"></u-number-box> 业务：修改购物车数量，遍历数据data给u-number-box赋值，u-numbe ......
组件发布新版本至线上
项目环境 vue 2 1. 在 build 文件夹下新建文件 npm-auth.js 内容如下： const registry = '' // 要发布的线上地址 const alwaysAuth = true function getNpmAuth (username, password) { co ......
使用 Vitest 进行组件测试
原文：[试试使用 Vitest 进行组件测试，确实很香。](https://juejin.cn/post/7129667747134308389 "试试使用 Vitest 进行组件测试，确实很香。") 参考：[Vitest：https://cn.vitest.dev/guide/ui.html](h ......