HOMECATEGORIESRESUMEgithubtwitter

Life

  • 人生之志
  • 被讨厌的勇气
  • 纪念刘和珍君
  • 动物庄园
  • 白夜行
  • 山月记
  • 傲慢与偏见
  • 追风筝的人
  • 挪威的森林

OS

  • shell intro
  • 操作系统与进程/线程

React

  • React Hooks 原理及实现
  • Catch React Error
  • [译+改] React Fiber reconciliation algorithm
  • [译+改] React Fiber 中为何以及如何使用链表遍历组件树
  • css in react
  • react component using function as children
  • react jsx
  • react 性能优化:arrow function in react
  • react 条件渲染
  • higher-order component(HOC)
  • setState Might Be Synchronous
  • React Bind
  • SPA 实现原理
  • React Pass Params
  • React Magic
  • React setState

Node.js

  • npm package依赖管理
  • Koa实现原理分析
  • Node.js 集群
  • Node.js与网络
  • Node.js 与多核CPU
  • Node.js错误捕获与处理
  • Node.js核心概念讲解

Monad

  • 自然变换 - Natural Transformation
  • 遍历与队列 - Traversable
  • 加法是自然之道 - Monoid
  • 俄罗斯套娃娃 - Monad
  • 应用函子 - Applicative
  • 薛定谔的 Maybe - IO
  • 黑珍珠号的诅咒 - Functor

http

  • Abort-Controller
  • NGINX 基础知识
  • TCP 重传、滑动窗口、流量控制、拥塞控制
  • http cache
  • HTTPS与网络安全
  • http协议简介
  • web攻击与防范
  • Ajax call when session time out

bundlers

  • babel plugin
  • webpack svg placeholder loader
  • webpack webp loader
  • webpack loader
  • Parcel简介

Moblie

  • 移动端适配方案rem & vh、vw
  • 移动端开发基础知识

JavaScript

  • How JavaScript Work: 内存管理/垃圾收集/内存泄漏
  • How JavaScript Work: 引擎、运行时、调用栈概述
  • What is 'this' in JavaScript
  • arrow function this
  • 前端代码规范
  • lexical environment
  • Argument vs Parameter
  • JavaScript Regular Expression
  • JS内置对象理解

性能优化

  • 前端资源加载优先级
  • web image 加载优化方案-responsive-image
  • web image 加载优化方案-placeholder
  • web image 加载优化方案-lazy-load
  • web image 加载优化方案-webp
  • web image 加载优化方案

functional

  • FP18:Semigroup
  • FP17:Transform Naturally
  • FP16:Applicative Functor
  • FP15:Monad-2
  • FP14:Monad-1
  • FP13:IO - keep code pure
  • FP12:Either:Left or Right
  • FP11:Schrödinger's Maybe
  • FP10:Functor
  • FP9:Hindley-Milner
  • FP8:Recursion
  • FP7:What is Function Composition?
  • FP6:Partial Application And Curry
  • FP5:What is a Closure?
  • FP4:Pure function
  • FP3:Functional Programming
  • FP2:Why Learn FP in JavaScript?
  • FP1:Composing software introduction
  • FP0:Rise and fall of functional programming

design pattern

  • '类'模式
  • 代理模式
  • 单例模式
  • 工厂模式
  • 原型模式
  • 构造函数模式
  • 发布订阅模式
  • JavaScript设计模式简介

Rxjs

  • Rxjs Observable
  • Rxjs Observer
  • Rxjs intro
  • pub & sub

Async

  • async & await
  • Generator
  • Promise API
  • Promise
  • How JavaScript Work: Event Loop
  • Call Back
  • JS单线程异步

CSS

  • BFC 块级格式化上下文
  • facebook placeholder
  • negative margin
  • How To Keep Your Footer At The Bottom Of The Page With CSS
  • CSS 圣杯布局
  • CSS实现元素水平垂直居中
  • CSS float 详解
  • CSS基础知识

browser

  • how browser work
  • What really happens when you navigate to a url?

Design

  • 常用小工具代码集合
  • Photos Wall