Object.entries()
摘要：Object.entries()方法返回一个给定对象自己的字符串键值对的数组。 const obj = { a: "aa", b: "bb", c: "cc" }; console.log(Object.entries(obj), "Object.entries(obj)Object.entries
阅读全文
posted @
2023-11-14 15:53
Tsunami黄嵩粟
阅读(11)
推荐(0) 编辑
JSON.stringify
摘要：当使用JSON.stringify函数时，第二个参数是一个数组或一个函数，用于控制序列化过程中对象的属性。第三个参数是一个用于控制缩进的数字或字符串，用于美化输出的可选参数。 让我们通过一个例子来说明： 假设我们有以下 JavaScript 对象： const person = { name: 'J
阅读全文
posted @
2023-11-14 15:27
Tsunami黄嵩粟
阅读(37)
推荐(0) 编辑
Symbol.for()
摘要：当我们在不同的模块或文件中需要共享一个特定的Symbol时，可以使用Symbol.for()方法来实现。 假设我们有两个模块，分别是module1.js和module2.js。我们希望在这两个模块中使用相同的Symbol来表示一个特定的概念，比如"mySymbol"。 在module1.js中，我们
阅读全文
posted @
2023-11-10 10:29
Tsunami黄嵩粟
阅读(96)
推荐(0) 编辑
后端给前端rtmp和flv直播 播放方法
摘要：const suffixal = this.videoObj.videoServer .split('?')[0] .split('.') .pop() var router = this.$router.resolve({ name: 'video', query: { url: this.vid
阅读全文
posted @
2021-01-26 17:13
Tsunami黄嵩粟
阅读(627)
推荐(0) 编辑
前端传参中文需要utf-8转一下给后端
摘要：const Msg = this.form.Msg.replace( (/%(u[0-9A-F]{4})|(%[0-9A-F]{2})/gm, $0 => { return escape($0).replace(/(%u)(\w{4})/gi, '&#x$2;') }) ) Msg再传给后端就行 t
阅读全文
posted @
2021-01-26 17:08
Tsunami黄嵩粟
阅读(295)
推荐(0) 编辑
promise async 和 await
摘要：// promise 是专门用于解决回调地狱的 // 专门用于执行异步程序时使用promise语法 // 语法形式: // 定义一个函数,创建一个 promise 对象,并且返回这个对象 // 通过 promise 来执行异步程序 // promiseGetAjax(url,data) 两个参数 u
阅读全文
posted @
2020-12-21 23:57
Tsunami黄嵩粟
阅读(61)
推荐(0) 编辑
回调地狱
摘要：什么是回调地狱 ajax请求,是一个异步执行的程序 如果要在第一次请求结束之后,执行的操作,必须要写在ajax请求中,才能争取获取请求结果 const xhr = new XMLHttpRequest(); xhr.open(请求方式,路径?参数); xhr.send(); xhr.onload =
阅读全文
posted @
2020-12-21 23:55
Tsunami黄嵩粟
阅读(248)
推荐(0) 编辑
map数据类型
摘要：MAP数据类型是一个类似于对象的数据类型 大型项目中会经常使用 通过 构造函数来定义MAP数据类型 const map = new Map() 如果需要在定义的同时进行赋值,赋值的参数必须是二维数组形式 二维数组,统一都是两个单元,第一个单元是Map的键名,第二个单元是Map的数值 二维数组,第一个
阅读全文
posted @
2020-12-21 23:52
Tsunami黄嵩粟
阅读(3216)
推荐(0) 编辑
set数据类型
摘要：SET 数据类型 是一个类似于 数组 的数据类型 特点 : 不接受重复的相同的数据 同样的数据,在SET数据类型中,只能存储一次 基本语法: 通过构造函数来定义SET数据类型 const set = new Set() 定义一个空set 如果要在定义set的同时,进行赋值操作,必须要定义一格实参,是
阅读全文
posted @
2020-12-21 23:50
Tsunami黄嵩粟
阅读(641)
推荐(0) 编辑
构造函数的继承
摘要：// 构造函数 // 本质还是一个函数 // 是一个专门生成对象的函数 // 生成的这个对象,有属性属性值,还有函数方法 // ES5的构造函数语法 function CreateObj1(name,age){ this.name = name; this.age = age; } createOb
阅读全文
posted @
2020-12-16 17:37
Tsunami黄嵩粟
阅读(114)
推荐(0) 编辑
创建一个不被销毁的空间 闭包小应用
摘要：// 创建不被销毁的执行空间 // 要利用 return // 一般情况下, return 如果返回的是一个基本数据类型 function fun1(){ var a = 100; var b = 200; return a+b; // return 返回的是 a+b 的执行结果,也就是数值300
阅读全文
posted @
2020-12-16 17:28
Tsunami黄嵩粟
阅读(110)
推荐(0) 编辑
深浅拷贝
摘要：// 深浅拷贝 // 浅拷贝 : 拷贝复制的是 引用数据类型的数据地址 // 不是完整拷贝复制 引用数据类型中存储的具体数值 // 执行 浅拷贝之后 两个变量是有相互联系的 // 一个操作,另一个也会受影响 // 所谓的浅拷贝 // const obj1 = { // name:'张三', // a
阅读全文
posted @
2020-12-16 17:06
Tsunami黄嵩粟
阅读(60)
推荐(0) 编辑
localStorage
摘要：localStorage 也是 浏览器提供的功能,作用与 cookie 类似 区别: 1 , cookie前端,后端都可以操作 localStorage 只有前端可以操作 2 , cookie 可以设定时效,过期自动删除 localStorage 默认是永久存在 3, cookie 可以存储内容比较
阅读全文
posted @
2020-12-10 14:15
Tsunami黄嵩粟
阅读(63)
推荐(0) 编辑
百度搜索栏效果
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @
2020-12-09 17:54
Tsunami黄嵩粟
阅读(159)
推荐(0) 编辑
cors解决跨域 服务器代理方式
摘要：// cors 方法 // 后端程序员通过定义后端程序,让跨域访问,可以正常执行,可以获取响应体内容 // 前端程序员不需要做任何的调整 // 后端程序员需要调整 PHP程序 header("Access-Control-Allow-Origin: * "); header("Access-Cont
阅读全文
posted @
2020-12-09 17:51
Tsunami黄嵩粟
阅读(189)
推荐(0) 编辑
浏览器的同源策略 jsonp方法解决跨域
摘要：// 浏览器的同源性 // 在 浏览器 处理请求时 默认执行的是 同源策略 // 也就是 浏览器 只 允许 同源的项目/请求 之间 获取响应体内容 // 如果不是同源的 请求 只允许浏览html文件等 不允许 获取响应体 实际项目中,解决同源问题是必须要掌握的方法 相同 源文件之间的访问 称为 同源
阅读全文
posted @
2020-12-09 17:42
Tsunami黄嵩粟
阅读(84)
推荐(0) 编辑
ajax兼容处理
摘要：// ajax的兼容处理 // 1.创建ajax对象 // 标准浏览器 // const xhr = new XMLHttpRequest(); // 低版本IE浏览器 // const xhr = new ActiveXObject('Microsoft.XMLHTTP'); // 兼容语法 le
阅读全文
posted @
2020-12-09 16:55
Tsunami黄嵩粟
阅读(99)
推荐(0) 编辑
ajax传参
摘要：// ajax传参 // ajax传参特点: // 1,不需要跳转 // 2,ajax传参,都是异步程序 // 不影响同步程序的执行 // 即使请求交互没有完成,其他程序也可以正常执行 // ajax: // async 异步 // JavaScript // and // XML // 一个异步的
阅读全文
posted @
2020-12-09 16:47
Tsunami黄嵩粟
阅读(662)
推荐(0) 编辑
面向对象编程 es5和es6的构造函数
摘要：/* 面向对象编程 本质 创建一个对象 可以用 属性属性值的 方式 存储 数据参数 函数的参数 只能存储在形参之中 只能在函数内部使用 不能在函数外部直接调用 可以用 函数的形式 存储需要执行的程序内容 调用生成的对象,属性属性值就是需要的数据参数,函数方法就是需要执行的程序 定义 属性属性值存储参
阅读全文
posted @
2020-12-08 23:29
Tsunami黄嵩粟
阅读(123)
推荐(0) 编辑
利用正则搜索替换
摘要：<div id="box"> <div id="header"> <input name="search" type="text" placeholder="搜索内容" class="search"/> <button class="but1">搜索</button> <input type="te
阅读全文
posted @
2020-12-08 23:23
Tsunami黄嵩粟
阅读(112)
推荐(0) 编辑
