JavaScript
关注
分享
扫一扫
文章平均质量分 84
JavaScript
VGtime
github peterroe
展开
-
js常见排序算法与Jest性能测试
算法简介冒泡排序冒泡排序(有时称为下沉排序)是一种简单的排序算法，它反复遍历LIT以进行排序，如果排序顺序不对(升序或降序)，则将它们组合起来，并交换它们。在不需要交换的情况下，对列表进行遍历直到不需要交换，这表明列表已被排序。复杂度分析NameBestAverageWorstMemoryStable CommentsBubble sortnn²n²1YesJavaScript实现：function bubbleSort(array) { f原创 2021-05-16 17:33:45 · 605 阅读 · 4 评论 -
JavaScript --- 防抖与节流
引言：不管是面试中还是实际应用，防抖与节流都是我们比不可少的一门技能防抖例如？假如不操作电脑十分钟后，会触发熄屏函数，然后电脑会熄屏，但是我们如果在十分钟内操作了电脑，将会重新计时十分钟假如轮播图每过五秒会自动翻页，但是当我们手动点击翻页时，会重新计时五秒，防止突然跳两页的奇怪情况发生节流例如？许多网站当页面滚动到一定距离，会出现回到顶部的按钮，节流可以帮助我们减少触发滚动事件的次数提交按钮的时候，仍有部分人喜欢狂点按钮，节流可以让其不管点击多少次，在一定时间内只能生效一次防抖的经.原创 2021-05-05 19:28:34 · 354 阅读 · 3 评论 -
JavaScript --- 代理与反射
引言： 代理与反射听起来像是javaScript不同于其他语言的独有特性，从某些方面来说，代理类似C++的指针，但这里先不讨论它的定义。接下来给出几个例子，就很容易理解了创建空代理let target = { name: 'lihua', age: 18, array: [1, 2, 6]}let handler = {}let proxy = new Proxy(target, handler)//证明proxy与target的属性引用的是同一块地址，哪怕是原始.原创 2021-04-24 21:38:48 · 791 阅读 · 10 评论 -
JavaScript包装对象简介
什么是包装对象？存取字符串、数字或布尔值的属性时创建的临时对象称作包装对象哪里会使用到包装对象？不知道你是否会注意到我们平时在操作字符串时注意到如下现象我们看到普通的的字符串变量竟然有属性和方法:var str = 'hello world';var s = str.substring(2, str.length - 2);我们知道，只有对象才有属性和方法，字符串既然不是对象，为什么它会有属性呢?只要引用了字符串str的属性，JavaScript就会将字符串值通过调用new Stri原创 2020-09-20 09:44:33 · 319 阅读 · 0 评论 -
JavaScript --- 扩展操作符（...）
参数扩展与收集ES6新增了扩展操作符，使用它可以非常简洁地操作和组合集合数据，可以在接收参数或传递参数时使用场景一：把数组分为单个参数（扩展参数）let arr = [25, 65, 12, 77,38];function getsum() { //arguments伪数组会默认接收到所有参数 let sum = 0; for(let i = 0; i < arguments.length; i++) { sum += arguments[i]; }}/*下面的两个操作是等原创 2020-12-25 12:02:12 · 876 阅读 · 0 评论 -
Promise使用，看完你一定会有所收获
测试环境为Node.js/谷歌浏览器，如若没有声明，默认环境为Node.js在Promise语法出现前，我们是这样使用具有依赖关系的异步函数的，以读取文件内容为例：let fs = require("fs");fs.readFile('./1.txt','utf-8',(err, result1) => { console.log(result1); fs.readFile('./2.txt','utf-8',(err, result2) => { console.log(r.原创 2020-12-08 11:23:44 · 235 阅读 · 0 评论 -
原生JavaScript APIs基础回顾
1. API 和Web API什么是API？API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能什么是Web API？Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)2.DOM简介2.1什么是DOM文档对象模型（Document Object Model），是W3C组织推荐的可处理扩展标记语言（HTML或者XML）的标准编程接口2.2 DOM树文档： 一个页面就是一个文档，DOM中使用document表示元素： 页面中所有标签都是元素，DO原创 2020-11-08 14:20:46 · 291 阅读 · 2 评论 -
一句代码从刷网课的劳累中解脱
原理：网页中的视频存放地址一般都是在<video>标签中,先来找找看它的位置video标签有很多属性，我们可以通过自己写一段代码，打印出它的属性<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset=原创 2020-10-30 21:43:54 · 7270 阅读 · 9 评论 -
JavaScript -- Array进阶详解
测试宿主环境均为Node.js文章目录前言一、创建数组二、使用步骤1.引入库2.读入数据总结前言除了Object之外，Array应该ECMAScript中最常用的类型了，但和其他语言不一样，ECMAScript中的数组长度是可变的，而且由于ECMAScript的弱类型，这也使得数组Array中存取的类型可以是混杂的，例如数组的第一个元素可能是number类型，第二个可能是string类型，第三个可能又是Object，但通常我们不会这么做，更多地是使用统一的规范一、创建数组我们来看两种有意思的原创 2020-10-24 09:02:40 · 333 阅读 · 0 评论 -
实例讲解JavaScript中instanceof运算符的用法
instanceof 运算符简介在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。ECMAScript 引入了另一个Java运算符instanceof来解决这个问题。instanceof 运算符与 typeof运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。例如：清单转载 2020-08-26 22:45:18 · 365 阅读 · 0 评论 -
javascript的typeof返回的数据类型
javascript的typeof返回的数据类型有：undefinedstringbooleannumberObjectFunction示例：//underfinedvar a;console.log(typeof a);//stringvar a = "";var b = "hello"console.log(typeof a);console.log(typeof b);//booleanvar a = true;console.log(typeof a);原创 2020-08-25 12:37:19 · 533 阅读 · 0 评论 -
原生JavaScript基础篇再回顾
1.JavaScript简介1.1 JavaScript是什么1.JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言2.脚本语言：不需要编译，运行过程由js引擎逐行来解释并执行3.现在也可以基于Node.js技术进行服务器编程1.2 JavaScript的作用1.表单动态校验(例如密码强度检测)(js最初产生的目的)2.网页特效3.服务端开发(Node.js)4.桌面程序(Electron)5.App(Cordova)6.控制硬件-物联网(Ruff)7.游戏开原创 2020-08-27 11:30:50 · 700 阅读 · 0 评论 -
复习jQuery？看这个就够了
1 jQuery的基本使用1.1 jQuery的顶级对象$1.$是jQuery的别称，在代码中可以使用jQuery代替 $，但一般为了方便，通常都直接使用$。2.$是jQuery的顶级对象，相当于原生js中的windows，把元素包装成jQuery对象，就可以调用jQuery的方法1.2 jQuery对象和DOM对象区别1.用原生js获取的对象就是DOM对象2.jQuery方法获取的元素就是jQuery对象3.jQuery对象的本质是：利用$对DOM对象包装后产生的对象（伪数组形势储存）1.原创 2020-08-18 23:46:28 · 644 阅读 · 1 评论 -
关于JavaScript的预解析
JavaScript 变量提升JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。以下两个实例将获得相同的结果：实例 1x = 5; // 变量 x 设置为 5elem = document.getElementById("demo"); // 查找元素elem.innerHTML = x; // 在元素中显示 xvar x; // 声明 x实例 2v原创 2020-07-26 21:51:32 · 446 阅读 · 0 评论