浏览器渲染这是一个广而深的题目，其中的每一个点如果深入，都可以讲一整天。本文主要从广度的层面，梳理了浏览器的整体渲染流程，有不对的地方，烦请指正！ ps：本文整体思路主要参考极客时间专栏-浏览器工作原理与实践（推荐，讲的不错），文中部分图片画起来比较复杂，也直接采用了文中的图片…

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

起因是因为我们团队内部在进行发布系统迁移的时候，遇到了个路由相关的基础问题。当时隐约知道是为什么，但是对于路由 因为我们平时过于熟悉，以至于忘了其很多基础特性，并没有第一时间快速的排查问题。对此深感惭愧。 于是就找个时间补一补路由相关的基础知识，并且查看了下 vue-route…

Vite 无疑是当前最火热的项目之一，随着春节后 2.0 版本的发布，越来越多开发者开始关注起了这个项目。这个号称下一代前端构建工具的给我们最大的印象的就是快。日常被缓慢的项目启动时间和 HMR 折磨，有了 Vite 之后，真的不要太爽。虽然 Vite 和框架无关，但应用较多的…

前言 此篇主要手写 Vue2.0 源码-渲染更新原理 上一篇咱们主要介绍了 Vue 初始渲染原理 完成了数据到视图层的映射过程 但是当我们改变数据的时候发现页面并不会自动更新 我们知道 Vue 的一个

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

之前在GitHub上看到Yang JingZhuo 的一篇 “从event loop规范探究javaScript异步及浏览器更新渲染时机”的文章，打开了对event loop的新的见解。故在其文章的基础上进行化简和修改得到这份输出笔记。 1. 异步与EventLoop的关系 首…

脚手架用的是vue-cli,vite还不太稳定，很多第三方库也存在兼容问题，为了能正常在实际项目中使用，还是选择了vue-cli。 然后 Vue 选 3.0, css预处理器，看个人习惯，sass,less,stylus都可以。 创建完项目，把那些不需要的页面例如:hellow…

网上Redux入门教程很多，但是为啥这么使用，却百思不得解。今天写一篇关于Redux的文章，帮助大家了解Redux为啥这么写，以及内部做了啥。