An Yan
title: 《WebGL 编程指南》读书笔记脑图 —— Part Three categories: - Code tags: - WebGL - GLSL ES toc: true date: 2017-5-7 02:10:11 --- 《WebGL 编程指南》读书笔记第三部分。本脑图主要为该书的第七至十章节，分别介绍三维建模、光照、层次模型、阴影、载入外部数据等知识。内容较多，编辑脑图时浏览器都撑不住了。 ## 1. 杂记 ### 关于数学功底 《WebGL 编程指南》已经读完，总体上对于...
title: Nginx + Let's Encrypt 协力快速配置出 ssllabs A+ 评分的站点 categories: - Code tags: - nginx - Let's Encrypt - blog - https toc: true date: 2017-5-8 16:24:11 --- 免费 SSL...
title: HTTP 安全最佳实践 categories: - Code tags: - nginx - http - https - security toc: true date: 2017-5-9 18:11:11 --- 在上文[《配置 ssllabs A+ 评分站点》](https://www.404forest.com/2017/05/08/get-aplus-score-in-ssllabs-with-nginx-and-letsencrypt/)中，我们已经知道了如何部署一个高 SSL 健壮性的网站。但是上文配置后的站点用 [HTTP Security Report](https://httpsecurityreport.com/)...
title: 《你不知道的 JavaScript（上卷）》脑图 categories: - Code tags: - JavaScript - 脑图 toc: true date: 2017-5-25 12:58:11 --- 《你不知道的 JavaScript（上卷）》读书笔记脑图归档。这个系列的书写的简直太赞了，推荐每个前端工程师都反复看至少三遍。 ## 1. 脑图  
title: 《你不知道的 JavaScript（中卷）》脑图 categories: - Code tags: - JavaScript - 脑图 toc: true date: 2017-6-5 11:51:11 --- 花了一周的时间才把这本书读完。中卷比上卷内容与厚度都更为详实，类型、语法、异步都是 JavaScript 中核心内容，看完之后一时竟有内容过多，难以消化之感。该系列书虽内容精良无比，但在目录结构上安排稍显随意，在重读时感觉应把脑图结构重排一下。 ## 1. 脑图  
title: Webpack 构建性能优化实践 categories: - Code tags: - webpack toc: true date: 2017-6-12 13:29:11 --- 随着项目体积膨胀，webpack 构建时间越来越长。webpack 构建属于高频需求，每天耗费大量时间干等着是很难受的——于是有了本文，探讨如何加速 webpack 构建。 # 1. 使用 visualizer 追踪与精简项目依赖 项目本身容易出现的问题有以下两点： - 为了实现小功能，引了个大包 比如：只为了使用 `lodash`...
title: 现代前端科技解析 —— 数据响应式系统 (Data Reactivity System) categories: - Code tags: - Modern web development tech analysis - 现代前端科技解析 - data reactivity system toc: true coverImage: traceon.png coverSize: partial coverMeta:...
title: 《Three.js 开发指南》脑图 categories: - Code tags: - three.js toc: true date: 2017-8-8 16:38:11 --- 《Three.js 开发指南》学习脑图。 > 注： > 原始链接: https://www.404forest.com/2017/08/08/learning-threejs-mindmap/ > 文章备份: https://github.com/jin5354/404forest/issues/62 # 1. 脑图 这本书基本就是把 api...
title: 现代前端科技解析 —— Redux 及其中间件 categories: - Code tags: - Modern web development tech analysis - 现代前端科技解析 - Redux toc: true date: 2017-9-13 15:45:11 --- [上篇文章](https://www.404forest.com/2017/09/09/put-the-complexity-of-Redux-in-perspective/)中阐释了我对 Redux 架构及其复杂性的看法，提到了 Redux 本质是一个非常简单易懂的状态管理架构，本文将解析...
title: 代码分割结合 Prefetch 完美优化单页应用加载性能 categories: - Code tags: - webpack - performance - prefetch - code splitting - prefetch-polyfill-webpack-plugin toc: true date: 2017-9-27 11:03:11 --- 单页应用性能的最大痛点就是 bundle 体积大导致首屏时间过长。使用 webpack 的...