2020年09月_粽子师兄

原创 JavaScript学习笔记（四十三）——Set、Map、Proxy、Symbol

SetSet 对象是值的集合，你可以按照插入的顺序迭代它的元素。Set中的元素只会出现一次，即Set中的元素是唯一的。Set对象允许存储任何类型的唯一值，无论是数值型还是引用类型。根据Set里面的值是唯一的特点，我们可以使用Set来实现数组去重。let arr = [1, 2, 2, 3, 3, 4, 5];let set = neew Set(arr);console.log(set); // {1, 2, 3, 4, 5}可以使用...语法let arr1 = [...set];c

2020-09-28 09:55:14 319

转载 JavaScript学习笔记（四十二）——设计模式

转载于： https://www.cnblogs.com/imwtr/p/9451129.html#o1什么是设计模式？设计模式指的是一系列编程思想。它们是经过时间、人员验证之后，证明可以有效提升代码效率的一套编程方式。特点：编目分明可复用广为人知常见的设计模式单例模式策略模式代理模式迭代器模式发布-订阅模式命令模式组合模式模板方法模式享元模式职责链模式中介模式装饰者模式状态模式适配器模式外观模式1.单例模式定义：保证一个类仅有一个实例，并提供一个

2020-09-28 08:40:07 238

原创 JavaScript学习笔记（四十一）——继承

继承是指让一个构造函数去继承另一个构造函数的属性和方法，被继承者被称为父类，继承者被称为子类。下面介绍几种继承方式：构造函数式继承方式：在子类中调用父类的构造函数，并通过call、apply改变this指向。将子类的原型指向父类的原型。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi

2020-09-27 10:32:11 102

转载 JavaScript学习笔记（四十）——彻底搞懂JS闭包各种坑

彻底搞懂JS闭包各种坑闭包是js开发惯用的技巧，什么是闭包？闭包指的是：能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。function outer() { var a = '变量1' var inner = function () { console.log(a) } return inner // inner 就是一个闭包函数，因为他能够访问到outer函数的作用域}

2020-09-26 23:14:45 101

原创 JavaScript学习笔记（三十九）——闭包

闭包闭包指的是：能够访问到另一个函数作用域的变量的函数。在JavaScript中，作用域分两种，全局作用域和局部作用域。基于我们所熟悉的作用域链相关知识，我们知道在js作用域环境中，访问变量的权利是由内向外。内层作用域可以访问当前作用域下的变量，并且可以向外访问到包含当前作用于的外层作用域下的变量。外层作用域可以访问当前作用域下的变量，但是不可访问到当前作用域下包含的内层作用域的变量。同样，在不同作用域中也是不能互相访问彼此的变量的。 <script> // 全

2020-09-26 22:38:27 106

原创 JavaScript学习笔记（三十八）——内存泄露与垃圾回收机制

什么是内存泄露？程序运行的时候需要用到内存，对于持续运行的服务进程，必须要及时释放内存，否则，内存占用越来越高，将影响系统性能，甚至导致进程崩溃。此时，有些程序已经结束进程，不再用到内存，但是没有及时释放内存，这就叫做内存泄露（memory leak）。为解决内存泄露问题，大多数语言提供了自动内存管理，减轻程序员手动释放内存的负担，这被称为垃圾回收机制（garbage collector）。JavaScript垃圾回收机制原理：解决内存泄露，垃圾回收机制会定期（周期性）找到那些不再用到的内存（变

2020-09-26 21:22:47 115

原创 JavaScript学习笔记（三十七）——本地存储和cookie

我们打开浏览器，鼠标右击->检查->Application面板，在这里我们可以看到本地存储是HTML5中增加的一个浏览器端的存储方式，包括localStorage、sessionStorage和cookie。localStoragelocalStorage是一种你不主动清除它，它会一直将存储数据存储在客户端的存储方式，即使你关闭了客户端（浏览器)，属于本地持久层储存，容量很大(20M左右)，以域名划分使用方法：1、保存localStorage.setItem(“key”, “v

2020-09-21 00:01:20 165

原创 JavaScript学习笔记（三十六）——async和await

上一篇文章中，我们使用Promise处理异步行为，虽然我们的代码已经改观了很多了，基本已经可以维护了，但是对于一个程序员来说，这个样子是不够的。我们还需要更加的简化代码，所以我们就需要用到一个 es7 的语法了，叫做 async/awaitasyncasync关键字用于定义异步函数(其实是Generator的语法糖)定义：放在function关键字之前，表示“这是一个内部有异步行为的函数” async function aa() { console.log(1);

2020-09-20 23:16:08 163

原创 JavaScript学习笔记（三十五）——Promise

回调函数:什么是回调函数？就是把函数 A 当作参数传递到函数 B 中在函数 B 中以行参的方式进行调用function a(cb) { cb()}function b() { console.log('我是函数 b')}a(b)为什么需要回调函数当我们执行一个异步的行为的时候，我们需要在一个异步行为执行完毕之后做一些事情那么，我们是没有办法提前预知这个异步行为是什么时候完成的我们就只能以回调函数的形式来进行回调地狱当一个回调函数嵌套一个回调函

2020-09-20 22:54:41 123

原创 JavaScript学习笔记（三十四）——Event Loop

什么是Event Loop?Event Loop 是一个很重要的概念，指的是计算机系统的一种运行机制，决定了同步代码和异步代码的执行方式。JavaScript语言就采用这种机制，来解决单线程运行带来的一些问题。Event Loop在不同的地方有不同的实现，浏览器和Node.JS基于不同的技术实现了各自的Event Loop。浏览器的Event Loop是在HTML5的规范中明确定义。Node.JS的Event Loop是基于libuv实现的。libuv已经对Event Loop作出了实现，而

2020-09-20 21:54:22 1256

原创 JavaScript学习笔记（三十三）——实现注册功能

1、创建表单 <form> <div class="item"> <label>用户名</label> <input id="username" name="username" type="text"> <span id="usernameTips"></span> </div> &lt

2020-09-20 21:15:07 1230

原创 JavaScript学习笔记（三十二）——同源策略与跨域

什么同源策略？同源策略是浏览器的一个安全策略，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。例如：页面a是从服务器A上请求下来的，那么因为同源策略的规定，页面a请求的任何数据，只能从服务器A上请求，不能从其他服务器请求。注意：静态资源不受同源策略的限制（比如：页面中的链接，重定向以及表单提交是不会受到同源策略限制的，还有HTML、CSS、JavaScript、图片、音频、视频、iframe等静态资源）。AJAX请求受到同源策略的限制。同源策略作用同源策略限制了从同一个源加载的文档或

2020-09-20 20:28:39 185

原创 JavaScript学习笔记（三十一）——AJAX与封装AJAX

什么是AJAXAJAX 全称： Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。什么是XMLXML是一种与HTML一样的标记语言。HTML叫做超文本标记语言，XML叫做可拓展标记语言。在我们前端开发者看来，XML就是一种数据格式，用于前后端传递数据使用(现在已经被JSON所取代)。 {

2020-09-16 22:34:16 173

转载 JavaScript学习笔记（三十）——HTTP与HTTPS

转载于：https://www.cnblogs.com/ok-lanyan/archive/2012/07/14/2591204.htmlHTTP HTTPS WebServiceHTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提

2020-09-16 21:41:42 477

原创 JavaScript学习笔记（二十九）——PHP操作数据库

什么是数据库？数据库就是存储数据的仓库，其实一个纯文本，都可以当作数据库。但是，没有任何的安全性可言。所以就有人开发出专门用来管理数据的应用程序，叫做数据库应用程序。常见数据库应用程序：数据库可以分成两类：结构型数据库（关系型数据库）：mySqlOracleSqlServeraccess非结构性数据库（菲关系型数据库）以MongoDB为代表什么是SQL语句？sql语句指的是专门操作数据库的一种语句MySql简介MySQL 是一种在 Web 上使用的数据库系统

2020-09-15 10:22:55 106

原创 JavaScript学习笔记（二十八）——简单了解PHP

PHP简介PHP 是服务器端脚本语言。PHP是什么？PHP（全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器"）是一种通用开源脚本语言。PHP 脚本在服务器上执行。PHP 可免费下载使用。PHP 文件是什么？PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码PHP 代码在服务器上执行，结果以纯 HTML 形式返回给浏览器PHP 文件的默认文件扩展名是 “.php”PHP 能做什么？PHP 可以生成动态页面内容PH

2020-09-14 22:06:04 82

原创 JavaScript学习笔记（二十七）——服务器

服务器是什么？服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并保障服务的能力。服务器的构成包括处理器、硬盘、内存、系统总线等，和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。在网络环境下，根据服务器提供的服务类型不同，分为文件服务器、数据库服务器、应用程序服务器、WEB服务器等。Web服务器有Apache、llS、Nginx、Resin、Tomcat。这

2020-09-14 21:37:38 338

原创 JavaScript学习笔记（二十六）——面向对象编程小案例

面型对象编程——放大镜HTML文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-09-13 20:27:27 518

原创 JavaScript学习笔记（二十五）——原型及原型链

原型原型的出现就是为了解决构造函数的缺点。prototypeprototype是每个函数创建的时候自带的一个属性，是一个对象空间，返回值是一个对象。既然是每一个函数都有的属性，那么构造函数也有这个prototype。这个prototype能够通过函数名来访问：函数名.prototypefunction Person(){};console.log(Person.prototype); // 返回的是一个对象既然prototype是一个对象空间，那么我们可以向里面添加东西Person

2020-09-12 23:03:27 167

原创 JavaScript学习笔记（二十四）——构造函数

什么是构造函数？在JavaScript中，使用new关键字来调用的函数，称为构造函数。构造函数首字母一般大写。为什么使用构造函数？先来看一个例子：我们需要录入每个人的信息，那么按照之前的做法，可以将每个人的信息放到对象里面，比如：let p1 = {name: "张三", age: 18, sex: "男"};let p2 = {name: "李婉", age: 16, sex: "女"};let p3 = {name: "王五", age: 20, sex: "男"};像上面的做法，我们

2020-09-12 22:06:52 238

原创 JavaScript学习笔记（二十三）——简单了解几种模式

工厂模式简单理解为在函数内创建了一个新的空对象，并为其添加属性function f1(){ var obj = new Object(); obj.name = "张三"; obj.age = 18; obj.dog = function(){ return console.log("宠物狗"); } return obj;

2020-09-12 18:43:37 92

原创 JavaScript学习笔记（二十二）——面向对象编程（OOP）

注意：面向对象不是一种语法，而是一种思想，是一种编程模式面向对象编程（OOP）是计算机科学中一个年代久远的编程范式。现在所知的一些OOP概念最开始出现于上个世纪50年代，可是直到1967年Simula及后来Smalltalk语言的出现，可辨识的OOP才应运而生。概念OOP的基础理念非常简单直观：对象是一个逻辑相关的数据和功能的集合。它以人类对世界的自认理解为设计理念。好比一辆车，它有数据（品牌、型号、门数、VIN等等）和功能（加速、减速、刹车、移动、开门等等）。此外OOP使得编程人员能够以抽象（一

2020-09-12 17:47:59 160

原创 JavaScript学习笔记（二十一）——小案例补充

随机点名系统1描述：点击单选按钮时，随机选中一个成员。点击多选按钮时，多选按钮变成停止按钮，点击停止按钮前，不断随机选择成员，直到点击停止按钮，定时器停止，得到最后一个被随机选中的成员，停止按钮变成多选按钮。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i

2020-09-12 15:56:17 110

原创 JavaScript学习笔记（二十）——运动函数

运动函数初级版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{

2020-09-07 21:54:27 536

原创 JavaScript学习笔记（十九）——正则表达式

JavaScript 正则表达式正则表达式（英文：Regular Expression，在代码中常简写为regex、regexp或者RE）使用单个字符串来描述、匹配一系列符合某个语法规则的字符串搜索模式。什么是正则表达式？正则表达式是由一个字符序列形成的搜索模式正则表达式可以是一个简单的字符，或一个更复杂的模式正则表达式可以用于所有文本搜索和文本替换的操作正则表达式的定义字面量定义：/正则表达式主体/修饰符（可选）构造函数定义RegExp(正则表达式, 修饰符);new R

2020-09-06 16:17:57 685

原创 JavaScript学习笔记（十八）——ES6新增的方法

ES6新增的字符串方法startWith用于判定原字符串是否是以某字符串开始有两个参数参数1表示原字符串是否以该字符串开始参数2表示在原字符串的哪一个索引值开始判断，索引值从0开始返回值是一个布尔值。true表示原字符串以参数1指定的字符串开始，false表示原字符串不以参数1指定的字符串开始 var str = "abcdefg"; var isStart = str.startsWith("a"); console.log(is

2020-09-05 22:46:58 246

原创 JavaScript学习笔记（十七）——ES6

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。块级作用域在ES5中，只全局作用域和函数作用域。这会导致函数作用域覆盖了全局作用域；亦或者循环中的变量泄露为全局变量。所以在ES6中，用let命令新增了块级作用域，外层作用域无法获取到内层作用域，非常安全明了。即使外层和内层都使用相同变量名，也都互不干扰。在 {} 之间可以生成块级作

2020-09-05 16:17:18 285

原创 JavaScript学习笔记（十六）——ES5

ES5ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种，被称为严格模式(strict mode)。严格模式"use strict"消除不安全之处，保证安全运行提升编译效率未来发展趋势开启严格模式在当前作用域的第一行，使用字符串 use strict;要加上引号。

2020-09-01 18:53:15 194

qq_45268602的博客