codermcc

从架构上来讲, SyntheticEvent打通了从外部`原生事件`到内部`fiber树`的交互渠道, 使得`react`能够感知到浏览器提供的`原生事件`, 进而做出响应, 修改`fiber树`.

其他的一些功能就都是基于 PM2 之上的辅助功能了。 PM2 的项目结构算是比较简洁的了，主要的源码都在 lib 目录下， God 目录为核心功能多进程管理的实现，以及 API 目录则是提供了各种能力，包括 日志管理、面板查看系统信息以及各种辅助功能，最后就是 Sysinfo …

上图为微信小程序的项目结构，pages下面包含了小程序中的每一个页面，每一个页面由页面结构，页面样式，页面配置和逻辑代码四部分组成。 页面结构文件为index.wxml，通过微信自定义的标签来写。 页面逻辑通过JavaScript来书写。 类似CSS文件，来定义页面内元素的样式…

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

连接建立完毕后，开始传输数据，TCP链接通过拥塞控制算法（参考文章）。第一个响应包通常是14KB大小，客户端收到之后，下个包的大小会增加到之前包的2倍，直到达到设定的阈值或者遇到丢包。通过反复地探索网络传输能力来确定适合的传输速度，页面内容（只包含HTML内容）小于14KB对于…

面试经常问到的一个问题就是webapck的原理，要理解一个东西的原理，最深刻的方式就是自己去实现一次。下面我们就一起手写webpack核心代码，彻底搞懂webpack原理。 1、能将模块化的js文件，打包生成一个js文件，模块中的ES6代码转换为ES5代码，在html文件中引入…

拖拽的业务使用场景已经渗透在了我们各个方面，尤其在移动端方便。侧面拖拽菜单，拖拽卡片交互，拖拽评分等等。 这样的交互使得我们在有限的事件场景中，给予用户更方便的交互操作。大大的提升了用户体验、产品的流畅度。 React-DnD是一组React实用程序，可帮助您构建复杂的拖放界面…

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-router的核心，也是整个路由原理的核心，里面集成了popState,history.pushState等底…