🌱 Jony的博客，记录学习工作的点点滴滴

---

文章的分类

• Html/Http
• Css/Css3
• JS/ES6/ES.next
• Typescript
• React/Redux/Mobx
• Threejs/WebGL
• NodeJS
• Golang
• 构建工具
• 其他

🌱 最新3篇文章

• js打包时间缩短90%，bundleless生产环境实践总结

• 快速高斯模糊算法的原理以及webgl工程实现

• Typescript代码整洁之道

🌱 历史文章列表

• Css/Css3

  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）

  • 深入浅出浏览器中的ES modules

  • 深入聊一聊__esModule

  • 前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)

• JS/ES6/ES.next

  • 前端监控和前端埋点方案设计

  • 你真的懂switch吗？聊聊switch语句中的块级作用域

  • 发布一个npm包，用于监控页面中的所有API请求的状态和结果

  • 在单页应用中，如何优雅的上报前端性能数据

  • 在单页应用中，如何优雅的监听url的变化

  • 手把手教你实现json嵌套对象的范式化和反范式化

  • 实现一个完美符合Promise/A+规范的Promise

  • 从promise、process.nextTick、setTimeout出发，谈谈Event Loop中的Job queue

  • 总结一下ES6/ES7中promise、generator和async/await中的异常捕获方法

• Typescript

  • Typescript代码整洁之道

  • 在Typescript项目中，如何优雅的使用ESLint和Prettier

  • 聊一聊Typescript中与this相关的类型定义

  • Node server typescript改造指南

  • 聊聊Typescript中的设计模式——装饰器篇(decorators)

• React/Redux/Mobx/RxJS

  • 深入浅出svelte.js
  • React hooks中swr的原理和源码解析
  • React Hooks工程实践总结
  • 如何优雅的使用react hooks来进行状态管理
  • React生态，dva源码阅读
  • 在React项目中，如何优雅的优化长列表
  • React-tiny-virtual-list源码阅读
  • 从mixin到hooks,谈谈对16.7.0-alpha中即将引入的hooks的理解
  • 发布一个react组件——react-read-pdf，用于在移动端展示PDF文件
  • 从路由原理出发，深入阅读理解react-router 4.0的源码
  • 彻彻底底教会你使用Redux-saga(包含样例代码)
  • React16.x中的服务端渲染（SSR）
  • Redux源码深度解读
  • Redux源码解读拾遗，createStore的第三个参数
  • RxJS入门——基础操作指北
  • React内部原理，第一部分：基础渲染
  • React内部原理，第二部分： componentWillMount and componentDidMount

• WebGL

  • 优雅的学习webgl(1)—从0开始构造你的第一个webgl程序
  • 优雅的学习webgl(2)—webgl中的着色器和缓冲区
  • 优雅的学习webgl(3)—webgl中的三维图形和矩阵变换
  • 优雅的学习webgl(4)—webgl中的投影模型
  • 优雅的学习webgl(5)—webgl中的光照和反射变换
  • 通过webgl中的纹理贴图来自定义图片间的转场效果
  • 如何优雅的通过canvas实现一个简单的文本编辑器
  • 快速高斯模糊算法的原理以及webgl工程实现

• Nodejs

  • 从Express到Nestjs，谈谈Nestjs的设计思想和使用方法
  • 循序渐进教你实现一个完整的node的EventEmitter模块
  • nodejs中的子进程，深入解析child_process模块和cluster模块

• Golang

  • golang学习笔记（二）—— 深入golang中的协程
  • golang学习笔记（一）—— golang基础和相关数据结构

• 构建工具

  • js打包时间缩短90%，bundleless生产环境实践总结
  • Webpack4.0初体验
  • Webpack中的sourcemap以及如何在生产和开发环境中合理的设置sourcemap的类型

• Threejs

  • 禁用Firefox和Chrome的安全性检测
  • Threejs官方文档-入门-（1）创建一个场景 ，demo地址
  • Threejs官方文档-入门-（2）模块的方法引入
  • Threejs官方文档-入门-（3）浏览器支持
  • Threejs官方文档-入门-（4）webgl兼容性检测
  • Threejs官方文档-入门-（5）画线，demo地址
  • 渲染器、场景和照相机简介
  • 照相机详细介绍
  • 几何形状
  • 文字形状和自定义形状，demo1地址，demo2地址
  • 材质,demo地址
  • 材质的纹理贴图，demo1地址，demo2地址

• 其他

  • 前端面试杂记
  • 前端面试总结——基础javascript篇
  • 前端面试总结——进阶javascript篇
  • 前端面试总结——http、html和浏览器篇
  • 前端面试总结——css篇