[{"class_name":"前端面试","class_desc":"面试面试学习就像面试考试学习一样，是一种倒推的学习方法论","link_list":[{"link":"https://leetcode.cn/","name":"力扣（LeetCode）","avatar":"https://leetcode.cn/favicon.ico","descr":"全球极客挚爱的技术成长平台"},{"link":"https://www.nowcoder.com/","name":"牛客网","avatar":"https://www.nowcoder.com/favicon.ico","descr":"找工作神器|笔试题库|面试经验|实习招聘内推，求职"},{"link":"https://bit.ly/3ZQl91F","name":"前端面试真题","avatar":"https://cdn.jsdelivr.net/gh/youngjuning/images@main/1742301937620.png  ","descr":"会 80% 直接进大厂"}]},{"class_name":"React 全家桶","class_desc":"React 是一个自由及开放源代码的前端 JavaScript 工具库， 用于基于UI组件构建用户界面。","link_list":[{"link":"https://react.dev/","name":"React","avatar":"https://cdn.jsdelivr.net/gh/youngjuning/images@main/1680087302008.png","descr":"用于网络和本地用户界面的库"},{"link":"https://cn.redux.js.org/","name":"Redux 中文官网","avatar":"https://cn.redux.js.org/img/favicon/favicon.ico","descr":"JS 应用的状态容器，提供可预测的状态管理"},{"link":"https://cn.react-redux.js.org/","name":"React Redux 中文文档","avatar":"https://cn.redux.js.org/img/favicon/favicon.ico","descr":"官方的 React 对 Redux 绑定库"},{"link":"https://redux-toolkit.js.org/","name":"Redux Toolkit","avatar":"https://cn.redux.js.org/img/favicon/favicon.ico","descr":"官方、主观、内置电池的工具集，用于高效的 Redux 开发。"},{"link":"https://ahooks.js.org/zh-CN/","name":"ahooks","avatar":"https://ahooks.js.org/simple-logo.svg","descr":"一套高质量可靠的 React Hooks 库"},{"link":"https://ant.design/index-cn","name":"Ant Design","avatar":"https://gw.alipayobjects.com/zos/antfincdn/UmVnt3t4T0/antd.png","descr":"一套企业级 UI 设计语言和 React 组件库"}]},{"class_name":"React Native 全家桶","class_desc":"React 是一个自由及开放源代码的前端 JavaScript 工具库， 用于基于UI组件构建用户界面。","link_list":[{"link":"https://reactnative.cn/","name":"React Native","avatar":"https://reactnative.cn/img/favicon.ico","descr":"一次学习，随处编写"}]},{"class_name":"调试工具","class_desc":"抓包、代理、Mock","link_list":[{"link":"https://www.charlesproxy.com/","name":"Charles Proxy","avatar":"https://cdn.jsdelivr.net/gh/youngjuning/images@main/1680844190223.png","descr":"Charles Web Debugging Proxy - Official Site"},{"link":"https://www.telerik.com/fiddler","name":"Fiddler","avatar":"https://www.telerik.com/favicon.ico","descr":"Fiddler是一个用于HTTP调试的代理服务器应用程序，最初由微软Internet Explorer开发团队的前程序经理Eric Lawrence编写。"},{"link":"https://apifox.com/","name":"Apifox","avatar":"https://cdn.apifox.cn/logo/apifox-logo-256.png","descr":"API 文档、API 调试、API Mock、API 自动化测试 API 一体化协作平台"},{"link":"https://github.com/typicode/json-server","name":"JSON Server","avatar":"https://avatars.githubusercontent.com/u/5502029?s=64&v=4","descr":"在不到30秒的时间内，零编码就可以获得完整的虚假 REST API（真的）。"},{"link":"https://miragejs.com/","name":"Mirage.js","avatar":"https://miragejs.com/favicon.svg","descr":"Mirage JS 是一个 API 模拟库，它能让你构建、测试和分享一个完整的工作 JavaScript 应用程序，而无需依赖任何后端服务。"},{"link":"https://fakerjs.dev/","name":"Faker.js","avatar":"https://fakerjs.dev/logo.svg","descr":"生成大量的虚假（但真实）数据以进行测试和开发。"},{"link":"http://mockjs.com/","name":"Mock.js","avatar":"http://mockjs.com/assets/img/logo-2.svg","descr":"生成随机数据，拦截 Ajax 请求"}]},{"class_name":"图标","class_desc":"图标组件、服务","link_list":[{"link":"https://www.iconfont.cn/","name":"Iconfont","avatar":"https://img.alicdn.com/imgextra/i4/O1CN01XZe8pH1USpiUNT1QN_!!6000000002517-2-tps-114-114.png","descr":"国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具"},{"name":"Font Awesome","link":"https://fontawesome.com/v5/search?o=r&m=free","avatar":"https://img.fortawesome.com/1ce05b4b/open-graph-search-v5-free.png","descr":"Find the Perfect Icon for your Project"}]},{"class_name":"在线工具","class_desc":"前端用 NodeJS 写爬虫比较方便","link_list":[{"name":"Can I use","link":"https://caniuse.com/","avatar":"https://caniuse.com/img/favicon-128.png","descr":"Support tables for HTML5, CSS3, etc"},{"name":"css3maker","link":"https://www.toptal.com/developers/css3maker","avatar":"https://www.toptal.com/developers/css3maker/apple-touch-icon.png","descr":"Free CSS3 Generator Tool"},{"name":"Flexbox Froggy","link":"http://flexboxfroggy.com/#zh-cn","avatar":"https://flexboxfroggy.com/favicon.ico","descr":"一个用来学CSS flexbox 的游戏"}]},{"class_name":"配色网站","class_desc":"像设计师一样专业地去配色","link_list":[{"link":"https://webkul.github.io/coolhue/","name":"CoolHue","avatar":"https://webkul.github.io/coolhue/images/coolhue-logo.png","descr":"Gradient Colors Collection Palette - CoolHue 2.0"},{"link":"https://uigradients.com/","name":"uiGradients","avatar":"https://uigradients.com/static/images/favicon-32x32.png","descr":"uiGradients - Beautiful colored gradients"},{"link":"http://zhongguose.com/","name":"中国色","avatar":"http://zhongguose.com/img/favicon.ico","descr":"中国风色彩"}]},{"class_name":"常用 JavaScript 库","class_desc":"前端常用的 JavaScript 库","link_list":[{"link":"https://day.js.org/zh-CN/","name":"Day.js","avatar":"https://day.js.org/img/favicon.ico","descr":"Moment.js 的 2kB 轻量化方案，拥有同样强大的 API"},{"name":"Puppeteer 中文文档","link":"https://puppeteer.bootcss.com/","avatar":"https://puppeteer.bootcss.com/img/pptr.png","descr":"Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。"}]},{"class_name":"跨浏览器测试","class_desc":"网站和应用程序的跨浏览器测试","link_list":[{"link":"https://saucelabs.com/","name":"SauceLabs","avatar":"https://cdn.jsdelivr.net/gh/youngjuning/images@main/1679645983366.png","descr":"Website and mobile testingat every stage of development"},{"link":"https://www.lambdatest.com/","name":"LambDatest","avatar":"https://cdn.jsdelivr.net/gh/youngjuning/images@main/1679645948524.png","descr":"Next-Generation Mobile Apps and Cross Browser Testing Cloud"}]},{"class_name":"免费部署服务","class_desc":"github pages、vercel、netlify、heroku","link_list":[{"link":"https://pages.github.com/","name":"GitHub Pages","avatar":"https://pages.github.com/favicon.ico","descr":"Websites for you and your projects."},{"link":"https://vercel.com/","name":"Vercel","avatar":"https://assets.vercel.com/image/upload/front/favicon/vercel/57x57.png","descr":"Develop. Preview. Ship. For the best frontend teams"},{"link":"https://www.netlify.com/","name":"netlify","avatar":"https://www.netlify.com/favicon.ico","descr":"Develop and deploy websites and apps in record time"},{"link":"https://www.heroku.com/","name":"Heroku","avatar":"https://www.herokucdn.com/favicon.ico","descr":"Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud."}]},{"class_name":"慕课","class_desc":"有前端课程的国内外慕课平台","link_list":[{"link":"https://www.udemy.com/","name":"Udemy","avatar":"https://www.udemy.com/staticx/udemy/images/v7/apple-touch-icon.png","descr":"Udemy是一个在线学习平台，提供各种课程，包括编程、商业、设计、营销等等。"}]}]