- 博客(86)
- 收藏
- 关注
RSS订阅
原创 清晰理解vue2与vue3怎么使用
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、创建一个 template二、建立数据 data三、Vue2 对比 Vue3的 methods 编写总结前言关于Vue3的新特性和功能即将到来。但是我们没有一个具体的概念在开发中会有如何的改变和不一样的体验。一、创建一个 template组件来说，大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments)，就是说在组件可以拥有多个根节点。这种新特性可以减少很多组件之间的div包裹元素。在开
2021-04-12 23:32:04
739
原创 electron-vue使用video标签循环播放视频，解决卡顿、闪烁。
【代码】electron-vue使用video标签循环播放视频，解决卡顿、闪烁。
2023-10-28 17:42:55
1227
原创 JavaScript中，“宏任务“（Macro Task）和“微任务“（Micro Task）
【代码】JavaScript中，“宏任务“（Macro Task）和“微任务“（Micro Task）
2023-08-08 14:35:40
194
原创 js树形数据搜索 根据子节点找到父节点 给子节点种上父节点标识，方便找到顶部菜单标识
【代码】树形数据搜索 给子节点种上父节点标识，方便找到顶部菜单标识。
2022-11-03 14:11:01
192
原创 js从一个数组(数组对象)中删除另一个数组(数组对象)中存在的元素
【代码】js从一个数组(数组对象)中删除另一个数组(数组对象)中存在的元素。
2022-09-21 16:36:24
3797
1
转载 2022年你不知道的CSS新特性
2022年你不知道的CSS新特性虽然2022年已经过去了三分之一，但是也不妨碍我们来聊一聊，在今年CSS都会新增哪些新特性。其中有些特性已经在主流浏览器中得到了支持，有些还在实验性阶段，但也会随着时间的推移慢慢而来。本文介绍的内容大多数整理于@Bramus[1]发表的CSS in 2022[2]，有些在其基础上进行了完善，并增加了相应的实践例子。接下来让我们逐个来了解下吧。容器查询（Container Queries）介绍容器查询@container类似于媒体查询@media，区别在于查询所依据的对象不同。
2022-07-04 10:13:26
377
原创 webSocket组件封装
<template> <div class="webSocket" /></template><script>import store from '@/store'export default { props: { uri: { type: String, default: '' } }, data() { return { webSocket: null, // webSoc
2022-05-19 21:42:32
366
原创 vue解决 element分页：删除最后一页的所有数据后(包括批量删除)，刷新后数据表格为空。（前端、后端两种方法）
表格第二页只有一条数据，这时删除后，拉取刷新表格，发现表格分页跳到第一页，但是总数是20条，页面也没数据，这其实是分页的current值还是2导致直接上代码 handleDel(taskRow) { this.$confirm('此操作将删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then((
2022-05-12 19:22:23
2736
1
原创 vscode vue react 路径跳转 配置 jsconfig.json
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules"]}配置以后就可以 点击跳转 函数引用，组件什么的都可以...
2022-03-03 16:03:26
617
原创 js跳出for双循环
let bool =false for (let index = 0; index < config.length; index++) { const v = config[index] for (let i = 0; i < cache.length; i++) { const e = cache[i] if(e.prop===i.prop){ bool = true break //跳出里面这层 } } if (bool) {
2022-02-16 12:34:18
5308
转载 二次封装input
//父组件<template> <div id="app"> <h-input v-model="name" /> </div></template><script>import hInput from "./views/demo/index";export default { name: "App", data() { return { name: "", }; }
2022-02-14 10:20:06
304
原创 centos 安装yarn,之前全局安装一直找不到yarn指令
使用 yum 安装 YarnYarn 官方提供的有 Yarn RPM 软件包，在添加 yum 源配置之后可使用 yum 安装：添加 yum 源配置curl -sL https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo使用 yum 安装sudo yum -y install yarn查看安装的 Yarn 版本：yarn -v设置 Yarn 全局 bin 路径查看当前 Yarn 全局 b
2022-01-27 12:30:29
2457
原创 前端通过后端返回文件流下载文件
// 把文件流下载下来const downloadMethods = (name, res) => { const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }) const link = document.createElement('a') link.href = URL.createObjectURL(blob)
2022-01-20 20:58:38
992
原创 常用的 Linux 命令
cd 路径 //进入文件kill 端口号 //上个命令可查到端口号kill 掉进程mkdir dirName1 dirName2 //创建文件夹ls //查看当前目录ll //查看当前目录及其权限rm -rf path //强制删除path无法恢复rm path //删除path文件cp dirName //赋值文件夹vim //编辑文件夹，退出且保存需要先按Esc 后输入 ：wqcat //查看文件夹...
2022-01-20 19:02:56
577
原创 VUE输入 身份证 号，获取出生年月日
获取方式 handleIdCard(val) { // this.rowData.dateOfBirth = this.getBirthdayFromIdCard(val) if (val) { this.rowData.dateOfBirth = dateFormat(this.getBirthdayFromIdCard(val), 'yyyy-MM-dd hh:mm:ss') } else { this.rowData.dateOfB
2022-01-17 12:15:56
2252
原创 VUE. autocomplete option框样式修改
.shipping_autocomplete >>>.el-popper[x-placement^=bottom]{ width:500px !important; }.shipping_autocomplete >>>.el-popper[x-placement^=top]{ width:500px !important; }
2022-01-14 18:43:12
405
原创 JS 数字相加 补0，有的low，但是能用
fills(num, n) { // 相加补0 var len = num.toString().length while (len < n) { num = '0' + num; len++ } return num },fill(23,5) //0023
2022-01-14 15:37:21
211
原创 VUE 监听多个参数变化，用于多个条件任意一个变化触发事件
computed: { // 监听以下参数变化 arguments() { const { shipCoId, shippingAgentId, configType, type, shipCoName } = this return { shipCoId, configType, type, shippingAgentId, shipCoName } } },.
2022-01-12 16:38:06
1084
原创 vue表格分页勾选状态保留
/** 解决当前页面搜索后依然保持表格多选状态 * currentPageData 当前页所有数据 * currentPageSelected 当前页已选数据 * currentPageNotSelected 当前页未选数据 * */ resolveAllSelection() { const currentPageData = (this.$refs.tableReff.getTableDat..
2022-01-07 14:58:30
791
原创 uni-app 页面跳转 方式
1、uni.navigateTo保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。2、uni.redirectTo关闭当前页面，跳转到应用内的某个页面。3、uni.reLaunch关闭所有页面，打开到应用内的某个页面。4、uni.switchTab如果页面需要跳转到 tabBar 页面使用uni.switchTab，此方法会关闭其他所有非 tabBar 页面。5、uni.navigateBack关闭当前页面，返回上一页面或多级页面。
2022-01-06 17:24:26
23379
转载 取出两个数组的不同元素、取出两个数组的不同元素
1、取出两个数组的不同元素getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); }); },2、取出两个数组的不同元素getArrEqual(arr1, arr2) { let newArr = []; for (let i =
2022-01-06 15:06:28
2434
原创 el-input-number change传参数
<el-input-number v-model="scope.row.number" style="width:100px;" :disabled="isDisabled" class="addpp-input-number" size="mini" :min="1" label="数量" @change="(currentValue, oldValue,)=>{inputNumberChange(currentValue, oldValue,sc
2022-01-06 14:51:51
2805
2
原创 采用虚拟列表umy-UI 后自定义表格排序
sortChange({ column, prop, order }) { // prop：排序的字段、order：升序（ascending）、降序（descending）、取消排序（null） const copyTableDate = deepClone(this.tableData) let reserveData = [] // 过滤后保留的数据 const filterData = [] // 过滤掉的数据 c...
2022-01-05 16:41:33
962
3
原创 解决虚拟渲染大数据表格无法使用ctrl+f搜索，自己模拟一个
⚠️⚠️⚠️⚠️⚠️⚠️注意。mac、win、上面监听按键是有差异的，比如(e.key === ‘Meta’) || (e.key === ‘Control’)，谷歌浏览器和qq浏览器、edge浏览器也有差异e.key === ‘f’ || e.key === ‘F’。，大小写created() { window.addEventListener('keydown', this.keydown) window.addEventListener('keyup', this.keyup)
2021-12-29 18:59:00
1192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人