Guan丶-优快云博客

原创树形结构层级转换

/** * @param {Object} data 树形结构的源数据 * @param {Number} tier 需要的层级数 */function transformTreeData(data, tier) { // const tree = _.cloneDeep(data); // 此处用到了lodash的深拷贝或者自行实现深拷贝,防止改变原数组 const tree = JSON.parse(JSON.stringify(data)) transformTree(tree

2020-12-28 16:28:00 671

原创 Git相关

本地新建分支推送到远端步骤:第一种方法:第一步git checkout -b dev (新建dev分支,并切换到dev分支)第二步:git push origin [local branch]:[Remote branch] 例如git push origin dev:dev把新建的本地分支push到远程服务器，远程分支与本地分支同名（远端分支随意起名, dev:dev2 就是把本地的dev分支推送到远程的dev2分支）把本地的dev分支推送到远端的dev分支,远端此时会建

2020-12-28 16:17:06 125

原创闭包的理解

闭包的定义:闭包就是定义一个函数内部的函数,能够读取其他函数内部变量的函数闭包的特点: 能够记住闭包诞生的环境,子函数记住了他诞生的环境是母函数,所以能在子函数中得到母函数中的内部变量闭包的本质: 闭包就是函数内部和函数外部连接的桥梁闭包特性例子: const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; function between(a, b) { // a, b 是函数between中的变量此时发生了闭包 return funct.

2020-08-12 18:54:46 173

原创前端mock数据初学

前端mock数据的使用一. 使用easy-mock此方法最为简便,下图为easy mock的截图例如在@vue/cli项目中,可以在vue.config.js中配置 open: false, host: '0.0.0.0', // 允许外部ip访问 port: 8022, // 端口 https: false, // 启用https overla...

2019-09-16 01:33:10 1146

原创 JS快速排序

JS快速排序function quickSort(arr) { if (arr.length <= 1) return arr; //取数组最接近中间的数位基准，奇数与偶数取值不同，但不印象，当然，你可以选取第一个，或者最后一个数为基准，这里不作过多描述 var pivotIndex = Math.floor(arr.length / 2);...

2019-07-29 00:10:37 115

原创关于CDN与本地加载的选择

关于CDN与本地加载的选择一、使用部分CDN加载echarts加载过慢原因在页面中引用echarts.js库时,采用的是cdn加载,首次加载页面,会向cdn服务器去请求文件,并加载,javascript是单线程语言,部分请求必须在先加载完echarts.js 后续的代码才能执行,如若此阶段请求echarts的实际时间过长,导致js部分请求延迟,导致页面加载过慢二、CDN加载对比本地加载优缺...

2019-03-29 17:55:12 7583

原创字符串、数组和对象方法

字符串和数组方法一、字符串方法①　indexOf indexOf(substr[,start]) 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找，如果不存在，则返回 -1。不填start则从第0项开始查找 substr传入空字符串也是返回0 不会返回-1(源码规定)②　lastIndexOf 和indexOf一样但是是从最后一项开始查找的③...

2018-11-07 11:40:36 507

原创 ES6新语法

ES6新语法箭头操作符书写函数变得简单,解决了函数中this指向的问题class类的引入,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this....

2018-10-28 20:27:49 200

原创 vue-cli脚手架开发vue项目

一、脚手架的安装npm install vue-cli -gvue init webpack 项目名称project name 回车project description 回车author 回车Runtime + Compier 回车Install vue-router 需要使用vue-router Y之后回车useESLint to lint your code(语法检查) ...

2018-10-18 20:39:49 327 1

原创 js中字符串方法

字符串方法:indexOf indexOf(substr[,start]) 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找，如果不存在，则返回 -1。不填start则从第0项开始查找 substr传入空字符串也是返回0 不会返回-1(源码规定)lastIndexOf 和indexOf一样但是是从最后一项开始查找的includes str...

2018-10-10 16:15:51 207 1

原创 Vue学习

一、Vue基础指令插值表达式 {{msg}} 直接读取data中的数据v-cloak 用法:直接在标签上加v-cloak属在css中设置[v-cloak]{ display: none;}V-text 用法:v-text=“msg” 读取data中的msg属性的值,会覆盖标签里面的内容,不会渲染标签,还是以字符串的形式渲染出来V-html 用法:v-html=“msg2” 读...

2018-10-10 16:10:53 655

guanhy594230的博客