2020年10月_hello world65536

原创 Storage 封装

Cookie、localStorage、sessionStorage 三者区别存储大小：Cookie4K、Storage5M 有效期：Cookie 拥有有效期，Storage 永久存储 Cookie 会发送到服务器端，存储在内存中，Storage 只存储在浏览器端路径：Cookie 有路径限制，Storage 只存储在域名下 API：Cookie 没有特定的API，Storage 有对应的API 为什么要封装 Storage Storage 本身有API，但是知识简单的key/value 形式 S

2020-10-27 11:35:27 214

原创 JS ES6 箭头函数

箭头函数使用“箭头”（ => ）定义函数。 var f = v => v; 箭头函数特性函数体内的 this 值，绑定的定义时所在的作用域的 this 不可以当作构造函数不可以使用 arguments 对象 function fn (){} // 语法：()=>{} var f = () = {console.log(123)} f() // 123 var add = () => 2; add() console.log(add()); // 2 函数参数默认值给

2020-10-22 11:02:22 163

原创 JS ES6 解构赋值

解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。数组的解构赋值 let [a, b] = [1, 2] // a = 1, b = 2 let [a, b, c = 100] = [1, 2] 对象的解构赋值 let {hello, world} = {hello: 1, world: 2} let {hello = 1, world} = {world: 2} let {hello:w, world} = {world: 2} 字符串的结构赋值函数参数的解构

2020-10-22 10:35:01 399

原创 JS ES6 声明变量的方式let、const

声明变量关键字 var let const let 特性不允许重复声明不存在变量提升块级作用域暂存死区（从块的开始到声明这段的区域） var 声明的变量由函数划分作用域 let 声明的变量由代码块划分作用域 const 特性特性同 let 声明一个制度的常量，一旦声明，常量的值就不能改变 ...

2020-10-22 10:07:31 130 1

原创 Http协议

ip：规定了互联计算机之间定位规则 tcp：规定了互联计算机通过 ip 定位后，发送数据的规则端口 ip -> 定位主机端口 -> 软件，应用在数据发送过程中除了要有具体发送的数据，还有一些其他额外的数据，比如：接收和发送人的 ip、端口，为了能让接收数据的乙方能够按照数据反馈信息给对方。同时在发送过程中数据会按一定规则打包，比如将大的数据打包成一个一个小的数据包，每个数据包都包含如上的一些信息。 A ->B A 发送的数据： ‘dasfdafa’ {192.168.0.1 | 77

2020-10-20 17:35:05 94

原创 JS ES6 函数的扩展

1、为函数参数指定默认值 function fn(a = 10, b =20){ console.log(a + b); // 30 } fn() 2、函数的 rest 参数 rest 参数形式为（“…变量名”），用于获取函数的多余参数，这样就不需要使用 arguments 对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。 function sum(){ var args = arguments; var res = 0; for(var i = 0; i<args

2020-10-20 15:13:16 243

原创 JS ES6 内置对象的扩展

字符串的扩展模板字符串将字符串放在反引号： ` 中 1、repeat 对字符串进行重复操作 let str1 = 'a'; let str2 = str1.repeat(6); console.log(str2); // aaaaaa 2、includes() 判断字符串内是否有指定字符串 startsWith() 查找开头是否有指定字符串 endsWith() 查找结尾是否有指定字符串 let str = 'hello'; console.log(str.includes('ll')); //

2020-10-20 14:39:43 183

原创 JS ES6 Symbol详解

什么是 Symbol ？ Symbol，表示独一无二的值，是 js 中第七种数据类型基本数据类型 Null Undefined Number Boolean String Symbol 引用数据类型 Object let s1 = Symbol(); let s2 = Symbol(); console.log(typeof s1); // symbol console.log(s1 === s2); // false 注意：Symbol 函数前不能使用 new 否则会报错，原因在于 Symbol 是一

2020-10-20 11:34:44 739

原创数据结构 Set

数据结构 Set 集合的基本概念：集合是由一组无序且唯一，就是不能重复的项组成，这种深故居结构使用与有限集合相同的数学概念，应用在计算机的数据结构种。特点：key 与 value 相同，没用重复的 value ES6 提供了数据结构 Set ，类似数组，但是成员的值都是唯一的，没有重复的值。 1 创建一个 Set const s = new Set([1, 2, 3]}; console.log(s); 2 Set 类属性 console.log(s.size); // 3 3 Set 类的方法 1、

2020-10-15 22:07:42 269

原创 JavaScript 中的几种迭代方法

迭代定义： 1、迭代（iterate），指的是按照某种顺序逐个访问列表中的每一项。比如，for语句。 2、循环（loop），指的是在满足条件的情况下，重复执行同一段代码。比如，while语句。 3、遍历（traversal），指的是按照一定的规则访问树形结构中的每个节点，而且每个节点都只访问一次。 4、递归（recursion），指的是一个函数不断调用自身的行为。比如，以编程方式输出著名的斐波纳契数列。迭代方法： 1、every 用来查询数组中的每一个是否都满足某一条件 var num = [1

2020-10-15 17:57:14 1803

原创前端接口增加与修改

首先当然是需要接口文档了，你问我没有接口文档怎么搞，那没啥事了。先说增加的吧，增加就很简单了，找到接口对应的触发事件或者是原接口位置，建议直接找接口对应的触发事件，反正我一开始找原接口找的特费劲，而且容易找错了，那后面基本扯犊子了。所以还是找触发事件好，比如那个接口是点击这个 ...

2020-10-09 22:48:01 2300

hello world的博客