wl_qianduan的博客

原创 javaScript学习第8天（对象 JSON 方法）

对象this指向this指代的是当前实例的这个对象，这种说法有点片面。this最终代表的是函数的执行者，最终指向一个对象。(决定this值的是调用方式。)全局执行环境中的this就是指的window。window对象是最顶层的对象，它对应的是全局执行环境。你在全局中定义的变量和函数都是作为window对象的属性和方法。在JavaScript当中window对象有两个功能：window对象是最顶层的对象。window对象在BOM中是操作浏览器的接口。如果函数你是光秃秃（只是函数名

原创 这么好看的双层彩虹，你们见过嘛

原创 手写Promise(es5 function版本 和 ES6 class版本)

ES5 function完整版本//声明构造函数function Promise(executor) { const self = this; //声明属性 self.promiseStatus = 'pending'; self.promiseValue = ''; self.callbacks = []; //声明函数 resolve function resolve(data) { //状态修改唯一性 if (

原创 Promise由浅入深

Promise从入门到自定义第1章：准备1.1.区别实例对象与函数对象1.实例对象: new 函数产生的对象, 称为实例对象, 简称为对象2.函数对象: 将函数作为对象使用时, 简称为函数对象function Fn() { // Fn是函数 }const fn = new Fn() // Fn是构造函数 new返回的是实例对象console.log(Fn.prototype) // Fn是函数对象Fn.call({}) // Fn是函数对象$('#test') // $是函数

原创 JS的error处理

JS的error处理(其他编程语言一样通用)错误的类型Error: 所有错误的父类型ReferenceError: 引用的变量不存在TypeError: 数据类型不正确的错误RangeError: 数据值不在其所允许的范围内SyntaxError: 语法错误错误处理捕获错误: try … catch抛出错误: throw errorerror对象的结构message属性: 错误相关信息stack属性: 函数调用栈记录信息常见内置错误*/// ReferenceErr

原创 包管理工具(npm、cnpm、Yarn、CYarn)

NPM介绍全称：Node Package Manager , Node 的包管理器，也是一个应用程序。包是什么Node.js 的包基本遵循 CommonJS 规范，将一组相关的模块组合在一起，形成一个完整的工具作用通过 NPM 可以对 Node 的工具包进行搜索、下载、安装、删除、上传。借助别人写好的包，可以让我们的开发更加方便。安装安装完 nodejs 之后会自动安装 npm常用命令查看 npm 的版本npm -v 初始化npm initnpm init --yes运行后

原创 模块化

模块化介绍模块化指的就是将一个大的功能拆分为一个一个小的模块，通过不同的模块的组合来实现一个大功能。在node中一个 js 文件就是一个模块模块内部代码对于外部来说都是不可见的，可以通过两种方式向外部暴露模块创建一、创建 JS 文件，编写代码（假设当前文件名为 test.js）function test(){ console.log('test');}二、在文件中对外暴露module.exports = test;这里有几点注意：module.exports 可以暴露任意

原创 6_ES6模块化教程

ES6-Babel-Browserify模块化教程###1. 创建项目结构|-js |-src |-module1.js |-module2.js |-module3.js |-main.js|-index.html|-package.json2. 安装babel-cli, babel-preset-es2015和browserify:第一步，全局安装：npm install babel-cli browserify -g第二步，局部安装：npm inst

原创 5_CMD-SeaJS模块化教程

sea.js简单使用教程下载sea.js, 并引入官网: http://seajs.org/github : https://github.com/seajs/seajs将sea.js导入项目: js/libs/sea.js创建项目结构|-js |-libs |-sea.js |-modules |-module1.js |-module2.js |-module3.js |-module4.js |-main.js|-ind

原创 4_AMD-RequireJS模块化教程

require.js使用教程下载 require.js官网: http://www.requirejs.cn/github : https://github.com/requirejs/requirejs将require.js导入项目: js/libs/require.js创建项目结构|-js |-libs |-require.js |-modules |-loger.js |-dataService.js |-main.js|-index.ht

原创 3_CommonJS-Browserify模块化教程

CommonJS 浏览器端模块化教程###1. 创建项目结构|-js |-dist //生成编译完js的目录 |-src //源码所在的目录（我们编写的、没经过工具处理的代码，叫做源码） |-module1.js |-module2.js |-module3.js |-main.js|-index.html###2. 模块化编码module1.jsmodule.exports = { foo() { console.log('moudle

原创 2_CommonJS_Node模块化教程

CommonJS服务端模块化教程(Node.js模块化教程)###1. 安装Node.js###2. 创建项目结构|-modules |-module1.js |-module2.js |-module3.js|-main.js|-package.json###3. 模块化编码：module1.jsmodule.exports = { data:'module1', foo(){ console.log('foo()------',this.data);

原创 1_模块化进化史

JS 模块化什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起模块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化好处防止命名冲突代码分离更高复用性高维护性模块化进化史全局function模式module1.js//数据let data = 'atguigu.com'//操作数据的函数function foo

原创 正则表达式(详细介绍)

一、正则表达式1.正则的概念正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。简单点：正则表达式是一种字符串匹配规则；正则就是让我们用来在一个字符串当中 去查找符合正则规则的字符串或者判断字符串是否符合正则规则；2.创建方式字面量创建var patt=/pattern/modifiers;构造函数创建var patt=new RegExp(pattern,modifiers);pattern（模式） 描述了表达式的模式modif

原创 javaScript学习第7天（对象 原型 原型链）

对象面向过程和面向对象面向对象和面向过程是两种编程思想。面向过程过程为中心的编程思想。过程，完成一件事的步骤。面向对象以对象作为中心的编程思想，对象，可以理解为真真正正存在的东西。面向对象的优势符合人类的思维习惯。能够适应复杂的需求变化。核心就是可扩展性类和对象类：一组相似事物的统称。一组：就是有多个。相似：比较像，但不完全相同。类的组成:属性：类具有的特性（通常是名词）。方法：类具有的功能（通常是动词）。对象是类的具体化，实物

原创 javaScript学习第6天（程序执行过程 堆与栈）

程序执行过程（重要）堆和栈堆栈本身是是数据结构。堆（链表结构）、栈（栈结构）。程序在运行的时候内存按照逻辑分为了堆内存和栈内存。栈：栈结构中开辟的内存比较小。速度快，操作系统都会自动回收内存。特点：先进后出。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AxajoX4j-1593093633332)(_v_images/20200606210957700_14839.png)]堆：开辟的内存通常比较大，速度比较慢。特点：先进先出[外链图片转存失败

原创 javaScript学习第5天（函数）

函数什么是函数函数：完成指定任务并且已经命名的代码块，可以用来进行反复使用。函数本质上也是一种数据，也属于对象类型；函数也是值，与其他数据类型不同的是，函数中包含的是代码，这些代码是可以执行的。函数的作用解决代码冗余问题，形成代码的复用。封装代码，让函数内部的代码对外部不可见。可以把整个项目的代码，通过函数模块化。函数的种类：系统函数，系统已经提供的一些函数。alert()、parseInt()。自定义函数，如果系统函数不能满足要求那就自己写。如果说有系统函数能够实现功能就用系

原创 javaScript学习第4天（数组）

数组基本概念基本类型只能存储一个值。如果需要存储一组值怎么办。（用的多。）这个时候就需要使用数组了。使用数组最大的好处是什么：可以进行批量操作。数组：一组值，可以存储多个值（每个值可以存储任何数据类型的数据，但是一般情况下都是相同类型的数据），他是__有序的集合__下标（索引、键、key），为了能够拿到对应位置的数据，所以需要给这个数组中的内容进行编号。索引的值都是从0开始的。元素：下标和值的组合。类和对象的概念：数组是对象类型（引用类型的一种）。javaScript中有对

原创 JavaScript学习第3天（逻辑运算符）

逻辑运算符比较运算符只能比较两个值，但是有时候我们需要进行多个数值的比较。 这个时候就需要用到逻辑运算符。&&，逻辑与（并且），第一个操作数和第二个操作数都为true的时候返回true，否则返回false。逻辑运算符可以使用任何类型的操作数。如果操作数是布尔型直接比较，如果不是要进行Boolean()转换。如果第一个操作数是false（或经过Boolean()转换为false），那么返回的是第一个操作数。如果第一个操作数是true（或经过Boolean()转换为true），那么

原创 javascript学习第二天（运算符的使用）

强制类型转换Boolean()小工具：将指定类型的值转换为布尔值。总是得到true或false。任何非空字符串都会转换为true，空字符串转换为false。任何非零数值都会被转换为 true，0和NaN会被转换为false。undefiend转换为false。任何对象转换为true，null转换为false。NaN（Not a Number），是数值型，用于表示一个本来要返回值的操作但是并没有返回数值的情况。Number()小工具：将非数值（任何数据类型）转换为数值。true

原创 JavaScript学习第一天（初始JS以及JS中的变量）

JavaScript简介HTML\CSS\JavaScript的关系HTML：用来标记。CSS：用来修饰。JavaScript：用来交互。JavaScript的由来网景公司：决定开发一个客户端语言，来处理这种简单的验证。Netscape开发一种名为LiveScript的脚本语言——该语言将同时在浏览器和服务器中使用（设计时可以在服务器端运行，但是在一直没流行起来，直到Node.js的成功，使这个语言开始在后端也流行起来，给整个开发带来了很大的变革）。为了赶在发布日期之前发布Netsc