自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 Less的常用编译语法

开发环境 在生产环境下编译(产品还没开发完,正在开发中,这个是开发环境) 在开发环境下编译只需要导入 less.js 即可 引用Less步骤 <!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet/less" href=

2021-03-19 11:01:23 369

原创 JS中的this到底指的是谁?如何辨别?

this: 当前方法执行的主体(谁执行的这个方法,那么this就是谁,所以this和当前方法在哪创建的或者在哪执行都没有必然的关系) 第一:给当前元素的某个事件绑定方法,当事件触发方法执行的时候,方法中的this 是当前操作元素对象 oBox.onclick = fucntion () { // => this 指的是oBox } 第二:普通函数执行,函数中的 this 取决于执行的主体,谁执行的, this 就是谁(执行主体:非严格模式下,方法执行,看方法名前面是否有 点 ,有的话 点 前.

2020-05-23 17:44:34 478

原创 JS中Object.getPrototypeOf()方法详解

语法 Object.setPrototypeOf(obj, prototype) __proto__ 链 —— 凡是实例都天生自带有这个属性,它指向当前所属类的 prototype let obj1 = {a:1}; let obj2 = {b:2,c:3}; obj1.__proto__ = obj2 console.log(obj1.b); 在ES6中可以在对象内直接操作 __proto__ let obj1 = {a:1}; let obj2 = {b:2,c:3}; Object.setPro

2020-05-23 17:37:02 2929 2

原创 JS中数组中的创建方法

map,some,every,filter,forEach ES5 find,findIndex ES6 reduce 收敛 叠加 for of includes ES7 reduce 返回的结果是叠加后的结果 函数的结果会作为下一次循环的prev let result = [1,2,3,4,5].reduce(prev,next,currIndex,arr)=>{ return prev + next; },0); some 找到后返回true,找false可以用every let r =.

2020-05-23 17:09:31 188 1

原创 JS中实用的字符串方法

includes (是否包含) let url = 'www.baidu.com'; console.log(url.includes('baidu')); startsWith (以xxx开头) let url = 'www.baidu.com'; console.log(url.startsWith('http://')); endsWith (以xxx结尾) let url = 'www.baidu.com/logo.png'; console.log(url.endsWith('.png'));

2020-05-22 18:16:43 87

原创 JS中的高阶函数和柯里化函数指的是什么?

高阶函数 什么是高阶函数,如果一个函数的参数是一个函数(回调函数)一个函数返回一个函数(函数柯里化) 写代码时我们希望不要破坏原有逻辑而增加一些功能 对函数进行包装(装饰)切片编程(我们可以把核心抽离出来)包装上自己的内容,切片AOP。 希望在调用say方法之前做一些事 ...

2020-05-21 15:06:53 267

原创 JS中ES6语法的super到底是什么?

ES6 中的继承和 super 的用法大家都不会陌生,可是一问到 super 到底是什么,估计很对人都会回答不上来。在 ES6 中,super 是一个特殊的语法,而且它比 this 还要特殊,有很多用法上的限制。 super类似于ES5语法中的call继承 class A{ constructor(n){ console.log(n); //=>100; this.x = 100; } getX(){ console.log(th

2020-05-09 17:53:49 958

原创 让你彻底领悟正则表达式

什么是正则表达式 正则是一个用来处理字符串的规则 正则只能用来处理字符串 处理一些包含两个方面: ① 验证当前字符串是否符合某个规则 正则匹配 ② 把一个字符串中符合规则的字符获取到 正则捕获 ###正则表达式的创建 let reg1 = /^\d+$/g; //=>字面量创建 let reg2 = new RegExp("^\\d+$","g"); //=>构造函数方式 ###元字符 正则两个斜杠之间包起来的都是“元字符” ,斜杠后面出现的都是“修饰符” 运算符 描述

2020-05-09 15:54:23 196

原创 让你通俗易懂的Git仓库代码管理

Linux 常用DOS命令 git仓库代码管理是基于linux命令开发的,以下是常用的linux DOS命令 ls -l/-a : 查看当前目录结构(-a是可以查看所有的,包括隐藏的文件) cd xxx[路径地址] : 进入到执行的文件夹中(进入的路径地址,可以粘贴对应的操作命令窗口当中) cd / : 根目录 cd ./ : 当前目录 cd ../ : 上级目录 clear : 清屏 mkdir :创建文件夹 touch : 创建空的文件 vi : 想文件中插入或者管理一些内容 i 进入插入模式 es

2020-05-09 15:33:09 480

原创 JS中的深拷贝和浅拷贝详解

深拷贝和浅拷贝的定义? 深拷贝 拷贝后的结果更改后是不会影响更改前的,拷贝前后是无关联的 浅拷贝 拷贝前的内容会对拷贝之后的内容有影响,拷贝前和拷贝后是有关系的。 引用关系 浅拷贝 ... 展开运算符只能拷贝一层 let obj = {a:1,b:2}; let o = {...obj}; obj.c = 3 //=> 更改obj不会对o有影响 console.log(obj); //=> {a:1,b:2,c:3}; console.log(o); //=> {a:1,b:2};

2020-05-09 15:24:02 122

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除