- 博客(30)
- 收藏
- 关注
RSS订阅原创 aj ax
ajax- 前后端交互的手段- 自己的固定步骤1. 创建 ajax 对象- 语法：const xhr = new XMLHttpRequest()2. 配置本次的请求信息- 语法：xhr.open(请求方式，请求地址，是否异步)3. 把本次请求发送出去- 语法：xhr.send()4. 接受本次响应- 依赖事件接受- 事件：xhr.onload = function () {console.log(xhr.responseText)} 是否异步 - 在一个
2022-03-10 20:27:56
199
原创 前后端交互
前后端交互前后端交互 + 客户端 和 服务端 进行通信 + 目的: 如何向服务器发送一段信息, 得到服务器反馈回来的结果 => 例如: 登录, 发送 用户名 和 密码, 接受返回 登录成功 或者 登录失败 => 例子: 列表, 发送 第几页 和 一页多少条, 接受返回 商品数组前端如何和后端交互(通讯) + 技术栈: ajax => async 异步 => javascript =>
2022-03-09 21:09:56
467
原创 正则表达式 - Regular Expression
正则表达式 - Regular Expression 目的：验证字符串是否符合规则 是一个复杂数据类型正则表达式的创建 --字面量方式创建 -语法：var reg = /abcd/const r1 = /abcd/console.log(r1) --内置法构造函数 -语法：var reg = RegExp（‘abcd’）con
2022-03-09 20:58:29
231
原创 事 件
事件1.事件绑定 在js内有两种绑定方式（1）DOM 0级 事件绑定 --使用 on 语法进行绑定 --语法：事件源.on事件类型 = 事件处理函数 --特点：同一个事件源的同一个事件类型只能绑定一个事件处理函数var ele = document.querySelector('div')ele.onclick = function (){ console.log('我是一个DOM 0级 事件绑定的事件处理函数')}
2022-03-05 10:13:37
90
原创 节 点
节点获取节点第一类：获取元素节点 获取非常规元素节点 html: document.documentElement head: document .head body: document.body 获取常规元素节点 document.getElmentById( )
2022-03-05 10:13:07
78
原创 认识DOM文档对像模型
认识DOM:文档对像模型1.一整套操作文档流的属性和方法2. 操作页面的标签(元素) （1） 操作标签的增删改查 （2） 操作标签的属性(id, class, type, …) （3） 操作标签的样式 （ … ）3.内容 （1） document: 文档流, 页面, 根节点, 但不是元素(标签) （2） html: 承载所有标签的最大的元素, 根元素节点 （3） head: 专门承载当前页面的说明标签, 这里的内容一般不显示
2022-03-05 10:12:02
70
原创 认识BOM
认识BOM认识 BOM - Browser Object Model 浏览器对象模型 1. 提供给我们一整套操作浏览器相关内容的属性和方法 2. 特点: （1）操作的都是和浏览器这个软件本身相关的内容(滚动条, 地址栏, 标签页, 弹窗, …) （2） 所有的 BOM 相关操作, 在各个浏览器表现形式不一样 （3） BOM 操作一般都是 window.xxxx, 书写的时候, 可以省略 window.
2022-03-02 20:06:33
333
原创 数组常用方法
数组常用方法改变原始数组1.push() （1） 后面追加 （2） 返回值: 追加后数组最新的长度 （3） 语法：数组.push(数据)var res = arr.push('新来的') var res = arr.push('新来的', 100, 200) console.log('追加以后 : ', arr) console.log('返回值 : ', res)2. pop() （1）后面删除 （2） 返回值:
2022-02-28 23:00:27
188
原创 排序 数组塌陷 数组去重 回调函数
排序 数组塌陷 数组去重 回调函数冒泡排序意义是把一个乱序的数组通过代码的执行调整为一个有序的数组逻辑: 1. 遍历数组, 两两对比, 把相对较大的数字向后移动 2. 遍历一遍以后, 得到的结果就是最大的数字一定在最后面 3. 重复步骤1, 继续比较, 两轮以后, 最大的两个数字一定在最后两个位置4. 不管多少个数字, 只要比较总长度 -1 轮, 那么数组就排序完成了代码var arr = [ 9, 1, 2, 3, 4, 5, 6, 7, 8 ] // 目的:
2022-02-28 20:50:09
110
原创 认识数组数据类型 - Array
认识数组数据类型 - Array解释1.是一个 JS 内的数据类型, 是一个复杂数据类型2.也是一个 “盒子”, 用来存储数据的盒子3.数组内存储的数据是按照 “序号” 排列的, 有序的数据集合4.序号: 叫做 索引 或者 下标, 从 0 开始, 依次 +1创建数组数据类型1. 字面量方式创建（1） 创建空数组: var arr = [] ( 2 )创建一个带有数据的数组: var arr = [ 数据1, 数据2, 数据3, … ]// 空数组 var arr =
2022-02-26 14:45:57
936
原创 深浅拷贝详解
深浅拷贝详解解释 1.复制数据的方式 2. 一般指的就是复制对象或者数组复制有三个级别1. 赋值 赋值以后, 两个变量操作一个对象空间2.浅拷贝 （1） 把你的对象内的每一个数据复制一份给我 （2） 我进行修改的时候, 你不会修改 （3） 只能拷贝一层数据, 多维度数据不好使如何实现浅拷贝 ?（1） 我把我自己制作成和你一样的数据类型（2） 把你内部每一个数据依次复制过来 var o2 = {} // o1
2022-02-26 14:45:20
353
原创 不同数据类型的存储
不同数据类型的存储 1. 基本数据类型 2.复杂数据类型(地址/引用)浏览器存储空间内存中, 分成两部分 1. 栈内存 2. 堆内存 在 js 的代码中, 我们只能访问到栈内存的数据存储数据 1. 基本数据类型就直接存储在栈内存中 数据+变量 2. 复杂数据类型 （1） 在堆内存中开辟空间存储数据 （2） 把空间地址赋值给栈内存中的变量var n = 100 var s = 'hello'
2022-02-26 14:11:19
1076
原创 HTML/css/js 基础笔记
网站的建站流程页面图例网页的结构WEB标准WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布（1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构；是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准；（2）ECMA：欧洲电脑网商联合会（厂商协会），制定了行为标准；计算机语言HTM
2022-02-26 14:09:04
1277
原创 对象数据类型-Object
对象数据类型-Object认识对象数据类型 - Object 1. 是 js 中的一个数据类型, 是一个复杂数据类型 2. 是一个 “盒子”, 承载的是 数据 3. 是一个无序的数据集合, 也是一个键(key)值(value)对的集合对象数据类型的创建 1. 字面量方式创建对象 (1) 创建空对象: var obj = {}var obj = {} console.log(obj) (2) 创建带有数据的对象: var obj
2022-02-25 22:36:34
3673
原创 递归函数(慎用)
递归函数(慎用)解释1.在一个函数内, 自己调用自己2.逐层递进的过程, 逐层回归的过程递归函数书写: 1. 先写折返点 2.按照规则书写递进过程, 不要忘记return console.log('start') function fn(n) { // 折返点 if (n === 1) return 1 // 递进过程 return n * fn(n - 1) } fn(4)练习递归
2022-02-25 22:35:52
99
原创 预解析详解
预解析解释 1. 在所有代码开始执行之前, 对代码进行通读并解释, 解释完毕以后再开始执行代码2. 函数调用问题 （1） 在函数定义的时候, 被装进 “盒子” 内的代码是不会执行的 （2）在函数调用的时候, 代码才会执行 （3） 预解析有两部分 <1>全局预解析: 打开页面的时候, 会对全局代码进行预解析, 但是函数体内的代码不管 <2> 局部预解析: 当你函数调用
2022-02-25 22:35:29
351
原创 作用域和变量
作用域和变量就是变量（变量名/函数名）的生效适用范围作用域的分类全局作用域(window): 一个 html 页面打开就是一个全局作用域 2.私有作用域: 只有函数生成私有作用域 （1） 只要你书写了一个函数, 就会生成一个私有作用域 （2） 一经书写, 作用域永生不变作用域的上下级关系 书写在哪一个作用域内的函数, 就是哪一个作用域的子级作用域提供了三个机制(熟读并背诵全文)1. 变量定
2022-02-25 22:34:48
103
原创 自调用函数
自调用函数解释 1.函数表达式的一种特殊使用方法 2.不严格区分函数的定义阶段和调用阶段 直接定义函数，定义完毕以后直接调用，并且不能进行二次调用语法: (function () {})() ~function () {}() !function () {}()(function () { var n = 100 console.log('我被执行了', n)
2022-02-25 22:31:22
184
原创 封装函数判断一个数字是不是质数
封装函数判断一个数字是不是质数参数: 1个, 要判断的数字 function isPrime(n) { // 1. 考虑如果 n 不是一个数字 // isNaN(n) // true 说明不是数字, 那么后续的代码没必要 if (isNaN(n)) return false // 2. 转换成数值类型 n = Number(n) // 3. 判断这个数字是不是质数 for (var i = 2; i <=
2022-02-25 08:57:16
1232
原创 函数的 return
函数的 return作用: 1. 给函数添加一个返回值 2. 打断函数: 书写在 return 后面行的代码不会继续执行了函数的返回值 1.在函数内以 return 关键字确定该函数的结果 2. return 数据函数的问题: 1. fn 和 fn() 分别表示什么意思 ? （1） fn 就是一个变量名, 存储
2022-02-25 08:56:51
302
原创 详解arguments
详解argumentsarguments( 1 )是一个在函数内使用的变量( 2 )是函数的天生自带的变量( 3 )是一个数据集合(承载数据的盒子) 1. 承载的就是该函数被调用的时候传递的所有 实参 2. 函数实参的集合arguments 的基本操作1. length 属性 (1) 语法: arguments.length (2) 表示: 该数据集合内有多少个数据, 也就是你传递了多少个实参 (3) 得到: 是一个数值类型
2022-02-25 08:55:42
1659
1
原创 认识 函数
认识函数解释函数是一个 js 的数据类型, 叫做 Function 是一个复杂数据类型(地址/引用) 私人: 就是一个 “盒子”, 这个 “盒子” 可以承载一段代码 涉及到两个过程 （1）函数定义阶段: 把代码装进盒子的过程 （2） 函数调用阶段: 把盒子内的代码执行的过程函数定义阶段 就是一个把代码装进 “盒子” 的过程 在这个过程中, 被装进去的代码是不会执行的方式1: 声明式函数 语法: functio
2022-02-24 22:25:44
175
原创 循环嵌套案例
循环嵌套案例循环嵌套 （1）在一个循环内再次书写一个循环 （2） 注意: 里外层循环不要使用一个变量控制案例1使用 * 在页面出现一个 9 * 9 的正方形// 1. 在页面输出一个 * document.write('*') // 2. 在页面输出一行 * for (var i = 1; i <= 9; i++) { document.write('* ') } document.write('<br&g
2022-02-24 21:28:00
534
原创 质数 详解
质数详解质数 除了 1 和 自己本身, 其他不能整除逻辑: 你是如何确定一个数字是质数的 ? 假设: 7 7 % 2 不能整除 7 % 3 不能整除 7 % 4 不能整除 7 % 5 不能整除 7 % 6 不能整除 结果如果是质数, 需要在过程后才能知道, 使得循环可以正常结束 如果不是质数, 可能在过程中就知道了, 使得循环被打断从而非正常结束 代码:
2022-02-24 21:27:28
304
原创 循环控制语句
循环控制语句1. break: 是一个关键字 当你在循环内遇到这个 break 的时候, 会直接结束本次循环for (var i = 1; i <= 5; i++) { console.log('我吃了第 ' + i + ' 个包子') if (i === 3) { console.log('我吃饱了') // 在需要的时候书写一个 break 关键字 break }
2022-02-24 21:25:49
175
原创 循环语句 for
循环语句 for 循环语句的一种语法: for (初始变量; 条件判断; 修改初始值) { 代码段 }原始形态: 初始变量 for (条件判断) { 修改初始值 }代码console.log('start') for (var n = 1; n <= 20; n++) { // 在这个 {} 内只需要书写重复执行的代码即可, 不需要考虑修改初始值的问题 console.log('我执行了', n)
2022-02-24 20:54:57
103
原创 循环语句 do while
循环语句 do while介绍 1.循环语句的一种 2. while 循环 while (条件) { 代码段 } 3. do while 循环 （本文主角） do { 代码段 } while (条件)执行过程 （1）首先: 先执行一遍 {} 内的代码, 再开始条件判断 （2） 如果条件满足就再次执行 {} 内的代码, 然后条件判断 （3） 以此类推, 直到条件不满足的时候 （4） 直接结束循环和 w
2022-02-24 20:54:11
383
原创 循环语句 while
循环语句 while循环解释 （1）重复的执行某一段代码 （2） 代码内的循环就是数数 （3）通过数字的变化决定循环的次数循环三要素 （1） 开始: 从几开始数数 （2） 结束(条件): 数到多少结束 （3） 步长: 数数的间隔while 语句 while (条件) { 代码段 } 当条件满足的时候, 执行 {} 内的代码段 （1） 执行完毕代码段以后, 再次进行条件判断 ( 2 )
2022-02-24 20:53:30
415
原创 swich语句
swich语句补充点单词（看看就行）:switch: 游戏机, 岔道case: 方案, 情况break: 打断, 结束default: 默认正题来了（swich语句）概念（1）根据你要判断的数据决定执行哪一段代码（2）把你的数据做出很多种匹配情况, 决定执行哪一种情况基本语法基本语法switch (数据) { case 情况一: 满足情况一的时候执行的代码 break case 情况二: 满足情况二的时候执行的代码 brea
2022-02-24 19:57:06
542
原创 if分支语句
if分支语句语法形式:1. if 语句 （1） if (条件) { 代码段 } （2）意义: 条件为 ture 的时候, {} 内的代码段执行, 否则不执行 （3）注意： 当 if 各种语句, 代码段只有一句话的时候, 可以省略 {} 不写 当你需要省略的时候, 那么 else 必须换行var age = 19 if (age >= 18){
2022-02-24 19:55:58
594
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人