René's URL Explorer Experiment

Title: GitHub - Magicer/Web: 千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。

Open Graph Title: GitHub - Magicer/Web: 千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。

X Title: GitHub - Magicer/Web: 千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。

Description: 千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。. Contribute to Magicer/Web development by creating an account on GitHub.

Open Graph Description: 千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。. Contribute to Magicer/Web development by creating an account on GitHub.

X Description: 千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。. Contribute to Magicer/Web development by creating an account on GitHub.

Opengraph URL: https://github.com/Magicer/Web

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:a7706dc8-c20b-8fd2-62c5-959f21fe4e2d
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	809A:2AD994:113A1D:15EF7C:69742FBD
html-safe-nonce	05982140c514f6d13973d0b93608dba77c85c199b3161907360285ab96ef3b1d
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4MDlBOjJBRDk5NDoxMTNBMUQ6MTVFRjdDOjY5NzQyRkJEIiwidmlzaXRvcl9pZCI6IjY0MDk5OTY1NTc5NzI5NDI3ODEiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmac	1aff4cdb994148f1372c76ac805a0701ee00bea6340c51c55ad5c14c2a4f36a8
hovercard-subject-tag	repository:758942399
github-keyboard-shortcuts	repository,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	//
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/Magicer/Web
twitter:image	https://opengraph.githubassets.com/ba611f62c317cd94d0ebc676830cf44f6014c57d33923b78564de8ef67c730e9/Magicer/Web
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/ba611f62c317cd94d0ebc676830cf44f6014c57d33923b78564de8ef67c730e9/Magicer/Web
og:image:alt	千古前端图文教程，超详细的前端入门到进阶知识库。从零开始学前端，做一名精致优雅的前端工程师。. Contribute to Magicer/Web development by creating an account on GitHub.
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
hostname	github.com
expected-hostname	github.com
None	e0b95d743b7672c9ac0e1032d5f117950182dc164a83434a7db86510e8f0b37c
turbo-cache-control	no-preview
go-import	github.com/Magicer/Web git https://github.com/Magicer/Web.git
octolytics-dimension-user_id	9759746
octolytics-dimension-user_login	Magicer
octolytics-dimension-repository_id	758942399
octolytics-dimension-repository_nwo	Magicer/Web
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	true
octolytics-dimension-repository_parent_id	77912349
octolytics-dimension-repository_parent_nwo	qianguyihao/Web
octolytics-dimension-repository_network_root_id	77912349
octolytics-dimension-repository_network_root_nwo	qianguyihao/Web
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	56fe7e2e8de6e57740bca50402351ea656f7a4bf
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://patch-diff.githubusercontent.com/Magicer/Web#start-of-content
	https://patch-diff.githubusercontent.com/
Sign in	https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FMagicer%2FWeb
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub SparkBuild and deploy intelligent apps	https://github.com/features/spark
GitHub ModelsManage and compare prompts	https://github.com/features/models
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FMagicer%2FWeb
Sign up	https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=Magicer%2FWeb
Reload	https://patch-diff.githubusercontent.com/Magicer/Web
Reload	https://patch-diff.githubusercontent.com/Magicer/Web
Reload	https://patch-diff.githubusercontent.com/Magicer/Web
Magicer	https://patch-diff.githubusercontent.com/Magicer
Web	https://patch-diff.githubusercontent.com/Magicer/Web
qianguyihao/Web	https://patch-diff.githubusercontent.com/qianguyihao/Web
Notifications	https://patch-diff.githubusercontent.com/login?return_to=%2FMagicer%2FWeb
Fork 0	https://patch-diff.githubusercontent.com/login?return_to=%2FMagicer%2FWeb
Star 0	https://patch-diff.githubusercontent.com/login?return_to=%2FMagicer%2FWeb
web.qianguyihao.com	https://web.qianguyihao.com
View license	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/LICENSE.md
0 stars	https://patch-diff.githubusercontent.com/Magicer/Web/stargazers
6.3k forks	https://patch-diff.githubusercontent.com/Magicer/Web/forks
Branches	https://patch-diff.githubusercontent.com/Magicer/Web/branches
Tags	https://patch-diff.githubusercontent.com/Magicer/Web/tags
Activity	https://patch-diff.githubusercontent.com/Magicer/Web/activity
Star	https://patch-diff.githubusercontent.com/login?return_to=%2FMagicer%2FWeb
Notifications	https://patch-diff.githubusercontent.com/login?return_to=%2FMagicer%2FWeb
Code	https://patch-diff.githubusercontent.com/Magicer/Web
Pull requests 0	https://patch-diff.githubusercontent.com/Magicer/Web/pulls
Actions	https://patch-diff.githubusercontent.com/Magicer/Web/actions
Projects 0	https://patch-diff.githubusercontent.com/Magicer/Web/projects
Security 0	https://patch-diff.githubusercontent.com/Magicer/Web/security
Insights	https://patch-diff.githubusercontent.com/Magicer/Web/pulse
Code	https://patch-diff.githubusercontent.com/Magicer/Web
Pull requests	https://patch-diff.githubusercontent.com/Magicer/Web/pulls
Actions	https://patch-diff.githubusercontent.com/Magicer/Web/actions
Projects	https://patch-diff.githubusercontent.com/Magicer/Web/projects
Security	https://patch-diff.githubusercontent.com/Magicer/Web/security
Insights	https://patch-diff.githubusercontent.com/Magicer/Web/pulse
Branches	https://patch-diff.githubusercontent.com/Magicer/Web/branches
Tags	https://patch-diff.githubusercontent.com/Magicer/Web/tags
	https://patch-diff.githubusercontent.com/Magicer/Web/branches
	https://patch-diff.githubusercontent.com/Magicer/Web/tags
897 Commits	https://patch-diff.githubusercontent.com/Magicer/Web/commits/master/
	https://patch-diff.githubusercontent.com/Magicer/Web/commits/master/
00-前端工具	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/00-%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7
00-前端工具	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/00-%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7
01-HTML	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/01-HTML
01-HTML	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/01-HTML
02-CSS基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/02-CSS%E5%9F%BA%E7%A1%80
02-CSS基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/02-CSS%E5%9F%BA%E7%A1%80
03-CSS进阶	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/03-CSS%E8%BF%9B%E9%98%B6
03-CSS进阶	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/03-CSS%E8%BF%9B%E9%98%B6
04-JavaScript基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/04-JavaScript%E5%9F%BA%E7%A1%80
04-JavaScript基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/04-JavaScript%E5%9F%BA%E7%A1%80
05-JavaScript基础：ES6语法	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/05-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9AES6%E8%AF%AD%E6%B3%95
05-JavaScript基础：ES6语法	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/05-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9AES6%E8%AF%AD%E6%B3%95
06-JavaScript基础：异步编程	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/06-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9A%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B
06-JavaScript基础：异步编程	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/06-JavaScript%E5%9F%BA%E7%A1%80%EF%BC%9A%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B
07-JavaScript进阶	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/07-JavaScript%E8%BF%9B%E9%98%B6
07-JavaScript进阶	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/07-JavaScript%E8%BF%9B%E9%98%B6
08-前端基本功：CSS和DOM练习	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/08-%E5%89%8D%E7%AB%AF%E5%9F%BA%E6%9C%AC%E5%8A%9F%EF%BC%9ACSS%E5%92%8CDOM%E7%BB%83%E4%B9%A0
08-前端基本功：CSS和DOM练习	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/08-%E5%89%8D%E7%AB%AF%E5%9F%BA%E6%9C%AC%E5%8A%9F%EF%BC%9ACSS%E5%92%8CDOM%E7%BB%83%E4%B9%A0
09-移动Web开发	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/09-%E7%A7%BB%E5%8A%A8Web%E5%BC%80%E5%8F%91
09-移动Web开发	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/09-%E7%A7%BB%E5%8A%A8Web%E5%BC%80%E5%8F%91
10-MySQL数据库	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/10-MySQL%E6%95%B0%E6%8D%AE%E5%BA%93
10-MySQL数据库	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/10-MySQL%E6%95%B0%E6%8D%AE%E5%BA%93
11-Node.js	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/11-Node.js
11-Node.js	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/11-Node.js
12-Vue基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/12-Vue%E5%9F%BA%E7%A1%80
12-Vue基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/12-Vue%E5%9F%BA%E7%A1%80
13-React基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/13-React%E5%9F%BA%E7%A1%80
13-React基础	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/13-React%E5%9F%BA%E7%A1%80
14-前端性能优化	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/14-%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96
14-前端性能优化	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/14-%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96
15-前端工程化	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/15-%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96
15-前端工程化	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/15-%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96
16-前端综合	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/16-%E5%89%8D%E7%AB%AF%E7%BB%BC%E5%90%88
16-前端综合	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/16-%E5%89%8D%E7%AB%AF%E7%BB%BC%E5%90%88
17-资源推荐	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/17-%E8%B5%84%E6%BA%90%E6%8E%A8%E8%8D%90
17-资源推荐	https://patch-diff.githubusercontent.com/Magicer/Web/tree/master/17-%E8%B5%84%E6%BA%90%E6%8E%A8%E8%8D%90
.gitignore	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/.gitignore
.gitignore	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/.gitignore
.prettierrc	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/.prettierrc
.prettierrc	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/.prettierrc
LICENSE.md	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/LICENSE.md
LICENSE.md	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/LICENSE.md
README.md	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/README.md
README.md	https://patch-diff.githubusercontent.com/Magicer/Web/blob/master/README.md
README	https://patch-diff.githubusercontent.com/Magicer/Web
License	https://patch-diff.githubusercontent.com/Magicer/Web
	https://patch-diff.githubusercontent.com/Magicer/Web#前言
	https://patch-diff.githubusercontent.com/Magicer/Web#项目介绍
	https://patch-diff.githubusercontent.com/Magicer/Web#项目地址
https://web.qianguyihao.com	https://web.qianguyihao.com
https://github.com/qianguyihao/Web	https://github.com/qianguyihao/Web
	https://patch-diff.githubusercontent.com/Magicer/Web#项目作用
	https://patch-diff.githubusercontent.com/Magicer/Web#相关链接
《裸辞两个月，海投一个月，从Android转战Web前端的求职之路》	https://www.cnblogs.com/qianguyihao/p/8732781.html
《2022年Web前端开发流程和学习路线（详尽版）》	https://www.cnblogs.com/qianguyihao/p/16370961.html
	https://patch-diff.githubusercontent.com/Magicer/Web#赞赏作者
	https://camo.githubusercontent.com/ea23c2ecb17e873799f06bff85a1948f60ba26d4be1e8c54052be268fab4e122/68747470733a2f2f696d672e736d79687661652e636f6d2f32303232303430315f313830302e6a7067
	https://patch-diff.githubusercontent.com/Magicer/Web#学习交流
	https://camo.githubusercontent.com/241a300e79f35b22d5e5eb4d555c566f61ed164d60bc57e5344dd69c87a543fc/68747470733a2f2f696d672e736d79687661652e636f6d2f3230323430313038313631333033342e6a7067
	https://patch-diff.githubusercontent.com/Magicer/Web#license
	https://camo.githubusercontent.com/777d9eb7b82043dfba1ddf7143b09da09c497f576bb1e6c3d0f0ec2a063e9a26/687474703a2f2f696d672e736d79687661652e636f6d2f32303231303333315f43432d42592d4e432d53412e706e67
知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议	https://creativecommons.org/licenses/by-nc-sa/4.0/
web.qianguyihao.com	https://web.qianguyihao.com
Readme	https://patch-diff.githubusercontent.com/Magicer/Web#readme-ov-file
View license	https://patch-diff.githubusercontent.com/Magicer/Web#License-1-ov-file
Please reload this page	https://patch-diff.githubusercontent.com/Magicer/Web
Activity	https://patch-diff.githubusercontent.com/Magicer/Web/activity
0 stars	https://patch-diff.githubusercontent.com/Magicer/Web/stargazers
0 watching	https://patch-diff.githubusercontent.com/Magicer/Web/watchers
0 forks	https://patch-diff.githubusercontent.com/Magicer/Web/forks
Report repository	https://patch-diff.githubusercontent.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FMagicer%2FWeb&report=Magicer+%28user%29
Releases	https://patch-diff.githubusercontent.com/Magicer/Web/releases
Packages 0	https://patch-diff.githubusercontent.com/users/Magicer/packages?repo_name=Web
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.