• 梳理:Event-Loop, Queue, Stack, Heap, Tasks, Microtask

    • Event Loop
    • Stack
    • Heap
    • Microtask
  • 汉诺塔(递归算法)回顾

    汉诺塔是一个典型的递归算法,当初在老师的带领下,顺利地AC了,之后碰到深度优先搜索广度优先搜索时,也用到了递归算法,也蛮好理解的,于是乎,这汉诺塔这道题算是过去了。如今,想起来,这道递归算法理解的还不是很清楚,于是重新仔细看一下。

    • 题目描述
    • 源码 & 解析
  • Promise & co 源码浅析

    之前写了一个超小的,Demo版的 Promise 。不过,出于严谨的考虑,也想更全面的了解一下 Promise 的实现,决定再读一读 Promise 的源码,顺便把 TJ 大神的 co 模块也简要分析一下。
    分析的这个 Promise 库,是github/fetch 中推荐的一个 polyfill 库,因为它比较小巧简单,但也兼容了 Promises/A+ 标准,所以,就决定分析这个库了:promise-polyfill

    • 自己的 Demo 版 Promise
    • promise-polyfill 简要流程图
    • co 模块简要流程图
  • koa 源码浅析

    kao 源码浅析:

    • use middleware
    • listen -> callback -> compose
    • handleRequest
    • createContext -> middleware -> response
  • pell: 小而美的富文本编辑器

    The simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies.
    浏览器端最简单、小巧、无第三方依赖的,所见即所得的文本编辑器。 This is exactly what I want. Github 地址.

  • seajs 源码浅析

    此文紧接requirejs 源码浅析,简要分析了一下seajs的核心加载代码。==,看代码也要趁热打铁~

    • resolve
    • pass
    • onload
    • load
    • fetch
    • use
  • requirejs 源码浅析

    requirejs 源码浅析

    • kitty.js - 简化版的 requirejs
    • requirejs 加载流程
    • AMD vs CommonJS vs UMD
    • UML 基础知识
  • Weex 踩坑之 Gif 加载

    Weex Gif 动画加载

    • 使用 FrescoImageAdapter 覆盖原有 ImageAdapter
    • 修改 FrescoImageAdapter,使其正常调用 onload 事件
  • Web Security in Github

    Web Security in Github

    • Content-Security-Policy
    • Public-Key-Pins
    • Strict-Transport-Security
    • X-Headers
  • PWA Practice

  • 使用Vue编写非单页应用 (Code non-SPA application in Vue)

    编写非单页应用:

    • 前言
    • 指定 webpack 输出形式为 UMD 模式
    • 编写自定义 webpack 插件,修改默认输出为 Vue.component
    • 页面引用和使用 Vue 组件
    • 在线预览 & 源码
  • 笔记补充:阿里、网易、滴滴共十次前端面试碰到的问题

  • 眼保健操

    眼保健操

  • 一个小而美的秒杀系统

  • HTML5 Semantic Elements

    HTML Semantic Elements (语义化标签)。

    语义化的含义就是用正确的标签做正确的事情

  • Shadowsocks on EC2

    咳~

    • 又上不了网了
    • 我的Github好慢
    • 花钱买的服务,又叒又和谐了
      于是我毅然决定搭个自己VPN(虽然这些理由貌似有点牵强)!
      文章主要介绍如何在EC2上搭建自己的shadowsocks服务器。
  • Java Notes

    java-notes

    Java Notes。虽然是个前端,但之前也接触过java,所以,就当复习做个笔记吧。该文档来自java-note/README.md

  • Hello to WebAssembly

    WebAssembly or wasm is a new portable, size- and load-time-efficient format suitable for compilation to the web.

    • Efficient & fast
    • Safe
    • Open and debuggable
    • Part of the open web platform
  • Spring Framework

    准备

    • 下载安装STS(Sprint Tool Suite), 下载地址

      如果出现:Java was started but returned exit code=13 的提示,一般情况下,你是STS下错了,此处估计踩坑的人比较多。因为STS默认下载32位的,而一般情况下,大多数人安装的JDK是64位的。

  • HTTP Notes

    • HTTP 协议步骤,Anatomy of an HTTP Transaction(剖析HTTP传输协议)。主要有
      • DNS查询
      • 建立连接
      • 发送请求
      • 等待返回
      • 加载数据
    • HTTP 2.0
    • HTTP协议
      • methods
      • headers
      • status code
    • TCP/IP 结构详解