前端小白的逆袭

本篇文章主要介绍查询遍历树结构数据，然后得到一颗新树的方法。1、需求如下：要实现的效果是下图的样子，其难点主要在于对树的查询过滤后仍能得到一个保持原结构的结果树。2、查询过滤树关键代码如下：（1）测试数据 const tree = [ { title: '语法', value: '1', key: '1', children: [

git pull 出现如下报错：Found a swap file by the name "~/xdf/daxue-ui-tiku-manage/.git/.MERGE_MSG.swp" owned by: yangshaotong dated: 五 9 24 14:16:05 2021 file name: ~yangshaotong/xdf/daxue-ui-tiku-manage/.git/MERGE_MSG modified: YE

Antd的Form.List使用

Navicat for mysql 链接mysql 时提示Client does not support authentication protocol requested by server解决办法在mysql安装目录的bin文件下 启动cmd1、输入命令：mysql -u root -p [root] 代表用户名，默认是root， 有密码回车后输入密码，没有密码就直接继续回车2、执行命令：use mysql3、执行命令：alter user 'root'@'local

多行文本显示省略号1.创建一个宽度为100px的div，要求2行文字显示省略号 width: 100px; overflow: hidden; /* 超出部分隐藏 */ display: -webkit-box; /* 设置为弹性伸缩盒模型 */ -webkit-box-orient: vertical; /* 规定框的子元素垂直排列。 */ -webkit-line-clamp: 2; /* 文本行数 */ word-wrap: break-word; /

1、安装cnchar（GitHub）npm i cnchar2、引入import cnchar from cnchar;3、比较拼音（汉字）大小: compareSpellconsole.log(cnchar.sortSpell(['杨阳', '杨名','杨氏'']));

JS中文转Unicode，Unicode转中文一、JS中文转Unicode function leftZero(str) { if (str != null && str != '' && str != 'undefined') { if (str.length == 2) { return `00${str}`; } } return s

Git开发使用规范一、常规操作（一）克隆项目：git clone 项目仓库地址 [克隆下载的文件夹名] # SSH或HTTP仓库地址都可以，克隆下载的文件夹名非必填（二）创建个人开发分支命名规则：功能开发分支名：feature_姓名缩写[_需求简要]_TAPDId (例如：feature_gf_add-dialog_123134)解决bug分支名：fixbug_姓名缩写[_需求简要]_TAPDId (例如：fixbug_gf_fix-dialog_123134)（三）创建

自己手动生成证书使用uni-app开发结束后，要打包APP，使用云打包时发现需要证书，这个时候只需要利用安装JDK时自带的keytool命令即可。具体操作如下：1、在要生成密钥的文件夹行启动cmd或其他命令行工具2、执行以下命令后，输入密钥keytool -genkey -alias xxkeys -keyalg RSA -keysize 2048 -validity 36500 -keystore xxkeys.keystore如图：3、创建证书信息完善都时非必填项，可直接回车，如图：

一、开发机Mac。1、Mac必备开发辅助工具：alfred https://www.alfredapp.com/charles https://www.charlesproxy.com/postman https://www.postman.com/mobile debugger https://www.mobiledebug.com/2、shell客户端iterm23、shell omyzshhttps://ohmyz.sh/#install安装使用教程：https://segme

一、变量声明JavaScript简写技巧：多变量声明// 冗余let x; let y = 2021; // 简写 let x, y = 2021;二、多变量赋值使用解构JavaScript简写技巧：多变量赋值使用解构// 冗余let a, b, c; a = 2021; b = 1; c = 25;// 简写let [a, b, c] = [2021, 1, 25];三、if转化为三目运算符JavaScript简写技巧：if转化为三目运算符// 冗余let gr

NG-ZORRO表格分页器更换pageSize后表格不渲染使用NG-ZORRO（ANTD的Angular版本）中的Table（表格）组件和Pagination（分页）组件遇到更换分页器每页数据数量后，表格数据不能正常渲染。BUG现场更换pageSize后，接口成功拿到对应条数的数据，表格却没有请确渲染，如下图，本应渲染20条数据，现在却只有10条数据。解决方案方法一：把tbody渲染数据的【表名.data】换成自己定义的接收接口数据的变量，如下图。方法二：给表格添加属性[nzFrontP

js判断是否是手机端或web端浏览器 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod" ]; var flag = t

error: pathspec ‘develop’ did not match any file(s) known to git.一、问题git上有develop分支，branch查看分支看不到develop，checkout切换分支报错（一）branch查看分支#查看所有的分支git branch -a结果：看不到develop分支。（二）checkout切换分支#切换到develop分支git checkout develop结果：报错error: pathspec 'devel

使用JZip压缩图片时报错core.js:12501 ERROR Error: Uncaught (in promise): Error: Invalid base64 input, it looks like a data url.Error: Invalid base64 input, it looks like a data url.at Object.r.decode (jszip.min.js:13)at jszip.min.js:13at…错误代码如下：解决方案通过正则表

前端批量下载文件、图片、打包成压缩包，JZip和file-saver

前端生成二维码qrcode.js，并下载

前端生成二维码使用@techiediaries/ngx-qrcode