René's URL Explorer Experiment


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

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

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

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

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

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

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

X: @github

direct link

Domain: Github.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:fb511189-ba98-70bb-2162-90cf14a0f254
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idA714:19CEC6:80C301:B7F287:6A633557
html-safe-nonce5b2fbe9698ebdfcd8c294a24030d63478a7062dc65374eb0cd7d7b7a5f865358
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBNzE0OjE5Q0VDNjo4MEMzMDE6QjdGMjg3OjZBNjMzNTU3IiwidmlzaXRvcl9pZCI6IjY5NTkwMjI5NzA0NjU2Mjk1MjciLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmacb7b74aa97b757ca94f7c097faeae4d700c0ab2bec32f82854f4e279753720953
hovercard-subject-tagrepository:79350645
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/phodal/fe
twitter:imagehttps://opengraph.githubassets.com/8c825ed9ddcbc24cbd2bf1717aadca0cc5b852f6faaf0f03d78796eac4ebb930/phodal/fe
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/8c825ed9ddcbc24cbd2bf1717aadca0cc5b852f6faaf0f03d78796eac4ebb930/phodal/fe
og:image:alt《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to phodal/fe development by creating an account on GitHub.
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
Nonedf6e1c2adcceb061ec8c4106a1b34f38280f08e13f2b195c661c202834cbc3b1
turbo-cache-controlno-cache
go-importgithub.com/phodal/fe git https://github.com/phodal/fe.git
octolytics-dimension-user_id472311
octolytics-dimension-user_loginphodal
octolytics-dimension-repository_id79350645
octolytics-dimension-repository_nwophodal/fe
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
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
release822a0ff2a479845adcdd40a1a7b1734a56e05818
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://Github.com/phodal/fe#start-of-content
https://Github.com/
Sign in https://Github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fphodal%2Ffe
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
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
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
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
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
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/enterprise/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://Github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fphodal%2Ffe
Sign up https://Github.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=phodal%2Ffe
Reloadhttps://Github.com/phodal/fe
Reloadhttps://Github.com/phodal/fe
Reloadhttps://Github.com/phodal/fe
phodal https://Github.com/phodal
fehttps://Github.com/phodal/fe
Please reload this pagehttps://Github.com/phodal/fe
Notifications https://Github.com/login?return_to=%2Fphodal%2Ffe
Fork 247 https://Github.com/login?return_to=%2Fphodal%2Ffe
Star 2k https://Github.com/login?return_to=%2Fphodal%2Ffe
Code https://Github.com/phodal/fe
Issues 2 https://Github.com/phodal/fe/issues
Pull requests 0 https://Github.com/phodal/fe/pulls
Actions https://Github.com/phodal/fe/actions
Projects https://Github.com/phodal/fe/projects
Security and quality 0 https://Github.com/phodal/fe/security
Insights https://Github.com/phodal/fe/pulse
Code https://Github.com/phodal/fe
Issues https://Github.com/phodal/fe/issues
Pull requests https://Github.com/phodal/fe/pulls
Actions https://Github.com/phodal/fe/actions
Projects https://Github.com/phodal/fe/projects
Security and quality https://Github.com/phodal/fe/security
Insights https://Github.com/phodal/fe/pulse
https://Github.com/phodal/fe
Brancheshttps://Github.com/phodal/fe/branches
Tagshttps://Github.com/phodal/fe/tags
https://Github.com/phodal/fe/branches
https://Github.com/phodal/fe/tags
267 Commitshttps://Github.com/phodal/fe/commits/master/
https://Github.com/phodal/fe/commits/master/
.githubhttps://Github.com/phodal/fe/tree/master/.github
.githubhttps://Github.com/phodal/fe/tree/master/.github
apihttps://Github.com/phodal/fe/tree/master/api
apihttps://Github.com/phodal/fe/tree/master/api
artshttps://Github.com/phodal/fe/tree/master/arts
artshttps://Github.com/phodal/fe/tree/master/arts
buildhttps://Github.com/phodal/fe/tree/master/build
buildhttps://Github.com/phodal/fe/tree/master/build
chaptershttps://Github.com/phodal/fe/tree/master/chapters
chaptershttps://Github.com/phodal/fe/tree/master/chapters
codehttps://Github.com/phodal/fe/tree/master/code
codehttps://Github.com/phodal/fe/tree/master/code
csshttps://Github.com/phodal/fe/tree/master/css
csshttps://Github.com/phodal/fe/tree/master/css
extendshttps://Github.com/phodal/fe/tree/master/extends
extendshttps://Github.com/phodal/fe/tree/master/extends
imageshttps://Github.com/phodal/fe/tree/master/images
imageshttps://Github.com/phodal/fe/tree/master/images
imghttps://Github.com/phodal/fe/tree/master/img
imghttps://Github.com/phodal/fe/tree/master/img
templatehttps://Github.com/phodal/fe/tree/master/template
templatehttps://Github.com/phodal/fe/tree/master/template
.gitignorehttps://Github.com/phodal/fe/blob/master/.gitignore
.gitignorehttps://Github.com/phodal/fe/blob/master/.gitignore
.nojekyllhttps://Github.com/phodal/fe/blob/master/.nojekyll
.nojekyllhttps://Github.com/phodal/fe/blob/master/.nojekyll
CNAMEhttps://Github.com/phodal/fe/blob/master/CNAME
CNAMEhttps://Github.com/phodal/fe/blob/master/CNAME
LICENSEhttps://Github.com/phodal/fe/blob/master/LICENSE
LICENSEhttps://Github.com/phodal/fe/blob/master/LICENSE
Makefilehttps://Github.com/phodal/fe/blob/master/Makefile
Makefilehttps://Github.com/phodal/fe/blob/master/Makefile
README.mdhttps://Github.com/phodal/fe/blob/master/README.md
README.mdhttps://Github.com/phodal/fe/blob/master/README.md
ebook.mdhttps://Github.com/phodal/fe/blob/master/ebook.md
ebook.mdhttps://Github.com/phodal/fe/blob/master/ebook.md
epub.csshttps://Github.com/phodal/fe/blob/master/epub.css
epub.csshttps://Github.com/phodal/fe/blob/master/epub.css
index.htmlhttps://Github.com/phodal/fe/blob/master/index.html
index.htmlhttps://Github.com/phodal/fe/blob/master/index.html
listings-setup.texhttps://Github.com/phodal/fe/blob/master/listings-setup.tex
listings-setup.texhttps://Github.com/phodal/fe/blob/master/listings-setup.tex
style.csshttps://Github.com/phodal/fe/blob/master/style.css
style.csshttps://Github.com/phodal/fe/blob/master/style.css
READMEhttps://Github.com/phodal/fe
Licensehttps://Github.com/phodal/fe
https://Github.com/phodal/fe#我的职业是前端工程师
http://ued.party/http://ued.party/
https://camo.githubusercontent.com/084d459c3d84404ff722b820cb2670fa4aff79360f1fb292c6b6775e6bb5b8fa/687474703a2f2f61727469636c65732e70686f64616c2e636f6d2f7172636f64652e6a7067
https://Github.com/phodal/fe#目录
关于作者https://Github.com/phodal/fe#%E5%85%B3%E4%BA%8E%E4%BD%9C%E8%80%85
序https://Github.com/phodal/fe#%E5%BA%8F
为什么不应该写一本前端书籍？https://Github.com/phodal/fe#%E4%B8%BA%E4%BB%80%E4%B9%88%E4%B8%8D%E5%BA%94%E8%AF%A5%E5%86%99%E4%B8%80%E6%9C%AC%E5%89%8D%E7%AB%AF%E4%B9%A6%E7%B1%8D
本书在讲些什么https://Github.com/phodal/fe#%E6%9C%AC%E4%B9%A6%E5%9C%A8%E8%AE%B2%E4%BA%9B%E4%BB%80%E4%B9%88
关于《我的职业是前端工程师》https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E6%BC%82%E4%BA%AE%E7%9A%84%E5%89%8D%E5%8F%B0
我要成为一个前端设计师https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E5%89%8D%E7%AB%AF%E4%B9%8B%E8%B7%AF
我的前端入门https://Github.com/phodal/fe#%E6%88%91%E7%9A%84%E5%89%8D%E7%AB%AF%E5%85%A5%E9%97%A8
我的第一个网站https://Github.com/phodal/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://Github.com/phodal/fe#copypaste-from-cookbook
开发工具https://Github.com/phodal/fe#%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7
jQuery 是最好用的https://Github.com/phodal/fe#jquery-%E6%98%AF%E6%9C%80%E5%A5%BD%E7%94%A8%E7%9A%84
如何选择合适的前端语言https://Github.com/phodal/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%E8%AF%AD%E8%A8%80
JavaScript 语言的变化https://Github.com/phodal/fe#javascript-%E8%AF%AD%E8%A8%80%E7%9A%84%E5%8F%98%E5%8C%96
JavaScripthttps://Github.com/phodal/fe#javascript
ES6+https://Github.com/phodal/fe#es6
TypeScripthttps://Github.com/phodal/fe#typescript
小结https://Github.com/phodal/fe#%E5%B0%8F%E7%BB%93
如何选择合适的前端框架https://Github.com/phodal/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
前端的选择恐惧症https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E4%B8%80%E8%A7%88
jQuery, 使用生态解决问题https://Github.com/phodal/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://Github.com/phodal/fe#backbone.js%E8%84%8A%E6%A4%8E%E8%BF%9E%E6%8E%A5%E6%A1%86%E6%9E%B6
Angular，一站式提高生产力https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E5%B0%8F%E7%BB%93-1
总结https://Github.com/phodal/fe#%E6%80%BB%E7%BB%93
必会的六个调试技能https://Github.com/phodal/fe#%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://Github.com/phodal/fe#%E6%88%91%E7%9A%84%E8%B0%83%E8%AF%95%E5%85%A5%E9%97%A8
基本调试技巧：实时调试https://Github.com/phodal/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://Github.com/phodal/fe#%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95%E6%A0%B7%E5%BC%8F
实时调试代码https://Github.com/phodal/fe#%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95%E4%BB%A3%E7%A0%81
移动设备调试https://Github.com/phodal/fe#%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E8%B0%83%E8%AF%95
模拟真机：设备模拟器https://Github.com/phodal/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://Github.com/phodal/fe#%E7%9C%9F%E6%9C%BA%E8%B0%83%E8%AF%95device-inspect
网络调试https://Github.com/phodal/fe#%E7%BD%91%E7%BB%9C%E8%B0%83%E8%AF%95
网络调试https://Github.com/phodal/fe#%E7%BD%91%E7%BB%9C%E8%B0%83%E8%AF%95-1
使用插件https://Github.com/phodal/fe#%E4%BD%BF%E7%94%A8%E6%8F%92%E4%BB%B6
小结https://Github.com/phodal/fe#%E5%B0%8F%E7%BB%93-2
如何以正确的姿势练习https://Github.com/phodal/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
前端项目的练习过程https://Github.com/phodal/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://Github.com/phodal/fe#output-is-input
练习框架、技术的时机https://Github.com/phodal/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://Github.com/phodal/fe#%E7%BB%83%E4%B9%A0%E7%9A%84%E8%BF%87%E7%A8%8B
练习框架、技术的技巧https://Github.com/phodal/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://Github.com/phodal/fe#%E4%BD%BF%E7%94%A8%E6%A8%A1%E6%9D%BF
做点什么应用https://Github.com/phodal/fe#%E5%81%9A%E7%82%B9%E4%BB%80%E4%B9%88%E5%BA%94%E7%94%A8
编写一个博客应用https://Github.com/phodal/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://Github.com/phodal/fe#%E8%BE%93%E5%85%A5%E5%92%8C%E6%80%BB%E7%BB%93
其它https://Github.com/phodal/fe#%E5%85%B6%E5%AE%83
关于练手项目https://Github.com/phodal/fe#%E5%85%B3%E4%BA%8E%E7%BB%83%E6%89%8B%E9%A1%B9%E7%9B%AE
前后端分离，你应该知道的八件事https://Github.com/phodal/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://Github.com/phodal/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB
什么是前后端分离？https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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 优化技巧https://Github.com/phodal/fe#seo-%E4%BC%98%E5%8C%96%E6%8A%80%E5%B7%A7
搜索引擎优化都是前端的活https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E5%8F%97-restful-api-%E5%BD%B1%E5%93%8D-%E7%9A%84-url-%E8%AE%BE%E8%AE%A1
手动自定义 URLhttps://Github.com/phodal/fe#%E6%89%8B%E5%8A%A8%E8%87%AA%E5%AE%9A%E4%B9%89-url
详情页 ：简单的 URL 生成规则https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E4%BB%80%E4%B9%88%E6%98%AF%E7%AB%99%E7%82%B9%E6%A0%87%E9%A2%98
什么才算一个高质量的站点标题？https://Github.com/phodal/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://Github.com/phodal/fe#%E5%8D%95%E9%A1%B5%E9%9D%A2%E5%BA%94%E7%94%A8%E7%9A%84%E6%A0%B8%E5%BF%83%E7%9F%A5%E8%AF%86
单页面应用的演进https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E6%95%B0%E6%8D%AE%E8%8E%B7%E5%8F%96%E4%B8%8E%E9%89%B4%E6%9D%83
数据展示：模板引擎https://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/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://Github.com/phodal/fe#%E7%94%A8%E6%88%B7%E4%BA%A4%E4%BA%92%E4%BA%8B%E4%BB%B6
客户端存储与模型的艺术https://Github.com/phodal/fe#%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%AD%98%E5%82%A8%E4%B8%8E%E6%A8%A1%E5%9E%8B%E7%9A%84%E8%89%BA%E6%9C%AF
模型与存储https://Github.com/phodal/fe#%E6%A8%A1%E5%9E%8B%E4%B8%8E%E5%AD%98%E5%82%A8
存储https://Github.com/phodal/fe#%E5%AD%98%E5%82%A8
模型的变化https://Github.com/phodal/fe#%E6%A8%A1%E5%9E%8B%E7%9A%84%E5%8F%98%E5%8C%96
如何优化前端应用性能https://Github.com/phodal/fe#%E5%A6%82%E4%BD%95%E4%BC%98%E5%8C%96%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8%E6%80%A7%E8%83%BD
博客优化经验：速度优化https://Github.com/phodal/fe#%E5%8D%9A%E5%AE%A2%E4%BC%98%E5%8C%96%E7%BB%8F%E9%AA%8C%E9%80%9F%E5%BA%A6%E4%BC%98%E5%8C%96
TTFB 优化https://Github.com/phodal/fe#ttfb-%E4%BC%98%E5%8C%96
服务器优化https://Github.com/phodal/fe#%E6%9C%8D%E5%8A%A1%E5%99%A8%E4%BC%98%E5%8C%96
项目优化经验：缓存优化https://Github.com/phodal/fe#%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96%E7%BB%8F%E9%AA%8C%E7%BC%93%E5%AD%98%E4%BC%98%E5%8C%96
移动优化经验：用户体验优化https://Github.com/phodal/fe#%E7%A7%BB%E5%8A%A8%E4%BC%98%E5%8C%96%E7%BB%8F%E9%AA%8C%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E4%BC%98%E5%8C%96
缓存 API 结果https://Github.com/phodal/fe#%E7%BC%93%E5%AD%98-api-%E7%BB%93%E6%9E%9C
生命周期优化https://Github.com/phodal/fe#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E4%BC%98%E5%8C%96
优化中的反最佳实践https://Github.com/phodal/fe#%E4%BC%98%E5%8C%96%E4%B8%AD%E7%9A%84%E5%8F%8D%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5
移动应用选型指南https://Github.com/phodal/fe#%E7%A7%BB%E5%8A%A8%E5%BA%94%E7%94%A8%E9%80%89%E5%9E%8B%E6%8C%87%E5%8D%97
Web 应用与混合应用https://Github.com/phodal/fe#web-%E5%BA%94%E7%94%A8%E4%B8%8E%E6%B7%B7%E5%90%88%E5%BA%94%E7%94%A8
性能https://Github.com/phodal/fe#%E6%80%A7%E8%83%BD
选型指南https://Github.com/phodal/fe#%E9%80%89%E5%9E%8B%E6%8C%87%E5%8D%97
React Nativehttps://Github.com/phodal/fe#react-native
选型指南https://Github.com/phodal/fe#%E9%80%89%E5%9E%8B%E6%8C%87%E5%8D%97-1
NativeScripthttps://Github.com/phodal/fe#nativescript
Weex及其他https://Github.com/phodal/fe#weex%E5%8F%8A%E5%85%B6%E4%BB%96
如何处理好前后端分离的 API 问题https://Github.com/phodal/fe#%E5%A6%82%E4%BD%95%E5%A4%84%E7%90%86%E5%A5%BD%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E7%9A%84-api-%E9%97%AE%E9%A2%98
前后端分离 API 的演进史https://Github.com/phodal/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB-api-%E7%9A%84%E6%BC%94%E8%BF%9B%E5%8F%B2
瀑布式开发的 API 设计https://Github.com/phodal/fe#%E7%80%91%E5%B8%83%E5%BC%8F%E5%BC%80%E5%8F%91%E7%9A%84-api-%E8%AE%BE%E8%AE%A1
API 的协作设计https://Github.com/phodal/fe#api-%E7%9A%84%E5%8D%8F%E4%BD%9C%E8%AE%BE%E8%AE%A1
使用文档规范 APIhttps://Github.com/phodal/fe#%E4%BD%BF%E7%94%A8%E6%96%87%E6%A1%A3%E8%A7%84%E8%8C%83-api
契约测试：基于持续集成与自动化测试https://Github.com/phodal/fe#%E5%A5%91%E7%BA%A6%E6%B5%8B%E8%AF%95%E5%9F%BA%E4%BA%8E%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90%E4%B8%8E%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95
前端测试与 API 适配器https://Github.com/phodal/fe#%E5%89%8D%E7%AB%AF%E6%B5%8B%E8%AF%95%E4%B8%8E-api-%E9%80%82%E9%85%8D%E5%99%A8
小结https://Github.com/phodal/fe#%E5%B0%8F%E7%BB%93-3
如何从头开发一个前端应用https://Github.com/phodal/fe#%E5%A6%82%E4%BD%95%E4%BB%8E%E5%A4%B4%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://Github.com/phodal/fe#%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
项目准备https://Github.com/phodal/fe#%E9%A1%B9%E7%9B%AE%E5%87%86%E5%A4%87
技术选型https://Github.com/phodal/fe#%E6%8A%80%E6%9C%AF%E9%80%89%E5%9E%8B
构建系统https://Github.com/phodal/fe#%E6%9E%84%E5%BB%BA%E7%B3%BB%E7%BB%9F
前后端分离设计https://Github.com/phodal/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E8%AE%BE%E8%AE%A1
实现功能https://Github.com/phodal/fe#%E5%AE%9E%E7%8E%B0%E5%8A%9F%E8%83%BD
分析设计图https://Github.com/phodal/fe#%E5%88%86%E6%9E%90%E8%AE%BE%E8%AE%A1%E5%9B%BE
实现功能https://Github.com/phodal/fe#%E5%AE%9E%E7%8E%B0%E5%8A%9F%E8%83%BD-1
编写测试https://Github.com/phodal/fe#%E7%BC%96%E5%86%99%E6%B5%8B%E8%AF%95
上线https://Github.com/phodal/fe#%E4%B8%8A%E7%BA%BF
https://Github.com/phodal/fe#前端技能
https://github.com/phodal/awesome-growthhttps://github.com/phodal/awesome-growth
https://Github.com/phodal/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/https://ued.party/
ebookhttps://Github.com/topics/ebook
fehttps://Github.com/topics/fe
frontendhttps://Github.com/topics/frontend
frontend-webdevelopmenthttps://Github.com/topics/frontend-webdevelopment
github-bookshttps://Github.com/topics/github-books
guidehttps://Github.com/topics/guide
phodalhttps://Github.com/topics/phodal
uedhttps://Github.com/topics/ued
Readmehttps://Github.com/phodal/fe#readme-ov-file
Licensehttps://Github.com/phodal/fe#License-1-ov-file
Activityhttps://Github.com/phodal/fe/activity
2.0k starshttps://Github.com/phodal/fe/stargazers
115 watchinghttps://Github.com/phodal/fe/watchers
247 forkshttps://Github.com/phodal/fe/forks
Report repositoryhttps://Github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fphodal%2Ffe&report=phodal+%28user%29
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.