[{"data":1,"prerenderedAt":637},["ShallowReactive",2],{"\u002Fpost\u002Ffrontend-learning-note":3},{"id":4,"title":5,"body":6,"date":619,"description":607,"extension":620,"hidden":621,"image":622,"meta":623,"navigation":624,"path":625,"seo":626,"sitemap":627,"stem":628,"subtitle":629,"tags":630,"__hash__":636},"posts\u002Fpost\u002Ffrontend-learning-note.md","前端學習地圖",{"type":7,"value":8,"toc":606},"minimark",[9,16,20,103,107,226,229,250,254,312,315,333,337,365,369,472,475,517,520],[10,11,12],"blockquote",{},[13,14,15],"p",{},"以下連結沒有照特定順序排列，不定期更新",[17,18,19],"h2",{"id":19},"學習",[21,22,23,38,47,57,66,76,86,96],"ul",{},[24,25,26,30,31],"li",{},[27,28,29],"code",{},"MDN"," ",[32,33,37],"a",{"href":34,"rel":35},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FPerformance\u002FHow_browsers_work",[36],"nofollow","渲染頁面：瀏覽器的工作原理",[24,39,40,30,42],{},[27,41,29],{},[32,43,46],{"href":44,"rel":45},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002Fdocs\u002FWeb\u002FHTTP\u002FCORS#%E7%AE%80%E5%8D%95%E8%AF%B7%E6%B1%82",[36],"跨源资源共享（CORS）",[24,48,49,30,52],{},[27,50,51],{},"IT邦幫忙",[32,53,56],{"href":54,"rel":55},"https:\u002F\u002Fithelp.ithome.com.tw\u002Farticles\u002F10265151",[36],"那些被忽略但很好用的 Web API",[24,58,59,30,61],{},[27,60,51],{},[32,62,65],{"href":63,"rel":64},"https:\u002F\u002Fithelp.ithome.com.tw\u002Farticles\u002F10216221",[36],"前端三十 - 成為更好的前端工程師",[24,67,68,30,71],{},[27,69,70],{},"Github",[32,72,75],{"href":73,"rel":74},"https:\u002F\u002Fgithub.com\u002FGoodLuckAlien\u002Fblogs\u002Fissues\u002F2",[36],"react 开发者的八条优化建议",[24,77,78,30,81],{},[27,79,80],{},"知乎",[32,82,85],{"href":83,"rel":84},"https:\u002F\u002Fzhuanlan.zhihu.com\u002Fp\u002F30534023",[36],"浏览器渲染流水线解析与网页动画性能优化",[24,87,88,30,91],{},[27,89,90],{},"掘金",[32,92,95],{"href":93,"rel":94},"https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7114177684434845727#comment",[36],"聊聊 Vue 的双端 diff 算法",[24,97,98],{},[32,99,102],{"href":100,"rel":101},"https:\u002F\u002Fblog.techbridge.cc\u002F2017\u002F06\u002F17\u002Fcache-introduction\u002F",[36],"循序漸進理解 HTTP Cache 機制",[17,104,106],{"id":105},"面試心得-面試考題","面試心得 \u002F 面試考題",[21,108,109,119,128,137,147,156,165,174,183,192,201,210,219],{},[24,110,111,30,114],{},[27,112,113],{},"PTT",[32,115,118],{"href":116,"rel":117},"https:\u002F\u002Fwww.ptt.cc\u002Fbbs\u002FSoft_Job\u002FM.1629116047.A.E66.html",[36],"2021 前端面試心得",[24,120,121,30,123],{},[27,122,113],{},[32,124,127],{"href":125,"rel":126},"https:\u002F\u002Fwww.ptt.cc\u002Fbbs\u002FSoft_Job\u002FM.1657113514.A.80A.html",[36],"2022 面試心得",[24,129,130,30,132],{},[27,131,113],{},[32,133,136],{"href":134,"rel":135},"https:\u002F\u002Fwww.ptt.cc\u002Fbbs\u002FSoft_Job\u002FM.1600446532.A.1E2.html",[36],"國外各大公司面試經驗",[24,138,139,30,142],{},[27,140,141],{},"Medium",[32,143,146],{"href":144,"rel":145},"https:\u002F\u002Fmedium.com\u002Fd-d-mag\u002F%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%A9%A6%E7%B8%BD%E7%B5%90-dfe8bf07bfe1",[36],"前端面試心得",[24,148,149,30,151],{},[27,150,141],{},[32,152,155],{"href":153,"rel":154},"https:\u002F\u002Fhulitw.medium.com\u002F2020-senior-front-end-engineer-interview-249c719c1a97",[36],"2020 資深前端工程師面試心得（4y, 100k+）",[24,157,158,30,160],{},[27,159,90],{},[32,161,164],{"href":162,"rel":163},"https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7036581158670303240",[36],"时隔一年半，我，一个卑微的前端菜鸡，又来写面经了",[24,166,167,30,169],{},[27,168,90],{},[32,170,173],{"href":171,"rel":172},"https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7239715208792342584",[36],"大专前端，三轮面试，终与阿里无缘",[24,175,176,30,178],{},[27,177,90],{},[32,179,182],{"href":180,"rel":181},"https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7204707115062411320",[36],"2023 前端面试题总结",[24,184,185,30,187],{},[27,186,90],{},[32,188,191],{"href":189,"rel":190},"https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7207410405857017917",[36],"2022-2023 六年前端中大厂面试总结（仅题目，无答案）",[24,193,194,30,196],{},[27,195,90],{},[32,197,200],{"href":198,"rel":199},"https:\u002F\u002Fjuejin.cn\u002Fpost\u002F6844903918753808398",[36],"30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）",[24,202,203,30,205],{},[27,204,70],{},[32,206,209],{"href":207,"rel":208},"https:\u002F\u002Fgithub.com\u002Ffebobo\u002Fweb-interview",[36],"fabobo\u002Fweb-interview",[24,211,212,30,214],{},[27,213,70],{},[32,215,218],{"href":216,"rel":217},"https:\u002F\u002Fgithub.com\u002FSunny-117\u002Fjs-challenges",[36],"Sunny-117\u002Fjs-challenges",[24,220,221],{},[32,222,225],{"href":223,"rel":224},"https:\u002F\u002Fxiaolincoding.com\u002Fnetwork\u002F3_tcp\u002Ftcp_interview.html#tcp-%E5%9F%BA%E6%9C%AC%E8%AE%A4%E8%AF%86",[36],"TCP 三次握手与四次挥手面试题",[17,227,228],{"id":228},"演算法",[21,230,231,241],{},[24,232,233,30,236],{},[27,234,235],{},"Youtube",[32,237,240],{"href":238,"rel":239},"https:\u002F\u002Fwww.youtube.com\u002F@HuaHuaLeetCode",[36],"Hua Hua (花花醬)",[24,242,243,30,245],{},[27,244,235],{},[32,246,249],{"href":247,"rel":248},"https:\u002F\u002Fwww.youtube.com\u002F@NeetCode",[36],"NeetCode",[17,251,253],{"id":252},"自我提升-心得抒發","自我提升 \u002F 心得抒發",[21,255,256,263,270,277,284,291,298,305],{},[24,257,258],{},[32,259,262],{"href":260,"rel":261},"https:\u002F\u002Fjaceju.net\u002Fbe-a-senior-engineer\u002F",[36],"如何才有資格稱為資深工程師",[24,264,265],{},[32,266,269],{"href":267,"rel":268},"https:\u002F\u002Fblog.huli.tw\u002F2018\u002F12\u002F29\u002Fafter-two-years-am-i-senior\u002F",[36],"兩年過後，我能夠被稱為資深工程師了嗎？",[24,271,272],{},[32,273,276],{"href":274,"rel":275},"https:\u002F\u002Fblog.kalan.dev\u002Fposts\u002F2020-10-27-weird-expert-da-da",[36],"奇怪的大神現象",[24,278,279],{},[32,280,283],{"href":281,"rel":282},"https:\u002F\u002Fvgod.medium.com\u002F%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB%E7%9A%84%E4%BF%AE%E7%85%89%E8%88%87%E6%88%90%E9%95%B7-5-1-1%E8%A9%B2%E8%AB%87%E4%BB%80%E9%BA%BC%E6%89%8D%E8%83%BD%E8%AE%93%E8%81%B7%E6%B6%AF%E8%B5%B7%E9%A3%9B-eaa10f2df56e",[36],"軟體工程師的修煉與成長 (5) — 1:1 該談什麼才能讓職涯起飛?",[24,285,286],{},[32,287,290],{"href":288,"rel":289},"https:\u002F\u002Fwww.ptt.cc\u002Fbbs\u002FSoft_Job\u002FM.1553367638.A.27B.html",[36],"資深工程師該有怎樣的樣子？",[24,292,293],{},[32,294,297],{"href":295,"rel":296},"https:\u002F\u002Fmedium.com\u002Fthe-bayesian-trap\u002Fthe-coding-interview-and-soft-skills-70dad398f3f1",[36],"技術總監需要有技術嗎？",[24,299,300],{},[32,301,304],{"href":302,"rel":303},"https:\u002F\u002Fzonble.medium.com\u002F%E7%B5%A6%E9%82%A3%E4%BA%9B%E5%9C%A8-linkedin-%E4%B8%8A%E9%9D%A2%E4%B8%80%E8%A8%80%E4%B8%8D%E5%92%8C%E5%B0%B1%E8%A6%81%E4%BA%BA%E5%AE%B6%E6%89%8B%E6%A9%9F%E8%99%9F%E7%A2%BC%E7%9A%84%E5%8F%B0%E7%81%A3-head-hunter-a92019e42ab7",[36],"給那些在 Linkedin 上面一言不和就要人家手機號碼的台灣 Head Hunter",[24,306,307],{},[32,308,311],{"href":309,"rel":310},"https:\u002F\u002Fblog.darkthread.net\u002Fblog\u002Fcourage-of-refactoring\u002F",[36],"閒聊 - 重構的勇氣",[17,313,314],{"id":314},"大廠文章",[21,316,317,325],{},[24,318,319,324],{},[32,320,323],{"href":321,"rel":322},"https:\u002F\u002Fdiscord.com\u002Fblog\u002Fwhy-discord-is-switching-from-go-to-rust",[36],"WHY DISCORD IS SWITCHING FROM GO TO RUST"," - Discord",[24,326,327,332],{},[32,328,331],{"href":329,"rel":330},"https:\u002F\u002Fstripe.com\u002Fblog\u002Fmigrating-to-typescript?fbclid=IwAR1zAhvgJJYqXyHkX4F2y4GI1MNK8boPCCzjrE-PeGTSfyHKKONetYcw9A4",[36],"Migrating millions of lines of code to TypeScript"," - Stripe",[17,334,336],{"id":335},"薪資待遇-職場","薪資待遇 \u002F 職場",[21,338,339,349,358],{},[24,340,341,30,344],{},[27,342,343],{},"巴哈姆特",[32,345,348],{"href":346,"rel":347},"https:\u002F\u002Fforum.gamer.com.tw\u002FC.php?bsn=60561&snA=13997",[36],"【心得】聊聊普通人寫程式的薪資發展",[24,350,351,30,353],{},[27,352,343],{},[32,354,357],{"href":355,"rel":356},"https:\u002F\u002Fforum.gamer.com.tw\u002FCo.php?bsn=60076&sn=62517640",[36],"【密技】台灣軟體業業界現況詳解、軟體工程師指南",[24,359,360],{},[32,361,364],{"href":362,"rel":363},"https:\u002F\u002Fwww.explainthis.io\u002Fzh-hant\u002Fsoftware-engineer-note\u002Fsoftware-engineer-career\u002Fhow-to-negotiate-your-big-tech-offer",[36],"拿到 offer 後談薪水 — 讓我多談 35% 的談薪筆記",[17,366,368],{"id":367},"blog-部落格-個人網站","Blog 部落格 \u002F 個人網站",[21,370,371,379,386,393,400,407,414,421,428,435,443,450,457,464],{},[24,372,373,378],{},[32,374,377],{"href":375,"rel":376},"https:\u002F\u002Flxchuan12.gitee.io\u002F",[36],"若川的博客"," - 原始碼解析",[24,380,381],{},[32,382,385],{"href":383,"rel":384},"https:\u002F\u002Fpjchender.dev\u002F",[36],"PJCHENder",[24,387,388],{},[32,389,392],{"href":390,"rel":391},"https:\u002F\u002Fwww.explainthis.io\u002Fzh-hant",[36],"ExplaintThis",[24,394,395],{},[32,396,399],{"href":397,"rel":398},"https:\u002F\u002Faszx87410.github.io\u002Fblog\u002F",[36],"Huli",[24,401,402],{},[32,403,406],{"href":404,"rel":405},"https:\u002F\u002Fkentcdodds.com\u002F",[36],"Kent C. Dodds",[24,408,409],{},[32,410,413],{"href":411,"rel":412},"https:\u002F\u002Fgithub.com\u002FGeekhyt\u002Fweekly",[36],"前端食堂技术周刊",[24,415,416],{},[32,417,420],{"href":418,"rel":419},"https:\u002F\u002Ffrontendmasters.com\u002F",[36],"Frontend Masters",[24,422,423],{},[32,424,427],{"href":425,"rel":426},"https:\u002F\u002Fbetter-than-yesterday.notion.site\u002Fbetter-than-yesterday\u002FShen-aka-42ef3d56215b42d38908b05c1bf7a927",[36],"Shen aka 今天比昨天厲害",[24,429,430],{},[32,431,434],{"href":432,"rel":433},"https:\u002F\u002Fwww.cythilya.tw\u002F",[36],"Summer。桑莫。夏天",[24,436,437,442],{},[32,438,441],{"href":439,"rel":440},"https:\u002F\u002Foverreacted.io\u002F",[36],"Dan Abramov"," - React 核心開發成員 & Redux 作者",[24,444,445],{},[32,446,449],{"href":447,"rel":448},"https:\u002F\u002Foldmo860617.medium.com\u002F",[36],"莫力全 Kyle Mo",[24,451,452],{},[32,453,456],{"href":454,"rel":455},"https:\u002F\u002Fblog.kalan.dev\u002F",[36],"愷開 Kalan",[24,458,459],{},[32,460,463],{"href":461,"rel":462},"https:\u002F\u002Fbugstack.cn\u002F",[36],"bugstack 虫洞栈",[24,465,466,471],{},[32,467,470],{"href":468,"rel":469},"https:\u002F\u002Fxiaolincoding.com\u002F",[36],"小林 coding"," - 计算机基础",[17,473,474],{"id":474},"素材",[21,476,477,485,493,501,509],{},[24,478,479,484],{},[32,480,483],{"href":481,"rel":482},"https:\u002F\u002Frealtimecolors.com\u002F",[36],"Realtime Colors"," - 網站配色參考",[24,486,487,492],{},[32,488,491],{"href":489,"rel":490},"https:\u002F\u002Fwww.fontpair.co\u002Fall",[36],"Font Pair"," - 字形比對",[24,494,495,500],{},[32,496,499],{"href":497,"rel":498},"https:\u002F\u002Fapp.haikei.app\u002F",[36],"Haikei"," - 背景圖產生器",[24,502,503,508],{},[32,504,507],{"href":505,"rel":506},"https:\u002F\u002Fomatsuri.app\u002F",[36],"Omatsuri"," - 各種製作頁面可以用到的小工具集合",[24,510,511,516],{},[32,512,515],{"href":513,"rel":514},"https:\u002F\u002Funsplash.com\u002F",[36],"Unsplash"," - 圖片圖庫",[17,518,519],{"id":519},"其他",[21,521,522,530,538,545,553,561,569,576,584,592,599],{},[24,523,524,529],{},[32,525,528],{"href":526,"rel":527},"https:\u002F\u002Fbundlephobia.com\u002F",[36],"bundlephobia"," - find npm package bundle size",[24,531,532,537],{},[32,533,536],{"href":534,"rel":535},"https:\u002F\u002Fpagespeed.web.dev\u002F",[36],"Google PageSpeed Insights"," - analyze your website spped",[24,539,540],{},[32,541,544],{"href":542,"rel":543},"https:\u002F\u002Fwww.webpagetest.org\u002F",[36],"WebPageTest",[24,546,547,552],{},[32,548,551],{"href":549,"rel":550},"https:\u002F\u002Fgithub.com\u002Ftrending\u002Ftypescript?since=daily",[36],"GitHub Trending"," - 看看社區中哪些項目正在受到關注",[24,554,555,560],{},[32,556,559],{"href":557,"rel":558},"https:\u002F\u002Fwww.yuque.com\u002Fchencheng\u002Fmdh-weekly",[36],"MDH 前端周刊"," - umijs 作者開設的前端周刊，關注最新的前端發展",[24,562,563,568],{},[32,564,567],{"href":565,"rel":566},"https:\u002F\u002Fwww.frontendmentor.io\u002F",[36],"Frontend Mentor"," - 切版練習",[24,570,571],{},[32,572,575],{"href":573,"rel":574},"https:\u002F\u002Fwww.patterns.dev\u002Fposts\u002Fintroduction",[36],"Design Patterns",[24,577,578,583],{},[32,579,582],{"href":580,"rel":581},"https:\u002F\u002Fzh.javascript.info\u002F",[36],"JAVASCRIPT.INFO"," - 現代 JavaScript 教程",[24,585,586,591],{},[32,587,590],{"href":588,"rel":589},"https:\u002F\u002Fgithub.com\u002Fryanburgess\u002Fengineer-manager",[36],"ryanburgess\u002Fengineer-manager"," - A list of engineering leadership resource links",[24,593,594],{},[32,595,598],{"href":596,"rel":597},"https:\u002F\u002Fnorthbei.medium.com\u002F%E5%A6%82%E4%BD%95%E5%9C%A8macos%E6%9C%AC%E5%9C%B0%E7%AB%AF%E5%BB%BA%E7%AB%8Bhttps-server-%E4%BD%BF%E7%94%A8custom-domain-%E5%AD%98%E5%8F%96%E7%B6%B2%E7%AB%99-with-next-js-364103684669",[36],"如何在 MacOS 上建立 Local HTTPS Server & 使用 Custom Domain 存取網站 with Node.js",[24,600,601],{},[32,602,605],{"href":603,"rel":604},"https:\u002F\u002Fgithub.com\u002Fitwanger\u002FtoBeBetterJavaer",[36],"itwanger\u002FtoBeBetterJavaer",{"title":607,"searchDepth":608,"depth":608,"links":609},"",2,[610,611,612,613,614,615,616,617,618],{"id":19,"depth":608,"text":19},{"id":105,"depth":608,"text":106},{"id":228,"depth":608,"text":228},{"id":252,"depth":608,"text":253},{"id":314,"depth":608,"text":314},{"id":335,"depth":608,"text":336},{"id":367,"depth":608,"text":368},{"id":474,"depth":608,"text":474},{"id":519,"depth":608,"text":519},"2023-06-09","md",false,"\u002Fimages\u002Fpost\u002Ffrontend-learning-note\u002Fpost.webp",{},true,"\u002Fpost\u002Ffrontend-learning-note",{"title":5,"description":607},{"loc":625},"post\u002Ffrontend-learning-note","記錄前端學習的資源",[631,632,633,634,635,5],"frontend","frontend learning note","Frontend Web Developer","Learning map","前端工程師學習資源","xNYgyDmNO3Hxlce8B_l0XJNKmo6-rDtcwkBIZq-we5I",1791370767064]