René's URL Explorer Experiment


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

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

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

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

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

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

Opengraph URL: https://github.com/oc-Design/fe

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:8f5f27a2-5f63-6b2b-c94f-a0a27c98c42a
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id882C:140E58:47C380B:5CF9ED3:6974FA08
html-safe-nonce54ff9824e8d53a19be88744eb67b34035186ba27c0819d7a867d5c3aa23f4dcd
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4ODJDOjE0MEU1ODo0N0MzODBCOjVDRjlFRDM6Njk3NEZBMDgiLCJ2aXNpdG9yX2lkIjoiMzQ1Njk0MTA1Mjg2NDU1OTYyNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac33af3bd4f3a28df3d4bff9fcfbde1d795ec4d0e002d07837095d46dc7825bf11
hovercard-subject-tagrepository:171634421
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/oc-Design/fe
twitter:imagehttps://opengraph.githubassets.com/a552ecaefd26ce429e32282f5fcdf0c4bd24cdaeecc25b15cb702fd6e9a2dc67/oc-Design/fe
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/a552ecaefd26ce429e32282f5fcdf0c4bd24cdaeecc25b15cb702fd6e9a2dc67/oc-Design/fe
og:image:alt《我的职业是前端工程师》 - Ebook：I'm a FrontEnd Developer. Contribute to oc-Design/fe development by creating an account on GitHub.
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None4a4bf5f4e28041a9d2e5c107d7d20b78b4294ba261cab243b28167c16a623a1f
turbo-cache-controlno-preview
go-importgithub.com/oc-Design/fe git https://github.com/oc-Design/fe.git
octolytics-dimension-user_id47770184
octolytics-dimension-user_loginoc-Design
octolytics-dimension-repository_id171634421
octolytics-dimension-repository_nwooc-Design/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
release488b30e96dfd057fbbe44c6665ccbc030b729dde
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

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