blog

查看所有blog文章

前端进阶系列

1. 前端框架

• React
  • 🚀 基于react-route-preload 实现的不一样的"代码拆分"+"动态懒加载"+"预加载"实现应用性能及体验兼得
  • Custom Hook 与 HOC 让代码不再臃肿、冗余
  • 抛弃Redux + flux思想，使用 react hooks + context 进行方便快捷的全局状态管理
  • 手把手教你使用React Hooks构建Redux进行状态管理

2. 前端状态管理

• 基于 zustand 维护的一套跨框架(react/vue)跨应用的状态管理及共享方案
• React状态管理工具优劣势分析 react hooks context / redux / mobx / zustand / jotai / valtio

3. JAVASCRIPT

• 手把手教你自定义一个markdown编辑器
• Typescript 装饰器及应用场景浅析
• 实现一个简易版react-redux
• IOC/DI原理分析，并实现一个 简易版 IOC/DI 框架
• Typescript 装饰器 底层原理分析
• 一篇教你从防抖、节流函数来认识this指向的文章
• Event loop 在浏览器端与NodeJS中的差别 以及 NodeJS中关于setTimeout与setImmediate引发的问题
• 探究bind的作用及实现原理
• 探究javascript中的堆/栈/任务队列与并发模型 event loop的关系
• 深入理解this作用域问题
• 深入理解javascript作用域与作用域链
• 手写运算符new创建实例并实现js继承
• 彻底捋清楚javascript中 new 运算符的实现
• 深入理解async/await的实现,Generator+Promise = Async/Await
• 解决由于参数编码问题导致服务端报500 (如：微信小程序 session_key 加密数据解密算法 报错)

4. 前端工程化

• webpack
  • 从0到1构建,webpack4持久化缓存优化方案,小白也能看懂的构建过程

5. CSS

• 你可能不知道的Animation动画技巧与细节

6. 性能优化

• NextJS
  • 一文了解 NextJS 并提升应用性能的最佳实践
• React
  • 通过切割代码和预加载来提高页面加载速度
• Css
  • 从浏览器渲染层面解析css3动效优化原理

7. Python系列

• 使用简单的python语句编写爬虫 定时拿取信息并存入txt
• 使用openpyxl进行excel操作

8. 算法系列,码不停题！！！

• Fizz Buzz 问题
• 最小路径和
• 给定一个没有重复数字的序列，返回其所有可能的全排列
• Fib优化
• 斐波那契数列
• 旋转数组的最小数字
• 实现队列
• 重建二叉树
• 二叉树右视图实现
• 替换空格
• 从尾到头打印链表
• 二维数组中的查找
• 判断是否回文字符串
• 常见排序算法
• 【算法-简单】反转链表
• 【算法-简单】合并两个有序链表
• 【算法-中等】LRU 缓存策略
• 动态规划
  • 什么是动态规划
  • 【算法-动态规划-简单】爬楼梯
  • 【算法-动态规划-简单】杨辉三角

9. 编程题

• 复制文件并获取进度
• 写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b 的时间，然后写一个 myClear，停止上面的 mySetInterVal
• requestidlecallback 实现
• 请实现一个函数 schedule 以限制最大并发任务数
• express / koa 中间件模型的实现
• 守护进程的实现
• 合并二维有序数组成一维有序数组
• 字符串出现的不重复最长长度
• []

10. 其它

• coolshell
  • [别自己墙了自己]
• Sketch 插件开发

关于订阅

如果觉得我的文章对你有帮助，欢迎右上角 star。订阅的话，请 watch 按钮,正在努力学习中，日常更新！！！