JavaScript 基础详解
数据类型 1\. JS 中有哪些基本数据类型？ 答案： 基本数据类型（Primitive Types） ： ：声明未赋值的变量 ：空值 ： ：整数/浮点数（包括 , ） ：字符串 ：大整数（ES2020） ：唯一值（ES6） 引用类型（Reference Type） ： （包含 , , 等） 解析： 基本类型存储在栈内存，按值访问。 引用类型存储在堆内存，按引用访问。 返回 （历史遗留问题）。 2\. 如何判断数据类型？ 答案： ：返回...
JavaScript无阻塞加载的方式
JavaScript无阻塞加载的方式 在 JavaScript 中，无阻塞加载（Non blocking Loading）是优化网页性能的关键技术，通过避免脚本阻塞页面渲染和其他资源的加载，提升用户体验。以下是实现无阻塞加载的常用方法及示例： 1\. 使用 属性 作用 ：异步加载脚本，下载完成后立即执行，不阻塞 HTML 解析。 适用场景 ：独立脚本，不依赖其他脚本或 DOM。 示例 ： 2\. 使用 属性 作用 ：异步加载脚本，但延迟...
最全的Map 和 WeakMap的区别
和 的区别及面试追问知识点 一、两者区别总结 （一）基本概念 和 均为 JavaScript 中用于存储键值对的数据结构，但在多个关键特性上有显著差异。 （二）键的类型限制 1. 键类型无严格限制，可接受基本数据类型（如字符串、数字、布尔值）以及引用数据类型（如对象、数组、函数）。 示例代码： 2. 键必须为对象，使用基本数据类型作为键会抛出错误。 示例代码： （三）垃圾回收机制 1. 对键和值采用强引用，只要 对象存在，其引用的键值对...
聊聊你知道的Vue与React的区别
文章主要介绍了 Vue 与 React 的区别，包括模板语法（Vue 类似 HTML，React 用 JSX）、组件通信、状态管理、生命周期、diff 算法、页面更新通知方式、监听方式等方面，还阐述了二者早期的问题及不同的解决方式。 1\. 模板语法 vs JSX Vue 使用类似于 HTML 的模板语法，例如： 标签中的模板。 模板示例（Vue） ： React 使用 JSX（JavaScript XML）, 它是一种将 HTML 直...
hash与history路由模式区别hash与history的区别
hash与history的区别 两种路由模式原因原因 对于 这类渐进式前端开发框架， 为了构建 SPA（单页面应用）， 需要引入前端路由系统， 这也就是 存在的意义。 前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 因此有两种路由 1. : 即地址栏 URL 中的 符号（此 不是密码学里的散列运算）。 比如这个 URL： ， 的值为 。它的特点在于：hash 虽然出现在 URL 中， 但不会被包括在 HTTP 请求中，...
SPA 两种路由模式的实现原理
Web 应用的路由跳转是通过判断 url 的变化来识别的，浏览器根据不同的 url 来选择加载不同的页面资源。现有的路由工具，也都是从不同的角度来解析 url 来实现其功能的。 单页应用 (SPA) 大致有 hash路由 和 history路由 两种路由模式。前者通过识别浏览器自带的锚点来判断资源，后者利用 h5 的 history API，通过解析嵌套子路径来识别资源位置。 Hash 一个完整的网页 URL 包括：协议、域名、端口、虚...
什么是Polyfill？在Node.js中如何使用Polyfill
在 中，面试官经常会问一些关于浏览器兼容性和代码适应性的问题。其中，“什么是Polyfill？在Node.js中如何使用Polyfill？”这一题目就是一个典型实例。本文将详尽介绍Polyfill的概念、使用场景，并通过具体示例代码展示如何在Node.js中使用Polyfill。 什么是Polyfill？ Polyfill是一种代码或插件，通过为浏览器提供尚未支持的原生功能，使得现代JavaScript特性可以在旧版浏览器或JavaSc...
vue设计模式总结-vue中主要用到了那些设计模式
Vue 中主要用到的设计模式包括： 一.观察者模式（Observer Pattern）： Vue 使用观察者模式来实现数据的响应式，当数据发生变化时，相关的视图会自动更新。 举个栗子： 1. 数据绑定 ：在Vue模板中使用双向数据绑定 ，当输入框中的内容发生变化时，绑定的数据也会相应地更新，这就是观察者模式的应用。 1. 计算属性 ：Vue中的计算属性会依赖于其所引用的数据，在相关数据发生变化时，计算属性会重新计算并更新，这也是观察者模...
一文讲清楚为啥React Hook不能写在条件语句里
在官方文档 中，对于 Hook 使用规则叙述如下： Hook 就是 JavaScript 函数，但是使用它们会有两个额外的规则： 只能在 函数最外层 调用 Hook。不要在循环、条件判断或者子函数中调用。 只能在 React 的函数组件 中调用 Hook。不要在其他 JavaScript 函数中调用。（还有一个地方可以调用 Hook —— 就是自定义的 Hook 中，我们稍后会学习到。） 可以看到，官方文档中明确说明了，不要在循环、条件...