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