10 2022 档案
摘要：JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！ prototype 只有函数有prototype属性 let a
阅读全文
摘要：写在前面 javascript语言的执行环境是"单线程"(single thread)，就是指一次只能完成一件任务。如果有多个任务，就必须排队，等前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等
阅读全文
摘要：JavaScript进阶的必要性 无论是学习react还是vue，它们都是js的应用框架。剥去他们的壳子看到的始终是js，所以作为一个前端大厨必须要熟练掌握好js这个大勺，才能烧出一顿好菜 无论是自我提升还是应付面试以下这些手写功能是每一个前端程序员必须掌握的 1. 手写apply、call、bin
阅读全文
摘要：前言 作用域和作用域链是所有JavaScript开发人员每天都要接触和应用的内容。不管是面试中的作用域链的面试考察，还是日常代码研发中变量与作用域链的构建，它的身影几乎无处不在。它就像一顶优秀厨师的厨师帽，只要我们走进厨房，我们就要将它整理好，套在头上。没有它整洁干净的戴在头上，你就不是一名好的Ja
阅读全文
摘要：什么是函数式编程 是一种编程范型，它将电脑运算视为数学上的函数计算，并且避免使用程序状态以及易变对象。 函数式编程更加强调程序执行的结果而非执行的过程，倡导利用若干简单的执行单元让计算结果不断渐进，逐层推导复杂的运算，而不是设计一个复杂的执行过程。 函数式编程的思维过程是完全不同的，它的着眼点是函数
阅读全文
摘要：引用类型是一种数据结构，用于将数据和功能联系起来。 创建对象的方式： 1.new操作符 var array=new Array(); 2.字面量表示法创建 var array=[]; Array 检测数组:检测数组是基本类型还是引用类型 转换方法:将数组转换成字符串或数组对象 栈方法:后进先出的操作
阅读全文
摘要：JS中的递归 我们来看一个阶乘的代码 function foo( n ){ if(n <= 1){ return 1; } return n * foo( n - 1 ); } foo(5); // 120 下面分析一下，代码运行过程中,执行上下文栈是怎么变化的 这个代码是在全局作用域中执行的，所以
阅读全文
摘要：一、作用域与作用域链 作用域是指 js 变量使用时所存在的一个区域，分为全局作用域（window）和局部作用域（function、setTimeout...等都会产生局部作用域）。当局部作用域变量名与全局作用域变量名重复时，局部变量会覆盖全局变量。 在局部作用域使用变量时，如果在自己作用域找不到对应
阅读全文
摘要：前言 JavaScript是一门解释性动态语言，但同时它也是一门充满神秘感的语言。如果要成为一名优秀的JS开发者，那么对JavaScript程序的内部执行原理要有所了解。 本文以最新的ECMA规范中的第八章节为基础，理清JavaScript的词法环境和执行上下文的相关内容。这是理解JavaScrip
阅读全文
摘要：懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。 懒加载 lazyload 懒加载：又叫延迟加载、按需加载，当我们打开一个网页，优先展示的首屏图片就先加载，而其他的图片，等到需要去展示
阅读全文
摘要：提问 Object.defineProperty()和proxy的区别？ 为什么vue3要选用proxy，好处是什么？ proxy Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。 Proxy的用法，这个大家都知道 const p = n
阅读全文
摘要：浏览器缓存步骤 1）浏览器在加载资源时，先根据这个资源的一些http header判断它是否命中强缓存，强缓存如果命中，浏览器直接从自己的缓存中读取资源，不会发请求到服务器。比如某个css文件，如果浏览器在加载它所在的网页时，这个css文件的缓存配置命中了强缓存，浏览器就直接从缓存中加载这个css，
阅读全文
摘要：JS中的递归 我们来看一个阶乘的代码 function foo( n ){ if(n <= 1){ return 1; } return n * foo( n - 1 ); } foo(5); // 120 下面分析一下，代码运行过程中,执行上下文栈是怎么变化的 这个代码是在全局作用域中执行的，所以
阅读全文
摘要：前言 JavaScript是一门解释性动态语言，但同时它也是一门充满神秘感的语言。如果要成为一名优秀的JS开发者，那么对JavaScript程序的内部执行原理要有所了解。 本文以最新的ECMA规范中的第八章节为基础，理清JavaScript的词法环境和执行上下文的相关内容。这是理解JavaScrip
阅读全文
摘要：JavaScript 闭包难点剖析 一、作用域基本介绍 ES6之前只有全局作用域与函数作用域两种，ES6出现之后，新增了块级作用域 1.全局作用域 在JavaScript中，全局变量是挂载在window对象下的变量，所以在网页中的任何位置你都可以使用并且访问到这个全局变量 当我们定义很多全局变量的时
阅读全文
摘要：一、作用域与作用域链 作用域是指 js 变量使用时所存在的一个区域，分为全局作用域（window）和局部作用域（function、setTimeout...等都会产生局部作用域）。当局部作用域变量名与全局作用域变量名重复时，局部变量会覆盖全局变量。 在局部作用域使用变量时，如果在自己作用域找不到对应
阅读全文
摘要：JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！ prototype 只有函数有prototype属性 let a
阅读全文
摘要：说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。 一、引用类型皆为对象 原型和原型链都是来源于对象而服务于对象的概念，所以我们要先明确一点： JavaScript中一切引用类型都是对象
阅读全文
摘要：为什么使用this 先看个例子： function identity() { return this.name.toUpperCase(); } function speak() { return "Hello, i'm " + identity.call(this); } var me = { n
阅读全文
摘要：基本类型和引用类型 在 JavaScript 中，数据类型可分为基本类型和引用类型， 基本类型有六种：Null，Undefined，String，Boolean，Number，Symbol； 而引用类型就是传说中的 Object 了。 其中基本类型是按值传递，而引用类型的值是按引用访问的，所以在操作
阅读全文
摘要：前言 this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 简单说，this就是属性或方法“当前”所在的对象。 this.property 上面代码中，this就代表property属性当前所在的对象。 下面是一个实际的例子。 var person = {
阅读全文
摘要：前言 作用域和作用域链是所有JavaScript开发人员每天都要接触和应用的内容。不管是面试中的作用域链的面试考察，还是日常代码研发中变量与作用域链的构建，它的身影几乎无处不在。它就像一顶优秀厨师的厨师帽，只要我们走进厨房，我们就要将它整理好，套在头上。没有它整洁干净的戴在头上，你就不是一名好的Ja
阅读全文
摘要：Javascript 的隐式强制只是指 Javascript 试图将意外的值类型强制为预期的类型。因此，您可以在需要数字的地方传递一个字符串，在需要字符串的地方传递一个对象等，它会尝试将其转换为正确的类型。这是最好避免的 Javascript 功能。 3 * "3" //9 1 + "2" + 1
阅读全文
摘要：什么是函数式编程 是一种编程范型，它将电脑运算视为数学上的函数计算，并且避免使用程序状态以及易变对象。 函数式编程更加强调程序执行的结果而非执行的过程，倡导利用若干简单的执行单元让计算结果不断渐进，逐层推导复杂的运算，而不是设计一个复杂的执行过程。 函数式编程的思维过程是完全不同的，它的着眼点是函数
阅读全文
摘要：JavaScript进阶的必要性 无论是学习react还是vue，它们都是js的应用框架。剥去他们的壳子看到的始终是js，所以作为一个前端大厨必须要熟练掌握好js这个大勺，才能烧出一顿好菜 无论是自我提升还是应付面试以下这些手写功能是每一个前端程序员必须掌握的 1. 手写apply、call、bin
阅读全文
