当你想到路由时，通常会想到类似 react 之类的库。但实际上，这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢？我希望这个“JavaScript 路由教程”能够帮你了解如何用原生 js 写出自己的路由。 我遇到...

js 的动态类型有好有坏。好的一面，不必指明变量的类型。不好的是，咱们永远无法确定变量的类型。typeof运算符可以确定 js 中的6种类型：typeof10;//=>'number'typeof'Hello';//=>'string'typeoffalse;//=>'b...

友情提示：想要更好的理解js继承方式，须了解构造函数、原型对象、实例化对象、原型链等概念第一种：原型链继承利用原型链的特点进行继承functionParent(){  this.name='web前端';  this.type=['js','html','css'];}Paren...

在本文中，我们将探讨“二次方”和“nlog(n)”等术语在算法中的含义。在后面的例子中，我将引用这两个数组，一个包含5个元素，另一个包含50个元素。我还会用到 JavaScript 中方便的 performanceAPI 来衡量执行时间的差异。constsmArr=[5,3,2,...

前面的话根据 JavaScript 的运行环境，锁定它为单线程，任务需要排队执行，如果网站资源比较大，这样会导致浏览器加载会很慢，但实际上并没有，大家肯定立刻想到了同步和异步。所谓的同步和异步也是在排队，只是排队的地方不同。 同步和异步同步任务进入主线程排队，异步任务进入事件队列中排队同步...

方法一：使用Array.isArray()方法和array.length属性可以通过array.isarray()方法检查该数组是否确实是一个数组。如果作为参数传递的对象是数组，则此方法返回true。它还检查数组是否为“undefined”或为“null”。使用array.length属性检查数组是否为空；此属性返回数...

我们写程序的时候会经常遇到显示进度的需求，如加载进度、上传进度等。最常见的实现方式是通过记录 已完成数量(loadedCount) 和 总数量(totalCount)，然后算一下就能得到进度了。这种方式简单粗暴，容易实现，但不好扩展，必须有个地方维护所有 loadedCount&...

在过去，JavaScript没有保护变量不受访问的原生机制，当然除非是典型闭包。闭包是JavaScript中许多类似于私有模式（如流行的模块模式）的基础。但是，近年来ECMAScript2015类被使用后，开发人员感到需要对类成员的隐私进行更多控制。类字段提案（在撰写本文时处于第3阶段）试图通过引入 私有类字...

循环遍历是写程序很频繁的操作，JavaScript 提供了很多方法来实现。这篇文章将分别总结数组和对象的遍历方法，新手可以通过本文串联起学过的知识。 方法一：for循环for循环是使用最多，也是性能优化最好的一种遍历方式。vararr=["a","b","c"];for(vari=0;i<ar...

new 大家肯定都不陌生，单身没有对象的时候就 new 一个，很方便。那么它在创建实例的时候，具体做了哪些操作呢？今天我们就来一起分析一下。 在介绍 new 之前，必须要知道什么是构造函数。构造函数和普通函数在写法上没有任何区别，当一个函数通过 ne...

Cookie 为Web应用程序保存用户相关信息提供了一种有用的方法。例如，当用户访问咱们的站点时，可以利用 Cookie 保存用户首选项或其他信息，这样，当用户下次再访问咱们的站点时，应用程序就可以检索以前保存的信息。 Cookie 是一小段文本信息，伴随着用户请求和页...

canvas画布是html5中新增的标签，可以通过js操作canvas绘图API在网页中绘制图像。百度开发了一个开源的可视化图表库ECharts，功能非常强大，可以实现折线图、柱状图、散点图、饼图、K线图、地图等多种图表。很多项目都有使用过ECharts开发过图表功能。本实例教程使用原生js教你开发一个仿ECharts...

这个较为常用。!!'a'//true通过两个取反，可以强制转换为Boolean类型。 String转化为Number；日期输出时间戳。+'45'//45+newDate//13位时间戳会自动转化为Number类型的。日期取时间戳不用newDate().getTime()。 parseInt这个函数太...

一、执行上下文是什么代码运行是在一定的环境之中运行的，这个运行环境我们就成为执行环境，也就是执行上下文，按照执行环境不同，我们可以分为三类：全局执行环境：代码首次执行时候的默认环境函数执行环境：每当执行流程进入到一个函数体内部的时候Eval执行环境：当eval函数内部的文本执行的时候 二、执行上下文栈是什么既...

JavaScript 是一个强大的面向对象编程语言，但是，并不像传统的编程语言，它采用一个以原型为基础的OOP模型，致使它的语法让大多数开发人员看不懂。另外，JavaScript 也把函数作为首要的对象，这可能会给不够熟悉这门语言的开发人员造成更大的困惑。那就是我们决定放在前面作为一个简短前言进行介...