缩写 脚本 样式 组件
Vue3 echarts 组件化使用 resizeObserver
点击查看代码 const resizeObserver = ref(null); //进行初始化和监听窗口变化 onMounted(async () => { await nextTick(() => { initChart(); setOptions(options.value, opts.val ......
React中使用context实现跨层组件通信
function A() { return (<> This is A component </>) } function B() { let msg = useContext(MsgContext); return (<> This is B component:::: {msg} </>) } ......
02_Vue 组件化
vue 组件 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能模块，将来需要什么样的功能，就可以去调用。 组件和模块化的不同： 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块职能单一 组件化：是从UI界面的角度进行划分的，前端的 ......
Linux操作脚本说明
查看java进程是否存在 ps -ef|grep java -e所有进程 -f全格式 PS 是 LINUX 下最常用的也是非常强大的进程查看命令查看系统日志tail -f server.log杀进程kill -9 23398 重启服务不显示日志./startservernohup.sh 重启服务显示 ......
React学习笔记19-受控组件
1.受控组件的定义 React组件的数据渲染是否被调用者传递的 props 完全控制，完全控制则为受控组件，否则非受控组件。即React 的 state 成为组件的唯一数据源。 下面用一个小案例来演示，案例中todolist组件的唯一数据源就是State，todolist组件就是一个受控组件 imp ......
React学习笔记18-非受控组件
1.非受控组件的定义 非受控组件即状态不是完全由React的state来控制的组件 React要编写一个非受控组件，可以 使用 ref 来从 DOM 节点中获取表单数据，就是非受控组件。 import React, { Component } from 'react' export default ......
shell脚本执行提示 $'\r': 未找到命令 错误
在Linux环境下编写和执行Shell脚本是一项常见的任务。然而，有时候我们可能会遇到一些错误，比如$'\r': 未找到命令。这个错误通常是由于在Windows环境下编写的脚本在Linux环境下执行时产生的。 问题的原因 首先，需要理解为什么会出现这个错误。在Windows环境下，文本文件的行结束符 ......
从零实现的浏览器Web脚本
从零实现的浏览器Web脚本 在之前我们介绍了从零实现Chrome扩展，而实际上浏览器级别的扩展整体架构非常复杂，尽管当前有统一规范但不同浏览器的具体实现不尽相同，并且成为开发者并上架Chrome应用商店需要支付5$的注册费，如果我们只是希望在Web页面中进行一些轻量级的脚本编写，使用浏览器扩展级别的 ......
定时统计vm_stat的一个脚本
main.py: #!/usr/bin/python3 import subprocess import time import re import threading from vm_stat import VmStat from start_web_tab import Web if __nam ......
vue select-option组件 普通下拉和远程下拉数据展示及回显
前言：后台返回的数据格式有如下两种类型： 1、json格式： codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式： codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
异常描述： 首页有轮播、广告位、瀑布流商品列表，但是使用了原生组件waterfall的商品列表后边出现了大面积空白。 解决方法： 将waterfall放到父容器下边或者直接放到template下边作为父容器，给父容器设置高度设置为窗口高度，除瀑布流展示的列表外，其他的组件都放在中即可。 <templ ......
sh脚本扫描k8s一批微服务过滤错误日志生成文件
sh脚本扫描k8s一批微服务过滤错误日志生成文件，并用vim一次性打开所有日志文件进行错误排查 #!/bin/bash echo "请输入param参数（多个参数用逗号分隔，默认为admin-center,space,permission,user,project,project-center）：" ......
程序员都收藏下吧！这样子找开源组件更安全！
随着互联网的高速发展，开源组件日益成为技术研发的重要工作基础。尤其是如今软件市场对功能性需求的激增，与市场的节奏的加快，企业对程序员开发效率的要求越来越高，开源组件无疑成为了研发市场上的香饽饽。但开源组件极大地提高了开发效率的同时，也难以避免地引入了安全风险。 对于开发者来说，等到在安全漏洞披露后再 ......
Vue上传视频组件
整合上传组件 <el-form-item label="上传视频"> <el-upload :on-success="handleVodUploadSuccess" :on-remove="handleVodRemove" :before-remove="beforeVodRemove" :on-e ......
给shell脚本添加可执行权限
chmod u+x cleanPro.sh 说明： chmod是权限管理命令change the permissions mode of a file的缩写； u代表所有者user；x代表执行权限；+ 表示增加权限。 chmod u+x file.sh就表示对当前目录下的file.sh文件的所有者增 ......
Ant组件踩坑记录（日期选择器）
1.日期选择器<a-date-picker/> 数值转化问题 原先写法，我是直接绑定“2023-11-03 00:00:00”的string值，结果发现日期框并无法显示这个日期 <a-date-picker v-model:value="timeInfo.invoiceDate" format="Y ......
vue 视频上传组件
组件： <template> <div class="upload-box"> <div class="avatar-uploader-box"> <!-- 图片预览 --> <div :key="index" class="video-preview" v-for="(item, index) i ......
vuejs3.0 从入门到精通——组件—子传父
子传父 1、子 <template> <div> 这是子组件 ==> {{ num }} <button @click='changeNum'>按钮</button> </div> </template> <script lang="ts"> import { defineComponent, re ......
修改element 组件的样式 el-transfer修改宽度
el-transfer默认宽度是200px在内容较长的时候，无法展示完全; 需要修改该组件的宽度 <div class="edit_fei"> <el-transfer v-loading="transLoading" filterable filter-placeholder="搜索" v-mod ......
项目中ssh远程连接服务器，运行shell命令启动脚本，脚本未执行
一 问题 远程ssh连接shell，shell运行一个脚本，发脚本没跑起来 二 解决 远程连接，将shell命令中的所有的路径改成绝对路径，即可解决 例如： nohup java -jar /root/work/project/JenkinsDemo*.jar > /root/work/projec ......
uni-swipe-action的使用和样式问题
<uni-swipe-action> <view v-for="(item,index) in noticeList" :key="item.id" style="margin-top: 30upx;"> <uni-swipe-action-item class="swipe-action-item ......
界面组件DevExtreme v23.1 —— UI模板库更新新功能
在DevExtreme在v22.2版本中附带了针对Angular、React和Vue的新UI模板库，这个新的UI模板库包含多个响应式UI模板，您可以将其用作业务应用程序的起点，模板包括类似CRM的布局、仪表盘、身份验证表单等。在这篇文章中，我们将看看在v23.1发布周期中引入的与UI模板库相关的更新 ......
64.简单的备份脚本
#!/bin/bash cd /data/wwwroot/www_back tar -zcvf leiuk.com_`date +%Y%m%d%H%M`.tar.gz /data/wwwroot/leiuk.com find /data/wwwroot/www_back -type f -mtime ......
[Vue]组件实例对象可以访问到Vue原型上的属性、方法
1. 一个重要的内置关系：VueComponent.prototype.__proto__ Vue.prototype 2. 为什么要有这个关系：让组件实例对象vc可以访问到Vue原型上的属性、方法 <body> <div id="root"></div> </body> <script> let ......
QQ空间自动点赞js脚本
QQ空间自动点赞评论脚本 F12 控制台 对于主页用以下代码 var x=5,y=10; function autoClick() { y=y+10+Math.floor(Math.random()*10); var zan = document.getElementsByClassName('it ......
【Azure Web Job】Azure Web Job执行Powershell脚本报错 The term 'Select-AzContext' is not recognized as the name
问题描述 Azure Web Job执行Powershell脚本报错 Select-AzContext : The term 'Select-AzContext' is not recognized as the name of a cmdlet, function, script file, or ......
uniapp app横屏竖屏问题导致样式紊乱
最近做了一个点击签名然后要让app自动横屏的功能，此功能难点在于退出横屏的时候，会导致竖屏的页面紊乱。 首先如果要让app横屏，要先在manifest.json的源码视图app-plus里添加"flexible": true,表示app可以横竖切换 然后在想要横屏的页面里加上 onShow() { ......
项目jar部署启停shell脚本
#!/bin/bash APP_NAME=bixi-admin.jar APP_DIR=`pwd` usage() { echo "Usage: sh startup.sh [start|stop|restart|status]" exit 1 } is_exist(){ pid=`ps -ef|g ......
bash脚本面试题
(20231102) 面试题:三剑客专题 | cnblogs | ZhangHe find 找出/test.dir目录下的文件名中包含test关键字的文件并将其全部删除 方法一：使用 find 命令和通配符配合删除文件 find /test.dir -type f -name '*test*' -e ......
vue3.0父级组件调用子组件方法
vue3.0父级组件调用子组件方法 场景：在页面开发过程中，我经常涉及到不同组件之间的元素和方法的调用。就此记录在vue3.0项目，也是我开发的开源项目中的实现方式。 父级组件调用子级 1.应用场景 以下以我的代码实现为例：在左侧菜单中，通过点击新建会话，在会话列表中新建一个会话框。 其中：会话列表 ......