黄晓刚

1. [Inside Fiber: in-depth overview of the new reconciliation algorithm in React](https://indepth.dev/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react) 2. [In-depth explanation of state and props update in React](https://indepth.dev/in-depth-explanation-of-state-and-props-update-in-react/)

webpack编译流程漫谈

17

# webpack编译流程漫谈 ## 前言 > weback在web构建工具的激烈竞争中逐渐脱引而出。 无论是编译速度、报错提示、可扩展性等都给前端开发者耳目一新的感觉。本篇文章是个人对webpack的一点小研究总结。 ## webpack在开发者社区的反馈 > 类似gulp把自己定位为stream building tools一样，webpack把自己定位为module building system。 > 在webpack看来，所以的文件都是**模块**，只是处理的方式依赖不同的工具而已。 > > webpack同时也把node的IO和module system发挥的淋漓尽致。 webpack在配合`babel(ES6/7)`和`tsc(typescript)`等类似DSL语言预编译工具的时候，驾轻就熟，为开发者带来了几乎完美的体验。 ## webpack整体架构(以webpack.config主要部分进行划分) 1. `entry:` 定义整个编译过程的起点 2. `output:` 定义整个编译过程的终点...

前端小trick收集

2

https://stackoverflow.com/questions/30861247/flexbox-children-does-not-respect-height-of-parent-with-flex-direction-column

## 7 important tapable instances 1. compiler: exosed via node api + central dispatch start/stop ```js const webpack = require('webpack'); const compiler = webpack(options); ``` 2. compilation: created by the...

https://en.wikipedia.org/wiki/Chromium_Embedded_Framework https://bitbucket.org/chromiumembedded/cef/wiki/GeneralUsage#markdown-header-browser-life-span https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration.md https://bitbucket.org/chromiumembedded/cef/wiki/GeneralUsage#markdown-header-browser-life-span

http://reactkungfu.com/2016/03/dive-into-react-codebase-handling-state-changes/

ssh config服务器远程登录 http://nerderati.com/2011/03/17/simplify-your-life-with-an-ssh-config-file/ linux后台daemon和前端运行指令 https://linuxconfig.org/understanding-foreground-and-background-linux-processes https://superuser.com/questions/268230/how-can-i-resume-a-stopped-job-in-linux chrome来debug node应用 https://blog.hospodarets.com/nodejs-debugging-in-chrome-devtools MicroTask和macroTask的api范畴 macrotasks: setTimeout, setInterval, setImmediate, I/O, UI rendering microtasks: process.nextTick, Promises, Object.observe, MutationObserver http://stackoverflow.com/questions/25915634/difference-between-microtask-and-macrotask-within-an-event-loop-context

个人生活日记

2

## 闻同学结婚有感 > 今天听闻高中同学快要结婚的消息，心里还是有些小激动。 晚上写完代码走在回家的路上，我看着八月十五的月亮，脑中又开始有些别样的思绪。 > > 结婚是人生大事，工作也是人生的大事。我们马不停蹄的往前赶，路过一站又一站的风景，不会停下，也停不下。 > > 对于我来说，每天除了工作，其余大部分时间还是在馄饨的想法中渡过的。我也会结婚，我也会拥有自己的家庭。等到那一天，我为自己的新娘揭开面纱的时候，那会是何种景象，又会拥有什么样的心情呢。 > > 人的一生需要学会珍惜，珍惜青春，珍惜身边的人，珍惜所被赐予的一切。 > > it will elapse , it will elapse. > > 在上海生活了这1年多，我看到了社会的贫富不均，看到了自己所处的位置，看到了人会老去，也看到了孩子的活力。我们要创造美好，争取未来，这是每天面对的最现实的问题。 > > if you...

# 前言 > 最近公司开始上RN android项目，作为一个基本上不写java的纯野生web前端开发， > 我还是想来窥探一下react-native/android下对RN项目提供的jar包结构和类方法，以便对项目开发更具有掌控力。 # 正文 ### 传统JS-Android开发模式【Webview接口】 > 通过使用android提供的Webview类，即可完成JS和java代码的通信。 > 基本的使用方式如下: 1. 添加webview页面 ```xml ``` 2. 添加程序清单，增加网络权限 ```xml ``` 3. 添加webview接口 ``` java /**添加Webview**/ WebView myWebView...