随笔分类 - javaScript
摘要：1. HTMLIFrameElement.contentDocument 使用这个方法获取页面iframe中的dom对象，注意可能会有下面两种结果： 1.1 如果iframe和它的父级在同一个域名下，那么这个方法返回document（是一个嵌套的浏览器上下文环境） 1.2 如果iframe和它的父级
阅读全文
摘要：1.操作符 （1）typeof操作符 格式：type=typeof variable能判断类型有：number、string、boolean、symbol、undefined、function、bigint(ECMAScript 2020 新增)；object、array、null 的类型都返回 o
阅读全文
摘要：1、通过元素id获取元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box"></div> </body> <script type="text/javas
阅读全文
摘要：1. 什么是new RegExp 1、概述: RegExp 是正则表达式的缩写；当检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式2、 定义RegExp： RegExp 对象用于存储检索模式。通过 new 关键词来定义 RegExp 对象。如: 以下代码定义了名为 pa
阅读全文
摘要：1、冒泡排序 比较相邻的两个元素。如果第一个比第二个大，则交换位置； 对每一对相邻元素重复第一个步骤，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数； 针对所有的元素重复以上的步骤，除了最后一个； 重复步骤1~3，直到排序完成。 /** * 外循环控制需要比较的元素，比如第一次排序后
阅读全文
摘要：在网页里面，在某个可视容器内（某个div）一次性渲染所有数据，其实用户也只能看见一部分数据，其余得通过滚动来查看； 那么我们可以只渲染可见部分数据，不可见部分数据不渲染，通过上下padding来进行占位使其可以滚动； 滚动得时候不断计算可所需展示数据的开始下标和结束下标来截取可视数据； <!doct
阅读全文
摘要：1、对于简单应用 store 模式 集中式状态管理 action 统一管理 state 的更新，更好地记录 state 的变化和调试 var store = { debug: true, state: { message: 'Hello!' }, setMessageAction (newValue
阅读全文
摘要：1、commonJS 原理 浏览器不兼容CommonJS的根本原因，在于缺少四个Node.js环境的变量。 module exports require global 只要能够提供这四个变量，浏览器就能加载 CommonJS 模块。 下面是一个简单的示例。 var module = { export
阅读全文
摘要：1、js栈内存和堆内存的区别？ 首先JavaScript中的变量分为基本类型和引用类型。基本类型就是保存在栈内存中的简单数据段，而引用类型指的是那些保存在堆内存中的对象。 （1）基本类型 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固
阅读全文
摘要：1、对象是什么 面向对象编程(Object oriented Programming,缩写为OOP)是目前主流的编程范式。它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。 每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数据、发出信息等任务
阅读全文
摘要：1. join()：将数组中所有元素都转化为字符串并连接在一起。 2. reverse()：将数组中的元素颠倒顺序。 3. concat()：数组拼接的功能 ,返回新数组，原数组不受影响。 4. slice()：截取数组生成新数组，原数组不受影响。返回的数组包含第一个参数指定的位置和所有到但不含第二
阅读全文
摘要：fetch()是 XMLHttpRequest 的升级版，用于在 JavaScript 脚本里面发出 HTTP 请求。 浏览器原生提供这个对象。 1、基本用法 fetch()的功能与 XMLHttpRequest 基本相同，但有三个主要的差异。 （1）fetch()使用 Promise，不使用回调函
阅读全文
摘要：前端网页需要知道，用户使用的是手机浏览器还是桌面浏览器。 本文根据 StackOverflow，整理了 JavaScript 侦测手机浏览器的五种方法。 1、navigator.userAgent 最简单的方法就是分析浏览器的 user agent 字符串，它包含了设备信息。 JS 通过naviga
阅读全文
摘要：函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 /** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 * @param imme
阅读全文
摘要：使得一定时间内只触发一次函数。原理是通过判断是否到达一定时间来触发函数。 /** * @desc 函数节流 * @param func 函数 * @param wait 延迟执行毫秒数 * @param type 1 表时间戳版，2 表定时器版 */ function throttle(func,
阅读全文
