工作之余更文，精力有限常有疏漏，欢迎讨论指正。另外团队正在招人，base杭州和北京，需要帮忙内推请联系：yuanxin.me@gmail.com 。
Yuanxin's Blog
-
蚂蚁网商银行(2024/05-now):
资金理财、支付中台方向
-
抖音电商(2022-2024/05):
物流供应链领域，重业务线上线下结合
-
微搭Weda(2021-2022):
腾讯云低代码平台
-
云开发CloudBase(2019-2021):
腾讯云x微信小程序 Serverless 平台
-
腾讯wiz高校合作(2018-2019):
自研React前端组件库，基于SlateJS二开富文本编辑器
- JS代码编译—Babel
- 由浅入深—前端文件操作5种方式
- webpack核心概念、性能优化和问题分析
- css modules原理学习
- CSS 工程化方案
- styled-components 工作原理
- Vite为什么这么快
- React Hooks 实现双向绑定
- 各类模块规范以及AMD/UMD原理
- 领域驱动设计快速上手
- React Hooks 实现状态管理
- immer.js 应用和原理
- React父子组件实现：Form(Item)/Tab(Item)
- mobx 应用和源码
- 手写 JSON 解析器
- 磁贴布局 react-grid-layout
- useRef、forwardRef和useImperativeHandle封装组件
- React SSR 实现原理和源码解析
- NodeJS 集群：cluster.js 和 PM2
- NodeJS 多线程编程
- NodeJS 多进程编程
- TCB CLI源码分析--利用IoC和DI打造复杂命令行工具
- NodeJS开发交互式命令行工具
- 常见 Web 攻击手段和防范策略
- NodeJS 服务错误处理经验
- 利用LRU（哈希链表）实现本地缓存
- BitMap 优化美业模版的「预约模块」
- 如何通过WebWorker与时间分片优化JS长任务？
- Promise合并的场景和实现
- 最短路径问题求解以及近似最短路径
- 函数式编程中的Currying
- 函数式编程递归优化专题-TOC和Trampolines
- 函数式编程中的Function Composition
- 深入函数式编程(FP)
- 在Nodejs中使用GraphQL
- BitMap JS实现以及重复数检查
- 认识JS社区通用DI库-Inversify
- 十亿级日流量--微信云开发网关架构设计
- 高并发弹幕系统架构设计
- 分词搜索的多种解决思路
- 从Power Apps认识「数据连接器」
- NestJS源码: DTO实现(
- OpenAPI：让API的定义规范起来
- 线性栈和链表栈
- JSON Schema应用开发
- ImmutableJS 实战
- 认识 ImmutableJS 与不可变数据实现原理
- 大规模数据下的 TopK 求解思路
- 封装自己的React Hooks
- React 性能优化 Hooks：React.memo & useMemo
- 深挖 React.js 合成事件原理
- React State Hooks：useContext && useReducer
- 手搓 React Router 简易源码
- 认识阿里云「编排系统」
- redux-saga管理异步
- 处理Redux异步状态更新
- redux的reducer管理
- 理解Redux
- 基于「角色」的权限模块设计
- NestJS源码：实现依赖注入(DI)
- TypeScript 实现 @required 参数装饰器
- TypeScript元编程实现对象函数参数类型检查
- 消息队列应用场景、类型以及实战案例
- 一句话聊聊「降级」设计
- 面向资源和服务的「隔离」设计
- Web开发的回滚机制总结
- 超时重试机制
- TypeScript进阶实战
- 认识元编程、控制反转(IoC)以及依赖注入(DI)
- JavaScript实现Mixin设计模式
- 二维码生成设计方案
- Node.js CPU核心绑定
- Node.js操作tmpfs内存文件系统
- Node.js下Keep-Alive的
- 分布式日志设计
- Node.js 定时任务：node-cron
- IO/CPU密集型优化思路—池化技术
- 限流算法-漏桶和令牌桶
- 限流算法-时间窗口算法
- 多级缓存设计—常见策略和实践模式
- Nginx 学习笔记：http代理/负载均衡/长连接/健康检查
- 理解SQL事务隔离等级以及各种读写异常
- SQL下的乐观锁和悲观锁
- TypeScript 装饰器
- JavaScript的垃圾回收算法（GC）
- MySQL 主从一致性问题
- Promise Pool并发控制
- 一致性Hash算法原理和应用
- Nest.js实现本地缓存异步续期
- 单点登录SSO: Signgle Sign On
- 认识Json Web Token
- 分布式ID的常见3种做法
- 搭建大型Node.js应用监控告警服务
- SAM：无服务器应用模型
- Node.js async_hooks模块：处理异步问题
- HTTP Headers判断请求来源
- 高并发点赞功能设计
- Protobuf协议优化研究与Node.js使用
- JSON扩展协议研究使用：BSON 和 EJSON
- 接口高可用：如何应对API故障？
- 计算高可用：分散计算压力
- 数据存储高可用：数据冗余的多种做法
- 可扩展设计：分层架构、SOA、微服务
- 理解操作系统里阻塞/非阻塞、异步/非异步
- 高性能实践总结：读写分离、分库分表、缓存设计
- 基于 Next.js 和云开发 CMS 的内容型网站应用实战开发
- Next.js 与 SSR / SSG 模式
- 深入正则表达式：锚点/特征标群/贪婪惰性模式/零宽断言
- JS SDK 微内核设计实战
- 微服务架构下，名字服务的使用体验和功能设计
- 如何规范commit message记录
- 如何设计一个CMS系统
- 腾讯云云开发短信验证码实战
- 从Web开发的角度聊聊MVC、MVP和MVVM
- NodeJS模块研究 - Stream
- NodeJS压缩模块 - zlib
- NodeJS DNS模块研究
- NodeJS 加密模块 crypto
- Node.js querystring模块 — URL工具
- NodeJS模块研究 - Buffer
- Node.js 异步文件编程
- Node.js 文件模块：fs
- 一文看懂Cookie、Session、Token的区别
- 操作系统性能监控 - By NodeJS
- Node.js events 模块研究
- Node.js path模块：文件路径
- Serverless是什么？
- 让我们再聊聊Promise的实现
- 手写Promise的相关方法
- 一文说清 ReactJS VirtualDOM 的含义与实现
- 一文彻底搞懂react hooks的原理和实现
- React Router 实战技巧
- NodeJS日志库的设计与优化
- NodeJS 如何监听文件变化？
- TypeScript基础实践
- 开发一款实时对战五子棋小游戏-基于实时数据库
- CSS3动画设计 - Loader特效·进阶篇
- CSS3动画设计 - Loader特效基础篇
- 《MongoDB实战》读书笔记-索引、复制和分片
- CSS3动画设计 - 按钮特效
- 《MongoDB实战》读书笔记-基础、编码和优化
- CSS3动画设计 - 输入框特效
- CSS3动画设计 - 字体特效
- HTML5文件API操作实战
- 剑指Offer JavaScript-数组专题
- 剑指Offer JavaScript-位运算专题
- 剑指Offer JavaScript-查找专题
- 剑指Offer JavaScript-哈希专题
- 剑指Offer JavaScript-堆专题
- 剑指Offer JavaScript-链表专题
- 剑指Offer JavaScript-递归循环专题
- 剑指Offer JavaScript-栈和队列专题
- 剑指Offer JavaScript-字符串专题
- 剑指Offer JavaScript-树专题
- 手造简易 Koa.js 洋葱模型
- 深入 Koa.js 源码分析-上下文/中间件/洋葱模型
- ES6学习笔记
- Serverless开发一款极简网页计数器
- [译]SCSS和CSS3对比
- 浏览器的常见考点
- NodeJS实现简易区块链
- HTML5原生拖放事件的学习与实践
- ES6 Class对象研究
- React 组件通信方案
- Service Worker离线缓存实战
- ES5 如何实现继承方法
- JS里原型、原型链以及instanceof和new实现
- Javascript进阶-双向数据绑定
- JS面试常考的源码实现：this绑定/深拷贝/instanceof/Event事件类
- JS里的基础类型
- ES5和ES6的this
- 正则表达式常见题目
- CSS3 Flex 布局研究
- 你了解css3的nth-child吗
- JavaScript「结构型」设计模式
- JavaScript「行为型」设计模式
- JavaScript「创建型」设计模式
- canvas离屏技术与放大镜实现
- canvas实现前端滤镜
- 原生websocket学习和群聊实现
- Webpack4系列开源课程
- CSS3盒模型：border-box
- scss实现样式复用: 继承、占位符、混合宏
客官稍等，评论加载中...