{"id":16293811,"url":"https://github.com/zhaoqize/fe-guide","last_synced_at":"2025-04-05T18:12:17.353Z","repository":{"id":44331492,"uuid":"76526602","full_name":"zhaoqize/FE-Guide","owner":"zhaoqize","description":"🌈汇集了前端技术书籍、前端热门技术、前端发展等资料。","archived":false,"fork":false,"pushed_at":"2024-07-31T12:26:12.000Z","size":1110,"stargazers_count":333,"open_issues_count":5,"forks_count":65,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-03-29T17:11:35.110Z","etag":null,"topics":["css","guide","html","javascript","nodejs"],"latest_commit_sha":null,"homepage":"https://zhaoqize.github.io/FE-Guide/.","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/zhaoqize.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":"2016-12-15T05:23:34.000Z","updated_at":"2025-02-23T08:38:06.000Z","dependencies_parsed_at":"2024-10-10T20:12:29.096Z","dependency_job_id":"0929fd57-9cb7-4a9a-9622-16219ba37f6d","html_url":"https://github.com/zhaoqize/FE-Guide","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaoqize%2FFE-Guide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaoqize%2FFE-Guide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaoqize%2FFE-Guide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhaoqize%2FFE-Guide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhaoqize","download_url":"https://codeload.github.com/zhaoqize/FE-Guide/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378152,"owners_count":20929297,"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":["css","guide","html","javascript","nodejs"],"created_at":"2024-10-10T20:12:25.513Z","updated_at":"2025-04-05T18:12:17.323Z","avatar_url":"https://github.com/zhaoqize.png","language":null,"readme":"\u003cimg src=\"./img/timg (1).jpeg\"\u003e\r\n\r\n\u003e - [技术博客](https://github.com/zhaoqize/blog)\r\n\u003e - [前端指南](https://github.com/zhaoqize/FE-Guide)\r\n\u003e - [一点感悟](https://github.com/zhaoqize/Life)\r\n\r\n**如果觉得我的整理给您带来一点帮助,不妨 star✨,想要订阅请 watch👀.**\r\n\r\n## 目录\r\n* [前端书籍](#前端书籍)\r\n* [文章](#文章)\r\n* [前端团队](#前端团队)\r\n* [前端社区](#前端社区)\r\n* [前端视频网站](#前端视频网站)\r\n* [代码仓库](#代码仓库)\r\n* [在线编辑](#在线编辑)\r\n* [模版引擎](#模版引擎)\r\n* [前端框架](#前端框架)\r\n* [前端UI框架](#前端UI框架)\r\n* [移动端(混合)框架](#移动端框架)\r\n* [移动UI框架](#移动UI框架)\r\n* [状态管理库](#状态管理库)\r\n* [Nodejs框架(服务)](#Nodejs框架/服务)\r\n* [SSR(服务端渲染)](#SSR/服务端渲染)\r\n* [桌面应用构建](#桌面应用构建)\r\n* [预编译](#预编译)\r\n* [构建工具](#构建工具)\r\n* [前端包管理器](#前端包管理器)\r\n* [前端测试](#前端测试)\r\n* [常用工具](#常用工具)\r\n\r\n## 前端书籍\r\n\u003cimg src=\"./img/1.jpg\"\u003e\u003cimg src=\"./img/2.jpg\"\u003e\u003cimg src=\"./img/3.jpg\"\u003e\u003cimg src=\"./img/4.jpg\"\u003e\u003cimg src=\"./img/5.jpg\"\u003e\u003cimg src=\"./img/6.jpg\"\u003e\u003cimg src=\"./img/7.jpg\"\u003e\u003cimg src=\"./img/8.jpg\"\u003e\u003cimg src=\"./img/9.jpg\"\u003e\u003cimg src=\"./img/10.jpg\"\u003e\u003cimg src=\"./img/11.jpg\"\u003e\u003cimg src=\"./img/12.jpg\"\u003e\u003cimg src=\"./img/14.jpg\"\u003e\u003cimg src=\"./img/15.jpg\"\u003e\u003cimg src=\"./img/16.jpg\"\u003e\r\n\r\n## 文章\r\n### 前端基础\r\n- [ECMAScript 6 入门](http://es6.ruanyifeng.com/)\r\n- [JS进阶 基本类型 引用类型 简单赋值 对象引用](https://segmentfault.com/a/1190000002789651)\r\n- [前端文摘：深入解析浏览器的幕后工作原理 - 梦想天空（山边小溪） - 博客园](http://www.cnblogs.com/lhb25/p/how-browsers-work.html)\r\n- [认识 V8 引擎 - 知乎专栏](https://zhuanlan.zhihu.com/p/27628685)\r\n- [基于webpack2.x的vue2.x的多页面站点](http://www.cnblogs.com/zqzjs/p/6834843.html)\r\n- [【移动适配】移动Web怎么做屏幕适配（一）](https://segmentfault.com/a/1190000004524243)\r\n- [【移动适配】一个像素的border怎么实现](https://segmentfault.com/a/1190000004538413)\r\n- [视区相关单位vw, vh..简介以及可实际应用场景](http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/)\r\n- [使用Flexible实现手淘H5页面的终端适配](https://github.com/amfe/article/issues/17)\r\n- [JavaScript下的setTimeout(fn,0)意味着什么？](http://www.cnblogs.com/silin6/archive/2015/03/12/4333999.html)\r\n- [JavaScript队列函数和异步执行](http://caibaojian.com/javascript-queue-function.html)\r\n- [JavaScript Event Loop机制详解与Vue.js中nextTick的实践应用](https://m.aliyun.com/yunqi/articles/204129?spm=5176.mtagdetail.0.0.fZx5vR)\r\n- [HTML系列：macrotask和microtask](http://www.qingpingshan.com/m/view.php?aid=183193)\r\n- [import、require、export、module.exports 混合使用详解](https://juejin.im/post/5a2e5f0851882575d42f5609)\r\n\r\n### HTTP\r\n- [你真的会使用XMLHttpRequest吗？](https://segmentfault.com/a/1190000004322487)\r\n\r\n### 混合开发\r\n- [为什么可以通过URL来调起APP - URL Scheme和Intent](http://www.cnblogs.com/zqzjs/p/7505265.html)\r\n- [H5页面中尝试调起APP](http://www.cnblogs.com/zqzjs/p/7504236.html)\r\n- [Weex的原生开发](http://www.cnblogs.com/zqzjs/p/7365726.html)\r\n- [Android Studio集成到Genymotion模拟器](http://www.cnblogs.com/zqzjs/p/7411361.html)\r\n- [VasSonic：手Q开源Hybrid框架介绍](http://www.infoq.com/cn/articles/vassonic-manual-q-open-source-hybrid-framework)\r\n- [开发首屏广告(Android)简述](http://blog.csdn.net/caroline_wendy/article/details/50183487)\r\n- [Hybrid APP架构设计思路](https://segmentfault.com/a/1190000004263182)\r\n\r\n### 性能优化\r\n- [内存管理](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management)\r\n- [前端的长列表性能优化](http://fishedee.com/%E5%89%8D%E7%AB%AF/2017/02/27/%E5%89%8D%E7%AB%AF%E7%9A%84%E9%95%BF%E5%88%97%E8%A1%A8%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96.html)\r\n- [vue 性能优化](https://github.com/Coffcer/Blog/issues/3)\r\n\r\n### 前端工程\r\n- [如何管理一个前端基础架构团队- AdRoll - 众成翻译](https://juejin.im/entry/59c7d35bf265da065754df2f)\r\n- [QCon北京2014《CardKit \u0026 DOMO UI - 移动时代技术与设计的十字路口》技术篇](https://www.douban.com/note/347692465/)\r\n- [前端工程——基础篇](https://segmentfault.com/r/1250000011218832?shareId=1210000011218833)\r\n- [对无线电商动态化方案的思考](https://github.com/amfe/article/issues/13)\r\n- [大公司里怎样开发和部署前端代码？](https://www.zhihu.com/question/20790576)\r\n- [美团点评境外度假团队前端项目开发实践总结](https://tech.meituan.com/fe-overseas-practice.html)\r\n\r\n### AST\r\n- [astexplorer](https://astexplorer.net/)\r\n- [javascript-ast](http://resources.jointjs.com/demos/javascript-ast)\r\n- [esprima](https://github.com/jquery/esprima)\r\n\r\n\r\n### 业内发展\r\n- [Kotlin](https://kotlinlang.org/)：Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行\r\n- [clojurescript](https://github.com/clojure/clojurescript)：基于Clojure语言的JS封装\r\n- [PWA](https://developers.google.com/web/progressive-web-apps/)：PWA（Progressive Web App），渐进式网络应用\r\n- [React Native](http://facebook.github.io/react-native/)：基于 React 的跨平台移动应用开发框架\r\n- [Nodejs](https://nodejs.org/en/)：是一个基于 Chrome V8 引擎的 JavaScript 运行环境\r\n- [小程序](https://developers.weixin.qq.com/miniprogram/dev/api/)\r\n\r\n### 工具使用\r\n- [Charles从入门到放弃](http://www.cnblogs.com/zqzjs/p/7763406.html)\r\n\r\n### 其他\r\n- [Jade模板引擎让你飞](http://www.cnblogs.com/zqzjs/p/6057254.html)\r\n\r\n## 前端团队\r\nTeam | Team | Team\r\n--- | --- | ---\r\n[淘宝前端团队（FED）](http://taobaofed.org/) | [腾讯前端IMWEB团队](http://imweb.io/) | [腾讯ISUX](https://isux.tencent.com/)\r\n[百度用户体验中心](http://ued.baidu.com/#/home) | [腾讯设计团队](http://mxd.tencent.com/) | [360奇舞团](https://weekly.75team.com/)\r\n[百度前端研发部](http://fex.baidu.com/) | [美团点评技术团队](https://tech.meituan.com/)  | [腾讯Web前端团队](http://www.alloyteam.com)\r\n\r\n## 前端社区\r\nCommunity | Community | Community\r\n--- | --- | ---\r\n[博客园](http://www.csdn.net/) | [CSDN](http://www.csdn.net/) | [开源中国](https://oschina.net/)\r\n[掘金](https://juejin.im/timeline) | [segmentfault](https://segmentfault.com/)  |  [前端网](http://www.qdfuns.com/)\r\n[大前端](http://www.daqianduan.com) | [乱炖](http://www.html-js.com/) | [CNODE](https://cnodejs.org/)\r\n\r\n## 前端视频网站\r\nLearn | Learn | Learn\r\n--- | --- | ---\r\n[极客学院](http://www.jikexueyuan.com/) | [慕课网](http://www.imooc.com/) | [egghead](https://egghead.io/)\r\n\r\n## 代码仓库\r\nRepositorie | Repositorie | Repositorie\r\n--- | --- | ---\r\n[github](https://github.com/) | [bitbucket](https://bitbucket.org/) | [码云](https://gitee.com/)\r\n\r\n## 在线编辑\r\nCodeEdit | CodeEdit\r\n--- | ---\r\n[CodePen](https://codepen.io/) | [jsfiddle](https://jsfiddle.net/)\r\n\r\n## 模版引擎\r\n名称 | 简介\r\n---|---\r\n[Pug(Jade)](https://github.com/pugjs/pug) | Pug – robust, elegant, feature rich template engine for Node.js\r\n[Handlebars](https://github.com/wycats/handlebars.js) | 前端模板引擎\r\n\r\n## 前端框架\r\n名称 | 简介\r\n--- | ---\r\n[React ](https://facebook.github.io/react/) | React is a JavaScript library for building user interfaces.\r\n[Vue](https://vuejs.org/) | 尤大的MVVM框架\r\n[Angular](http://angularjs.org/) | Google推出的MVVM框架\r\n\r\n## 前端UI框架\r\n\r\n名称 | 简介\r\n---|---\r\n[Bootstrap](http://getbootstrap.com/) | 经典\r\n[Bootstrap-Material-Design](https://github.com/FezVrasta/bootstrap-material-design) | material-design设计风格的Bootstrap\r\n[Material-UI](http://www.material-ui.com/#/components/) | React版本Material-UI\r\n[Ant Design of React](https://ant.design/index-cn) | React版本的Ant Design\r\n[Element-UI](https://github.com/ElemeFE/element) | 基于vue的UI框架\r\n[IView](https://github.com/iview/iview) | A high quality UI Toolkit built on Vue.js 2.0\r\n\r\n\r\n## 移动端(混合)框架\r\n库 | 简介\r\n--- | ---\r\n[React-Native](https://github.com/facebook/react-native) | A framework for building native apps with React.\r\n[Ionic](https://github.com/ionic-team/ionic) | Build amazing native and progressive web apps with open web technologies\r\n[Weex](https://github.com/alibaba/weex) | A framework for building Mobile cross-platform UI\r\n\r\n## 移动UI框架\r\n库 | 简介\r\n--- | ---\r\n[Vux](https://github.com/airyland/vux) | Mobile UI Components based on Vue \u0026 WeUI \r\n[Weui](https://github.com/Tencent/weui) | A UI library by WeChat official design team\r\n[Amazeui](https://github.com/amazeui/amazeui) | Amaze UI, a mobile-first and modular front-end framework\r\n[MUI](https://github.com/dcloudio/mui) | 最接近原生APP体验的高性能框架\r\n[Mint-UI](https://github.com/ElemeFE/mint-ui) | Mobile UI elements for Vue.js\r\n[SUI-Mobile](https://github.com/sdc-alibaba/SUI-Mobile) | 阿里巴巴国际UED前端出品的移动端UI库，轻量精美\r\n[Muse-UI](https://github.com/museui/muse-ui) | Material Design UI library for Vuejs 2.0\r\n[Ant-Design-Mobile](https://github.com/ant-design/ant-design-mobile) | A configurable Mobile UI\r\n\r\n\r\n## 状态管理库\r\n库 | 简介\r\n--- | ---\r\n[Redux](https://github.com/reactjs/redux) | Predictable state container for JavaScript apps\r\n[Flux](https://github.com/facebook/flux) | An application architecture for React utilizing a unidirectional data flow.\r\n[Vuex](https://vuex.vuejs.org/) | Centralized State Management for Vue.js\r\n[Mobx](https://github.com/mobxjs/mobx) | Simple, scalable state management\r\n\r\n## Nodejs框架(服务)\r\n库 | 简介\r\n--- | ---\r\n[Express](https://github.com/expressjs/express) | Fast, unopinionated, minimalist web framework for node\r\n[Koa](https://github.com/koajs/koa) | Expressive middleware for node.js using ES2017 async functions\r\n[Fastify](https://github.com/fastify/fastify) | Fast and low overhead web framework, for Node.js\r\n[Socket-IO](https://github.com/socketio/socket.io) | Realtime application framework (Node.JS server)\r\n[PM2](https://github.com/Unitech/pm2) | Production Process Manager for Node.js apps with a built-in Load Balancer.\r\n[Axios](https://github.com/axios/axios) | Promise based HTTP client for the browser and node.js\r\n[Bluebird](https://github.com/petkaantonov/bluebird) | 🐦 ⚡️ Bluebird is a full featured promise library with unmatched performance\r\n\r\n## SSR(服务端渲染)\r\n库 | 简介\r\n--- | ---\r\n[Next.js](https://github.com/zeit/next.js) | Framework for server-rendered or statically-exported React apps\r\n[Nuxt.js](https://github.com/nuxt/nuxt.js) | Versatile Vue.js Framework \r\n\r\n## 桌面应用构建\r\n库 | 简介\r\n--- | ---\r\n[Electron](https://github.com/electron/electron) | Build cross platform desktop apps with JavaScript, HTML, and CSS\r\n[NW.js](https://github.com/nwjs/nw.js) | https://nwjs.io\r\n[Electron-Vue](https://github.com/SimulatedGREG/electron-vue) | 是用vue和Electron写桌面应用\r\n\r\n\r\n## 预编译\r\n库 | 简介\r\n--- | ---\r\n[Less](https://github.com/less/less.js) | The dynamic stylesheet language.\r\n[Sass](https://sass-lang.com) | \r\n[TypeScript](https://github.com/Microsoft/TypeScript) | TypeScript is a superset of JavaScript that compiles to clean JavaScript output\r\n\r\n## 构建工具\r\n库 | 简介\r\n--- | ---\r\n[Gurnt](https://github.com/gruntjs/grunt) | Grunt: The JavaScript Task Runner\r\n[Gulp](https://github.com/gulpjs/gulp) | The streaming build system\r\n[Fis3](https://github.com/fex-team/fis3) | FIS3 面向前端的工程构建系统\r\n[Webpack](https://github.com/webpack/webpack) | webpack is a module bundler\r\n[Rollup](https://github.com/rollup/rollup) | Next-generation ES module bundler https://rollupjs.org\r\n\r\n## 前端包管理器\r\n库 | 简介\r\n--- | ---\r\n[Npm](https://github.com/npm/npm) |  a JavaScript package manager\r\n[Yarn](https://github.com/yarnpkg/yarn) | 📦🐈 Fast, reliable, and secure dependency management.\r\n\r\n## 前端测试\r\n库 | 简介\r\n--- | ---\r\n[Puppeteer](https://github.com/GoogleChrome/puppeteer) | Headless Chrome Node API \r\n[Jest](https://github.com/facebook/jest) | Delightful JavaScript Testing.\r\n[Mocha](https://github.com/mochajs/mocha) | ☕️ simple, flexible, fun javascript test framework for node.js \u0026 the browser\r\n[Chai](https://github.com/chaijs/chai) | testing framework for node.js\r\n[Rewire](https://github.com/jhnns/rewire) | Easy monkey-patching for node.js unit tests\r\n[Istanbul](https://github.com/gotwarlost/istanbul) | JS code coverage tool\r\n\r\n## 持续集成\r\n库 | 简介\r\n--- | ---\r\n[Travis CI](https://github.com/travis-ci/travis-ci) | Free continuous integration platform for GitHub projects.\r\n\r\n## 常用工具\r\n名称 | 简介\r\n--- | ---\r\n[Can I use](http://caniuse.com/) | Can I use\r\n[Charles](https://www.charlesproxy.com/) | 抓包，代理小能手\r\n[tinypng](https://tinypng.com/) | 图片压缩\r\n[favicon](http://www.favicon.cc/) | 生成站标\r\n[easyicon](http://www.easyicon.net/) |  图标下载\r\n[gopng](http://alloyteam.github.io/gopng/) | 图片生成\r\n[图片转Base64](http://www.pjhome.net/web/html5/encodeDataUrl.htm) | 图片转Base64\r\n[Beyond Compare 4](http://scootersoftware.com/) |  文件比对\r\n[FastStone Capture](http://faststone.org/FSCaptureDetail.htm) | 截图，录屏\r\n[Mark Main](http://www.getmarkman.com/) | 高效的设计稿标注、测量工具\r\n[easy-mock](https://easy-mock.com) | Mock数据\r\n[JSDoc](http://www.css88.com/doc/jsdoc/index.html) | JS生成文档\r\n[regexr](http://www.regexr.com/) | 正则匹配\r\n[pxtoem](http://pxtoem.com/) | px转em\r\n[Unicode字符百科](https://unicode-table.com/cn/#control-character) | 查询各种unicode字符\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhaoqize%2Ffe-guide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhaoqize%2Ffe-guide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhaoqize%2Ffe-guide/lists"}