52Hertz____-CSDN博客

原创【VSCode】扩展上传至Github

VSCode安装【settings sync】扩展；上传：快捷键【Shift + Alt + U】，点击【LOGIN WITH GITHUB】, 授权后点击【EDIT CONFIGURATION】保存GitHub Token、GitHub Gist；保存：快捷键【Shift + Alt + D】，输入GitHub Token、GitHub Gist即可；...

2022-05-17 11:32:28 363

原创【VsCode】前端扩展插件推荐

Chinese (Simplified) (简体中文)VSCode 使用中文DotENVVSCode .env 语法高亮ESLint语法检查HeadwindHTML CSS Supporti18 AllyIconify IntelliSenseLess IntelliSensePrettier -Code formatterStylelintVolarWindiCSS IntelliSense

2022-05-16 14:33:08 680

一、下载Node点击【node】下载，选择安装路径，疯狂下一步即可。打开cmd窗口，输入【node -v】，出现版本号即安装成功。二、环境变量选择要安装的文件夹下新建俩个文件夹【node_global】和【node_cache】；打开cmd窗口npm config set prefix "node_global路径"npm config set cache "node_cache路径"“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”【系统变量】下新建

2022-05-16 14:16:40 20998

原创【CSS】flex布局jusify-content设置为flex-end之后使用overflow-x: auto不起作用

【CSS】jusify-content设置为center或者flex-end，overflow会失效解决一（建议）：// 将justify-content:center;// 或者justify-content:flex-end;// 替换成 (根据需求调整 &::before 和 &::after)&::before , &::after { content:''; flex:1;}解决二：display: flex; f

2022-03-08 16:25:55 704

原创 ES6运算符扩展

ES6运算符扩展指数运算符ES2016 新增了一个指数运算符（**）2 ** 2 // 42 ** 3 // 8// 相当于 2 ** (3 ** 2)2 ** 3 ** 2// 512 let a = 1.5;a **= 2;// 等同于 a = a * a;let b = 4;b **= 3;// 等同于 b = b * b * b;链判断运算符编程实务中，如果读取对象内部的某个属性，往往需要判断一下，属性的上层对象是否存在。比如，读取message.body.us

2022-02-15 16:20:38 151 1

原创 Element-UI，后端返回排序数据，sortable排序

列表排序在列中设置sortable属性即可实现以该列为基准的排序，Boolean【false(默认)，true，custom】可以通过Table 的default-sort属性设置默认的排序列和排序顺序使用sort-method或者sort-by使用自定义的排序规则sortable 参数设置为 custom，用户希望远程排序，同时需要监听 Table 的 sort-change 事件注：SQL查询，数据为null时，倒叙在前，顺序在后，优先其他数据el-table 中添加@sort-c

2021-11-12 10:43:12 1794

原创前端自测归纳

交互测试列表排序表单必填校验提示部分点击操作需要有提示如删除，批量删除，发布等场景中的click事件this.$confirm( 是否确认删除？, 确认提示, {confirmButtonText: 确定,cancelButtonText: 取消, type: 'warning'}).then(() => { // 逻辑处理}).catch(() => { // 异常处理});图标是否与设计保持一致检查所有图标是否与设计保持一致(如删除按钮，确认

2021-11-04 17:05:48 286

原创前端敏感信息脱敏处理

敏感信息脱敏以下为手机号，身份证，姓名，Email的处理方法直接上代码手机号desensitizationPhone(str) { if (null != str && str != undefined) { var pat = /(\d{3})\d*(\d{4})/; return str.replace(pat, "$1****$2"); }else { return ""; }},身份证desensitizationIdCard(s

2021-11-04 16:49:24 1966 1

原创 Element表单必填校验提示并自动定位

【Element-ui】表单必填校验提示并自动定位需求(根据自身需求)：1、tips警告2、提示框警告3、自动定位到首个未通过校验字段建议：必填的el-form-item需要添加ref（建议ref与prop同名，ref用于定位不啰嗦，直接上代码this.$refs['xxx'].validate((valid, object) => { if(valid) { //逻辑处理 }else { let str = [] for (let key

2021-11-04 16:38:21 2442 1

原创 css文本超出，显示省略号

单行显示 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;两行显示 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; lin.

2021-09-13 10:59:31 136

原创 element ui 中 table 排序 sortable失效问题

问题产生：当使用template 时，有提供scope.row调用，所以省略添加prop。解决：在el-table-column中，添加prop生效。<el-table-column width='300' label="话术内容" sortable> <template slot-scope="scope"> <span style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-cl

2021-09-13 10:48:41 3824

原创 Studio3T安装

文章目录安装Studio3TStudio3T破解安装Studio3T1、进入到 Studio 3T 下载地址进行下载。选择合适的版本进行下载。2、双击安装文件进行安装3、按图下一步即可Studio3T破解解决 Studio 3T 时间到期通过重置studio 3t的试用时间解决，先运行Studio3T，再执行脚本，否则运行该脚本可能会提示，未找到文件创建一个文件，将文件命名为 studio3t.bat输入以下代码@echo offECHO ok!!!!!!!!!F

2021-08-13 11:25:43 6464 2

原创 win10系统MongoDB下载安装教程及相关配置

文章目录下载地址安装步骤相关配置本地服务配置加入环境变量下载地址mongoDB下载地址安装步骤选择系统和版本，本文安装用的是Windows 3.2.22点击下载的msi文件相关配置MongoDB没有默认创建自己的数据库，日志文件夹，需要自行创建并配置。1.首先创建存放数据和日志的两个文件夹data，log，存放在一个合适的盘符下。2、在log文件夹下建log.txt文件3、以管理员身份运行cmd4、d: 切换至MongoDB安装的盘，再用命令：cd 把Mongo

2021-08-13 10:50:27 443 1

原创 HTML5如何引入外部字体？亲测有效

HTML5如何引入外部字体?步骤如下：下载想要引入的字体在style标签中引入**@font-face**font-family 自定义名称src 字体路径使用 font-family: MyNewFont; <h1 style="font-family: MyNewFont;">Innovation in China中国智造，慧及全球0123456789</h1> <h2 style="font-family: MyNewFont;">Innova

2021-08-12 18:07:27 6302

原创怎么以VS Code形式阅读 GitHub 代码！他来了，只需+1s

以VS Code形式阅读 GitHub 代码只需要+1s操作步骤：打开想要看的项目将地址栏中的github.com改为github1s.com即可效果如下图所示：一个字，绝！！！

2021-08-12 17:25:57 173 1

原创怎么解决VSCode提示 “editor.maxTokenizationLineLength”

怎么解决VSCode提示 “editor.maxTokenizationLineLength”当拷贝过长的html代码块时出现提示：出于性能原因，对长行跳过令牌化。长行的长度可通过“editor.maxTokenizationLineLength” 进行配置操作步骤：点击设置图标点击设置搜索框搜索"editor.maxTokenizationLineLength"输入1000000000000000000000000000000000000，提示：尽可能长的数字，它会自动便会1e+36

2021-08-12 17:07:39 10438 11

原创 VsCode 如何折叠注释

vscode 如何折叠 // 单行注释#vscode 中折叠单行注释代码使用// #endregion 与 // #endregion// #region // 用法// const {keys, values, entries} = Object// const res = {id: 001, name: '漂亮', qty: 20}// for (let item of keys(res)) {// console.log('key',item);// }// #endreg

2021-08-12 11:39:40 2846 1

52Hertz的博客

原创防抖节流的区别以及用法