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

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

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

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

Vue2.0引入了虚拟DOM，比Vue1.0的初始渲染速度提升了2~4倍，并大大降低了内存消耗。 虚拟DOM的提出 在早期的时候，页面的交互比较简单，没有复杂的状态需要管理，更不需要频繁的操作DOM；但随着页面的功能越来越多，客户的需求越来 ...

1.先创建一个工具组件 EllipsisTooltipimport React, { PureComponent } from 'react'import PropTypes from 'prop-type ...

昨天看了一道面试题，说如何管理 CSS 代码；它谈到了君子协定BEM 规范（然后楼主就说自己马上就拿到 offer 了?）。但是，BEM 规范说实在已经不够接地气了，现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { ...

koa页面渲染 上一节我们通过koa的路由中间件，在上下文的body属性中渲染页面内容，但那只是基本的一些字符串内容，而我们前端所用的页面，或者浏览器所渲染的，基本都是html标签的页面文件，如果想在koa路由中渲染标签内容，又如何做呢，接 ...

koa静态文件配置 上一节讲述了在koa中的模版渲染，也就是html文件在koa中的应用，但作为前端的渲染文件，光渲染内嵌文本内容还不够，正常的前端项目引入模块以及图片等静态文件必不可少，那么在koa中如何引入静态文件呢？ 这就用到本节讨论 ...