在线教室中台提供封装了核心能力的教室 SDK，业务方基于教室 SDK 开发面向用户的在线教室 App。最近对教室 SDK 做一次比较大的改动时，我遇到了一个懵逼的问题。这个问题耗费了我 3 天左右时间，让我压力一度大到全身发热。当时虽然解决了问题，但并没有很理解原因。直到一个多月后，才有时间做一些更深入的分析，并写下这篇文章。
大力教育的在线教室中台提供封装了核心能力的教室 SDK，业务方基于教室 SDK 开发面向用户的在线教室 App。最近对教室 SDK 做一次比较大的改动时，我遇到了一个懵逼的问题。这个问题耗费了我 3 天左右时间，让我压力一度大到全身发热。当时虽然解决了问题，但并没有很理解原因。直到一个多月后，才有时间做一些更深入的分析，并写下这篇文章。
在旧的浏览器中循环引用是造成内存泄漏的一个原因，当然随着垃圾收集算法的改进，现在可以很好地处理循环引用，这不再是一个问题。
如果我们有内存溢出，程序占用的内存会越来越大，最终引起客户端卡顿，甚至无响应。如果我们使用Node.js做后端应用，因为后端程序会长时间运行，如果有内存溢出，造成的后果会更严重，服务器内存可能会很快就消耗光，应用不能正常运行。
1、自动垃圾回收机制就是找出那些不再继续使用的值，然后释放其占用的内存空间。垃圾回收器每隔固定的时间段就执行一次释放操作。
要理解JS中数据是如何存储的，就要先明白其内存空间的种类。下图就是JS的内存空间模型。
当前最主流的两个模块化方案：nodejs使用的是commonjs规范、前台浏览器端主要使用的是es6 Module nodejs当前就是commonjs规范的代表实践者，因此用的是require。 import是es6新增的api，在语言标准层面上，实现了模块功能。旨在成为浏览器和服务器端的通用模块解决方案。
从代码可维护性角度出发，命名导出比默认导出更好，因为它减少了因引用产生重命名情况的发生。
写在前边 作为前端面中老生长谈的深拷贝,我相信许多前端开发者对它嗤之以鼻。 "21世纪了还在讲这种老掉牙的知识？！" 各位大佬别着急拔刀😅，文章中站在一个合格的面试官角度来谈谈一个基本合格的深拷贝需要考虑哪些边界情况: 拷贝的日期格式处理。 拷贝中的正则对象处理。 拷贝中的循环对象引用。 拷贝中的相同引用对象处理。 拷贝中不能丢失原本对象原型。 拷贝中原本对象的属性修饰符。 一个成熟的深拷贝最基本的实现一定是需要囊括上边六点，看到这里各位可以想一想脑海中的深拷贝是不是覆盖到了所有的点
How JavaScript works: memory management + how to handle 4 common memory leaks
今天说一下js中的垃圾回收，垃圾回收就是确定哪个变量不会再使用，然后释放它占用的内存。这个过程是周期性的，即垃圾回收程序每隔一定时间（或者说在代码执行过程中某个预定的收集时间）就会自动运行。垃圾回收过程是一个近似且不完美的方案，因为某块内存是否还有用，属于“不可判定的”问题，意味着靠算法是解决不了的。在浏览器的发展史上，用到过两种主要的方法：标记清理 和 引用计数
大家好，我是年年。如果被问到“CommonJS和ES Module的差异”，大概每个前端都都背出几条：一个是导出值的拷贝，一个是导出值的引用；一个是运行时加载，一个是静态编译...
最近经常看到很多 JavaScript手写代码的文章总结，里面提供了很多 JavaScriptApi的手写实现。
在c语言中，我们需要手动分配和释放对象的内存，但是在java中，所有的内存管理都交给了java虚拟机，程序员不需要在手动进程内存的分配和释放，大大的减少了程序编写的难度。
在Js七种基本类型中的引用类型Object的变量其占据内存空间大且大小不固定，在堆内存中实际存储对象，在栈内存中存储对象的指针，对于对象的访问是按引用访问的。在栈区中执行的变量等是通过值访问，当其作用域销毁后变量也就随之销毁，而使用引用访问的堆区变量，在一个作用域消失后还可能在外层作用域或者其他作用域仍然存在引用，不能直接销毁，此时就需要通过算法计算该堆区变量是否属于不再需要的变量，从而决定是否需要进行内存回收，在Js中主要有引用计数与标记清除两种垃圾回收算法。
Javascript具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且GC时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。
在很多语言中，开发人员的一项基本任务就是手动跟踪内存的使用情况，这是造成许多问题的根源。而 JavaScript具有垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。因此在编写 JavaScript 程序时，开发人员不用在关心内存使用问题。
今天为大家带来，链表检测成环的经典题目。如果你觉得你会了，请你不妨耐心些认真看下去，我相信会有一些不一样的收获！
在写Tab组件持久化功能时： localStorage.setItem('tabs',JSON.stringify(tabs)) 遇到如下的报错： 看意思应该是产生了循环引用的结构，经查阅资料和实践
Node.js 模块机制采用了 Commonjs 规范，弥补了当前 JavaScript 开发大型应用没有标准的缺陷，类似于 Java 中的类文件，Python 中的 import 机制，Node.js 中可以通过 module.exports、require 来导出和引入一个模块.
通过这个函数转化后的值仅仅有两个：数值和NaN,通过parseInt也能转化为数值。可是像“134df”转化后的值为134，而Number(“134df”)则是NaN；
像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。而对于JavaScript来说，会在创建变量（对象，字符串等）时分配内存，并且在不再使用它们时“自动”释放内存，这个自动释放内存的过程称为垃圾回收。因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们可以不关心内存管理，所以会在一些情况下导致内存泄漏。
由于 webpack 插件中你需要在特定的生命周期内获取到回调函数中传入的参数，在调试过程中，console.log的方式不可行，因为 webpack 传入的 stats对象非常大， 命令行中无法展示全，也没办法展开看全。
replacer 可以作为一个函数传入，且接受 key 和 value 作为入参，如下：
实现一个深克隆是面试中常见的问题的,可是绝大多数面试者的答案都是不完整的,甚至是错误的,这个时候面试官会不断追问,看看你到底理解不理解深克隆的原理,很多情况下一些一知半解的面试者就原形毕漏了.
一直以来，对于Js的内存空间这部分的知识概念有些模糊，最近在回顾一些知识点的时候，特地的对js的内存这部分知识加深了一下理解，比如基本类型数据和引用类型数据在js内存中是怎么回事？什么是按值传递和按引用传递？以及对作用域和闭包的理解等等。
这是JS 原生方法原理探究系列的第八篇文章。本文会介绍如何实现 JSON.stringify() 方法。
在传统的单 chunk 打包模式下，当项目代码越来越庞大，最后会导致浏览器下载一个巨大的文件，从页面加载性能的角度来说，主要会导致两个问题:
随着项目规模庞大，文件层级与结构的复杂度越来越高，模块关系混乱，循环依赖，反向依赖行为越来越多。
对原对象进行浅拷贝，会生成一个和它“一样”的新对象。但是这种拷贝只会拷贝原对象第一层的基本类型属性，引用类型属性仍然和原对象共享同一个。
思路：通过hash表来检测节点之前是否被访问过，来判断链表是否成环。这是最容易想到的一种题解了。过于简单，直接上代码，go：
闭包是JS语言的又一大核心，如果要从内存角度充分理解闭包的话，建议大家先预习下先前的几篇讲博客： 稳扎稳打JavaScript（一）——作用域链 稳扎稳打JavaScript（二）——图解对象内存模型 稳扎稳打JavaScript（三）——创建对象的几种方式 什么是闭包 定义 闭包是一个能够访问其他函数作用域的函数。 这句话看似拗口，如果读过先前的几篇博客，那理解起来应该不难。下面来解析一下这句话： 首先，闭包是一个函数； 其次，这个函数不仅能访问自己的作用域，更为关键的是它还能访问其他函数的
原文：https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec
JavaScript 是一种垃圾回收语言，垃圾回收语言通过周期性地检查之前被分配的内存是否可以从应用的其它部分访问来帮助开发者管理内存。内存泄露是指当一块内存不再被应用程序使用的时候，由于某种原因，这块内存没有返还给操作系统或者内存池的现象。内存泄漏可能会导致应用程序卡顿或者崩溃。
👆点击“博文视点Broadview”，获取更多书讯 lodash里的cloneDeep函数可以用来解决深拷贝的场景，但你有没有思考过lodash里的cloneDeep函数是如何实现的呢？ 虽然我们可以直接使用lodash，但是学习深拷贝函数的实现原理仍然是非常有意义的，深拷贝也是一道非常经典的前端面试题，其可以考察面试者的很多方面，比如基本功、代码能力、逻辑能力。 深拷贝看似简单，但要想实现一个完美的深拷贝却并不容易，通过笔者的面试考察经验来看 ，只有 50%的人能够实现基础版本，能实现完美版本的竟然不到
关于如何实现深拷贝，网上有很多相关的文章和实现都非常完美，本文主要讲述的是用一种非常规的使用非递归方法实现深拷贝
内存泄漏指由于疏忽或错误造成程序未能释放已经不再使用的内存。内存泄漏并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。这里就讲一些常见会带来内存泄露的原因。
说到循环引用问题，最最最常遇到的，不是在项目中，而是在面试中。如果面试官问你开发中是否遇到过retain cycle，你如果说没遇到过，估计已经很难跟面试官继续友好的沟通下去了。 但是这个问题怎么回答呢，网络上千篇一律的答案-->使用Block的时候遇到过，使用__weakSelf 代替 self 等等，可以说这个答案没啥错，但是所有人都回答的一样，并不能突出我们的逼格，无法让面试官知道我们在这方面有过研究，有闪光点。 对于开发者来说，喜欢探索，喜欢挖掘不懂的知识，在面试官眼里会加分不少。探索是基于问题之
今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次性搞定面试中遇到的大部分有关 Commonjs 和 Es Module 的问题。
我们在进行JavaScript开发时，很少会考虑内存的管理。JavaScript中变量的声明和使用看起来是一件很轻松的事，底层的细节处理交给浏览器去做就好了。 但是，随着web应用变得越来越庞大以及AJAX的使用，用户在一个网页中操作和停留的时间越来越久，我们会注意到浏览器占用的内存越来越大甚至到达了G数量级。造成这个问题的罪魁祸首就是memory leak（内存泄露）。 下面我们将讨论一下内存的管理以及最常见的内存泄露问题。 JavaScript的内存管理 JavaScript内存管理的核心概念：可达性（
对比手动管理内存释放语言 对于开发者的技术要求非常高，一旦操作不但 效果反而会变得很差，这个也形成了高手可以做到性能很高 但是苦于进阶的选手，所以现在大部分高级语言都实现了GC也就是垃圾回收机制/垃圾回收算法
废话开篇：小程序下有这样的一个概念，就是双引擎，意思就是 UI绘制 跟 JS 执行是在多线程环境下进行的，有人会质疑，JS 不是有异步的方法吗？不管是 setTimeout 还是 promise ，iOS 开发下在主线程开辟异步，其实是将异步任务代码块放到了主队列所有任务的最后执行的，那么，它只是调整了执行顺序，并没有开辟线程。JS 也是一样的，JS 本身就是单线程，那么，上面提到的两种方式并没有真正的开辟线程去执行任务，所以，JS 线程下的任务并没有利用 CPU 多核的优势，所有任务还是在一条线程执行的。那么实现类似小程序双引擎下执行任务的思路就是下面例子要体现的。
前言 iOS开发笔记（一） iOS开发笔记（二） iOS开发笔记（三） iOS开发笔记（四） 《开发笔记》系列记录一些开发中遇到的问题以及思考。 本文主要回答四个问题： 1、对MVVM框架的了解有哪些？ 2、TextKit的认知与运用？ 3、autorelease的原理是什么？weak修饰符是什么意思？ 4、performSelector为什么会有内存泄露的提示？ 正文 1、MVVM的一些看法 对MVVM（Model-View-ViewModel）的尝试源于用angular-js开发。 用过MVC
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
