说是整体架构，其实是简单分析了下官方文档和项目源码，对各个项目间的依赖进行了梳理，输出的思维导图如下：

调试无非两种： 本地／开发环境调试，这种调试由于依赖的脚本都在本地，通常比较方便 线上／生产环境调试，该环境下由于所有的脚本请求与后端部署都与本地不同，需要迂回手段来帮助调试 虽然本地调试比较方便，但某一些场景下必须在生产环境调试： 某些环境只能在线上测试，比如微信端需要真实的域名，SSO等 紧急bug修复，只能在线上调试 Charles使用网页端浏...

还是工程上的问题吧，手上有个组件需要在打开某项功能是判断当前用户是否经过手机号验证，逻辑交互如下： 整个逻辑还是比较清晰的 由于验证对话框是另外一个React组件，需要在当前组件里添加该验证对话框的打开状态，另外由于需要在验证通过或未通过后分别采取不一样的策略，需要对应不同的回调 12345678910111213141516171819202122232...

相信初学者在学习React文档时都会注意到列表组件，并且官方会提醒列表组件需要key属性，虽然没有key属性React也能渲染出来，但会在控制台出现相应的warning。 为何需要key属性由于React是基于Virtual DOM的diff算法来判断是否重新渲染组件，在列表组件数量比较多，但变化实际不多的情况（比如只插入一个），如果没有key属性辅助判断，...

圣诞节快乐！ 使用场景这次大概是遇到了这么个使用场景： 我打算重拾半年未记的个人财务管理，就是记账。有过两次分别半年左右的随手记使用经历，体验并不是太好，广告太多，软件太重。 而且我是家庭记账的形式，家里那位先生大脑比较简单，是胜任不了这样消耗精神力的任务，也就是我需要记两个人的帐，随手记支持家庭共享账本，但这个功能对于一方完全不记账的人而言也没什么太大作用...

元素／类CSS 中类 (classes) 和 ID 的区别。 ID唯一，CSS用#选择 类不唯一，CSS用.选择 CSS选择器有哪些 通用选择器：选择所有元素，*不参与计算优先级**，兼容性IE6+ #X id选择器：选择id值为X的元素，兼容性：IE6+ .X 类选择器： 选择class包含X的元素，兼容性：IE6+ X Y后代选择器： 选择满足X选择器...

doctype(文档类型) 的作用是什么？举例常见doctype及特点声明文档类型，比如HTML或者XHTML；DOCTYPE声明告诉类似的代码校验器或者浏览器应该按照什么规则集解析文档，这些“规则”就是W3C发表的文档类型定义（DTD）中包含的规则1。 浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mo...

个人学习你在昨天/本周学到了什么？ 昨天： 新入手Mac，配置常用App和编程环境，了解新手需要掌握的知识，熟悉快捷键（例如Chrome下的Vimium插件） 本周：暂时了解React16新特性，根据github学习代码简单实验 本周接下来需要：刷题以及尝试阅读React源码或者根据文档进行源码分析 编写代码的哪些方面能够使你兴奋或感兴趣？ 好玩...

前端面试题目搜集及答案总结。记录自己在准备找工作或找工作过程中遇到的常见或非常见面试问题以及相关回答。

http缓存机制是指在客户端与服务器发送与接收消息过程中，如果客户端或者中间代理服务器已缓存资源，重复利用已缓存资源，而省略服务器重新发送资源的机制。