无为无为

在线指标 首字节时间：responseStart-navigatorStart(redirect、app cache、DNS、TCP、request） 可交互时间、解析时间：domInteractiv

JS的特点：动态弱类型语言 弱类型：代码运行过程中允许类型隐式转换 强类型：不允许类型隐式转换 typescript的优点 静态类型检查：TypeScript 通过类型批注提供静态类型，以在编译时启动

纵向货架的优化 针对纵向货架指标进行优化，主要集中在Android侧，目前新策略秒开Android已提升3.4分。主要优化：新策略下钟点房模块延迟加载，避免抢占首屏全日房加载资源。 剩余可优化点 钟点

```js //创建骨架屏组件 // Skeleton.js import React from 'react'; import PropTypes from 'prop-types'; import

封装（Encapsulation）是面向对象编程中的一个关键概念，通过将数据和操作这些数据的方法绑定在一起，并隐藏实现细节，只暴露必要的接口，从而提高代码的可维护性和可复用性。在 React 中，封装

预处理器：预处理器是一种在代码编译或转换之前处理代码的工具，主要用于扩展原生语言的功能，使开发者可以使用更高级的语法和特性。常见的预处理器包括 CSS 预处理器（如 Sass、Less、Stylus）

XSS攻击 发生地点：一切有用户输入的地方 反射型：这种攻击发生在用户输入的数据被服务器接收后，立即通过页面生成过程反射回页面中，并在用户的浏览器上执行。通常，这种攻击是通过诱使用户点击一个恶意链接实

react中key的作用：当状态中的数据发生变化时，react会根据新数据生成新的虚拟DOM，随后react进行新的虚拟DM与旧的虚拟DOM的diff比较，比较规则如下： 旧虚拟DOM中找到与新虚拟D

组件挂载阶段： constructor：初始化 componentWillMount：组件将要挂载的钩子 render的调用时机：每次状态变化时调用，所以最终的调用次数为1+n 初始化渲染 状态更新之