【检测到您已屏蔽网站广告】
为了本站的长期运营，请将本站加入广告拦截器的白名单，感谢您的支持！🌹🌹🌹 【查看开启方法】
前端基础进阶（六）：setTimeout与循环闭包面试题详解
在上文 前端基础进阶（五）：闭包 中的结尾留下了一个关于setTimeout与循环闭包的思考题。 利用闭包，修改下面的代码，让循环输出的结果依次为1， 2， 3， 4， 5 12345for (var i = 1; i <= 5; i++) { setTimeout(function timer() { console.log(i); }, i * ...
前端基础进阶（五）：闭包
闭包闭包是一种特殊的对象。它由两部分组成。执行上下文(代号A)，以及在该执行上下文中创建的函数（代号B）。 当B执行时，如果访问了A中变量对象中的值，那么闭包就会产生。 在大多数理解中，包括许多著名的书籍，文章里都以函数B的名字代指这里生成的闭包。而在chrome中，则以执行上下文A的函数名代指闭包 。 一个闭包对象，由A、B共同组成，在以后的篇幅中，我将以chrome的标准来称呼。 ...
前端基础进阶（四）：作用域与作用域链
词法环境（Lexical Environments）官方规范对词法环境的说明是：词法环境（Lexical Environments）是 一种规范类型，用于根据ECMAScript代码的词法嵌套结构来定义标识符与特定变量和函数的关联 。 通俗来说，词法环境就是一套约定好的规则。我们写代码，应该按照这个规则来。JS引擎对JS源码进行词法分析，也是按照这个规则。 词法环境，其实就是作用域。 得出结论 ...
前端基础进阶（三）：变量对象详解
变量对象，新版本中，准确的说法应该是环境记录对象。而环境记录对象，又区分词法环境对象与变量环境对象，词法环境对象用于解析当前上下文中，由 const 声明的标识符引用，变量环境对象，用于解析由 var 声明的标识符引用。执行上下文内部的实现逻辑过于复杂，并不利于理解，因此此处为了理解方便，仍然统一采用变量对象的说法. 在JavaScript中，肯定不可避免的需要声明变量和函数，JS编译器是如何 ...
前端基础进阶（二）：执行上下文详细图解
先引入一个JavaScript中最基础，但同时也是最重要的概念： 执行上下文（Execution Context）。 每次当控制器转到可执行代码的时候，就会进入一个执行上下文 。执行上下文可以理解为当前代码的执行环境，它会形成一个作用域。 JavaScript中的运行环境大概包括三种情况： 全局环境：JavaScript代码运行起来会首先进入该环境 函数环境：当函数被调用执行时，会进入当前函数中 ...
前端基础进阶（一）：内存空间详细图解
在学习内存空间之前，我们需要对三种数据结构有一个清晰的理解。他们分别是 堆(heap) ，栈(stack) 与 队列(queue) 。 栈数据结构与 C/C++ 不同，JavaScript中并没有严格意义上区分栈内存与堆内存。 一般情况是基础数据类型，在栈内存中维护，引用数据类型，在堆内存中维护，栈内存和堆内存没有本质差别，但是栈内存是从地址高位开始分配，堆内存从地址低位开始分 ...
JavaScript 核心进阶
本系列文章旨在带给读者地道的前端基础知识体系，深入底层原理，了解最权威的前端基础，循序渐进，带领读者领略正确学习方法的独特魅力。
基于 Hexo 从零开始搭建个人博客（六）
阅读本篇前，请先阅读前几篇文章：基于 Hexo 从零开始搭建个人博客（一）基于 Hexo 从零开始搭建个人博客（二）基于 Hexo 从零开始搭建个人博客（三）基于 Hexo 从零开始搭建个人博客（四）基于 Hexo 从零开始搭建个人博客（五） 前言 本站基于Hexo搭建，用的 🦋 hexo-theme-butterfly 主题，已经升级到 v4.7.0 。 请注意最新的🦋 hexo-t ...
基于 Hexo 从零开始搭建个人博客（五）
阅读本篇前，请先阅读前几篇文章：基于 Hexo 从零开始搭建个人博客（一）基于 Hexo 从零开始搭建个人博客（二）基于 Hexo 从零开始搭建个人博客（三）基于 Hexo 从零开始搭建个人博客（四） 更多配置请移步 官方文档。 前言 本站基于Hexo搭建，用的 🦋 hexo-theme-butterfly 主题，已经升级到 v4.7.0 。 请注意最新的🦋 hexo-theme-bu ...
基于 Hexo 从零开始搭建个人博客（四）
阅读本篇前，请先阅读前几篇文章：基于 Hexo 从零开始搭建个人博客（一）基于 Hexo 从零开始搭建个人博客（二）基于 Hexo 从零开始搭建个人博客（三） 前言 博客搭建过程遇到任何问题，优先在本页面搜索，检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言，注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加博主 Wechat ，添加好友时请备注自己的姓名 ...
基于 Hexo 从零开始搭建个人博客（三）
阅读本篇前，请确保已经完成下面两篇文章的步骤：基于 Hexo 从零开始搭建个人博客（一）基于 Hexo 从零开始搭建个人博客（二） 前言 博客搭建过程遇到任何问题，优先在本页面搜索，检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言，注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加博主 Wechat ，添加好友时请备注自己的姓名+专业，如 张三 计算机科学 ...
基于 Hexo 从零开始搭建个人博客（二）
阅读本篇前，请先配置好相应的环境，请仔细阅读教程 基于 Hexo 从零开始搭建个人博客（一）。 前言 博客搭建过程遇到任何问题，优先在本页面搜索，检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言，注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加博主 Wechat ，添加好友时请备注自己的姓名+专业，如 张三 计算机科学与技术。 初始化 Hexo 项目 ...
Web页面全链路性能优化指南
性能优化不单指优化一个页面的打开速度，在开发环境将一个项目的启动时间缩短使开发体验更好也属于性能优化，大文件上传时为其添加分片上传、断点续传也属于性能优化。在项目开发以及用户使用的过程中，能够让任何一个链路快一点，都可以被叫做性能优化。 本文会对web页面的全链路进行完整的讲解并针对每一步找到能做的性能优化点，本文的目标是极致的性能优化。 本文的大致流程为先讲理论知识，比如如何评价一个页面的性能好 ...
7个 Vue3 中的组件通信方式
前言本文采用<script setup />的编写方式，比options API更自由。然后我们会讲以下七种组件通信方式： props emit v-model refs provide/inject eventBus vuex/pinia 举个例子本文将使用如下演示，如下图所示： 上图中，列表和输入框分别是父组件和子组件。根据不同的通信方式，会调整父子 ...
