Ecosyste.ms: Awesome

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

https://github.com/lihongxun945/myblog

言川的博客-前端工程师的笔记
https://github.com/lihongxun945/myblog

blog frontend react vue webpack yan-chuan

Last synced: 16 days ago
JSON representation

言川的博客-前端工程师的笔记

Lists

README 

        
# 言川的博客



看博客直接点这里 [issues](https://github.com/lihongxun945/myblog/issues)，想保持关注的同学欢迎点击右上角订阅.



从2018/07/01以后就在github上用issue写博客了。Issue写博客的好处是：



1. 完美支持 Markdown

2. 可以在线编辑，预览

3. 可以评论和订阅

4. 可以打标签

5. 可以写模板



缺点是：



1. 无法管理版本

2. 插入图片不方便

3. 没法自定义主题



2018/07之前在CSDN大约写了100+博客，涉及到前端，java，算法，人工智能等很多领域，地址：[言川的博客-CSDN](https://blog.csdn.net/lihongxun945?viewmode=contents)



# 每周笔记列表



这里都是每周读书笔记性质的博客，以前端知识为主，记录每周学习的各种零碎知识。（按时间倒序）



- [如何用Lora给自己女朋友建模](https://github.com/lihongxun945/myblog/issues/58)

- [通过少量切图实现雷达图的一种方式（不用SVG和Canvas）](https://github.com/lihongxun945/myblog/issues/57)

- [随手笔记：cherry-pick 实现跨仓库合并代码](https://github.com/lihongxun945/myblog/issues/55)

- [你不知道的JS数组](https://github.com/lihongxun945/myblog/issues/53)

- [43行代码实现Vue3响应式](https://github.com/lihongxun945/myblog/issues/52)

- [React中如何优雅的使用定时器](https://github.com/lihongxun945/myblog/issues/51)

- [vite笔记](https://github.com/lihongxun945/myblog/issues/50)

- [useEffect与闭包](https://github.com/lihongxun945/myblog/issues/47)

- [git 配置代理](https://github.com/lihongxun945/myblog/issues/46)

- [React Hooks 1 - State Hook , Effect Hook, Custom Hook](https://github.com/lihongxun945/myblog/issues/41)

- [我做阿里技术面试官的一些经验](https://github.com/lihongxun945/myblog/issues/40)

- [Vue3.0开发路线发布](https://github.com/lihongxun945/myblog/issues/36)

- [关于Vue和React区别的一些笔记:star:](https://github.com/lihongxun945/myblog/issues/21)

- [使用Rollup构建你的JS代码](https://github.com/lihongxun945/myblog/issues/20)

- [理解 Iterator, Generator 和 Async/Await:star:](https://github.com/lihongxun945/myblog/issues/3)

- [我们为什么需要指令](https://github.com/lihongxun945/myblog/issues/2)

- [JS引擎基础：Shapes 和 ICs](https://github.com/lihongxun945/myblog/issues/1)



# 系列博客(精华)



这里是通过一个系列深入理解某一个比较大的主题，因为每一个系列都会有很多篇文章，所以在这里分类整理。



**Vue2.x源码解析系列（持续更新中..):boom::boom::boom:**



这是在 `2018/07/22`开始的新的系列文章，解析当前最新的 `[email protected]` 的源码。因为之前写过 `vue1.x源码解析` 文章，所以请放心会是一个高质量的系列。计划在一个月的时间左右完成，也就是到 `2018/08/31` 之前能完成这个系列。建议点击右上角 `Watch` 订阅博客，不要错过每一篇更新。



- [Vue2.x源码解析系列一：我的源码阅读心得](https://github.com/lihongxun945/myblog/issues/22)

- [vue2.x源码解析系列二: Vue组件初始化过程概要](https://github.com/lihongxun945/myblog/issues/23)

- [Vue2.x源码解析系列三：Options配置的处理](https://github.com/lihongxun945/myblog/issues/24)

- [Vue2.x源码解析系列四：数据响应之Observer](https://github.com/lihongxun945/myblog/issues/25)

- [Vue2.x源码解析系列五：数据响应之Watcher](https://github.com/lihongxun945/myblog/issues/27)

- [Vue2.x源码解析系列六：模板渲染之render和watcher](https://github.com/lihongxun945/myblog/issues/28)

- [Vue2.x源码解析系列七：深入Compiler理解render函数的生成过程](https://github.com/lihongxun945/myblog/issues/29)

- [Vue2.x源码解析系列八：深入$mount内部理解组件挂载和更新原理 ](https://github.com/lihongxun945/myblog/issues/31)

- [Vue2.x源码解析系列九：vnode的生成与更新机制](https://github.com/lihongxun945/myblog/issues/32)

- [Vue2.x源码解析系列十：patch 算法](https://github.com/lihongxun945/myblog/issues/33)

- [Vue2.x源码解析系列十一：插件系统](https://github.com/lihongxun945/myblog/issues/34)



**Webpack 源码解析系列**



通过阅读代码，深入理解webpack的工作原理。包含8篇文章以及一些JS代码。



- [我对webpack的看法以及本系列文章的规划](https://github.com/lihongxun945/diving-into-webpack/blob/master/1-introduction.md)

- [写一个自己的babel-loader](https://github.com/lihongxun945/diving-into-webpack/blob/master/2-babel-loader.md)

- [style-loader和css-loader](https://github.com/lihongxun945/diving-into-webpack/blob/master/3-style-loader-and-css-loader.md)

- [file-loader和url-loader](https://github.com/lihongxun945/diving-into-webpack/blob/master/4-file-loader-and-url-loader.md)

- [bundle.js内容分析](https://github.com/lihongxun945/diving-into-webpack/blob/master/5-bundle.js.md)

- [webpack处理流程分析](https://github.com/lihongxun945/diving-into-webpack/blob/master/6-process-pipe-line.md)

- [HMR热更新原理](https://github.com/lihongxun945/diving-into-webpack/blob/master/7-hmr.md)

- [Tree shaking](https://github.com/lihongxun945/diving-into-webpack/blob/master/8-tree-shaking.md)



**Vue1.0源码解析系列**



这是我在阅读vuejs源码的时候写的一些列博客，通过实现一个自己的 `tiny-vue` ，让你可以非常透彻的理解Vue的实现原理。这是一篇手把手教程，一步步教你实现vue的两个重要部分：响应式数据，插件框架。



- [vue1.0源码解析一：前言](https://github.com/lihongxun945/myblog/issues/4)

- [vue1.0源码解析二：理解Vue架构](https://github.com/lihongxun945/myblog/issues/5)

- [vue1.0源码解析三：实现数据响应化](https://github.com/lihongxun945/myblog/issues/6)

- [vue1.0源码解析四：实现Compile和Directive](https://github.com/lihongxun945/myblog/issues/7)

- [vue1.0源码解析五：实现Watcher](https://github.com/lihongxun945/myblog/issues/8)

- [vue1.0源码解析六：实现常用指令 v-on 和 v-text](https://github.com/lihongxun945/myblog/issues/9)

- [vue1.0源码解析七：总结和展望](https://github.com/lihongxun945/myblog/issues/10)



源码地址：[Tiny-Vue](https://github.com/lihongxun945/tiny-vue)



**五子棋AI教程第二版**



纯JS实现一个具有较高棋力的五子棋AI，完全在浏览器中运行。项目地址： [gobang](http://gobang.light7.cn/)。这是第二版教程，详细解析了五子棋AI设计的每一个环节：



- [五子棋AI设计教程第二版一：前言](https://github.com/lihongxun945/myblog/issues/11)

- [五子棋AI设计教程第二版二：博弈算法的前世今生](https://github.com/lihongxun945/myblog/issues/12)

- [五子棋AI设计教程第二版三：极小化极大值搜索](https://github.com/lihongxun945/myblog/issues/13)

- [五子棋AI设计教程第二版四：Alpha Beta 剪枝算法](https://github.com/lihongxun945/myblog/issues/14)

- [五子棋AI设计教程第二版五：启发式评估函数](https://github.com/lihongxun945/myblog/issues/15)

- [五子棋AI设计教程第二版六：迭代加深](https://github.com/lihongxun945/myblog/issues/16)

- [五子棋AI设计教程第二版七：Zobrist缓存](https://github.com/lihongxun945/myblog/issues/17)

- [五子棋AI设计教程第二版八：算杀](https://github.com/lihongxun945/myblog/issues/18)

- [五子棋AI设计教程第二版九：性能优化](https://github.com/lihongxun945/myblog/issues/19)



# 如何订阅和收藏



点击左上角`Star`收藏，点击`Watch` 订阅



# 关于作者 - 言川



`言川` 是我的笔名。个人特点总结：



- 阿里巴巴前端技术专家，精通前端技术，精通 Vue/Webpack，熟悉Node/React，涉猎广泛，对算法/后端/人工智能/linux等都有一定研究

- 开源爱好者，github上目前总计 `5000+` Star

- 闲暇之余喜欢写博客，之前在 [言川的博客-CSDN](https://blog.csdn.net/lihongxun945?viewmode=contents)上写，近期切换到了github。总计发表过 100 余篇博客，涉及到前端、后端、算法、人工智能、linux等多个领域。

- 业余爱好：研究技术/写博客，健身，Dota，美食。