From 471bf1907efdd3bde30d97aab0c4184faddce66a Mon Sep 17 00:00:00 2001 From: wuwei Date: Sat, 20 Apr 2024 15:19:56 +0800 Subject: [PATCH] fix: update --- ...07\347\272\247\344\271\213\350\267\257.md" | 10 + ...20\351\225\277\347\223\266\351\242\210.md" | 10 + ...01\346\234\215\345\216\237\347\220\206.md" | 10 + ...41\347\220\206\345\233\260\345\242\203.md" | 10 + ...56\351\242\230\350\247\243\346\236\220.md" | 10 + ...76\350\256\241\350\200\203\351\207\217.md" | 10 + ...00\345\217\221\345\267\245\347\250\213.md" | 10 + ...\204 Polyfill \346\226\271\346\241\210.md" | 10 + ...45\351\224\231\345\233\260\346\211\260.md" | 10 + ...07\345\207\206\345\214\226 babel-preet.md" | 10 + ...04\345\205\254\345\205\261\345\272\223.md" | 10 + ...32\345\210\260\346\236\201\350\207\264.md" | 10 + ...25\347\224\250\344\273\243\347\240\201.md" | 10 + ...21\345\216\237\347\220\206\357\274\237.md" | 10 + ...42\345\212\237\350\203\275\357\274\237.md" | 10 + ...04\345\273\272\345\267\245\345\205\267.md" | 10 + ...32\347\253\257\346\226\271\346\241\210.md" | 10 + ...00\346\234\257\345\217\230\351\235\251.md" | 10 + ...231\260\347\232\204 Fetch \345\272\223.md" | 10 + ...64\344\273\266\347\220\206\345\277\265.md" | 10 + ...32\345\210\266\346\200\247\357\274\237.md" | 10 + ...04\346\200\235\346\203\263\357\274\237.md" | 10 + ...56\347\273\223\346\236\204\357\274\237.md" | 10 + ...24\347\224\250\345\234\272\346\231\257.md" | 10 + ...50\347\275\262\346\265\201\347\250\213.md" | 10 + ...30\345\214\226\346\226\271\346\241\210.md" | 10 + ...05\346\226\271\346\241\210\357\274\237.md" | 10 + ...32\346\211\213\346\236\266\357\274\237.md" | 10 + ...4\270\252 SSR \345\272\224\347\224\250.md" | 10 + ...\226\204 CICD \346\265\201\347\250\213.md" | 10 + ...4\270\232 BFF \346\226\271\346\241\210.md" | 10 + ...67\346\212\245\347\263\273\347\273\237.md" | 10 + ...74\345\222\214\346\226\271\345\220\221.md" | 10 + pnpm-lock.yaml | 3567 ++++++++--------- 34 files changed, 2076 insertions(+), 1821 deletions(-) diff --git "a/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/-01.\345\257\274\350\257\273 \345\211\215\347\253\257\346\212\200\346\234\257\345\217\221\345\261\225\345\233\236\351\241\276\345\222\214\346\236\266\346\236\204\345\215\207\347\272\247\344\271\213\350\267\257.md" "b/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/-01.\345\257\274\350\257\273 \345\211\215\347\253\257\346\212\200\346\234\257\345\217\221\345\261\225\345\233\236\351\241\276\345\222\214\346\236\266\346\236\204\345\215\207\347\272\247\344\271\213\350\267\257.md" index 192023742..144c6dd7e 100644 --- "a/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/-01.\345\257\274\350\257\273 \345\211\215\347\253\257\346\212\200\346\234\257\345\217\221\345\261\225\345\233\236\351\241\276\345\222\214\346\236\266\346\236\204\345\215\207\347\272\247\344\271\213\350\267\257.md" +++ "b/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/-01.\345\257\274\350\257\273 \345\211\215\347\253\257\346\212\200\346\234\257\345\217\221\345\261\225\345\233\236\351\241\276\345\222\214\346\236\266\346\236\204\345\215\207\347\272\247\344\271\213\350\267\257.md" @@ -1,3 +1,13 @@ +--- +title: 导读 前端技术发展回顾和架构升级之路 +date: 2024-04-07 10:05:11 +permalink: /pages/eee6d0410e874/ +categories: + - 学习笔记 + - 前端基础建设与架构 30 讲 +tags: + - +---

这一讲我将从整体上梳理前端开发的演进历史,并从渲染方案架构升级的案例出发,带你了解现代化开发的方向。这部分内容并不涉及具体技术细节,更多的是作为本专栏的导读,带你体会现代化前端架构和基建的背景以及目前前端开发的大环境。

前端技术发展轨迹

过去十多年,前端技术发展日新月异,互联网风口也从 PC 时代过渡到移动时代甚至智能时代。其间,前端岗位从无到有,再到如今扮演了至关重要的角色。相应地,前端基建和架构也慢慢浮出水面,呈现百花齐放的场景,技术环节自然也愈发复杂。

diff --git "a/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/00.\345\274\200\347\257\207\350\257\215 \345\203\217\346\236\266\346\236\204\345\270\210\344\270\200\346\240\267\346\200\235\350\200\203\357\274\214\347\252\201\347\240\264\346\212\200\346\234\257\346\210\220\351\225\277\347\223\266\351\242\210.md" "b/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/00.\345\274\200\347\257\207\350\257\215 \345\203\217\346\236\266\346\236\204\345\270\210\344\270\200\346\240\267\346\200\235\350\200\203\357\274\214\347\252\201\347\240\264\346\212\200\346\234\257\346\210\220\351\225\277\347\223\266\351\242\210.md" index d9118e901..446b36e1e 100644 --- "a/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/00.\345\274\200\347\257\207\350\257\215 \345\203\217\346\236\266\346\236\204\345\270\210\344\270\200\346\240\267\346\200\235\350\200\203\357\274\214\347\252\201\347\240\264\346\212\200\346\234\257\346\210\220\351\225\277\347\223\266\351\242\210.md" +++ "b/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/00.\345\274\200\347\257\207\350\257\215 \345\203\217\346\236\266\346\236\204\345\270\210\344\270\200\346\240\267\346\200\235\350\200\203\357\274\214\347\252\201\347\240\264\346\212\200\346\234\257\346\210\220\351\225\277\347\223\266\351\242\210.md" @@ -1,3 +1,13 @@ +--- +title: 开篇词 像架构师一样思考,突破技术成长瓶颈 +date: 2024-04-07 09:56:20 +permalink: /pages/664ab7712895e/ +categories: + - 学习笔记 + - 前端基础建设与架构 30 讲 +tags: + - +--- # 前端技术学习路线图(来源: ## 我理解的“前端工程化基建和架构设计” diff --git "a/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/01.npm \345\256\211\350\243\205\346\234\272\345\210\266\345\217\212\344\274\201\344\270\232\347\272\247\351\203\250\347\275\262\347\247\201\346\234\215\345\216\237\347\220\206.md" "b/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/01.npm \345\256\211\350\243\205\346\234\272\345\210\266\345\217\212\344\274\201\344\270\232\347\272\247\351\203\250\347\275\262\347\247\201\346\234\215\345\216\237\347\220\206.md" index 933e22ad2..ac97fa133 100644 --- "a/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/01.npm \345\256\211\350\243\205\346\234\272\345\210\266\345\217\212\344\274\201\344\270\232\347\272\247\351\203\250\347\275\262\347\247\201\346\234\215\345\216\237\347\220\206.md" +++ "b/docs/20.\345\255\246\344\271\240\347\254\224\350\256\260/01.\345\211\215\347\253\257\345\237\272\347\241\200\345\273\272\350\256\276\344\270\216\346\236\266\346\236\204 30 \350\256\262/01.npm \345\256\211\350\243\205\346\234\272\345\210\266\345\217\212\344\274\201\344\270\232\347\272\247\351\203\250\347\275\262\347\247\201\346\234\215\345\216\237\347\220\206.md" @@ -1,3 +1,13 @@ +--- +title: npm 安装机制及企业级部署私服原理 +date: 2024-04-07 09:56:20 +permalink: /pages/49cd9ababc9a1/ +categories: + - 学习笔记 + - 前端基础建设与架构 30 讲 +tags: + - +---

前端工程化离不开 npm(node package manager) 或者 Yarn 这些管理工具。npm 或 Yarn 在工程项目中,除了负责依赖的安装和维护以外,还能通过 npm scripts 串联起各个职能部分,让独立的环节自动运转起来。

无论是 npm 还是 Yarn,它们的体系都非常庞大,在使用过程中你很可能产生如下疑问: