齐洛格德-CSDN博客

原创活动常用CSS

nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。div:nth-child(even){} //偶数行。div:nth-child(odd){} //奇数行。

2023-04-18 19:40:05 289 1

npm install highlight.js在main.js中引入并且创建一个自定义指令（这里import引入样式没有效果，用require就有效果我也不知道为什么）// 富文本代码高亮插件import hljs from 'highlight.js'// 定义一个全局指令Vue.directive('highlight',function (el) { let blocks = el.querySelectorAll('pre code'); blocks.forEach((bl

2022-03-30 22:57:45 831

原创 el-table记录分页选中的内容

效果图：el-table代码：使用Set集合一个用于set去重一个用于显示数据列表勾选事件：判断是否为取消事件全选事件：

2021-12-08 15:42:27 295

原创生成指定时间段数组

/** * 方法说明 * * @for DateQuantum * @param { * limit: 7, 几天内的日期 judge: 'month', 是否带年份 before: false, true为将来 false为之前 start: 0, 0为当前 1为明天开始或昨天开始根据before的值 * } 参数名参数说明 * @return {返回值类型} 返回一个包含哪天开始至哪天结束的日期数组.

2021-12-01 09:10:51 463

原创 vscode配置代码自动格式化

{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": tr

2021-11-26 10:37:00 821

原创 u-navber自定义导航栏封装

效果图：<template> <view> <u-navbar :is-back="false" :height="'208rpx'"> <view class="navbar"> <view class="title"> <view class="back"> </view> {{title}} </view> <view class="conten

2021-11-02 09:40:39 1392

原创 el-table懒加载对子节点增删查改表格数据不刷新问题

为每个节点增加一个临时ID作为row-key<el-table :data="companyList" v-loading="listLoading" border row-key="tempId" lazy :load="load">this.companyList[index].tempId = Math.random() * 1000000 + 'companyTempId'data[index].tempId = Math.random() * 1000000 + 'depar

2021-09-24 15:25:48 325

原创 el-select懒加载封装

组件代码：<template> <div class="BaseSelect"> <el-select v-option-sroll="loadmore" v-model="inputValue" filterable placeholder="请选择" ref="BaseSelect" @input.native="inputClick" value-key="id"> <el-option v-for="item in dataList

2021-07-15 10:41:04 210

原创 JS内存与性能优化

一、垃圾回收JS是使用垃圾回收编程语言，开发者无需操心内存分配和回收。JS中最常见的垃圾回收策略是标记清理，当值离开作用域是会被标记为可回收，垃圾回收期间被删除。（window中的变量不会被删除）如：window.name = 'tom'var age = 17以上这两个值都不会被回收，因为是在window的作用域下，而window作用域不会消失。二、内存管理1.释放变量优化内存的最佳手段就是保证在执行代码时值保存必要的数据。如果数据不再必要，那么把它设置为null，从而释放气引用。如

2021-07-07 18:02:21 814

原创 vue3中v-for和v-if不能同时在一个标签使用解决方法

可以使用template做为v-for的渲染模板具体示例<template v-for="(item, index) in lists" :key="'item-' + item.key"> <li class="list-group-item" v-if="!item.checked"> <div class="checkbox" @click=" () =&g

2021-06-02 22:48:35 1228

原创 XML和JSON数据处理插件x2js

x2js后端返回xml格式数据和json格式数据前端处理插件GitHub地址:https://github.com/abdolence/x2js

2021-06-01 16:36:28 874

原创 npm运行项目失败 install失败

npm ERR! Remove the existing file and try again, or run npm直接删除报错文件再重新npm install

2021-05-31 21:56:37 460

原创 ant design table column 设置width不生效解决方案

ant design table column 设置width不生效解决方案当td里的内容超出了width的范围时，会出现width不固定，也就是width不生效解决方案：在a-table中设置scroll的width等于所有列宽之和（scroll={{x: 100%}}）　　column列中最好一项不要设置宽度以适应弹性布局。...

2021-05-29 11:46:45 8843

原创 PDFbase64数据下载打印

PDFbase64数据下载打印下载// 图片转blobfunction imgURLtoBlob(dataurl) { const arr = dataurl.split(',') const mime = arr[0].match(/:(.*?);/)[1] const bstr = atob(arr[1]) let n = bstr.length const u8arr = new Uint8Array(n) while (n--) { u8arr[n] = bs

2021-05-17 15:56:49 471

原创 ES6中static和extends关键字的使用

static关键字当我们声明一个使用static修饰的方法,使用实例化对象之后,你会发现方法无法调用类里面被static修饰过的方法// 声明类class Boy {//定义属性info = '见过你的美,还能爱上谁?';// 定义方法say() {console.log('小姐姐,' + this.info);}// static 修饰的方法static desc() {console.log('小姐姐,我看见你就犯困...');}}// 实例化类let b = new B

2021-03-31 15:45:41 215

weixin_44969308的博客