前端性能优化之 JavaScript
前言
本文为 《高性能 JavaScript》 读书笔记，是利用中午休息时间、下班时间以及周末整理出来的，此书虽有点老旧，但谈论的性能优化话题是每位同学必须理解和掌握的，业务响应速度直接影响用户体验。
一、加载和运行
大多数浏览器使用单进程处理 UI 更新和 JavaScript 运行等多个任务，而同一时间只能有一个任务被执行
...
【JavaScript】内部与外部引入方式
1.内部引入方式：
script的type属性默认为"text/javascript"，可以不写
1 <script type="text/javascript">
2 function init() {
3 // //案例二：书写轮播图片显示的定时操作(3秒)
4 // window.setInterval("changeImg()", 3000); //window可以省略不写
5 ...
JavaScript知识点总结
一.简介
JavaScript（缩写：JS）是一门高级的、解释型的动态编程语言。用于 HTML或web应用，可被浏览器直接执行。
完整的JavaScript包括以下几个部分：
ECMAScript，描述了该语言的语法和基本对象
文档对象模型（DOM），描述处理网页内容的方法和接口
浏览器对象模型（BOM），描述与浏览器进行交互的方法和接 ...
javascript中 (function(){})();如何理解?
javascript中 (function(){})();如何理解?
javascript中: (function(){})()是匿名函数，主要利用函数内的变量作用域，避免产生全局变量，影响整体页面环境，增加代码的兼容性。
(function(){})是一个标准的函数定义，但是没有复制给任何变量。所以是没有名字的函数，叫匿名函数。没有名字就无法像普通函数那样随时随地调用 ...
Postman_JavaScript
使用语法：JavaScript
结构：
测试工具主要包括三部分
在发起请求之前运行的Pre-request，预处理数据，作用：在发送请求前编辑请求数据，比如用户名或时间戳
对响应后的数据运行的Test，检查数据并做断言，作用：对响应的数据检查和断言，例如检查状态码、检查响应串、验证JSON、检查header、限制应答时间
批量运行所有请 ...
javascript 六种数据类型
js的数据类型和常见隐式转化逻辑。
一、六种数据类型
原始类型（基本类型）：按值访问，可以操作保存在变量中实际的值。原始类型汇总中null和undefined比较特殊。
引用类型：引用类型的值是保存在内存中的对象。
* 与其他语言不同的是，JavaScript不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作 ...
Javascript Object常用方法总结
Object.keys方法
Object.keys方法是JavaScript中用于遍历对象属性的一个方法 。它传入的参数是一个对象，返回的是一个数组，数组中包含的是该对象所有的属性名。
如：
var cat= {
name:’mini’,
age:2,
color:’yellow’,
desc:”cute”
}
console.log(Object.keys(cat)); // ["name", "age", "color", "desc"]
这里 ...
Javascript中数组方法reduce的妙用之处
Javascript数组方法中，相比map、filter、forEach等常用的迭代方法，reduce常常被我们所忽略，今天一起来探究一下reduce在我们实战开发当中，能有哪些妙用之处，下面从reduce语法开始介绍。
语法
array.reduce(function(accumulator, arrayElement, currentIndex, arr), initialValue)
若传入初始值，accumulator首次迭代 ...
JavaScript（JS）的简单使用
一、什么是JS（Javascript）？
Javascript是一种脚本语言，被广泛用于Web应用开发，常用来为网页添加各式各样的功能，为用户提供更加流畅的浏览效果。
Javascript严格区分大小写。
前端三剑客：html+css+js
html:结构（房子） css:样式（装修） js:行为（动态的修改行为和样式：房子的结构和装修想改就改 ...
javascript中Function和Object之间的关系
js中的类继承模式类似 c++中的 基类和派生类的关系。这里我们尝试通过这样的一种方式来解释js中的基于原型链的继承机制。
派生类对象存储了基类的数据成员
派生类的实例对象可以 访问基类的属性，方法
js中的内置对象Date、RegExp、Number、Function... 可以看做派生类、Object可以被看做 基类。
而特殊的是，javascr ...
彻底理解javascript中的this指针
http://javascriptissexy.com/understand-javascripts-this-with-clarity-and-master-it/
https://www.bennadel.com/blog/2265-changing-the-execution-context-of-javascript-functions-using-call-and-apply.htm
this关键字对于javascript初学者，即便是老手可能都是一个比较容易搞晕的东西。本文试图理顺这个问题。
this ...
javascript
目录JavaScriptJavaScript的引入方式JavaScript语言规范JavaScript语言基础JavaScript数据类型数值(Number)字符串(String)布尔值(Booleam)null和undefined对象(object)数组splice()map()类型的查询运算符算数运算符比较运算符逻辑运算符赋值运算符流程控制函数数中的arguments参数函数的全局变量和局部变量作用域内置对象和 ...
dom&JavaScript&Jquery
目录dom&JavaScript&Jquery建节点添加节点删除节点：替换节点：属性节点获取值操作class的操作指定CSS操作操作节点获取input用户输入操作标签类事件常用事件绑定方式：点击事件获取焦点事件定时器案例省市联动jqueryjquery初识jquery基本选择器基本选择器层级选择器：基本筛选器jquery操作类属性表单筛选器属性选择器：表单 ...
JavaScript 实现页面中录音功能
页面中实现录音需要使用浏览器提供的 MediaRecorder API，所以前提是需要浏览器支持 MediaStream Recording 相关的功能。
以下代码默认工作在 Chrome 环境中。
准备页面
首先准备一个页面，其中内容很简单，一个录音按钮，一个用于播放的 <audio> 标签。
<!DOCTYPE html>
<html lang="en">
<head>
<m ...
JavaScript 系列--JavaScript一些奇淫技巧的实现方法（二）数字格式化 1234567890转1,234,567,890；argruments 对象(类数组)转换成数组
一、前言
之前写了一篇文章：JavaScript 系列--JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳
https://www.mwcxs.top/page/746.html
介绍了sleep函数和获取时间戳的方法。接下来我们来介绍数字格式化1234567890 --> 1,234,567,890
二、数字格式化 1234567890 --> 1, ...
Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式
阅读目录
发布订阅模式介绍
如何实现发布--订阅模式？
发布---订阅模式的代码封装
如何取消订阅事件？
全局--发布订阅对象代码封装
理解模块间通信
回到顶部
发布订阅模式介绍
发布---订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听 ...
百度地图JavaScript API获取用户当前经纬度和详细地理位置，反之通过详细地理位置获取当前经纬度
前言：
前段时间刚好使用了百度地图的js api定位获取用户当前经纬度并获取当前详细位置和通过当前用户详细地理位置换取用户当前经纬度坐标的功能，为了方便下次找起来方便一些自己在这里记录一下，希望也能够帮助到有需要的童鞋们！
解决方案：
引入JavaScript API v2.0 SDK
<script type="text/javascript" src="http ...
浅析JavaScript异步
一直以来都知道JavaScript是一门单线程语言，在笔试过程中不断的遇到一些输出结果的问题，考量的是对异步编程掌握情况。一般被问到异步的时候脑子里第一反应就是Ajax，setTimseout...这些东西。在平时做项目过程中，基本大多数操作都是异步的。JavaScript异步都是通过回调形式完成的，开发过程中一直在处理回调，可能不知不 ...
JavaScript 中 var 和 let 和 const 关键字的区别
我们都知道在最新的 ES6 中，新添加了两个用于变量声明的关键字 let 和 const，那么这两个和我们以前经常使用的 var 有什么区别呢？今天我们就来看一下吧。
变量声明和初始化
在比较它们的区别之前，我们先来看一下变量声明和初始化。变量声明：
var str
变量声明会引入了一个新的标识符 declaration，在 JavaScript ...
JavaScript 中实现 sleep
来自推特上 Windows 故障分析的笑话 图片来源：me.me
推上看到的笑话，Windows 故障分析的实现。
然后想起来 JavaScript 中如何实现这个 sleep() 函数让代码暂停指定时间。
异步版本
借助 Promise 这事很好实现。
function sleep(time) {
return new Promise(resolve => {
setTimeout(() => {
...
