2023-09-04 浏览器相关知识 浏览器 网络 浏览器的工作原理https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/ CSS css 外部资源的由独立的线程异步加载 css 会阻塞 DOM 渲染,不会阻塞解析
2023-09-04 请求一个url时发生了什么? 浏览器 网络 我的掘金 网上的信息都比较碎片化,所以想自己画一张完整的图并总结 宏观分析下图为网络连接的大致流程 TODO: 步骤分析用户输入 urlDNS 解析TCP 连接IP 寻址网卡数据传输
2023-06-24 记一次关于vscode在mac中卡顿的问题 vscode 开发问题记录 公司发的机器是 19 款 MacBook Pro Intel i7 的,一开始就是在 vscode 官网下载的默认的 Universal 版本的。然后在用了一段时间后,突然就很卡。无论是滚动,还是点击鼠标和选中代码。 一开始定位的问题是下载
2023-06-03 移动端开发H5页面,各种问题介绍 移动端 前端 本文主要用于梳理移动端开发的一些概念 基础概念屏幕尺寸平时,我们所说的手机屏幕尺寸指的就是手机显示屏对角线的长度,单位是英寸,而一英寸 = 25.4毫米。可以通过勾股定理的公式先算出对角线的长度,然后再计算出屏幕的尺寸 不同手机的屏幕尺寸
2023-06-03 移动端开发H5页面,各种问题介绍 移动端 前端 移动端如何进行适配 使用 viewprot 配合 vw/vh。首先给 html 文件增加 viewport 配置 <meta name="viewport" content="width=device-width,
2023-05-21 使用Typescript和rollup开发一个工具库,并使用github actions来自动发布npm包 工程化 前端 在日常开发中,经常会遇到一些通用的逻辑,导致每次都需要复制粘贴。而我们作为 coder,可以将一些常用业务逻辑封装成通用的函数库,并发布到 npm 中。这样,每次遇到新的项目时,只需要 install 一下即可 这里我们已经有了一个fe-u
2023-05-20 从零开始一个前端可视化搭建平台 可视化 前端 文章同步于我的掘金 VLayout 是一个学习页面可视化搭建的项目, 使用了 React + TS 技术来开发。如果您有好的建议,欢迎提出,如果感觉帮助到了您,不妨点个赞或star。 功能设计首先开始一个项目时,我们需要理清他有哪些功能
2023-05-10 React如何利用浏览器的事件循环来实现并发特性 React 前端 本文只是用于将学习到的知识做一个梳理与总结 浏览器架构现代浏览器通常采用多进程架构。每个进程都有独立的内存空间,相互隔离,提高浏览器的稳定性、安全性和性能。 以 Chrome 为例,浏览器的进程包含以下几个主要进程: 浏览器主进程: 负责
2023-05-09 React18中的useTransition和useDeferredValue React 前端 React18 引入了一个关键概念 并发性(Concurrency)。 并发则涉及到多个更新操作的同时执行,这可以说是 React18 中最重要的功能。除了并发,React18 新增了两个 hook ,也就是useTransition和us
2023-05-02 前端日常-基于React-Router(V6)的权限控制 ReactReact-Router 前端 在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。我们可以大致将权限分为 3 种: 接口权限、页面权限、按钮权限。 在这当中,前端主要关注点则是页面权限,按钮权限,而前端做这些的主要目的则是: 禁止用户访