{"id":14984963,"url":"https://github.com/ponkans/f2e","last_synced_at":"2025-05-16T11:06:40.647Z","repository":{"id":48691166,"uuid":"242742451","full_name":"ponkans/F2E","owner":"ponkans","description":"🔥 大前端进阶知识扫盲，前端同学必看，后端同学也能看懂，看不懂你加我微信骂我渣男就好了！（欢迎star，持续更新）","archived":false,"fork":false,"pushed_at":"2023-05-08T03:11:21.000Z","size":74,"stargazers_count":1181,"open_issues_count":3,"forks_count":66,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-05-13T10:50:04.252Z","etag":null,"topics":["deno","flutter","frontend","h5","interview","nodejs","offer","vue"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ponkans.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-02-24T13:24:27.000Z","updated_at":"2025-05-03T09:50:37.000Z","dependencies_parsed_at":"2024-09-29T18:41:00.076Z","dependency_job_id":"0788f2a5-bdb1-4342-bb6f-3a6b8536ea8e","html_url":"https://github.com/ponkans/F2E","commit_stats":{"total_commits":59,"total_committers":6,"mean_commits":9.833333333333334,"dds":0.6101694915254237,"last_synced_commit":"22ee943bbbba9777cc402badeaaa89b2ffdf5fa6"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ponkans%2FF2E","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ponkans%2FF2E/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ponkans%2FF2E/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ponkans%2FF2E/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ponkans","download_url":"https://codeload.github.com/ponkans/F2E/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254518383,"owners_count":22084374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["deno","flutter","frontend","h5","interview","nodejs","offer","vue"],"created_at":"2024-09-24T14:09:57.353Z","updated_at":"2025-05-16T11:06:35.628Z","avatar_url":"https://github.com/ponkans.png","language":null,"readme":"我会根据下图中的知识点去写这个系列，很多细节的点，可能想得不是很完善，大家可以去[【公众号】](#公众号)获取最新文章或者加我[【微信】](#微信)提意见（别忘记 **Star** 哟）。 \n\n原创文章每周最少两篇，公众号首发，比博客早一到两篇。\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#公众号\"\u003e\u003cimg src=\"https://img.shields.io/badge/WeChat-%E5%BE%AE%E4%BF%A1%E7%BE%A4-blue.svg\" alt=\"微信群\"\u003e\u003c/a\u003e\n  \u003ca href=\"#公众号\"\u003e\u003cimg src=\"https://img.shields.io/badge/%E5%85%AC%E4%BC%97%E5%8F%B7-%E6%8E%A5%E6%B0%B4%E6%80%AA-lightgrey.svg\" alt=\"公众号\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://juejin.im/user/5ba3d3f0f265da0af77517be/activities\" \u003e\u003cimg src=\"https://img.shields.io/badge/juejin-%E6%8E%98%E9%87%91-blue.svg\" alt=\"掘金\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n![](http://jieshuiguai.oss-cn-hangzhou.aliyuncs.com/2020-07-26-113541.png)\n\n# 目录\n\n- 基础核心串讲\n\n  - 计算机网络\n  - 计算机操作系统与 Linux\n  - 计算机编译原理\n  - 图解 HTTP 协议\n  - 常见设计模式与使用场景分析\n  - JavaScript 核心基础与新版本特性\n  - [《大前端进阶 V8》系列 JavaScript 如何是被执行的？](https://mp.weixin.qq.com/s/iIrekYhl4aVp7lGoH2GL4Q)\n  - 浏览器核心工作机制与原理解析\n\n - 移动 Web 开发\n\n   - 移动端 Web 与 PC 端区别与联系\n   - 深入浅出响应式布局\n   - 移动端常见手势事件分析与实践\n\n- 性能优化\n  - 网络层优化\n  - 通过分析渲染过程进行优化\n  - 文件方向优化\n  - 前端工程化流程与细节，效率优化\n\n- 工程化\n  - npm 下载原理解析\n  - [《大前端进阶 工程化》系列 P6 必备脚手架 /CI 构建能力(上)](https://mp.weixin.qq.com/s/4HeDZW5ND6-7wHny0J1TQw)\n  - [《大前端进阶 工程化》系列 P6 必备脚手架/CI 构建能力(下)](https://mp.weixin.qq.com/s/vgcxF2MSVtbf-phfHI6GHw)\n  - Webpack 打包原理与性能优化\n  - Docker 底层原理解析及自动化部署实战\n\n- 安全\n  - 高级前端必知必会的安全问题，以及解决方案\n  - [《大前端进阶 安全》系列 全网最透彻 HTTPS（面试常问）](https://mp.weixin.qq.com/s/uUGy94fp3x8khCTR0gZeJA)\n  - [《大前端进阶 安全》系列 OPTIONS 跨域请求两次原因及解决方案](https://mp.weixin.qq.com/s/_wROgqTmWkCdnj9NIArGjQ)\n  - [《大前端进阶 安全》系列 如何防止公司代码泄漏？](https://mp.weixin.qq.com/s/mHo95Psu4BH8Dvmelw4Xdw)\n  - [《大前端进阶 安全》系列 RSA 算法及 Python 实现](https://mp.weixin.qq.com/s/jVa8LJUz7RZJPTLfSBZLZg)\n\n- 必会框架\n  - 框架核心思想与设计模式解析\n  - Vue.js 基础与进阶实战\n  - React.js 基础与进阶实战\n\n- 全栈进阶\n\n  - Node.js 进阶高级知识\n  - [《大前端进阶 Node.js》系列 必知必会必问](https://mp.weixin.qq.com/s/94wxm57cd3fS96gixVAxMA)\n  - [《大前端进阶 Node.js》系列 异步非阻塞（上）](https://mp.weixin.qq.com/s/gEhIa1OW_R61fb4RA6GE0g)\n  - [《大前端进阶 Node.js》系列 异步非阻塞（下）](https://mp.weixin.qq.com/s/G_NMZ8MqFo9FTC0FLcOxCw)\n  - [《大前端进阶 Node.js》系列 多进程模型分析(字节跳动被问)](https://mp.weixin.qq.com/s/wBiBZcdNobDoZbk-cLLyfw)\n  - [《大前端进阶 Node.js》系列 双十一秒杀系统(进阶必看)](https://mp.weixin.qq.com/s/uWeAsJ-P253je15A49uKIQ)\n  - [《大前端进阶 Node.js》系列 内存泄漏（一）](https://mp.weixin.qq.com/s/7d8KE7Iz8vFi8hA3YeXRUg)\n  - 数据库基础知识\n  - MongoDB/MySQL 实战讲解\n  - 缓存 Redis\n  - 消息队列 Kafka 必知必会\n  - Nginx 必知必会与实战讲解\n  - 阿里开源企业级框架 Egg.js 框架解析与实战\n\n- 前沿技术了解与学习\n\n  - WebAssembly\n  - 大前端未来趋势，Flutter 跨端技术学习\n  - Deno，针对 Node.js 存在的一些问题进行了改进与优化\n  - Docker \u0026 K8s\n  - Serverless，正迅速发展崛起中\n  - 5G 时代的技术革新（前端物联网方向的了解与探究）\n\n- 常用工具集\n\n  - Git 原理与工具流，工作必备\n  - Linux 常用分析工具\n  - Chrome 常用调试技巧\n  - Node 调试\n\n- 数据结构与算法\n\n  - 排序\n  - 经典问题之字符串\n  - [《前端基础扫盲》系列 长达 8000 字的数组总结](https://mp.weixin.qq.com/s/8F-IEQTNsg4sVwriXSH-Zw)\n  - 分治、动态规划、贪心算法\n\n- 前端项目实战\n\n  - [《大前端进阶 工程化》系列 P6 必备脚手架 /CI 构建能力(上)](https://mp.weixin.qq.com/s/4HeDZW5ND6-7wHny0J1TQw)\n  - [《大前端进阶 工程化》系列 P6 必备脚手架/CI 构建能力(下)](https://mp.weixin.qq.com/s/vgcxF2MSVtbf-phfHI6GHw)\n  - [《大前端进阶 Node.js》系列 50 行实现多进程分页爬虫](https://mp.weixin.qq.com/s/FAtD6F-V-f-UdsM1LYS3eg)\n  - [《大前端 基础组件》系列 80 行实现一个网页水印 npm 包](https://mp.weixin.qq.com/s/eKv98GLUmOL-YBpTPE1EnQ)\n  - [《前端面试加分项目》系列 企业级可扩展 Vue 瀑布流](https://mp.weixin.qq.com/s/PbpciVrtZksfoJrBOePddA)\n  - 基于 Docker 的前端自动化部署架构与实战\n  - 类阿里云凤蝶的前端可视化页面搭建系统结构分析\n\n- 面试技巧及经历\n\n  - 如何正确的心态去面试，以及面试中常见的一些问题总结\n  - 如何写好技术简历\n  - 各大厂面试真题解析\n\n- 程序人生\n\n  - [《程序人生》系列 程序员的私生活记录](https://mp.weixin.qq.com/s/6ODkREakcoMP-8ZBDwWpxg)\n  - [《程序人生》系列 生活本不易，流人遂自安](https://mp.weixin.qq.com/s/UaUY1OCr2iu5BBZHGNn0ZQ)\n  - [《程序人生》系列 熬夜回答读者问题，顺便帮女朋友推荐一下淘宝的岗位，HC 太多，扛不住了啊...](https://mp.weixin.qq.com/s/vDTkAtfJ6pGlKSIFvxTxQA)\n  - [《程序人生》系列 七夕快乐](https://mp.weixin.qq.com/s/zoFNKs8Gx1XjSJK_nmUM8A)\n  - [《程序人生》系列 程序员熬过的夜](https://mp.weixin.qq.com/s/Af9FxlCt9Fkz4CFPRD8EtQ)\n\n- 技术总结 \u0026 分享，包含但不限于学习方法\n  - 同事 \u0026 上下级关系如何维护或者说深入\n  - 怎样才算是一名合格的管理者\n\n- 福利\n  - [《吐血整理》系列 大厂前端开发工具集合](https://juejin.im/post/5e78ef4e5188255e2e20f37a)\n  - [《吐血整理》系列 大厂前端组件库工具集合（PC 端、移动端、JS、CSS 等）](https://juejin.im/post/5e7b70b651882535fb1d5cc4)\n  - [《吐血整理》系列 程序员电子书籍整理（请勿外传）](https://github.com/ponkans/F2E/blob/master/docs/welfare/%E7%94%B5%E5%AD%90%E4%B9%A6.md)\n\n# 视频\u0026祝福\n\n[【程序员人均 30k？都是加班狗？】（b 站）](https://www.bilibili.com/video/av96544065?from=search\u0026seid=11074237081222262622)\n\n最近开始跟敖丙一起拍摄视频，会在这里跟大家一起分享生活，分享技术，欢迎点赞分享~\n\n祝福【司徒正美大大】在二次元的世界能够开心没有烦恼。\n\n祝福小伙伴们都能找到自己心仪的工作，happy work，自律并拥有一个好身体💕\n\n# 项目经验\u0026服务器\n\n很多小伙伴说简历没有项目，我帮大家准备了一个项目，教程如下：↓↓↓\n\n项目分上下两个部分，配合源码（公众号回复【脚手架】获取），自己买个服务器操作一遍，完全可以作为跳槽加分项目。\n\n如果你的公司还没有这一套东西，你也可以在公司把这套东西搭起来。\n\n+ [《大前端进阶 工程化》系列 P6 必备脚手架/CI 构建项目(上)](https://mp.weixin.qq.com/s/4HeDZW5ND6-7wHny0J1TQw)\n+ [《大前端进阶 工程化》系列 P6 必备脚手架/CI 构建项目(下)](https://mp.weixin.qq.com/s/vgcxF2MSVtbf-phfHI6GHw)\n\n我和阿里云合作服务器，折扣价比较便宜：89/年，223/3 年，比学生 9.9 每月还便宜，买了搭建项目，熟悉技术栈比较香（老用户用家人账号买就好了，我用我爸的)推荐买三年的划算点，点击图片购买即可\n\n\u003cp align=\"center\"\u003e\n\u003c/p\u003e\n\u003ca  href=\"https://www.aliyun.com/minisite/goods?userCode=8klr4ywh\u0026share_source=copy_link\" \u003e\u003cimg src=\"https://tva1.sinaimg.cn/large/00831rSTly1gcs6omhe3mj307p0b2754.jpg\"width=\"\" style=\"margin: 0 auto;\"/\u003e\u003c/a\u003e\n\u003ca  href=\"https://www.aliyun.com/minisite/goods?userCode=8klr4ywh\u0026share_source=copy_link\" \u003e\u003cimg src=\"https://tva1.sinaimg.cn/large/00831rSTly1gcs6tnpvs9j307s0b0aau.jpg\"width=\"\" style=\"margin: 0 auto;\"/\u003e\u003c/a\u003e\n\n# 赞赏码\n\n熬夜不易，觉得有很大帮助的朋友可以赏杯咖啡(不接受学生赞赏)。\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"http://jieshuiguai.oss-cn-hangzhou.aliyuncs.com/2020-08-26-100637.png\" width=\"450px\"\u003e\n\u003c/p\u003e\n\n\u003ca name=\"微信\"\u003e\u003c/a\u003e  \u003ca name=\"公众号\"\u003e\u003c/a\u003e\n\n# 联系我 / 公众号\n\n🔥微信搜索【**接水怪**】或扫描下面二维码回复”加群“，我会拉你进技术交流群。\n\n讲真的，在这个群，哪怕您不说话，光看聊天记录也是一种成长。（***阿里技术专家、敖丙作者、Java3y、蘑菇街资深前端、蚂蚁金服安全专家***、各路大牛都在）。\n\n接水怪也会定期原创，定期跟小伙伴进行经验交流或帮忙看简历。加关注，不迷路，有机会一起跑个步🏃 **↓↓↓**\n\n![](http://jieshuiguai.oss-cn-hangzhou.aliyuncs.com/2020-06-06-100533.jpg)\n\n# 鸣谢列表\n\n以下排名不分先后!\n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://github.com/40huo?tab=repositories\" \u003e\n    \u003cimg src=\"https://avatars0.githubusercontent.com/u/13835420?s=460\u0026v=4\" width=\"45px\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/AobingJava\" \u003e\n    \u003cimg src=\"https://avatars0.githubusercontent.com/u/41898583?s=460\u0026v=4\" width=\"45px\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/ZhongFuCheng3y\" \u003e\n        \u003cimg src=\"https://avatars3.githubusercontent.com/u/33118128?s=460\u0026u=2fdf6f874aba7528ca5e677768a72c377da789d1\u0026v=4\" width=\"45px\"\u003e\n    \u003c/a\u003e  \n  \u003ca href=\"https://github.com/HiwinCN?tab=repositories\" \u003e\n    \u003cimg src=\"https://avatars0.githubusercontent.com/u/15690319?s=460\u0026v=4\" width=\"45px\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/LuoYangYY\" \u003e\n      \u003cimg src=\"https://avatars3.githubusercontent.com/u/10624483?s=460\u0026u=ee9ee2954f0bfa15d218377a21159729b14dfc02\u0026v=4\" width=\"45px\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/liwei2222/\" \u003e\n      \u003cimg src=\"https://avatars2.githubusercontent.com/u/33387749?s=460\u0026u=7f1c9f73813c5e9a294bdf84b97e7780877a58f4\u0026v=4\" width=\"45px\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fponkans%2Ff2e","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fponkans%2Ff2e","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fponkans%2Ff2e/lists"}