• 速刷hello-algoFramework复杂度分析: 时间复杂度、空间复杂度数据结构: 数组、链表、栈、队列、哈希表、树、堆、图算法: 搜索、排序、分治、回溯、动态规划、贪心https://www.hello-algo.com/
  • 问题准备Vite构建几大特点 1、冷启动2、快速热更新3、bundleless4、优化构建 特性说明:1、开发环境冷启动,构建基于ESBuild,线上产物构建 rollup2、本地HMR,做了很多优化,webpack是不是需要分析依赖图(耗时的),因...
  • 响应式设计

    背景我们的需求包含平台的H5和PC端,为了适应不同的屏幕尺寸,我们需要做响应式设计。响应式网站设计(Responsive Web Design)是一种网络页面设计布局,页面的设计与开发应该根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行...
  • CSS 盒模型

    CSS 盒模型介绍CSS中的盒模型用来描述一个元素在页面汇总的布局方式,每个HTML元素都被视为是一个矩形的盒子,这个盒子由实际内容(content)、外边距(margin)、边框(border)和内边距(padding)组成。CSS盒模型主要包含两...
  • BFC

    BFCBFC(Block Formatting Context) 是一个独立的渲染区域,只有 Block-level box 参与,它规定了内部的 Block-level box 如何布局,并且与这个区域外部毫不相干。 BFC 的布局规则 内部的 B...
  • 从输入URL到页面加载完成的过程

    输入URL用户发起请求当用户在客户端输入一个网址如(如 https://www.example.com),浏览器会根据这个操作发起网络请求。 浏览器解析URL浏览器会解析用户输入的URL 协议:例如HTTP或HTTPS 主机名:例如www.exa...
  • 浏览器引擎(Browser engine/ layout engine + rendering engine)

    https://en.wikipedia.org/wiki/Browser_engine 浏览器引擎:https://taligarsiel.com/Projects/howbrowserswork1.htm The browser List:In...
  • How Browsers Work

    Users want web experiences with content that is fast to load and smooth to interact with.They are two goals we want to achiev...
  • Process and Thread

    Process and ThreadWhat is process and thread?And what is the difference between them?In this article, we will discuss the con...
  • 前端编码规范工程化

    前端规范1、React Vue Js Ts 代码规范 eslint2、Css Less Scss css预处理器 代码规范 stylelint3、git commitlint 规范提交信息 husky4、markdownlint 规范 markdow...
12345