闪烁之狐
  文章分类
开发工具 8 weekly 4 文化建设 1 算法 1 性能 1 前端基础 6 计算机网络 3 react全家桶 1 工程化 6 前端框架 14 面试宝典 32 前端运维 4 LeetCode 21 解决方法 2
Vue 中的diff算法？ Vue 中的diff算法？
前后元素不一致 两个不同虚拟节点不需要进行比较，直接移除老节点，将新的虚拟节点渲染成真实 DOM 进行挂载即可 export const isSameVNodeType = (n1, n2) => { return n1.t
2024-07-15 前端框架
Vue
React中的diff算法？ React中的diff算法？
React 的 diff 算法是 React 在更新 DOM 时使用的算法。它的目的是最小化页面的重新渲染，以便提高性能。 当 React 渲染组件时，它会在内存中生成虚拟 DOM 树。然后，它会对比新的虚拟 DOM 树和之前的树的差异，找
2024-05-11 前端框架
React
TS-兼容性 TS-兼容性
TS 中的兼容性，主要看结构是否兼容。（核心是考虑安全性） 一.基本数据类型的兼容性let temp: string | number let num!: number temp = num 你要的我有就可以 let num: &
2023-08-15 前端框架
TypeScript
TS-类型推断 TS-类型推断
一.赋值推断赋值时推断，类型从右像左流动,会根据赋值推断出变量类型 let str = "zhangsan" let age = 11 let boolean = true 二.返回值推断自动推断函数返回值类型 function sum(
2023-08-14 前端框架
TypeScript
TS-类型保护 TS-类型保护
ts 默认在使用的时候 都是联合类型， 不能直接使用联合类型。 识别类型，通过判断识别所执行的代码块，自动识别变量属性和方法，对不同的类型进行范围缩小 一.typeof类型保护function getTypeof(val: nu
2023-08-14 前端框架
TypeScript
TS-基础类型 TS-基础类型
TS 中冒号后面的都为类型标识 一.布尔、数字、字符串类型let bool: boolean = true let num: number = 10 let str: string = "hello" 包装类型 let s1: str
2023-08-09 前端框架
TypeScript
TS——环境配置和搭建 TS——环境配置和搭建
一.Typescript 的价值是什么TypeScript是Javascript的超集，遵循最新的ES5/ES6规范。Typescript扩展了Javascript语法。 Typescript 更像后端 JAVA,让JS可以开发大型企业应
2023-08-08 前端框架
TypeScript
简单React-Hooks实现 简单React-Hooks实现
1. React Hooks Hook 可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 2. useStatelet hookStates = [] let hookIndex = 0 export
2023-07-31 前端框架
React
pinia源码实现 pinia源码实现
代码地址： https://github.com/ghx9908/pinia https://pinia.vuejs.org/ https://github.com/vuejs/pinia 一、Pinia 的优势 更简单的使用方式
2023-07-11 前端框架
Vue.js
react-router源码深度解刨 react-router源码深度解刨
代码地址： https://github.com/ghx9908/react-router https://github.com/remix-run/react-router https://create-react-app.dev/ h
2023-07-01 前端框架
React
Reactivity方法的实现 Reactivity方法的实现
reactive方法会将对象变成 proxy 对象 基本实现 reactivity.ts import { isObject } from "@vue/shared" export function reacti
2023-04-21 前端框架
Vue.js
systemJS 使用及其原理解抛 systemJS 使用及其原理解抛
是一个通用的模块加载器，它能在浏览器上动态加载模块。微前端的核心就是加载微应用，我们将应用打包成模块，在浏览器中通过 systemJS 来加载模块。 1. 基本使用搭建 react 开发环境npm init -y npm install
2023-03-20 前端框架
微前端
1 / 2