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 包括：协议、域名、端口、虚...
浏览器缓存及优化手段
前言 当我们通过url首次访问某个网站的时候，我们如果使用浏览器的工具查看网络请求，会发现有很多http请求，但是当我们下一次再访问时，这些请求都不会发送而是展现在了页面上，而这就是浏览器缓存发挥的作用。 浏览器缓存 浏览器缓存是指将页面长时间不更新的资源缓存到浏览器上，下次访问页面时该部分长时间不更新的资源直接从缓存中获取，从而减少了网络请求次数，提高了页面的加载速度。浏览器的缓存方式主要分为两种： 强缓存 和 协商缓存 ，下面将为大...
路由hash模式和history模式的实现
这篇文章主要介绍了路由的 hash 模式和 history 模式的实现。vue 中的 router 可根据不同 url 展示对应组件。hash 模式中，# 后的内容为 hash 值，变化不引起页面重载，监听 hashchange 事件加载对应组件。history 模式需阻止 a 标签默认行为，用 () 改 url 路径，监听 popstate 事件加载组件。 关联问题: hash模式有何局限 history路由咋优化 路由实现有何难点...
JS构造函数里的属性方法与原型上的属性方法的区别
1\. 把方法写在原型上比写在构造函数里消耗内存更小，因为一个类的原型只有一个，写在原型上的方法可以被所有实例共享，实例化的时候并不会在实例中再复制一份； 2\. 写在构造函数里的方法，在实例化的时候，会在每一个实例对象上面复制一份，所以消耗的内存更高，因此我们一般把属性定义在构造函数里，把方法定义在原型上 3\. 在构造函数里定义的属性方法要比原型中的优先级更高，如果定义了同名的属性或方法，则构造函数里的会覆盖原型上面的 注意： 定义...