Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yinguangyao/blog

关于 JavaScript 前端开发、工作经验的一点点总结。
https://github.com/yinguangyao/blog

blog canvas docker ecmascript ioc javascript jsbridge konvajs mobx nodejs nuxt react react-hooks recoil redux ssr typescript underscore webpack webview

Last synced: about 2 months ago
JSON representation

关于 JavaScript 前端开发、工作经验的一点点总结。

Host: GitHub
URL: https://github.com/yinguangyao/blog
Owner: yinguangyao
Created: 2017-09-04T03:12:47.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2024-01-09T05:38:40.000Z (12 months ago)
Last Synced: 2024-07-31T09:12:31.661Z (5 months ago)
Topics: blog, canvas, docker, ecmascript, ioc, javascript, jsbridge, konvajs, mobx, nodejs, nuxt, react, react-hooks, recoil, redux, ssr, typescript, underscore, webpack, webview
Homepage:
Size: 1.76 MB
Stars: 243
Watchers: 16
Forks: 12
Open Issues: 75
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome - yinguangyao/blog - 关于 JavaScript 前端开发、工作经验的一点点总结。 (miscellaneous)

README

        我是 null，擅长移动 Web 开发、React 全家桶、前端工程化、Web 渲染等方面的技术栈。

闲暇之余，我喜欢在知乎（[前端漫谈](https://www.zhihu.com/column/c_158541431)）输出技术博客，也是慕课网[《web前端开发修炼指南》](https://www.imooc.com/read/72)的作者，擅长移动 Web 开发、React 全家桶、前端工程化、Web 渲染等方面的技术栈。

感兴趣可以加我微信 gioryyin 一起尬聊。

 ## React 系列

 - [介绍 Preact Signals](https://github.com/yinguangyao/blog/issues/80) _`2022`

 - [各流派 React 状态管理对比和原理实现](https://github.com/yinguangyao/blog/issues/56) _`2021`

 - [从零实现 Redux 和 React-redux][15] _`2020`

 - [从零实现 Mobx：深入理解 Mobx 原理](https://github.com/yinguangyao/blog/issues/54) _`2020`

 - [从零实现 React](https://github.com/yinguangyao/blog/issues/73) _`2020`

 - [怎样用 React Hooks 实现 Vue3 Composition API？][16] _`2020`

 - [浅谈 React 组件设计](https://github.com/yinguangyao/blog/issues/40) _`2020`

 - [React Hooks 原理和最佳实践](https://zhuanlan.zhihu.com/p/136171624) _`2020`

 - [如何写好 React 业务代码？][17] _`2019`

 - [深入理解 React Lite][11] _`2019`

 - [浅谈 React Diff 实现][14] _`2019`

 - [React 入门：生命周期与组件通信](https://github.com/yinguangyao/blog/issues/59) _`2019`

 - [React 入门：JSX 和组件](https://github.com/yinguangyao/blog/issues/58) _`2019`

 - [Mobx 项目实践][12] _`2018`

## 工作沉淀

 - [腾讯文档智能表格渲染层 Feature 设计](https://github.com/yinguangyao/blog/issues/83) _`2023`

 - [异步分片计算在腾讯文档的实践](https://github.com/yinguangyao/blog/issues/82) _`2022`

 - [回学校教前端的经历](https://github.com/yinguangyao/blog/issues/70) _`2021`

 - [移动端开发技术详解](https://github.com/yinguangyao/blog/issues/49) _`2021`

 - [JS Bridge 通信原理与实践](https://github.com/yinguangyao/blog/issues/50) _`2021`

 - [有必要使用服务端渲染（SSR）吗？](https://github.com/yinguangyao/blog/issues/46) _`2021`

 - [Web 安全之恶意扫描](https://github.com/yinguangyao/blog/issues/55) _`2021`

 - [记一个 Nuxt 同构问题](https://github.com/yinguangyao/blog/issues/42) _`2020`

 - [记一次 Nuxt 登录页优化](https://github.com/yinguangyao/blog/issues/44) _`2020`

 - [使用 Puppeteer 实现文件下载](https://github.com/yinguangyao/blog/issues/69) _`2020`

 - [对跨域页面通信的深入思考][24] _`2019`

 ## Canvas

 - [Leaferjs，全新的 Canvas 渲染引擎](https://github.com/yinguangyao/blog/issues/85) _`2023`

 - [浅谈 Canvas 渲染引擎设计](https://github.com/yinguangyao/blog/issues/84) _`2023`

 - [KonvaJS 原理解析](https://github.com/yinguangyao/blog/issues/68) _`2021`

 - [canvas 画一朵樱花](https://github.com/yinguangyao/blog/issues/48) _`2021`

## 前端工程化杂谈

 - [whistle 开发调试最佳实践](https://github.com/yinguangyao/blog/issues/77) _`2022`

 - [使用 MonoRepo 管理前端项目](https://zhuanlan.zhihu.com/p/333021512) _`2021`

 - [深入理解 webpack 模块](https://github.com/yinguangyao/blog/issues/43) _`2020`

 - [前端 CI/CD 初探][26] _`2019`

 

## JavaScript 面向对象

 - [JavaScript 面向对象编程](https://github.com/yinguangyao/blog/issues/62) _`2020`

 - [深入理解 JavaScript 中的类与继承][23] _`2020`

 - [前端开发中常用的设计模式](https://github.com/yinguangyao/blog/issues/64) _`2020`

 - [写好业务代码 —— 前端 MVC 分层的实践](https://github.com/yinguangyao/blog/issues/63) _`2020`

 - [策略模式和表驱动优化你的条件语句][18] _`2019`

 - [前端开发中的状态机](https://github.com/yinguangyao/blog/issues/57) _`2019`

 - [前端开发中的 AOP 和 IoC](https://github.com/yinguangyao/blog/issues/39)  _`2019`

 - [Babel 下的 class 和 extends](https://github.com/yinguangyao/blog/issues/72) _`2019`

 

## 重学 ES6

 - [深入理解 ES6 中的 Class 和 extends 原理](https://github.com/yinguangyao/blog/issues/53) _`2020`

 - [深入理解 JavaScript 模块系统](https://github.com/yinguangyao/blog/issues/61) _`2020`

 - [深入理解回调函数与 Promise 原理](https://github.com/yinguangyao/blog/issues/51) _`2020`

 - [深入理解 generator 和 async 原理](https://github.com/yinguangyao/blog/issues/52) _`2020`

 - [ES6 Proxy 实践](https://github.com/yinguangyao/blog/issues/41) _`2020`

 - [一文搞懂 Dynamic Import 和 Top-level await 提案](https://github.com/yinguangyao/blog/issues/38) _`2020`

 - [都2020年了，你还不会JavaScript 装饰器？](https://github.com/yinguangyao/blog/issues/34) _`2020`

 - [面向未来的 ECMAScript 标准](https://github.com/yinguangyao/blog/issues/60) _`2020`

## JavaScript 进阶

 - [实现一个bind函数][19] _`2019`

 - [JS 函数高阶应用][21] _`2019`

 - [怎么解决跨域问题][25] _`2019`

 - [从 ECMA 规范看 JavaScript 类型转换][22] _`2019`

 - [万事开头难 —— 如何起一个好的变量名?](https://github.com/yinguangyao/blog/issues/66) _`2019`

 - [你不了解的JS运算符小技巧](https://github.com/yinguangyao/blog/issues/67) _`2019`

 - [JavaScript 的前世今生](https://github.com/yinguangyao/blog/issues/71) _`2019`

## Underscore 源码解读

 - [underscore源码剖析之整体架构][1] _`2018`

 - [underscore源码剖析之基础方法][2] _`2018`

 - [underscore源码剖析之数组遍历函数分析（一）][3] _`2018`

 - [underscore源码剖析之数组遍历函数分析（二）][4] _`2018`

 - [underscore源码剖析之throttle节流函数][5] _`2018`

 - [underscore源码剖析之debounce防抖动函数][6] _`2018`

 - [underscore源码剖析之查找索引函数][7] _`2018`

 - [underscore源码剖析之实现模板引擎][8] _`2018`

## 其他

 - [知乎前端回答合集](https://github.com/yinguangyao/blog/issues/81) _`2022`

 - [前端面试技巧和总结](https://github.com/yinguangyao/blog/issues/75) _`2020`

 - [《编写可读代码的艺术》笔记][20] _`2018`

 - [富爸爸，穷爸爸][30] _`2018`

 - [关于编程学习][31] _`2018`

 

  [1]: https://github.com/yinguangyao/blog/issues/7

  [2]: https://github.com/yinguangyao/blog/issues/15

  [3]: https://github.com/yinguangyao/blog/issues/16

  [4]: https://github.com/yinguangyao/blog/issues/17

  [5]: https://github.com/yinguangyao/blog/issues/18

  [6]: https://github.com/yinguangyao/blog/issues/19

  [7]: https://github.com/yinguangyao/blog/issues/20

  [8]: https://github.com/yinguangyao/blog/issues/4

  [9]: https://github.com/yinguangyao/blog/issues/6

  [10]: https://github.com/yinguangyao/blog/issues/13

  [11]: https://github.com/yinguangyao/blog/issues/10

  [12]: https://github.com/yinguangyao/blog/issues/9

  [13]: https://github.com/yinguangyao/blog/issues/26

  [14]: https://github.com/yinguangyao/blog/issues/27

  [15]: https://github.com/yinguangyao/blog/issues/35

  [16]: https://github.com/yinguangyao/blog/issues/37

  [17]: https://github.com/yinguangyao/blog/issues/23

  [18]: https://github.com/yinguangyao/blog/issues/14

  [19]: https://github.com/yinguangyao/blog/issues/5

  [20]: https://github.com/yinguangyao/blog/issues/1

  [21]: https://github.com/yinguangyao/blog/issues/3

  [22]: https://github.com/yinguangyao/blog/issues/30

  [23]: https://github.com/yinguangyao/blog/issues/29

  [24]: https://github.com/yinguangyao/blog/issues/33

  [25]: https://github.com/yinguangyao/blog/issues/32

  [26]: http://share.gyyin.top/Shopee/CI.html

  [27]: https://github.com/yinguangyao/blog/issues/28

  [28]: https://github.com/yinguangyao/blog/issues/24

  [29]: https://github.com/yinguangyao/blog/issues/21

  [30]: https://github.com/yinguangyao/blog/issues/25

  [31]: https://github.com/yinguangyao/blog/issues/31