- 博客(190)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 JS查询遍历树后得到一颗新树
本篇文章主要介绍查询遍历树结构数据，然后得到一颗新树的方法。1、需求如下：要实现的效果是下图的样子，其难点主要在于对树的查询过滤后仍能得到一个保持原结构的结果树。2、查询过滤树关键代码如下：（1）测试数据 const tree = [ { title: '语法', value: '1', key: '1', children: [
2021-09-29 18:27:59
1519
2
原创 Found a swap file by the name “~/xdf/daxue-ui-tiku-manage/.git/.MERGE_MSG.swp“
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
2021-09-24 17:56:23
500
原创 navicat: Client does not support authentication protocol requested by server；
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
2021-05-18 23:37:55
187
原创 CSS单、多行文本显示省略号
多行文本显示省略号1.创建一个宽度为100px的div，要求2行文字显示省略号 width: 100px; overflow: hidden; /* 超出部分隐藏 */ display: -webkit-box; /* 设置为弹性伸缩盒模型 */ -webkit-box-orient: vertical; /* 规定框的子元素垂直排列。 */ -webkit-line-clamp: 2; /* 文本行数 */ word-wrap: break-word; /
2021-05-12 11:10:19
240
原创 js实现文字按照首字母排序
1、安装cnchar（GitHub）npm i cnchar2、引入import cnchar from cnchar;3、比较拼音（汉字）大小: compareSpellconsole.log(cnchar.sortSpell(['杨阳', '杨名','杨氏'']));
2021-05-04 23:09:44
1295
1
原创 JS中文转Unicode，Unicode转中文
JS中文转Unicode，Unicode转中文一、JS中文转Unicode function leftZero(str) { if (str != null && str != '' && str != 'undefined') { if (str.length == 2) { return `00${str}`; } } return s
2021-04-12 20:16:14
1822
原创 Git开发使用规范
Git开发使用规范一、常规操作（一）克隆项目：git clone 项目仓库地址 [克隆下载的文件夹名] # SSH或HTTP仓库地址都可以，克隆下载的文件夹名非必填（二）创建个人开发分支命名规则：功能开发分支名：feature_姓名缩写[_需求简要]_TAPDId (例如：feature_gf_add-dialog_123134)解决bug分支名：fixbug_姓名缩写[_需求简要]_TAPDId (例如：fixbug_gf_fix-dialog_123134)（三）创建
2021-04-07 18:47:53
414
原创 uni-app云打包生成证书，生成证书
自己手动生成证书使用uni-app开发结束后，要打包APP，使用云打包时发现需要证书，这个时候只需要利用安装JDK时自带的keytool命令即可。具体操作如下：1、在要生成密钥的文件夹行启动cmd或其他命令行工具2、执行以下命令后，输入密钥keytool -genkey -alias xxkeys -keyalg RSA -keysize 2048 -validity 36500 -keystore xxkeys.keystore如图：3、创建证书信息完善都时非必填项，可直接回车，如图：
2021-04-05 17:55:31
1265
原创 前端开发必备神奇，mac工具，vscode必备插件
一、开发机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
2021-02-26 14:04:23
1007
1
原创 JavaScript简写技巧
一、变量声明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
2021-01-25 21:59:58
711
3
原创 ng-Zorro表格分页器更换pageSize后表格不渲染
NG-ZORRO表格分页器更换pageSize后表格不渲染使用NG-ZORRO（ANTD的Angular版本）中的Table（表格）组件和Pagination（分页）组件遇到更换分页器每页数据数量后，表格数据不能正常渲染。BUG现场更换pageSize后，接口成功拿到对应条数的数据，表格却没有请确渲染，如下图，本应渲染20条数据，现在却只有10条数据。解决方案方法一：把tbody渲染数据的【表名.data】换成自己定义的接收接口数据的变量，如下图。方法二：给表格添加属性[nzFrontP
2021-01-18 10:52:01
654
2
原创 js判断是否是手机端或web端浏览器
js判断是否是手机端或web端浏览器 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod" ]; var flag = t
2021-01-16 20:37:05
1570
2
原创 git上面有的分支,本地branch却看不到， error: pathspec ‘develop‘ did not match any file(s) known to git.
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
2021-01-14 16:53:06
662
原创 Invalid base64 input,it looks like a data url. Error: Invalid base64 input, it looks like a data url
使用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…错误代码如下：解决方案通过正则表
2021-01-14 10:19:33
3331
2
原创 for循环内的setTimeout、setInterval（闭包、异步、变量提升）
for循环内的setTimeout、setInterval（闭包、异步、变量提升）
2021-01-13 12:38:29
2142
原创 前端生成二维码（借助草料）
前端生成二维码。使用草料API: generateQrCode(qrCode) { window.location.href = `https://cli.im/api/qrcode/code?text=%2F%2F${"二维码内容"}%2F&mhid=sELPDFnok80gPHovKdI` }
2021-01-11 15:34:55
1563
原创 angular创建项目、模块、组件、服务命令
1、创建项目命令ng new 项目名2、创建模块命令ng g module 模块名3、创建组件命令ng g component 组件名4、创建服务命令ng g service5、启动服务ng serve --open
2020-12-23 09:33:09
2866
原创 new的实现
一、new的特性返回一个对象，对象的__proto__指向构造函数的prototype。构造函数的this指向返回的对象构造函数可以传递参数二、new的实现 function Person(name = 'Li', age = '20') { this.name = name; this.age = age } Person.prototype.gender = 'male'; Person.p
2020-12-07 17:11:40
366
1
原创 bind的原理和bind的实现
一、bind的特性传递的第一个参数做为调用它的函数的this指向（bind可传递若干参数）。若第一个参数传递基础数据类型，则调用他的函数的this指向该基础数据类型的包装类实例化对象。若第一个参数为null或undefined，则调用他的函数的this指向window。bind的第二个之后的参数为调用它的函数的参数列表。bind方法会返回一个新的方法，并且该方法满足柯里化，仍可以传递参数，但这个方法的this不可被call、apply、bind改变。bind方法返回的新方法，如果使用new实例
2020-12-07 13:00:39
4716
原创 object-fit属性-详解
object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。应用示例：点这里【object-fit的使用】一、object-fit属性测试基本配置（后附有代码）1.选择一张图片（1024*582）大于容器（200*400）宽高，一张图片（150*150）小于容器（200*400）宽高。2.容器宽高css分别为200px、400px，图片宽高css均设置为100%二、object-fit属性值：1.fill(与不使用模样一样)默认值，不保证保持原有的比例，内容全部显示铺满容.
2020-12-02 12:25:46
27069
8
原创 object-fit属性
object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。属性值：1.fill2.contain3.cover4.scale-down5.none如果对你有帮助，可以????关注，我们一起学前端。????
2020-12-02 10:15:21
1890
1
原创 webpack的devServer配置
开发服务器devServer自动化（自动编译、自动刷新、自动打开浏览器等等）webpack打包demo，git地址：https://github.com/OnionMister/webpack-demo.git1、目录结构2、html，css，jshtml、css、js文件内容对照这篇文章完成【webpack打包其他资源，即非js、html、css、jpg等资源，打包字体图表库】3、安装webpack-dev-server务必完成第二部cnpm install webpack-dev-ser
2020-11-29 21:48:55
382
2
空空如也
ng-Zorro表格分页器更换pageSize后表格不渲染
2021-01-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人