react

React Router 是 React 应用实现客户端路由的核心库，通过路径与组件映射实现无刷新跳转；v6+ 推荐 createBrowserRouter + RouterProvider 初始化，用 Link 和 useNavigate 导航，Outlet 支持嵌套路由与布局复用。 React …

JavaScript框架是基于JS的可复用代码结构，解决代码散乱、状态难追踪、重复造轮子和团队难对齐问题；React以组件化和虚拟DOM为核心，Vue以渐进式和响应式为特色，二者共同契合前端从页面到应用、前后端分离及系统化开发的时代需求。 JavaScript框架是一套预先编写好的、可复用的代码结构…

DocumentFragment 是轻量级文档对象，用于批量创建和插入节点以避免频繁重排重绘、提升性能；通过 createDocumentFragment() 创建，添加子节点后一次性插入 DOM。 JavaScript 中的 DocumentFragment 是一个轻量级的文档对象，它不直接属于页…

JavaScript中this指向由调用上下文决定，遵循四条绑定规则：new绑定＞显式绑定＞隐式绑定＞默认绑定；隐式绑定易因函数提取而丢失this；bind绑定可被new覆盖；箭头函数无this，继承外层词法作用域；默认绑定在严格模式下为undefined。 JavaScript 中的 this 指…

防抖和节流是解决高频事件引发卡顿、重复请求等问题的实用技术：防抖在操作停止后执行一次，适用于搜索、校验等终态场景；节流按固定间隔执行，适用于滚动、拖拽等连续过程场景。 JavaScript 防抖（Debounce）和节流（Throttle）不是为了“炫技”，而是为了解决高频事件触发带来的实际问题——…

JavaScript是Web开发的核心语言，负责网页交互、动态内容和事件响应；它通过DOM连接HTML与CSS，原生支持于所有浏览器，无需编译，适合初学者入门，并构成React等框架的底层基础。 JavaScript是Web开发的核心语言，因为它让网页真正“活”起来——HTML搭骨架，CSS管样子，…

惰性加载是延迟加载资源至真正需要时才获取或执行，以提升首屏性能；包括图片用loading=”lazy”或IntersectionObserver、脚本用import()、组件用React.lazy或defineAsyncComponent、数据用滚动触发等。 JavaScri…

Prettier 负责代码格式统一，ESLint 专注逻辑错误与质量检查；二者分工明确、互补协作，通过 eslint-config-prettier 避免冲突，实现提交前自动检查与格式化。 直接用 Prettier 格式化代码，用 ESLint 检查逻辑和潜在错误——两者分工明确，配合使用效果最好。…

箭头函数的 this 继承外层普通函数作用域的 this 值，不绑定执行上下文；不能用 call/apply/bind 修改，不可作为构造函数，无 arguments 对象。 箭头函数的 this 不绑定执行上下文，而是继承外层普通函数作用域中的 this 值——这是它最核心的特点，也是和传统函数最…

闭包是函数与其词法作用域的组合，即内部函数引用外部函数局部变量且外部函数返回该内部函数，从而保持变量在内存中持续可用；常用于模拟私有变量、事件状态保持、柯里化及API封装等实际场景。 闭包是函数与其词法作用域的组合，简单说：一个函数记住了它被定义时所在环境中的变量，即使外部函数已经执行完毕，这些变量…