简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天，点击查看活动详情 前言 Chrome 浏览器的 Performance 面板提供了检测页面性能的能力，但其提供的远不止一

一、写在前面 我发现即便工作很久了，我还是不会用performance性能分析工具，可能很多小伙伴跟我有一样的问题！ 于是我怒学了一通performance性能工具的使用，想写一篇如何使用perfor

面试的时候被问到性能优化的面试题只会回答性能指标？面试官问你有没有具体案例的时候无法说出整个具体流程？看看这篇我的性能优化全流程，希望能帮到你！

还是这家公司问的问题，首先问的是浏览器跨标签也通信的方式有什么，我答完浏览器通信通信的方式，后面就接着问 JavaScript 有什么方式的了。 浏览器通信方式 每个浏览器标签页通常被视为一个独

fixed 元素一定是相对视口定位的吗？不一定。举一个例子，如果父元素 transform: scale(1) 了，子元素是 position: fixed。会发现，子元素是相对这个父元素定位的。 其实上面这个问题，牵扯到了包含块（containing block）的概念。那么…

父元素的高度都被子元素撑开了，导致scroll元素无法滚动。what? why? 纳尼？ emmm...读“规范”千遍，其义自见。当再三理解这个结论后发觉，似乎，新版Chrome的实现是符合规范的！确实，Chrome的此举改动就是为了让浏览器的flex布局行为更贴近规范。 Ch…

浏览器有一个重要的同源策略，源=协议+主机+端口 大部分的跨域问题，都是通过代理解决的 要实现JSONP，需要浏览器和服务器配合 CORS：如果浏览器要跨域访问服务器资源，需要服务器允许

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！