JavaScript字符串的长度问题
目录 字符串的长度 length 1.测量字符串长度:length属性 2.字符索引:[]方法 3.获取指定位置字符:charAt()方法和CharCodeAt()方法 4.字符串连接:concat()方法 JavaScript字符串长度返回错误的原因 总结 字符串的长度 lengt »
javascript中如何将字符串转换成数字
目录 转换方法 javascript将字符串转换成数字 方法1 方法2 方法3 方法4 总结 转换方法 1、利用“-”、“*”、“/”、“%”、“++”、“--”等运算符; 2、使用“Number(值)”语句; 3、使用“parseInt(stringNum)”语句; 4、使用“p »
JavaScript利用crypto模块实现加解密
目录 一、 散列(哈希)算法 1、如何获取所有的散列算法 2、使用方法 3、散列算法例子 4、多次update 二、HMac 算法 三、对称AES加密 1、如何加密 2、如何解密 一、 散列(哈希)算法 散列函数(英语:Hash function)又称散列算法、哈希函数,是一种从 »
JavaScript 评测代码运行速度
目录 JavaScript 评测代码运行速度 一、使用 performance.now() API 二、使用 console.time() 和 console.timeEnd() 三、使用第三方库 四、使用浏览器开发者工具 补充:JS中代码执行速度测试 JavaScript 评测代码运 »
JavaScript 评测代码运行速度
一、使用 performance.now() API 在 JavaScript 中,可以使用 performance.now() API 来评测代码的运行速度。该 API 返回当前页面的高精度时间戳,您可以在代码执行前后调用它来计算代码执行所需的时间。 例如: let t0 = performanc ... »
JavaScript手写源码之omit函数的实现
目录 添加测试文件 实现omit函数 最近突然有个新的想法,想去看看前端的小库来提升自己的编码能力。但是又不知道怎么去证明自己是否真的看懂了,那就实现一个mini的吧。 添加测试文件 我们通过vitest来实现测试的功能。 pnpm add -D vitest 然后再packag »
JavaScript实现经纬度转换常用方法总结
简单介绍一下几种常见的坐标系: WGS84坐标系:即地球坐标系(World Geodetic System),国际上通用的坐标系。设备包含的GPS芯片或者北斗芯片获取的经纬度一般都是为WGS84地理坐标系,目前谷歌地图采用的是WGS84坐标系(中国范围除外)。 GCJ02坐标系:GCJ-02是由 »
JavaScript进阶
javaScript进阶 一、作用域 JS的作用域简单来说就是变量(变量作用于又称上下文)和函数生效(能被访问)的区域 1.全局作用域 函数之外声明的变量,会成为全局变量。 变量在程序的任何地方都能被访问,表示它是全局变量,window 对象的内置属性都拥有全局作用域。 自动全局 如果您为尚未声明的 »
JavaScript实现手写call/apply/bind的示例代码
目录 call call的作用是啥 总结 apply bind 优化 总结 还记得之前面试得物的时候,上来就是一道手写bind,当时咱也不知道啥情况,也没准备什么手写的题目,就这样轻轻松松的挂了 现在前端行业那么的卷,面试的时候让你手写的个什么东西是非常常见的。下面是我总结的3道手 »
一文带你掌握JavaScript中的执行上下文和作用域
目录 执行上下文 执行上下文栈 变量对象 全局上下文 函数上下文 执行过程 作用域 静态作用域和动态作用域 作用域链 函数创建 总结 执行上下文 我们先来看段代码 var foo = function () { console.log("foo1") } foo( »
JavaScript 高阶函数
JavaScript 中的高阶函数是一种接受函数作为输入或返回函数作为输出的函数。高阶函数可以用于创建抽象概念,例如柯里化、组合和管道。 一、高阶函数 JavaScript 中的高阶函数是一种接受函数作为输入或返回函数作为输出的函数。它们提供了灵活的方式来处理函数,并允许把函数作为参数或 »
JavaScript异步编程常见面试题汇总
目录 并发(concurrency)和并行(parallelism)的区别 回调函数(callback) Generator Promise async 及 await 常用定时器 在上一节中我们了解了常见的es6语法的一些知识点。这一章节我们将会学习异步编程这一块内容,鉴于异步编程是js中至 »
JavaScript五花八门的跳转方式
我们最常见的跳转方式是location.href = "http://www.baidu.com", 这种是最常见的,但是常常使用location.replace,location.assign,,window.open,history.replaceState,location.reload等,这 ... »
JavaScript高级 ES7-ES13 新特性详解
目录 1. ES7 1. Array Includes 2. 指数exponentiation运算符 2. ES8 1. Object values entries 2. String Padding 3. Trailing Commas 4. Object Descriptors 5. a »
JavaScript 中获取数组最后一个元素方法汇总
目录 1. 数组 length 属性 2. 数组 slice 方法 3. 数组 pop 方法 性能比较 总结 当需要从 JavaScript 中的数组中获取最后一个元素时,有多种选择,本文将提供 3 种可用方法。 1. 数组 length 属性 length 属性返回数组中元素的 »
Docker快速部署主流脚本语言JavaScript的全过程
目录 1. 关于JavaScript 1.1 JavaScript 的历史 1.2 如何运行 JavaScript 1.3 JavaScript 的特点 2. 关于Node.js 2.1 Node.js简介 2.2 Node.js 的组成 3. 用Docker搭建和使用Node. »
基于JavaScript实现在线网页烟花效果
目录 实现效果 关键步骤 源码 实现效果 关键步骤 随机颜色 var hue = Math.random() * 360;var hueVariance = 30; function setupColors(p){ p.hue = Math.floor »
使用纯JavaScript封装一个消息提示条功能示例详解
目录 介绍 思路&布局 操作逻辑 完整代码 介绍 一个类似Element UI、Ant-Design UI等 UI 框架的消息提示功能,方便在任何网页环境中直接调用函数使用;区别在不依赖 js 及 css 引用,而是使用纯 js 进行封装实现,代码更精简,同时保持和 UI 框架 »
JavaScript 中更安全的 URL 读写
前言 URL对于我们开发人员来讲,应该是非常熟悉了。在对URL进行参数拼接时,我们一般都会直接进行字符串拼接或使用模版字符串,因为这样非常方便,但是我们这样其实会在不知不觉中以不安全的方式编写 URL。 比如,我们通常会这样写: const url = `https://www.baidu.com ... »
一文带你了解JavaScript函数柯里化
目录 一、定义 二、柯里化函数的作用 1、参数复用 2、提前确认 3、延迟执行 三、柯里化函数的实现 四、柯里化总结 性能方面: 应用场景: 一、定义 柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返 »