[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1000":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":42,"readmeContent":43,"aiSummary":44,"trendingCount":16,"starSnapshotCount":16,"syncStatus":45,"lastSyncTime":46,"discoverSource":47},1000,"front-end-interview-handbook","yangshun\u002Ffront-end-interview-handbook","yangshun","Front End interview preparation materials for busy engineers (updated for 2026)","https:\u002F\u002Ffrontendinterviewhandbook.com",null,"MDX",43960,5939,761,11,0,5,7,28,15,86.3,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"css","css-questions","front-end","front-end-development","front-end-interview","front-end-system-design","html","html-questions","interview","interview-preparation","interview-questions","interview-test","javascript","js-questions","web-development","2026-06-12 04:00:06","\u003Cdiv align=\"center\">\n  \u003Ch1>Front End Interview Handbook\u003C\u002Fh1>\n  \u003Cp>By \u003Ca href=\"https:\u002F\u002Fwww.greatfrontend.com\u002F?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook\">GreatFrontEnd\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fdribbble.com\u002Fshots\u002F4263961-Front-End-Interview-Scroll\">\n    \u003Cimg src=\"assets\u002Fscroll.svg\" alt=\"Front End Interview Handbook\" width=\"400\"\u002F>\n    \u003C\u002Fa>\n  \u003Cbr \u002F>\n  \u003Ch3>\n    \u003Ca href=\"https:\u002F\u002Fwww.frontendinterviewhandbook.com\">Read on the website\u003C\u002Fa>\n  \u003C\u002Fh3>\n  \u003Cp>\n    Join\u002Ffollow us on \u003Ca href=\"https:\u002F\u002Flinkedin.com\u002Fcompany\u002Fgreatfrontend\" target=\"_blank\">LinkedIn\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fdiscord.com\u002Finvite\u002FNDFx8f6P6B\" target=\"_blank\">Discord\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fx.com\u002Fgreatfrontend\" target=\"_blank\">𝕏 (Twitter)\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Ffacebook.com\u002Fgreatfrontend\" target=\"_blank\">Facebook\u003C\u002Fa>\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n---\n\n\u003Ca href=\"https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fintroduction\u002F\" target=\"_blank\">\n  \u003Cimg src=\"assets\u002Fstart-reading-button.jpg\" alt=\"Start Reading Front End Interview Handbook\" \u002F>\n\u003C\u002Fa>\n\n\u003Cp dir=\"auto\">\u003C\u002Fp>\n\n\u003Ca href=\"https:\u002F\u002Fwww.greatfrontend.com\u002Fprepare\u002F?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook\" target=\"_blank\">\n  \u003Cimg src=\"assets\u002Fstart-practicing-button.jpg\" alt=\"Start Practicing Front End Questions on GreatFrontEnd\" \u002F>\n\u003C\u002Fa>\n\n## What is this?\n\nUnlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:\n\n- [Various formats of Front end interviews](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fintroduction\u002F) including formats by different companies\n- [Front end system design interviews](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Ffront-end-system-design\u002F)\n- [Front end trivia questions](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Ftrivia\u002F) - answers to the h5bp Front-end Developer Interview Questions\n- [Front end questions](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fcoding\u002Fjavascript-utility-function\u002F) - JavaScript, DOM, algorithms, and more\n- [Front end interview questions by companies](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fcompany-interview-questions\u002F)\n\n## Where to get hands on practice?\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.greatfrontend.com?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook\">\n    \u003Cimg src=\"assets\u002Fmark-brand-light.png\" alt=\"GreatFrontEnd\" width=\"400\"\u002F>\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n\nAfter getting a good understanding about front end interview preparation, try out [GreatFrontEnd](https:\u002F\u002Fwww.greatfrontend.com?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook), a platform built by me! Not only are there 200+ practice questions, each with multiple solutions from Senior Front End Engineers, there are also automated test case suites to help you identify what's wrong with your code. Thus, check out the following resources:\n\n- [Study plans](https:\u002F\u002Fwww.greatfrontend.com\u002Fstudy-plans?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook) help you prepare for your upcoming technical interviews, whether it is in a week or 3 months later.\n- [Focus areas](https:\u002F\u002Fwww.greatfrontend.com\u002Ffocus-areas?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook) allow you to focus on your weak areas and also further improve your strengths depending on your preferences.\n- [Preparation by stage](https:\u002F\u002Fwww.greatfrontend.com\u002Fprepare?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook) prepares you for each phase of your interview process, from quiz to coding interviews.\n- [Individual framework questions](https:\u002F\u002Fwww.greatfrontend.com\u002Fquestions?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook) offer training based on specific frameworks that may be tested during your technical interviews.\n\n---\n\n\u003Cdiv align=\"center\">\n  \u003Ch3>Need to practice front end interview questions? \u003Ca href=\"https:\u002F\u002Fwww.greatfrontend.com?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook\">GreatFrontEnd\u003C\u002Fa> is holding a limited time promotion for 20% off their lifetime plan of high quality practice questions and reference solutions written by ex-FAANG interviewers 🚀\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\n---\n\n## Looking for Generic Interview Preparation?\n\nYou might be interested in the [Tech Interview Handbook](https:\u002F\u002Fwww.techinterviewhandbook.org) which has helpful content on general coding interviews such as algorithms, behavioral questions and an [interview cheatsheet](https:\u002F\u002Fwww.techinterviewhandbook.org\u002Fcoding-interview-cheatsheet\u002F)!\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.techinterviewhandbook.org\">\n    \u003Cimg src=\"assets\u002Fcoding.svg\" alt=\"Web Technologies illustration\" width=\"400\"\u002F>\n  \u003C\u002Fa>\n  \u003Cbr\u002F>\n  \u003Cp>\n    \u003Cem>Credits: Illustration by \u003Ca href=\"https:\u002F\u002Fundraw.co\u002F\">unDraw\u003C\u002Fa>\u003C\u002Fem>\n  \u003C\u002Fp>\n  \u003Ch3>\n    \u003Ca href=\"https:\u002F\u002Fwww.techinterviewhandbook.org\u002F\">Read on the website\u003C\u002Fa>\n  \u003C\u002Fh3>\n\u003C\u002Fdiv>\n\n## Translations\n\n- [English](https:\u002F\u002Fwww.frontendinterviewhandbook.com)\n- [Chinese (Simplified) (简体中文)](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fzh\u002Fjavascript-questions\u002F)\n- [Japanese (日本語)](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fjp\u002Fjavascript-questions\u002F)\n- [Korean (한국어)](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fkr\u002Fjavascript-questions\u002F)\n- [Polish (Polski)](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fpl\u002Fjavascript-questions\u002F)\n- [Portuguese (Português)](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fpr\u002Fjavascript-questions\u002F)\n- [Russian (Русский)](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Fru\u002Fjavascript-questions\u002F)\n- [Tagalog](https:\u002F\u002Fwww.frontendinterviewhandbook.com\u002Ftl\u002Fjavascript-questions\u002F)\n\n## Related\n\nIf you are interested in how data structures are implemented, check out [Lago](https:\u002F\u002Fgithub.com\u002Fyangshun\u002Flago), a Data Structures and Algorithms library for JavaScript. It's meant for reference and studying purposes, not for production use.\n\n## Contributing\n\n### Contributing Guide\n\nRead our [contributing guide](\u002FCONTRIBUTING.md) to learn about how you can contribute, how to propose improvements or if you are interested in translating the content.\n\n### Supporting\n\nMany hours of hard work have gone into this project. Your support will be very appreciated!\n\n\u003Ca href=\"https:\u002F\u002Fwww.buymeacoffee.com\u002Fyangshun\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fwww.buymeacoffee.com\u002Fassets\u002Fimg\u002Fcustom_images\u002Forange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" >\u003C\u002Fa>\n\n## License\n\nAll projects and packages in this repository are [MIT licensed](\u002FLICENSE).\n","Front End Interview Handbook 是一个面向前端工程师的面试准备资料库，旨在帮助忙碌的技术人员高效备考（更新至2026年）。该项目涵盖了前端面试中常见的各种问题类型，包括HTML、CSS、JavaScript等基础知识，以及系统设计和算法挑战。此外，还提供了来自不同公司的实际面试题型解析，使学习者能够全面了解并准备可能遇到的各种面试场景。使用MDX语言编写，内容详实且易于理解，非常适合即将参加前端岗位面试或希望提升自身技术水平的开发者。",2,"2026-06-11 02:40:47","top_all"]