前端妹子问我为什么canvas里面明明什么都没有，却这么绚烂
前端妹子问我为什么官网上面只有一个canvas标签，里面什么都没有….
我脸色一变”完了！官网挂了！“。走过去一看，原来是canvas的动画啊。
”这个你想学啊~我教你啊，到时候你可别说听不懂“。
基础知识使用 <canvas> 元素不是非常难，但你需要一些基本的HTML和JavaScr ...
重生之我是SVG(2)-神之右手path
片头曲：重生之我……哔！~
前景提要之前说过path是功能强大且复杂所以单开一篇来学习。如果不知道之前的建议先看看之前的文章重生之我是SVG(1)-入门这样有助于后面的学习。
下面可能会用到但是不会详细介绍的2个标签
use
g
简介的省流助手
path是基本形状的基础，他可以做很多 amazi ...
重生之我是SVG(1)-入门
概述引用一句来自MDN的一句话：
SVG 图像是使用各种元素创建的，这些元素分别应用于矢量图像的结构、绘制与布局。在这里，您可以找到每个 SVG 元素的参考文档。
SVG 文件可以直接插入网页，成为 DOM 的一部分，然后用 JavaScript 和 CSS 进行操作。
123456789101 ...
【重识前端】React源码阅读（四）
前言我将Fiber拆分成四块来讲
动机（或者说初衷
初始化-Fiber树的准备工作
render-Fiber树的构建
commit-Fiber树映射到DOM
render-Fiber树的构建
Fiber树的构建。Action！
一些废话，可以跳过距离上一篇文章也有2个多月的时间了。（确实搬砖比较 ...
面试官：小伙子canvas你知道多少啊(奸笑)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/font
面试官：听说你对package.json很熟？
前言平常在工作中，对package.json这个文件的接触非常非常少。
一些同学可能还会看一下script里面有什么命令，执行了哪些方法。
又或者了解一下dependencies和devDependencies
其他大部分的同学可能直接就npm i和npm start就开始工作了。
但是pa ...
全网最全React源码调试傻瓜式教程
前言之前在阅读React源码的时候，想调试一下，然后debugger看看变量已经数据是怎么传递的，无奈。还要装这么多东西。踩了不少坑，记录一下。帮助大家少踩坑，也为自己做一个笔记。
准备工作
Node v8.0.0+、Yarn v1.2.0+。
已安装 JDK。
你已安装 gcc（或者你在有必要 ...
【重识前端】React源码阅读（三）4千字告诉你 Fiber 初始化
前言在第一章中，我们解读到ReactDOM.render之后就没有继续了。因为我看了一下设计到了Fiber的一些知识，所以在第二章补充了Fiber的基础知识之后，我将Fiber拆分成四块来讲
动机（或者说初衷
初始化-Fiber树的准备工作
render-Fiber树的构建
commit-Fibe ...
【重识前端】React源码阅读（二）2000字告诉你Fiber设计动机
前言上一篇挖的坑几乎都是Fiber有关的，本来想先学习一下Hooks，发现也和FIber密切相关了，决定先搞定一下Fiber。不了解的可以查看我的主页。Fiber架构React写了几年时间，一篇文章肯定是讲不完的，我决定分为四个阶段介绍。
动机（或者说初衷
初始化-Fiber树的准备工作
rend ...
【重识前端】React源码阅读（一）jsx
前言一些废话和个人感悟，看干货的直接跳过….到jsx
重识前端断断续续也写了大半年了。里面基本上都是个人技术栈的积累，以及面试题的回答。感兴趣的伙伴可以点到我的主页去看。
说说今天的主角-React吧。React的源码之前一直想要去阅读学习的，也确确实实在看了，但是经常看着看着就发困。然后就开始偷懒 ...