杭椒炒蛋

在 Performance 中可以查看性能，可以看到访问最多的 url 的一些集合和他们的FCP ,点击进去后可以查看具体页面的6个性能。对于官网类网站来说，通常我们更关注FCP 3.分析中有各部分代码消耗的时间，我们逐步优化就可以提升评分和网站性能。比如： ● 使用合适大小的…

是因为浏览器的同源机制引出的跨域操作。 域名不同，协议不同，端口不同，都是不同源的。 浏览器通过限制从一个源的资源如何与另一个源的资源进行交互。这是用于隔离恶意文件的重要安全机制。 整体来说，React和Vue等框架出现后，目前前端在代码开发方面的复杂度已经基本得到解决，再加上…

路径解析resolve下有个modules配置，对于声明的模块进行搜索。 当我们确定所有的第三方依赖模块都是在项目根目录下的node_modules中的话，可以再node_module之前配置一个确定的绝对路径 配置loader中有个noParse属性，可以用于配置哪些模块文件…

将CDN的域名与主域名区分开来，由于cookie会不分青红皂白的跟随域名，而CDN主要是请求静态资源，根本不需要验证信息。通过区分域名，就可以大大提升效率 服务端渲染主要解决首屏加载体验问题和SEO问题。即服务器直接返回dom树，但是浏览器客户端很多，但是服务器很少，还是尽量少…

最本质的区别就是是否有生命周期，傻瓜组件是没有实例的，就是没有this生成，而聪明组件有状态维护。 使用 React.Children.map，可以遍历 children 中所有的元素，因为 children 可能是一个数组嘛。 使用 React.cloneElement 可以…

这种设计模式可以大大降低程序模块之间的耦合度，便于更加灵活的扩展和维护。 中介者模式通过统一接口来维护一对多关系，且通信者之间不需要知道彼此之间的关系，只需要约定好API即可。 一组定义良好的对象，现在要进行复杂的相互通信。 想通过一个中间类来封装多个类中的行为，而又不想生成太…

Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。 为了区分CSS，改为…

HTTPS要使客户端与服务器端的通信过程得到安全保证，必须使用的对称加密算法，但是协商对称加密算法的过程，需要使用非对称加密算法来保证安全，然而直接使用非对称加密的过程本身也不安全，会有中间人篡改公钥的可能性，所以客户端与服务器不直接使用公钥，而是使用数字证书签发机构颁发的证书…

flex-shrink属性用于设置或检索弹性盒的收缩比率，默认为1。不允许为负值，flex-shrink值为0时表示不收缩，保持自身 缺点：但当你调整子元素高度的时候，若你要实现父元素包含子元素的效果，你就也要调整父元素高度。 缺点：一旦包含非浮动的子元素，则会影响其显示。 缺…