听风之夜的博客_javascript

关于iframe

关于iframe的一些事情一 iframe简介iframe是一个行内标签，在一个页面中使用iframe标签，通过src可以链接到其他页面。当前页面也可通过设置 X-Frame-Options：'sameorigin'，只允许同源访问。二 iframe通信1.同源通信通过在父页面中中获取iframe页面的window，通过window去调用子页面的全局函数实现父向子传值；/*父页面*/ <

父页面

当前页

跨域

原创 2022-10-08 09:47:21 74 阅读

正则表达式入门（js版）

什么是正则表达式正则表达式 Regular Expression (构造函数 RegExp)用于字符串匹配规则要么匹配字符，要么匹配位置如何新建正则表达式字面量 /[ab]/gimconst reg = /[\w\*\.]{2}/;console.log(reg.test('**')); //true构造函数 new RegExp([ab${c}]\\d,'gim'); 注意：用构造函数内

字符串

正则

正则表达式

原创 2021-12-15 13:54:45 133 阅读

js构造函数详解

一、js函数　　首先弄明白何为函数呢，按照犀牛书的说法，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。　　函数的定义方式：　　　　1.声明式函数定义： function 函数名（）{}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在这个作用

构造函数

语法糖

创建对象

作用域

实例化

原创 2021-09-04 13:41:28 241 阅读

js 创建私有变量

一通过闭包存储 let CPrivate = function(value){ let _private = value; return { getValue:()=> _private, setValue:(value)=> {_private = value} } } 二通过Symbol创建私有变量

私有变量

字符串

内存泄露

数据结构

初始化

原创 2021-09-04 13:41:08 333 阅读

平滑滚动

一 css 特性 scroll-behavior 凡是需要滚动的地方都加一句scroll-behavior:smooth就好了！二 js 特性 1.Element.scrollIntoView({behavior:'smooth'})；平滑回到顶部 // 点击按钮让body滚动条回到顶部 function returnTop (){ document.body.scrollInto

css

IT

原创 2021-09-04 13:41:03 462 阅读

js 手写 map 函数

一 map 函数（copyMap） map函数接收两个参数 1 迭代器函数，该函数有三个参数数组项的值数组项下标数组对象本身 2 迭代器函数的this指向（注：当传了该值，迭代器函数不能为箭头函数了。原因是箭头函数没有this隐式指向。箭头函数在定义时候就已经绑定了上层上下文中非箭头函数this） Array.prototype.copyMap = function (fn, toThi

迭代器

数组

i++

js

原创 2021-09-04 12:01:17 637 阅读

js 基础概念

一执行上下文和执行上下文栈执行上下文：一段javascript代码执行前的准备工作问题一：js引擎遇到怎样一段代码才会做“准备工作呢”？可执行代码类型：全局代码、函数代码、eval代码执行上下文的三个重要概念：变量对象，作用域链，this 问题二：准备工作是什么？准备工作就是执行上下文，函数声明提升、变量声明提升执行上下文栈模拟执行上下文栈，ECStack = []; 只

执行上下文

可执行

变量声明

函数声明

作用域链

原创 2021-09-04 11:57:22 117 阅读

字符串截取 slice，substr，substring 的区别

一只传递一个参数时候 let str = '0123456'; str.slice(5); //'56' str.substr(5); // '56' str.substring(5); // '56' str.slice(-2); // '56' str.substr(-2); // '56' str.substring(-2);//'0123456' 总结：当传递一个参数时候，slic

字符串

IT

原创 2021-09-04 11:57:10 2019 阅读

js 使用小技巧总结

按位取反 ~a 即：返回 -(a+1),会去掉小数点。 let a = 3.14; let b = ~a; //b = -(3.14+1) 取整为-4； let c = ~b; //c = -(-4+1) 为3；所以，可以直接使用两次按位取反，效果同parseInt(a ) === ~~a; 2.使用ES6的Set数据结构来去重数组。 Se

数组

数据结构

位取反

性能测试

取整

原创 2021-09-04 11:53:56 378 阅读

js原型与原型链浅析

原型和原型链什么是原型链本质：原型链是用来实现js对象继承的方式简单理解就是原型组成的链，对象的__proto__它的是原型，而原型也是一个对象，也有__proto__属性，原型的__proto__又是原型的原型，就这样可以一直通过__proto__想上找，这就是原型链，当向上找找到Object的原型的时候，这条原型链就算到头了。原型与原型链的几个要点每一个函数都有一个prototyp

原型链

构造函数

js对象

通用方法

实例方法

原创 2021-09-04 11:53:53 552 阅读

js判断数据类型的几种方式

一 typeof 回顾：js有五种基本数据类型：值类型（"number","string","boolean","undefined") 和引用类型（“object”）,其中“object” 又包含“array，function，null”等数据类型。 typeof 可以判断所有的值类型"number","string","boolean","undefined"和引用类型中的‘functi

构造函数

html

引用类型

数据类型

值类型

原创 2021-09-04 11:53:52 1324 阅读

js实现数据结构 - 队列

队列是遵循FIFO（First In First Out，先进先出，也称为先来先服务）原则的一组有序的项。队列在尾部添加新元素，并从顶部移除元素。最新添加的元素必须排在队列的末尾。 1.构造函数构建队列函数 let Queue = (function () { const items = new WeakMap(); const weak = {}; retur

优先级

i++

javascript

优先队列

任务队列

原创 2021-09-04 11:49:43 177 阅读

js闭包原理和用法

对闭包的简单解释全局变量生存周期是永久，局部变量生存周期随着函数的调用介绍而销毁。闭包就是在函数中定义且成为该函数内部返回的函数的自由变量的变量，该变量不会随着外部函数调用结束而销毁。（注：不光是变量，函数内声明的函数也可以形成闭包）当函数可以记住并访问所在的词法作用域，即使函数是在当前词法作用域之外执行，这时就产生了闭包。 function foo(){ let a = 1

数据

局部变量

封装

作用域

生存周期

原创 2021-09-04 11:49:42 262 阅读

js作用域详解

作用域理解：定义的变量、函数生效的范围。javascript 有全局作用域和函数作用域两种。注：es6实现let 块级作用域不是js原生的，底层同样是通过var实现的。如果想了解具体细节，请访问babel官方对es6中let 进行解析。执行上下文#### 范围：一段内或者一个函数内；全局：函数声明、变量声明。范围：；函数：函数声明、变量声明、this、arguments。范围：一个函数内

作用域

赋值

函数声明

块级作用域

变量声明

原创 2021-09-04 11:49:42 152 阅读

js高阶函数

高阶函数定义（至少满足下面条件之一的函数） - 《javascript 设计模式开发与实践》 1.函数作为形参传递 2.函数作为返回值输出 1.函数作为形式参数传递 a.回调函数(异步回调，达到异步执行条件将回调函数放入执行队列中执行) var appendDiv = function( callback ){ for ( var i = 0; i < 100; i++ ){

ajax

i++

html

业务逻辑

高阶函数

原创 2021-09-04 11:49:39 94 阅读

js 正则表达式

一.前端正则有哪些用处呢 1.有效性验证 - 用户输入格式限制认证，确定用户输入是否满足相应的模式。（电话号码模式或邮箱模式等） 2.文本替换 - 可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 3.根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字二.声明一个正则对象 1.使用构造函数方式创建正则表达式 var r

正则

正则表达式

字符串

下划线

定义类

原创 2021-09-04 11:49:37 228 阅读

js 解析url中search时存在中文乱码问题解决方案

一问题出现原因当存在这样一种需求，前端需要通过url中search返回值进行保存使用，但如果search中存在中文解析出来会导致乱码。这个问题我找了很久原因，最后终于知道解决方案，这里和大家分享一下。二解决方案使用decodeURIComponent() 函数对其存在中文部分解码操作。三认识decodeURIComponent URI: Uniform ResourceIdentif

ico

解决方案

字符串

标识符

特殊字符

原创 2021-09-04 11:49:37 510 阅读

js中break、continue和return的一般用法总结

break break ：终止break的整个循环体，包括内部所有循环。但对循环体外部的循环不影响。 for(let i = 0;i<2;i++){ for(let j = 0;j<2;j++){ if(j === 1){ break; //退出break所在层循环 } console.log('j

迭代

i++

返回结果

函数返回值

函数体

原创 2021-09-04 11:38:51 204 阅读

js中this的原理和用法

一.为什么要使用this？ this 提供了一种更优雅的方式来隐式“传递”一个对象引用，因此可以将 API 设计得更加简洁并且易于复用。随着你的使用模式越来越复杂，显式传递上下文对象会让代码变得越来越混乱，使用 this则不会这样。二.this 是什么？ this在函数中被使用，一般情况下this指的是调用this所在函数的对象。即 this === 调用this所在函数对象。三.this应用

数组

构造函数

i++

函数调用

显式

原创 2021-09-04 11:38:50 138 阅读

js最全面的数组操作合集

一.数组添加、删除、替换、截取操作 1.arr.unshift(1) 在数组头部添加一个元素 1 (直接改变原数组，返回值为添加元素后数组的length) 2.arr.shift() 在数组的头部删除一个元素（直接改变原来数组，返回值为删除的元素） 3.arr.push(1) 在数组末尾添加一个元素 1（直接改变原数组，返回值为添加元素后数组的length） 4.arr.pop() 删除数组最后

数组

while循环

字符串

函数调用

数据类型

原创 2021-09-04 11:38:48 347 阅读

js实现数据结构 - 栈

栈是一种遵从后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的同一端，称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。栈就好像是一个底部密封的盒子，我们往里面放东西，最先放进去的东西只能再最上面的东西都取出来之后才能取出，也就是所谓的先进后出。一、采用构造函数法创建栈 function Stack(){ let items = []; //需要一

构造函数

数组

添加数据

后进先出

删除数据

原创 2021-09-04 11:38:47 261 阅读

js异步解析

js 异步解析　　一、js单线程分析　　　　我们都知道js的一大特点是单线程，也就是同一时间点，只能处理一件事，一句js代码。那为什么js要设计成单线程而不是多线程呢？这主要和js的用途有关，js作为浏览器端的脚本语言，主要的用途为用户与服务端的交互与操作dom。而操作dom就注定了js只能是单线程语言。假如js才取多线程将会出现，多个线程同时对一个dom进行操作的情况，浏览器将无法判断如何

单线程

主线程

任务队列

ajax

html

原创 2021-09-04 11:31:51 159 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6131c9d86142a的博客

关于iframe

正则表达式入门（js版）

js构造函数详解

js 创建私有变量

平滑滚动

js 手写 map 函数

js 基础概念

字符串截取 slice，substr，substring 的区别

js 使用小技巧总结

js原型与原型链浅析

js判断数据类型的几种方式

js实现数据结构 - 队列

js闭包原理和用法

js作用域详解

js高阶函数

js 正则表达式

js 解析url中search时存在中文乱码问题解决方案

js中break、continue和return的一般用法总结

js中this的原理和用法

js最全面的数组操作合集

js实现数据结构 - 栈

js异步解析