# blog

**Repository Path**: leolong-wang/blog

## Basic Information

- **Project Name**: blog
- **Description**: think more！learn more!
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-07
- **Last Updated**: 2022-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# personal blog about Front-End

> 合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下 ————《老子》
---

> 推广：[近百高频知识点，十万余字，最强面试图谱开源(PS：个人承担了该项目的部分翻译工作😁)](https://github.com/InterviewMap/CS-Interview-Knowledge-Map)
---


## 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)

  * [jQuery源码结构](https://github.com/amandakelake/blog/issues/12)

  * [Vue 源码阅读【1】—— Vue本质](https://github.com/amandakelake/blog/issues/56)

  * [Vue 源码阅读【2】—— 数据驱动](https://github.com/amandakelake/blog/issues/57)


## JS

 * [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)

 * [ES6中export及export default、Node中exports和module.exports的区别](https://github.com/amandakelake/blog/issues/22)

## 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)

## Network、Browser、Web performance

 * [浏览器工作原理：从输入URL到页面加载完成](https://github.com/amandakelake/blog/issues/55)

 * [【性能优化】DNS预解析、域名发散、域名收敛](https://github.com/amandakelake/blog/issues/50)

 * [【性能优化】优化关键渲染路径，加速浏览器首次渲染](https://github.com/amandakelake/blog/issues/54)

 * [【性能优化】手把手实现图片懒加载+Vue封装](https://github.com/amandakelake/blog/issues/46)

 * [【性能优化】图片优化——总览](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)


## 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)