堆内存中的对象不会随方法的结束而销毁，即使方法结束后，这个对象还可能被另一个引用变量所引用（方法的参数传递时很常见），则这个对象依然不会被销毁，只有当一个对象没有任何引用变量引用它时，系统的垃圾回收机制才会在核实的时候回收它。相比于堆来说存取速度会快，并且栈内存中的数据是可以共享的，例如同时声明了var a = 1和var b =1，会先处理a，然后在栈中查找有没有值为1的地址，如果没有就开辟一个值为1的地址，然后a指向这个地址，当处理b时，因为值为1的地址已经开辟好了，所以b也会同样指向同一个地址。

高度共享，是高度共享和宽度共享的总称。是笔者总结的一个针对某些问题解决的思路。并不是一个新的技术点或模式 —— 至少目前来说。甚至可能你已经在项目中用过类似的。它的核心就是：降低 js 复杂计算和耗时操作在类似场景中的比重。没啥说的，通过两个业务场景

1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token。

带你从0到1搭建自己的个人博客

和之前一样，想要阅读 Vue3 的源码需要修改一下package.json。这句的主要作用就是在我们开启调试模式，能够在浏览器看到我们的源码。

来到runtime-core>src>apiCreateApp.ts文件。来到runtime-core>src>renderer.ts文件。来到runtime-core>src>renderer.ts文件。来到runtime-dom>src>index.ts文件。如果大家觉得还不错，下方公z号👇，来跟作者一起学习吧！

解决方法：

AJAX全称为Asynchronous JavaScript And XML，就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：。（类似刷朋友圈，刷微博动态）AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。XML（Extensible Markup Language）可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是，用来表示一些数据。以前都是采用XML进行数据交换，

在使用前端各大框架时，多多少少会使用过或听说过发布订阅模式，本篇文章将使用原生实现一个简单的发布订阅模式，并演示其在中进行跨组件通信的作用简单来说其实是一种对象间一对多的依赖关系，当一个对象的状态发送改变时，所有依赖于它的对象都将得到状态改变的通知。把自己想订阅的事件处理函数注册到统一的中，当向调度中心发布数据时，由统一调用注册到的事件处理函数。代码如下：代码解释：对象即是我们创建的调度中心，里面含有两个函数，一个是订阅函数（），一个是发布函数（），并含有一个存放订阅者事件处理函数的数组（）。发布订阅模式

ES6 是 JavaScript 语言的下一代标准，全称ECMAScript 6.0，ECMAScript 是JavaScript语言的国际标准，JavaScript是ECMAScript的实现，ES6 使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

近期完成了一个仿 todolist 的一个任务事项管理页面，简洁的布局，斜对称的设计更加美观，仅仅用到了本地存储，纯前端，这篇文章给大家分享源码并分析一下其 jQuery 实现过程页面展示： 未添加事项页面：添加事项（回车，点击添加均可触发）：做完事项后勾选左侧选项点击右侧橙色按钮删除事项 主题切换（目前写入了两个主题）： 左侧工具栏操作说明...

今天是儿童节，思绪突然一下拉回到小时候，几块钱一个的游戏机不知道大家还记得不，里面有个记忆犹新的经典游戏——贪吃蛇，这真是在那个年代少有的，而且是你不死可以一直玩的游戏（haha）。本文就带领大家来简单使用canvas复现一下我们的童年——贪吃蛇小游戏~不知道能不能勾起你的曾经~

文章目录📌组件的生命周期1️⃣ 理解2️⃣ 案例3️⃣生命周期流程图（旧）A. 实现setState 和 forceUpdate 流程B. 实现组件之间传值流程4️⃣ 对比新旧生命周期5️⃣ 生命周期流程图（新）A. getDerivedStateFromProps（几乎用不到，使用场景及其罕见）B. getSnapshotBeforeUpdateC.getSnapshotBeforeUpdate使用场景6️⃣ 重要的三个钩子7️⃣ 即将废弃的钩子📌组件的生命周期先来看个例子引出生命周期理

脚手架VueCli文章目录脚手架VueCli一、什么是CLI二、VueCLI所需要的环境三、安装Vue脚手架四、使用`CLI2`创建项目五、项目目录结构描述六、了解runtime-only和runtime-complier的区别七、了解CLI3一、什么是CLICLI：Command-Line Interface（命令行界面），俗称脚手架。VueCLI可以帮助我们快速开发Vue开发环境以及对应的webpack配置。二、VueCLI所需要的环境运行VueCLI需要电脑中已经安装好了NodeJS和NP

React简介与入门文章目录React简介与入门Ⅰ.React简介1.1 什么是React全家桶？1.2 React是什么？1.3 谁开发的？1.4 为什么要学？1.5 React的特点1.6 学习React之前要掌握的JavaScript基础知识Ⅱ. React入门1.1 React的基本使用1.1.1 相关库1.1.2 创建虚拟DOM的两种方式1.1.3 虚拟DOM与真实DOM1.2 React JSX1.2.1 jsx定义及作用1.2.2 jsx语法规则1.3 模块与组件,模块化与组件化的理解1.3

饥寒交迫的前端在互联网下行压迫下还能不能雄起，自欺欺人的产品优先战略下前端投入了多少？前端优化有哪些方法和小技巧？

大家好，我是Ned????，一个刚刚入门前端未满两年的大三小学生????未来路还长????, 一起努力加油吧❤~关注微信公众号：前端成长日记，回复好看的Loading加载效果获取本文源码前言先祝大家新年快乐呀~最近因为掘金年度人气创作者榜单真是把写文章鸽了好久，觉得天天发朋友圈肯定有人屏蔽我了hhh，所以这不，这个活动结束了，我也来继续码字了，害，生活嘛。CSS确实是魅力大的离谱，可能最近一段时间关注我文章的会知道，我发了好多跟CSS有关的文章了，有的是看到网上有这种效果，自己进行复刻，有

在Java Script 中一共有三类对象，分别是 ‘自定义对象’，‘内置对象’，‘浏览器对象’，其中前两类属于JS基础中的内容，属于ECMA Script，而浏览器对象属于JS独有的一部分内容。在日常代码开发中有很多代码需要频繁使用，例如数学类，日期类，以及Array的一些方法等，对此便有了一些JS的自带对象，这些自带对象提供了很多可以直接使用的属性与方法，使得代码更为精炼。

vue2数据响应式原理之数据劫持（对象篇）前言数据劫持（对象篇）defineReactiveobserve.jsutils.jsObserver.jsdefineReactive.js总结一下前言通过上一篇想必你已经对Object.defineProperty()有了一定的理解，这一篇我们就在前面的基础上探讨如何通过Object.defineProperty()来对对象，甚至是嵌套的对象进行数据劫持，以便我们能够侦听到对象的变化。对Object.defineProperty()了解之后我们就可以对其.