BFCBFC(Block Formatting Context) 是一个独立的渲染区域，只有 Block-level box 参与，它规定了内部的 Block-level box 如何布局，并且与这个区域外部毫不相干。
BFC 的布局规则
内部的 B...
背景我们的需求包含平台的H5和PC端，为了适应不同的屏幕尺寸，我们需要做响应式设计。响应式网站设计（Responsive Web Design）是一种网络页面设计布局，页面的设计与开发应该根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行...
CSS 盒模型介绍CSS中的盒模型用来描述一个元素在页面汇总的布局方式，每个HTML元素都被视为是一个矩形的盒子，这个盒子由实际内容（content）、外边距（margin）、边框（border）和内边距（padding）组成。CSS盒模型主要包含两...
https://en.wikipedia.org/wiki/Browser_engine 浏览器引擎：https://taligarsiel.com/Projects/howbrowserswork1.htm
The browser List:In...
输入URL用户发起请求当用户在客户端输入一个网址如（如 https://www.example.com），浏览器会根据这个操作发起网络请求。
浏览器解析URL浏览器会解析用户输入的URL
协议：例如HTTP或HTTPS
主机名：例如www.exa...
Users want web experiences with content that is fast to load and smooth to interact with.They are two goals we want to achiev...
前端规范1、React Vue Js Ts 代码规范 eslint2、Css Less Scss css预处理器 代码规范 stylelint3、git commitlint 规范提交信息 husky4、markdownlint 规范 markdow...
Process and ThreadWhat is process and thread?And what is the difference between them?In this article, we will discuss the con...
最近在学习这个区块链课程，单纯记录一下学习笔记。
The Internet: Layers of open protocols
what is a blockchain？
区块链技术
Verifiably moves ‘data’ on a de...
自动化构建方案通过自动化手段 提高效率 可靠性
构建工具： grunt webpack gulp vite rollup esbuild swc turbopack
编译 测试 部署 区分环境
构建的整体设计思路
构建工具的选择
实际业务触发
UI...
