# blog **Repository Path**: wikife/blog ## Basic Information - **Project Name**: blog - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-04-29 - **Last Updated**: 2024-04-29 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Winty's blog -- 帮到你的话请点 star,想订阅点 watch 欢迎关注公众号 **前端 Q** 一起学习成长~~ ![GitHub](https://raw.githubusercontent.com/LuckyWinty/blog/master/images/qrcode/%E4%BA%8C%E7%BB%B4%E7%A0%81%E7%BE%8E%E5%8C%96%202.png) #### 云相关 #### WebAssembly - [WebAssembly 应用调研](https://github.com/LuckyWinty/blog/blob/master/markdown/wasm/%E8%B0%83%E7%A0%94.md) #### |生活&前端感悟 - [专心工作只想搞钱的前端女程序员的2020](https://github.com/LuckyWinty/blog/blob/master/markdown/feel/%E4%B8%93%E5%BF%83%E5%B7%A5%E4%BD%9C%E5%92%8C%E5%8F%AA%E6%83%B3%E6%90%9E%E9%92%B1%E7%9A%84%E5%A5%B3%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91.md) - [浪到飞起的前端女程序员的2019](https://github.com/LuckyWinty/blog/blob/master/markdown/feel/%E6%B5%AA%E5%88%B0%E9%A3%9E%E8%B5%B7%E7%9A%84%E5%89%8D%E7%AB%AF%E5%A5%B3%E7%A8%8B%E5%BA%8F%E5%91%98%E7%9A%842019.md) - [结合我的大学经历谈谈如何保持学习的动力](https://github.com/LuckyWinty/blog/blob/master/markdown/feel/%E5%A6%82%E4%BD%95%E4%BF%9D%E6%8C%81%E5%AD%A6%E4%B9%A0%E7%9A%84%E5%8A%A8%E5%8A%9B.md) - [工作很忙,如何破局](https://github.com/LuckyWinty/blog/blob/master/markdown/feel/%E5%B7%A5%E4%BD%9C%E8%BF%B7%E8%8C%AB%E7%9A%84%E5%AD%A6%E4%B9%A0%E5%8A%9E%E6%B3%95.md) #### |知识体系 - [前端知识体系梳理](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB%E5%87%86%E5%A4%87.md) #### | Webpack - [Tree-shaking 之模块输出](https://github.com/LuckyWinty/blog/issues/1) - [项目常用配置](https://github.com/LuckyWinty/blog/blob/master/markdown/%E9%A1%B9%E7%9B%AE%E5%B8%B8%E7%94%A8%E9%85%8D%E7%BD%AE.md) - [Webpack 深入浅出之公司级分享总结(内附完整 ppt)]() - [webpack 插件机制](https://github.com/LuckyWinty/blog/blob/master/markdown/webpack%E6%8F%92%E4%BB%B6%E6%9C%BA%E5%88%B6.md) - [HMR 原理](https://github.com/LuckyWinty/blog/blob/master/markdown/webpack/HMR%E5%8E%9F%E7%90%86.md) - [webpack 性能优化](https://github.com/LuckyWinty/blog/blob/master/markdown/webpack/Webpack%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96.md) - [Webpack4 打包机制原理解析](https://github.com/LuckyWinty/blog/blob/master/markdown/webpack/Webpack4%E6%89%93%E5%8C%85%E6%9C%BA%E5%88%B6%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90.md) - [模块联邦(Module Federation)的应用介绍](https://github.com/LuckyWinty/blog/blob/master/markdown/webpack/MF%E7%9A%84%E6%80%9D%E8%80%83.md) #### | 原理探索 - [Promise 链式调用原理](https://github.com/LuckyWinty/blog/issues/3) - [Chrome 页面呈现原理与性能优化之公司级分享总结(内附完整 ppt)](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/Chrome%20%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9B%B8%E5%85%B3%E5%8E%9F%E7%90%86%E4%B8%8E%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96.md) - [Chrome 浏览器垃圾回收机制与内存泄漏分析](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/Chrome%20%E6%B5%8F%E8%A7%88%E5%99%A8%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E6%9C%BA%E5%88%B6%E4%B8%8E%E5%86%85%E5%AD%98%E6%B3%84%E6%BC%8F%E5%88%86%E6%9E%90.md) - [async/await 原理及执行顺序分析](https://github.com/LuckyWinty/blog/blob/master/markdown/Promise/async-await%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90.md) - [Chrome 中的 setTimeout 实现和使用注意](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/Chrome%E6%B5%8F%E8%A7%88%E5%99%A8setTimeout%E5%AE%9E%E7%8E%B0%E5%8E%9F%E7%90%86%E5%92%8C%E4%BD%BF%E7%94%A8%E6%B3%A8%E6%84%8F.md) - [一文看懂现代浏览器架构](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/%E7%8E%B0%E4%BB%A3%E6%B5%8F%E8%A7%88%E5%99%A8%E6%9E%B6%E6%9E%84%E6%BC%AB%E8%B0%88.md) - [细说浏览器输入 URL 后发生了什么](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/%E7%BB%86%E8%AF%B4%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5URL%E5%90%8E%E5%8F%91%E7%94%9F%E4%BA%86%E4%BB%80%E4%B9%88.md) - [浏览器和 node 事件循环机制详细剖析](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E6%9C%BA%E5%88%B6%E6%BB%A1%E5%88%86%E7%AD%94%E6%A1%88.md) - [深入理解扩展运算符实现原理](https://github.com/LuckyWinty/blog/blob/master/markdown/JavaScript/%E6%89%A9%E5%B1%95%E8%BF%90%E7%AE%97%E7%AC%A6.md) #### | Node - [问题记录](https://github.com/LuckyWinty/blog/blob/master/markdown/node/%E9%97%AE%E9%A2%98%E8%AE%B0%E5%BD%95.md) - [Nodejs 之 RPC 协议简介](https://github.com/LuckyWinty/blog/blob/master/markdown/node/Nodejs%E4%B9%8BRPC%E5%8D%8F%E8%AE%AE%E7%AE%80%E4%BB%8B.md) - [node 事件循环机制](https://github.com/LuckyWinty/blog/blob/master/markdown/node/node%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E6%9C%BA%E5%88%B6.md) - [五分钟带你入门基于Nodejs的强大的Web框架— NestJS](https://github.com/LuckyWinty/blog/blob/master/markdown/node/nestjs%E5%AD%A6%E4%B9%A0.md) #### | 实践技巧 + [使用oclif框架制造命令行工具教程](https://github.com/LuckyWinty/blog/blob/master/markdown/tool/%E4%BD%BF%E7%94%A8oclif%E6%A1%86%E6%9E%B6%E5%BF%AB%E9%80%9F%E5%88%9B%E5%BB%BA%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7%E6%95%99%E7%A8%8B.md) - [Git 常见场景解决方法总结](https://github.com/LuckyWinty/blog/blob/master/markdown/tool/Git%E5%B8%B8%E8%A7%81%E5%9C%BA%E6%99%AF%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95%E6%80%BB%E7%BB%93.md) - [whistle 实用功能使用介绍](https://github.com/LuckyWinty/blog/blob/master/markdown/tool/whistle%E5%AE%9E%E7%94%A8%E5%8A%9F%E8%83%BD%E4%BD%BF%E7%94%A8%E4%BB%8B%E7%BB%8D.md) - [移动端真机调试方法总结](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%9C%9F%E6%9C%BA%E8%B0%83%E8%AF%95%E6%96%B9%E6%B3%95%E6%80%BB%E7%BB%93.md) - [前端效能提升之不可忽略的 Chrome 插件](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E6%8F%90%E5%8D%87%E4%B9%8B%E4%B8%8D%E5%8F%AF%E5%BF%BD%E7%95%A5%E7%9A%84%20Chrome%20%E6%8F%92%E4%BB%B6.md) - [原生 JS 封装 Ajax 插件(同域&&jsonp 跨域)]() - [10 个让你受益匪浅的 css 使用技巧](https://github.com/LuckyWinty/blog/blob/master/markdown/css/10%E4%B8%AA%E8%AE%A9%E4%BD%A0%E5%8F%97%E7%9B%8A%E5%8C%AA%E6%B5%85%E7%9A%84css%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7.md) - [正则入门手册](https://github.com/LuckyWinty/blog/blob/master/markdown/RegExp/%E6%AD%A3%E5%88%99%E5%85%A5%E9%97%A8%E6%89%8B%E5%86%8C.md) - [JS 图片上传预览插件制作](https://github.com/LuckyWinty/blog/blob/master/markdown/practice/JS%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E9%A2%84%E8%A7%88%E6%8F%92%E4%BB%B6%E5%88%B6%E4%BD%9C.md) #### | 框架 - [深入浅出 react 和 redux 读书笔记](https://github.com/LuckyWinty/blog/blob/master/markdown/react/react%E5%AD%A6%E4%B9%A0.md) - [vue2 原理探索--响应式系统](https://github.com/LuckyWinty/blog/blob/master/markdown/vue/vue2%E5%8E%9F%E7%90%86%E6%8E%A2%E7%B4%A2--%E5%93%8D%E5%BA%94%E5%BC%8F%E7%B3%BB%E7%BB%9F.md) #### | 数据结构与算法 - [算法与数据结构的一些基础概念](https://github.com/LuckyWinty/blog/blob/master/markdown/algorithm/%E7%AE%97%E6%B3%95%E4%B8%8E%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%9A%84%E4%B8%80%E4%BA%9B%E5%9F%BA%E7%A1%80%E6%A6%82%E5%BF%B5.md) - [链表操作](https://github.com/LuckyWinty/blog/blob/master/markdown/algorithm/%E9%93%BE%E8%A1%A8%E6%93%8D%E4%BD%9C.md) #### | 调研 - [前端中的接口聚合](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E5%89%8D%E7%AB%AF%E4%B8%AD%E7%9A%84%E6%8E%A5%E5%8F%A3%E8%81%9A%E5%90%88.md) - [用户行为录帧调研](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E7%94%A8%E6%88%B7%E8%A1%8C%E4%B8%BA%E5%B8%A7%E8%AE%B0%E5%BD%95.md) - [万字长文之 Serverless 实战指南](https://github.com/LuckyWinty/blog/blob/master/markdown/serverless/%E4%B8%87%E5%AD%97%E9%95%BF%E6%96%87%E4%B9%8B%20Serverless%20%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97.md) - [给自己搭个脚手架](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E7%BB%99%E8%87%AA%E5%B7%B1%E6%90%AD%E4%B8%AA%E8%84%9A%E6%89%8B%E6%9E%B6.md) #### | 性能 - [2021 年 Web 核心性能指标CLS解读](https://github.com/LuckyWinty/blog/blob/master/markdown/perf/%E6%9C%80%E6%96%B0chrome%E6%80%A7%E8%83%BD%E6%8C%87%E6%A0%87%E7%B4%AF%E8%AE%A1%E5%B8%83%E5%B1%80%E4%BD%8D%E7%A7%BB%E8%A7%A3%E8%AF%BB.md) - [前端性能优化之自定义性能指标及上报方法详解](https://github.com/LuckyWinty/blog/blob/master/markdown/perf/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8B%E8%87%AA%E5%AE%9A%E4%B9%89%E6%80%A7%E8%83%BD%E6%8C%87%E6%A0%87%E5%8F%8A%E4%B8%8A%E6%8A%A5%E6%96%B9%E6%B3%95%E8%AF%A6%E8%A7%A3.md) - [前端性能优化之通用性能指标定义及上报策略详解](https://github.com/LuckyWinty/blog/blob/master/markdown/perf/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8B%E9%80%9A%E7%94%A8%E6%80%A7%E8%83%BD%E6%8C%87%E6%A0%87%E5%AE%9A%E4%B9%89%E5%8F%8A%E4%B8%8A%E6%8A%A5%E7%AD%96%E7%95%A5%E8%AF%A6%E8%A7%A3.md) - [一文学会利用 Chrome Dev Tools 进行页面性能分析](https://github.com/LuckyWinty/blog/blob/master/markdown/perf/%E4%B8%80%E6%96%87%E5%AD%A6%E4%BC%9A%E5%88%A9%E7%94%A8Chrome%20Dev%20Tools%20%E8%BF%9B%E8%A1%8C%E9%A1%B5%E9%9D%A2%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90.md) - [高性能 javascript 书写方法](https://github.com/LuckyWinty/blog/blob/master/markdown/perf/%E9%AB%98%E6%80%A7%E8%83%BDjavascript%E4%B9%A6%E5%86%99%E6%96%B9%E6%B3%95.md) #### | 好文收集 ##### 服务端相关 - [探索 Serverless 中的前端开发模式](https://juejin.im/post/5cdc3dc2e51d453b6c1d9d3a) - [Node 应用没有错误监控怎么行?](https://mp.weixin.qq.com/s/P8zP0j6hzo1KOcPnZwE8UQ) - [如何优雅处理前端异常](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E5%A4%84%E7%90%86%E5%89%8D%E7%AB%AF%E5%BC%82%E5%B8%B8.md) #### | 设计模式 - [设计模式基础知识](https://github.com/LuckyWinty/blog/blob/master/markdown/%20designPatterns/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86.md) - [从大厂面试题看观察者模式](https://github.com/LuckyWinty/blog/blob/master/markdown/%20designPatterns/%E4%BB%8E%E5%A4%A7%E5%8E%82%E9%9D%A2%E8%AF%95%E9%A2%98%E7%9C%8B%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F.md) #### | 其他 - [走进安卓的重灾区----video](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E8%B5%B0%E8%BF%9B%E5%AE%89%E5%8D%93%E7%9A%84%E9%87%8D%E7%81%BE%E5%8C%BA---video.md) - [2019 TWeb 腾讯前端技术大会精彩回顾](https://github.com/LuckyWinty/blog/blob/master/markdown/tweb/2019%20TWeb%20%E8%85%BE%E8%AE%AF%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF%E5%A4%A7%E4%BC%9A%E7%B2%BE%E5%BD%A9%E5%9B%9E%E9%A1%BE.md) - [程序员佛系减肥指南](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E7%A8%8B%E5%BA%8F%E5%91%98%E4%BD%9B%E7%B3%BB%E5%87%8F%E8%82%A5%E6%8C%87%E5%8D%97.md) - [前端 Q 的小小小里程碑](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E5%89%8D%E7%AB%AFQ%E7%9A%84%E5%B0%8F%E5%B0%8F%E5%B0%8F%E9%87%8C%E7%A8%8B%E7%A2%91.md) #### | 翻译 - [你应该知道的 13 个有用的 JavaScript 数组技巧](https://github.com/LuckyWinty/blog/blob/master/markdown/translate/%E4%BD%A0%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%8413%E4%B8%AA%E6%9C%89%E7%94%A8%E7%9A%84JavaScript%E6%95%B0%E7%BB%84%E6%8A%80%E5%B7%A7.md) - [你应该避免的 3 个 Javascript 性能错误](https://github.com/LuckyWinty/blog/issues/2) - [npm 命令使用技巧总结](https://github.com/LuckyWinty/blog/blob/master/markdown/translate/NPM%E5%91%BD%E4%BB%A4%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7.md) #### | 面试 ##### 每周 N 题 - [微信社招-面经](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E5%BE%AE%E4%BF%A1-%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%BA%A4%E6%98%93%E5%B9%B3%E5%8F%B0-%E9%9D%A2%E7%BB%8F.md) - [阿里社招-面经](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E9%98%BF%E9%87%8C-%E4%B8%9A%E5%8A%A1%E5%B9%B3%E5%8F%B0%E4%BA%8B%E4%B8%9A%E9%83%A8-%E9%9D%A2%E7%BB%8F.md) - [头条-开发者生态-面经](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E5%A4%B4%E6%9D%A1-%E5%BC%80%E5%8F%91%E8%80%85%E7%94%9F%E6%80%81-%E9%9D%A2%E7%BB%8F.md) - [大厂面试复盘](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E9%9D%A2%E8%AF%95%E5%A4%8D%E7%9B%98.md) - [每周 N 题](https://github.com/LuckyWinty/fe-weekly-questions) - [每周 N 题 12 月汇总](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E6%AF%8F%E5%91%A8N%E9%A2%9812%E6%9C%88%E6%B1%87%E6%80%BB.md) - [十道大厂面试题(含答案)总结](https://github.com/LuckyWinty/blog/blob/master/markdown/interview/%E6%AF%8F%E5%91%A8N%E9%A2%983%E6%9C%88%E6%B1%87%E6%80%BB.md) ##### 浏览器与网络 - [浏览器相关原理详细总结一(面试题)]() - [浏览器相关原理详细总结二(面试题)]() - [你应该知道的 https 知识](https://github.com/LuckyWinty/blog/blob/master/markdown/network/%E4%BD%A0%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%84https%E7%9F%A5%E8%AF%86.md) - [http2&http3 总结](https://github.com/LuckyWinty/blog/blob/master/markdown/network/http2%26http3%E6%80%BB%E7%BB%93.md) - [深入理解 options 请求](https://github.com/LuckyWinty/blog/blob/master/markdown/network/%E4%BD%A0%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%84options%E8%AF%B7%E6%B1%82.md) ##### 安全 - [web 安全总结](https://github.com/LuckyWinty/blog/blob/master/markdown/other/web%E5%AE%89%E5%85%A8%E6%80%BB%E7%BB%93.md) ##### 其他 - [试题自检](https://github.com/LuckyWinty/blog/blob/master/markdown/Q%26A/%E8%AF%95%E9%A2%98%E8%87%AA%E6%A3%80.md) #### js - [JS 模块化总结](https://github.com/LuckyWinty/blog/blob/master/markdown/other/JS%E6%A8%A1%E5%9D%97%E5%8C%96%E6%80%BB%E7%BB%93.md) - [一文完全吃透 JavaScript 继承(面试必备良药)](https://github.com/LuckyWinty/blog/blob/master/markdown/JavaScript/%E4%B8%80%E6%96%87%E5%AE%8C%E5%85%A8%E5%90%83%E9%80%8F%20JavaScript%20%E7%BB%A7%E6%89%BF.md) - [JavaScript 原型之原型与原型链](https://github.com/LuckyWinty/blog/blob/master/markdown/JavaScript/JavaScript%20%E5%8E%9F%E5%9E%8B%20-%20%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE.md) - [JavaScript 原型之原型继承](https://github.com/LuckyWinty/blog/blob/master/markdown/JavaScript/JavaScript%20%E5%8E%9F%E5%9E%8B%20-%20%E5%8E%9F%E5%9E%8B%E7%BB%A7%E6%89%BF.md) - [离线缓存之 manifest](https://github.com/LuckyWinty/blog/blob/master/markdown/other/%E7%A6%BB%E7%BA%BF%E7%BC%93%E5%AD%98%E4%B9%8Bmanifest.md) ### | 最后 - 欢迎加我微信(winty230),拉你进技术群,长期交流学习... - 欢迎关注「前端 Q」,认真学前端,做个有专业的技术人... ![GitHub](https://raw.githubusercontent.com/LuckyWinty/blog/master/images/qrcode/%E4%BA%8C%E7%BB%B4%E7%A0%81%E7%BE%8E%E5%8C%96%202.png)