组件 常用confirm vue
常用文件读取(python)
### CSV文件 CSV(Comma-Separated Values)是一种常见的文本文件格式,用于存储结构化的数据。CSV文件中的数据是以逗号(或其他指定的分隔符)分隔的文本行,每一行表示一条记录,每个字段表示记录中的一个属性或值。 ### 读CSV ``` import csv import ......
Vue 样式绑定
绑定 HTML class :class (v-bind:class 的缩写) :class 指令也可以和一般的 class attribute 共存 绑定的对象并不一定需要写成内联字面量的形式,也可以直接绑定一个对象 可以给 :class 绑定一个数组来渲染多个 CSS class 绑定内联样式 ......
RedisTemplate常用API
1.String 新增数据 set(K key, V value) //key:键 value:值 set(K key, V value, long offset) //offset:根据下标覆盖 set(K key, V value, long timeout, TimeUnit unit) // ......
Nginx反向代理实现Vue访问Netcore的简要说明
1、Nginx的nginx.conf文件配置 1 server { 2 listen 8080; 3 server_name 127.0.0.1; 4 5 #charset koi8-r; 6 7 #access_log logs/host.access.log main; 8 9 10 locat ......
vue 报错解决方法
nodejs 版本过高导致启动项目失败 控制台输入 $env:NODE_OPTIONS="--openssl-legacy-provider" 重新下载依赖 npm i 启动项目 npm run dev 参考 umi项目启动报错node:internal/crypto/hash:71this[kHa ......
openssl 常用命令
openssl 是目前最流行的 SSL 密码库工具,其提供了一个通用、健壮、功能完备的工具套件,用以支持 SSL (Secure Sockets Layer) / TLS (Transport Layer Security) 协议的实现官网:https://www.openssl.org/sourc ......
Linux常用命令
1.目录 进入目录:cd xxx 返回当前用户的根目录: cd 返回上一级目录:cd .. 进入当前目录的xxx目录:cd ./xxx 2.用户 切换用户:su 用户名 新增用户:useradd -g 用户组:用户 新增用户组:groupadd 用户组 添加用户密码:passwd 用户 查看所有用户 ......
搞懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让我们在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ## ref() 大家对于 ref ......
vue-vuex中使用commit提交mutation来修改state的原因解析
https://blog.csdn.net/a460550542/article/details/82620457 在vuex中,关于修改state的方式,需要commit提交mutation。官方文档中有这么一句话: 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 为 ......
vue3 - 警告 `shallowRef` instead of `ref` - 解决
完整警告 [Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided b ......
vue3 动态创建ref
:ref="(el)=>setItemRef(el, 'test'+1)" const iframeRefs = {}const setItemRef = (el, key) => { if (el) { iframeRefs[key] = el }} onMounted(()=>{ const i ......
linux常用命令
显示文件夹:ls显示文件夹中的详细信息:ll进入指定文件:/cd 文件的全路径显示当前目录的全路径:pwd编辑指定文件vi or vim重启网络服务 service network restatus查看网络服务状态service network status安转软件命令 yum install 软件 ......
vue3 使用clipboard实现一键复制
# 安装clipboard包 ```bash npm install vue3-clipboard ``` # 在main.js中进行配置 ```js import VueClipboard from 'vue3-clipboard' const app = createApp(App) use(V ......
界面组件Telerik UI for WinForms R2 2023——拥有VS2022暗黑主题
Telerik UI for WinForms拥有适用Windows Forms的110多个令人惊叹的UI控件。所有的UI for WinForms控件都具有完整的主题支持,可以轻松地帮助开发人员在桌面和平板电脑应用程序提供一致美观的下一代用户体验。 Telerik UI for WinForms ......
vue3中组件之间通信ref和$parent的用法
ref的用法: //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意:组件内部数据对外是关闭的,如果想让外 ......
Git常用命令
git init git add . #将全部文件加入缓冲区 git commit -m “注释” 文件名.后缀 git status git clone 地址 关联到远程库 git remote add origin 你的远程库地址 把本地库的内容推送到远程 git pull --rebase o ......
vue中使用Tinymce
1、安装tinymce编辑器 npm i tinymcenpm i @tinymce/tinymce-vue 或: yarn add tinymce yarn add @tinymce/tinymce-vue 2、配置中文语言包 地址:中文语言包 注:最好将语言包放在public/langs/或st ......
vue3中的useAttrs和 defineProps的用法
<template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍: VUE是前端校招面试的重点,而生命周期和双向绑定又是基础考点之一,尤其在一二线公司,要求知道双向绑定的原理,以及相关代码实现。 一、考点题目 1、mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合? 解答:mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
kafka常用命令
kafka常用命令 http://681314.com/A/h9nfEtAOIV https://zhuanlan.zhihu.com/p/103915259 https://www.cnblogs.com/wushaoyu/p/11486551.html https://blog.csdn.net ......
【技术积累】Vue.js中的CSS过渡【一】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
vue3+vite+ts项目初始化
### 创建项目 ``` # npm 6.x npm create vite@latest my-vue-app --template vue # npm 7+, extra double-dash is needed: npm create vite@latest my-vue-app -- -- ......
[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.
![](https://img2023.cnblogs.com/blog/1987782/202308/1987782-20230815231125882-1972945533.png) ### 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的`v-dialogDrag ......
ansible常用模块
# ansible常用模块 ``` ansible提供了多少个模块给你用 ansible-doc -l |wc -l ``` ## ping模块 https://docs.ansible.com/ansible/latest/collections/ansible/builtin/ping_modu ......
vue.js框架的iframe页面计时器无法销毁的解决方法
同学试过使用生命周期等方式都不能清除计时器;因而改用这个方法; 1,首先vue页面上随便写个有高度的div如下:用refs获取高度 <div class="hub-fixed-box" :style="{width:fixedWidth+'px' }" ref="fixedTop"></div> 2 ......
JavaScript基础:学习JavaScript语言的基本语法和常用操作,了解网页交互的基本原理
JavaScript是一种广泛应用于网页开发中的脚本语言,它可以与HTML和CSS一起使用,实现网页交互及动态效果。 以下是JavaScript的基本语法和常用操作: 1. 变量声明:使用var、let或const关键字声明变量。 ```javascript var name = "John"; l ......
es 常用语法
GET _snapshot/backup_20230815 PUT _snapshot/backup_20230816/20230816?wait_for_completion=true{ "indices": "aa_share_*"} PUT _snapshot/backup_20230816? ......
从无到有创建vue项目详细说明
一、vue需要安装的环境 1、Node.js : Javascript运行环境 推荐先安装nvm,然后在安装nodejs,可以切换不同版本的nodejs使用,请参考: nvm及nodejs安装和使用(Windows下切换多版本nodejs) npm : 包管理工具(同Node.js一同安装) npm ......
vue页面对字段进行校验,必填未填则进行提示
<el-form :model="form"> <el-form-item label="等级名称" :label-width="formLabelWidth" prop="name" :rules="[{ required: true, message: '请输入等级名称', trigger: ' ......
Vue3 + Eslint + prettier
一、背景 公司内部团队大部分由多人组成,当遇到多个前端开发同一个项目时,代码规范及代码质量,是需要考虑的一个重中之重 二、Eslint + prettier 是什么 ESLint 的主要功能包含代码格式和代码质量的校验,而 Prettier 只是代码格式的校验,不会对代码质量进行校验。 代码格式问题 ......