René's URL Explorer Experiment

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

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

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

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

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

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

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

X: @github

direct link

Domain: github.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:5ab635f9-c7e6-b567-b645-3e257208556f
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	EB52:11BAEC:3B76982:522F597:6977DA86
html-safe-nonce	86c42a773c557265ee79ec677859f6338781cf33320e49253cbd4773245362de
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFQjUyOjExQkFFQzozQjc2OTgyOjUyMkY1OTc6Njk3N0RBODYiLCJ2aXNpdG9yX2lkIjoiMTMxODc4ODkzODU3NDg0NjU5OCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac	8d15d3b5dcae31ce2284824062e39294de2e1481f4ab8d48e9e1976508d14ee8
hovercard-subject-tag	repository:418868113
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/P1an8/fe
twitter:image	https://opengraph.githubassets.com/f7f326ec339a0bc44785be42454d244748d8b010106ff0815f318ea8518fb067/P1an8/fe
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/f7f326ec339a0bc44785be42454d244748d8b010106ff0815f318ea8518fb067/P1an8/fe
og:image:alt	《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to P1an8/fe 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	8909f95e78dc1ccc1b9acf9d5c963c2515579e48d2898151cf571437facd1d7b
turbo-cache-control	no-preview
go-import	github.com/P1an8/fe git https://github.com/P1an8/fe.git
octolytics-dimension-user_id	12389769
octolytics-dimension-user_login	P1an8
octolytics-dimension-repository_id	418868113
octolytics-dimension-repository_nwo	P1an8/fe
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	true
octolytics-dimension-repository_parent_id	79350645
octolytics-dimension-repository_parent_nwo	phodal/fe
octolytics-dimension-repository_network_root_id	79350645
octolytics-dimension-repository_network_root_nwo	phodal/fe
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	d6b13f6e4712dc1242cf12b5e75dec8b1bf3a9ab
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://github.com/P1an8/fe#start-of-content
	https://github.com/
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FP1an8%2Ffe
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://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FP1an8%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=P1an8%2Ffe
Reload	https://github.com/P1an8/fe
Reload	https://github.com/P1an8/fe
Reload	https://github.com/P1an8/fe
P1an8	https://github.com/P1an8
fe	https://github.com/P1an8/fe
phodal/fe	https://github.com/phodal/fe
Notifications	https://github.com/login?return_to=%2FP1an8%2Ffe
Fork 0	https://github.com/login?return_to=%2FP1an8%2Ffe
Star 0	https://github.com/login?return_to=%2FP1an8%2Ffe
ued.party/	https://ued.party/
View license	https://github.com/P1an8/fe/blob/master/LICENSE
0 stars	https://github.com/P1an8/fe/stargazers
248 forks	https://github.com/P1an8/fe/forks
Branches	https://github.com/P1an8/fe/branches
Tags	https://github.com/P1an8/fe/tags
Activity	https://github.com/P1an8/fe/activity
Star	https://github.com/login?return_to=%2FP1an8%2Ffe
Notifications	https://github.com/login?return_to=%2FP1an8%2Ffe
Code	https://github.com/P1an8/fe
Pull requests 0	https://github.com/P1an8/fe/pulls
Actions	https://github.com/P1an8/fe/actions
Projects 0	https://github.com/P1an8/fe/projects
Security 0	https://github.com/P1an8/fe/security
Insights	https://github.com/P1an8/fe/pulse
Code	https://github.com/P1an8/fe
Pull requests	https://github.com/P1an8/fe/pulls
Actions	https://github.com/P1an8/fe/actions
Projects	https://github.com/P1an8/fe/projects
Security	https://github.com/P1an8/fe/security
Insights	https://github.com/P1an8/fe/pulse
Branches	https://github.com/P1an8/fe/branches
Tags	https://github.com/P1an8/fe/tags
	https://github.com/P1an8/fe/branches
	https://github.com/P1an8/fe/tags
267 Commits	https://github.com/P1an8/fe/commits/master/
	https://github.com/P1an8/fe/commits/master/
.github	https://github.com/P1an8/fe/tree/master/.github
.github	https://github.com/P1an8/fe/tree/master/.github
api	https://github.com/P1an8/fe/tree/master/api
api	https://github.com/P1an8/fe/tree/master/api
arts	https://github.com/P1an8/fe/tree/master/arts
arts	https://github.com/P1an8/fe/tree/master/arts
build	https://github.com/P1an8/fe/tree/master/build
build	https://github.com/P1an8/fe/tree/master/build
chapters	https://github.com/P1an8/fe/tree/master/chapters
chapters	https://github.com/P1an8/fe/tree/master/chapters
code	https://github.com/P1an8/fe/tree/master/code
code	https://github.com/P1an8/fe/tree/master/code
css	https://github.com/P1an8/fe/tree/master/css
css	https://github.com/P1an8/fe/tree/master/css
extends	https://github.com/P1an8/fe/tree/master/extends
extends	https://github.com/P1an8/fe/tree/master/extends
images	https://github.com/P1an8/fe/tree/master/images
images	https://github.com/P1an8/fe/tree/master/images
img	https://github.com/P1an8/fe/tree/master/img
img	https://github.com/P1an8/fe/tree/master/img
template	https://github.com/P1an8/fe/tree/master/template
template	https://github.com/P1an8/fe/tree/master/template
.gitignore	https://github.com/P1an8/fe/blob/master/.gitignore
.gitignore	https://github.com/P1an8/fe/blob/master/.gitignore
.nojekyll	https://github.com/P1an8/fe/blob/master/.nojekyll
.nojekyll	https://github.com/P1an8/fe/blob/master/.nojekyll
CNAME	https://github.com/P1an8/fe/blob/master/CNAME
CNAME	https://github.com/P1an8/fe/blob/master/CNAME
LICENSE	https://github.com/P1an8/fe/blob/master/LICENSE
LICENSE	https://github.com/P1an8/fe/blob/master/LICENSE
Makefile	https://github.com/P1an8/fe/blob/master/Makefile
Makefile	https://github.com/P1an8/fe/blob/master/Makefile
README.md	https://github.com/P1an8/fe/blob/master/README.md
README.md	https://github.com/P1an8/fe/blob/master/README.md
ebook.md	https://github.com/P1an8/fe/blob/master/ebook.md
ebook.md	https://github.com/P1an8/fe/blob/master/ebook.md
epub.css	https://github.com/P1an8/fe/blob/master/epub.css
epub.css	https://github.com/P1an8/fe/blob/master/epub.css
index.html	https://github.com/P1an8/fe/blob/master/index.html
index.html	https://github.com/P1an8/fe/blob/master/index.html
listings-setup.tex	https://github.com/P1an8/fe/blob/master/listings-setup.tex
listings-setup.tex	https://github.com/P1an8/fe/blob/master/listings-setup.tex
style.css	https://github.com/P1an8/fe/blob/master/style.css
style.css	https://github.com/P1an8/fe/blob/master/style.css
README	https://github.com/P1an8/fe
License	https://github.com/P1an8/fe
	https://github.com/P1an8/fe#我的职业是前端工程师
http://ued.party/	http://ued.party/
	https://camo.githubusercontent.com/084d459c3d84404ff722b820cb2670fa4aff79360f1fb292c6b6775e6bb5b8fa/687474703a2f2f61727469636c65732e70686f64616c2e636f6d2f7172636f64652e6a7067
	https://github.com/P1an8/fe#目录
关于作者	https://github.com/P1an8/fe#%E5%85%B3%E4%BA%8E%E4%BD%9C%E8%80%85
序	https://github.com/P1an8/fe#%E5%BA%8F
为什么不应该写一本前端书籍？	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#%E6%BC%82%E4%BA%AE%E7%9A%84%E5%89%8D%E5%8F%B0
我要成为一个前端设计师	https://github.com/P1an8/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/P1an8/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/P1an8/fe#%E5%89%8D%E7%AB%AF%E4%B9%8B%E8%B7%AF
我的前端入门	https://github.com/P1an8/fe#%E6%88%91%E7%9A%84%E5%89%8D%E7%AB%AF%E5%85%A5%E9%97%A8
我的第一个网站	https://github.com/P1an8/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 Cookbook	https://github.com/P1an8/fe#copypaste-from-cookbook
开发工具	https://github.com/P1an8/fe#%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7
jQuery 是最好用的	https://github.com/P1an8/fe#jquery-%E6%98%AF%E6%9C%80%E5%A5%BD%E7%94%A8%E7%9A%84
如何选择合适的前端语言	https://github.com/P1an8/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/P1an8/fe#javascript-%E8%AF%AD%E8%A8%80%E7%9A%84%E5%8F%98%E5%8C%96
JavaScript	https://github.com/P1an8/fe#javascript
ES6+	https://github.com/P1an8/fe#es6
TypeScript	https://github.com/P1an8/fe#typescript
小结	https://github.com/P1an8/fe#%E5%B0%8F%E7%BB%93
如何选择合适的前端框架	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E4%B8%80%E8%A7%88
jQuery, 使用生态解决问题	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#%E5%B0%8F%E7%BB%93-1
总结	https://github.com/P1an8/fe#%E6%80%BB%E7%BB%93
必会的六个调试技能	https://github.com/P1an8/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/P1an8/fe#%E6%88%91%E7%9A%84%E8%B0%83%E8%AF%95%E5%85%A5%E9%97%A8
基本调试技巧：实时调试	https://github.com/P1an8/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/P1an8/fe#%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95%E6%A0%B7%E5%BC%8F
实时调试代码	https://github.com/P1an8/fe#%E5%AE%9E%E6%97%B6%E8%B0%83%E8%AF%95%E4%BB%A3%E7%A0%81
移动设备调试	https://github.com/P1an8/fe#%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E8%B0%83%E8%AF%95
模拟真机：设备模拟器	https://github.com/P1an8/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 Inspect	https://github.com/P1an8/fe#%E7%9C%9F%E6%9C%BA%E8%B0%83%E8%AF%95device-inspect
网络调试	https://github.com/P1an8/fe#%E7%BD%91%E7%BB%9C%E8%B0%83%E8%AF%95
网络调试	https://github.com/P1an8/fe#%E7%BD%91%E7%BB%9C%E8%B0%83%E8%AF%95-1
使用插件	https://github.com/P1an8/fe#%E4%BD%BF%E7%94%A8%E6%8F%92%E4%BB%B6
小结	https://github.com/P1an8/fe#%E5%B0%8F%E7%BB%93-2
如何以正确的姿势练习	https://github.com/P1an8/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/P1an8/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 Input	https://github.com/P1an8/fe#output-is-input
练习框架、技术的时机	https://github.com/P1an8/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/P1an8/fe#%E7%BB%83%E4%B9%A0%E7%9A%84%E8%BF%87%E7%A8%8B
练习框架、技术的技巧	https://github.com/P1an8/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/P1an8/fe#%E4%BD%BF%E7%94%A8%E6%A8%A1%E6%9D%BF
做点什么应用	https://github.com/P1an8/fe#%E5%81%9A%E7%82%B9%E4%BB%80%E4%B9%88%E5%BA%94%E7%94%A8
编写一个博客应用	https://github.com/P1an8/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/P1an8/fe#%E8%BE%93%E5%85%A5%E5%92%8C%E6%80%BB%E7%BB%93
其它	https://github.com/P1an8/fe#%E5%85%B6%E5%AE%83
关于练手项目	https://github.com/P1an8/fe#%E5%85%B3%E4%BA%8E%E7%BB%83%E6%89%8B%E9%A1%B9%E7%9B%AE
前后端分离，你应该知道的八件事	https://github.com/P1an8/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/P1an8/fe#%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB
什么是前后端分离？	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#seo-%E4%BC%98%E5%8C%96%E6%8A%80%E5%B7%A7
搜索引擎优化都是前端的活	https://github.com/P1an8/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
如何设计一个高质量的 URL	https://github.com/P1an8/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/P1an8/fe#%E5%8F%97-restful-api-%E5%BD%B1%E5%93%8D-%E7%9A%84-url-%E8%AE%BE%E8%AE%A1
手动自定义 URL	https://github.com/P1an8/fe#%E6%89%8B%E5%8A%A8%E8%87%AA%E5%AE%9A%E4%B9%89-url
详情页：简单的 URL 生成规则	https://github.com/P1an8/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/P1an8/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
搜索结果页：将参数融入 URL	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#%E7%94%A8%E6%88%B7%E4%BA%A4%E4%BA%92%E4%BA%8B%E4%BB%B6
客户端存储与模型的艺术	https://github.com/P1an8/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/P1an8/fe#%E6%A8%A1%E5%9E%8B%E4%B8%8E%E5%AD%98%E5%82%A8
存储	https://github.com/P1an8/fe#%E5%AD%98%E5%82%A8
模型的变化	https://github.com/P1an8/fe#%E6%A8%A1%E5%9E%8B%E7%9A%84%E5%8F%98%E5%8C%96
如何优化前端应用性能	https://github.com/P1an8/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/P1an8/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/P1an8/fe#ttfb-%E4%BC%98%E5%8C%96
服务器优化	https://github.com/P1an8/fe#%E6%9C%8D%E5%8A%A1%E5%99%A8%E4%BC%98%E5%8C%96
项目优化经验：缓存优化	https://github.com/P1an8/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/P1an8/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/P1an8/fe#%E7%BC%93%E5%AD%98-api-%E7%BB%93%E6%9E%9C
生命周期优化	https://github.com/P1an8/fe#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E4%BC%98%E5%8C%96
优化中的反最佳实践	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#%E6%80%A7%E8%83%BD
选型指南	https://github.com/P1an8/fe#%E9%80%89%E5%9E%8B%E6%8C%87%E5%8D%97
React Native	https://github.com/P1an8/fe#react-native
选型指南	https://github.com/P1an8/fe#%E9%80%89%E5%9E%8B%E6%8C%87%E5%8D%97-1
NativeScript	https://github.com/P1an8/fe#nativescript
Weex及其他	https://github.com/P1an8/fe#weex%E5%8F%8A%E5%85%B6%E4%BB%96
如何处理好前后端分离的 API 问题	https://github.com/P1an8/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/P1an8/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/P1an8/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/P1an8/fe#api-%E7%9A%84%E5%8D%8F%E4%BD%9C%E8%AE%BE%E8%AE%A1
使用文档规范 API	https://github.com/P1an8/fe#%E4%BD%BF%E7%94%A8%E6%96%87%E6%A1%A3%E8%A7%84%E8%8C%83-api
契约测试：基于持续集成与自动化测试	https://github.com/P1an8/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/P1an8/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/P1an8/fe#%E5%B0%8F%E7%BB%93-3
如何从头开发一个前端应用	https://github.com/P1an8/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/P1an8/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/P1an8/fe#%E9%A1%B9%E7%9B%AE%E5%87%86%E5%A4%87
技术选型	https://github.com/P1an8/fe#%E6%8A%80%E6%9C%AF%E9%80%89%E5%9E%8B
构建系统	https://github.com/P1an8/fe#%E6%9E%84%E5%BB%BA%E7%B3%BB%E7%BB%9F
前后端分离设计	https://github.com/P1an8/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/P1an8/fe#%E5%AE%9E%E7%8E%B0%E5%8A%9F%E8%83%BD
分析设计图	https://github.com/P1an8/fe#%E5%88%86%E6%9E%90%E8%AE%BE%E8%AE%A1%E5%9B%BE
实现功能	https://github.com/P1an8/fe#%E5%AE%9E%E7%8E%B0%E5%8A%9F%E8%83%BD-1
编写测试	https://github.com/P1an8/fe#%E7%BC%96%E5%86%99%E6%B5%8B%E8%AF%95
上线	https://github.com/P1an8/fe#%E4%B8%8A%E7%BA%BF
	https://github.com/P1an8/fe#前端技能
https://github.com/phodal/awesome-growth	https://github.com/phodal/awesome-growth
	https://github.com/P1an8/fe#license
	https://www.phodal.com/
	https://www.phodal.com/
Phodal Huang	https://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/
Readme	https://github.com/P1an8/fe#readme-ov-file
View license	https://github.com/P1an8/fe#License-1-ov-file
Please reload this page	https://github.com/P1an8/fe
Activity	https://github.com/P1an8/fe/activity
0 stars	https://github.com/P1an8/fe/stargazers
0 watching	https://github.com/P1an8/fe/watchers
0 forks	https://github.com/P1an8/fe/forks
Report repository	https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FP1an8%2Ffe&report=P1an8+%28user%29
Releases	https://github.com/P1an8/fe/releases
1 tags	https://github.com/P1an8/fe/tags
Packages 0	https://github.com/users/P1an8/packages?repo_name=fe
	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.