拖延和记忆

• 拖延症
  • 治疗拖延症
  • 僵尸意识
  • 冲浪练习
  • 利用僵尸意识帮助自己
  • 应对生活和学习
  • 总结
• 记忆
  • 深入探索记忆
  • 长期记忆
  • 创建组块技巧
  • 总结

基于接口行为判断IP是否为黑IP，以此来限制需要保护的接口。比如，发送短信接口，正常的接口行为是，调用广场接口，个人信息接口或商品详情接口，才可能调发送短信。如果不是，列入黑名单。

• 下载 Todos 样例
• 添加 Debug 代码
• 安装插件
• 运行

该测试样例运行在 windows 上，是一次在 windows 上的 chrome headless 的测试。

• 下载 Cancry 并安装
• 开启 Chrome Debug
• 编写测试脚本
• 安装 chromeless 依赖
• 运行测试样例
• 样例截图

• Symbol 是唯一的
• 无法使用 for 遍历
• 获取 Symbol
• Symbol.for
• Symbol.keyFor

• 重写 JS 语法的默认行为，跟 C++ 的操作符重载差不多的意思

• Event Loop
• Stack
• Heap
• Microtask

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

• 题目描述
• 源码 & 解析

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

• 自己的 Demo 版 Promise
• promise-polyfill 简要流程图
• co 模块简要流程图

kao 源码浅析:

• use middleware
• listen -> callback -> compose
• handleRequest
• createContext -> middleware -> response

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

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

• resolve
• pass
• onload
• load
• fetch
• use

requirejs 源码浅析

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

Weex Gif 动画加载

• 使用 FrescoImageAdapter 覆盖原有 ImageAdapter
• 修改 FrescoImageAdapter，使其正常调用 onload 事件

Web Security in Github

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

PWA Articles & Resources:

• Lavas: 基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题
• 饿了么的PWA升级实践
• GoogleChrome/sw-precache: A node module to generate service worker code that will precache specific resources so they work offline.
• 浅谈 HTTP/2 Server Push

编写非单页应用：

• 前言
• 指定 webpack 输出形式为 UMD 模式
• 编写自定义 webpack 插件，修改默认输出为 Vue.component
• 页面引用和使用 Vue 组件
• 在线预览 & 源码

对笔记：阿里、网易、滴滴共十次前端面试碰到的问题的补充说明。

• 浏览暖气渲染流程
• 前端优化
• 安全优化
• BFC、IFC
• 栅格系统
• vue 原理简析
• require.js 和 webpack
• 左右布局：左边定宽、右边自适应，

眼保健操

如何设计一个小而美的秒杀系统？，by 刘鹏

• 红包系统面临的挑战
• 系统设计
• 优化方案

HTML Semantic Elements (语义化标签)。

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