子宇Fy

此项目是我两年前的pika-music的重构项目, 所用到的技术栈也是全面的更新。项目重在实践 React 下的 SSR 架构实现和 React 相关的最新技术栈

旋转排序数组题目的解法一般都是二分查找。大家都知道二分查找是细节狂魔，下面我们来总结一下leetcode上5题关于旋转排序数组题目，来得到一些解题经验。题目如下： 33. 搜索旋转排序数组 81. 搜

前端的页面性能优化是每个前端工程师都逃脱不了的话题，因为用户体验是我们永恒的目标。这篇文章我会从性能指标出发，在网络资源优化和页面渲染优化这两个角度，总结一下个人对前端页面性能优化的相关知识的学习

～～文章首发于我的个人技术博客 上一篇文章 ExpressJs中间件原理学习 学习了Node.js Web 应用程序框架ExpressJs，这篇文章会学习Node.js 的另一个web框架- Koa。

ExpressJs是一个很受欢迎 Node.js Web 应用程序框架。在使用过ExpressJs后，想更深层次的学习一下这个框架的中间件源码设计，做到知其所以然。

修改test的值，会触发log函数自动执行。相当于传入autorun的方法，会自动收集依赖到的 observable值的变化。个人猜测autorun函数的工作方式是这样的 终于到trackDerivedFunction了，trackDerivedFunction就是最终调用au…

[2020-10-28] 项目支持 webpack 5 打包。 PWA 支持。支持PWA的浏览器可以安装到桌面 主要思想参考的是 NextJS。首屏服务端渲染时，调用组件的 getInitialProps(store)方法，注入 redux store，getInitialPr…

webpack打包后的代码其实是一个自执行函数，该函数的modules参数就是一个对象，该对象所有的key是文件的路径，对应的value是该文件转换后的代码。以index.js为例，对应的代码片段是： 从以上代码可以看出，webpack替换了import 和 index中依赖的…

Redux的核心本质就是一个发布订阅模式。 单一数据源。在Redux中一般只有一个store，用来存放数据。 只读的state。更改状态的唯一方法是触发一个动作action，action 描述了这次修改行为的相关信息的对象。由于action只是简单的对象，因此可以将它们记录，序…