blog

KO | EN

gitlite — search

#ai #typescript #llm #go #golang #deep-learning #linux #docker #macos #java #windows #awesome #kubernetes #awesome-list

(★ 209)

写博客，记录成长

blog Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 高质量文章

## 手写核心原理系列

- [手写Vuex核心原理，再也不怕面试官问我Vuex原理](https://github.com/Sunny-lucking/howToBuildMyVuex)
- [手写Vue核心原理，再也不怕面试官问我Vue原理](https://github.com/Sunny-lucking/myvue)
- [手写Vue-router核心原理，再也不怕面试官问我Vue-router原理](https://github.com/Sunny-lucking/howToBuildMyVueRouter)
- [手写webpack核心原理，再也不怕面试官问我webpack原理](https://github.com/Sunny-lucking/howToBuildMyWebpack/blob/master/README.md)
- [手写axios核心原理，再也不怕面试官问我axios原理](https://github.com/Sunny-lucking/howToBuildMyAxios)
- [手写Promise核心原理，再也不怕面试官问我Promise原理](https://github.com/Sunny-lucking/howToBuildMyPromise)
- [手写async await核心原理，再也不怕面试官问我async await原理](https://github.com/Sunny-lucking/blog/issues/48)
- [手写generator核心原理，再也不怕面试官问我generator原理](https://github.com/Sunny-lucking/interview/issues/6)
- [手写ReactHook核心原理，再也不怕面试官问我ReactHook原理](https://github.com/Sunny-lucking/HowToBuildMyReactHook)
- [手写react核心原理，再也不怕面试官问我react原理](https://github.com/Sunny-lucking/howToBuildMyReact)
- [手写Express核心原理，再也不怕被问Express原理](https://github.com/Sunny-lucking/HowToBuildMyExpress)
- [手写compose核心原理，再也不怕面试官问我compose原理](https://github.com/Sunny-lucking/interview/issues/10)
- [手写redux-actions核心原理，再也不怕面试官问我redux-actions核心原理](https://github.com/Sunny-lucking/interview/issues/11)
- [手写脚手架](https://github.com/Sunny-lucking/pgx-cli)
- [利用 radio和label手写一个精美的可点击轮播图](https://github.com/Sunny-lucking/howToBuiMySwiper)
- [手写flexible.js的原理实现，我终于明白移动端多端适配](https://github.com/Sunny-lucking/blog/issues/46)

## 算法总结
- [leetcode 算法总结--二分查找](https://github.com/Sunny-lucking/blog/issues/52)
- [leetcode 算法总结--前缀和](https://github.com/Sunny-lucking/blog/issues/53)
- [leetcode 算法总结--差分数组](https://github.com/Sunny-lucking/blog/issues/54)

## 我的翻译
- [BAT大佬推荐使用的HTML5的十个功能](https://github.com/Sunny-lucking/interview/issues/14)
- [关于 HTML5 LocalStorage 的 5 个不为人知的事实](https://github.com/Sunny-lucking/interview/issues/13)

## 工作分享
- [在bigo前端实习三个月的总结](https://github.com/Sunny-lucking/interview/issues/20)

## 实战经验
- [三面面试官：运行 npm run xxx 的时候发生了什么？](https://github.com/Sunny-lucking/blog/issues/43)
- [纯css就能实现可点击切换的轮播图，feel起来很丝滑](https://github.com/Sunny-lucking/blog/issues/44)
- [拜托，css这样实现多行文本“展开收起” 超酷的好吧](https://github.com/Sunny-lucking/interview/issues/18)
- [UI小姐姐说我用CSS实现毛玻璃效果的样子很帅](https://github.com/Sunny-lucking/interview/issues/17)
- [研究大佬写的倒计时组件(Vue)，学到了不少东西](https://github.com/Sunny-lucking/interview/issues/19)
- [产品经理：阳光你来实现一下分享出去的URL链接预览图片、标题和描述。](https://github.com/Sunny-lucking/interview/issues/16)
- [快用上PerformanceObserver获取首屏时间，别再手动计算首屏时间了](https://github.com/Sunny-lucking/interview/issues/15)
- [快来学习下webhook吧！超级简单易学](https://github.com/Sunny-lucking/blog/issues/41)
- [我写了一个将 excel 文件转化成 本地json文件的插件](https://github.com/Sunny-lucking/HowToBuildMyExcelTobeJson/blob/main/README.md)
- [太卡了，巧妙地优化了跑马灯](https://github.com/Sunny-lucking/blog/issues/45)
- [我用vue3和egg开发了一个早报学习平台，带领群友走向技术大佬](https://github.com/Sunny-lucking/morning-news)

## 面试&读书笔记总结
- [一文读懂 Vuter、Eslint、prettier、.vscode之间的关系](https://github.com/Sunny-lucking/blog/issues/55)
- [CSS盒模型之内边距、边框、外边距 十九问 （读《CSS权威指南》）](https://github.com/Sunny-lucking/interview/issues/21)
- [将这段async/await代码翻译成Promise (字节面试)](https://github.com/Sunny-lucking/blog/issues/47)
- [进程、线程与页面渲染的关系 （读《浏览器核心原理》）](https://github.com/Sunny-lucking/interview/issues/22)
- [从栈、堆、预解析来解释闭包原理（读《浏览器核心原理》）](https://github.com/Sunny-lucking/interview/issues/23)
- [JS设计思想篇（读《浏览器核心原理》）](https://github.com/Sunny-lucking/interview/issues/24)
- [JS执行机制（读《浏览器核心原理》）](https://github.com/Sunny-lucking/interview/issues/25)

- [关于【script加载和执行】十问 （读《高性能JavaScript》）](https://github.com/Sunny-lucking/interview/issues/29)

- [关于【Promise】十问 （读《ES6入门标准》）](https://github.com/Sunny-lucking/interview/issues/32)

- [关于【let const】十问（读《红宝书》+《ES6标准入门》）](https://github.com/Sunny-lucking/interview/issues/26)
- [关于【ajax和json】十问（读《红宝书》）](https://github.com/Sunny-lucking/interview/issues/27)
- [关于【高级技巧】十问 （读《红宝书》）](https://github.com/Sunny-lucking/interview/issues/28)
- [关于【原型与继承】十问 （读《红宝书》）](https://github.com/Sunny-lucking/interview/issues/30)
- [关于【BOM】十问 （读《红宝书》）](https://github.com/Sunny-lucking/interview/issues/31)
- [关于【cookie，web Storage】十问 （读《红宝书》）](https://github.com/Sunny-lucking/interview/issues/33)
- [关于【事件】十问 （读《红宝书》）](https://github.com/Sunny-lucking/interview/issues/34)

## [java学习]
- [精通java函数式编程](https://github.com/Sunny-lucking/blog/issues/56)
- [精通mybatis-plus 学习](https://github.com/Sunny-lucking/mpStudy)
- [精通maven学习](https://github.com/Sunny-lucking/blog/issues/57)
## 设计模式
- [设计模式在前端的使用](https://pattern.windliang.wang/)

## Vue源码解读
- [学习vue源码（1） 手写与事件相关的实例方法](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00be50c9773746af0f38a81d596ba964cb773de25c8c43478ca4eda982649bd204cfee6aa0&idx=1&lang=zh_CN&mid=2247484538&scene=21&sn=636c4998e0e889f523c530b794bab224&token=1754964428#wechat_redirect)

- [学习vue源码（2） 手写Vue.extend方法](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00bff7c97736e1d494422bcfba40c93042d45c5a78508adcf149f4b802e2aa418b2997bfa1&idx=3&lang=zh_CN&mid=2247484893&scene=21&sn=c075a24e91638d48ee88cad4c400c5d2&token=1754964428#wechat_redirect)

- [学习vue源码（3） 手写Vue.directive、Vue.filter、Vue.component方法](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00bed3c97737c525ce63217232492abe9099ca40e8d04112a42e001d5a4d17fc7b95211852&idx=2&lang=zh_CN&mid=2247484665&scene=21&sn=5b81ddc051b162580bf66479f67e3763&token=1754964428#wechat_redirect)

- [学习vue源码（4） 手写vm.$mount方法](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00bed3c97737c52caba48c1411b601c307b3ebe3132b3ec2ef59888c10755936ac194e252a&idx=1&lang=zh_CN&mid=2247484665&scene=21&sn=0766d5757e0e838ac37eab8ea3528fa4&token=1754964428#wechat_redirect)

- [学习vue源码（5） 手写Vue.use、Vue.minxin、Vue.compile](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00bff7c97736e16c9a33d74e881e1c0f4dd573d356565873cf5ef3a500130c2fb93b815690&idx=1&lang=zh_CN&mid=2247484893&scene=21&sn=8b6e19b7676fc6ffe38cb1054c5e6697&token=1754964428#wechat_redirect)

- [学习vue源码（6）熟悉模板编译原理](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00bff7c97736e10e4b089156c8ab7f14e32fc7b21815e8f4597200b04531d416f1a8e08718&idx=2&lang=zh_CN&mid=2247484893&scene=21&sn=f28e4095d02db14f9c452dc1010711f3&token=1754964428#wechat_redirect)

- [学习vue源码（7）手写解析器(上)](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b25ac9773b4c8a2d6d654a4fb09716a75cccc6ff6667093df6b78d36fcf9c005e332f0ee&idx=1&lang=zh_CN&mid=2247485552&scene=21&sn=2f1132e42fa76ba5ee8d714d5c8681cd&token=1754964428#wechat_redirect)

- [学习vue源码（7）手写解析器(中)](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b25ac9773b4c1d39abbf89ae605431c351b4e557c7e87a53cc68dc6349acab4b80747bd5&idx=2&lang=zh_CN&mid=2247485552&scene=21&sn=47d49ebe5f7e174821aec1e97ba01409&token=1754964428#wechat_redirect)

- [学习vue源码（7）手写解析器(下)](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b25ac9773b4c6a5701ed3fc9cf5b2b74c2b0d1f474e6425a399d02eaef77eacdd5340b4c&idx=3&lang=zh_CN&mid=2247485552&scene=21&sn=ad14f708e430a1b12ef34a7e1a3a15e5&token=1754964428#wechat_redirect)

- [学习vue源码（8）手写优化器](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b2a3c9773bb5c2e56ce5668b39660a223f9b7987b2624b0c7c6e5542ebae27abd3608534&idx=1&lang=zh_CN&mid=2247485577&scene=21&sn=c1720ac239bf71b78cc351d09ec3fbb0&token=1754964428#wechat_redirect)

- [学习vue源码（9）手写代码生成器](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b2a3c9773bb5e950d6527d41a2523bf2f4fc267712edc555df839ebfdcce880092c20edf&idx=2&lang=zh_CN&mid=2247485577&scene=21&sn=f2b4803b743484475e6280ce151ade0f&token=1754964428#wechat_redirect)

- [学习vue源码（10）学习render渲染函数](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b2c9c9773bdfadf8843b6f48c8c5a5f190d16ddabe57faa2cfe795295eb6d136fefd1355&idx=1&lang=zh_CN&mid=2247485667&scene=21&sn=2e43e6216ee822ea13662cac5cce8fcd&token=1754964428#wechat_redirect)

- [学习vue源码（11）学习 合并策略](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b32dc9773a3b51080ba3ae27480dd133bc894790fcf5538f6c72b89a3c010e5b5563e556&idx=1&lang=zh_CN&mid=2247485703&scene=21&sn=a164fd5232730a9debd402bbdcd9f6b7&token=1754964428#wechat_redirect)

- [学习vue源码（12）大白话谈响应式原理](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b353c9773a45959dba1208165f491cb65e3a91f2ea6278803365cd0964aeb414ca437fa0&idx=1&lang=zh_CN&mid=2247485817&scene=21&sn=37a53519a1f49a9c179500e9f8d9af0f&token=1754964428#wechat_redirect)

- [学习vue源码（13）手写 $.nextTick](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b3b0c9773aa6235d22bfcd644e4a35824a26e341961e0c6a0b7cc5934785b15cff448d6c&idx=1&lang=zh_CN&mid=2247485850&scene=21&sn=bad398fb94bbedffdd9f095824c88c23&token=1754964428#wechat_redirect)

- [学习vue源码（14）就慢慢由表入里学习diff](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b0e5c97739f3e8268104e764b52349f377073aee9f19b3326f9da965256a23a70661551c&idx=1&lang=zh_CN&mid=2247486159&scene=21&sn=802aaa2208142f0fff7a6ff3b70db16a&token=1754964428#wechat_redirect)

- [学习vue源码（15）手写 $.forceUpdate, vm. $destroy方法](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b0cbc97739dd1954026afc5b7013b77a28f55add789dbee765761830fca7584d7a78ce86&idx=1&lang=zh_CN&mid=2247486177&scene=21&sn=1cd72e52441a861f4baa919730cbafa9&token=1754964428#wechat_redirect)

- [学习vue源码（16）初探生命周期之各阶段都在干嘛](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b0d5c97739c39a4ead480ba2eba551bac1461378d2d895e0dd123e024cead4ee7fa62bee&idx=1&lang=zh_CN&mid=2247486207&scene=21&sn=e26cb4024fe942349cd6c81b1a578acc&token=1754964428#wechat_redirect)

- [学习vue源码（17）再探生命周期之初始化实例属性及事件](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b13ec97738280b6662b6ea2cdaaeab08e0647af1d03998797535c671dd2a4d5cafdb5e0a&idx=1&lang=zh_CN&mid=2247486228&scene=21&sn=af46fabf9c3da251bd6d631e43f24b82&token=1754964428#wechat_redirect)

- [学习vue源码（18）三探生命周期之初始化provide与inject](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b165c977387304c082689204a464cb90deec2115981071ffdfd65e8e7d66f04a4f25846b&idx=2&lang=zh_CN&mid=2247486287&scene=21&sn=ec8b03014f5fcc72024874227475c034&token=1754964428#wechat_redirect)

- [学习vue源码（19）四探生命周期之初始化props](https://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw%3D%3D&chksm=fe00b1a8c97738be05c8d632fb3aea51a066b7f35e46923da2b5d1e530fa0309cd0c1afc4629&idx=2&lang=zh_CN&mid=2247486338&scene=21&sn=3c14194a82ebc8ed86455ca5e276de83&token=1754964428#wechat_redirect)

## 深入浅出学习node
- [【深入Node探究】（1）“Node特点与应用场景” 有四问](https://github.com/Sunny-lucking/blog/issues/36)
- [【深入探究Node】（2）“模块机制” 有十三问](https://github.com/Sunny-lucking/blog/issues/37)
- [【深入探究Node】（3）“异步IO” 有九问](https://github.com/Sunny-lucking/blog/issues/38)
- [【深入探究Node】（4）“内存控制” 有十五问](https://github.com/Sunny-lucking/blog/issues/39)
- [【深入探究Node】（5）“Buffer与乱码的故事” 有十问](https://github.com/Sunny-lucking/blog/issues/40)

## 前端技巧搜集录
- [empty来显示暂无数据简直太好用](https://mp.weixin.qq.com/s/5TPVDFg0cfu2cI1eRzvWaQ)

## 个人成长
- [毕业照](http://mp.weixin.qq.com/s?__biz=MzU5NDM5MDg1Mw==&amp;mid=2247491749&amp;idx=1&amp;sn=ce0aa09f22c8cd82c7b48c6fa7cca3dc&amp;chksm=fe035a8fc974d39972f2f8924e7b83862d86ee9197b254013ebee9afb428151543426d279506&token=1401521668&lang=zh_CN#rd)

**培歌行**，又名“**阳光**”，公众号《**前端阳光**》，一名苦逼的前端开发工程师。

简单经历：
- 2019年，自学前端
- 2021年，大学毕业
- 2020年8月， 入职bigo实习
- 2021年7月， 入职bigo正职

希望后来人少走一些弯路
- 记录自己的成长过程
- 希望让那些与我一样的草根前端看到希望，不要放弃前端的梦想，哪怕自己起点很低，“If you believe, you can”
- 博客的评论里总有一些人调侃我，称我为大佬，但其实我还远配不上“大佬”这两个字，我自己深知自己的技术水平也只是皮毛而已。

坚持写作的动力是因为能看到自己写出来的文章可以得到大家的认可，这种认可让我有动力坚持将自己知道的知识写出来分享给大家，让我们一起共同成长。😊😊

有点值得开心的就是我大学的舍友以及玩得比较好的隔壁宿舍至今全部单身，这让我倍感慰藉。

## 联系方式
除了这里，还可以在其他的地方找到我。

公众号《前端阳光》，可加我微信，可加入技术交流群

blog

blog Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

blog

blog Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README