# blog **Repository Path**: apollo-from-wuhan/blog ## Basic Information - **Project Name**: blog - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-02-28 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # personal blog > 合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下 ————《老子》 --- ## Latest * [2019 前端两年半回顾：深挖洞，广积粮](https://github.com/amandakelake/blog/issues/94) ## webpack * [【webpack进阶系列(一)】手撸一个mini-webpack(1) : 分析收集依赖](https://github.com/amandakelake/blog/issues/93) * [【webpack进阶系列(二)】手撸一个mini-webpack(2) : 打包依赖代码](https://github.com/amandakelake/blog/issues/98) * [【webpack进阶系列(三)】webpack插件骨架-Tapable](https://github.com/amandakelake/blog/issues/100) * [【webpack进阶系列(四)】webpack核心构建原理(vscode断点调试源码)](https://github.com/amandakelake/blog/issues/92) * [【webpack进阶系列(五)】构建module流程](https://github.com/amandakelake/blog/issues/99) * [【webpack进阶系列(六)】seal封装生成文件核心流程](https://github.com/amandakelake/blog/issues/101) * [【webpack进阶系列(七)】写个 plugin](https://github.com/amandakelake/blog/issues/91) * [【webpack进阶系列(八)】写个 loader](https://github.com/amandakelake/blog/issues/90) ## Network、Browser、Web performance、Business Scenario * [浏览器工作原理：从输入URL到页面加载完成](https://github.com/amandakelake/blog/issues/55) * [Web Performance Optimizations](https://github.com/amandakelake/blog/issues/64) * [【性能优化】DNS预解析、域名发散、域名收敛](https://github.com/amandakelake/blog/issues/50) * [【性能优化】优化关键渲染路径，加速浏览器首次渲染](https://github.com/amandakelake/blog/issues/54) * [【性能优化】手把手实现图片懒加载](https://github.com/amandakelake/blog/issues/46) * [Intersection Observer + Vue指令 优雅实现图片懒加载](https://github.com/amandakelake/blog/issues/73) * [【性能优化】图片优化——总览](https://github.com/amandakelake/blog/issues/48) * [事件循环机制 Event-Loop及其延伸](https://github.com/amandakelake/blog/issues/26) * [深入了解HTTP/2的前世今生以及Web性能优化总结](https://github.com/amandakelake/blog/issues/35) * [GET和POST：辩证看100 continue，以及最根本区别](https://github.com/amandakelake/blog/issues/20) * [缓存（一）——缓存总览：从性能优化的角度看缓存](https://github.com/amandakelake/blog/issues/43) * [缓存（二）——浏览器缓存机制：强缓存、协商缓存](https://github.com/amandakelake/blog/issues/41) * [缓存（三）——数据存储：cookie、Storage、indexedDB](https://github.com/amandakelake/blog/issues/13) * [缓存（四）——离线应用缓存：App Cache => Manifest](https://github.com/amandakelake/blog/issues/15) * [cookie实践（从搭建服务器到cookie操作全流程)](https://github.com/amandakelake/blog/issues/18) * [TCP概览](https://github.com/amandakelake/blog/issues/21) * [TCP与UDP对比](https://github.com/amandakelake/blog/issues/47) * [CORS 简单请求+预检请求（理解HTTP跨域原理）](https://github.com/amandakelake/blog/issues/62) * [前端跨域常用方法](https://github.com/amandakelake/blog/issues/17) * [canvas+vue实现60帧每秒的抢金币动画（类天猫红包雨）](https://github.com/amandakelake/blog/issues/70) * [canvas合成图片海报、分享，小坑记录](https://github.com/amandakelake/blog/issues/72) * [前端曝光数据埋点——IntersectionObserver+vue指令](https://github.com/amandakelake/blog/issues/71) ## Framework * [Next.js 生命周期理解 -> 流程图](https://github.com/amandakelake/blog/issues/61) * [理解后端渲染、CSR(客户端渲染)、SSR（服务端渲染）的核心原理及区别](https://github.com/amandakelake/blog/issues/60) * [Build a react+react-router ssr App from the ground up](https://github.com/amandakelake/react-router-ssr/blob/master/README.md) * [SPA路由原理+build your own react router v4](https://github.com/amandakelake/blog/issues/53) * [React Native 性能优化总结（持续更新。。。）](https://github.com/amandakelake/blog/issues/49) * [React+RN开发过程中的一些问题总结（持续更新。。。）](https://github.com/amandakelake/blog/issues/52) * [React-Native 从零搭建App(长文)](https://juejin.im/post/5a9f93d96fb9a028d2077c19) * [React源码分析：组件实现（基于版本16）](https://github.com/amandakelake/blog/issues/27) * [React源码分析：setState](https://github.com/amandakelake/blog/issues/29) * [Redux源码分析](https://github.com/amandakelake/blog/issues/33) * [Vue 源码阅读【1】—— Vue本质](https://github.com/amandakelake/blog/issues/56) * [Vue 源码阅读【2】—— 数据驱动](https://github.com/amandakelake/blog/issues/57) * [Vue 响应式原理](https://github.com/amandakelake/blog/issues/63) * [【译】VueJS 最佳实践](https://github.com/amandakelake/blog/issues/69) ## Javascript * [ECMAScript 2016 2017 2018 新特性](https://github.com/amandakelake/blog/issues/45) * [根据Promise/A+规范实现 Promise](https://github.com/amandakelake/blog/issues/42) * [异步（一）：Promise深入理解与实例分析](https://github.com/amandakelake/blog/issues/30) * [异步（二）：Generator（生成器）深入理解](https://github.com/amandakelake/blog/issues/31) * [异步（三）：Async/await](https://github.com/amandakelake/blog/issues/32) * [JS文件：读取与拖拽、转换bsae64、预览、FormData上传、七牛上传、分割文件](https://github.com/amandakelake/blog/issues/40) * [JS事件：捕获与冒泡、事件处理程序、事件对象、跨浏览器、事件委托](https://github.com/amandakelake/blog/issues/38) * [深入原型和原型链：彻底捋清prototype和__proto__](https://github.com/amandakelake/blog/issues/39) * [深入继承：一步步捋清五种继承方式](https://github.com/amandakelake/blog/issues/3) * [彻底捋清楚 instanceof ](https://github.com/amandakelake/blog/issues/36) * [彻底捋清楚 new 的实现](https://github.com/amandakelake/blog/issues/37) * [模拟实现call、apply、bind](https://github.com/amandakelake/blog/issues/16) * [Object.defineProperty() 和简易双向绑定原理](https://github.com/amandakelake/blog/issues/8) * [变量对象（真正理解何为提升）](https://github.com/amandakelake/blog/issues/7) * [this](https://github.com/amandakelake/blog/issues/5) * [You don’t konw JavaScript => 闭包](https://github.com/amandakelake/blog/issues/24) * [深入理解JS的类型、值、类型转换](https://github.com/amandakelake/blog/issues/34) * [同一个函数形成的多个闭包的值都是相互独立的](https://github.com/amandakelake/blog/issues/1) * [函数的内部属性和方法（arguments、callee）](https://github.com/amandakelake/blog/issues/6) * [执行上下文](https://github.com/amandakelake/blog/issues/11) * [JavaScript的参数传递(引用类型)](https://github.com/amandakelake/blog/issues/2) * [map、forEach、filter 、reduce](https://github.com/amandakelake/blog/issues/19) * [一道综合面试题（原型、this、作用域、构造函数、运算符优先级）](https://github.com/amandakelake/blog/issues/10) * [JS模块化：CommonJS、AMD、CMD、UMD、ES6 Module](https://github.com/amandakelake/blog/blob/master/JS/JS-Modules/JS-Module.md) * [ES6中export及export default、Node中exports和module.exports的区别](https://github.com/amandakelake/blog/issues/22) ## Javascript Design Pattern * [随手实现一个订阅-发布模式](https://github.com/amandakelake/blog/issues/65) * [代理模式+ ES6 Proxy](https://github.com/amandakelake/blog/issues/67) * [装饰者模式[设计模式]+ES7 Decorator](https://github.com/amandakelake/blog/issues/66) * [单例模式](https://github.com/amandakelake/blog/issues/68) ## Algorithm * [《学习JavaScript数据结构与算法》读书笔记](https://github.com/amandakelake/blog/blob/master/Algorithm/Learn%20Javascript%20Data%20Structures%20and%20Algorithms/JS%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95.pdf) * [Javascript基础算法——排序与搜索](https://github.com/amandakelake/blog/issues/4) ## HTML、CSS * [BFC（块级格式上下文）](https://github.com/amandakelake/blog/issues/25) * [三栏布局-七种实现](https://github.com/amandakelake/blog/issues/28) ## Engineering * [React+Eslint+Prettier+git hook -> make your life easier](https://github.com/amandakelake/blog/issues/59) * [Vim 基础操作](https://github.com/amandakelake/blog/blob/master/Engineering/vim/vim%E5%9F%BA%E7%A1%80%E6%93%8D%E4%BD%9C.md) * [Docker基础认识](https://github.com/amandakelake/blog/blob/master/engineering/docker/docker%E5%9F%BA%E7%A1%80.md) * [Docker 运行Node.js应用](https://github.com/amandakelake/blog/blob/master/engineering/docker/docker%E8%BF%90%E8%A1%8Cnode%E5%BA%94%E7%94%A8.md) * [mongoDB基础](https://github.com/amandakelake/blog/blob/master/Node/DB/MongoDB%E5%9F%BA%E7%A1%80.md) * [快速上手node+express+MongoDB](https://github.com/amandakelake/blog/blob/master/Node/DB/%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8BNode%2Bexpress%2BmongoDB.md) * [Express + create-react-app 快速构建前后端开发环境](https://github.com/amandakelake/blog/blob/master/Framework/react/Express%20%2B%20create-react-app%20%E5%BF%AB%E9%80%9F%E6%9E%84%E5%BB%BA%E5%89%8D%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91%E7%8E%AF%E5%A2%83.md)