- 博客(52)
- 收藏
- 关注
RSS订阅原创 Node.js学习-18跨域解决方法3----代理Proxy
后端合法的去请求别的后端(oAuth授权-token)再发给前端前端写成。核心就是request模块，第三方模块，用npmirequest导入。后端请别的ajax网址数据数据处理发给用户。后端请别的静态文件和数据数据处理发给用户。后端请别的网页数据然后修改了发给用户。Proxy代理服务。...
2022-08-01 23:40:13
299
原创 Node.js学习-17跨域解决方法2----JSONP
必须后端工程师配合写出jsonp数据前端才能用script标签请求得到数据${}index.js核心代码${.}${}
2022-08-01 23:35:57
167
原创 Node.js学习-16跨域解决方法1----CORS
CORS是一个W3C标准，全称是"跨域资源共享"（Cross-originresourcesharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。浏览器端目前，所有浏览器都支持该功能（IE10以下不行）。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。服务端。...
2022-08-01 23:32:37
268
原创 Node.js学习-15跨域
浏览器的一种安全策略指两个网址的协议ipport三者一样代表同源//同源==>pathname不参与同源判断httpshttps//异源==>协议不一样httphttps//异源==>域名(ipport)不一样httphttp//同源==>域名(ipport)一样http//www.hqyj.com/index.html//假设DNS解析为172.153.2.607001http7001/ajaxhttps。...
2022-08-01 23:29:39
148
原创 Node.js学习-13AJAS
当网络请求成功时xhr.readyState==4，由程序员来设置正确数据的状态码，收到错误数据时网络请求也是成功的，只是状态码与正确数据不同。1.创建ajax对象，兼容ie8低版本ActiveXObject(“Microsoft.XMLHTTP”局部刷新用js去做网络请求然后请得到的数据动态的渲染的DOM。4.等待,xhr.onreadystatechange()整页面刷新跳转到一个新的网页html。...
2022-07-31 23:11:27
106
原创 Node.js学习-12nodejs简介
node.js的主线程是程序员写的这个线程这个线程的代码是v8在运行js代码,它提供的异步函数是底层c/c++在开启线程执行任务。把任务添加到事件池(event-loop),让异步任务去子线程中执行然后注册一个事件任务执行完毕以后就回到主线程执行回调函。是一个基于Chrome-v8设计的单线程的基于事件驱动的非阻塞I/O型的的一个js运行环境。node是一个开源的免费的环境,性能好速度快资源占用小,它不安全。4、目前node.js它的地位?2、node.js是什么?...
2022-07-31 23:08:17
810
原创 Node.js学习-11模块化
npmi模块名字x1模块名字x2模块名字x3--save//把模块x1x2x3这个三个模块下载到项目安装路径(就是当前项目内部的node_modules)npmi模块名字x1模块名字x2模块名字x3-g//把模块x1x2x3这个三个模块下载到全局安装路径。（1）varfs=require(“fs”)，内置模块/核心模块node.js安装时自己就装好了的模块。下载了第三方模块后npm会在项目配置文件中的依赖项中写入下载的第三方模块名和版本。......
2022-07-31 23:06:07
142
原创 Node.js学习-10网页加载流程
1.2.1解析时遇到了img标签的src属性会异步的开始再次网络请求服务器,服务器返回数据包(图片编码)然后渲染出来。1.2.4解析时script-src会异步的开始再次网络请求服务器,服务器返回数据包(js编码)然后用js引擎去执行编码。1.2.2解析时遇到了link-href会异步的开始再次网络请求服务器,服务器返回数据包(css编码)然后加载。1.2.3解析时xxxx-url会异步的开始再次网络请求服务器,服务器返回数据包(对应编码)然后加载。...
2022-07-29 00:04:27
158
原创 Node.js学习-09路径
它真正的网址“http//192.168.6.608080/user/20220728/192.168.6.608080/src/18.jpg”“./src/18.jpg”写这个路径的文件的页面是在本地打开的==>file//x1/x2/x2/src/18.jpg。“./src/18.jpg”==>“协议//ipport/src/news/src/18.jpg”“src/18.jpg”==>“协议//ipport/src/news/src/18.jpg”...
2022-07-29 00:02:59
697
原创 Node.js学习-08mime模块
varre=mime.getExtension(“text/css”)//返回后缀文件。2、引入varmime=require(“mime”)1、先下载小黑窗输入npmimime。返回文件mime类型。
2022-07-28 23:59:56
378
原创 Node.js学习-06URL模块
http网址的组成协议域名pathnamequerystringhash域名==>DNS解析会把域名解析为一个ipport。
2022-07-28 23:52:19
97
原创 Node.js学习-05两个全局变量： __dirname __filename
在node.js环境中 有两个全局变量 __dirname __filename1.他们保存的是字符串2.__dirname 当前js文件所在的目录:绝对路径 文件夹(directory)__filename 当前js文件的目录:绝对路径
2022-07-28 23:48:31
69
原创 Node.js学习-04fs模块
data代表读取成功它是一个buffer类型的数据(二进制数据流)可以通过toString()转化为字符串。注意res.end()方法接受字符串或者buffer。path填路径可以绝对可以相对。
2022-07-27 23:44:55
102
原创 Node.js学习-03http模块
app.listen(81)//端口的意义ip是访问计算机的标志端口就可以进入计算机的具体哪一个程序。res.end()//可以传输数据也可以不传输,它是当前这一次网络请求结束的标志,一旦执行了就断开连接。varapp=http.createServer((req,res)=>{})创建一个服务器。req.url前端给后端发送网络请求的网址"http//ipport"后面的部分字符串。nodeindex.js==>node就是去环境变量中找到这个node变量指向软件。...
2022-07-27 23:40:38
68
原创 Node.js学习-02node.js是什么
Node.js是基于Chrome的V8JavaScript引擎构建的JavaScript运行时环境,使用事件驱动的非阻塞I/O模型,它拥有全世界最大的开源库生态系统npm.那么JS在哪里运行?浏览器arrayobjectfunctiondateDOMBOM操作页面node不能操作页面没有DOM和BOMECMA服务器相关操作的API文件操作数据库的连接http服务提供接口总结node.js是一个软件,它是js的代码运行环境,可以运行js代码然后实现服务器的功能。......
2022-07-27 23:35:03
67
原创 Node.js学习-01node.js的下载安装
Node.js中文地址http使用稳定版本,推荐下载12版的(node-v12.18.4-x64.msi)不要装14版。不建议装最新版本。
2022-07-27 23:32:01
1833
原创 DOM实现页面渲染案例
效果实现点击小图片就切换body的背景图。效果实现报错部分是信息错误才显示。实现效果点击下边按钮，上面切换。4、04-tab切换效果。
2022-07-14 20:05:32
133
原创 DOM操作-获取元素的方法
•通过类名获取,#box1指的是类名•通过类名获取，返回值是个数据容器(类数组)，可同时获取多个元素，没有就返回空数组•通过标签名来获取，可同时获取多个元素，没有就返回空数组•通过name来获取，可同时获取多个元素，没有就返回空数组。...
2022-07-14 19:53:09
591
原创 ES6--promise对象
异步的设计思想-回调函数fn函数不可能是异步函数 但是js的底层 c/c++是有不阻塞代码的异步函数的promise语法案例任务的队列分类和事件循环• 任务是js代码中的运行的代码• fn（） 代表了fn任务的运行，脚本也是一个任务，计时器的运行也是一个任务，promise也是， 任务分为同步和异步任务• 同步任务• 异步任务• 异步任务的对立优先级：异步宏任务先执行，然后再执行异步微任务• 事件循环脚本宏任务-》同步任务-》微任务-》下一轮宏任务
2022-07-14 19:46:19
147
原创 ES6类class
es6中为了更加好的把js设计成面向对象的语言的语法特征1.类的语法类名要大写声明类匿名类2、js没有类 是原型的思想设计的类,但是学习和使用这个技术时,心中要用类的思想学习• constructor 方法是类的默认方法，创建类的对象时被调用，在实例对象的原型上。也被称为类的构造方法（构造函数、构造器）。一个类中有且仅有一个构造方法。• 原型方法：不需要使用function关键字，通过“对象.原型方法”调用。• 静态方法：使用static修饰，给类添加静态属性和方法，调用时不需要创建对象，直
2022-07-13 20:08:03
36
原创 ES6箭头函数
（1）箭头函数定义箭头函数提供了一种更加简洁的函数书写方式。基本语法是：基本语法：当箭头函数没有参数或者有多个参数，要用 () 括起来。当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来注意点：没有 this、super、arguments 和 new.target 绑定。对象中使用箭头函数箭头函数体中的 this 对象，是定义函数时的对象，
2022-07-13 19:56:41
58
原创 Es6数组新增
（1）数组创建Array.from()：将类数组对象或可迭代对象转化为数组。-参数说明：Array.from(arrayLike[, mapFn[, thisArg]])arrayLike：想要转换的类数组对象或可迭代对象。mapFn：可选，map 函数，用于对每个元素进行处理，放入数组的是处理后的元素。thisArg：可选，用于指定 map 函数执行时的 this 对象。类数组对象：一个类数组对象必须含有 length 属性，且元素属性名必须是数值或者可转换为数值的字符。（2）扩
2022-07-13 19:53:10
450
原创 ES6对象新增
（1）对象字面量方法也可以简写：属性名表达式：ES6允许用表达式作为属性名，但是一定要将表达式放在方括号内。注意点：属性的简洁表示法和属性名表达式不能同时使用，否则会报错。（2）对象的扩展运算符拓展运算符（…）用于取出参数对象所有可遍历属性然后拷贝到当前对象。可用于合并两个对象注意：自定义的属性和拓展运算符对象里面属性的相同的时候自定义的属性在拓展运算符后面，则拓展运算符对象内部同名的属性将被覆盖掉。let person = {name: “Amy”, age: 15};le
2022-07-13 19:44:27
98
原创 ES6字符串新增
（1）子串的识别ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引注意：repeat()：返回新的字符串，表示将字符串重复指定次数返回。**补充:**敏感字符串替换（3）字符串补全以上两个方法接受两个参数，第一个参数是指定生成的字符串的
2022-07-13 19:38:52
49
原创 js阶段面试题总结
浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核根据不同的浏览厂商 他们使用了不同的内核, 内核的程序是很难实现的,根据我的了解有一些内核是公司自己实现的有一些是直接借用的,比如:1、IE浏览器内核：Trident内核，也是俗称的IE内核；2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；3、Firefox浏览器内核：Gecko内核，俗称Firefo
2022-07-13 19:27:06
54
原创 时间内置功能
Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getFullYear() 从 Date 对象以四位数字返回年份。getYear() 请使用 getFullYear() 方法代替。getHours() 返回 Date 对象的小时 (0 ~ 23)。getMinutes() 返回 Date 对
2022-07-13 19:21:03
51
转载 数组内置功能
concat() 连接两个或更多的数组，并返回结果。join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop() 删除并返回数组的最后一个元素push() 向数组的末尾添加一个或更多元素，并返回新的长度。reverse() 颠倒数组中元素的顺序。shift() 删除并返回数组的第一个元素slice() 从某个已有的数组返回选定的元素sort() 对数组的元素进行排序splice() 删除元素，并向数组添加新元素。toSource() 返回该对象的源代码。toSt
2022-07-13 19:18:46
41
原创 字符串内置功能
anchor() 创建 HTML 锚。big() 用大号字体显示字符串。blink() 显示闪动字符串。bold() 使用粗体显示字符串。charAt() 返回在指定位置的字符。charCodeAt() 返回在指定的位置的字符的 Unicode 编码。concat() 连接字符串。fixed() 以打字机文本显示字符串。fontcolor() 使用指定的颜色来显示字符串。fontsize() 使用指定的尺寸来显示字符串。fromCharCode() 从字符编码创建一个字符串。index
2022-07-13 19:17:31
69
原创 es6新出的数据容器技术-Map和Set
一、Map1、Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。- 一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。- Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。- Map 的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。- Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。 清空数据
2022-07-12 20:16:35
78
原创 ES6新增的基本数据--symbol
es5中基本数据: null undefined number boolean stringes6新增的基本数据: Symbol1、概述symbol：它是一个内置函数，生成一个独一无二的数据，解决变量相同时的业务，typeof检测出来是symbol
2022-07-12 19:56:14
38
原创 解构赋值（重要）
（1）概述（2）解构模型在解构中，有下面两部分参与：（3）数组模型的结构（Array）可嵌套可忽略不完全解构剩余运算符字符串在数组的解构中，解构的目标若为可遍历对象，皆可进行解构赋值。可遍历对象即实现 Iterator 接口的数据。解构默认值当解构模式有匹配结果，且匹配结果是 undefined 时，会触发默认值作为返回结果。（4）对象模型的结构（Object）可嵌套可忽略不完全解构剩余运算符解构默认值总结解构赋值：解
2022-07-08 19:04:49
64
原创 声明与表达式：let和const
ES6新增加了两个重要的 JavaScript 关键字: let 和 const。代码块内有效：不能重复声明例题：for循环计数器很适合用let解析：变量 i 是用 var 声明的，在全局范围内有效，所以全局中只有一个变量 i, 每次循环时，setTimeout 定时器里面的 i 指的是全局变量 i ，而循环里的十个 setTimeout 是在循环结束后才执行，所以此时的 i 都是 10。变量 j 是用 let 声明的，当前的 j 只在本轮循环中有效，每次循环的 j 其实都是一个新的变
2022-07-08 17:01:13
151
原创 ES6简介
ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。JavaScript 是大家所了解的语言名称，但是这个语言名称是商标（ Oracle 公司注册的商标）。因此，JavaScript 的正式名称是 ECMAScript 。19
2022-07-08 16:49:43
160
原创 玩转js之13-函数的形参和实参
fn(10,20,30,40) ，实际传入函数的参数就是实参，实参的个数可以比形参的个数多，按照顺序赋值，不会影响程序的执行逻辑但是会影响性能；实参的个数可以比形参的个数少，按照顺序赋值，可能会影响程序的执行逻辑，解决方案就是设计函数时提前预设。function fn(a,b){ var c=a+b console.log( c )}，a，b就是形参函数内部有一个关键字 arguments,代表实际传入函数的参数列表(类数组)2.length函数的length属性代表的是形参的个数（面试题）补充：
2022-06-30 18:01:29
125
原创 玩转js之11-this关键字（重点）
this代表的是 执行这个this代码的环境对象声明函数:直接在作用域写一个函数2.定义式函数定义一个函数:直接创建一个函数 把它当做数据一样2.自调用式函数函数可以不写函数名fn()() window 小括号 它是一种运算符 指向结果三、this的分类this在脚本中代表的是window全局对象this在全局函数中代表的是window全局对象var a=20 全局变量会在脚本执行时,把变量名设置为全局对象window的属性function fn(){consol
2022-06-26 23:37:05
79
原创 玩转js之12-函数的嵌套
案例题1：答案：题2：答案：函数内部的函数成为局部函数，函数内部的变量称为局部变量，函数可以访问外部变量，但是外部不能访问内部变量只有函数的大括号才有作用域，对象的大括号没有作用域...
2022-06-26 17:43:23
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人