场景还原 2019/12/28晚19:05左右，突然被拉进微信群。放出一段微信聊天记录，公司（国内某知名的互联网金融公司）高管使用app时发现公司app中活动推广页面打开缓慢，20+s才打开，产品，市场部老大被质问。此时问题来到了我们开发组 ...

BFC BFC全称是Block Formatting Context，即块级格式化上下文。一句话概括，就是页面上的一个隔离的独立容器，容器里面的子元素不会在布局上影响到外面的元素，反之也是如此。 注意点：BFC 并不是元素，而是某些元素带有 ...

vue-devtools 使用了很长一段时间了，使用过程中发现 vue-devtools 下的 vuex面板功能很厉害，整个页面的状态可以任意切换到之前的一个时间节点，当时只知道时光穿梭这个概念，没有仔细研究，最近决定入坑研究下。 记的之前 ...

jQuery加载为什么JQuery写法弹出的速度快比JS原生写法先弹出，因为window.onload是把页面元素加载、渲染完才弹出，而ready()是把所有页面的节点加载完之后就弹出了，不用等渲染了代码：<h ...

黑马程序员前端学习路线图第七阶段聚焦React.js项目实战，涵盖以下核心内容： - **学习目标**：掌握React.js核心开发技能，完成真实项目实战 - **市场价值**：React.js作为当前主流前端框架，掌握后可显著提升就业竞 ...

浏览器主要结构 目前，常用的浏览器主要有：Chrome、IE（Edge）、Safari、Firefox等。不同的浏览器在结构方面虽然有所差异，但是整体的设计理念是相似的。因此，可以抽象得到如下图所示的参考结构： image.png 组成 1 ...

此篇文章推荐有想法学习前端，已经上路琢磨web前端的朋友们。之前很多朋友跟我说，自学编程的时候，总是摸不清头脑，一大推问题需要解决，种种书籍需要去啃，字符、单词都需要去记。就感觉要费上很多时间，居然担忧青春饭是否能吃到？ 实际上，是实战过少 ...

我们第一章讲了浏览器的组成原理，如果没有看到文章的话记得返回去看第一篇，在讲渲染流程之前先放上一篇文章用到的图： image.png 上图是浏览器的主要组成部分，而渲染引擎是浏览器中的重要组成部分，其中图中的rendering Engine ...

如何发展您的工程师职业生涯 毫无疑问，前端开发将成为2020年技术领域最热门的学科之一。以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系 ...

这篇文档将通过一个 demo，介绍 React 几个 Hook 的使用方法和场景。包括： useState useEffect useMemo useCallback 自定义 hook 阅读此文档之前，建议先仔细阅读 React 官网文档中 ...