Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/alienzhou/blog

📖 个人博客,分享一些前端工作学习中的收获,欢迎 ✨,博客地址>>
https://github.com/alienzhou/blog

backend blog fronend native

Last synced: 5 days ago
JSON representation

📖 个人博客,分享一些前端工作学习中的收获,欢迎 ✨,博客地址>>

Awesome Lists containing this project

README

        

个人博客 >> https://www.alienzhou.com/

不定期发布一些技术学习的收获,主要聚焦于大前端领域,也会有一些其他内容。欢迎star 🌟

# 目录

1. [最新更新](#)
2. [综合列表](#-1)
3. [开源项目学习](#-1)
4. [自动化工具](#-1)
5. [CSS 学习](#CSS)
6. [性能](#-1)
7. [Webpack进阶](#Webpack)
8. [CSS模块化](#CSS-1)
9. [PWA](#PWA)
10. [知识速览](#-1)
11. [阅读笔记](#reading)
12. [排障系列](#troubleshooting)
13. [Node.js](#nodejs)

## 1. 最新更新

- [Node.js 中 HTTP 请求结束后,误报超时的问题排查](https://github.com/alienzhou/blog/issues/58)(2021.10.22)

## 2. 综合列表

- [年终回顾,为你汇总一份「前端技术清单」](https://www.alienzhou.com/2018/11/13/frontend-tech-list/)
- [✨如何实现一个通用的“划词高亮”在线笔记功能?✨🖍️](https://www.alienzhou.com/2019/04/21/web-note-highlight-in-js/)
- [前端跨页面通信,你知道哪些方法?](https://www.alienzhou.com/2019/04/01/cross-tab-communication-in-frontend/)
- [MongoDB高可用__使用Replica Set](https://www.alienzhou.com/2018/05/03/mongodb-replica-set/)
- [各类“服务器推”技术原理与实例(Polling/COMET/SSE/WebSocket)](https://www.alienzhou.com/2018/06/08/server-push-methods/)
- [如何在零JS代码情况下实现一个实时聊天功能❓](https://www.alienzhou.com/2019/05/20/css-only-chat/)

## 3. 开源项目学习

- [【漫游Github】quicklink:实现原理与给前端的启发](https://www.alienzhou.com/2018/12/25/quicklink-implementation-and-gotcha/)
- [【漫游Github】如何提升JSON.stringify()的性能?](https://www.alienzhou.com/2019/06/05/how-to-improve-json-stringify-performance/)
- [【漫游Github】无编译/无服务器,实现浏览器的 CommonJS 模块化](https://www.alienzhou.com/2020/01/10/commonjs-without-build-and-server/)

## 4. 自动化工具

- [vue-cli 迁移 vite2 实践小结](https://github.com/alienzhou/blog/issues/45)
- [替代 webpack?带你了解 snowpack 原理](https://www.alienzhou.com/2020/06/18/how-snowpack-works/)
- [Gulp.js实践详解__基于Gulp的多页面应用实践指南](https://www.alienzhou.com/2017/10/15/mpa-based-on-gulp-in-action/)
- [🛠如何快速开发一个自己的项目脚手架?](https://www.alienzhou.com/2019/05/17/how-to-make-your-own-scaffold/)

## 5. CSS 学习

- [一篇全面的CSS布局学习指南 [译]](https://www.alienzhou.com/2018/07/07/css-layout-guide/)
- [(S)CSS中实现主题样式的4½种方式 [译]](https://www.alienzhou.com/2018/12/12/css-theming-methods/)

## 6. 性能

- [【性能优化指南】带你全面掌握前端性能优化 🚀](https://www.alienzhou.com/2019/08/08/fe-performance-journey/)
- [【性能优化实践】优化打包策略提升页面加载速度](https://www.alienzhou.com/2018/05/05/optimize-packing-to-speed-up/)

## 7. Webpack进阶

- [聊一聊 webpack 的打包优化实践](https://www.alienzhou.com/2020/03/28/improvement-in-webpack/)
- [【webpack进阶】使用babel避免webpack编译运行时模块依赖](https://www.alienzhou.com/2018/08/19/webpack-babel-transform/)
- [【webpack进阶】前端运行时的模块化设计与实现](https://www.alienzhou.com/2018/08/27/webpack-module-runtime/)
- [【webpack进阶】可视化展示webpack内部插件与钩子关系📈](https://www.alienzhou.com/2018/09/30/webpack-plugin-hooks-visualization/)
- [【webpack进阶】你真的掌握了loader么?- loader十问](https://www.alienzhou.com/2018/10/14/webpack-loader-in-deep/)

## 8. CSS模块化

- [【CSS模块化之路1】使用BEM与命名空间来规范CSS](https://www.alienzhou.com/2018/06/13/css-modular-guide-1/)
- [【CSS模块化之路2】webpack中的Local Scope](https://www.alienzhou.com/2018/06/15/css-modular-guide-2/)
- [【CSS模块化之路3】 使用💅styled-components来进行react开发](https://www.alienzhou.com/2018/06/15/css-modular-guide-3/)

## 9. PWA

- [【PWA学习与实践】(1) 2018,开始你的PWA学习之旅](https://www.alienzhou.com/2018/04/07/pwa-1/)
- [【PWA学习与实践】(2) 使用Manifest,让你的WebApp更“Native”](https://www.alienzhou.com/2018/04/07/pwa-2/)
- [【PWA学习与实践】(3) 让你的WebApp离线可用](https://www.alienzhou.com/2018/04/08/pwa-3/)
- [【PWA学习与实践】(4) 解决FireBase login验证失败问题](https://www.alienzhou.com/2018/04/10/pwa-4/)
- [【PWA学习与实践】(5)在Web中进行服务端消息推送](https://www.alienzhou.com/2018/04/14/pwa-5/)
- [【PWA学习与实践】(6) 在Chrome中调试你的PWA](https://www.alienzhou.com/2018/05/01/pwa-6/)
- [【PWA学习与实践】(7)使用Notification API来进行消息提醒](https://www.alienzhou.com/2018/05/01/pwa-7/)
- [【PWA学习与实践】(8)使用Service Worker进行后台同步 - Background Sync](https://www.alienzhou.com/2018/05/14/pwa-8/)
- [【PWA学习与实践】(9)生产环境中PWA实践的问题与解决方案](https://www.alienzhou.com/2018/05/26/pwa-9/)
- [【PWA学习与实践】(10)使用Resource Hint提升页面加载性能与体验](https://www.alienzhou.com/2018/07/23/pwa-10/)

## 10. 知识速览

- [【3分钟速览】前端广播式通信:Broadcast Channel ](https://www.alienzhou.com/2019/04/01/broadcast-channel/)
- [【3分钟速览】如何“严谨地”判断两个变量是否相同](https://www.alienzhou.com/2020/01/08/a-robust-equality-operation/)

## 11. 阅读笔记

- [读《凤凰项目:一个 IT 运维的传奇故事》](https://www.alienzhou.com/2020/02/23/the-phoenix-project/)
- [读《信息规则:网络经济的策略指导》](https://www.alienzhou.com/2020/03/02/a-strategic-guide-to-the-network-economy/)

## 12. 排障系列

- [DNS 查询导致的 Nodejs 服务疑似“内存泄漏”问题](https://github.com/alienzhou/blog/issues/49)
- [npm script 执行”丢失“ root 权限的问题](https://github.com/alienzhou/blog/issues/48)
- [记一次 Node gRPC 静态生成文件引发的问题](https://github.com/alienzhou/blog/issues/47)
- [Node.js 中 HTTP 请求结束后,误报超时的问题排查](https://github.com/alienzhou/blog/issues/58)

## 13. Node.js

- [Nodejs 中的 Active Handle 与 Timer 优化(上)](https://github.com/alienzhou/blog/issues/54)
- [Nodejs 中的 Active Handle 与 Timer 优化(下)](https://github.com/alienzhou/blog/issues/55)