René's URL Explorer Experiment


Title: GitHub - magicds/fe: 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer

Open Graph Title: GitHub - magicds/fe: 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer

X Title: GitHub - magicds/fe: 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer

Description: 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to magicds/fe development by creating an account on GitHub.

Open Graph Description: 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to magicds/fe development by creating an account on GitHub.

X Description: 《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to magicds/fe development by creating an account on GitHub.

Opengraph URL: https://github.com/magicds/fe

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:0f60bd8c-abc2-14b4-6685-6bfee733af51
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id929C:36DB22:A31DD0:DBE09E:6973CAC5
html-safe-nonce46b833d3fb7f7984088f86c5b86176e6b812140a88c9d320c0928ad87efaf29e
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5MjlDOjM2REIyMjpBMzFERDA6REJFMDlFOjY5NzNDQUM1IiwidmlzaXRvcl9pZCI6IjUyMDIyMjc1NDc5MDIwMzY2NzciLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmac2072724737c457f253dc10cb26b3cc416b6aa0d81f2861e98d8a10e36ccca94d
hovercard-subject-tagrepository:86520260
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location//
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/magicds/fe
twitter:imagehttps://opengraph.githubassets.com/9f657e86e76af89b9936bcf4632fb90bcf4b261dd65f016d500596f16ea18845/magicds/fe
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/9f657e86e76af89b9936bcf4632fb90bcf4b261dd65f016d500596f16ea18845/magicds/fe
og:image:alt《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to magicds/fe development by creating an account on GitHub.
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
Nonecee21c7b1ab632710d33905bc72e5e9e520eab75c9a12e16c2ce9e8f6e031e06
turbo-cache-controlno-preview
go-importgithub.com/magicds/fe git https://github.com/magicds/fe.git
octolytics-dimension-user_id13060680
octolytics-dimension-user_loginmagicds
octolytics-dimension-repository_id86520260
octolytics-dimension-repository_nwomagicds/fe
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forktrue
octolytics-dimension-repository_parent_id79350645
octolytics-dimension-repository_parent_nwophodal/fe
octolytics-dimension-repository_network_root_id79350645
octolytics-dimension-repository_network_root_nwophodal/fe
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
releasef5f1d4f67b002a74550b90d5c1c0f0899544c742
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/magicds/fe#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2Fmagicds%2Ffe
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://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%2Fmagicds%2Ffe
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=magicds%2Ffe
Reloadhttps://patch-diff.githubusercontent.com/magicds/fe
Reloadhttps://patch-diff.githubusercontent.com/magicds/fe
Reloadhttps://patch-diff.githubusercontent.com/magicds/fe
magicds https://patch-diff.githubusercontent.com/magicds
fehttps://patch-diff.githubusercontent.com/magicds/fe
phodal/fehttps://patch-diff.githubusercontent.com/phodal/fe
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2Fmagicds%2Ffe
Fork 0 https://patch-diff.githubusercontent.com/login?return_to=%2Fmagicds%2Ffe
Star 0 https://patch-diff.githubusercontent.com/login?return_to=%2Fmagicds%2Ffe
ued.party/http://ued.party/
View license https://patch-diff.githubusercontent.com/magicds/fe/blob/master/LICENSE
0 stars https://patch-diff.githubusercontent.com/magicds/fe/stargazers
248 forks https://patch-diff.githubusercontent.com/magicds/fe/forks
Branches https://patch-diff.githubusercontent.com/magicds/fe/branches
Tags https://patch-diff.githubusercontent.com/magicds/fe/tags
Activity https://patch-diff.githubusercontent.com/magicds/fe/activity
Star https://patch-diff.githubusercontent.com/login?return_to=%2Fmagicds%2Ffe
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2Fmagicds%2Ffe
Code https://patch-diff.githubusercontent.com/magicds/fe
Pull requests 0 https://patch-diff.githubusercontent.com/magicds/fe/pulls
Actions https://patch-diff.githubusercontent.com/magicds/fe/actions
Projects 0 https://patch-diff.githubusercontent.com/magicds/fe/projects
Wiki https://patch-diff.githubusercontent.com/magicds/fe/wiki
Security 0 https://patch-diff.githubusercontent.com/magicds/fe/security
Insights https://patch-diff.githubusercontent.com/magicds/fe/pulse
Code https://patch-diff.githubusercontent.com/magicds/fe
Pull requests https://patch-diff.githubusercontent.com/magicds/fe/pulls
Actions https://patch-diff.githubusercontent.com/magicds/fe/actions
Projects https://patch-diff.githubusercontent.com/magicds/fe/projects
Wiki https://patch-diff.githubusercontent.com/magicds/fe/wiki
Security https://patch-diff.githubusercontent.com/magicds/fe/security
Insights https://patch-diff.githubusercontent.com/magicds/fe/pulse
Brancheshttps://patch-diff.githubusercontent.com/magicds/fe/branches
Tagshttps://patch-diff.githubusercontent.com/magicds/fe/tags
https://patch-diff.githubusercontent.com/magicds/fe/branches
https://patch-diff.githubusercontent.com/magicds/fe/tags
138 Commitshttps://patch-diff.githubusercontent.com/magicds/fe/commits/master/
https://patch-diff.githubusercontent.com/magicds/fe/commits/master/
artshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/arts
artshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/arts
buildhttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/build
buildhttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/build
chaptershttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/chapters
chaptershttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/chapters
codehttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/code
codehttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/code
csshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/css
csshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/css
extendshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/extends
extendshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/extends
imageshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/images
imageshttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/images
imghttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/img
imghttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/img
templatehttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/template
templatehttps://patch-diff.githubusercontent.com/magicds/fe/tree/master/template
.gitignorehttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/.gitignore
.gitignorehttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/.gitignore
CNAMEhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/CNAME
CNAMEhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/CNAME
LICENSEhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/LICENSE
LICENSEhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/LICENSE
Makefilehttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/Makefile
Makefilehttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/Makefile
README.mdhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/README.md
README.mdhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/README.md
ebook.mdhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/ebook.md
ebook.mdhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/ebook.md
epub.csshttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/epub.css
epub.csshttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/epub.css
index.htmlhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/index.html
index.htmlhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/index.html
listings-setup.texhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/listings-setup.tex
listings-setup.texhttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/listings-setup.tex
style.csshttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/style.css
style.csshttps://patch-diff.githubusercontent.com/magicds/fe/blob/master/style.css
READMEhttps://patch-diff.githubusercontent.com/magicds/fe
Licensehttps://patch-diff.githubusercontent.com/magicds/fe
https://patch-diff.githubusercontent.com/magicds/fe#我的职业是前端工程师
https://camo.githubusercontent.com/084d459c3d84404ff722b820cb2670fa4aff79360f1fb292c6b6775e6bb5b8fa/687474703a2f2f61727469636c65732e70686f64616c2e636f6d2f7172636f64652e6a7067
https://patch-diff.githubusercontent.com/magicds/fe#目录
序:为什么前端没有前途？https://patch-diff.githubusercontent.com/magicds/fe#%E5%BA%8F%E4%B8%BA%E4%BB%80%E4%B9%88%E5%89%8D%E7%AB%AF%E6%B2%A1%E6%9C%89%E5%89%8D%E9%80%94
我要成为一个前端设计师https://patch-diff.githubusercontent.com/magicds/fe#%E6%88%91%E8%A6%81%E6%88%90%E4%B8%BA%E4%B8%80%E4%B8%AA%E5%89%8D%E7%AB%AF%E8%AE%BE%E8%AE%A1%E5%B8%88
漂亮的前台https://patch-diff.githubusercontent.com/magicds/fe#%E6%BC%82%E4%BA%AE%E7%9A%84%E5%89%8D%E5%8F%B0
我要成为一个前端设计师https://patch-diff.githubusercontent.com/magicds/fe#%E6%88%91%E8%A6%81%E6%88%90%E4%B8%BA%E4%B8%80%E4%B8%AA%E5%89%8D%E7%AB%AF%E8%AE%BE%E8%AE%A1%E5%B8%88-1
关于《我的职业是前端工程师》https://patch-diff.githubusercontent.com/magicds/fe#%E5%85%B3%E4%BA%8E%E6%88%91%E7%9A%84%E8%81%8C%E4%B8%9A%E6%98%AF%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88
入门不是应该很简单吗？https://patch-diff.githubusercontent.com/magicds/fe#%E5%85%A5%E9%97%A8%E4%B8%8D%E6%98%AF%E5%BA%94%E8%AF%A5%E5%BE%88%E7%AE%80%E5%8D%95%E5%90%97
前端之路https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E4%B9%8B%E8%B7%AF
我的前端入门https://patch-diff.githubusercontent.com/magicds/fe#%E6%88%91%E7%9A%84%E5%89%8D%E7%AB%AF%E5%85%A5%E9%97%A8
我的第一个网站https://patch-diff.githubusercontent.com/magicds/fe#%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E4%B8%AA%E7%BD%91%E7%AB%99
Copy/Paste from Cookbookhttps://patch-diff.githubusercontent.com/magicds/fe#copypaste-from-cookbook
开发工具https://patch-diff.githubusercontent.com/magicds/fe#%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7
jQuery 是最好用的https://patch-diff.githubusercontent.com/magicds/fe#jquery-%E6%98%AF%E6%9C%80%E5%A5%BD%E7%94%A8%E7%9A%84
学习前端只需要三个月【语言篇】https://patch-diff.githubusercontent.com/magicds/fe#%E5%AD%A6%E4%B9%A0%E5%89%8D%E7%AB%AF%E5%8F%AA%E9%9C%80%E8%A6%81%E4%B8%89%E4%B8%AA%E6%9C%88%E8%AF%AD%E8%A8%80%E7%AF%87
JavaScript 语言的变化https://patch-diff.githubusercontent.com/magicds/fe#javascript-%E8%AF%AD%E8%A8%80%E7%9A%84%E5%8F%98%E5%8C%96
JavaScripthttps://patch-diff.githubusercontent.com/magicds/fe#javascript
ES6+https://patch-diff.githubusercontent.com/magicds/fe#es6
TypeScripthttps://patch-diff.githubusercontent.com/magicds/fe#typescript
小结https://patch-diff.githubusercontent.com/magicds/fe#%E5%B0%8F%E7%BB%93
如何选择合适的前端框架，告别选择恐惧症https://patch-diff.githubusercontent.com/magicds/fe#%E5%A6%82%E4%BD%95%E9%80%89%E6%8B%A9%E5%90%88%E9%80%82%E7%9A%84%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E5%91%8A%E5%88%AB%E9%80%89%E6%8B%A9%E6%81%90%E6%83%A7%E7%97%87
前端的选择恐惧症https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E7%9A%84%E9%80%89%E6%8B%A9%E6%81%90%E6%83%A7%E7%97%87
技术选型：不仅仅受技术影响https://patch-diff.githubusercontent.com/magicds/fe#%E6%8A%80%E6%9C%AF%E9%80%89%E5%9E%8B%E4%B8%8D%E4%BB%85%E4%BB%85%E5%8F%97%E6%8A%80%E6%9C%AF%E5%BD%B1%E5%93%8D
上线时间影响框架https://patch-diff.githubusercontent.com/magicds/fe#%E4%B8%8A%E7%BA%BF%E6%97%B6%E9%97%B4%E5%BD%B1%E5%93%8D%E6%A1%86%E6%9E%B6
锤子定律：你需要更大的视野https://patch-diff.githubusercontent.com/magicds/fe#%E9%94%A4%E5%AD%90%E5%AE%9A%E5%BE%8B%E4%BD%A0%E9%9C%80%E8%A6%81%E6%9B%B4%E5%A4%A7%E7%9A%84%E8%A7%86%E9%87%8E
前端框架一览https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E4%B8%80%E8%A7%88
jQuery, 使用生态解决问题https://patch-diff.githubusercontent.com/magicds/fe#jquery-%E4%BD%BF%E7%94%A8%E7%94%9F%E6%80%81%E8%A7%A3%E5%86%B3%E9%97%AE%E9%A2%98
Backbone.js，脊椎连接框架https://patch-diff.githubusercontent.com/magicds/fe#backbone.js%E8%84%8A%E6%A4%8E%E8%BF%9E%E6%8E%A5%E6%A1%86%E6%9E%B6
Angular，一站式提高生产力https://patch-diff.githubusercontent.com/magicds/fe#angular%E4%B8%80%E7%AB%99%E5%BC%8F%E6%8F%90%E9%AB%98%E7%94%9F%E4%BA%A7%E5%8A%9B
React，组件化提高复用https://patch-diff.githubusercontent.com/magicds/fe#react%E7%BB%84%E4%BB%B6%E5%8C%96%E6%8F%90%E9%AB%98%E5%A4%8D%E7%94%A8
Vue.js，简单也是提高效率https://patch-diff.githubusercontent.com/magicds/fe#vue.js%E7%AE%80%E5%8D%95%E4%B9%9F%E6%98%AF%E6%8F%90%E9%AB%98%E6%95%88%E7%8E%87
小结https://patch-diff.githubusercontent.com/magicds/fe#%E5%B0%8F%E7%BB%93-1
总结https://patch-diff.githubusercontent.com/magicds/fe#%E6%80%BB%E7%BB%93
前端工程师必会的六个调试技能https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%BF%85%E4%BC%9A%E7%9A%84%E5%85%AD%E4%B8%AA%E8%B0%83%E8%AF%95%E6%8A%80%E8%83%BD
我的调试入门https://patch-diff.githubusercontent.com/magicds/fe#%E6%88%91%E7%9A%84%E8%B0%83%E8%AF%95%E5%85%A5%E9%97%A8
基本调试技巧：实时调试https://patch-diff.githubusercontent.com/magicds/fe#%E5%9F%BA%E6%9C%AC%E8%B0%83%E8%AF%95%E6%8A%80%E5%B7%A7%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95
实时调试样式https://patch-diff.githubusercontent.com/magicds/fe#%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95%E6%A0%B7%E5%BC%8F
实时调试代码https://patch-diff.githubusercontent.com/magicds/fe#%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95%E4%BB%A3%E7%A0%81
移动设备调试https://patch-diff.githubusercontent.com/magicds/fe#%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E8%B0%83%E8%AF%95
模拟真机：设备模拟器https://patch-diff.githubusercontent.com/magicds/fe#%E6%A8%A1%E6%8B%9F%E7%9C%9F%E6%9C%BA%E8%AE%BE%E5%A4%87%E6%A8%A1%E6%8B%9F%E5%99%A8
真机调试：Device Inspecthttps://patch-diff.githubusercontent.com/magicds/fe#%E7%9C%9F%E6%9C%BA%E8%B0%83%E8%AF%95device-inspect
网络调试https://patch-diff.githubusercontent.com/magicds/fe#%E7%BD%91%E7%BB%9C%E8%B0%83%E8%AF%95
网络调试https://patch-diff.githubusercontent.com/magicds/fe#%E7%BD%91%E7%BB%9C%E8%B0%83%E8%AF%95-1
使用插件https://patch-diff.githubusercontent.com/magicds/fe#%E4%BD%BF%E7%94%A8%E6%8F%92%E4%BB%B6
小结https://patch-diff.githubusercontent.com/magicds/fe#%E5%B0%8F%E7%BB%93-2
如何以正确的姿势练习，深化前端知识https://patch-diff.githubusercontent.com/magicds/fe#%E5%A6%82%E4%BD%95%E4%BB%A5%E6%AD%A3%E7%A1%AE%E7%9A%84%E5%A7%BF%E5%8A%BF%E7%BB%83%E4%B9%A0%E6%B7%B1%E5%8C%96%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86
前端项目的练习过程https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE%E7%9A%84%E7%BB%83%E4%B9%A0%E8%BF%87%E7%A8%8B
Output is Inputhttps://patch-diff.githubusercontent.com/magicds/fe#output-is-input
练习框架、技术的时机https://patch-diff.githubusercontent.com/magicds/fe#%E7%BB%83%E4%B9%A0%E6%A1%86%E6%9E%B6%E6%8A%80%E6%9C%AF%E7%9A%84%E6%97%B6%E6%9C%BA
练习的过程https://patch-diff.githubusercontent.com/magicds/fe#%E7%BB%83%E4%B9%A0%E7%9A%84%E8%BF%87%E7%A8%8B
练习框架、技术的技巧https://patch-diff.githubusercontent.com/magicds/fe#%E7%BB%83%E4%B9%A0%E6%A1%86%E6%9E%B6%E6%8A%80%E6%9C%AF%E7%9A%84%E6%8A%80%E5%B7%A7
使用模板https://patch-diff.githubusercontent.com/magicds/fe#%E4%BD%BF%E7%94%A8%E6%A8%A1%E6%9D%BF
做点什么应用https://patch-diff.githubusercontent.com/magicds/fe#%E5%81%9A%E7%82%B9%E4%BB%80%E4%B9%88%E5%BA%94%E7%94%A8
编写一个博客应用https://patch-diff.githubusercontent.com/magicds/fe#%E7%BC%96%E5%86%99%E4%B8%80%E4%B8%AA%E5%8D%9A%E5%AE%A2%E5%BA%94%E7%94%A8
输入和总结https://patch-diff.githubusercontent.com/magicds/fe#%E8%BE%93%E5%85%A5%E5%92%8C%E6%80%BB%E7%BB%93
其它https://patch-diff.githubusercontent.com/magicds/fe#%E5%85%B6%E5%AE%83
关于练手项目https://patch-diff.githubusercontent.com/magicds/fe#%E5%85%B3%E4%BA%8E%E7%BB%83%E6%89%8B%E9%A1%B9%E7%9B%AE
前后端分离，你应该知道的八件事https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E4%BD%A0%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%84%E5%85%AB%E4%BB%B6%E4%BA%8B
前后端分离https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB
什么是前后端分离？https://patch-diff.githubusercontent.com/magicds/fe#%E4%BB%80%E4%B9%88%E6%98%AF%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB
真的需要前后端分离吗？https://patch-diff.githubusercontent.com/magicds/fe#%E7%9C%9F%E7%9A%84%E9%9C%80%E8%A6%81%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E5%90%97
前后端分离将遇到的那些挑战https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E5%B0%86%E9%81%87%E5%88%B0%E7%9A%84%E9%82%A3%E4%BA%9B%E6%8C%91%E6%88%98
前后端分离的核心：后台提供数据，前端负责显示https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E7%9A%84%E6%A0%B8%E5%BF%83%E5%90%8E%E5%8F%B0%E6%8F%90%E4%BE%9B%E6%95%B0%E6%8D%AE%E5%89%8D%E7%AB%AF%E8%B4%9F%E8%B4%A3%E6%98%BE%E7%A4%BA
输出逻辑：数据显示https://patch-diff.githubusercontent.com/magicds/fe#%E8%BE%93%E5%87%BA%E9%80%BB%E8%BE%91%E6%95%B0%E6%8D%AE%E6%98%BE%E7%A4%BA
不可避免的前端逻辑：表单https://patch-diff.githubusercontent.com/magicds/fe#%E4%B8%8D%E5%8F%AF%E9%81%BF%E5%85%8D%E7%9A%84%E5%89%8D%E7%AB%AF%E9%80%BB%E8%BE%91%E8%A1%A8%E5%8D%95
SEO 优化技巧 ：如何设计一个高质量的 URL 及页面标题https://patch-diff.githubusercontent.com/magicds/fe#seo-%E4%BC%98%E5%8C%96%E6%8A%80%E5%B7%A7-%E5%A6%82%E4%BD%95%E8%AE%BE%E8%AE%A1%E4%B8%80%E4%B8%AA%E9%AB%98%E8%B4%A8%E9%87%8F%E7%9A%84-url-%E5%8F%8A%E9%A1%B5%E9%9D%A2%E6%A0%87%E9%A2%98
搜索引擎优化都是前端的活https://patch-diff.githubusercontent.com/magicds/fe#%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E4%BC%98%E5%8C%96%E9%83%BD%E6%98%AF%E5%89%8D%E7%AB%AF%E7%9A%84%E6%B4%BB
如何设计一个高质量的 URLhttps://patch-diff.githubusercontent.com/magicds/fe#%E5%A6%82%E4%BD%95%E8%AE%BE%E8%AE%A1%E4%B8%80%E4%B8%AA%E9%AB%98%E8%B4%A8%E9%87%8F%E7%9A%84-url
受 RESTful API 影响 的 URL 设计https://patch-diff.githubusercontent.com/magicds/fe#%E5%8F%97-restful-api-%E5%BD%B1%E5%93%8D-%E7%9A%84-url-%E8%AE%BE%E8%AE%A1
手动自定义 URLhttps://patch-diff.githubusercontent.com/magicds/fe#%E6%89%8B%E5%8A%A8%E8%87%AA%E5%AE%9A%E4%B9%89-url
详情页 ：简单的 URL 生成规则https://patch-diff.githubusercontent.com/magicds/fe#%E8%AF%A6%E6%83%85%E9%A1%B5-%E7%AE%80%E5%8D%95%E7%9A%84-url-%E7%94%9F%E6%88%90%E8%A7%84%E5%88%99
自动化 URL：分类与多级目录https://patch-diff.githubusercontent.com/magicds/fe#%E8%87%AA%E5%8A%A8%E5%8C%96-url%E5%88%86%E7%B1%BB%E4%B8%8E%E5%A4%9A%E7%BA%A7%E7%9B%AE%E5%BD%95
搜索结果页：将参数融入 URLhttps://patch-diff.githubusercontent.com/magicds/fe#%E6%90%9C%E7%B4%A2%E7%BB%93%E6%9E%9C%E9%A1%B5%E5%B0%86%E5%8F%82%E6%95%B0%E8%9E%8D%E5%85%A5-url
自动生成高质量的站点标题https://patch-diff.githubusercontent.com/magicds/fe#%E8%87%AA%E5%8A%A8%E7%94%9F%E6%88%90%E9%AB%98%E8%B4%A8%E9%87%8F%E7%9A%84%E7%AB%99%E7%82%B9%E6%A0%87%E9%A2%98
什么是站点标题？https://patch-diff.githubusercontent.com/magicds/fe#%E4%BB%80%E4%B9%88%E6%98%AF%E7%AB%99%E7%82%B9%E6%A0%87%E9%A2%98
什么才算一个高质量的站点标题？https://patch-diff.githubusercontent.com/magicds/fe#%E4%BB%80%E4%B9%88%E6%89%8D%E7%AE%97%E4%B8%80%E4%B8%AA%E9%AB%98%E8%B4%A8%E9%87%8F%E7%9A%84%E7%AB%99%E7%82%B9%E6%A0%87%E9%A2%98
你应该知道的单页面应用的五要素https://patch-diff.githubusercontent.com/magicds/fe#%E4%BD%A0%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%84%E5%8D%95%E9%A1%B5%E9%9D%A2%E5%BA%94%E7%94%A8%E7%9A%84%E4%BA%94%E8%A6%81%E7%B4%A0
单页面应用的演进https://patch-diff.githubusercontent.com/magicds/fe#%E5%8D%95%E9%A1%B5%E9%9D%A2%E5%BA%94%E7%94%A8%E7%9A%84%E6%BC%94%E8%BF%9B
路由：页面跳转与模块关系https://patch-diff.githubusercontent.com/magicds/fe#%E8%B7%AF%E7%94%B1%E9%A1%B5%E9%9D%A2%E8%B7%B3%E8%BD%AC%E4%B8%8E%E6%A8%A1%E5%9D%97%E5%85%B3%E7%B3%BB
数据：获取与鉴权https://patch-diff.githubusercontent.com/magicds/fe#%E6%95%B0%E6%8D%AE%E8%8E%B7%E5%8F%96%E4%B8%8E%E9%89%B4%E6%9D%83
数据展示：模板引擎https://patch-diff.githubusercontent.com/magicds/fe#%E6%95%B0%E6%8D%AE%E5%B1%95%E7%A4%BA%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E
交互：事件与状态管理https://patch-diff.githubusercontent.com/magicds/fe#%E4%BA%A4%E4%BA%92%E4%BA%8B%E4%BB%B6%E4%B8%8E%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86
组件交互：状态管理https://patch-diff.githubusercontent.com/magicds/fe#%E7%BB%84%E4%BB%B6%E4%BA%A4%E4%BA%92%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86
用户交互：事件https://patch-diff.githubusercontent.com/magicds/fe#%E7%94%A8%E6%88%B7%E4%BA%A4%E4%BA%92%E4%BA%8B%E4%BB%B6
数据存储https://patch-diff.githubusercontent.com/magicds/fe#%E6%95%B0%E6%8D%AE%E5%AD%98%E5%82%A8
LocalStoragehttps://patch-diff.githubusercontent.com/magicds/fe#localstorage
WebSQLhttps://patch-diff.githubusercontent.com/magicds/fe#websql
IndexedDBhttps://patch-diff.githubusercontent.com/magicds/fe#indexeddb
SQLitehttps://patch-diff.githubusercontent.com/magicds/fe#sqlite
前端也需要性能优化https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E4%B9%9F%E9%9C%80%E8%A6%81%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96
Timelinehttps://patch-diff.githubusercontent.com/magicds/fe#timeline
首屏加载优化https://patch-diff.githubusercontent.com/magicds/fe#%E9%A6%96%E5%B1%8F%E5%8A%A0%E8%BD%BD%E4%BC%98%E5%8C%96
缓存优化https://patch-diff.githubusercontent.com/magicds/fe#%E7%BC%93%E5%AD%98%E4%BC%98%E5%8C%96
生命周期优化https://patch-diff.githubusercontent.com/magicds/fe#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E4%BC%98%E5%8C%96
HTML5 图片缓存https://patch-diff.githubusercontent.com/magicds/fe#html5-%E5%9B%BE%E7%89%87%E7%BC%93%E5%AD%98
资源缓存， API 结果https://patch-diff.githubusercontent.com/magicds/fe#%E8%B5%84%E6%BA%90%E7%BC%93%E5%AD%98-api-%E7%BB%93%E6%9E%9C
前端移动开发https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91
移动开发的三种类型https://patch-diff.githubusercontent.com/magicds/fe#%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91%E7%9A%84%E4%B8%89%E7%A7%8D%E7%B1%BB%E5%9E%8B
Web 应用https://patch-diff.githubusercontent.com/magicds/fe#web-%E5%BA%94%E7%94%A8
混合应用https://patch-diff.githubusercontent.com/magicds/fe#%E6%B7%B7%E5%90%88%E5%BA%94%E7%94%A8
React Nativehttps://patch-diff.githubusercontent.com/magicds/fe#react-native
响应式设计https://patch-diff.githubusercontent.com/magicds/fe#%E5%93%8D%E5%BA%94%E5%BC%8F%E8%AE%BE%E8%AE%A1
用户体验https://patch-diff.githubusercontent.com/magicds/fe#%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C
性能https://patch-diff.githubusercontent.com/magicds/fe#%E6%80%A7%E8%83%BD
API 使用 与 设计 ？https://patch-diff.githubusercontent.com/magicds/fe#api-%E4%BD%BF%E7%94%A8-%E4%B8%8E-%E8%AE%BE%E8%AE%A1
前端工程化思维https://patch-diff.githubusercontent.com/magicds/fe#%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E6%80%9D%E7%BB%B4
自动化构建https://patch-diff.githubusercontent.com/magicds/fe#%E8%87%AA%E5%8A%A8%E5%8C%96%E6%9E%84%E5%BB%BA
集成测试https://patch-diff.githubusercontent.com/magicds/fe#%E9%9B%86%E6%88%90%E6%B5%8B%E8%AF%95
如何以正确的姿势从零开发一个前端应用https://patch-diff.githubusercontent.com/magicds/fe#%E5%A6%82%E4%BD%95%E4%BB%A5%E6%AD%A3%E7%A1%AE%E7%9A%84%E5%A7%BF%E5%8A%BF%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%8F%91%E4%B8%80%E4%B8%AA%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8
了解真实世界的需求https://patch-diff.githubusercontent.com/magicds/fe#%E4%BA%86%E8%A7%A3%E7%9C%9F%E5%AE%9E%E4%B8%96%E7%95%8C%E7%9A%84%E9%9C%80%E6%B1%82
确认技术方案https://patch-diff.githubusercontent.com/magicds/fe#%E7%A1%AE%E8%AE%A4%E6%8A%80%E6%9C%AF%E6%96%B9%E6%A1%88
选择技术栈https://patch-diff.githubusercontent.com/magicds/fe#%E9%80%89%E6%8B%A9%E6%8A%80%E6%9C%AF%E6%A0%88
搭建构建系统https://patch-diff.githubusercontent.com/magicds/fe#%E6%90%AD%E5%BB%BA%E6%9E%84%E5%BB%BA%E7%B3%BB%E7%BB%9F
定义前端接口 - 使用 Mock Serverhttps://patch-diff.githubusercontent.com/magicds/fe#%E5%AE%9A%E4%B9%89%E5%89%8D%E7%AB%AF%E6%8E%A5%E5%8F%A3---%E4%BD%BF%E7%94%A8-mock-server
实现后台接口https://patch-diff.githubusercontent.com/magicds/fe#%E5%AE%9E%E7%8E%B0%E5%90%8E%E5%8F%B0%E6%8E%A5%E5%8F%A3
对接应用，编写测试https://patch-diff.githubusercontent.com/magicds/fe#%E5%AF%B9%E6%8E%A5%E5%BA%94%E7%94%A8%E7%BC%96%E5%86%99%E6%B5%8B%E8%AF%95
上线https://patch-diff.githubusercontent.com/magicds/fe#%E4%B8%8A%E7%BA%BF
https://patch-diff.githubusercontent.com/magicds/fe#前端技能
https://github.com/phodal/awesome-growthhttps://github.com/phodal/awesome-growth
https://patch-diff.githubusercontent.com/magicds/fe#license
https://www.phodal.com/
https://www.phodal.com/
Phodal Huanghttps://www.phodal.com
待我代码编成，娶你为妻可好http://www.xuntayizhan.com/blog/ji-ke-ai-qing-zhi-er-shi-dai-wo-dai-ma-bian-cheng-qu-ni-wei-qi-ke-hao-wan/
ued.party/http://ued.party/
Readme https://patch-diff.githubusercontent.com/magicds/fe#readme-ov-file
View license https://patch-diff.githubusercontent.com/magicds/fe#License-1-ov-file
Please reload this pagehttps://patch-diff.githubusercontent.com/magicds/fe
Activityhttps://patch-diff.githubusercontent.com/magicds/fe/activity
0 starshttps://patch-diff.githubusercontent.com/magicds/fe/stargazers
1 watchinghttps://patch-diff.githubusercontent.com/magicds/fe/watchers
0 forkshttps://patch-diff.githubusercontent.com/magicds/fe/forks
Report repository https://patch-diff.githubusercontent.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fmagicds%2Ffe&report=magicds+%28user%29
Releaseshttps://patch-diff.githubusercontent.com/magicds/fe/releases
Packages 0https://patch-diff.githubusercontent.com/users/magicds/packages?repo_name=fe
Please reload this pagehttps://patch-diff.githubusercontent.com/magicds/fe
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.