- 博客(37)
- 收藏
- 关注
RSS订阅原创 node与API
node模块化所有的js文件本身就是一个模块，不需要重新定义JS只能运行在客户端（浏览器）scriptcommonJS规范 不仅仅让JS运行在客户端，还要运行在服务器端前端webpack也引用commonJS规范commonJS 规范是理论基础webpack 和 nodeJS 是实践产出一个模块只能暴露一个接口一个模块同时暴露多个接口url.parse()node.js的API文档querystring将对象转为字符串querystring
2021-03-18 15:04:46
282
原创 React组件数据交互载体- state状态
state状态是 react 组件数据交互的载体state 状态是用来修改的this.state 获取 statethis.setState() 用来修改statestate 不能在组件外部定义、及修改，只能在组件内部定义声明、及修改state修改，setState这个方法会修改state，且会重新执行组件内部的render方法，会触发页面的二次渲染，虚拟DOM会根据react的 diff 算法，得到新的虚拟DOM，最后再批量的更新定义state的方式一定义state的方法二sta
2020-09-21 14:31:31
292
原创 React组件书写事件
绑定事件全局变量 / 外部函数 ------ 1%组件内部自定义函数 ------ 99%原型链挂载 ------ 0%全局变量 / 外部函数// 绑定事件// 1. 全局变量 / 外部函数 1%import React,{Component} from "react"// 全局变量，是一个对象，也是一个函数const actions = { fnA(e){ console.log('wuhan2004 - 必胜') conso
2020-09-18 00:26:04
261
原创 React样式
基于class，但是react必须用className代替class基于内联样式style，style = { } 遵循“驼峰命名法”lineHeight:"20px" 必须带单位style = { backgroundColor:"red",fontSize:20 } 不带单位
2020-09-17 21:11:39
161
原创 TOOL-git&gulp
1.GIT&SVN的基本介绍GITGit是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理SVNSVN是subversion的缩写，是一个开放源代码的版本控制系统（集中式的版本控制系统），通过采用分支管理系统的高效管理，简而言之就是用于多个人共同开发同一个项目，实现共享资源，实现最终集中式的管理。可以去到任何一个版本GIT和SVN的区别GIT对比SVN2.gitbash的安装和使用3.生成密钥和公钥生产公钥4.码云和github的使用5.git常
2020-08-04 20:28:37
228
原创 module&sass
1.模块化概念模块化是一个语言膨胀的必经之路，它能够帮助开发者拆分和组织代码无模块化JavaScript初衷：实现简单的页面交互逻辑，寥寥数语即可。随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀。这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，JavaScript极其简单的代码组织规范不足以驾驭如此庞大规模的代码<script src="jquery.js"
2020-08-03 23:43:17
633
原创 EventLoop
一.任务队列JS的执行我们可以看成是任务队列，所有的操作以任务的形式出现在任务队列中任务一共包括两种，分别是同步任务和异步任务不管是同步还是异步，JS都会按顺序执行，只是不等待异步的执行结果同步任务除异步任务外的任务我们称之为同步任务，同步任务按顺序执行，没有优先级异步任务异步任务包含微任务（microtask）和宏任务（macrotask），有优先级之分，先执行微任务，后执行宏任务微任务：promise async await宏任务：setTimeout setInterva
2020-08-03 23:39:58
159
原创 面向对象拓展
1.call、apply、bind函数的三个原型方法都可以修改函数内部this的指向call：修改函数this的指向，直接调用函数，call方法的参数列表是普通参数列表apply：修改函数this的指向，直接调用函数，apply方法的参数列表是参数列表组成的数组（可以将数组变成实参列表）bind：修改函数this的指向，不可以直接调用函数，返回一个修改后的函数function fn(x, y) { console.log(x + y)}fn(2, 3);
2020-08-02 20:47:58
301
原创 面向对象
1.OOP面向对象编程(Object Oriented Programming，缩写为OOP)是目前主流的编程范式。它的核心思想是将真实世界中各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟面向对象编程的基本特点是：封装，继承，多态封装：封装的过程就是把一些属性和方法放到对象中“包裹”起来继承：继承，简单的说就是可以从父级那里获取到共有的属性和方法多态：同一操作作用于不同的对象，可以有不同的解释，产生不同的执行结果，由于弱类型的特点，JS自带多态，或者说不需
2020-08-02 20:47:25
178
原创 JavaScript 面向对象基础
JavaScript 面向对象基础了解面向对象面向对象面: 脸向: 朝着对象: 我们 JS 的数据类型脸朝着我们 JS 的数据类型学名: 关注对象的形式进行开发面向对象核心: 对面向过程的高度封装, 高内聚低耦合面向对象不是一个语法或者方法, 而是一个编程思想，是一个你怎么写代码也就是你怎么写代码, 怎么完成功能的一个思想面向过程关注过程的开发, 我们以前写的选项卡, 九宫格, 轮播图都是面向过程的开发我要关注里面的每一个步骤获取哪些元素设置哪些元素先执行什么后执行
2020-08-02 20:46:01
165
原创 JavaScript ES6语法
JavaScript ES6是一个官方发布的语法版本，ECMAScript2015，里面定义了新的语法规范定义变量定义函数对象赋值字符串新增数据类型…出现的问题：不兼容，不用我们考虑，因为后期会学习一些把 ES6 的语法转换成 ES5 的语法 工具let / const 统一和 var 定义变量的区别在 ES6 里面，有两个定义变量的关键字let：变量const：常量（特殊的变量）区别var 会进行预解析let 和 cons
2020-08-01 22:35:51
124
原创 JSONP&Promise
ECMA-JSONP&Promise1.JS跨文件访问【需求决定需要跨域】根据JS的引入顺序，后引入的JS可以访问先引入JS内声明的全局变量或者函数<!-- html文件 --><script src="a.js"></script><script src="a.js"></script><!-- a.js文件 -->var num = 10;function fn(){ console.log(666
2020-07-30 20:32:42
205
原创 AJAX&COOKIE
3.POST请求var xhr = new XMLHttpRequest();xhr.open('post', '路径', true);xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded'); // 设置请求头xhr.onreadystatechange = function () { if (xhr.readyState == 4 && xhr.status == 200) {
2020-07-30 20:30:29
201
原创 AJAX
1.对象// 实例化构造函数创建对象var obj = new Object();obj.name = '张三'; // 添加属性obj.age = 18;// 字面量创建对象var obj = { name: '张三', age: 18};// 通过.访问成员变量console.log(obj.name); // 张三// 通过[]访问成员变量console.log(obj['name']); // 张三.和[]的最大区别
2020-07-30 20:27:50
278
原创 PHP&MYSQL
1.PHP简介什么是PHPPHP即超文本预处理器(PHP: Hypertext Preprocessor)，是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言。JS是在浏览器端执行的脚本语言。什么是PHP文件PHP文件能够包含文本、HTML、CSS以及PHP代码，PHP代码在服务器上执行，而结果以纯文本返回给浏览器，PHP文件的后缀是.phpPHP能够做什么PHP能够生成动态页面内容PHP能够创建、打开、读取、写入、删除以及关闭服务器上的文件PHP能够接收表单数据PHP能够发送并取
2020-07-27 21:02:34
497
原创 JavaScript this指向
JavaScript this指向一、回顾作用域1、什么是作用域一个变量可以使用的范围2、作用域分类全局作用域：一个 html 页面就是一个全局作用域局部作用域（私有作用域）：只有函数生成私有作用域3、作用域的上下级关系写在哪个作用域里面的私有作用域，就是哪个作用域的子级作用域this 指向（重点）一、定义：this 是一个使用在作用域里面的关键字作用域里面：要么写在全局，要么写在函数里面是个关键字：定义变量的时候，不能用 var this，不需要定义，直接使用就可以了
2020-07-16 20:00:08
150
原创 JavaScript正则
JavaScript 正则了解正则正则表达式也叫作规则表达式就是我们自己按照语法书写一套规则用来检测字符串是不是符合规则的从字符串里面捕获出来一部分符合规则的内容正则表达式作用于字符串查找、替换、检测等等操作正则的用处正则表达式用来检测字符串至于你的字符串是不是从表单里面获取出来的无所谓我们大部分的时候，是使用正则检测表单里面获取的字符串复杂数据类型Function 函数Object 对象Array 数组Date 时间Reg
2020-07-16 18:58:07
135
原创 JavaScript 事件
JavaScript 事件事件三要素事件源：绑定在谁身上的时间（和谁约定好）事件类型：绑定一个什么事件事件处理函数：当行为发生的时候，要执行哪一个函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2020-07-13 08:58:20
143
原创 JavaScript DOM
JavaScript DOM了解DOM1、DOM（Document Object Model）文档对象模型，是一套操作文档流的属性和方法（API）2、BOM就是对页面上的所有节点进行操作：元素的增删改查、元素的属性、元素的样式 …3、DOM 就是由 document -> html -> head / body -> 其他元素（组成的一个树状结构）4、JS是被html文件引入，运行在浏览器里面 ① html 给我们提供了 DOM ② 浏览器 给我们提供了 BOM
2020-07-10 13:59:37
132
原创 JavaScript BOM
JavaScript BOM了解BOM1、BOM (Browser Object Model) 浏览器对象模型，就是一套操作浏览器的属性和方法2、BOM 的核心就是 window（浏览器窗口）3、我们所有和 BOM 相关的属性和方法都是 window.xxx4、window.xxx 可以省略 window. 写成 xxx5、window 就是 js 里面的全局，一个页面里面所有的内容都包含在全局内 // 定义了一个全局变量 a 值是 100 var a = 100 conso
2020-07-08 19:19:00
99
原创 JavaScript定时器
JavaScript 定时器定时器 根据我们设定的时间，重复的做同一件事情，如果不清除，会一直执行下去一、setTimeout( ) 延时定时器 / 炸弹定时器 1、作用：在你指定时间以后，执行一次就没有后续了 2、语法：setTimeout(函数, 时间) 函数：会在时间达到的时候执行 时间：是一个数字，单位是毫秒ms,设定的时间不能无限小,尽量不要小于20ms setTimeout(function () { // 这个函数会在 2000ms 以后执行
2020-07-05 22:30:10
168
原创 JavaScript时间对象
JavaScript 时间对象时间对象是一个 复杂数据类型创建时间对象一、内置构造函数创建时间对象 1、语法： var time = new Date() 2、返回值：就是你电脑上的当前时间（包含时区）二、传递数字 通过传递不同的参数，获取到一个指定时间节点的时间对象 至少传递两个数字（传递一个数字得到的是格林威治时间）1、第一个数字：表示年2、第二个数字：表示月（0 表示 1 月, 11 表示 12 月） // 2018 年 1 月, 剩下的时间都按照默认值走 va
2020-07-05 22:29:26
241
原创 JavaScript操作数字
JavaScript 操作数字对数字进行操作 JS 里面有一个内置对象叫做Math 它里面保存了很多操作数字的方法和属性操作数字的属性和方法一、Math.random( ) 1、作用：生成一个 0~1 之间的随机数，包含0，不包含1 2、语法：Math.random( ) 3、返回值：就是一个 0~1 之间的随机数字，包含0，不包含1 var n1 = Math.random() * 100 console.log(n1)二、Math.round( )
2020-07-05 18:40:47
242
原创 JavaScript对象数据类型
JavaScript 对象数据类型对象数据类型 对象（object）：是我们的复杂数据类型的一种 对象就是在内存中开辟一个空间，在里面存放一些数据创建对象一、字面量形式创建空对象 var obj = {} console.log(obj) // {}二、内置构造函数创建空对象 var obj2 = new Object() console.log(obj2) // {}三、直接创建一个有成员的对象 var obj = { // 键名:
2020-07-04 00:17:39
241
原创 JavaScript字符串
JavaScript 字符串创建字符串一、字面量方式创建 var str = 'hello world' 有索引也有length，只是不能看到 var str = 'hello world' console.log(str) // hello world二、内置构造函数创建 var str = new String('hello world') 有索引也有length，可以直接看到 var str2 = new String('你好 世界') console
2020-07-04 00:15:21
177
原创 JavaScript数据类型的存储与赋值
JavaScript 数据类型之间的存储与赋值数据类型之间的存储区别基本数据类型： 1、Number 2、String 3、Boolean 4、Undefined 5、Null复杂数据类型： 1、Function 函数 2、Object 对象 3、Array 数组一、内存空间 我们所有的数据都是存储在内存空间中的 浏览器的内存
2020-07-04 00:12:17
462
原创 JavaScript ES5的严格模式和数组常用方法
JavaScript ES5ES5 严格模式（了解） 因为 js 是一个相对松散的代码格式，所以写的时候没有很多要求 严格模式：书写代码时，有严格的代码要求 目前：基本上没有人开发使用严格模式一、开启严格模式 如果你不设置，那么默认是使用正常模式进行开发 如果你想设置，那么你就在作用域的最开始，写一个字符串 ‘use strict’ 表示 JS 代码需要在严格模式下数字而，如果不遵守就报错二、严格模式的要求1、定义变量必须有 var 关键字<script&
2020-07-03 15:00:58
170
原创 JavaScript数组数据类型
JavaScript 数组数据类型数组 就是一个存储数据的空间，里面会把你存储进去的所有数据 都按照顺序依次排好，每一个数据给一个编号（索引 / 下标） 编号从 0 开始数组的创建方式一、字面量创建数组var arr = [ ] var arr = [] console.log(arr) // Array(0) 或 []二、内置构造函数创建数组var arr = new Array( ) var arr = new Array() console.log(
2020-07-03 13:50:42
394
原创 JavaScript预解析
JavaScript预解析预解析一、什么是预解析 预：在所有js代码执行前 解析：对整篇js代码进行通读并解释（浏览器在解析）二、解析了什么内容 1、var 声明的变量var num 2、声明式函数（不是赋值式函数）function fn( ) { }三、怎么解析的1、var 声明的变量 在所有 js 代码执行前，先把变量声明好 再开始执行代码案例1 /* var num = 100 这一行代码包含了两个操作
2020-07-02 09:13:03
141
原创 JavaScript作用域
JavaScript作用域了解作用域 作用：生效，可以使用 域：范围 一个东西可以生效的范围 什么东西？变量（变量名，函数名） 其实就是一个变量可以生效的范围作用域分类1、全局作用域 一个html页面就是一个全局作用域 打开页面的时候，作用域就生成了，直到页面关闭为止2、局部作用域（私有作用域）只有函数生成私有作用域 每一个函数就是一个私有作用域作用域的上下级关系 全局作用域最大，所有私有作用域都是在全局作用域下面的 函数生成的私有作用域，函数
2020-07-02 09:01:55
131
原创 JavaScript函数
JavaScript 函数了解函数 函数是我们的一个数据类型，和数学的一次函数之类的没有关系 函数是我们接触的第一个复杂数据类型 函数的作用：就是把一段功能性代码放在一个“盒子”里面 想用的时候，直接把“盒子”里面的代码拿出来用就可以了例子：微波炉 把一个加热功能放在一个铁盒子里面 只要你想加热东西的时候，把微波炉打开，就能把你放进去的内容加热代码： 就是我们在内存中开辟一个小空间，把我们的代码放进去 然后给这个空间起一个名字，比如：叫做ab
2020-07-02 08:59:47
206
原创 JavaScript循环语句
JavaScript循环语句 就是重复的做某些事情，一段代码在重复的执行，重复执行多少遍，由你来决定三种循环语句： 1、while 循环 2、do … while 循环 3、for 循环循环的必要条件： 1、初始化变量 2、条件判断 3、要重复执行的代码 4、自身改变（改变初始化变量的值）注意： 不要写死循环，一定要有自身改变，并且能根据条件执行出一个 false
2020-06-28 11:40:59
274
原创 JavaScript分支结构语句
JS中的分支结构语句 JS 代码应该从上到下的执行 分支结构语句：当执行到某一部分的时候，根据条件来选择是否执行某段代码JS 中的条件分支语句 - if 有四种书写方式一、if 分支1、if 语句 if (条件) { 代码 } - 单分支 语法：if (条件) { 代码 } 只要条件满足就执行 {} 里面的代码，只要条件不满足就不执行 {} 里面的代码 满足：条件为 true 不满足：条件为 false var age = 16 // 因为 age
2020-06-24 15:58:46
569
原创 JavaScript数据类型
JavaScript数据类型JS数据类型的分类 一个变量可以存储一个什么样的数据，一类叫做基本数据类型（简单数据类型），一类叫做复杂数据类型（引用数据类型 / 地址数据类型）（一）基本数据类型（简单数据类型） 1、Number 数值 2、String 字符串 3、Boolean 布尔 4、Undefined 空 5、Null 空（二）复杂数据类型(引用数据类型 / 地址数据类型) 1、Array 数组 2、Object 对象
2020-06-23 18:34:28
262
原创 JavaScript基础语法
JavaScript基础语法JS的三大组成部分 JS由ES、BOM、DOM组成。一、ECMAScript（ES） 也就是js的语法，即：我们怎么写代码，什么地方是字母，什么地方是数字，什么地方是符号。二、BOM（Browser Object Model）- 浏览器对象模型 就是一套操作浏览器的属性和方法。 操作浏览器的滚动条、地址栏、改变页面、关闭页面…三、DOM（Document Object Model）- 文档对象模型 就是一套操作文档（html结构）的属性和方法
2020-06-22 17:29:14
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人