From 296e811fc9a81de92b40935eb9157d4981cf7d5d Mon Sep 17 00:00:00 2001
From: liyupi <592789970@qq.com>
Date: Sat, 11 Nov 2023 20:17:47 +0800
Subject: [PATCH] git init

---
 .gitignore                                    |   125 +
 .vuepress/config.ts                           |   137 +
 .vuepress/extraSideBar.ts                     |    49 +
 .vuepress/footer.ts                           |    32 +
 .vuepress/navbar.ts                           |   128 +
 .../baidu_verify_codeva-hlChwhGcel.html       |     1 +
 .vuepress/public/favicon.ico                  |   Bin 0 -> 1903 bytes
 .vuepress/public/icon/ai.svg                  |     1 +
 .vuepress/public/icon/copyright.svg           |     1 +
 .vuepress/public/icon/dianzan.png             |   Bin 0 -> 944 bytes
 .vuepress/public/icon/message.svg             |     1 +
 .vuepress/public/icon/mobile.png              |   Bin 0 -> 388 bytes
 .vuepress/public/icon/resume.svg              |     1 +
 .vuepress/public/icon/sketch.svg              |     1 +
 .vuepress/public/icon/user.svg                |     1 +
 .vuepress/public/icon/weixin.png              |   Bin 0 -> 721 bytes
 .vuepress/public/icon/xiazai.png              |   Bin 0 -> 739 bytes
 .vuepress/public/icon/xingqiu.png             |   Bin 0 -> 1407 bytes
 .vuepress/public/logo.png                     |   Bin 0 -> 3454 bytes
 .vuepress/public/qrcode-codefather.png        |   Bin 0 -> 13666 bytes
 .vuepress/public/qrcode-codenav.png           |   Bin 0 -> 5714 bytes
 .vuepress/public/qrcode-codenavhelper.png     |   Bin 0 -> 142276 bytes
 .vuepress/public/qrcode-mpcoder_yupi.jpg      |   Bin 0 -> 28504 bytes
 .vuepress/public/qrcode-thumb.jpg             |   Bin 0 -> 33234 bytes
 .vuepress/sidebar.ts                          |    23 +
 .vuepress/sidebars/codeNavSideBar.ts          |    54 +
 .vuepress/sidebars/knowledgeSideBar.ts        |    30 +
 .vuepress/sidebars/productSideBar.ts          |    14 +
 .../sidebars/programmingDictionarySideBar.ts  |    17 +
 .vuepress/sidebars/programmingShareSideBar.ts |    80 +
 .vuepress/sidebars/projectSideBar.ts          |    16 +
 .vuepress/sidebars/roadmapSideBar.ts          |    19 +
 .vuepress/sidebars/selfStudySideBar.ts        |   103 +
 .../theme/components/AlgoliaSearchBox.vue     |   172 +
 .vuepress/theme/components/DropdownLink.vue   |   250 +
 .../theme/components/DropdownTransition.vue   |    33 +
 .vuepress/theme/components/ExtraSidebar.vue   |   385 +
 .vuepress/theme/components/Footer.vue         |    69 +
 .vuepress/theme/components/NavLinks.vue       |   156 +
 .vuepress/theme/components/Navbar.vue         |   140 +
 .vuepress/theme/components/Page.vue           |   135 +
 .vuepress/theme/components/PageSidebarToc.vue |    87 +
 .../theme/components/PageSidebarTocLink.vue   |   140 +
 .vuepress/theme/index.js                      |     4 +
 .vuepress/theme/layouts/Layout.vue            |   180 +
 .vuepress/theme/styles/wrapper.styl           |     9 +
 .vuepress/theme/util/index.js                 |   245 +
 README.md                                     |    22 +
 package-lock.json                             | 27214 ++++++++++++++++
 package.json                                  |    24 +
 .../README.md"                                |    91 +
 ...25\350\256\255\347\273\203\350\220\245.md" |   188 +
 ...57\350\256\255\347\273\203\350\220\245.md" |   318 +
 ...06\347\232\204\347\245\236\345\231\250.md" |   129 +
 ...25\351\200\232\345\205\263\346\235\221.md" |   198 +
 ...41\347\213\227\344\270\212\345\262\270.md" |   116 +
 "\344\275\234\350\200\205.md"                 |   146 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   574 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   431 +
 ...17\345\221\230\351\261\274\347\232\256.md" |  2143 ++
 ...17\345\221\230\351\261\274\347\232\256.md" |   399 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   690 +
 .../README.md"                                |    31 +
 ...17\345\221\230\351\261\274\347\232\256.md" |    93 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   999 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   318 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   111 +
 ...17\345\221\230\351\261\274\347\232\256.md" |   289 +
 ...\214\226 Java \351\241\271\347\233\256.md" |   225 +
 ...\267\350\264\235\344\271\213 MapStruct.md" |   417 +
 ...31\344\271\210\347\224\250\357\274\237.md" |   176 +
 ...21\345\214\205\346\265\201\347\250\213.md" |   182 +
 ...55\345\277\203\346\220\255\345\273\272.md" |   169 +
 .../README.md"                                |    56 +
 ...346\265\213\350\257\225( Spring Boot ).md" |  1071 +
 ...55\347\232\204\345\272\224\347\224\250.md" |   177 +
 ...37\346\210\220\344\273\243\347\240\201.md" |   529 +
 ...00\345\217\221\346\225\210\347\216\207.md" |   126 +
 ...50\347\275\262\351\241\271\347\233\256.md" |   105 +
 ...\346\236\266\357\274\214Ant Design Pro.md" |   106 +
 ...3\346\265\213\350\257\225\357\274\237 .md" |   318 +
 ...66\346\236\204\344\273\213\347\273\215.md" |    91 +
 ...66\346\217\220\344\272\244\357\274\237.md" |    81 +
 ...47\251\272\347\232\204 Bug\357\274\237.md" |   124 +
 ...45\345\217\243\346\226\207\346\241\243.md" |   236 +
 ...32\346\227\266\346\217\220\351\206\222.md" |   459 +
 ...56\345\201\232\350\264\241\347\214\256.md" |    85 +
 ...34\346\225\260\346\215\256\345\272\223.md" |   416 +
 ...36\347\251\272\346\240\241\351\252\214.md" |   135 +
 ...1\351\205\215\347\263\273\347\273\237).md" |   390 +
 .../README.md"                                |   707 +
 ...31\347\224\237\346\210\220\345\231\250.md" |    32 +
 ...13\350\257\255\350\250\200\357\274\201.md" |   296 +
 ...31\347\224\237\346\210\220\345\231\250.md" |    31 +
 ...57\345\260\217\346\231\272\357\274\201.md" |    70 +
 ...10\345\231\250\344\270\273\351\241\265.md" |   214 +
 ...66\346\216\222\350\241\214\346\246\234.md" |   191 +
 ...60\347\224\237\346\210\220\345\231\250.md" |    96 +
 ...04\347\245\236\345\231\250\357\274\201.md" |   130 +
 ...04\347\275\221\347\253\231\357\274\201.md" |   159 +
 ...73\351\241\271\347\233\256\357\274\201.md" |    79 +
 ...11\347\202\271\344\270\215\345\220\214.md" |    72 +
 ...37\350\247\211\345\244\264\347\247\203.md" |    45 +
 ...12\347\272\277\345\225\246\357\274\201.md" |   177 +
 ...64\345\274\200\346\272\220\357\274\201.md" |   185 +
 ...67\351\200\232\344\272\206\357\274\201.md" |    93 +
 ...57\344\275\216\351\205\215\347\211\210.md" |    74 +
 ...24\346\234\272\345\231\250\344\272\272.md" |   210 +
 ...23\346\210\221\345\225\246\357\274\201.md" |   172 +
 ...77\345\216\273\347\216\251\357\274\201.md" |    43 +
 ...25\351\270\255\345\274\200\346\272\220.md" |   271 +
 ...75\346\235\245\345\225\246\357\274\201.md" |   120 +
 ...13\345\257\274\350\210\252\357\274\201.md" |   154 +
 ...52\347\275\221\347\253\231\357\274\201.md" |   155 +
 ...40\344\273\266\344\272\213\357\274\201.md" |    77 +
 ...26\347\250\213\350\265\204\346\272\220.md" |   142 +
 ...- \351\235\242\350\257\225\351\270\255.md" |   132 +
 ...15\346\264\273\344\272\206\357\274\201.md" |   118 +
 ...17\351\273\221\345\261\213\357\274\201.md" |    80 +
 ...00\346\234\257\350\256\262\350\247\243.md" |   213 +
 .../README.md"                                |    29 +
 ...\255\246\344\271\240GitHub\357\274\237.md" |    92 +
 ...46\347\274\226\347\250\213\357\274\237.md" |   162 +
 ...46\344\271\240\346\236\266\346\236\204.md" |   226 +
 ...41\347\214\256\344\273\243\347\240\201.md" |   116 +
 ...13\350\257\225\345\220\247\357\274\201.md" |    38 +
 ...42\357\274\214\346\263\252\347\233\256.md" |   137 +
 ...00\345\256\266\345\205\254\345\217\270.md" |    53 +
 ...52\344\272\272\345\215\232\345\256\242.md" |   112 +
 .../README.md"                                |    85 +
 ...46\347\274\226\347\250\213\357\274\237.md" |   131 +
 ...14\350\265\236\344\271\213\357\274\201.md" |   118 +
 ...75\344\270\200\346\240\267\357\274\201.md" |    85 +
 ...32\351\222\261\347\232\204\357\274\237.md" |    99 +
 ...60\346\217\220\351\227\256\357\274\237.md" |   133 +
 ...40\350\265\204\346\272\220\357\274\237.md" |   176 +
 ...13\351\241\271\347\233\256\357\274\237.md" |   211 +
 ...33\346\204\237\345\217\227\357\274\237.md" |    91 +
 ...21\345\260\217\347\250\213\345\272\217.md" |   114 +
 ...15\347\253\257\345\230\233\357\274\237.md" |    76 +
 ...4\271\210\345\255\246\345\245\275 Java.md" |   172 +
 ...75\351\200\224\345\276\204\357\274\237.md" |   172 +
 ...75\350\265\267\346\235\245\357\274\201.md" |    82 +
 ...57\350\221\227\357\274\237\357\274\201.md" |    78 +
 ...47\345\216\202\344\272\206\357\274\201.md" |    86 +
 ...32\347\227\205\344\271\210\357\274\237.md" |   102 +
 ...14\347\273\203\344\271\240\347\224\237.md" |    95 +
 ...14\344\275\251\346\234\215\357\274\201.md" |   159 +
 ...55\347\263\273\347\273\237\357\274\237.md" |    66 +
 ...0\345\212\237\351\200\206\350\242\255!.md" |    94 +
 ...11\350\250\200\350\256\272\357\274\237.md" |   153 +
 ...46\230\257\346\211\223 ACM\357\274\237.md" |    95 +
 ...55\345\221\275\344\271\210\357\274\237.md" |    90 +
 ...37\350\266\205\347\272\240\347\273\223.md" |    94 +
 ...00\347\232\204\351\200\211\346\213\251.md" |   174 +
 ...0\277\230\346\230\257 Java\357\274\237.md" |   114 +
 ...26\347\250\213\344\271\240\346\203\257.md" |   213 +
 ...72\344\270\215\346\265\205\357\274\201.md" |   112 +
 ...37\350\246\201\347\234\213\357\274\201.md" |    73 +
 ...1\351\227\256\351\242\230 \357\274\201.md" |    59 +
 ...71\346\227\266\351\227\264\357\274\201.md" |   174 +
 ...14\344\273\243\347\240\201\357\274\201.md" |   290 +
 ...07\346\241\243\347\275\221\347\253\231.md" |   167 +
 ...04\345\276\210\347\210\275\357\274\201.md" |   213 +
 ...00\345\217\221\345\256\236\346\210\230.md" |   177 +
 ...17\347\250\213\345\272\217\345\220\247.md" |   233 +
 ...31\344\275\234\346\225\210\347\216\207.md" |   133 +
 ...21\347\253\231\346\226\271\346\263\225.md" |    78 +
 ...12\345\244\251\345\256\244\357\274\201.md" |   126 +
 ...60\347\275\221\347\253\231\357\274\237.md" |   207 +
 ...56\344\273\243\347\240\201\357\274\237.md" |   108 +
 ...06\231 Spring Boot Starter\357\274\201.md" |   150 +
 ...52\350\256\241\347\256\227\345\231\250.md" |   156 +
 ...73\344\271\246\347\254\224\350\256\260.md" |   560 +
 ...04\350\275\257\344\273\266\357\274\237.md" |    73 +
 ...13\345\272\217\345\221\230\357\274\201.md" |   190 +
 ...15\203\350\241\214 if else\357\274\201.md" |   213 +
 ...72\347\216\251\347\216\251\357\274\201.md" |   518 +
 ...52\347\275\221\347\253\231\357\274\201.md" |   183 +
 ...36\346\210\230\350\257\204\346\265\213.md" |   355 +
 ...30\345\244\247\344\270\212\357\274\201.md" |    33 +
 ...75\346\227\245\345\201\232\346\242\246.md" |   125 +
 ...15\345\212\241\345\221\242\357\274\237.md" |    86 +
 ...00\345\205\250\346\225\231\347\250\213.md" |   389 +
 ...17\346\212\200\345\267\247\357\274\201.md" |    91 +
 ...6\344\272\2063\345\200\215\357\274\201.md" |    86 +
 ...b \351\252\232\346\223\215\344\275\234.md" |   193 +
 ...15\347\237\245\351\201\223\357\274\201.md" |   140 +
 .../README.md"                                |    65 +
 ...32\345\220\227\357\274\237\342\200\235.md" |   114 +
 ...6\201\345\206\231 Hardcode\357\274\237.md" |   203 +
 ...50\347\275\262\346\226\271\345\274\217.md" |   134 +
 ...50\346\204\217\347\232\204\347\202\271.md" |   222 +
 ...06\345\222\213\345\212\236\357\274\237.md" |   145 +
 ...64\350\222\231\344\272\206\357\274\201.md" |   100 +
 ...62\344\273\243\347\240\201\357\274\201.md" |    64 +
 ...17\344\273\200\344\271\210\357\274\237.md" |   206 +
 ...46\200\225\347\232\204 Bug\357\274\201.md" |   196 +
 ...56\347\232\204\346\265\201\347\250\213.md" |   356 +
 ...46\345\210\260\344\272\206\357\274\201.md" |   262 +
 ...75\346\226\207\346\241\243\357\274\237.md" |   167 +
 ...21\346\225\210\347\216\207\357\274\237.md" |   313 +
 ...56\344\273\243\347\240\201\357\274\237.md" |   106 +
 ...20\345\267\245\344\275\234\357\274\237.md" |   263 +
 ...53\346\263\204\351\234\262\357\274\237.md" |   130 +
 ...52\351\241\271\347\233\256\357\274\201.md" |   140 +
 ...37\345\233\240\346\261\207\346\200\273.md" |   224 +
 ...07\347\232\204\347\247\230\350\257\200.md" |    63 +
 ...67\345\222\214\346\212\200\345\267\247.md" |   166 +
 ...33\347\211\271\347\202\271\357\274\237.md" |   101 +
 ...31\346\226\207\346\241\243\357\274\237.md" |   271 +
 ...27\350\267\257\346\200\273\347\273\223.md" |   204 +
 ...75\345\220\223\345\210\260\344\272\206.md" |   112 +
 ...61\345\272\237\344\272\206\357\274\201.md" |    64 +
 ...15\347\224\250\346\205\214\357\274\201.md" |    80 +
 ...56\347\232\204\346\212\200\345\267\247.md" |   179 +
 ...\271\210\346\230\257 Linux\357\274\237.md" |   112 +
 ...15\346\212\200\346\234\257\357\274\237.md" |   293 +
 ...75\345\235\207\350\241\241\357\274\237.md" |   121 +
 ...57\351\255\224\346\225\260\357\274\237.md" |    88 +
 ...24\346\263\225\345\200\274\357\274\237.md" |   161 +
 ...41\345\274\217\344\271\210\357\274\237.md" |   161 +
 ...7\345\211\215\347\253\257 \357\274\237.md" |   187 +
 ...72\345\235\227\351\223\276\357\274\237.md" |   431 +
 ...60\346\215\256\345\272\223\357\274\237.md" |   543 +
 ...15\345\256\232\345\220\221\357\274\237.md" |   148 +
 ...47\346\225\260\346\215\256\357\274\237.md" |   373 +
 ...23\345\255\230\345\205\245\351\227\250.md" |   220 +
 ...66\345\217\221\347\263\273\347\273\237.md" |   537 +
 ...47\216\260 Bug\357\274\237\357\274\201.md" |    95 +
 ...44\347\256\200\345\215\225\357\274\201.md" |   138 +
 ...27\344\272\216\350\202\241\346\216\214.md" |   349 +
 ...34\347\264\242\344\275\223\351\252\214.md" |   345 +
 ...54\345\234\260\347\275\221\347\253\231.md" |   166 +
 ...347\232\204\345\260\217Bug\357\274\201.md" |    84 +
 ...24\346\255\252\344\272\206\357\274\201.md" |   163 +
 ...75\347\232\204\351\224\246\345\233\212.md" |   534 +
 ...344\270\255\347\232\204 n \357\274\237.md" |   127 +
 ...42\204\351\230\262 rm -rf \357\274\237.md" |   236 +
 ...06\347\272\247\346\225\231\347\250\213.md" |   893 +
 ...06\344\270\200\345\221\250\357\274\201.md" |   142 +
 ...47\233\256\347\232\204 Bug\357\274\201.md" |   165 +
 ...51\346\226\257\344\271\213\345\211\221.md" |   626 +
 ...50\345\235\221\344\272\206\357\274\201.md" |    90 +
 ...14\345\207\211\345\207\211\357\274\201.md" |    63 +
 ...14\347\202\270\344\272\206\357\274\201.md" |   128 +
 ...13\345\220\216\345\210\206\346\236\220.md" |   163 +
 ...42\345\244\261\351\227\256\351\242\230.md" |    90 +
 ...57\274\214Bug \350\266\212\345\244\232.md" |    60 +
 ...43\344\270\200\346\204\243\357\274\201.md" |   127 +
 ...24\345\207\272\345\206\205\344\274\244.md" |   170 +
 ...57\350\203\275\344\271\210\357\274\237.md" |   196 +
 ...13\346\225\205\345\210\206\346\236\220.md" |   178 +
 ...71\346\234\215\345\212\241\357\274\201.md" |   103 +
 ...36\351\224\231\344\272\206\357\274\201.md" |   110 +
 ...15\345\220\221\345\216\213\345\212\233.md" |   108 +
 ...56\346\216\242\346\265\213\357\274\237.md" |   151 +
 .../\345\244\232\347\216\257\345\242\203.md"  |   244 +
 ...46\344\273\200\344\271\210\357\274\237.md" |    78 +
 ...10\351\232\276\344\271\210\357\274\237.md" |   106 +
 ...45\344\275\234\345\216\237\347\220\206.md" |   262 +
 ...44\350\257\206\344\271\210\357\274\237.md" |   325 +
 ...21\347\232\204\347\247\230\350\257\200.md" |    94 +
 ...345\276\210\350\277\267\350\214\253....md" |    78 +
 ...70\345\205\263\351\227\256\351\242\230.md" |    40 +
 ...40\344\272\206\343\200\202\343\200\202.md" |    44 +
 ...47\345\216\202\344\272\206\357\274\201.md" |    86 +
 ...17\345\273\272\350\256\256\357\274\201.md" |   162 +
 ...03\344\273\200\344\271\210\357\274\237.md" |    48 +
 ...07\346\230\245\346\213\233\357\274\237.md" |    86 +
 ...15\350\246\201\344\277\241\346\201\257.md" |    84 +
 ...33\345\273\272\350\256\256\357\274\201.md" |   198 +
 ...31\344\273\266\344\272\213\357\274\201.md" |   108 +
 ...72\347\232\204\346\204\237\345\217\227.md" |   156 +
 ...25\347\232\204\346\204\237\345\217\227.md" |   175 +
 ...5 \344\272\206\344\271\210\357\274\237.md" |    56 +
 ...12\345\262\270\344\271\213\350\267\257.md" |   139 +
 ...23\351\274\223\345\212\262\357\274\201.md" |   139 +
 ...4\345\213\207\342\200\235 \344\272\206.md" |    58 +
 ...06\347\256\200\345\216\206\357\274\201.md" |   171 +
 ...06\344\272\253\347\273\217\351\252\214.md" |   109 +
 ...34\351\200\232\347\227\205\342\200\235.md" |    82 +
 ...53\345\217\221\347\216\260\344\272\206.md" |    94 +
 ...45\350\231\232\347\232\204\357\274\201.md" |    75 +
 ...36\347\232\204\344\270\200\345\271\264.md" |   360 +
 ...14\346\225\264\351\235\242\347\273\217.md" |   342 +
 ...14\347\203\255\344\271\216\357\274\201.md" |    89 +
 ...16\344\270\272\345\225\246\357\274\201.md" |   250 +
 ...30\351\232\276\344\275\217\344\272\206.md" |   174 +
 ...03\347\202\271\345\210\206\344\272\253.md" |   367 +
 ...10\346\227\240\345\245\210\357\274\201.md" |    59 +
 ...13\347\202\270\351\224\205\344\272\206.md" |    96 +
 ...06\357\274\201\357\274\201\357\274\201.md" |    74 +
 ...64\345\276\210\345\244\261\346\234\233.md" |    95 +
 ...37\345\205\245\345\261\200\344\272\206.md" |   161 +
 ...77\344\272\206\357\274\237\357\274\201.md" |    80 +
 ...I \347\232\204\346\225\205\344\272\213.md" |   198 +
 ...45\345\234\250\345\223\252\357\274\237.md" |    83 +
 ...02\345\267\262\345\215\270\350\275\275.md" |   125 +
 ...72\346\211\213\344\272\206\357\274\237.md" |    82 +
 ...74\347\233\206\345\206\267\346\260\264.md" |   139 +
 .../\347\246\273\350\260\261\357\274\201.md"  |    79 +
 ...14\345\272\237\344\272\206\357\274\201.md" |   100 +
 ...7\274\2141000 \344\272\277\357\274\201.md" |   142 +
 ...17\344\276\277\350\201\212\350\201\212.md" |   101 +
 ...01\357\274\214\345\215\225\346\211\213.md" |   123 +
 ...54\344\270\200\345\244\253\344\272\272.md" |   123 +
 ...P \344\270\273\346\216\250\350\215\220.md" |   125 +
 ...13\347\275\221\347\253\231\357\274\201.md" |   100 +
 ...350\277\207\344\272\206 5 \345\271\264.md" |   242 +
 ...26\347\250\213\350\265\204\346\272\220.md" |   180 +
 ...13\345\244\247\346\261\207\346\200\273.md" |   121 +
 ...56\345\244\247\346\261\207\346\200\273.md" |    76 +
 ...56\345\244\247\346\261\207\346\200\273.md" |   118 +
 ...\272\247 Java \346\225\231\347\250\213.md" |    65 +
 ...04\346\272\220\345\210\206\344\272\253.md" |   115 +
 ...55\347\232\204\351\241\271\347\233\256.md" |   123 +
 ...04\344\270\211\346\235\277\346\226\247.md" |    69 +
 ...64\271 Python \350\265\204\346\272\220.md" |   154 +
 ...61\347\232\204\345\260\217\344\271\246.md" |    47 +
 ...04\346\272\220\346\261\207\346\200\273.md" |   156 +
 ...21\347\254\224\350\256\260\357\274\201.md" |   213 +
 ...53\345\272\223\346\216\250\350\215\220.md" |   108 +
 ...72\346\217\222\344\273\266\357\274\201.md" |   111 +
 ...75\345\234\250\347\224\250\357\274\201.md" |    80 +
 ...00\347\232\204\345\267\245\345\205\267.md" |    70 +
 ...15\347\253\257\347\245\236\345\231\250.md" |    91 +
 ...77\351\200\217\345\267\245\345\205\267.md" |    94 +
 ...71\347\232\204\345\233\276\345\272\212.md" |   139 +
 ...31\345\220\216\347\253\257\357\274\201.md" |   201 +
 ...54\345\205\265\345\231\250\357\274\201.md" |   177 +
 ...04\345\256\235\350\264\235\344\273\254.md" |   155 +
 ...45\345\205\267\344\272\206\357\274\201.md" |   116 +
 ...14\346\210\221\345\272\237\344\272\206.md" |   201 +
 ...74\345\276\227\346\224\266\350\227\217.md" |   588 +
 ...16\345\274\200\346\272\220\357\274\201.md" |    52 +
 ...34\344\273\230\350\264\271\357\274\237.md" |   112 +
 ...37\346\200\201\344\270\200\350\247\210.md" |   135 +
 ...15\347\253\257\351\241\271\347\233\256.md" |   115 +
 ...01\345\220\271\347\210\206\357\274\201.md" |   122 +
 ...52\345\267\261\345\201\232\357\274\201.md" |   178 +
 ...56\347\201\253\344\272\206\357\274\201.md" |    77 +
 ...14\345\244\247\350\265\236\357\274\201.md" |    76 +
 ...52\351\241\266\344\272\206\357\274\201.md" |   244 +
 ...55\345\271\264\345\215\261\346\234\272.md" |    53 +
 .../README.md"                                |     9 +
 ...21\350\267\257\344\272\206\357\274\201.md" |    54 +
 ...14\345\244\247\344\275\254\357\274\201.md" |   185 +
 ...5\244\251 CRUD\343\200\202\343\200\202.md" |    52 +
 .../README.md"                                |    19 +
 ...00\346\224\276\345\271\263\345\217\260.md" |   192 +
 ...44\351\242\230\347\263\273\347\273\237.md" |    77 +
 ...71\351\205\215\347\263\273\347\273\237.md" |   195 +
 ...50\203\275 BI \345\271\263\345\217\260.md" |   197 +
 ...55\345\277\203\345\271\263\345\217\260.md" |   224 +
 ...34\347\264\242\345\271\263\345\217\260.md" |   214 +
 ...00\346\272\220\344\272\206\357\274\201.md" |   107 +
 ...- \345\260\232\345\214\273\351\200\232.md" |   209 +
 ...36\345\220\211\345\244\226\345\215\226.md" |   108 +
 ...05\350\260\267\350\257\276\345\240\202.md" |   188 +
 ...21\351\251\254\347\202\271\350\257\204.md" |   198 +
 .../README.md"                                |   375 +
 .../README.md"                                |    76 +
 ...52\344\272\272\347\273\217\345\216\206.md" |    73 +
 ...37\344\270\273\344\273\213\347\273\215.md" |    77 +
 ...26\347\250\213\345\257\274\350\210\252.md" |    54 +
 ...64\345\272\246\346\200\273\347\273\223.md" |    18 +
 .../README.md"                                |    79 +
 ...16\344\270\272\344\272\206\357\274\201.md" |   161 +
 ...06\347\233\256\346\240\207\357\274\201.md" |    82 +
 ...32\346\235\245\344\272\206\357\274\201.md" |   344 +
 ...04\345\244\247\345\255\246\357\274\201.md" |    69 +
 ...45\344\270\215\346\231\232\357\274\201.md" |   164 +
 ...11\350\257\235\350\257\264\357\274\201.md" |    71 +
 ...21\347\232\204\347\247\230\350\257\200.md" |   167 +
 ...45\345\226\234\344\272\206\357\274\201.md" |    70 +
 ...17\347\261\263\344\272\206\357\274\201.md" |   228 +
 ...12\345\262\270\344\272\206\357\274\201.md" |    58 +
 ...344\270\212\345\262\270985\357\274\201.md" |   178 +
 ...14\346\210\220\344\272\206\357\274\201.md" |   185 +
 ...12\345\262\270\345\225\246\357\274\201.md" |   154 +
 ...04\347\247\230\350\257\200\357\274\201.md" |    82 +
 ...06\345\244\247\345\216\202\357\274\201.md" |    83 +
 ...70\345\255\227\350\212\202\357\274\201.md" |    37 +
 ...06\350\277\231\344\272\233\357\274\201.md" |   308 +
 ...33\345\244\247\345\216\202\357\274\201.md" |   102 +
 ...21\347\232\204\346\204\237\345\217\227.md" |    82 +
 ...14\347\250\263\344\272\206\357\274\201.md" |    79 +
 ...47\347\232\204\346\224\271\345\217\230.md" |    71 +
 ...13\347\232\204\344\270\200\345\271\264.md" |    48 +
 ...75\345\245\226\344\272\206\357\274\201.md" |    94 +
 ...41\347\220\206\351\234\200\346\261\202.md" |    92 +
 ...04\350\275\257\344\273\266\357\274\237.md" |    59 +
 ...71\351\205\215\347\263\273\347\273\237.md" |   187 +
 ...50\346\210\267\344\270\255\345\277\203.md" |   213 +
 ...00\346\224\276\345\271\263\345\217\260.md" |   191 +
 ...44\351\242\230\347\263\273\347\273\237.md" |   277 +
 ...50\203\275 BI \345\271\263\345\217\260.md" |   190 +
 ...34\347\264\242\345\271\263\345\217\260.md" |   184 +
 ...52\347\273\206\344\272\206\357\274\201.md" |    66 +
 ...60\350\256\241\345\207\211\344\272\206.md" |   143 +
 ...14\347\203\255\344\271\216\357\274\201.md" |    97 +
 ...33\351\200\232\347\227\205\357\274\201.md" |    89 +
 ...40\344\272\206\343\200\202\343\200\202.md" |    39 +
 ...60\345\276\227\346\233\264\350\277\234.md" |    73 +
 ...54\346\212\230\347\202\271\357\274\201.md" |   203 +
 ...54\347\240\201\347\273\217\345\216\206.md" |    53 +
 ...54\346\212\230\347\202\271\357\274\201.md" |   105 +
 ...04\347\233\256\346\240\207\357\274\201.md" |   161 +
 ...21\347\232\204\346\225\205\344\272\213.md" |   138 +
 ...14\347\211\233\347\232\256\357\274\201.md" |    62 +
 ...46\347\274\226\347\250\213\357\274\201.md" |    43 +
 ...21\344\271\237\350\246\201\347\234\213.md" |    82 +
 ...22\345\201\207\346\200\273\347\273\223.md" |   173 +
 ...10\345\212\252\345\212\233\357\274\201.md" |   102 +
 ...76\345\256\236\344\271\240\357\274\201.md" |    86 +
 ...26\345\246\202\346\226\257\357\274\201.md" |   173 +
 ...55\347\263\273\347\273\237\357\274\237.md" |    64 +
 ...44\347\234\237\344\272\206\357\274\201.md" |    80 +
 ...37\351\200\206\350\242\255\357\274\201.md" |    84 +
 ...50\343\200\202\343\200\202\343\200\202.md" |    52 +
 ...02\345\222\213\345\212\236\357\274\237.md" |   120 +
 ...17\345\205\270\351\227\256\351\242\230.md" |    89 +
 .../README.md"                                |    67 +
 ...72\350\212\261\346\235\245\357\274\237.md" |   140 +
 ...11\345\256\276\345\210\206\344\272\253.md" |    43 +
 ...00\346\234\237\347\233\264\346\222\255.md" |   421 +
 ...00\345\234\272\350\256\262\345\272\247.md" |    79 +
 ...36\344\272\244\346\265\201\347\276\244.md" |    55 +
 ...46\344\271\240\350\267\257\347\272\277.md" |   114 +
 ...46\344\271\240\350\265\204\346\272\220.md" |    23 +
 ...46\344\271\240\347\254\224\350\256\260.md" |    28 +
 ...23\345\267\245\346\227\245\350\256\260.md" |    85 +
 ...00\346\224\276\345\271\263\345\217\260.md" |   202 +
 ...71\347\233\256\346\250\241\346\235\277.md" |    86 +
 ...44\351\242\230\347\263\273\347\273\237.md" |   177 +
 ...20\345\231\250\351\241\271\347\233\256.md" |    47 +
 ...10\347\253\257\351\241\271\347\233\256.md" |    43 +
 ...71\351\205\215\347\263\273\347\273\237.md" |   142 +
 ...06\346\236\220\345\267\245\345\205\267.md" |     5 +
 ...50\203\275 BI \345\271\263\345\217\260.md" |    18 +
 ...55\345\277\203\351\241\271\347\233\256.md" |   258 +
 ...26\345\212\261\347\263\273\347\273\237.md" |    32 +
 ...34\347\264\242\345\271\263\345\217\260.md" |    19 +
 ...56\350\256\255\347\273\203\350\220\245.md" |    49 +
 .../README.md"                                |   499 +
 .../README.md"                                |    63 +
 .../README.md"                                |   139 +
 ...01\346\210\221\345\245\275\346\205\214.md" |    73 +
 ...40\346\203\257\343\200\202\343\200\202.md" |    92 +
 ...32\346\226\207\345\214\226\357\274\201.md" |    70 +
 ...15\344\270\200\346\240\267\357\274\201.md" |    58 +
 ...36\344\271\240\347\224\237\346\264\273.md" |   134 +
 ...00\344\270\232\344\272\206\357\274\201.md" |    65 +
 ...73\345\210\233\344\270\232\357\274\201.md" |    70 +
 ...345\244\251Bug\343\200\202\343\200\202.md" |    72 +
 ...10\344\274\230\347\247\200\357\274\201.md" |    52 +
 ...21\345\215\264\345\223\255\344\272\206.md" |   243 +
 ...42\344\275\240\357\274\201\342\200\235.md" |    72 +
 ...34\347\273\217\345\216\206\343\200\202.md" |   146 +
 ...73\347\232\204\345\233\242\345\273\272.md" |    71 +
 .../\344\272\214\345\215\201\345\233\233.md"  |    41 +
 ...66\345\244\247\344\272\213\357\274\201.md" |   236 +
 ...10\345\275\273\345\272\225\357\274\201.md" |    79 +
 ...10\344\270\207\347\262\211\344\270\235.md" |   246 +
 ...66\345\244\247\344\272\213\357\274\201.md" |    83 +
 ...07\350\256\277\344\272\206\357\274\201.md" |   139 +
 ...06\346\235\245\344\272\206\357\274\201.md" |   235 +
 ...\344\270\200\345\220\215UP\344\270\273.md" |   193 +
 ...03\346\200\201\345\264\251\344\272\206.md" |    87 +
 ...45\345\270\270\347\224\237\346\264\273.md" |    67 +
 ...4\270\213\350\205\276\350\256\257offer.md" |   167 +
 ...32\351\222\261\347\232\204\357\274\237.md" |    95 +
 ...73\351\241\271\347\233\256\357\274\201.md" |   102 +
 ...14\345\205\261\345\213\211\357\274\201.md" |   243 +
 ...20\347\232\204\347\273\217\345\216\206.md" |   283 +
 ...25\344\270\232\346\204\237\345\217\227.md" |   209 +
 ...37\350\247\211\345\244\264\347\247\203.md" |    45 +
 ...03\350\257\201\347\273\217\345\216\206.md" |   193 +
 ...12\346\265\267\345\277\203\345\276\227.md" |   283 +
 ...15\345\210\260\345\267\245\344\275\234.md" |   126 +
 ...30\351\223\201\344\270\212\347\217\255.md" |   307 +
 ...27\350\212\202\350\267\263\345\212\250.md" |   430 +
 ...45\347\232\204\347\273\217\345\216\206.md" |   147 +
 ...10\346\240\267\345\221\242\357\274\237.md" |    84 +
 ...60\347\233\256\346\240\207\357\274\201.md" |    78 +
 ...50\347\232\204\347\212\266\346\200\201.md" |    87 +
 ...35\351\207\215\345\225\212\342\200\246.md" |    54 +
 ...52\345\276\213\347\232\204\344\272\272.md" |    90 +
 ...21\345\256\263\346\200\225\344\272\206.md" |    69 +
 ...62\347\202\271\345\225\245\345\221\242.md" |    72 +
 ...24\347\246\273\344\272\206\357\274\201.md" |    41 +
 ...53\346\213\205\345\277\203\357\274\201.md" |    70 +
 ...40\344\275\217\344\272\206\357\274\201.md" |    55 +
 ...04\347\212\266\346\200\201\345\220\247.md" |    98 +
 ...50\343\200\202\343\200\202\343\200\202.md" |    53 +
 ...17\344\276\277\350\201\212\350\201\212.md" |   120 +
 ...32\344\273\200\344\271\210\357\274\237.md" |   118 +
 ...14\350\205\276\350\256\257\357\274\201.md" |   146 +
 ...06\343\200\202\343\200\202\343\200\202.md" |   163 +
 ...64\347\232\204\344\271\240\346\203\257.md" |    72 +
 ...06\344\273\200\344\271\210\357\274\237.md" |   261 +
 ...64\347\232\204\346\204\237\345\217\227.md" |   164 +
 ...03\351\201\223\345\270\210\345\225\246.md" |   231 +
 ...45\344\275\234\346\204\237\345\217\227.md" |   129 +
 ...50\346\234\237\346\200\273\347\273\223.md" |   222 +
 ...54\344\270\200\345\220\215\357\274\201.md" |   184 +
 ...21\346\211\215\346\230\216\347\231\275.md" |    52 +
 ...06\343\200\202\343\200\202\343\200\202.md" |    94 +
 ...31\344\273\266\344\272\213\357\274\201.md" |   131 +
 ...77\344\273\243\347\240\201\357\274\237.md" |   121 +
 ...00\346\224\276\345\271\263\345\217\260.md" |   315 +
 ...71\347\233\256\346\250\241\346\235\277.md" |    85 +
 ...44\351\242\230\347\263\273\347\273\237.md" |   318 +
 .../README.md"                                |   204 +
 ...71\351\205\215\347\263\273\347\273\237.md" |   305 +
 ...50\203\275 BI \345\271\263\345\217\260.md" |   299 +
 ...55\345\277\203\351\241\271\347\233\256.md" |   328 +
 ...34\347\264\242\345\271\263\345\217\260.md" |   294 +
 519 files changed, 106314 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .vuepress/config.ts
 create mode 100644 .vuepress/extraSideBar.ts
 create mode 100644 .vuepress/footer.ts
 create mode 100644 .vuepress/navbar.ts
 create mode 100644 .vuepress/public/baidu_verify_codeva-hlChwhGcel.html
 create mode 100644 .vuepress/public/favicon.ico
 create mode 100644 .vuepress/public/icon/ai.svg
 create mode 100644 .vuepress/public/icon/copyright.svg
 create mode 100644 .vuepress/public/icon/dianzan.png
 create mode 100644 .vuepress/public/icon/message.svg
 create mode 100644 .vuepress/public/icon/mobile.png
 create mode 100644 .vuepress/public/icon/resume.svg
 create mode 100644 .vuepress/public/icon/sketch.svg
 create mode 100644 .vuepress/public/icon/user.svg
 create mode 100644 .vuepress/public/icon/weixin.png
 create mode 100644 .vuepress/public/icon/xiazai.png
 create mode 100644 .vuepress/public/icon/xingqiu.png
 create mode 100644 .vuepress/public/logo.png
 create mode 100644 .vuepress/public/qrcode-codefather.png
 create mode 100644 .vuepress/public/qrcode-codenav.png
 create mode 100644 .vuepress/public/qrcode-codenavhelper.png
 create mode 100644 .vuepress/public/qrcode-mpcoder_yupi.jpg
 create mode 100644 .vuepress/public/qrcode-thumb.jpg
 create mode 100644 .vuepress/sidebar.ts
 create mode 100644 .vuepress/sidebars/codeNavSideBar.ts
 create mode 100644 .vuepress/sidebars/knowledgeSideBar.ts
 create mode 100644 .vuepress/sidebars/productSideBar.ts
 create mode 100644 .vuepress/sidebars/programmingDictionarySideBar.ts
 create mode 100644 .vuepress/sidebars/programmingShareSideBar.ts
 create mode 100644 .vuepress/sidebars/projectSideBar.ts
 create mode 100644 .vuepress/sidebars/roadmapSideBar.ts
 create mode 100644 .vuepress/sidebars/selfStudySideBar.ts
 create mode 100644 .vuepress/theme/components/AlgoliaSearchBox.vue
 create mode 100644 .vuepress/theme/components/DropdownLink.vue
 create mode 100644 .vuepress/theme/components/DropdownTransition.vue
 create mode 100755 .vuepress/theme/components/ExtraSidebar.vue
 create mode 100644 .vuepress/theme/components/Footer.vue
 create mode 100644 .vuepress/theme/components/NavLinks.vue
 create mode 100644 .vuepress/theme/components/Navbar.vue
 create mode 100644 .vuepress/theme/components/Page.vue
 create mode 100755 .vuepress/theme/components/PageSidebarToc.vue
 create mode 100755 .vuepress/theme/components/PageSidebarTocLink.vue
 create mode 100755 .vuepress/theme/index.js
 create mode 100755 .vuepress/theme/layouts/Layout.vue
 create mode 100644 .vuepress/theme/styles/wrapper.styl
 create mode 100755 .vuepress/theme/util/index.js
 create mode 100644 README.md
 create mode 100644 package-lock.json
 create mode 100644 package.json
 create mode 100644 "\344\272\247\345\223\201\346\234\215\345\212\241/README.md"
 create mode 100644 "\344\272\247\345\223\201\346\234\215\345\212\241/\345\211\215\347\253\257\347\252\201\345\207\273 - \345\211\215\347\253\257\351\235\242\350\257\225\350\256\255\347\273\203\350\220\245.md"
 create mode 100644 "\344\272\247\345\223\201\346\234\215\345\212\241/\345\220\216\347\253\257\347\252\201\345\207\273 - \347\213\202\351\243\231\345\220\216\347\253\257\350\256\255\347\273\203\350\220\245.md"
 create mode 100644 "\344\272\247\345\223\201\346\234\215\345\212\241/\346\261\202\350\201\214 - \345\270\256\344\275\240\345\206\231\345\245\275\347\256\200\345\216\206\347\232\204\347\245\236\345\231\250.md"
 create mode 100644 "\344\272\247\345\223\201\346\234\215\345\212\241/\347\256\227\346\263\225\345\255\246\344\271\240 - \347\274\226\347\250\213\345\257\274\350\210\252\347\256\227\346\263\225\351\200\232\345\205\263\346\235\221.md"
 create mode 100644 "\344\272\247\345\223\201\346\234\215\345\212\241/\350\200\203\347\240\224\351\231\252\350\267\221 - \347\274\226\347\250\213\345\257\274\350\210\252\350\256\241\347\213\227\344\270\212\345\262\270.md"
 create mode 100644 "\344\275\234\350\200\205.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/C++\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/Git&GitHub\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/Java\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/Linux\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/Python\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/README.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/SQL\345\205\215\350\264\271\345\256\236\346\210\230\350\207\252\345\255\246\347\275\221\347\253\231 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/\345\211\215\347\253\257\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/\346\225\260\346\215\256\347\273\223\346\236\204\345\222\214\347\256\227\346\263\225\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\276\350\256\241\346\250\241\345\274\217\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/4 \347\247\215\346\226\271\346\263\225\357\274\214\345\277\253\351\200\237\345\210\235\345\247\213\345\214\226 Java \351\241\271\347\233\256.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/Bean \346\213\267\350\264\235\344\271\213 MapStruct.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/Git \346\217\220\344\272\244\347\253\237\347\204\266\350\277\230\350\203\275\350\277\231\344\271\210\347\224\250\357\274\237.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/Maven \344\270\255\345\244\256\344\273\223\345\272\223\345\217\221\345\214\205\346\265\201\347\250\213.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/Nacos \351\205\215\347\275\256\344\270\255\345\277\203\346\220\255\345\273\272.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/README.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/RESTful \346\216\245\345\217\243\345\256\236\347\216\260\344\270\216\346\265\213\350\257\225( Spring Boot ).md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\343\200\220\350\256\276\350\256\241\346\250\241\345\274\217\343\200\221\350\243\205\351\245\260\350\200\205\346\250\241\345\274\217\357\274\214\345\217\212\345\205\266\345\234\250JDK\346\272\220\347\240\201\344\270\255\347\232\204\345\272\224\347\224\250.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250 FreeMarker \346\250\241\346\235\277\345\274\225\346\223\216\347\224\237\346\210\220\344\273\243\347\240\201.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\345\220\216\347\253\257\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250\357\274\214\346\217\220\351\253\230\345\274\200\345\217\221\346\225\210\347\216\207.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\347\254\254\344\270\211\346\226\271\346\234\215\345\212\241(\345\256\235\345\241\224)\345\277\253\351\200\237\351\203\250\347\275\262\351\241\271\347\233\256.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\211\215\347\253\257\345\277\205\345\255\246\347\232\204\345\274\200\345\217\221\346\241\206\346\236\266\357\274\214Ant Design Pro.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\345\246\202\344\275\225\347\274\226\345\206\231\345\215\225\345\205\203\346\265\213\350\257\225\357\274\237 .md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\351\241\271\347\233\256\347\273\217\345\205\270\345\210\206\345\261\202\346\236\266\346\236\204\344\273\213\347\273\215.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\345\277\253\351\200\237\345\277\275\347\225\245 Git \346\226\207\344\273\266\346\217\220\344\272\244\357\274\237.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\350\247\243\345\206\263\346\225\260\346\215\256\346\237\245\350\257\242\344\270\272\347\251\272\347\232\204 Bug\357\274\237.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\351\253\230\346\225\210\346\265\213\350\257\225\346\216\245\345\217\243\357\274\237\350\207\252\345\212\250\347\224\237\346\210\220\346\216\245\345\217\243\346\226\207\346\241\243.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\274\200\345\217\221\344\274\201\344\270\232\345\276\256\344\277\241\347\276\244\346\234\272\345\231\250\344\272\272\357\274\214\345\256\236\347\216\260\345\256\232\346\227\266\346\217\220\351\206\222.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\345\277\253\351\200\237\345\255\246\344\274\232\344\270\272\345\274\200\346\272\220\351\241\271\347\233\256\345\201\232\350\264\241\347\214\256.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\346\225\264\345\220\210Spring JDBC\346\223\215\344\275\234\346\225\260\346\215\256\345\272\223.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250@Validated\346\263\250\350\247\243\345\256\236\347\216\260\351\235\236\347\251\272\346\240\241\351\252\214.md"
 create mode 100644 "\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250\345\233\233\347\247\215\351\224\201\345\256\236\347\216\260\345\212\240\345\205\245\351\230\237\344\274\215\345\212\237\350\203\275(\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237).md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/520\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\350\241\250\347\231\275\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\344\270\200\344\270\215\345\260\217\345\277\203\345\210\233\351\200\240\344\272\206\346\226\260\347\232\204\347\274\226\347\250\213\350\257\255\350\250\200\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\226\234\350\277\216\346\226\260\346\230\245\357\274\214\346\210\221\345\201\232\344\272\206\344\270\200\344\270\252\347\245\235\347\246\217\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\244\247\345\256\266\345\245\275\357\274\214\346\210\221\346\230\257\345\260\217\346\231\272\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\245\207\346\200\235\345\246\231\346\203\263\357\274\214\345\212\250\346\211\213 DIY \344\275\240\347\232\204\346\265\217\350\247\210\345\231\250\344\270\273\351\241\265.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\270\246\350\200\201\345\274\237\345\201\232\344\270\252\345\256\236\346\227\266\346\216\222\350\241\214\346\246\234.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\204\232\347\232\256\345\201\232\344\272\206\344\270\200\344\270\252 AI \347\274\226\347\250\213\346\230\265\347\247\260\347\224\237\346\210\220\345\231\250.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\200\346\254\276\347\224\237\346\210\220\344\273\243\347\240\201+\346\225\260\346\215\256\347\232\204\347\245\236\345\231\250\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\252\345\276\210\345\270\205\347\232\204\347\275\221\347\253\231\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\226\260\347\275\221\347\253\231\344\270\212\347\272\277\344\272\206\357\274\201\350\200\214\344\270\224\350\277\231\346\254\241\347\232\204\345\210\266\344\275\234\346\226\271\345\274\217\346\234\211\347\202\271\344\270\215\345\220\214.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\350\241\250\346\203\205\345\214\205\347\275\221\347\253\231\344\270\212\347\272\277\345\225\246\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\351\200\240\344\272\206\344\270\252\350\275\256\345\255\220\357\274\214\345\256\214\346\225\264\345\274\200\346\272\220\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\234\213\345\256\214\350\277\231\344\270\252\357\274\214\346\210\221\347\233\264\346\216\245\346\212\212 SQL \345\210\267\351\200\232\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\276\212\344\272\206\344\270\252\347\276\212\357\274\214\344\275\206\346\230\257\344\275\216\351\205\215\347\211\210.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\207\252\345\210\266 AI \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\277\231\346\254\241\346\210\221\345\274\200\346\272\220\357\274\214\345\210\253\345\206\215\346\211\223\346\210\221\345\225\246\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\345\201\232\344\272\206\344\270\252\346\211\276\346\211\223\347\232\204\347\275\221\347\253\231\357\274\214\346\213\277\345\216\273\347\216\251\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\346\265\213\350\257\225\351\270\255\345\274\200\346\272\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\345\201\207\346\234\237\347\273\223\346\235\237\357\274\214\347\274\226\347\250\213\345\257\274\350\210\252\345\270\246\347\235\200\346\226\260\345\212\237\350\203\275\346\235\245\345\225\246\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235 200 \345\260\217\346\227\266\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235\357\274\201\346\234\213\345\217\213\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\347\275\221\347\253\231\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\273\231\347\210\270\347\210\270\344\273\254\346\261\207\346\212\245\345\207\240\344\273\266\344\272\213\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\274\226\347\250\213\345\257\274\350\210\252\350\257\236\347\224\237\357\274\201\350\275\273\346\235\276\345\217\221\347\216\260\344\274\230\350\264\250\347\274\226\347\250\213\350\265\204\346\272\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\205\215\350\264\271\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221 - \351\235\242\350\257\225\351\270\255.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\347\232\204\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221\345\244\215\346\264\273\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\346\224\273\345\207\273\351\235\242\350\257\225\351\270\255\357\274\237\350\277\233\345\260\217\351\273\221\345\261\213\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\351\235\242\350\257\225\351\270\255\347\275\221\347\253\231\357\274\214\347\224\250\345\210\260\347\232\204\346\212\200\346\234\257\350\256\262\350\247\243.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\345\255\246\344\271\240GitHub\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\350\207\252\345\255\246\347\274\226\347\250\213\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\347\274\226\347\250\213\345\205\245\351\227\250\345\210\260\350\277\233\345\244\247\345\216\202\357\274\214\344\275\240\351\234\200\350\246\201\350\277\231\345\245\227\345\255\246\344\271\240\346\236\266\346\236\204.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/14 \345\262\201\357\274\2143 \346\254\241\347\273\231\346\210\221\347\232\204\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\344\275\240\347\234\237\347\232\204\344\272\206\350\247\243\347\250\213\345\272\217\345\221\230\344\271\210\357\274\237\345\201\232\344\270\252\346\265\213\350\257\225\345\220\247\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\206\215\346\254\241\347\231\273\344\270\212\345\255\246\347\224\237\346\227\266\344\273\243\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242\357\274\214\346\263\252\347\233\256.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\244\247\346\204\217\344\272\206\345\225\212\357\274\214\344\270\215\345\260\217\345\277\203\346\257\201\344\272\206\344\270\200\345\256\266\345\205\254\345\217\270.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\255\246\345\211\215\347\253\257\347\232\204\346\234\213\345\217\213\345\201\232\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/Mac \345\222\214 Win\357\274\214\345\210\260\345\272\225\347\224\250\345\223\252\344\270\252\347\263\273\347\273\237\345\255\246\347\274\226\347\250\213\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\344\270\200\344\275\215\351\235\236\345\270\270\350\256\244\347\234\237\347\232\204\345\220\214\345\255\246\357\274\214\350\265\236\344\271\213\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\210\253\346\213\205\345\277\203\357\274\214\346\210\221\344\273\254\351\203\275\344\270\200\346\240\267\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\345\234\260\346\217\220\351\227\256\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\351\200\211\346\213\251\347\274\226\347\250\213\345\255\246\344\271\240\350\265\204\346\272\220\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\351\253\230\346\225\210\346\211\276\345\210\260\344\274\230\350\264\250\347\274\226\347\250\213\351\241\271\347\233\256\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\344\272\206\345\215\201\345\207\240\347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\345\220\216\357\274\214\346\210\221\346\234\211\345\223\252\344\272\233\346\204\237\345\217\227\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\345\274\237\346\203\263\345\201\232\344\270\252\351\253\230\350\264\250\351\207\217\350\247\206\351\242\221\345\260\217\347\250\213\345\272\217.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\346\230\257\345\220\216\347\253\257\357\274\214\350\246\201\345\255\246\345\211\215\347\253\257\345\230\233\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\347\224\250\344\272\206 6 \345\271\264\357\274\214\345\221\212\350\257\211\344\275\240\346\200\216\344\271\210\345\255\246\345\245\275 Java.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\234\211\345\223\252\344\272\233\345\217\202\344\270\216\351\241\271\347\233\256\347\232\204\345\245\275\351\200\224\345\276\204\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\347\216\260\345\234\250\345\201\232\350\277\231\345\207\240\344\273\266\344\272\213\357\274\214\344\270\200\345\256\232\345\245\275\350\265\267\346\235\245\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\200\201\345\270\210\347\234\213\344\270\212\344\272\206\346\210\221\347\232\204\351\241\271\347\233\256\357\274\214\350\277\230\346\203\263\347\224\263\350\257\267\344\270\252\350\275\257\350\221\227\357\274\237\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\277\231\346\230\257\347\224\250\346\241\206\346\236\266\347\232\204\351\200\232\347\227\205\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\234\250\347\203\247\347\203\244\345\272\227\347\272\246\344\272\206\344\270\200\344\275\215\351\230\277\351\207\214\347\273\203\344\271\240\347\224\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223\357\274\214\344\275\251\346\234\215\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\351\241\272\346\211\213\351\273\221\344\272\206\345\255\246\346\240\241\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216,\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255!.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\246\202\344\275\225\347\234\213\345\276\205 \342\200\234Java \345\267\262\346\255\273\343\200\201\345\211\215\347\253\257\345\267\262\345\207\211\342\200\235 \347\255\211\350\250\200\350\256\272\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\255\246\347\275\221\347\253\231\345\274\200\345\217\221\350\277\230\346\230\257\346\211\223 ACM\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\346\204\237\350\247\211\350\277\233\345\244\247\345\216\202\346\234\272\344\274\232\346\270\272\350\214\253\357\274\214\350\246\201\350\200\203\347\240\224\347\273\255\345\221\275\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\346\210\221\345\275\223\346\227\266\344\271\237\350\266\205\347\272\240\347\273\223.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\201\212\350\201\212\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\351\200\211\346\213\251.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\351\200\211 C++ \350\277\230\346\230\257 Java\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\344\270\200\344\270\252\345\245\275\347\232\204\347\274\226\347\250\213\344\271\240\346\203\257.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\207\240\344\270\252\345\257\271\347\250\213\345\272\217\345\221\230\347\232\204\350\257\257\350\247\243\357\274\214\345\256\263\344\272\272\344\270\215\346\265\205\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\210\253\344\272\272\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\244\247\345\244\232\346\225\260\344\272\272\344\270\215\346\263\250\346\204\217\357\274\214\350\277\231\346\240\267\345\206\231\344\273\243\347\240\201\344\274\232\346\234\211\351\227\256\351\242\230 \357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\210\253\344\270\272\350\277\231\344\272\213\346\265\252\350\264\271\346\227\266\351\227\264\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\215\203\344\270\207\345\210\253\350\203\214\344\273\243\347\240\201\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Docsify + \344\272\221\345\274\200\345\217\221\357\274\214\351\253\230\346\225\210\345\210\233\351\200\240\344\275\240\347\232\204\346\226\207\346\241\243\347\275\221\347\253\231.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Java \345\244\204\347\220\206\350\241\250\346\240\274\357\274\214\347\234\237\347\232\204\345\276\210\347\210\275\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/VS Code \350\277\234\347\250\213\345\274\200\345\217\221\345\256\236\346\210\230.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\270\200\350\265\267\346\235\245\345\201\232\344\270\252\345\205\215\347\231\273\345\275\225\350\265\204\346\272\220\345\257\274\350\210\252\345\260\217\347\250\213\345\272\217\345\220\247.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\272\224\345\210\206\351\222\237\357\274\214\344\275\277\347\224\250 Typora + PicGo \346\217\220\345\215\207\347\231\276\345\200\215\345\206\231\344\275\234\346\225\210\347\216\207.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\347\247\215\347\256\200\345\215\225\345\205\215\350\264\271\347\232\204\344\270\212\347\272\277\347\275\221\347\253\231\346\226\271\346\263\225.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\350\241\214\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\260\261\350\203\275\345\201\232\344\270\252\350\201\212\345\244\251\345\256\244\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\224\250 5 \345\210\206\351\222\237\344\270\212\347\272\277\346\226\260\347\275\221\347\253\231\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\236\346\210\230\345\274\200\345\217\221\347\261\273\345\272\223\357\274\214\346\211\213\345\206\231 Spring Boot Starter\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\244\345\217\213\345\216\273\345\216\225\346\211\200\347\232\204\345\212\237\345\244\253\357\274\214\346\210\221\345\206\231\344\272\206\344\270\252\350\256\241\347\256\227\345\231\250.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\260\235\351\262\234 Svelte \345\211\215\347\253\257\346\241\206\346\236\266\357\274\214\345\274\200\345\217\221\350\257\273\344\271\246\347\254\224\350\256\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\345\215\225\346\226\271\351\235\242\345\256\243\345\270\203\357\274\214\350\207\252\345\267\261\346\230\257 ChatGPT \347\250\213\345\272\217\345\221\230\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\347\224\250\350\277\231\344\270\252\346\212\200\346\234\257\357\274\214\345\271\262\346\216\211\345\207\240\345\215\203\350\241\214 if else\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\220\236\345\217\260\350\231\232\346\213\237\346\234\272\347\216\251\347\216\251\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\347\202\270\350\243\202\347\232\204 AutoGPT\357\274\214\345\270\256\346\210\221\345\201\232\344\272\206\344\270\252\347\275\221\347\253\231\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\205\276\350\256\257\345\205\254\346\265\213\344\272\221\345\274\200\345\217\221\344\275\216\347\240\201\357\274\201\345\205\250\347\275\221\351\246\226\347\257\207\345\256\236\346\210\230\350\257\204\346\265\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\344\275\240\347\232\204 GitHub \347\247\222\345\217\230\351\253\230\345\244\247\344\270\212\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\347\250\213\345\272\217\345\221\230\350\200\201\345\274\237\345\216\273\345\201\232 PPT\357\274\237\347\231\275\346\227\245\345\201\232\346\242\246.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\260\201\344\274\232\346\213\222\347\273\235\344\270\200\344\270\252\345\205\215\350\264\271\347\232\204\351\203\250\347\275\262\346\234\215\345\212\241\345\221\242\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\351\255\224\346\224\271\345\222\214\344\270\212\347\272\277\344\275\240\347\232\204\345\220\210\346\210\220\345\244\247\350\245\277\347\223\234\357\274\214\346\234\200\345\205\250\346\225\231\347\250\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/1024\357\274\214\350\257\264\350\257\264\346\210\221\350\277\231\345\207\240\345\271\264\346\200\273\347\273\223\347\232\204\345\260\217\346\212\200\345\267\247\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/2\345\210\206\351\222\237\357\274\214\346\210\221\346\212\212\347\275\221\347\253\231\346\200\247\350\203\275\344\274\230\345\214\226\344\272\2063\345\200\215\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub \351\252\232\346\223\215\344\275\234.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub\350\277\2315\344\270\252\351\252\232\346\223\215\344\275\234\357\274\21499%\347\232\204\344\272\272\344\270\215\347\237\245\351\201\223\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\342\200\234\350\277\231\344\270\215\346\230\257\344\270\252\345\244\247\345\255\246\347\224\237\351\203\275\350\203\275\345\201\232\345\220\227\357\274\237\342\200\235.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\272\344\273\200\344\271\210\344\270\215\350\246\201\345\206\231 Hardcode\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\273\346\265\201\345\211\215\345\220\216\347\253\257\351\241\271\347\233\256\351\203\250\347\275\262\346\226\271\345\274\217.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\201\232\351\241\271\347\233\256\346\227\266\350\246\201\346\263\250\346\204\217\347\232\204\347\202\271.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\346\207\265\351\200\274\344\272\206\345\222\213\345\212\236\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\350\277\233\345\205\254\345\217\270\345\260\261\350\264\237\350\264\243\351\241\271\347\233\256\357\274\214\346\212\212\350\200\201\345\274\237\346\225\264\350\222\231\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\215\203\344\270\207\345\210\253\347\233\264\346\216\245\346\225\262\344\273\243\347\240\201\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\220\216\347\253\257\345\274\200\345\217\221\351\234\200\350\246\201\346\263\250\346\204\217\344\273\200\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\221\230\345\267\245\345\206\231\344\272\206\344\270\252\346\257\224\345\210\240\345\272\223\346\233\264\345\217\257\346\200\225\347\232\204 Bug\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\345\201\232\351\241\271\347\233\256\347\232\204\346\265\201\347\250\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\347\232\204 SDK \345\206\231\346\263\225\357\274\214\345\201\267\345\255\246\345\210\260\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\345\206\231\345\245\275\346\226\207\346\241\243\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\224\250 IDEA \346\217\220\345\215\207\345\274\200\345\217\221\346\225\210\347\216\207\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\350\266\205\345\211\215\345\256\214\346\210\220\345\267\245\344\275\234\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\351\201\277\345\205\215\351\205\215\347\275\256\346\226\207\344\273\266\344\270\255\347\232\204\345\257\206\347\240\201\350\242\253\346\263\204\351\234\262\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\255\246\344\274\232\350\277\231\346\213\233\357\274\214\344\270\200\345\244\251\345\201\232\344\270\200\344\270\252\351\241\271\347\233\256\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\270\270\350\247\201\347\232\204\345\206\231 Bug \345\216\237\345\233\240\346\261\207\346\200\273.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\346\217\220\351\253\230\345\267\245\344\275\234\346\225\210\347\216\207\347\232\204\347\247\230\350\257\200.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\250\213\345\272\217\345\221\230\347\273\230\345\233\276\345\267\245\345\205\267\345\222\214\346\212\200\345\267\247.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\274\226\347\250\213\345\244\247\344\275\254\346\234\211\345\223\252\344\272\233\347\211\271\347\202\271\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\200\201\345\255\220\345\206\231\344\270\252\344\273\243\347\240\201\350\200\214\345\267\262\357\274\214\345\207\255\344\273\200\344\271\210\350\277\230\350\246\201\346\210\221\345\206\231\346\226\207\346\241\243\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\247\243\345\206\263 Bug \345\245\227\350\267\257\346\200\273\347\273\223.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\230\350\203\275\350\277\231\344\271\210\345\201\232\351\234\200\346\261\202\357\274\237\344\272\247\345\223\201\347\273\217\347\220\206\351\203\275\345\220\223\345\210\260\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\267\347\232\204\344\270\200\346\211\271\357\274\214\344\270\212\347\272\277\344\272\206\346\226\260\345\212\237\350\203\275\357\274\214\350\200\201\345\212\237\350\203\275\345\260\261\345\272\237\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\241\271\347\233\256\345\220\257\345\212\250\345\244\261\350\264\245\357\274\237\344\270\215\347\224\250\346\205\214\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\246\226\346\254\241\345\205\254\345\274\200\357\274\201\346\210\221\345\277\253\351\200\237\345\201\232\351\241\271\347\233\256\347\232\204\346\212\200\345\267\247.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257 Linux\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\346\227\240\351\232\234\347\242\215\346\212\200\346\234\257\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\350\264\237\350\275\275\345\235\207\350\241\241\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\225\260\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\263\225\345\200\274\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\275\240\347\234\237\347\232\204\344\274\232\345\206\231\345\215\225\344\276\213\346\250\241\345\274\217\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\211\215\347\253\257 \357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\214\272\345\235\227\351\223\276\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\346\225\260\346\215\256\345\272\223\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\351\207\215\345\256\232\345\220\221\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\244\247\347\232\204\346\225\260\346\215\256\345\260\261\346\230\257\345\244\247\346\225\260\346\215\256\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\260\217\347\231\275\351\203\275\350\203\275\347\234\213\346\207\202\347\232\204\347\274\223\345\255\230\345\205\245\351\227\250.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\200\345\221\250\344\270\212\347\272\277\347\231\276\344\270\207\347\272\247\351\253\230\345\271\266\345\217\221\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\207\344\270\207\346\262\241\346\203\263\345\210\260\357\274\214\350\277\231\351\203\275\350\203\275\345\217\221\347\216\260 Bug\357\274\237\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\215\346\225\242\346\203\263\357\274\214\345\201\232\344\270\252\345\215\232\345\256\242\347\253\237\345\246\202\346\255\244\347\256\200\345\215\225\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\273\216 0 \345\210\260 1\357\274\214\347\234\213\346\210\221\347\216\251\345\274\204\345\215\203\344\270\207\346\227\245\345\277\227\344\272\216\350\202\241\346\216\214.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250 ES \344\274\230\345\214\226\347\275\221\347\253\231\346\220\234\347\264\242\344\275\223\351\252\214.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250\345\206\205\347\275\221\347\251\277\351\200\217\357\274\2141 \345\210\206\351\222\237 \342\200\234\344\270\212\347\272\277\342\200\235 \346\234\254\345\234\260\347\275\221\347\253\231.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\206\231\344\272\2067\345\271\264\344\273\243\347\240\201\357\274\214\347\254\254\344\270\200\346\254\241\350\247\201\350\277\231\344\271\210\347\213\227\350\241\200\347\232\204\345\260\217Bug\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\215\203\344\270\207\345\210\253\345\274\272\345\210\266\345\201\234\346\234\272\357\274\201\346\210\221\345\230\264\351\203\275\346\260\224\346\255\252\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\244\247\345\216\202\346\234\272\345\257\206\357\274\20130 \344\270\252\346\217\220\345\215\207\345\233\242\351\230\237\347\240\224\345\217\221\346\225\210\350\203\275\347\232\204\351\224\246\345\233\212.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\345\216\273\351\231\244\345\255\227\347\254\246\344\270\262\344\270\255\347\232\204 n \357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\351\242\204\351\230\262 rm -rf \357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\277\253\351\200\237\351\203\250\347\275\262\345\276\256\346\234\215\345\212\241\351\241\271\347\233\256\357\274\214\344\277\235\345\247\206\347\272\247\346\225\231\347\250\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\210\221\347\253\237\350\242\253\350\277\231\344\270\252 Bug \345\235\221\344\272\206\344\270\200\345\221\250\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\211\222\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\347\232\204 Bug\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\217\255\347\247\230\350\275\257\344\273\266\345\274\200\345\217\221\347\232\204\350\276\276\346\221\251\345\205\213\345\210\251\346\226\257\344\271\213\345\211\221.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\260\224\347\202\270\357\274\201\345\217\210\344\270\200\346\254\241\350\242\253\347\274\226\350\276\221\345\231\250\345\235\221\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\347\274\226\347\250\213\345\257\274\350\210\252\357\274\214\345\207\211\345\207\211\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\200\201\345\274\237\345\201\232\344\272\206\344\270\252\347\275\221\347\233\230\357\274\214\347\202\270\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\242\253\346\224\273\345\207\273\344\272\206\357\274\201\344\272\213\345\220\216\345\210\206\346\236\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\225\277\346\225\264\346\225\260\347\262\276\345\272\246\344\270\242\345\244\261\351\227\256\351\242\230.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\266\212\350\207\252\344\277\241\357\274\214Bug \350\266\212\345\244\232.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\270\252Bug\357\274\214\347\273\231\346\210\221\346\225\264\345\276\227\344\270\200\346\204\243\344\270\200\346\204\243\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\272\233\344\273\243\347\240\201\357\274\214\345\267\256\347\202\271\346\212\212\346\210\221\346\260\224\345\207\272\345\206\205\344\274\244.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/00 \345\220\216\346\236\266\346\236\204\345\270\210\357\274\214\351\202\243\345\217\257\350\203\275\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/B \347\253\231\345\264\251\347\233\230\344\272\213\346\225\205\345\210\206\346\236\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\344\270\212\347\272\277\347\275\221\347\253\231\357\274\214\350\260\250\346\205\216\344\275\277\347\224\250\346\214\211\351\207\217\350\256\241\350\264\271\346\234\215\345\212\241\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\211\215\345\220\216\347\253\257\345\210\206\347\246\273\357\274\214\345\215\203\344\270\207\345\210\253\345\206\215\346\220\236\351\224\231\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\217\215\345\220\221\345\216\213\345\212\233.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\225\245\346\230\257\347\203\255\346\225\260\346\215\256\346\216\242\346\265\213\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\244\232\347\216\257\345\242\203.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\210\221\344\273\254\345\255\246\345\271\266\345\217\221\346\227\266\357\274\214\345\210\260\345\272\225\345\234\250\345\255\246\344\273\200\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\211\213\345\206\231 OJ \347\263\273\347\273\237\357\274\214\347\234\237\347\232\204\345\276\210\351\232\276\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\220\234\347\264\242\345\274\225\346\223\216\345\267\245\344\275\234\345\216\237\347\220\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\351\231\244\344\272\206 MySQL\357\274\214\350\277\231\344\272\233\346\225\260\346\215\256\345\272\223\344\275\240\351\203\275\350\256\244\350\257\206\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\345\244\251\345\244\251crud\357\274\214\345\276\210\350\277\267\350\214\253....md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\347\233\270\345\205\263\351\227\256\351\242\230.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\270\215\350\246\201\346\205\214\357\274\214\346\210\221\346\234\211\345\207\240\344\270\252\345\260\217\345\273\272\350\256\256\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\273\216\345\260\217\345\205\254\345\217\270\345\210\260\345\244\247\345\216\202\357\274\214\351\207\215\347\202\271\351\203\275\350\200\203\344\273\200\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\345\210\232\350\200\203\345\256\214\347\240\224\357\274\214\346\200\216\344\271\210\345\216\273\345\207\206\345\244\207\346\230\245\346\213\233\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\207\240\344\270\252\346\211\276\345\267\245\344\275\234\347\232\204\351\207\215\350\246\201\344\277\241\346\201\257.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\246\271\344\273\254\347\232\204\347\247\213\346\213\233\345\273\272\350\256\256\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\200\203\347\240\224\347\273\223\346\235\237\357\274\214\346\212\223\347\264\247\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\346\213\233\344\272\272\347\232\204\346\204\237\345\217\227.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\347\255\233\347\256\200\345\216\206\345\222\214\351\235\242\350\257\225\347\232\204\346\204\237\345\217\227.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\210\221\350\242\253\351\235\242\350\257\225\345\256\230 \342\200\234\350\200\215\342\200\235 \344\272\206\344\271\210\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\237\220\344\275\215\351\261\274\345\217\213\347\232\204\346\230\245\346\213\233\344\270\212\345\262\270\344\271\213\350\267\257.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\347\273\231\345\244\247\345\256\266\351\274\223\351\274\223\345\212\262\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\205\263\344\272\216\347\256\200\345\216\206\351\200\240\345\201\207\357\274\214\345\217\252\350\203\275\350\257\264\345\244\252 \342\200\234\345\213\207\342\200\235 \344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\206\205\346\216\250\345\255\246\345\274\237\350\277\233\344\272\206\350\205\276\350\256\257\357\274\214\347\234\213\347\234\213\344\273\226\347\232\204\346\240\207\346\235\206\347\256\200\345\216\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\345\244\247\344\272\214\345\210\233\344\270\232\347\232\204\345\255\246\345\274\237\344\274\230\345\214\226\347\256\200\345\216\206\357\274\214\345\210\206\344\272\253\347\273\217\351\252\214.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233 \342\200\234\351\200\232\347\227\205\342\200\235.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\347\256\200\345\216\206\351\241\271\347\233\256\351\200\240\345\201\207\357\274\214\350\242\253\345\217\221\347\216\260\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\350\207\252\346\210\221\344\273\213\347\273\215\357\274\214\345\215\203\344\270\207\345\210\253\346\235\245\350\231\232\347\232\204\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\344\273\216\345\256\266\351\207\214\345\210\260\351\230\277\351\207\214\357\274\214\345\255\246\345\274\237\350\266\205\347\245\236\347\232\204\344\270\200\345\271\264.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\217\214\351\235\236\351\235\236\347\247\221\347\217\255\357\274\214\344\270\200\345\271\264\351\200\206\350\242\255\347\231\276\345\272\246\357\274\201\345\256\214\346\225\264\351\235\242\347\273\217.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\347\233\264\347\263\273\345\255\246\345\274\237\350\277\233\345\215\216\344\270\272\345\225\246\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\350\205\276\350\256\257\344\272\214\351\235\242\357\274\214\346\210\221\350\242\253 \342\200\234\350\265\233\351\251\254\342\200\235 \351\227\256\351\242\230\351\232\276\344\275\217\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\351\200\201\350\200\201\345\274\237\345\216\273\345\244\247\345\216\202\351\235\242\350\257\225\357\274\214\345\220\216\347\253\257\350\200\203\347\202\271\345\210\206\344\272\253.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Gitee \345\276\210\346\227\240\345\245\210\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/IE \344\273\212\345\244\251\346\255\243\345\274\217\345\201\234\347\224\250\357\274\201\347\275\221\345\217\213\347\202\270\351\224\205\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Log4j\357\274\214\347\202\270\344\272\206\357\274\201\357\274\201\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Spring Boot \350\210\271\346\226\260\347\211\210\346\234\254\357\274\237\346\210\221\345\215\264\345\276\210\345\244\261\346\234\233.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\201\220\346\200\226\347\232\204 GPT4\357\274\201\346\210\221\344\271\237\345\205\245\345\261\200\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\210\232\344\271\260\344\272\206\346\260\270\344\271\205\344\274\232\345\221\230\357\274\214\344\275\240\345\260\261\344\270\213\347\272\277\344\272\206\357\274\237\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\222\214 AI \347\232\204\346\225\205\344\272\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\221\224\345\210\260\350\200\201\344\270\211\347\232\204 Java\357\274\214\346\234\252\346\235\245\345\234\250\345\223\252\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\227\240\350\257\255\357\274\214\345\217\210\344\270\200\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\346\224\266\350\264\271\344\272\206\343\200\202\343\200\202\343\200\202\345\267\262\345\215\270\350\275\275.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\231\276\345\272\246\347\273\210\344\272\216\350\246\201\345\207\272\346\211\213\344\272\206\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\234\213\344\272\206\345\215\216\344\270\272\351\270\277\350\222\231\345\217\221\345\270\203\344\274\232\357\274\214\346\263\274\347\233\206\345\206\267\346\260\264.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\246\273\350\260\261\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\252\201\345\217\221\357\274\201Gitee \345\233\276\345\272\212\357\274\214\345\272\237\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\205\276\350\256\257\357\274\2141000 \344\272\277\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\245\277\345\256\211\345\201\245\345\272\267\347\240\201\345\217\210\345\264\251\344\272\206\357\274\201\351\232\217\344\276\277\350\201\212\350\201\212.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\347\251\277\350\203\214\345\277\203\347\232\204\350\200\201\351\231\242\345\243\253\357\274\21486\345\262\201\357\274\214\351\207\215\347\227\205\357\274\214\350\277\230\345\234\250\346\225\262\344\273\243\347\240\201\357\274\214\345\215\225\346\211\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\350\256\241\347\256\227\346\234\272\345\245\263\347\245\236\357\274\214\344\272\222\350\201\224\347\275\221\347\254\254\344\270\200\345\244\253\344\272\272.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/B \347\253\231 UP \344\270\273\346\216\250\350\215\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\345\207\240\344\270\252\344\273\212\345\271\264\350\266\205\347\201\253\347\232\204\347\274\226\347\250\213\347\275\221\347\253\231\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\350\277\231\344\272\233\347\275\221\347\253\231\357\274\214\351\231\252\346\210\221\350\277\207\344\272\206 5 \345\271\264.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/10\344\270\252\345\256\235\350\227\217\347\272\247\347\274\226\347\250\213\350\265\204\346\272\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\226\207\346\241\243\346\225\231\347\250\213\345\244\247\346\261\207\346\200\273.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\272\220\347\240\201\346\225\231\347\250\213\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \347\237\245\350\257\206\346\200\273\347\273\223\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\206\344\272\253\344\270\200\345\245\227\344\277\235\345\247\206\347\272\247 Java \346\225\231\347\250\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\267\347\256\227\346\263\225\347\232\204\350\265\204\346\272\220\345\210\206\344\272\253.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\270\256\344\275\240\345\255\246\350\213\261\350\257\255\347\232\204\351\241\271\347\233\256.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\277\253\351\200\237\345\217\221\347\216\260\344\274\230\347\247\200\345\274\200\346\272\220\351\241\271\347\233\256\347\232\204\344\270\211\346\235\277\346\226\247.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\346\261\207\346\200\273\344\270\200\346\263\242\345\205\215\350\264\271 Python \350\265\204\346\272\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\250\213\345\272\217\345\221\230\345\246\202\344\275\225\350\265\232\351\222\261\347\232\204\345\260\217\344\271\246.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\274\226\347\250\213\345\257\274\350\210\252\345\205\215\350\264\271\345\255\246\344\271\240\350\265\204\346\272\220\346\261\207\346\200\273.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/3\345\210\206\351\222\237\357\274\214\347\273\231\345\245\263\346\234\213\345\217\213\345\201\232\344\270\252\344\272\221\347\254\224\350\256\260\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/Java \347\210\254\350\231\253\345\272\223\346\216\250\350\215\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\205\215\350\264\271\343\200\201\344\270\215\346\200\225\346\211\223\347\232\204\350\257\204\350\256\272\346\217\222\344\273\266\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\216\211\345\256\263\347\232\204\345\260\217\345\267\245\345\205\267\357\274\214\345\260\217\351\273\221\345\255\220\351\203\275\345\234\250\347\224\250\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\345\257\271\346\257\224 30 \347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\345\267\245\345\205\267.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\347\224\237\346\210\220\345\207\240\345\215\203\345\245\227\344\273\243\347\240\201\346\250\241\346\235\277\347\232\204\345\211\215\347\253\257\347\245\236\345\231\250.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\205\215\350\264\271\345\245\275\347\224\250\347\232\204\345\206\205\347\275\221\347\251\277\351\200\217\345\267\245\345\205\267.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\210\206\344\272\253\345\207\240\344\270\252\345\245\275\347\224\250\345\205\215\350\264\271\347\232\204\345\233\276\345\272\212.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\276\256\344\277\241\345\217\221\345\212\233\344\272\206\357\274\214\344\270\200\351\224\256\351\203\250\347\275\262\347\275\221\347\253\231\345\220\216\347\253\257\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\206\231\344\273\243\347\240\201\347\232\204\345\215\201\345\205\253\350\210\254\345\205\265\345\231\250\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\267\245\344\275\234\344\270\255\344\270\215\345\217\257\346\210\226\347\274\272\347\232\204\345\256\235\350\264\235\344\273\254.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\212\261\346\255\211\357\274\214\346\210\221\344\270\215\347\224\250\345\210\253\347\232\204\346\265\213\350\257\225\345\267\245\345\205\267\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\224\250\344\272\206\350\277\231\344\270\252 Java \345\260\217\345\267\245\345\205\267\357\274\214\346\210\221\345\272\237\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\262\276\345\223\201 IDEA \346\217\222\344\273\266\345\244\247\346\261\207\346\200\273\357\274\201\345\200\274\345\276\227\346\224\266\350\227\217.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/N \345\271\264\346\262\211\346\267\200\357\274\214\350\205\276\350\256\257\350\277\231\345\245\227\347\263\273\347\273\237\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\207\240\344\270\252\345\205\215\350\264\271\347\232\204\345\257\214\346\226\207\346\234\254\347\274\226\350\276\221\345\231\250\357\274\214\350\277\231\344\270\215\345\256\214\350\203\234\344\273\230\350\264\271\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\211\215\347\253\257\347\246\217\351\237\263\357\274\214\350\232\202\350\232\201\351\207\221\346\234\215 Ant Design \347\224\237\346\200\201\344\270\200\350\247\210.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\217\210\347\201\253\344\270\200\344\270\252\345\211\215\347\253\257\351\241\271\347\233\256.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\255\227\350\212\202\345\211\215\347\253\257\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201\345\220\271\347\210\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\276\210\345\244\232\347\275\221\347\253\231\357\274\214\346\240\271\346\234\254\344\270\215\347\224\250\350\207\252\345\267\261\345\201\232\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\347\224\250 Git \346\223\215\344\275\234\347\232\204\346\225\260\346\215\256\345\272\223\357\274\237\350\277\231\344\270\252\351\241\271\347\233\256\347\201\253\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\205\276\350\256\257\347\232\204\345\206\205\351\203\250\345\210\206\344\272\253\357\274\214\345\244\247\350\265\236\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\277\231 10 \344\270\252\345\210\233\346\204\217\351\241\271\347\233\256\357\274\214\345\244\252\351\241\266\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/23 \345\262\201\357\274\214\346\210\221\346\213\205\345\277\203\344\270\255\345\271\264\345\215\261\346\234\272.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\205\245\350\201\214\347\254\254\344\270\200\345\244\251\357\274\214\346\203\263\350\267\221\350\267\257\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\234\250\350\275\246\344\270\212\345\201\266\351\201\207\344\270\200\344\275\215\351\230\277\351\207\214\345\244\247\344\275\254\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\267\245\344\275\234\344\270\200\345\271\264\357\274\214\345\244\251\345\244\251 CRUD\343\200\202\343\200\202.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - API \345\274\200\346\224\276\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - OJ \345\210\244\351\242\230\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \347\224\250\346\210\267\344\270\255\345\277\203\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256\344\273\243\347\240\201\345\274\200\346\272\220\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \345\260\232\345\214\273\351\200\232.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\221\236\345\220\211\345\244\226\345\215\226.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\241\205\350\260\267\350\257\276\345\240\202.md"
 create mode 100644 "\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \351\273\221\351\251\254\347\202\271\350\257\204.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\344\270\252\344\272\272\347\273\217\345\216\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\346\230\237\344\270\273\344\273\213\347\273\215.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\345\212\240\345\205\245\347\274\226\347\250\213\345\257\274\350\210\252.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\345\271\264\345\272\246\346\200\273\347\273\223.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\270\212\345\262\270\345\215\216\344\270\272\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\345\244\261\350\264\245\345\210\260\351\200\206\350\242\255\357\274\214\346\210\221\345\256\214\346\210\220\344\272\206\347\233\256\346\240\207\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\346\221\206\347\203\202\345\210\260\351\200\206\350\242\255\357\274\214\345\244\247\344\272\214\345\216\273\350\224\232\346\235\245\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\350\272\272\345\271\263\345\210\260\344\270\212\345\262\270\357\274\214\346\210\221\345\216\273\344\272\206\347\220\206\346\203\263\347\232\204\345\244\247\345\255\246\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\344\270\211\346\221\206\347\203\202\345\210\260\346\261\202\350\201\214\344\270\212\345\262\270\357\274\214\345\212\252\345\212\233\344\273\216\346\235\245\344\270\215\346\231\232\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\345\216\202\345\267\245\344\275\234\344\270\200\345\271\264\345\215\212\357\274\214\346\210\221\346\234\211\350\257\235\350\257\264\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\346\211\276\346\210\221\346\235\245\346\212\245\345\226\234\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\350\277\233\345\260\217\347\261\263\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\256\266\351\207\214\350\271\262\345\215\212\345\271\264\357\274\214\346\210\221\347\273\210\344\272\216\344\270\212\345\262\270\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\345\201\232\344\272\206\350\277\231\344\272\233\344\272\213\357\274\214\344\277\235\347\240\224\344\270\212\345\262\270985\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\347\232\204\347\233\256\346\240\207\345\256\214\346\210\220\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\230\245\346\213\233\344\270\212\345\262\270\345\225\246\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\347\247\213\346\213\233\344\270\212\345\262\270\351\230\277\351\207\214\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\347\232\204\346\210\221\357\274\214\344\271\237\350\277\233\344\272\206\345\244\247\345\216\202\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\350\275\254\347\240\201\357\274\214\347\247\213\346\213\233\344\270\212\345\262\270\345\255\227\350\212\202\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/2022\357\274\214\346\210\221\345\255\246\344\274\232\344\272\206\350\277\231\344\272\233\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\344\273\216\346\221\206\347\203\202\345\210\260\350\247\211\351\206\222\357\274\214\346\242\246\346\203\263\350\277\233\345\244\247\345\216\202\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\201\232\344\272\206\345\276\210\345\244\232\351\241\271\347\233\256\357\274\214\350\257\264\350\257\264\346\210\221\347\232\204\346\204\237\345\217\227.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\255\246\345\274\237\350\277\231\346\240\267\345\255\246\357\274\214\347\250\263\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\344\273\212\345\271\264\346\234\200\345\244\247\347\232\204\346\224\271\345\217\230.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\346\234\200\345\212\261\345\277\227\343\200\201\346\234\200\350\207\252\345\276\213\347\232\204\344\270\200\345\271\264.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\350\277\231\346\240\267\345\207\206\345\244\207\350\223\235\346\241\245\346\235\257\357\274\214\346\213\277\345\233\275\345\245\226\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\344\270\200\350\265\267\350\256\250\350\256\272\346\235\203\351\231\220\347\256\241\347\220\206\351\234\200\346\261\202.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\346\273\264\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\347\232\204\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\347\224\250\346\210\267\344\270\255\345\277\203.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201API\345\274\200\346\224\276\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\351\261\274\347\232\256\357\274\214\344\275\240\345\244\252\347\273\206\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\350\267\263\345\212\250\357\274\214\344\274\260\350\256\241\345\207\211\344\272\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233\351\200\232\347\227\205\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\270\200\344\270\252\344\272\272\350\265\260\345\276\227\345\276\210\345\277\253\357\274\214\344\270\200\347\276\244\344\272\272\350\265\260\345\276\227\346\233\264\350\277\234.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\211\223\350\236\272\344\270\235\345\210\260\345\206\231\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\220\254\347\240\226\345\210\260\346\265\213\345\274\200\357\274\214\346\210\221\347\232\204\350\275\254\347\240\201\347\273\217\345\216\206.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\347\204\212\346\235\277\345\255\220\345\210\260\346\225\262\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\350\277\267\350\214\253\345\210\260\351\206\222\346\202\237\357\274\214\346\210\221\346\230\216\347\241\256\344\272\206\346\210\221\347\232\204\347\233\256\346\240\207\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\351\242\223\345\272\237\345\210\260\345\212\252\345\212\233\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\346\225\205\344\272\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\205\250\346\240\210\345\210\235\344\270\255\347\224\237\357\274\214\347\211\233\347\232\256\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\233\344\270\232\345\244\261\350\264\245\357\274\214\344\270\213\345\256\232\345\206\263\345\277\203\345\255\246\347\274\226\347\250\213\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\253\344\272\272\350\246\201\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\357\274\214\347\234\237\347\232\204\345\276\210\345\212\252\345\212\233\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\357\274\214\346\210\221\346\203\263\346\211\276\345\256\236\344\271\240\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\345\274\200\345\247\213\345\255\246\347\274\226\347\250\213\344\272\206\357\274\214\346\201\220\346\200\226\345\246\202\346\226\257\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\350\277\230\351\273\221\344\272\206\345\255\246\346\240\241\347\232\204\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\274\200\345\247\213\350\256\244\347\234\237\344\272\206\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216\357\274\214\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255\357\274\201.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\344\270\215\346\207\202\345\222\213\345\212\236\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\347\273\217\345\205\270\351\227\256\351\242\230.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/README.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\344\270\215\345\260\261\351\203\250\347\275\262\344\270\252\347\275\221\347\253\231\344\271\210\357\274\237\350\277\230\350\203\275\347\216\251\345\207\272\350\212\261\346\235\245\357\274\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\230\211\345\256\276\345\210\206\344\272\253.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\276\200\346\234\237\347\233\264\346\222\255.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\347\273\231\345\244\247\345\255\246\347\232\204\345\274\237\345\246\271\344\273\254\345\201\232\344\272\206\344\270\200\345\234\272\350\256\262\345\272\247.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\344\272\244\346\265\201\347\276\244.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\345\255\246\344\271\240\350\267\257\347\272\277.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\345\255\246\344\271\240\350\265\204\346\272\220.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\345\255\246\344\271\240\347\254\224\350\256\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\346\211\223\345\267\245\346\227\245\350\256\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/API\345\274\200\346\224\276\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/OJ \345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/SQL \347\224\237\346\210\220\345\231\250\351\241\271\347\233\256.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Web \347\273\210\347\253\257\351\241\271\347\233\256.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\345\267\245\344\275\234\350\256\260\345\275\225\345\210\206\346\236\220\345\267\245\345\205\267.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\274\226\347\250\213\345\257\274\350\210\252\345\245\226\345\212\261\347\263\273\347\273\237.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\351\241\271\347\233\256\350\256\255\347\273\203\350\220\245.md"
 create mode 100644 "\347\274\226\347\250\213\345\257\274\350\210\252/\347\234\237\345\256\236\350\257\204\344\273\267/README.md"
 create mode 100644 "\347\274\226\347\250\213\350\257\215\345\205\270/README.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/README.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\205\254\345\217\270\345\244\252\347\250\263\345\256\232\344\272\206\357\274\201\346\210\221\345\245\275\346\205\214.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\210\233\344\270\232\344\270\200\346\234\210\345\215\212\357\274\214\344\270\215\345\244\252\344\271\240\346\203\257\343\200\202\343\200\202.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\344\274\201\344\270\232\346\226\207\345\214\226\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\346\213\233\344\272\272\346\226\271\345\274\217\357\274\214\346\234\211\347\202\271\344\270\215\344\270\200\346\240\267\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\234\250\351\261\274\345\216\202\347\232\204\345\256\236\344\271\240\347\224\237\346\264\273.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\274\200\344\270\232\344\272\206\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\262\241\344\272\213\345\210\253\346\203\263\344\270\215\345\274\200\345\216\273\345\210\233\344\270\232\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\347\276\216\345\245\275\347\232\204\345\221\250\346\234\253\357\274\214\345\217\210\346\224\271\344\272\206\344\270\200\345\244\251Bug\343\200\202\343\200\202.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\351\235\242\344\272\206\344\270\252Java\345\256\236\344\271\240\347\224\237\357\274\214\345\260\217\344\274\231\345\276\210\344\274\230\347\247\200\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/10w\347\262\211\344\270\235\357\274\214\346\210\221\345\215\264\345\223\255\344\272\206.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\342\200\234\350\200\201\345\270\210\357\274\214\346\210\221\350\260\242\350\260\242\344\275\240\357\274\201\342\200\235.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\345\276\210\346\204\217\345\244\226\347\232\204\347\275\221\347\253\231\346\225\205\351\232\234\347\273\217\345\216\206\343\200\202.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\351\235\242\345\220\221UP\344\270\273\347\232\204\345\233\242\345\273\272.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\272\214\345\215\201\345\233\233.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\273\212\345\244\251\357\274\214\346\210\221\350\246\201\346\220\236\344\273\266\345\244\247\344\272\213\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\345\270\256\351\230\277\351\207\214\344\272\221\346\213\211\346\226\2607000\344\272\272\357\274\214\346\210\221\350\276\223\347\232\204\345\276\210\345\275\273\345\272\225\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\271\237\346\213\245\346\234\211\344\272\20610\344\270\207\347\262\211\344\270\235.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\273\254\346\220\236\344\272\206\344\273\266\345\244\247\344\272\213\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\350\242\253\346\234\200\346\201\250\347\232\204\345\205\254\345\217\270\351\207\207\350\256\277\344\272\206\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\235\245\344\272\206\346\235\245\344\272\206\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\257\225\344\270\232\350\277\231\345\271\264\357\274\214\346\210\221\346\210\220\344\270\272\344\272\206\344\270\200\345\220\215UP\344\270\273.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\347\275\221\347\253\231\345\217\210\350\242\253\346\224\273\345\207\273\357\274\214\346\210\221\345\277\203\346\200\201\345\264\251\344\272\206.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\351\261\274\347\232\256\345\267\245\344\275\234+\345\210\233\344\275\234\347\232\204\346\227\245\345\270\270\347\224\237\346\264\273.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\344\273\216\345\244\247\345\255\246\345\210\260\347\247\213\346\213\233\357\274\214\346\210\221\345\246\202\344\275\225\346\213\277\344\270\213\350\205\276\350\256\257offer.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\255\246\350\256\241\347\256\227\346\234\272\347\232\204\345\233\233\345\271\264\357\274\214\345\205\261\345\213\211\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\345\234\250\345\256\236\351\252\214\345\256\244\345\207\272\347\211\210\346\225\231\346\235\220\347\232\204\347\273\217\345\216\206.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\346\204\237\345\217\227.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\350\200\203\350\257\201\347\273\217\345\216\206.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\350\220\275\346\210\267\344\270\212\346\265\267\345\277\203\345\276\227.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\344\273\226\344\270\223\344\270\232\347\254\254\344\270\200\357\274\214\345\215\264\346\211\276\344\270\215\345\210\260\345\267\245\344\275\234.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\270\200\344\273\275\345\256\236\344\271\240\357\274\214\345\235\220\351\253\230\351\223\201\344\270\212\347\217\255.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\272\214\344\273\275\345\256\236\344\271\240\357\274\214\345\255\227\350\212\202\350\267\263\345\212\250.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\351\235\242\350\257\225\351\230\277\351\207\2146\346\254\241\357\274\214\344\273\215\347\204\266\345\244\261\350\264\245\347\232\204\347\273\217\345\216\206.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/2022\357\274\214\345\244\247\345\256\266\350\277\207\345\276\227\346\200\216\344\271\210\346\240\267\345\221\242\357\274\237.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\344\274\221\345\201\207\347\273\223\346\235\237\357\274\214\345\256\232\344\270\252\346\226\260\347\233\256\346\240\207\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\206\215\350\201\212\350\201\212\350\277\231\345\221\250\347\232\204\347\212\266\346\200\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\244\247\345\256\266\344\277\235\351\207\215\345\225\212\342\200\246.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\344\270\215\346\230\257\344\270\200\344\270\252\350\207\252\345\276\213\347\232\204\344\272\272.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\274\200\345\267\245\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\256\263\346\200\225\344\272\206.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\346\224\276\345\201\207\345\225\246\357\274\201\350\277\23122\345\244\251\345\271\262\347\202\271\345\225\245\345\221\242.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\350\242\253\351\232\224\347\246\273\344\272\206\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\351\230\263\350\277\207\344\272\206\357\274\214\345\210\253\346\213\205\345\277\203\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\226\260\345\271\264\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\260\261\350\232\214\345\237\240\344\275\217\344\272\206\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\350\201\212\350\201\212\346\234\200\350\277\221\347\232\204\347\212\266\346\200\201\345\220\247.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\232\217\344\276\277\350\201\212\350\201\212.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/Java\345\274\200\345\217\221\350\200\205\345\267\245\344\275\234\351\203\275\345\201\232\344\273\200\344\271\210\357\274\237.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\206\215\350\247\201\344\272\206\357\274\214\350\205\276\350\256\257\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\244\247\345\216\202\345\201\232\347\250\213\345\272\217\345\221\230\344\270\244\345\271\264\345\215\212\357\274\214\346\210\221\347\273\210\344\272\216\345\255\246\344\274\232\344\272\206\343\200\202\343\200\202\343\200\202.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\267\245\344\275\234\345\220\216\357\274\214\346\210\221\345\235\232\346\214\201\344\272\206\345\244\232\345\271\264\347\232\204\344\271\240\346\203\257.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\344\273\216\345\257\274\345\270\210\350\272\253\344\270\212\345\255\246\345\210\260\344\272\206\344\273\200\344\271\210\357\274\237.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\205\245\350\201\214\344\270\200\345\271\264\347\232\204\346\204\237\345\217\227.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\215\207\347\272\247\344\270\272\344\272\221\345\274\200\345\217\221\351\253\230\347\272\247\345\270\203\351\201\223\345\270\210\345\225\246.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\345\222\214\345\255\227\350\212\202\347\232\204\345\267\245\344\275\234\346\204\237\345\217\227.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\347\232\204\350\257\225\347\224\250\346\234\237\346\200\273\347\273\223.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\350\216\267\345\276\227\344\272\206\350\205\276\350\256\257\345\206\205\351\203\250\347\253\236\350\265\233\347\254\254\344\270\200\345\220\215\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\347\246\273\345\274\200\345\255\246\346\240\241\345\220\216\357\274\214\346\210\221\346\211\215\346\230\216\347\231\275.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\275\254\350\241\214\345\244\247\346\225\260\346\215\2561\344\270\252\346\234\210\357\274\214\346\210\221\351\272\273\344\272\206\343\200\202\343\200\202\343\200\202.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\277\231\345\221\250\346\262\241\345\206\231\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\234\250\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md"
 create mode 100644 "\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\351\261\274\347\232\256\350\277\231\344\270\252\346\234\210\345\260\261\345\206\231\344\272\206\350\277\231\347\202\271\345\204\277\344\273\243\347\240\201\357\274\237.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/API \345\274\200\346\224\276\345\271\263\345\217\260.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/OJ \345\210\244\351\242\230\347\263\273\347\273\237.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/README.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md"
 create mode 100644 "\351\241\271\347\233\256\345\256\236\346\210\230/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1d9045b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,125 @@
+### Node template
+.idea
+.DS_Store
+dist
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.temp
+yarn.lock
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the assets line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# assets
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+/.vuepress/dist/
diff --git a/.vuepress/config.ts b/.vuepress/config.ts
new file mode 100644
index 0000000..dd3cecc
--- /dev/null
+++ b/.vuepress/config.ts
@@ -0,0 +1,137 @@
+import { defineConfig } from "vuepress/config";
+import navbar from "./navbar";
+import sidebar from "./sidebar";
+import footer from "./footer";
+import extraSideBar from "./extraSideBar";
+
+const author = "程序员鱼皮";
+const domain = "https://codefather.cn";
+const tags = ["程序员", "编程", "计算机"];
+
+export default defineConfig({
+  title: "鱼皮的编程宝典",
+  description: "贴心的编程学习路线，全面的编程知识百科",
+  head: [
+    // 站点图标
+    ["link", { rel: "icon", href: "/favicon.ico" }],
+    // SEO
+    [
+      "meta",
+      {
+        name: "keywords",
+        content:
+          "程序员鱼皮, 编程学习路线, 编程知识百科, Java, 编程导航, 前端, 开发, 编程分享, 项目, IT, 求职, 面经",
+      },
+    ],
+    // 百度统计
+    [
+      "script",
+      {},
+      `
+        var _hmt = _hmt || [];
+        (function() {
+          var hm = document.createElement("script");
+          hm.src = "https://hm.baidu.com/hm.js?2675818a983a3131404cee835018f016";
+          var s = document.getElementsByTagName("script")[0]; 
+          s.parentNode.insertBefore(hm, s);
+        })();
+      `,
+    ],
+  ],
+  permalink: "/:slug",
+
+  // 监听文件变化，热更新
+  extraWatchFiles: [".vuepress/*.ts", ".vuepress/sidebars/*.ts"],
+  markdown: {
+    // 开启代码块的行号
+    lineNumbers: true,
+    // 支持 4 级以上的标题渲染
+    extractHeaders: ["h2", "h3", "h4", "h5", "h6"],
+  },
+  // @ts-ignore
+  plugins: [
+    ["@vuepress/back-to-top"],
+    // Google 分析
+    [
+      "@vuepress/google-analytics",
+      {
+        ga: "GTM-WVS9HM6W", // 补充自己的谷歌分析 ID，比如 UA-00000000-0
+      },
+    ],
+    ["@vuepress/medium-zoom"],
+    // https://github.com/lorisleiva/vuepress-plugin-seo
+    [
+      "seo",
+      {
+        siteTitle: (_, $site) => $site.title,
+        title: ($page) => $page.title,
+        description: ($page) =>
+          $page.frontmatter.description || $page.description,
+        author: (_, $site) => $site.themeConfig.author || author,
+        tags: ($page) => $page.frontmatter.tags || tags,
+        type: ($page) => "article",
+        url: (_, $site, path) =>
+          ($site.themeConfig.domain || domain || "") + path,
+        image: ($page, $site) =>
+          $page.frontmatter.image &&
+          (($site.themeConfig.domain &&
+            !$page.frontmatter.image.startsWith("http")) ||
+            "") + $page.frontmatter.image,
+        publishedAt: ($page) =>
+          $page.frontmatter.date && new Date($page.frontmatter.date),
+        modifiedAt: ($page) => $page.lastUpdated && new Date($page.lastUpdated),
+      },
+    ],
+    // https://github.com/ekoeryanto/vuepress-plugin-sitemap
+    [
+      "sitemap",
+      {
+        hostname: domain,
+      },
+    ],
+    // https://github.com/IOriens/vuepress-plugin-baidu-autopush
+    ["vuepress-plugin-baidu-autopush"],
+    // https://github.com/zq99299/vuepress-plugin/tree/master/vuepress-plugin-tags
+    ["vuepress-plugin-tags"],
+    // https://github.com/znicholasbrown/vuepress-plugin-code-copy
+    [
+      "vuepress-plugin-code-copy",
+      {
+        successText: "代码已复制",
+      },
+    ],
+    // https://github.com/webmasterish/vuepress-plugin-feed
+    [
+      "feed",
+      {
+        canonical_base: domain,
+        count: 10000,
+        // 需要自动推送的文档目录
+        posts_directories: [],
+      },
+    ],
+    // https://github.com/tolking/vuepress-plugin-img-lazy
+    ["img-lazy"],
+  ],
+  // 主题配置
+  themeConfig: {
+    logo: "/logo.png",
+    nav: navbar,
+    sidebar,
+    lastUpdated: "最近更新",
+
+    // GitHub 仓库位置
+    repo: "liyupi/codefather",
+    docsBranch: "master",
+
+    // 编辑链接
+    editLinks: true,
+    editLinkText: "完善页面",
+
+    // @ts-ignore
+    // 底部版权信息
+    footer,
+    // 额外右侧边栏
+    extraSideBar,
+  },
+});
diff --git a/.vuepress/extraSideBar.ts b/.vuepress/extraSideBar.ts
new file mode 100644
index 0000000..1d3d011
--- /dev/null
+++ b/.vuepress/extraSideBar.ts
@@ -0,0 +1,49 @@
+/**
+ * 额外右侧边栏
+ */
+export default [
+  {
+    title: "手机看",
+    icon: "/icon/mobile.png",
+    popoverTitle: "微信扫一扫",
+    popoverUrl:
+      "/qrcode-codefather.png",
+    popoverDesc: "可以手机看或分享至朋友圈",
+  },
+  {
+    title: "星球",
+    icon: "/icon/xingqiu.png",
+    popoverTitle:
+      '<span style="font-size:0.8rem;font-weight:bold;"><span style="font-size:8px;color:red;">保姆级实战项目教程</span>、编程学习指南、学习资源、求职指南、技术分享、编程交流</span>',
+    popoverUrl:
+      "/qrcode-codenav.png",
+    popoverDesc: "知识星球：编程导航",
+  },
+  {
+    title: "交流群",
+    icon: "/icon/weixin.png",
+    popoverTitle:
+      '<span style="font-size:0.8rem;font-weight:bold;">扫码添加 <span style="font-size:8px;color:red;">编程导航小助手微信</span>，拉你进专属编程学习交流群</span>',
+    popoverUrl:
+      "/qrcode-codenavhelper.png",
+  },
+  {
+    title: "下资料",
+    icon: "/icon/xiazai.png",
+    popoverTitle:
+      '<span style="font-size:0.8rem;font-weight:bold;">扫码关注站长公众号，回复 <span style="color:red;">学习</span> 获取海量编程学习资源「无任何套路」</span>',
+    popoverUrl:
+      "/qrcode-mpcoder_yupi.jpg",
+    popoverDesc: "公众号: 程序员鱼皮",
+  },
+  {
+    title: "支持我",
+    icon: "/icon/dianzan.png",
+    popoverTitle:
+      ' <span style="font-size:0.8rem;font-weight:bold;">鼓励和赞赏我</span>',
+    popoverUrl:
+      "/qrcode-thumb.jpg",
+    popoverDesc:
+      "感谢您的支持，作者头发++",
+  },
+];
diff --git a/.vuepress/footer.ts b/.vuepress/footer.ts
new file mode 100644
index 0000000..912cb07
--- /dev/null
+++ b/.vuepress/footer.ts
@@ -0,0 +1,32 @@
+/**
+ * 底部版权信息
+ */
+export default {
+  friendLinks: [
+    {
+      label: "站长 - 程序员鱼皮",
+      // icon: "/icon/user.svg",
+      href: "https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah",
+    },
+    {
+      label: "鱼鸢网络",
+      href: "https://yuyuanweb.com/",
+    },
+    {
+      label: "老鱼简历",
+      href: "https://www.laoyujianli.com/",
+    },
+    {
+      label: "鱼聪明 AI",
+      href: "https://www.yucongming.com/",
+    },
+    {
+      label: "编程学习圈",
+      href: "https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde",
+    },
+  ],
+  copyright: {
+    href: "https://beian.miit.gov.cn/",
+    name: "沪ICP备19026706号-6",
+  },
+};
diff --git a/.vuepress/navbar.ts b/.vuepress/navbar.ts
new file mode 100644
index 0000000..5c8efc3
--- /dev/null
+++ b/.vuepress/navbar.ts
@@ -0,0 +1,128 @@
+import {NavItem} from "vuepress/config";
+
+export default [
+    {
+        text: "学习路线",
+        link: '/学习路线/'
+    },
+    {
+        text: "自学之路",
+        link: "/自学之路/",
+        items: [
+            {
+                text: "大学经历", link: "/自学之路/#大学经历",
+            },
+            {
+                text: "求职经历", link: "/自学之路/#求职经历",
+            },
+            {
+                text: "职场工作", link: "/自学之路/#职场工作",
+            },
+            {
+                text: "创作经历", link: "/自学之路/#创作经历",
+            },
+            {
+                text: "创业经历", link: "/自学之路/#创业经历",
+            },
+            {
+                text: "生活日常", link: "/自学之路/#生活日常",
+            },
+
+        ]
+    },
+    {
+        text: "编程分享",
+        link: '/编程分享/',
+        items: [
+            {
+                text: "入门必看-学习路线", link: "/编程分享/#入门必看-学习路线",
+            },
+            {
+                text: "学习指南", link: "/编程分享/#学习指南",
+            },
+            {
+                text: "开发经验", link: "/编程分享/#开发经验",
+            },
+            {
+                text: "求职经验", link: "/编程分享/#求职经验",
+            },
+            {
+                text: "职场经验", link: "/编程分享/#职场经验",
+            },
+            {
+                text: "技术分享", link: "/编程分享/#技术分享",
+            },
+            {
+                text: "实战教程", link: "/编程分享/#实战教程",
+            },
+            {
+                text: "其他", link: "/编程分享/#其他",
+            },
+            {
+                text: "项目教程", link: "/编程分享/#📚-项目教程",
+            },
+            {
+                text: "个人作品", link: "/编程分享/#个人作品",
+            },
+
+            {
+                text: "编程资源", link: "/编程分享/#🎁-编程资源",
+            },
+
+            {
+                text: "科技科普", link: "/编程分享/#🌐-科技科普",
+            },
+
+
+
+
+        ]
+    },
+    {
+        text: "编程词典",
+        link: "/编程词典/"
+    },
+    {
+        text: "项目实战",
+        link: '/项目实战/',
+        items: [
+            {
+                text: "OJ 判题系统", link: "/项目实战/OJ 判题系统.md",
+            },
+            {
+                text: "智能 BI 平台", link: "/项目实战/智能 BI 平台.md",
+            },
+            {
+                text: "聚合搜索平台", link: "/项目实战/聚合搜索平台.md",
+            },
+            {
+                text: "API 开放平台", link: "/项目实战/API 开放平台.md",
+            },
+            {
+                text: "伙伴匹配系统", link: "/项目实战/伙伴匹配系统.md",
+            },
+            {
+                text: "用户中心项目", link: "/项目实战/用户中心项目.md",
+            },
+            {
+                text: "Java 后端万用项目模板", link: "/项目实战/Java 后端万用项目模板.md",
+            },
+        ]
+    },
+    {
+        text: "知识碎片",
+        link: '/知识碎片/'
+    },
+    {
+        text: "🔥 编程导航",
+        link: '/编程导航/'
+    },
+    {
+        text: "产品服务",
+        link: '/产品服务/'
+    },
+    {
+        text: "作者",
+        link: '/作者/'
+    },
+] as NavItem[];
diff --git a/.vuepress/public/baidu_verify_codeva-hlChwhGcel.html b/.vuepress/public/baidu_verify_codeva-hlChwhGcel.html
new file mode 100644
index 0000000..ebca386
--- /dev/null
+++ b/.vuepress/public/baidu_verify_codeva-hlChwhGcel.html
@@ -0,0 +1 @@
+a4b32671d3703c3969a3d20817fda860
\ No newline at end of file
diff --git a/.vuepress/public/favicon.ico b/.vuepress/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..aac7fc6a94a07b0687e900c093f8f09c57c161f9
GIT binary patch
literal 1903
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

literal 0
HcmV?d00001

diff --git a/.vuepress/public/icon/ai.svg b/.vuepress/public/icon/ai.svg
new file mode 100644
index 0000000..474e8f5
--- /dev/null
+++ b/.vuepress/public/icon/ai.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698125628445" class="icon" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12356" xmlns:xlink="http://www.w3.org/1999/xlink" width="218.1640625" height="200"><path d="M875.706182 1013.341091H241.384727a110.685091 110.685091 0 0 1-109.707636-109.707636v-474.763637a110.685091 110.685091 0 0 1 109.707636-109.707636h634.321455a110.685091 110.685091 0 0 1 109.707636 109.707636v474.763637a110.685091 110.685091 0 0 1-109.707636 109.707636zM241.384727 379.019636c-27.927273 0-49.896727 21.922909-49.896727 49.850182v474.763637c0 27.927273 21.969455 49.896727 49.896727 49.896727h634.321455c27.927273 0 49.896727-21.969455 49.896727-49.896727v-474.763637c0-27.927273-21.969455-49.850182-49.896727-49.850182H241.384727z" p-id="12357" fill="#85858a"></path><path d="M319.162182 560.546909a53.853091 53.853091 0 1 0 107.706182 0 53.853091 53.853091 0 0 0-107.706182 0zM690.222545 560.546909a53.853091 53.853091 0 1 0 107.706182 0 53.853091 53.853091 0 0 0-107.706182 0zM452.840727 718.149818c-29.928727 0-53.899636 23.924364-53.899636 53.853091s23.970909 53.853091 53.899636 53.853091v-107.706182zM664.203636 823.854545c29.928727 0 53.899636-23.924364 53.899637-53.85309s-23.970909-53.853091-53.899637-53.853091V823.854545z m-211.409454 0h211.409454v-105.704727H452.887273V823.854545zM558.545455 379.019636a30.72 30.72 0 0 1-29.928728-29.928727V135.633455c0-15.965091 13.963636-29.928727 29.928728-29.928728s29.928727 13.963636 29.928727 29.928728v211.456c0 17.966545-13.963636 31.930182-29.928727 31.930181zM29.928727 799.930182A30.72 30.72 0 0 1 0 770.001455v-209.454546c0-15.965091 13.963636-29.928727 29.928727-29.928727s29.928727 11.962182 29.928728 29.928727v211.456c0 15.965091-13.963636 27.927273-29.928728 27.927273z m1057.233455 0a30.72 30.72 0 0 1-29.928727-29.928727v-209.454546c0-15.965091 13.963636-29.928727 29.928727-29.928727s29.928727 13.963636 29.928727 29.928727v211.456c0 15.965091-13.963636 27.927273-29.928727 27.927273z" p-id="12358" fill="#85858a"></path><path d="M558.545455 165.562182A82.152727 82.152727 0 0 1 476.765091 83.781818c0-43.892364 37.888-83.781818 81.780364-83.781818s81.780364 37.888 81.780363 83.781818c0 45.893818-35.886545 81.780364-81.780363 81.780364z m0-103.703273c-11.962182 0-21.922909 9.960727-21.92291 23.924364 0 11.962182 9.960727 21.922909 21.92291 21.922909a22.155636 22.155636 0 0 0 21.922909-21.922909c0-13.963636-9.960727-23.924364-21.922909-23.924364z" p-id="12359" fill="#85858a"></path></svg>
\ No newline at end of file
diff --git a/.vuepress/public/icon/copyright.svg b/.vuepress/public/icon/copyright.svg
new file mode 100644
index 0000000..4b544e5
--- /dev/null
+++ b/.vuepress/public/icon/copyright.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698124167975" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8677" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" p-id="8678" fill="#85858a"></path><path d="M517.6 351.3c53 0 89 33.8 93 83.4 0.3 4.2 3.8 7.4 8 7.4h56.7c2.6 0 4.7-2.1 4.7-4.7 0-86.7-68.4-147.4-162.7-147.4C407.4 290 344 364.2 344 486.8v52.3C344 660.8 407.4 734 517.3 734c94 0 162.7-58.8 162.7-141.4 0-2.6-2.1-4.7-4.7-4.7h-56.8c-4.2 0-7.6 3.2-8 7.3-4.2 46.1-40.1 77.8-93 77.8-65.3 0-102.1-47.9-102.1-133.6v-52.6c0.1-87 37-135.5 102.2-135.5z" p-id="8679" fill="#85858a"></path></svg>
\ No newline at end of file
diff --git a/.vuepress/public/icon/dianzan.png b/.vuepress/public/icon/dianzan.png
new file mode 100644
index 0000000000000000000000000000000000000000..3984eefc558ffad9b4a1dd993bb140d45db3f12a
GIT binary patch
literal 944
zcmV;h15f;kP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000AbNkl<Zc%1E)
zOK1~87{~vUw0W!v28&vIuu8R3MG%_ATuLIPB1#c_9DG+q!ILOn6u}k+QBV(xf}-fb
zgZMxcS}mwS1=~%Eih`)c2fo|bCQZ6Yn(U6>rZKo}gfwj`f<M^o%$H5}w=>^-vkZTk
ze_z1ma?JqI*4FkOc`z!0#ZKorJ@^J{LT2pcfLU;Rz1|>ob0%*Ahr`iOWi+0+I7zTT
z3ZhBk{6UgkyC;gP>Fb=yTflC&H*PH{*}u&;5%}>QDm5V`@yO>lP%~%p7FgnP-8@)Y
zT3;;)K;SK)DA*c7@@Z13^ZWf?<VfBEZm09j(Xz5xDS_Z;U?4hv0v?aYmWV{YJ*uoU
zQWxmzqz_<OA5TicgvldG#JmJ*oX*p0Y_^8&RaGXKO@RMC!W>wt=77JzIY7zhF*0_i
zrJ}-M-LwgK{tRfn4sU|vRGhuI(k9NQ%W`H!0<`pY(BmCBH+{NcPF)=!Nx<WWK<{TX
zN(!12Y_rejyMPgpRY0w7vMiTVGlilkGc0=jzH)=1^w6|vma^JfU<1{ky?cS~ZlLEQ
z+<~aVbh@`iK!kpxL13`ZiD0k8X7jq=b3`NHq2%I;h|enMCfNkNjzZ`P$tG)D&-YB7
zYOXFPrxh!JxpRSI$AAwX=!zVO1`+NH;MM@g<pI`tvt67`(G-l140VeZo^SA&H?OS`
zs5i)&)_&lL3EN6a2A^6T_Li2x^GHaq6nn3Xj*gDZeKQS}TDRlL;q?<2R4;VXKvHpu
zeb)-)i=50<%iIK3(eS>zL<Q#g*a*bwKSE#8K^{#}bl&>Y6ckJ#5}+vy;!KR=Y>YQi
zrEEl+@e!a^f@B;!CCCrs@+z8w8x&13J_6|kbcd9rZh}Qqs<R6$KLC8XF*X8;XsS@X
zl7U?kzBjjvr4-GOU7&*MU7Aq~^!KC=wFaDwv-7R(;ueZ#D7-*=t8SE_G$;6$p{2U;
z0_pi*+Q$>UI(_BPm)F7yQ0A*E;EMumj3|-2qTfnU4TTk;JpkcAYO6jTV}9BL92C`{
z5m;2?xVp36y0YGGqTV2*5=hVg?tZR3NMhLht7rt&ZMcZZ?K7toWrm=uPc}hfm{MFE
zqi)XVxLjPU$i}e3d5E(&w?%Otg@>UL_=Wn`gE4|J7NjSCO3kcf6&O$c3;YC7b;d9m
SlTT*=0000<MNUMnLSTXo*ur7}

literal 0
HcmV?d00001

diff --git a/.vuepress/public/icon/message.svg b/.vuepress/public/icon/message.svg
new file mode 100644
index 0000000..3205810
--- /dev/null
+++ b/.vuepress/public/icon/message.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698124180660" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8880" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 512m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" p-id="8881" fill="#85858a"></path><path d="M712 512m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" p-id="8882" fill="#85858a"></path><path d="M312 512m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" p-id="8883" fill="#85858a"></path><path d="M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6 0.3-119.3 12.3-174.5 35.9-53.3 22.8-101.1 55.2-142 96.5-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9 0.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3 53.5-22.3 101.6-54.3 142.8-95.2 41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5 0.3-60.9-11.5-120-34.8-175.6z m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-0.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-0.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-0.6 99.6-39.7 192.9-110.1 262.7z" p-id="8884" fill="#85858a"></path></svg>
\ No newline at end of file
diff --git a/.vuepress/public/icon/mobile.png b/.vuepress/public/icon/mobile.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e7bd36d3c786867955ffac303f250545b543955
GIT binary patch
literal 388
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=hEVFnW8sIEGZrIeYz}?_mcKmJ2tz
z8n_Cy8ih0%wHB~k6LnzUA+myHIn#>+Jx}L%+gd-0c04utnb9fv-xIpI_k=%de7WH~
zM*_nI<DkT-do$A0)~3%9Ps`o6Qh@97r?WA}*`jeruW>v$kR!4zHR+tEo%ghdUzpyR
z*C&>zNWMvIx;rs-Lpx`g`?P~{YByvf*{WwG&|0GH^241c(oY)2{Nb)K>W|=Icqg&k
zKzb98@MD=7g57)v#2<^KIZsPWnj`(JeP-#8cJUd<*Uy;7&)|RN&D@>tw<o?-5Lvd=
wsXpV~MPpH?#5rA0`^!$hDNJG0vA(4L@T8k!Vbb#)VCXV<y85}Sb4q9e0JJcq7XSbN

literal 0
HcmV?d00001

diff --git a/.vuepress/public/icon/resume.svg b/.vuepress/public/icon/resume.svg
new file mode 100644
index 0000000..941c4a5
--- /dev/null
+++ b/.vuepress/public/icon/resume.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698124265099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9085" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M644.7 669.2c-1.5-2.1-3.9-3.3-6.5-3.3H594c-6.5 0-10.3 7.4-6.5 12.7l73.8 102.1c3.2 4.4 9.7 4.4 12.9 0l114.2-158c3.8-5.3 0-12.7-6.5-12.7h-44.3c-2.6 0-5 1.2-6.5 3.3l-63.5 87.8-22.9-31.9zM688 306v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zM296 394c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296z" p-id="9086" fill="#85858a"></path><path d="M480 852H208V148h560v296c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h312c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z" p-id="9087" fill="#85858a"></path><path d="M882.6 531.2l-192-66.7c-0.9-0.3-1.7-0.4-2.6-0.4s-1.8 0.1-2.6 0.4l-192 66.7c-3.2 1.1-5.4 4.1-5.4 7.5v251.1c0 2.5 1.1 4.8 3.1 6.3l192 150.2c1.4 1.1 3.2 1.7 4.9 1.7s3.5-0.6 4.9-1.7l192-150.2c1.9-1.5 3.1-3.8 3.1-6.3V538.7c0-3.4-2.2-6.4-5.4-7.5zM826 763.7L688 871.6 550 763.7V577l138-48 138 48v186.7z" p-id="9088" fill="#85858a"></path></svg>
\ No newline at end of file
diff --git a/.vuepress/public/icon/sketch.svg b/.vuepress/public/icon/sketch.svg
new file mode 100644
index 0000000..761383b
--- /dev/null
+++ b/.vuepress/public/icon/sketch.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698124333844" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M925.6 405.1l-203-253.7c-1.2-1.5-3.1-2.4-5-2.4H306.4c-1.9 0-3.8 0.9-5 2.4l-203 253.7c-1.9 2.4-1.9 5.9 0.2 8.3l408.6 459.5c1.2 1.4 3 2.1 4.8 2.1 1.8 0 3.5-0.8 4.8-2.1l408.6-459.5c2.1-2.4 2.1-5.9 0.2-8.3zM645.2 206.4l34.4 133.9-132.5-133.9h98.1z m8.2 178.5H370.6L512 242l141.4 142.9zM378.8 206.4h98.1L344.3 340.3l34.5-133.9z m-53.4 7l-44.1 171.5h-93.1l137.2-171.5zM194.6 434.9H289l125.8 247.7-220.2-247.7zM512 763.4L345.1 434.9h333.7L512 763.4z m97.1-80.8L735 434.9h94.4L609.1 682.6z m133.6-297.7l-44.1-171.5 137.2 171.5h-93.1z" p-id="9446" fill="#85858a"></path></svg>
\ No newline at end of file
diff --git a/.vuepress/public/icon/user.svg b/.vuepress/public/icon/user.svg
new file mode 100644
index 0000000..474a83f
--- /dev/null
+++ b/.vuepress/public/icon/user.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698123889530" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8379" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z" p-id="8380" fill="#85858a"></path></svg>
\ No newline at end of file
diff --git a/.vuepress/public/icon/weixin.png b/.vuepress/public/icon/weixin.png
new file mode 100644
index 0000000000000000000000000000000000000000..33658f128a5f11d1d7a05b65dd87a8fb6660c8c0
GIT binary patch
literal 721
zcmV;?0xtcDP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80007*Nkl<Zc%1E)
zPj=E!6vn?7Jjd2avjn<=#)*oPhDqvi(zpWB6^JX4uE2B!q$_Bgcr26B38<6e3d9}2
z#5#aHzn4%Tw2-`{{u%f?=O*_B$o<~EmzxOuW&Uvi{TEdr+6PdDfCVW``a?htA;bU=
zw=eNH9H9h)cALJ_;71+<*~ml$s8mky<imgqZPEhb9m_V&hAu+*%*e5BMiv6TytFWx
zT=0s?RWT$6*nU*k5s?T`JD1TFS0-2G&=ipf_~e}Nhc3Nkj#2BhD9&RevMd@%af0XP
zO?sIK2Cy060;|+Ii8w{ykvwW*?4tH@hzuye2>>)`X@q!#XXiczdKB1(E;+Lx&~sGn
zE&An<;yp!&^o9`9;#tPmGP0mDAbBpsDJl<qOecp7>GF;$cp8C_pM@;zDOV|!fDz9-
zG+oB5v&-`A({CXkL;mK7S?OYi63_*pZlc4OyS6c%zGJ3sXcLPFK$L(MfVZ^#s0NkT
zV{i{eG4KjcJ0S&d2qF50+=%ZmWD^n2xLAhuH3Htt2b8!BBt{%qyMivzJMh`Lujyr@
zb|1+Gb7yh2gi&W&yWEgR5pCpw_eumPa`yrQ-8HyWr$-eZm~u0#;?{C0cu2T%O<Z3G
z%)}vA>ru74o&Lfs1l-U&2seu`>UU<K7-PXhn#{>))bCNiQVA6Ee*`-nqQ#~Pc+Cb-
z<#n1O?sQt7e#yc(5<D*W?6`;wGY-6o_<N=M;44S7l@_4Gx~FJ9l1a+<$l?MNeWwfk
zQp|(XM>zos?NM$d18YWk0SYxke*S3Eb7_0DW%$(Odm`e0)=oS}_za*Qb3X!BQE%AO
z$i&vxVE%HNi1g`!&F5jp?-8&GCFDjF`SSu+_%GlWT$bG7c1qQe00000NkvXXu0mjf
Dt`$v#

literal 0
HcmV?d00001

diff --git a/.vuepress/public/icon/xiazai.png b/.vuepress/public/icon/xiazai.png
new file mode 100644
index 0000000000000000000000000000000000000000..e17d64cd372af37f72ef6ea5eaf78290f0ea2313
GIT binary patch
literal 739
zcmV<90v!E`P)<h;3K|Lk000e1NJLTq001BW000>X1^@s6P!BAT00082Nkl<Zc%1E)
zO-NKx6vzMf-Fa``%;ac7s1P_)kZz(tXc-Pgy3umsBKklf+_ea7XYgD_Bvji7)Kw8K
zGK^d`7C}K&5(Ux+ikTm@8E3|MGw<Wx&YO|4g*M?ESN`C_J?A|*zd2{_onh@a1Fc|U
z7(fhV!A2+h-5&S^Yadc(!$BV70Y>50NC{+f4#2he<dys!e83ZsRgnN~%cD>buxv3n
zc~uzjf&Uf|0?3(8>S@2&OX0R*=N?BS=l^d1Mud<w1vaB-Y?;Ec;oyV!5~(R{fb}M;
z<i1b?Z7WN`HIcSfQ^Se$U!5xo?2p80TX|N@Me3fD*w}>~75JH7g5%n|0=oh`Cva#*
zpgt`SwCNbC!1q8JKSFlLwa%3ZdR(L;0(EJL&JPai3LH%3bOX_HU0MRdw%3>=&IgUp
zkLXqZ1-#-H-#F0q5E!F`M@uj8ag5rKDgK~IvjAqfy_zvI;=91*q=gzS{JXe_9fx-M
z7OeLVp}e?3nGzyvLUUx?SAio7E;_#`U_l!AI^sYATE`Fy(_`SzuT!RkbX>@+IqIuG
z_gfpyrVgesib`xI;Nhlo3%&|mcx@pr!nFItRs!A_Dk{K^o(1X;gEzIoS^flN?j^+Z
z{o<F=gGP|?Rp8jHi?;bd>F5#8nY+*%TWD9pUR{D1>jTd&mQKU!+PJR*H93jCS1$CB
zP7z>LAB5U<2WoW#o&P+t69Wj(C+P_l&s*N=B7x}K9yQunrAEP7`G3te!|TGSZ-5dG
zQbgUZZ9?GW0IYWp5c>LrGF04hAanUqx{P|*rDRR33o%0JM)<^ug$TOmYr%94j4N>T
zT5u~vGqI>GHhpq?Ttldb8Ph37?^gtAG{-CmgDFavR9KV>WuzmX(JgUXHD;!;&M&xS
VXEC<OKNtW2002ovPDHLkV1kYeQ%nE=

literal 0
HcmV?d00001

diff --git a/.vuepress/public/icon/xingqiu.png b/.vuepress/public/icon/xingqiu.png
new file mode 100644
index 0000000000000000000000000000000000000000..df6199cff4aff8d1a637cab9b2f43892f578c75c
GIT binary patch
literal 1407
zcmV-_1%UdAP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000F>Nkl<Zc%0Rj
zT})GF7{~w5IR!*0tqK({HgyY$%N7L}FDMjimgp=HONKMq&CvM~Gb5NK%N&W~GTgG5
zSe?6=ZYsN2;$}t(QZjE=KCBmuwr&@inE0_91W^iwT4;OTJ*V}QuU4udG5(TM&ikBm
z-sk^5&+~pjc*(q)0xXv5^&%pQ6@rnQ4Ebak{+^!pE^a&*#8+CBmseSpDCz-W=Vnrf
z$j{H6BvDIm?<F_VU`_#Mv%Q!^__zS9rUFCQYAw@Q)?28kXeIReTz&)S>+8qu+jro-
z<`r)DmB_%u;SBEBO)?#sO9;Q0n)1@BdIiE^DlkTN?XJ_=HkJURUSP}zga?7hBYum?
zdJT{k0y)J%ZV6nMy*P9FJPYybK+<-Pr~N!qkWxUIx$>M4sIzUhiv6E%BYmiy9kcUv
z$SFZ!K{ZbPa6z~_-Na5D1iGhi6gfq#5-R}QV{u1_Z)Q<eTG_xMKdw4&+*eE(yujA!
z+`b=1VSx_%g-N@JlfMnkr+je{gd38On&d3m=XN{qS*`XJ6XW5#v%Xey4iWaoobO&j
z81b-mHk<bLqyD2j*eu!H0)B2C#aU+nJM4OVQj^P;r{tN@eELyL1Sq4#<8k`f%6_Wr
zAQVRu0hL};zVV%3j#udP(ZAV}oIp@a8-3Zwef%5eO3O0-og^Ty!v}jVE5Wf)_m!(1
z8+i1_@I>UUBxw6&4@`WjiN6{@tAcIyHMXQr$_PBg^=~PfkNp7|QcaYU!vJ-8JeL}#
z3E<H?3zp<<cAj`WGg0C5g>DJ#_5V#g9307Hr!5?bIxu`ciMg~=)K;&K9H@P$<L11g
z7VQ_O#>Iny0C}!<B>X0BwD5m_XcgAJIn0*%!`1TyCx0D5`MSmE>>7k5(*|vUN(j)V
z-ubWcQM5dRE%QV3Ps6x=a~$99Ulg0R@9%w}Iz7NCaPVXGK91R3)dV39&#d4VrEf5b
zgC~Yim@lJomoYJ8VzY(l2p3=zn7EahPXTA0qv+@f;=_$O*tRK$Et8}aprzpAcP1=b
zDzoMJxqfpZmg`&|tvc#uJo>5h^+!?r`GD$lb_%p2{ASl;RFr42C4JOINnHcfVr$%K
zK*hTY*gBi;-f<i}^Ei1Cs;JX&t2tL`*rS)YnHFlefBSO`o6EDYqeh>|but`329)1D
zqf*josO^3xgD%|qwJ8I6oRDYW>V1N<t${?5%?$S}{DhiA1L1*@h|A;Yu(KsbOaK?4
zgCMNxZWV>n+PGyAY+E>tN&1}XSY3A4zLm+=If(LiZ6P$b4NVKb3Rz04?d;T%nUzt@
z+oYc(;WHWJw_Em^bow{=4HltJsZMt6>IpudV-<EDxC7K4>sLlYqQ`Ufk`+^+GIP}s
zNvP3OY1?tds%){fEQdO81<~yd!Ll}sHyQohp`J>ZuLly2UK|n~zTmX&ScBBU<I%6=
z(Z>%76VWw*!fOJG`8oD)GQjp;HuOtl*-D=get(c~v`urK{Afnn!GP}#eBI}&@R5L9
z5Ut>asa}o5m(@nn=Ssk0F3cRhQU!s-jWGfq69S_Oj<)+n_pK+ymc;Hi6MmMOr{c~n
zHOi5l6?r<_8a{ZcsD~hlg=ovgIA0O&O8v{YZUk}S@-XLIky4FZgTHz<@dXM^fLO0i
z(G9B>=t`DnQK3ObQDJ=3^4^bo?))bx+_yr?SV-X*Q5Q(pFf->fnNxs<Dnvv@9go}2
zO*LJ~A+$*nIkcjli?jtyMHK@^QD6l_LiqWg5MR1Zr}9Dq=98B$;D71pMc(IEy;J}I
N002ovPDHLkV1i<^v*rK*

literal 0
HcmV?d00001

diff --git a/.vuepress/public/logo.png b/.vuepress/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3331db753937af85a94408fa4e32e49bad55bc2b
GIT binary patch
literal 3454
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

literal 0
HcmV?d00001

diff --git a/.vuepress/public/qrcode-codefather.png b/.vuepress/public/qrcode-codefather.png
new file mode 100644
index 0000000000000000000000000000000000000000..96f90cee2b61356beb1073a5ba29650b0fc41cac
GIT binary patch
literal 13666
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
RcT=H!_6F>^y({Yce*jGxxX%Cp

literal 0
HcmV?d00001

diff --git a/.vuepress/public/qrcode-codenav.png b/.vuepress/public/qrcode-codenav.png
new file mode 100644
index 0000000000000000000000000000000000000000..c64075f1fb34b8fce9dc412a42ac0ed1ceabdfde
GIT binary patch
literal 5714
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

literal 0
HcmV?d00001

diff --git a/.vuepress/public/qrcode-codenavhelper.png b/.vuepress/public/qrcode-codenavhelper.png
new file mode 100644
index 0000000000000000000000000000000000000000..362d97f8d12f34d21b8e7cd8174b7a47120688fc
GIT binary patch
literal 142276
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%0Aw1E9)9tQ|mjXi5OB
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%0D%*E@r-dY{{UHl!|*~}dh
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

literal 0
HcmV?d00001

diff --git a/.vuepress/public/qrcode-mpcoder_yupi.jpg b/.vuepress/public/qrcode-mpcoder_yupi.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..73f6686a5d2dec33113365df60fa0ccc05e6636c
GIT binary patch
literal 28504
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

literal 0
HcmV?d00001

diff --git a/.vuepress/public/qrcode-thumb.jpg b/.vuepress/public/qrcode-thumb.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5ec6c657f9f18d3409e24bc627fbd223a50b09ce
GIT binary patch
literal 33234
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%0DJF@YpB6>W8ylT
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
U?5O|rZvQWz=>PLIkUw+(3o|i>=Kufz

literal 0
HcmV?d00001

diff --git a/.vuepress/sidebar.ts b/.vuepress/sidebar.ts
new file mode 100644
index 0000000..0646624
--- /dev/null
+++ b/.vuepress/sidebar.ts
@@ -0,0 +1,23 @@
+import {SidebarConfig4Multiple} from "vuepress/config";
+import codeNavSideBar from "./sidebars/codeNavSideBar";
+import knowledgeSideBar from "./sidebars/knowledgeSideBar";
+import roadmapSideBar from "./sidebars/roadmapSideBar";
+import projectSideBar from "./sidebars/projectSideBar";
+import productSideBar from "./sidebars/productSideBar";
+import selfStudySideBar from "./sidebars/selfStudySideBar";
+import programmingShareSideBar from "./sidebars/programmingShareSideBar";
+import programmingDictionarySideBar from "./sidebars/programmingDictionarySideBar";
+// @ts-ignore
+export default {
+    "/学习路线/": roadmapSideBar,
+    "/项目实战/": projectSideBar,
+    "/编程导航/": codeNavSideBar,
+    "/产品服务/": productSideBar,
+    "/知识碎片/": knowledgeSideBar,
+    "/自学之路/": selfStudySideBar,
+    "/编程分享/": programmingShareSideBar,
+    "/编程词典/": programmingDictionarySideBar,
+    "/关于我们/": ["", "个人经历"],
+    // 降级，默认根据文章标题渲染侧边栏
+    "/": "auto",
+} as SidebarConfig4Multiple;
diff --git a/.vuepress/sidebars/codeNavSideBar.ts b/.vuepress/sidebars/codeNavSideBar.ts
new file mode 100644
index 0000000..90e1e98
--- /dev/null
+++ b/.vuepress/sidebars/codeNavSideBar.ts
@@ -0,0 +1,54 @@
+export default [
+  "",
+  {
+    title: "星球资料",
+    collapsable: true,
+    children: [
+      "星球资料/学习资源",
+      "星球资料/专属学习路线",
+      "星球资料/专属交流群",
+      "星球资料/鱼皮的学习笔记",
+      "星球资料/鱼皮的打工日记",
+    ],
+  },
+  {
+    title: "星球项目",
+    collapsable: true,
+    children: [
+      "/项目实战/OJ 判题系统",
+      "/项目实战/智能 BI 平台",
+      "/项目实战/API 开放平台",
+      "/项目实战/聚合搜索平台",
+      "/项目实战/用户中心项目",
+      "/项目实战/伙伴匹配系统",
+      "/项目实战/Java 后端万用项目模板",
+      "星球项目/项目训练营",
+      "星球项目/Web 终端项目",
+      "星球项目/编程导航奖励系统",
+      "星球项目/SQL 生成器项目",
+      "星球项目/工作记录分析工具",
+    ],
+  },
+  {
+    title: "星球直播",
+    collapsable: true,
+    children: ["星球直播/", "星球直播/往期直播", "星球直播/嘉宾分享"],
+  },
+  {
+    title: "真实评价",
+    collapsable: true,
+    children: ["真实评价/"],
+  },
+  {
+    title: "星球故事",
+    collapsable: true,
+    children: ["星球故事/"],
+  },
+  {
+    title: "关于我们",
+    collapsable: true,
+    children: ["关于我们/", "关于我们/个人经历"],
+  },
+  "星球年度总结",
+  "加入编程导航",
+];
diff --git a/.vuepress/sidebars/knowledgeSideBar.ts b/.vuepress/sidebars/knowledgeSideBar.ts
new file mode 100644
index 0000000..dea207b
--- /dev/null
+++ b/.vuepress/sidebars/knowledgeSideBar.ts
@@ -0,0 +1,30 @@
+export default [
+  "",
+  {
+    title: "知识碎片",
+    collapsable: false,
+    children: [
+      "4 种方法，快速初始化 Java 项目.md",
+      "使用后端代码生成器，提高开发效率.md",
+      "前端必学的开发框架，Ant Design Pro.md",
+      "后端如何编写单元测试？ .md",
+      "后端项目经典分层架构介绍.md",
+      "如何高效测试接口？自动生成接口文档.md",
+      "开发企业微信群机器人，实现定时提醒.md",
+      "如何解决数据查询为空的 Bug？.md",
+      "Git 提交竟然还能这么用？.md",
+      "【设计模式】装饰者模式，及其在JDK源码中的应用.md",
+      "用四种锁实现加入队伍功能(伙伴匹配系统).md",
+      "用@Validated注解实现非空校验.md",
+      "使用第三方服务(宝塔)快速部署项目.md",
+      "RESTful 接口实现与测试( Spring Boot ).md",
+      "快速学会为开源项目做贡献.md",
+      "整合Spring JDBC操作数据库.md",
+      "Maven 中央仓库发包流程.md",
+      "Nacos 配置中心搭建.md",
+      "Bean 拷贝之 MapStruct.md",
+      "使用 FreeMarker 模板引擎生成代码.md",
+      "如何快速忽略 Git 文件提交？.md",
+    ],
+  },
+];
diff --git a/.vuepress/sidebars/productSideBar.ts b/.vuepress/sidebars/productSideBar.ts
new file mode 100644
index 0000000..a64099c
--- /dev/null
+++ b/.vuepress/sidebars/productSideBar.ts
@@ -0,0 +1,14 @@
+export default [
+  "",
+  {
+    title: "产品服务",
+    collapsable: false,
+    children: [
+      "算法学习 - 编程导航算法通关村.md",
+      "后端突击 - 狂飙后端训练营.md",
+      "前端突击 - 前端面试训练营.md",
+      "考研陪跑 - 编程导航计狗上岸.md",
+      "求职 - 帮你写好简历的神器.md"
+    ],
+  },
+];
diff --git a/.vuepress/sidebars/programmingDictionarySideBar.ts b/.vuepress/sidebars/programmingDictionarySideBar.ts
new file mode 100644
index 0000000..18a3be4
--- /dev/null
+++ b/.vuepress/sidebars/programmingDictionarySideBar.ts
@@ -0,0 +1,17 @@
+export default [
+    "",
+    {
+        title: "Java",
+        collapsable: true,
+        children: [
+            "Java/Java目录",
+        ],
+    },
+    {
+        title: "学习指南",
+        collapsable: true,
+        children: [
+            "学习指南/",
+        ],
+    },
+];
diff --git a/.vuepress/sidebars/programmingShareSideBar.ts b/.vuepress/sidebars/programmingShareSideBar.ts
new file mode 100644
index 0000000..0fd457b
--- /dev/null
+++ b/.vuepress/sidebars/programmingShareSideBar.ts
@@ -0,0 +1,80 @@
+export default [
+    "",
+    {
+        title: "入门必看-学习路线",
+        collapsable: true,
+        children: [
+            "入门必看-学习路线/"
+        ],
+    },
+    {
+        title: "学习指南",
+        collapsable: true,
+        children: [
+            "学习指南/",
+        ],
+    },
+    {
+        title: "开发经验",
+        collapsable: true,
+        children: [
+            "开发经验/",
+        ],
+    },
+    {
+        title: "求职经验",
+        collapsable: true,
+        children: [
+            "求职经验/",
+        ],
+    },
+    {
+        title: "职场经验",
+        collapsable: true,
+        children: [
+            "职场经验/",
+        ],
+    },
+    {
+        title: "技术分享",
+        collapsable: true,
+        children: [
+            "技术分享/",
+        ],
+    },
+    {
+        title: "实战教程",
+        collapsable: true,
+        children: [
+            "实战教程/",
+        ],
+    },
+    {
+        title: "项目教程",
+        collapsable: true,
+        children: [
+            "项目教程/",
+        ],
+    },
+    {
+        title: "编程资源",
+        collapsable: true,
+        children: [
+            "编程资源/",
+        ],
+    },
+    {
+        title: "科技科普",
+        collapsable: true,
+        children: [
+            "科技科普/",
+        ],
+    },
+    {
+        title: "其他",
+        collapsable: true,
+        children: [
+            "其他/",
+        ],
+    },
+];
diff --git a/.vuepress/sidebars/projectSideBar.ts b/.vuepress/sidebars/projectSideBar.ts
new file mode 100644
index 0000000..7e5de17
--- /dev/null
+++ b/.vuepress/sidebars/projectSideBar.ts
@@ -0,0 +1,16 @@
+export default [
+  "",
+  {
+    title: "项目实战",
+    collapsable: false,
+    children: [
+      "OJ 判题系统",
+      "智能 BI 平台",
+      "聚合搜索平台",
+      "API 开放平台",
+      "伙伴匹配系统",
+      "用户中心项目",
+      "Java 后端万用项目模板",
+    ],
+  },
+];
diff --git a/.vuepress/sidebars/roadmapSideBar.ts b/.vuepress/sidebars/roadmapSideBar.ts
new file mode 100644
index 0000000..a52bc19
--- /dev/null
+++ b/.vuepress/sidebars/roadmapSideBar.ts
@@ -0,0 +1,19 @@
+export default [
+  "",
+  {
+    title: "学习路线",
+    collapsable: false,
+    children: [
+      "Java学习路线 by 程序员鱼皮.md",
+      "前端学习路线 by 程序员鱼皮.md",
+      "C++学习路线 by 程序员鱼皮.md",
+      "Python学习路线 by 程序员鱼皮.md",
+      "数据结构和算法学习路线 by 程序员鱼皮.md",
+      "SQL免费实战自学网站 by 程序员鱼皮.md",
+      "计算机基础学习路线 by 程序员鱼皮.md",
+      "Git&GitHub学习路线 by 程序员鱼皮.md",
+      "设计模式学习路线 by 程序员鱼皮.md",
+      "Linux学习路线 by 程序员鱼皮.md",
+    ],
+  },
+];
diff --git a/.vuepress/sidebars/selfStudySideBar.ts b/.vuepress/sidebars/selfStudySideBar.ts
new file mode 100644
index 0000000..2e3b843
--- /dev/null
+++ b/.vuepress/sidebars/selfStudySideBar.ts
@@ -0,0 +1,103 @@
+export default [
+  "",
+  {
+    title: "大学经历",
+    collapsable: true,
+    children: [
+      "大学经历/我学计算机的四年，共勉！.md",
+      "大学经历/从大学到秋招，我如何拿下腾讯offer.md",
+      "大学经历/大学，我是怎么边学编程边赚钱的？.md",
+      "大学经历/我大三时做的羞耻项目！.md",
+      "大学经历/鱼皮的考证经历.md",
+      "大学经历/鱼皮在实验室出版教材的经历.md",
+      "大学经历/鱼皮的毕业设计，时隔一年，仍感觉头秃.md",
+      "大学经历/鱼皮的毕业感受.md",
+      "大学经历/鱼皮落户上海心得.md"
+    ],
+  },
+  {
+    title: "求职经历",
+    collapsable: true,
+    children: [
+      "求职经历/我的第一份实习，坐高铁上班.md",
+      "求职经历/我的第二份实习，字节跳动.md",
+      "求职经历/他专业第一，却找不到工作.md",
+      "求职经历/面试阿里6次，仍然失败的经历.md"
+    ],
+  },
+  {
+    title: "职场工作",
+    collapsable: true,
+    children: [
+      "职场工作/Java开发者工作都做什么？.md",
+      "职场工作/我从导师身上学到了什么？.md",
+      "职场工作/我在腾讯的试用期总结.md",
+      "职场工作/我在腾讯和字节的工作感受.md",
+      "职场工作/我升级为云开发高级布道师啦.md",
+      "职场工作/我入职一年的感受.md",
+      "职场工作/离开学校后，我才明白.md",
+      "职场工作/我获得了腾讯内部竞赛第一名！.md",
+      "职场工作/鱼皮这个月就写了这点儿代码？.md",
+      "职场工作/这周没写代码，竟然在做这件事！.md",
+      "职场工作/工作后，我坚持了多年的习惯.md",
+      "职场工作/转行大数据1个月，我麻了。。。.md",
+      "职场工作/大厂做程序员两年半，我终于学会了。。。.md",
+      "职场工作/再见了，腾讯！.md",
+    ],
+  },
+  {
+    title: "创作经历",
+    collapsable: true,
+    children: [
+      "创作经历/毕业这年，我成为了一名UP主.md",
+      "创作经历/我也拥有了10万粉丝.md",
+      "创作经历/10w粉丝，我却哭了.md",
+      "创作经历/鱼皮工作+创作的日常生活.md",
+      "创作经历/二十四.md",
+      "创作经历/今天，我要搞件大事！.md",
+      "创作经历/我们搞了件大事！.md",
+      "创作经历/一次很意外的网站故障经历。.md",
+      "创作经历/一次面向UP主的团建.md",
+      "创作经历/“老师，我谢谢你！”.md",
+      "创作经历/我被最恨的公司采访了！.md",
+      "创作经历/帮阿里云拉新7000人，我输的很彻底！.md",
+      "创作经历/网站又被攻击，我心态崩了.md",
+      "创作经历/来了来了！.md",
+    ],
+  },
+  {
+    title: "创业经历",
+    collapsable: true,
+    children: [
+      "创业经历/公司太稳定了！我好慌.md",
+      "创业经历/创业一月半，不太习惯。。.md",
+      "创业经历/我们公司的企业文化！.md",
+      "创业经历/我们公司的招人方式，有点不一样！.md",
+      "创业经历/我在鱼厂的实习生活.md",
+      "创业经历/我开业了！.md",
+      "创业经历/没事别想不开去创业！.md",
+      "创业经历/美好的周末，又改了一天Bug。。.md",
+      "创业经历/面了个Java实习生，小伙很优秀！.md",
+
+    ],
+  },
+  {
+    title: "生活日常",
+    collapsable: true,
+    children: [
+      "生活日常/2022，大家过得怎么样呢？.md",
+      "生活日常/休假结束，定个新目标！.md",
+      "生活日常/再聊聊这周的状态.md",
+      "生活日常/大家保重啊….md",
+      "生活日常/对不起，我不是一个自律的人.md",
+      "生活日常/开工第一天，我害怕了.md",
+      "生活日常/我放假啦！这22天干点啥呢.md",
+      "生活日常/我被隔离了！.md",
+      "生活日常/我阳过了，别担心！.md",
+      "生活日常/新年第一天，我就蚌埠住了！.md",
+      "生活日常/聊聊最近的状态吧.md",
+      "生活日常/都这个点儿了，这帮人竟然在。。。.md",
+      "生活日常/随便聊聊.md",
+    ],
+  },
+];
diff --git a/.vuepress/theme/components/AlgoliaSearchBox.vue b/.vuepress/theme/components/AlgoliaSearchBox.vue
new file mode 100644
index 0000000..7071fb8
--- /dev/null
+++ b/.vuepress/theme/components/AlgoliaSearchBox.vue
@@ -0,0 +1,172 @@
+<template>
+  <form
+    id="search-form"
+    class="algolia-search-wrapper search-box"
+    role="search"
+  >
+    <input
+      id="algolia-search-input"
+      class="search-query"
+      :placeholder="placeholder"
+    >
+  </form>
+</template>
+
+<script>
+export default {
+  name: 'AlgoliaSearchBox',
+
+  props: ['options'],
+
+  data () {
+    return {
+      placeholder: undefined
+    }
+  },
+
+  watch: {
+    $lang (newValue) {
+      this.update(this.options, newValue)
+    },
+
+    options (newValue) {
+      this.update(newValue, this.$lang)
+    }
+  },
+
+  mounted () {
+    this.initialize(this.options, this.$lang)
+    this.placeholder = this.$site.themeConfig.searchPlaceholder || ''
+  },
+
+  methods: {
+    initialize (userOptions, lang) {
+      Promise.all([
+        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
+        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
+      ]).then(([docsearch]) => {
+        docsearch = docsearch.default
+        const { algoliaOptions = {}} = userOptions
+        docsearch(Object.assign(
+          {},
+          userOptions,
+          {
+            inputSelector: '#algolia-search-input',
+            // #697 Make docsearch work well at i18n mode.
+            algoliaOptions: {
+              ...algoliaOptions,
+              facetFilters: [`lang:${lang}`].concat(algoliaOptions.facetFilters || [])
+            },
+            handleSelected: (input, event, suggestion) => {
+              const { pathname, hash } = new URL(suggestion.url)
+              const routepath = pathname.replace(this.$site.base, '/')
+              const _hash = decodeURIComponent(hash)
+              this.$router.push(`${routepath}${_hash}`)
+            }
+          }
+        ))
+      })
+    },
+
+    update (options, lang) {
+      this.$el.innerHTML = '<input id="algolia-search-input" class="search-query">'
+      this.initialize(options, lang)
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.algolia-search-wrapper
+  & > span
+    vertical-align middle
+  .algolia-autocomplete
+    line-height normal
+    .ds-dropdown-menu
+      background-color #fff
+      border 1px solid #999
+      border-radius 4px
+      font-size 16px
+      margin 6px 0 0
+      padding 4px
+      text-align left
+      &:before
+        border-color #999
+      [class*=ds-dataset-]
+        border none
+        padding 0
+      .ds-suggestions
+        margin-top 0
+      .ds-suggestion
+        border-bottom 1px solid $borderColor
+    .algolia-docsearch-suggestion--highlight
+      color #2c815b
+    .algolia-docsearch-suggestion
+      border-color $borderColor
+      padding 0
+      .algolia-docsearch-suggestion--category-header
+        padding 5px 10px
+        margin-top 0
+        background $accentColor
+        color #fff
+        font-weight 600
+        .algolia-docsearch-suggestion--highlight
+          background rgba(255, 255, 255, 0.6)
+      .algolia-docsearch-suggestion--wrapper
+        padding 0
+      .algolia-docsearch-suggestion--title
+        font-weight 600
+        margin-bottom 0
+        color $textColor
+      .algolia-docsearch-suggestion--subcategory-column
+        vertical-align top
+        padding 5px 7px 5px 5px
+        border-color $borderColor
+        background #f1f3f5
+        &:after
+          display none
+      .algolia-docsearch-suggestion--subcategory-column-text
+        color #555
+    .algolia-docsearch-footer
+      border-color $borderColor
+    .ds-cursor .algolia-docsearch-suggestion--content
+      background-color #e7edf3 !important
+      color $textColor
+
+@media (min-width: $MQMobile)
+  .algolia-search-wrapper
+    .algolia-autocomplete
+      .algolia-docsearch-suggestion
+        .algolia-docsearch-suggestion--subcategory-column
+          float none
+          width 150px
+          min-width 150px
+          display table-cell
+        .algolia-docsearch-suggestion--content
+          float none
+          display table-cell
+          width 100%
+          vertical-align top
+        .ds-dropdown-menu
+          min-width 515px !important
+
+@media (max-width: $MQMobile)
+  .algolia-search-wrapper
+    .ds-dropdown-menu
+      min-width calc(100vw - 4rem) !important
+      max-width calc(100vw - 4rem) !important
+    .algolia-docsearch-suggestion--wrapper
+      padding 5px 7px 5px 5px !important
+    .algolia-docsearch-suggestion--subcategory-column
+      padding 0 !important
+      background white !important
+    .algolia-docsearch-suggestion--subcategory-column-text:after
+      content " > "
+      font-size 10px
+      line-height 14.4px
+      display inline-block
+      width 5px
+      margin -3px 3px 0
+      vertical-align middle
+
+</style>
diff --git a/.vuepress/theme/components/DropdownLink.vue b/.vuepress/theme/components/DropdownLink.vue
new file mode 100644
index 0000000..d14eea9
--- /dev/null
+++ b/.vuepress/theme/components/DropdownLink.vue
@@ -0,0 +1,250 @@
+<template>
+  <div
+    class="dropdown-wrapper"
+    :class="{ open }"
+  >
+    <button
+      class="dropdown-title"
+      type="button"
+      :aria-label="dropdownAriaLabel"
+      @click="handleDropdown"
+    >
+      <span class="title">{{ item.text }}</span>
+      <span
+        class="arrow down"
+      />
+    </button>
+    <button
+      class="mobile-dropdown-title"
+      type="button"
+      :aria-label="dropdownAriaLabel"
+      @click="setOpen(!open)"
+    >
+      <span class="title">{{ item.text }}</span>
+      <span
+        class="arrow"
+        :class="open ? 'down' : 'right'"
+      />
+    </button>
+
+    <DropdownTransition>
+      <ul
+        v-show="open"
+        class="nav-dropdown"
+      >
+        <li
+          v-for="(subItem, index) in item.items"
+          :key="subItem.link || index"
+          class="dropdown-item"
+        >
+          <h4 v-if="subItem.type === 'links'">
+            {{ subItem.text }}
+          </h4>
+
+          <ul
+            v-if="subItem.type === 'links'"
+            class="dropdown-subitem-wrapper"
+          >
+            <li
+              v-for="childSubItem in subItem.items"
+              :key="childSubItem.link"
+              class="dropdown-subitem"
+            >
+              <NavLink
+                :item="childSubItem"
+                @focusout="
+                  isLastItemOfArray(childSubItem, subItem.items) &&
+                    isLastItemOfArray(subItem, item.items) &&
+                    setOpen(false)
+                "
+              />
+            </li>
+          </ul>
+
+          <NavLink
+            v-else
+            :item="subItem"
+            @focusout="isLastItemOfArray(subItem, item.items) && setOpen(false)"
+          />
+        </li>
+      </ul>
+    </DropdownTransition>
+  </div>
+</template>
+
+<script>
+import NavLink from '@theme/components/NavLink.vue'
+import DropdownTransition from '@theme/components/DropdownTransition.vue'
+import last from 'lodash/last'
+
+export default {
+  name: 'DropdownLink',
+
+  components: {
+    NavLink,
+    DropdownTransition
+  },
+
+  props: {
+    item: {
+      required: true
+    }
+  },
+
+  data () {
+    return {
+      open: false
+    }
+  },
+
+  computed: {
+    dropdownAriaLabel () {
+      return this.item.ariaLabel || this.item.text
+    }
+  },
+
+  watch: {
+    $route () {
+      this.open = false
+    }
+  },
+
+  methods: {
+    setOpen (value) {
+      this.open = value
+    },
+
+    isLastItemOfArray (item, array) {
+      return last(array) === item
+    },
+
+    /**
+     * Open the dropdown when user tab and click from keyboard.
+     *
+     * Use event.detail to detect tab and click from keyboard. Ref: https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
+     * The Tab + Click is UIEvent > KeyboardEvent, so the detail is 0.
+     */
+    handleDropdown () {
+      const isTriggerByTab = event.detail === 0
+      if (isTriggerByTab) this.setOpen(!this.open)
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.dropdown-wrapper
+  cursor pointer
+  .dropdown-title
+    display block
+    font-size 0.9rem
+    font-family inherit
+    cursor inherit
+    padding inherit
+    line-height 1.4rem
+    background transparent
+    border none
+    font-weight 500
+    color $textColor
+    &:hover
+      border-color transparent
+    .arrow
+      vertical-align middle
+      margin-top -1px
+      margin-left 0.4rem
+  .mobile-dropdown-title
+    @extends .dropdown-title
+    display none
+    font-weight 600
+    font-size inherit
+      &:hover
+        color $accentColor
+  .nav-dropdown
+    .dropdown-item
+      color inherit
+      line-height 1.7rem
+      h4
+        margin 0.45rem 0 0
+        border-top 1px solid #eee
+        padding 1rem 1.5rem 0.45rem 1.25rem
+      .dropdown-subitem-wrapper
+        padding 0
+        list-style none
+        .dropdown-subitem
+          font-size 0.9em
+      a
+        display block
+        line-height 1.7rem
+        position relative
+        border-bottom none
+        font-weight 400
+        margin-bottom 0
+        padding 0 1.5rem 0 1.25rem
+        &:hover
+          color $accentColor
+        &.router-link-active
+          color $accentColor
+          &::after
+            content ""
+            width 0
+            height 0
+            border-left 5px solid $accentColor
+            border-top 3px solid transparent
+            border-bottom 3px solid transparent
+            position absolute
+            top calc(50% - 2px)
+            left 9px
+      &:first-child h4
+        margin-top 0
+        padding-top 0
+        border-top 0
+
+@media (max-width: $MQMobile)
+  .dropdown-wrapper
+    &.open .dropdown-title
+      margin-bottom 0.5rem
+    .dropdown-title
+      display: none
+    .mobile-dropdown-title
+      display: block
+    .nav-dropdown
+      transition height .1s ease-out
+      overflow hidden
+      .dropdown-item
+        h4
+          border-top 0
+          margin-top 0
+          padding-top 0
+        h4, & > a
+          font-size 15px
+          line-height 2rem
+        .dropdown-subitem
+          font-size 14px
+          padding-left 1rem
+
+@media (min-width: $MQMobile)
+  .dropdown-wrapper
+    height 1.8rem
+    &:hover .nav-dropdown,
+    &.open .nav-dropdown
+      // override the inline style.
+      display block !important
+    .nav-dropdown
+      display none
+      // Avoid height shaked by clicking
+      height auto !important
+      box-sizing border-box;
+      max-height calc(100vh - 2.7rem)
+      overflow-y auto
+      position absolute
+      top 100%
+      right 0
+      background-color #fff
+      padding 0.6rem 0
+      border 1px solid #ddd
+      border-bottom-color #ccc
+      text-align left
+      border-radius 0.25rem
+      white-space nowrap
+      margin 0
+</style>
diff --git a/.vuepress/theme/components/DropdownTransition.vue b/.vuepress/theme/components/DropdownTransition.vue
new file mode 100644
index 0000000..eeaf12b
--- /dev/null
+++ b/.vuepress/theme/components/DropdownTransition.vue
@@ -0,0 +1,33 @@
+<template>
+  <transition
+    name="dropdown"
+    @enter="setHeight"
+    @after-enter="unsetHeight"
+    @before-leave="setHeight"
+  >
+    <slot />
+  </transition>
+</template>
+
+<script>
+export default {
+  name: 'DropdownTransition',
+
+  methods: {
+    setHeight (items) {
+      // explicitly set height so that it can be transitioned
+      items.style.height = items.scrollHeight + 'px'
+    },
+
+    unsetHeight (items) {
+      items.style.height = ''
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.dropdown-enter, .dropdown-leave-to
+  height 0 !important
+
+</style>
diff --git a/.vuepress/theme/components/ExtraSidebar.vue b/.vuepress/theme/components/ExtraSidebar.vue
new file mode 100755
index 0000000..db883c5
--- /dev/null
+++ b/.vuepress/theme/components/ExtraSidebar.vue
@@ -0,0 +1,385 @@
+<script src="../util/index.js"></script>
+<template xmlns="http://www.w3.org/1999/html">
+  <aside class="page-sidebar">
+    <slot name="top"/>
+      <div class="page-side-toolbar">
+          <div v-for="(item, index) in list" :key="index" class="option-box" @mouseover="showToc($event)" @mouseout="hideToc($event)">
+              <img class="nozoom" :src="item.icon" width="24px" />
+              <span class="show-txt" v-html="item.title" />
+              <div class="toc-container">
+                  <div class="pos-box">
+                      <div class="icon-arrow"></div>
+                      <div class="scroll-box" style="text-align:center">
+                          <span v-html="item.popoverTitle"></span>
+                          <img :src="item.popoverUrl" height="180px" style="margin:10px;" />
+                          <span v-html="item.popoverDesc"></span>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+    <slot name="middle"/>
+
+    <slot name="bottom"/>
+  </aside>
+</template>
+
+<script>
+
+import NavLinks from '@theme/components/NavLinks.vue'
+
+
+export default {
+  name: 'PageSidebar',
+  data(){
+
+    return {
+      list: []
+    }
+  },
+  components: { NavLinks },
+
+  props: ['pageSidebarItems', 'sidebarItems'],
+
+  computed: {
+  },
+  mounted() {
+    this.list = this.$site.themeConfig.extraSideBar
+  },
+  methods: {
+      showToc($event){
+          $event.currentTarget.className="option-box on";
+      },
+      hideToc($event){
+          $event.currentTarget.className="option-box";
+      },
+      showTocOver($event){
+          $event.currentTarget.className="option-box-toc-over on";
+      },
+      hideTocOver($event){
+          $event.currentTarget.className="option-box-toc-over";
+      },
+  }
+
+}
+
+function resolvePrev (page, items) {
+  return find(page, items, -1)
+}
+
+function resolveNext (page, items) {
+  return find(page, items, 1)
+}
+
+function find (page, items, offset) {
+  const res = []
+  flatten(items, res)
+  for (let i = 0; i < res.length; i++) {
+    const cur = res[i]
+    if (cur.type === 'page' && cur.path === decodeURIComponent(page.path)) {
+      return res[i + offset]
+    }
+  }
+}
+
+function flatten (items, res) {
+  for (let i = 0, l = items.length; i < l; i++) {
+    if (items[i].type === 'group') {
+      flatten(items[i].children || [], res)
+    } else {
+      res.push(items[i])
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.page-sidebar
+  font-size 12px
+  width 3.8rem
+  position fixed
+  z-index 11
+  margin 0
+  top 3.6rem
+  right 0
+  bottom 0
+  box-sizing border-box
+  border-left 0px solid #eaecef
+  ul
+    margin 0
+  a
+    display inline-block
+  .nav-links
+    display none
+    border-bottom 1px solid $borderColor
+    padding 0.5rem 0 0.75rem 0
+    a
+      font-weight 600
+    .nav-item, .repo-link
+      display block
+      line-height 1.25rem
+      font-size 1.1em
+      padding 0.5rem 0 0.5rem 1.5rem
+  & > .sidebar-links
+    padding 1.5rem 0
+    & > li > a.sidebar-link
+      font-size 1.1em
+      line-height 1.4
+      font-weight bold
+    & > li:not(:first-child)
+      margin-top .75rem
+
+
+.toc-container
+  display: none;
+  position: absolute;
+  color $textColor
+  left: 100%;
+  top: -1px;
+  margin-left: 16px;
+  width: 240px;
+  background: #fff;
+  border: 1px solid #eee;
+  // -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
+  // box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
+  // border-radius: 4px;
+  left: unset;
+  right: 100%;
+  margin-right: 10px;
+  margin-left: 0;
+  .on
+    display: block;
+  .pos-box
+    position: relative;
+    padding: 16px;
+    .icon-arrow
+      position: relative;
+      margin-left: -20px;
+    .scroll-box
+      overflow-x: hidden;
+      overflow-y: hidden;
+      hr
+        margin-top: 0.5rem
+      .toc-box
+        max-height: 500px;
+        overflow-y: auto;
+        overflow-x: hidden;
+        width: 238px;
+        padding-right: 16px;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+      & > ol
+        margin-top: -8px;
+        li
+          margin-top: 8px;
+          line-height: 17px;
+          text-align: left;
+          overflow: auto;
+          text-overflow: ellipsis;
+          font-size: 12px;
+          white-space: nowrap;
+        .sub-box
+          margin-top: 0;
+        & > ol > li
+          padding-left: 15px;
+
+.page-side-toolbar
+  position fixed
+  right 10px
+  top 70px !important
+  width 44px
+  div.option-box:last-child
+    border-top 0px solid #eee
+  div.option-box.on
+    .toc-container
+      display block
+  div.option-box
+    font-size 12px
+    position relative
+    display -webkit-box
+    display -ms-flexbox
+    display flex
+    -webkit-box-orient vertical
+    -webkit-box-direction normal
+    -ms-flex-direction column
+    flex-direction column
+    -webkit-box-align center
+    -ms-flex-align center
+    align-items center
+    -webkit-box-pack center
+    -ms-flex-pack center
+    justify-content center
+    border-bottom 1px solid #eee
+    background-color #fff
+    height 60px
+    cursor pointer
+    .img
+      margin-top 2px
+    .show-txt
+      color gray
+      margin-top 3px
+      font-size 11px
+  div.option-box-toc-over
+    font-size 12px
+    position relative
+    display none
+    -webkit-box-orient vertical
+    -webkit-box-direction normal
+    -ms-flex-direction column
+    flex-direction column
+    -webkit-box-align center
+    -ms-flex-align center
+    align-items center
+    -webkit-box-pack center
+    -ms-flex-pack center
+    justify-content center
+    border-bottom 1px solid #eee
+    background-color #fff
+    height 60px
+    cursor pointer
+    .img
+      margin-top 2px
+    .show-txt
+      color gray
+      margin-top 3px
+      font-size 11px
+    .toc-container
+      margin-right 0
+  div.option-box-toc
+    font-size 12px
+    position relative
+    display -webkit-box
+    display -ms-flexbox
+    display flex
+    -webkit-box-orient vertical
+    -webkit-box-direction normal
+    -ms-flex-direction column
+    flex-direction column
+    -webkit-box-align center
+    -ms-flex-align center
+    align-items center
+    -webkit-box-pack center
+    -ms-flex-pack center
+    justify-content center
+    border-bottom 1px solid #eee
+    background-color #fff
+    height 60px
+    cursor pointer
+    .img
+      margin-top 2px
+    .show-txt
+      color gray
+      margin-top 3px
+      font-size 11px
+  div.option-box:hover
+    color white
+    background #eee
+  div.option-box-toc-over:hover
+    color white
+    background #eee
+  div.option-box-toc-over.on
+    .toc-container
+      display block
+  div.option-box-toc
+    display none
+
+.page-side-sitemap
+  position fixed
+  right 10px
+  bottom 50px !important
+  width 44px
+  div.option-box:last-child
+    border-bottom 0px solid #eee
+  div.option-box.on
+    .sitemap-container
+      display block
+  div.option-box
+    font-size 12px
+    position relative
+    display -webkit-box
+    display -ms-flexbox
+    display flex
+    -webkit-box-orient vertical
+    -webkit-box-direction normal
+    -ms-flex-direction column
+    flex-direction column
+    -webkit-box-align center
+    -ms-flex-align center
+    align-items center
+    -webkit-box-pack center
+    -ms-flex-pack center
+    justify-content center
+    border-bottom 1px solid #eee
+    background-color #fff
+    //height 60px
+    cursor pointer
+    .show-txt
+      color gray
+      margin-top 2px
+      font-size 11px
+      padding 4px 0
+  div.option-box:hover
+    //color white
+    //background #eee
+
+.sitemap-container
+  display: none;
+  cursor auto
+  position: absolute;
+  color $textColor
+  left: 100%;
+  bottom: -30px;
+  height: 500px;
+  margin-left: 16px;
+  padding: 0 10px;
+  width: 850px;
+  background: #fff;
+  -webkit-box-shadow: 1px -2px 10px 7px rgba(0,0,0,0.08);
+  box-shadow: 1px -2px 10px 7px rgba(0,0,0,0.08);
+  border-radius: 4px;
+  left: unset;
+  right: 100%;
+  margin-right: 2px;
+  margin-left: 0;
+  h4
+    margin: 5px 0;
+    font-size: 13px;
+    text-align: center;
+    padding: 3px 2px;
+    border-bottom: 1px solid #eaecef;
+    background: #42b983;
+    color: white;
+    .sitemap-top-link
+      color: white;
+      font-size: 10px;
+      float:right;
+      padding:2px 5px;
+      text-decoration:underline;
+  .on
+    display: block;
+  .pos-box
+    position: relative;
+    padding: 10px;
+
+@media (max-width: $MQNarrow)
+  .option-box-toc
+    display none
+  .page-side-toolbar
+    right 6px
+    top 65px !important
+    div.option-box-toc-over
+      display flex
+  .page-side-sitemap
+    right 6px
+
+@media (max-width: $MQMobile)
+  .page-sidebar
+    display none
+  .sidebar
+    .nav-links
+      display block
+      .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
+        top calc(1rem - 2px)
+    & > .sidebar-links
+      padding 1rem 0
+</style>
diff --git a/.vuepress/theme/components/Footer.vue b/.vuepress/theme/components/Footer.vue
new file mode 100644
index 0000000..a2154ab
--- /dev/null
+++ b/.vuepress/theme/components/Footer.vue
@@ -0,0 +1,69 @@
+<template>
+    <main class="footer">
+        <div v-for="(item, index) in footerList" :key="index" class="footer-item">
+            <a :href="item.href" target="_blank" rel="noopener noreferrer">
+                <img v-if="item.icon" :src="item.icon" alt="icon" class="item-icon" />
+                <span class="item-text">{{ item.label }}</span>
+            </a>
+        </div>
+        <div class="copy-right">
+           <span class="name">{{`${currentYear} 编程导航 &nbsp; |  &nbsp; `}} </span>
+            <a :href="government.href" target="_blank" rel="noreferrer" >
+              {{government.name}}
+            </a>
+        </div>
+    </main>
+</template>
+
+<script>
+export default {
+    name: 'Footer',
+    data () {
+        return {
+            footerList: [],
+            government: {},
+            currentYear : ''
+        }
+    },
+
+  props: ['sidebarItems'],
+  mounted() {
+    this.footerList = this.$site.themeConfig.footer.friendLinks
+    this.government = this.$site.themeConfig.footer.copyright
+    this.currentYear =  new Date().getFullYear()
+  }
+}
+</script>
+
+<style lang="stylus">
+@require '../styles/wrapper.styl'
+//@media (max-width: $MQMobile)
+//  .footer-item a
+//    margin-right 0 !important
+.footer
+  padding 2rem 0
+  display flex
+  justify-content center
+  background-color #f0f2f5
+  flex-wrap wrap
+.footer-item
+  padding 0 1rem
+.footer-item a
+    display inline-flex
+    justify-content center
+    align-items center
+    color #85858a
+
+.item-icon
+  width 1.4rem
+  height 1.4rem
+  margin-right 0.4rem
+.copy-right
+    width 100vw
+    display flex
+    justify-content center
+    margin-top 1rem
+    color #85858a
+.copy-right .name
+    margin-right 0.4rem
+</style>
diff --git a/.vuepress/theme/components/NavLinks.vue b/.vuepress/theme/components/NavLinks.vue
new file mode 100644
index 0000000..2656ae2
--- /dev/null
+++ b/.vuepress/theme/components/NavLinks.vue
@@ -0,0 +1,156 @@
+<template>
+  <nav
+    v-if="userLinks.length || repoLink"
+    class="nav-links"
+  >
+    <!-- user links -->
+    <div
+      v-for="item in userLinks"
+      :key="item.link"
+      class="nav-item"
+    >
+      <DropdownLink
+        v-if="item.type === 'links'"
+        :item="item"
+      />
+      <NavLink
+        v-else
+        :item="item"
+      />
+    </div>
+
+    <!-- repo link -->
+    <a
+      v-if="repoLink"
+      :href="repoLink"
+      class="repo-link"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      {{ repoLabel }}
+      <OutboundLink />
+    </a>
+  </nav>
+</template>
+
+<script>
+import DropdownLink from '@theme/components/DropdownLink.vue'
+import { resolveNavLinkItem } from '../util'
+import NavLink from '@theme/components/NavLink.vue'
+
+export default {
+  name: 'NavLinks',
+
+  components: {
+    NavLink,
+    DropdownLink
+  },
+
+  computed: {
+    userNav () {
+      return this.$themeLocaleConfig.nav || this.$site.themeConfig.nav || []
+    },
+
+    nav () {
+      const { locales } = this.$site
+      if (locales && Object.keys(locales).length > 1) {
+        const currentLink = this.$page.path
+        const routes = this.$router.options.routes
+        const themeLocales = this.$site.themeConfig.locales || {}
+        const languageDropdown = {
+          text: this.$themeLocaleConfig.selectText || 'Languages',
+          ariaLabel: this.$themeLocaleConfig.ariaLabel || 'Select language',
+          items: Object.keys(locales).map(path => {
+            const locale = locales[path]
+            const text = themeLocales[path] && themeLocales[path].label || locale.lang
+            let link
+            // Stay on the current page
+            if (locale.lang === this.$lang) {
+              link = currentLink
+            } else {
+              // Try to stay on the same page
+              link = currentLink.replace(this.$localeConfig.path, path)
+              // fallback to homepage
+              if (!routes.some(route => route.path === link)) {
+                link = path
+              }
+            }
+            return { text, link }
+          })
+        }
+        return [...this.userNav, languageDropdown]
+      }
+      return this.userNav
+    },
+
+    userLinks () {
+      return (this.nav || []).map(link => {
+        return Object.assign(resolveNavLinkItem(link), {
+          items: (link.items || []).map(resolveNavLinkItem)
+        })
+      })
+    },
+
+    repoLink () {
+      const { repo } = this.$site.themeConfig
+      if (repo) {
+        return /^https?:/.test(repo)
+          ? repo
+          : `https://github.com/${repo}`
+      }
+      return null
+    },
+
+    repoLabel () {
+      if (!this.repoLink) return
+      if (this.$site.themeConfig.repoLabel) {
+        return this.$site.themeConfig.repoLabel
+      }
+
+      const repoHost = this.repoLink.match(/^https?:\/\/[^/]+/)[0]
+      const platforms = ['GitHub', 'GitLab', 'Bitbucket']
+      for (let i = 0; i < platforms.length; i++) {
+        const platform = platforms[i]
+        if (new RegExp(platform, 'i').test(repoHost)) {
+          return platform
+        }
+      }
+
+      return 'Source'
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+.nav-links
+  display inline-block
+  a
+    line-height 1.4rem
+    color inherit
+    &:hover, &.router-link-active
+      color $accentColor
+  .nav-item
+    position relative
+    display inline-block
+    margin-left 1.5rem
+    line-height 2rem
+    &:first-child
+      margin-left 0
+  .repo-link
+    margin-left 1.5rem
+
+@media (max-width: $MQMobile)
+  .nav-links
+    .nav-item, .repo-link
+      margin-left 0
+
+@media (min-width: $MQMobile)
+  .nav-links a
+    &:hover, &.router-link-active
+      color $textColor
+  .nav-item > a:not(.external)
+    &:hover, &.router-link-active
+      margin-bottom -2px
+      border-bottom 2px solid lighten($accentColor, 8%)
+</style>
diff --git a/.vuepress/theme/components/Navbar.vue b/.vuepress/theme/components/Navbar.vue
new file mode 100644
index 0000000..f8dd49c
--- /dev/null
+++ b/.vuepress/theme/components/Navbar.vue
@@ -0,0 +1,140 @@
+<template>
+  <header class="navbar">
+    <SidebarButton @toggle-sidebar="$emit('toggle-sidebar')" />
+
+    <RouterLink
+      :to="$localePath"
+      class="home-link"
+    >
+      <img
+        v-if="$site.themeConfig.logo"
+        class="logo"
+        :src="$withBase($site.themeConfig.logo)"
+        :alt="$siteTitle"
+      >
+      <span
+        v-if="$siteTitle"
+        ref="siteName"
+        class="site-name"
+        :class="{ 'can-hide': $site.themeConfig.logo }"
+      >{{ $siteTitle }}</span>
+    </RouterLink>
+
+    <div
+      class="links"
+      :style="linksWrapMaxWidth ? {
+        'max-width': linksWrapMaxWidth + 'px'
+      } : {}"
+    >
+      <AlgoliaSearchBox
+        v-if="isAlgoliaSearch"
+        :options="algolia"
+      />
+      <SearchBox v-else-if="$site.themeConfig.search !== false && $page.frontmatter.search !== false" />
+      <NavLinks class="can-hide" />
+    </div>
+  </header>
+</template>
+
+<script>
+import AlgoliaSearchBox from '@AlgoliaSearchBox'
+import SearchBox from '@SearchBox'
+import SidebarButton from '@theme/components/SidebarButton.vue'
+import NavLinks from '@theme/components/NavLinks.vue'
+
+export default {
+  name: 'Navbar',
+
+  components: {
+    SidebarButton,
+    NavLinks,
+    SearchBox,
+    AlgoliaSearchBox
+  },
+
+  data () {
+    return {
+      linksWrapMaxWidth: null
+    }
+  },
+
+  computed: {
+    algolia () {
+      return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
+    },
+
+    isAlgoliaSearch () {
+      return this.algolia && this.algolia.apiKey && this.algolia.indexName
+    }
+  },
+
+  mounted () {
+    const MOBILE_DESKTOP_BREAKPOINT = 719 // refer to config.styl
+    const NAVBAR_VERTICAL_PADDING = parseInt(css(this.$el, 'paddingLeft')) + parseInt(css(this.$el, 'paddingRight'))
+    const handleLinksWrapWidth = () => {
+      if (document.documentElement.clientWidth < MOBILE_DESKTOP_BREAKPOINT) {
+        this.linksWrapMaxWidth = null
+      } else {
+        this.linksWrapMaxWidth = this.$el.offsetWidth - NAVBAR_VERTICAL_PADDING
+          - (this.$refs.siteName && this.$refs.siteName.offsetWidth || 0)
+      }
+    }
+    handleLinksWrapWidth()
+    window.addEventListener('resize', handleLinksWrapWidth, false)
+  }
+}
+
+function css (el, property) {
+  // NOTE: Known bug, will return 'auto' if style value is 'auto'
+  const win = el.ownerDocument.defaultView
+  // null means not to return pseudo styles
+  return win.getComputedStyle(el, null)[property]
+}
+</script>
+
+<style lang="stylus">
+$navbar-vertical-padding = 0.7rem
+$navbar-horizontal-padding = 1.5rem
+
+.navbar
+  padding $navbar-vertical-padding $navbar-horizontal-padding
+  line-height $navbarHeight - 1.4rem
+  a, span, img
+    display inline-block
+  .logo
+    height $navbarHeight - 1.4rem
+    min-width $navbarHeight - 1.4rem
+    margin-right 0.8rem
+    vertical-align top
+  .site-name
+    font-size 1.3rem
+    font-weight 600
+    color $textColor
+    position relative
+  .links
+    padding-left 1.5rem
+    box-sizing border-box
+    background-color white
+    white-space nowrap
+    font-size 0.9rem
+    position absolute
+    right $navbar-horizontal-padding
+    top $navbar-vertical-padding
+    display flex
+    .search-box
+      flex: 0 0 auto
+      vertical-align top
+
+@media (max-width: $MQMobile)
+  .navbar
+    padding-left 4rem
+    .can-hide
+      display none
+    .links
+      padding-left 1.5rem
+    .site-name
+      width calc(100vw - 9.4rem)
+      overflow hidden
+      white-space nowrap
+      text-overflow ellipsis
+</style>
diff --git a/.vuepress/theme/components/Page.vue b/.vuepress/theme/components/Page.vue
new file mode 100644
index 0000000..c67159c
--- /dev/null
+++ b/.vuepress/theme/components/Page.vue
@@ -0,0 +1,135 @@
+<template>
+  <main class="page">
+    <slot name="top" />
+      <div class="content">
+          <div>
+              <Content class="theme-default-content custom-content"  />
+              <PageEdit />
+              <!--      <div class="option-box-toc-fixed">-->
+              <!--         -->
+              <!--      </div>-->
+
+
+              <PageNav v-bind="{ sidebarItems }" />
+          </div>
+
+          <div class="toc-container-sidebar" ref="tocc">
+              <div class="pos-box">
+                  <div class="icon-arrow"></div>
+                  <div class="scroll-box" style="max-height:86vh">
+                      <div style="font-weight:bold;">{{pageSidebarItems[0].title}}</div>
+                      <hr/>
+                      <div class="toc-box">
+                          <PageSidebarToc :depth="0" :items="pageSidebarItems" :sidebarDepth="6"/>
+                      </div>
+                  </div>
+              </div>
+          </div>
+      </div>
+
+    <slot name="bottom" />
+  </main>
+</template>
+
+<script>
+import PageEdit from '@theme/components/PageEdit.vue'
+import PageNav from '@theme/components/PageNav.vue'
+import PageSidebarToc from '@theme/components/PageSidebarToc.vue'
+export default {
+  components: { PageEdit, PageNav, PageSidebarToc },
+  props: ['sidebarItems', 'pageSidebarItems'],
+  mounted() {
+    console.log(this.$site,this, 'this.$site')
+  }
+}
+</script>
+
+<style lang="stylus">
+@require '../styles/wrapper.styl'
+
+
+@media (max-width: 1435px)
+  .toc-container-sidebar
+    display none !important
+
+@media (max-width: $MQMobile)
+  .toc-container-sidebar
+    display none
+.content-page
+  position relative
+.custom-content
+  padding-right 16px !important
+.content
+  display flex
+  justify-content space-around
+  margin 0 auto
+.theme-default-content
+  margin 0 !important
+
+.page
+  display block
+  position relative
+  //height 100vw
+  //width 100vw
+  //overflow scroll
+.toc-container-sidebar
+
+  order 2
+  width 100%
+  flex-grow 1
+  //padding-left 32px
+  display: block;
+  position: relative;
+  color $textColor
+  //: calc(100vw - 460px);
+  top: 80px;
+  max-width: 240px;
+  background transparent
+  margin-right: 10px;
+  margin-left: 0;
+  .on
+    display: block;
+  .pos-box
+    position: fixed;
+    padding: 16px;
+    top 80px;
+    height 100vh
+    overflow-x hidden
+    overflow-y auto
+
+    .icon-arrow
+      position: relative;
+      margin-left: -20px;
+    .scroll-box
+      overflow-x: hidden;
+      overflow-y: hidden;
+      & > div:first-child
+        overflow-x scroll
+        white-space: nowrap;
+        text-overflow ellipsis
+      hr
+        margin-top: 0.5rem
+      .toc-box
+        max-height:81vh;
+        overflow-y: auto;
+        overflow-x: hidden;
+        width: 238px;
+        padding-right: 16px;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+      & > ol
+        margin-top: -8px;
+        li
+          margin-top: 8px;
+          line-height: 17px;
+          text-align: left;
+          overflow: auto;
+          text-overflow: ellipsis;
+          font-size: 12px;
+          white-space: nowrap;
+        .sub-box
+          margin-top: 0;
+        & > ol > li
+          padding-left: 15px;
+
+</style>
diff --git a/.vuepress/theme/components/PageSidebarToc.vue b/.vuepress/theme/components/PageSidebarToc.vue
new file mode 100755
index 0000000..149a7ee
--- /dev/null
+++ b/.vuepress/theme/components/PageSidebarToc.vue
@@ -0,0 +1,87 @@
+<template>
+ <DropdownTransition>
+    <ul class="toc-sidebar-links" v-if="items[0].children.length">
+
+        <li v-for="(item, i) in items[0].children" :key="i">
+            <PageSidebarTocLink  :sidebarDepth="sidebarDepth" :item="item"/>
+        </li>
+    </ul>
+  </DropdownTransition>
+</template>
+
+<script>
+import PageSidebarTocLink from '@theme/components/PageSidebarTocLink.vue'
+import DropdownTransition from '@theme/components/DropdownTransition.vue'
+import { isActive } from '../util'
+
+export default {
+  name: 'PageSidebarToc',
+
+  components: { PageSidebarTocLink, DropdownTransition },
+
+  props: [
+    'items',
+    'depth',  // depth of current sidebar links
+    'sidebarDepth' // depth of headers to be extracted
+  ],
+
+  data () {
+    return {
+      openGroupIndex: 0
+    }
+  },
+
+  created () {
+    this.refreshIndex()
+  },
+
+  watch: {
+    '$route' () {
+      this.refreshIndex()
+    }
+  },
+
+  methods: {
+    refreshIndex () {
+      const index = resolveOpenGroupIndex(
+        this.$route,
+        this.items[0].children
+      )
+      if (index > -1) {
+        this.openGroupIndex = index
+      }
+    },
+
+    toggleGroup (index) {
+      this.openGroupIndex = index === this.openGroupIndex ? -1 : index
+    },
+
+    isActive (page) {
+      return isActive(this.$route, page.regularPath)
+    }
+  }
+}
+
+function resolveOpenGroupIndex (route, items) {
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i]
+    if (descendantIsActive(route, item)) {
+      return i
+    }
+  }
+  return -1
+}
+
+function descendantIsActive (route, item) {
+  if (item.type === 'group') {
+    return item.children.some(child => {
+      if (child.type === 'group') {
+        return descendantIsActive(route, child)
+      } else {
+        return child.type === 'page' && isActive(route, child.path)
+      }
+    })
+  }
+  return false
+}
+</script>
diff --git a/.vuepress/theme/components/PageSidebarTocLink.vue b/.vuepress/theme/components/PageSidebarTocLink.vue
new file mode 100755
index 0000000..bc5c2c2
--- /dev/null
+++ b/.vuepress/theme/components/PageSidebarTocLink.vue
@@ -0,0 +1,140 @@
+<script>
+import { isActive, hashRE, groupHeaders } from '../util'
+
+export default {
+  functional: true,
+
+  props: ['item', 'sidebarDepth'],
+
+  render (h,
+    {
+      parent: {
+        $page,
+        $site,
+        $route,
+        $themeConfig,
+        $themeLocaleConfig
+      },
+      props: {
+        item,
+        sidebarDepth
+      }
+    }) {
+    // use custom active class matching logic
+    // due to edge case of paths ending with / + hash
+    const selfActive = isActive($route, item.path)
+    // for sidebar: auto pages, a hash link should be active if one of its child
+    // matches
+    const active = item.type === 'auto'
+      ? selfActive || item.children.some(c => isActive($route, item.basePath + '#' + c.slug))
+      : selfActive
+    const link = item.type === 'external'
+      ? renderExternal(h, item.path, item.title || item.path)
+      : renderLink(h, item.path, item.title || item.path, active)
+
+    const maxDepth = [
+      $page.frontmatter.sidebarDepth,
+      sidebarDepth,
+      $themeLocaleConfig.sidebarDepth,
+      $themeConfig.sidebarDepth,
+      1
+    ].find(depth => depth !== undefined)
+
+    const displayAllHeaders = $themeLocaleConfig.displayAllHeaders
+      || $themeConfig.displayAllHeaders
+
+    if (item.type === 'auto') {
+      return [link, renderChildren(h, item.children, item.basePath, $route, maxDepth)]
+    } else if ((active || displayAllHeaders) && item.headers && !hashRE.test(item.path)) {
+      const children = groupHeaders(item.headers)
+      return [link, renderChildren(h, children, item.path, $route, maxDepth)]
+    } else {
+      return link
+    }
+  }
+}
+
+function renderLink (h, to, text, active) {
+  return h('router-link', {
+    props: {
+      to,
+      activeClass: '',
+      exactActiveClass: ''
+    },
+    class: {
+      active,
+      'toc-sidebar-link': true
+    }
+  }, text)
+}
+
+function renderChildren (h, children, path, route, maxDepth, depth = 1) {
+  if (!children || depth > maxDepth) return null
+
+  return h('ul', { class: 'toc-sidebar-sub-headers' }, children.map(c => {
+        const active = isActive(route, path + '#' + c.slug)
+        let itemClass = 'toc-sidebar-sub-header'
+        if (c.level <= 3) {
+          itemClass += active ? ' active' : ''
+        } else if (c.level > 3 && c.level <= 6) {
+          itemClass += ` toc-sidebar-depth-${c.level}`
+        }
+        return h('li', { class: itemClass }, [
+        renderLink(h, path + '#' + c.slug, c.title, active),
+        renderChildren(h, c.children, path, route, maxDepth, depth + 1)
+        ])
+  }))
+}
+
+function renderExternal (h, to, text) {
+  return h('a', {
+    attrs: {
+      href: to,
+      target: '_blank',
+      rel: 'noopener noreferrer'
+    },
+    class: {
+      'toc-sidebar-link': true
+    }
+  }, [text, h('OutboundLink')])
+}
+</script>
+
+<style lang="stylus">
+.toc-sidebar .toc-sidebar-sub-headers
+  padding-left 1rem
+  font-size 0.95em
+
+a.toc-sidebar-link
+  font-size 0.9rem
+  font-weight 400
+  display inline-block
+  color $textColor
+  //border-left 0.25rem solid transparent
+  //padding 0.35rem 1rem 0.35rem 1.25rem
+  line-height 1
+  width: 100%
+  box-sizing: border-box
+  &:hover
+    color $accentColor
+  &.active
+    font-weight 600
+    color $accentColor
+    border-left-color $accentColor
+  .toc-sidebar-sub-headers &
+    padding-top 0.25rem
+    padding-bottom 0.25rem
+    border-left none
+    font-weight 300
+    &.active
+      font-weight 500
+.toc-sidebar-depth-4
+  list-style-type: none;
+  margin-left 0.8rem
+.toc-sidebar-depth-5
+  list-style-type: none;
+  margin-left 1.6rem
+.toc-sidebar-depth-6
+  list-style-type: none;
+  margin-left 2.4rem
+</style>
diff --git a/.vuepress/theme/index.js b/.vuepress/theme/index.js
new file mode 100755
index 0000000..9e9dcd7
--- /dev/null
+++ b/.vuepress/theme/index.js
@@ -0,0 +1,4 @@
+// .vuepress/theme/index.js
+module.exports = {
+    extend: '@vuepress/theme-default'
+}
diff --git a/.vuepress/theme/layouts/Layout.vue b/.vuepress/theme/layouts/Layout.vue
new file mode 100755
index 0000000..35d38c9
--- /dev/null
+++ b/.vuepress/theme/layouts/Layout.vue
@@ -0,0 +1,180 @@
+<template>
+  <div
+    class="theme-container"
+    :class="pageClasses"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+  >
+    <Navbar
+      v-if="shouldShowNavbar"
+      @toggle-sidebar="toggleSidebar"
+    />
+
+    <div
+      class="sidebar-mask"
+      @click="toggleSidebar(false)"
+    />
+
+    <Sidebar
+      :items="sidebarItems"
+      @toggle-sidebar="toggleSidebar"
+    >
+      <template #top>
+        <slot name="sidebar-top" />
+      </template>
+      <template #bottom>
+        <slot name="sidebar-bottom" />
+      </template>
+    </Sidebar>
+
+    <Home v-if="$page.frontmatter.home" />
+
+    <Page
+      v-else
+      :sidebar-items="sidebarItems"
+      :page-sidebar-items="pageSidebarItems"
+    >
+      <template #top>
+        <slot name="page-top" />
+
+      </template>
+      <template #bottom>
+        <slot name="page-bottom" />
+        <Footer />
+      </template>
+    </Page>
+
+    <PageSidebar
+       v-if="shouldShowPageSidebar"
+       :page-sidebar-items="pageSidebarItems"
+       :sidebar-items="sidebarItems"
+    >
+      <slot
+        name="page-sidebar-top"
+        #top
+      />
+      <slot
+        name="page-sidebar-bottom"
+        #bottom
+      />
+    </PageSidebar>
+  </div>
+</template>
+
+<script>
+import Home from '@theme/components/Home.vue'
+import Navbar from '@theme/components/Navbar.vue'
+import Page from '@theme/components/Page.vue'
+import Sidebar from '@theme/components/Sidebar.vue'
+import PageSidebar from '@theme/components/ExtraSidebar.vue'
+import Footer from "@theme/components/Footer.vue";
+import { resolveSidebarItems, resolveHeaders } from '../util'
+
+
+export default {
+  components: { Home, Page, Sidebar, Navbar, PageSidebar, Footer },
+
+  data () {
+    return {
+      isSidebarOpen: false
+    }
+  },
+
+  computed: {
+    shouldShowNavbar () {
+      const { themeConfig } = this.$site
+      const { frontmatter } = this.$page
+      if (
+        frontmatter.navbar === false
+        || themeConfig.navbar === false) {
+        return false
+      }
+      return (
+        this.$title
+        || themeConfig.logo
+        || themeConfig.repo
+        || themeConfig.nav
+        || this.$themeLocaleConfig.nav
+      )
+    },
+
+    shouldShowSidebar () {
+      const { frontmatter } = this.$page
+      return (
+        !frontmatter.home
+        && frontmatter.sidebar !== false
+        && this.sidebarItems.length
+      )
+    },
+
+    shouldShowPageSidebar (){
+        const { frontmatter } = this.$page
+
+        return (//false&&
+            !frontmatter.home
+            && frontmatter.sidebar !== false
+            && this.pageSidebarItems.length
+        )
+    },
+
+    sidebarItems () {
+      return resolveSidebarItems(
+        this.$page,
+        this.$page.regularPath,
+        this.$site,
+        this.$localePath
+      )
+    },
+
+    pageSidebarItems () {
+        return resolveHeaders(this.$page)
+    },
+
+    pageClasses () {
+      const userPageClass = this.$page.frontmatter.pageClass
+      return [
+        {
+          'no-navbar': !this.shouldShowNavbar,
+          'sidebar-open': this.isSidebarOpen,
+          'no-sidebar': !this.shouldShowSidebar
+        },
+        userPageClass
+      ]
+    }
+  },
+
+  mounted () {
+    // console.log(config,this.pageSidebarItems, 'config')
+    this.$router.afterEach(() => {
+      this.isSidebarOpen = false
+    })
+  },
+
+  methods: {
+    toggleSidebar (to) {
+      this.isSidebarOpen = typeof to === 'boolean' ? to : !this.isSidebarOpen
+      this.$emit('toggle-sidebar', this.isSidebarOpen)
+    },
+
+    // side swipe
+    onTouchStart (e) {
+      this.touchStart = {
+        x: e.changedTouches[0].clientX,
+        y: e.changedTouches[0].clientY
+      }
+    },
+
+    onTouchEnd (e) {
+      const dx = e.changedTouches[0].clientX - this.touchStart.x
+      const dy = e.changedTouches[0].clientY - this.touchStart.y
+      if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {
+        if (dx > 0 && this.touchStart.x <= 80) {
+          this.toggleSidebar(true)
+        } else {
+          this.toggleSidebar(false)
+        }
+      }
+    }
+  }
+}
+</script>
diff --git a/.vuepress/theme/styles/wrapper.styl b/.vuepress/theme/styles/wrapper.styl
new file mode 100644
index 0000000..a99262c
--- /dev/null
+++ b/.vuepress/theme/styles/wrapper.styl
@@ -0,0 +1,9 @@
+$wrapper
+  max-width $contentWidth
+  margin 0 auto
+  padding 2rem 2.5rem
+  @media (max-width: $MQNarrow)
+    padding 2rem
+  @media (max-width: $MQMobileNarrow)
+    padding 1.5rem
+
diff --git a/.vuepress/theme/util/index.js b/.vuepress/theme/util/index.js
new file mode 100755
index 0000000..91ca52f
--- /dev/null
+++ b/.vuepress/theme/util/index.js
@@ -0,0 +1,245 @@
+
+export const hashRE = /#.*$/
+export const extRE = /\.(md|html)$/
+export const endingSlashRE = /\/$/
+export const outboundRE = /^[a-z]+:/i
+
+export function normalize (path) {
+  return decodeURI(path)
+    .replace(hashRE, '')
+    .replace(extRE, '')
+}
+
+export function getHash (path) {
+  const match = path.match(hashRE)
+  if (match) {
+    return match[0]
+  }
+}
+
+export function isExternal (path) {
+  return outboundRE.test(path)
+}
+
+export function isMailto (path) {
+  return /^mailto:/.test(path)
+}
+
+export function isTel (path) {
+  return /^tel:/.test(path)
+}
+
+export function ensureExt (path) {
+  if (isExternal(path)) {
+    return path
+  }
+  const hashMatch = path.match(hashRE)
+  const hash = hashMatch ? hashMatch[0] : ''
+  const normalized = normalize(path)
+
+  if (endingSlashRE.test(normalized)) {
+    return path
+  }
+  return normalized + '.html' + hash
+}
+
+export function isActive (route, path) {
+  const routeHash = decodeURIComponent(route.hash)
+  const linkHash = getHash(path)
+  if (linkHash && routeHash !== linkHash) {
+    return false
+  }
+  const routePath = normalize(route.path)
+  const pagePath = normalize(path)
+  return routePath === pagePath
+}
+
+export function resolvePage (pages, rawPath, base) {
+  if (isExternal(rawPath)) {
+    return {
+      type: 'external',
+      path: rawPath
+    }
+  }
+  if (base) {
+    rawPath = resolvePath(rawPath, base)
+  }
+  const path = normalize(rawPath)
+  for (let i = 0; i < pages.length; i++) {
+    if (normalize(pages[i].regularPath) === path) {
+      return Object.assign({}, pages[i], {
+        type: 'page',
+        path: ensureExt(pages[i].path)
+      })
+    }
+  }
+  console.error(`[vuepress] No matching page found for sidebar item "${rawPath}"`)
+  return {}
+}
+
+function resolvePath (relative, base, append) {
+  const firstChar = relative.charAt(0)
+  if (firstChar === '/') {
+    return relative
+  }
+
+  if (firstChar === '?' || firstChar === '#') {
+    return base + relative
+  }
+
+  const stack = base.split('/')
+
+  // remove trailing segment if:
+  // - not appending
+  // - appending to trailing slash (last segment is empty)
+  if (!append || !stack[stack.length - 1]) {
+    stack.pop()
+  }
+
+  // resolve relative path
+  const segments = relative.replace(/^\//, '').split('/')
+  for (let i = 0; i < segments.length; i++) {
+    const segment = segments[i]
+    if (segment === '..') {
+      stack.pop()
+    } else if (segment !== '.') {
+      stack.push(segment)
+    }
+  }
+
+  // ensure leading slash
+  if (stack[0] !== '') {
+    stack.unshift('')
+  }
+
+  return stack.join('/')
+}
+
+/**
+ * @param { Page } page
+ * @param { string } regularPath
+ * @param { SiteData } site
+ * @param { string } localePath
+ * @returns { SidebarGroup }
+ */
+export function resolveSidebarItems (page, regularPath, site, localePath) {
+  const { pages, themeConfig } = site
+
+  const localeConfig = localePath && themeConfig.locales
+    ? themeConfig.locales[localePath] || themeConfig
+    : themeConfig
+
+  const pageSidebarConfig = page.frontmatter.sidebar || localeConfig.sidebar || themeConfig.sidebar
+  if (pageSidebarConfig === 'auto') {
+    return resolveHeaders(page)
+  }
+
+  const sidebarConfig = localeConfig.sidebar || themeConfig.sidebar
+  if (!sidebarConfig) {
+    return []
+  } else {
+    const { base, config } = resolveMatchingConfig(regularPath, sidebarConfig)
+    if (config === 'auto') {
+      return resolveHeaders(page)
+    }
+    return config
+      ? config.map(item => resolveItem(item, pages, base))
+      : []
+  }
+}
+
+/**
+ * @param { Page } page
+ * @returns { SidebarGroup }
+ */
+export function resolveHeaders (page) {
+  const headers = groupHeaders(page.headers || [])
+  return [{
+    type: 'group',
+    collapsable: false,
+    title: page.title,
+    path: null,
+    children: headers.map(h => ({
+      type: 'auto',
+      title: h.title,
+      basePath: page.path,
+      path: page.path + '#' + h.slug,
+      children: h.children || []
+    }))
+  }]
+}
+
+export function groupHeaders (headers) {
+  // group h3s under h2
+  headers = headers.map(h => Object.assign({}, h))
+  let lastH2
+  headers.forEach(h => {
+    if (h.level === 2) {
+      lastH2 = h
+    } else if (lastH2) {
+      (lastH2.children || (lastH2.children = [])).push(h)
+    }
+  })
+  return headers.filter(h => h.level === 2)
+}
+
+export function resolveNavLinkItem (linkItem) {
+  return Object.assign(linkItem, {
+    type: linkItem.items && linkItem.items.length ? 'links' : 'link'
+  })
+}
+
+/**
+ * @param { Route } route
+ * @param { Array<string|string[]> | Array<SidebarGroup> | [link: string]: SidebarConfig } config
+ * @returns { base: string, config: SidebarConfig }
+ */
+export function resolveMatchingConfig (regularPath, config) {
+  if (Array.isArray(config)) {
+    return {
+      base: '/',
+      config: config
+    }
+  }
+  for (const base in config) {
+    if (ensureEndingSlash(regularPath).indexOf(encodeURI(base)) === 0) {
+      return {
+        base,
+        config: config[base]
+      }
+    }
+  }
+  return {}
+}
+
+function ensureEndingSlash (path) {
+  return /(\.html|\/)$/.test(path)
+    ? path
+    : path + '/'
+}
+
+function resolveItem (item, pages, base, groupDepth = 1) {
+  if (typeof item === 'string') {
+    return resolvePage(pages, item, base)
+  } else if (Array.isArray(item)) {
+    return Object.assign(resolvePage(pages, item[0], base), {
+      title: item[1]
+    })
+  } else {
+    const children = item.children || []
+    if (children.length === 0 && item.path) {
+      return Object.assign(resolvePage(pages, item.path, base), {
+        title: item.title
+      })
+    }
+    return {
+      type: 'group',
+      path: item.path,
+      title: item.title,
+      sidebarDepth: item.sidebarDepth,
+      initialOpenGroupIndex: item.initialOpenGroupIndex,
+      children: children.map(child => resolveItem(child, pages, base, groupDepth + 1)),
+      collapsable: item.collapsable !== false
+    }
+  }
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..9eca436
--- /dev/null
+++ b/README.md
@@ -0,0 +1,22 @@
+---
+permalink: /
+---
+
+# 鱼皮的编程宝典
+
+> 贴心的编程学习路线，全面的编程知识百科
+>
+> 作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+## 本站内容
+
+- [编程学习路线](/学习路线)
+- [鱼皮的编程学习之路](/自学之路)
+- [编程干货分享](/编程分享)
+- [原创项目实战](/项目实战)
+- [技术知识分享](/知识碎片)
+- [编程导航星球](/编程导航)
+- [编程产品服务](/产品服务)
+- [作者介绍](/作者)
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..27a57ff
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,27214 @@
+{
+  "name": "codefather",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "codefather",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "vuepress-plugin-code-copy": "^1.0.6",
+        "vuepress-plugin-img-lazy": "^1.0.4"
+      },
+      "devDependencies": {
+        "@vuepress/plugin-back-to-top": "^1.9.10",
+        "@vuepress/plugin-google-analytics": "^1.9.10",
+        "@vuepress/plugin-medium-zoom": "^1.9.10",
+        "vuepress": "^1.9.10",
+        "vuepress-plugin-baidu-autopush": "^1.0.1",
+        "vuepress-plugin-feed": "^0.1.9",
+        "vuepress-plugin-seo": "^0.1.4",
+        "vuepress-plugin-sitemap": "^2.3.1",
+        "vuepress-plugin-tags": "^1.0.2"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz",
+      "integrity": "sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz",
+      "integrity": "sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helpers": "^7.23.2",
+        "@babel/parser": "^7.23.0",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@babel/core/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
+      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.23.0",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
+      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
+      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
+      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
+      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz",
+      "integrity": "sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
+      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
+      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz",
+      "integrity": "sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz",
+      "integrity": "sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-transform-optional-chaining": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-decorators": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.2.tgz",
+      "integrity": "sha512-eR0gJQc830fJVGz37oKLvt9W9uUIQSAovUl0e9sJ3YeO09dlcoBVYD3CLrjCj4qHdXmfiyTyFt8yeQYSN5fxLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.20",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/plugin-syntax-decorators": "^7.22.10"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-decorators": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.22.10.tgz",
+      "integrity": "sha512-z1KTVemBjnz+kSEilAsI4lbkPOl5TvJH7YDSY1CTIzvLWJ+KHXp+mRe8VPmfnyvqOPqar1V2gid2PleKzRUstQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
+      "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
+      "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
+      "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.2.tgz",
+      "integrity": "sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.20",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
+      "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
+      "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz",
+      "integrity": "sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
+      "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz",
+      "integrity": "sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz",
+      "integrity": "sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
+      "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz",
+      "integrity": "sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
+      "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
+      "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz",
+      "integrity": "sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
+      "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz",
+      "integrity": "sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz",
+      "integrity": "sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
+      "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz",
+      "integrity": "sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
+      "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz",
+      "integrity": "sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
+      "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz",
+      "integrity": "sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz",
+      "integrity": "sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz",
+      "integrity": "sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
+      "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
+      "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz",
+      "integrity": "sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz",
+      "integrity": "sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz",
+      "integrity": "sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
+      "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz",
+      "integrity": "sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz",
+      "integrity": "sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz",
+      "integrity": "sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
+      "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz",
+      "integrity": "sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
+      "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
+      "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
+      "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-runtime": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.2.tgz",
+      "integrity": "sha512-XOntj6icgzMS58jPVtQpiuF6ZFWxQiJavISGx5KGjRj+3gqZr8+N6Kx+N9BApWzgS+DOjIZfXXj0ZesenOWDyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
+      "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
+      "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
+      "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
+      "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
+      "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
+      "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
+      "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
+      "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
+      "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.2.tgz",
+      "integrity": "sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.23.2",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+        "@babel/plugin-syntax-import-assertions": "^7.22.5",
+        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.22.5",
+        "@babel/plugin-transform-async-generator-functions": "^7.23.2",
+        "@babel/plugin-transform-async-to-generator": "^7.22.5",
+        "@babel/plugin-transform-block-scoped-functions": "^7.22.5",
+        "@babel/plugin-transform-block-scoping": "^7.23.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-class-static-block": "^7.22.11",
+        "@babel/plugin-transform-classes": "^7.22.15",
+        "@babel/plugin-transform-computed-properties": "^7.22.5",
+        "@babel/plugin-transform-destructuring": "^7.23.0",
+        "@babel/plugin-transform-dotall-regex": "^7.22.5",
+        "@babel/plugin-transform-duplicate-keys": "^7.22.5",
+        "@babel/plugin-transform-dynamic-import": "^7.22.11",
+        "@babel/plugin-transform-exponentiation-operator": "^7.22.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
+        "@babel/plugin-transform-for-of": "^7.22.15",
+        "@babel/plugin-transform-function-name": "^7.22.5",
+        "@babel/plugin-transform-json-strings": "^7.22.11",
+        "@babel/plugin-transform-literals": "^7.22.5",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.22.11",
+        "@babel/plugin-transform-member-expression-literals": "^7.22.5",
+        "@babel/plugin-transform-modules-amd": "^7.23.0",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-modules-systemjs": "^7.23.0",
+        "@babel/plugin-transform-modules-umd": "^7.22.5",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.22.5",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-numeric-separator": "^7.22.11",
+        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
+        "@babel/plugin-transform-object-super": "^7.22.5",
+        "@babel/plugin-transform-optional-catch-binding": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.23.0",
+        "@babel/plugin-transform-parameters": "^7.22.15",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/plugin-transform-private-property-in-object": "^7.22.11",
+        "@babel/plugin-transform-property-literals": "^7.22.5",
+        "@babel/plugin-transform-regenerator": "^7.22.10",
+        "@babel/plugin-transform-reserved-words": "^7.22.5",
+        "@babel/plugin-transform-shorthand-properties": "^7.22.5",
+        "@babel/plugin-transform-spread": "^7.22.5",
+        "@babel/plugin-transform-sticky-regex": "^7.22.5",
+        "@babel/plugin-transform-template-literals": "^7.22.5",
+        "@babel/plugin-transform-typeof-symbol": "^7.22.5",
+        "@babel/plugin-transform-unicode-escapes": "^7.22.10",
+        "@babel/plugin-transform-unicode-property-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.22.5",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "@babel/types": "^7.23.0",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.0",
+        "@babel/types": "^7.23.0",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/types": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
+      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mrmlnc/readdir-enhanced": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
+      "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-me-maybe": "^1.0.1",
+        "glob-to-regexp": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
+      "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defer-to-connect": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.4",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.4.tgz",
+      "integrity": "sha512-N7UDG0/xiPQa2D/XrVJXjkWbpqHCd2sBaB32ggRF2l83RhPfamgKGF8gwwqyksS95qUS5ZYF9aF+lLPRlwI2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.37",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.37.tgz",
+      "integrity": "sha512-zBUSRqkfZ59OcwXon4HVxhx5oWCJmc0OtBTK05M+p0dYjgN6iTwIL2T/WbsQZrEsdnwaF9cWQ+azOnpPvIqY3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.2.tgz",
+      "integrity": "sha512-gX2j9x+NzSh4zOhnRPSdPPmTepS4DfxES0AvIFv3jGv5QyeAJf6u6dY5/BAoAJU9Qq1uTvwOku8SSC2GnCRl6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.20.tgz",
+      "integrity": "sha512-rOaqlkgEvOW495xErXMsmyX3WKBInbhG5eqojXYi3cGUaLoRDlXa5d52fkfWZT963AZ3v2eZ4MbKE6WpDAGVsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.17.39",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.39.tgz",
+      "integrity": "sha512-BiEUfAiGCOllomsRAZOiMFP7LAnrifHpt56pc4Z7l9K6ACyN06Ns1JLMBxwkfLOjJRlSf06NwWsT7yzfpaVpyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/highlight.js": {
+      "version": "9.12.4",
+      "resolved": "https://registry.npmjs.org/@types/highlight.js/-/highlight.js-9.12.4.tgz",
+      "integrity": "sha512-t2szdkwmg2JJyuCM20e8kR2X59WCE5Zkl4bzm1u1Oukjm79zpbiAv+QjnwLnuuV0WHEcX2NgUItu0pAMKuOPww==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.3.tgz",
+      "integrity": "sha512-pP0P/9BnCj1OVvQR2lF41EkDG/lWWnDyA203b/4Fmi2eTyORnBtcDoKDwjWQthELrBvWkMOrvSOnZ8OVlW6tXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.13",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.13.tgz",
+      "integrity": "sha512-GkhdWcMNiR5QSQRYnJ+/oXzu0+7JJEPC8vkWXK351BkhjraZF+1W13CUYARUvX9+NqIU2n6YHA4iwywsc/M6Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.14",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz",
+      "integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.4.tgz",
+      "integrity": "sha512-hPpIeeHb/2UuCw06kSNAOVWgehBLXEo0/fUs0mw3W2qhqX89PI2yvok83MnuctYGCPrabGIoi0fFso4DQ+sNUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-10.0.3.tgz",
+      "integrity": "sha512-daHJk22isOUvNssVGF2zDnnSyxHhFYhtjeX4oQaKD6QzL3ZR1QSgiD1g+Q6/WSWYVogNXYDXODtbgW/WiFCtyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/highlight.js": "^9.7.0",
+        "@types/linkify-it": "*",
+        "@types/mdurl": "*",
+        "highlight.js": "^9.7.0"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.4.tgz",
+      "integrity": "sha512-ARVxjAEX5TARFRzpDRVC6cEk0hUIXCCwaMhz8y7S1/PxU6zZS1UMjyobz7q4w/D/R552r4++EhwmXK1N2rAy0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/mime": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-3.0.3.tgz",
+      "integrity": "sha512-i8MBln35l856k5iOhKk2XJ4SeAWg75mLIpZB4v6imOagKL6twsukBZGDMNhdOVk7yRFTMPpfILocMos59Q1otQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.8.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz",
+      "integrity": "sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.25.1"
+      }
+    },
+    "node_modules/@types/q": {
+      "version": "1.5.7",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.7.tgz",
+      "integrity": "sha512-HBPgtzp44867rkL+IzQ3560/E/BlobwCjeXsuKqogrcE99SKgZR4tvBBCuNJZMhUFMz26M7cjKWZg785lllwpA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/qs": {
+      "version": "6.9.9",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.9.tgz",
+      "integrity": "sha512-wYLxw35euwqGvTDx6zfY1vokBFnsK0HNrzc6xNHchxfO2hpuRg74GbkEW7e3sSmPvj0TjCDT1VCa6OtHXnubsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.6.tgz",
+      "integrity": "sha512-+0autS93xyXizIYiyL02FCY8N+KkKPhILhcUSA276HxzreZ16kl+cmwvV2qAM/PuCCwPXzOXOWhiPcw20uSFcA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "0.17.3",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.3.tgz",
+      "integrity": "sha512-/7fKxvKUoETxjFUsuFlPB9YndePpxxRAOfGC/yJdc9kTjTeP5kRCTzfnE8kPUKCeyiyIZu0YQ76s50hCedI1ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/send/node_modules/@types/mime": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.4.tgz",
+      "integrity": "sha512-1Gjee59G25MrQGk8bsNvC6fxNiRgUlGn2wlhGf95a59DrprnnHk80FIMMFG9XHMdrfsuA119ht06QPDXA1Z7tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.4.tgz",
+      "integrity": "sha512-aqqNfs1XTF0HDrFdlY//+SGUxmdSUbjeRXb5iaZc3x0/vMbYmdw9qvOgHWOyyLFxSSRnUuP5+724zBgfw8/WAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/mime": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/source-list-map": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.4.tgz",
+      "integrity": "sha512-Kdfm7Sk5VX8dFW7Vbp18+fmAatBewzBILa1raHYxrGEFXT0jNl9x3LWfuW7bTbjEKFNey9Dfkj/UzT6z/NvRlg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/tapable": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.10.tgz",
+      "integrity": "sha512-q8F20SdXG5fdVJQ5yxsVlH+f+oekP42QeHv4s5KlrxTMT0eopXn7ol1rhxMcksf8ph7XNv811iVDE2hOpUvEPg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/uglify-js": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.17.3.tgz",
+      "integrity": "sha512-ToldSfJ6wxO21cakcz63oFD1GjqQbKzhZCD57eH7zWuYT5UEZvfUoqvrjX5d+jB9g4a/sFO0n6QSVzzn5sMsjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@types/webpack": {
+      "version": "4.41.35",
+      "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.35.tgz",
+      "integrity": "sha512-XRC6HLGHtNfN8/xWeu1YUQV1GSE+28q8lSqvcJ+0xt/zW9Wmn4j9pCSvaXPyRlCKrl5OuqECQNEJUy2vo8oWqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/tapable": "^1",
+        "@types/uglify-js": "*",
+        "@types/webpack-sources": "*",
+        "anymatch": "^3.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/@types/webpack-dev-server": {
+      "version": "3.11.6",
+      "resolved": "https://registry.npmjs.org/@types/webpack-dev-server/-/webpack-dev-server-3.11.6.tgz",
+      "integrity": "sha512-XCph0RiiqFGetukCTC3KVnY1jwLcZ84illFRMbyFzCcWl90B/76ew0tSqF46oBhnLC4obNDG7dMO0JfTN0MgMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect-history-api-fallback": "*",
+        "@types/express": "*",
+        "@types/serve-static": "*",
+        "@types/webpack": "^4",
+        "http-proxy-middleware": "^1.0.0"
+      }
+    },
+    "node_modules/@types/webpack-dev-server/node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@types/webpack-dev-server/node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@types/webpack-dev-server/node_modules/http-proxy-middleware": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-1.3.1.tgz",
+      "integrity": "sha512-13eVVDYS4z79w7f1+NPllJtOQFx/FdUW4btIvVRMaRlUY9VGstAbo5MOhLEuUgZFRHn3x50ufn25zkj/boZnEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-proxy": "^1.17.5",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@types/webpack-dev-server/node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/@types/webpack-dev-server/node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/@types/webpack-dev-server/node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/@types/webpack-sources": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-3.2.2.tgz",
+      "integrity": "sha512-acCzhuVe+UJy8abiSFQWXELhhNMZjQjQKpLNEi1pKGgKXZj0ul614ATcx4kkhunPost6Xw+aCq8y8cn1/WwAiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/source-list-map": "*",
+        "source-map": "^0.7.3"
+      }
+    },
+    "node_modules/@types/webpack-sources/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
+      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-helper-vue-transform-on": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.1.5.tgz",
+      "integrity": "sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-plugin-jsx": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.5.tgz",
+      "integrity": "sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.5",
+        "@babel/types": "^7.22.5",
+        "@vue/babel-helper-vue-transform-on": "^1.1.5",
+        "camelcase": "^6.3.0",
+        "html-tags": "^3.3.1",
+        "svg-tags": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-plugin-jsx/node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vue/babel-plugin-jsx/node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@vue/babel-plugin-transform-vue-jsx": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.4.0.tgz",
+      "integrity": "sha512-Fmastxw4MMx0vlgLS4XBX0XiBbUFzoMGeVXuMV08wyOfXdikAFqBTuYPR0tlk+XskL19EzHc39SgjrPGY23JnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+        "html-tags": "^2.0.0",
+        "lodash.kebabcase": "^4.1.1",
+        "svg-tags": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-preset-app": {
+      "version": "4.5.19",
+      "resolved": "https://registry.npmjs.org/@vue/babel-preset-app/-/babel-preset-app-4.5.19.tgz",
+      "integrity": "sha512-VCNRiAt2P/bLo09rYt3DLe6xXUMlhJwrvU18Ddd/lYJgC7s8+wvhgYs+MTx4OiAXdu58drGwSBO9SPx7C6J82Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.0",
+        "@babel/helper-compilation-targets": "^7.9.6",
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/plugin-proposal-class-properties": "^7.8.3",
+        "@babel/plugin-proposal-decorators": "^7.8.3",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-jsx": "^7.8.3",
+        "@babel/plugin-transform-runtime": "^7.11.0",
+        "@babel/preset-env": "^7.11.0",
+        "@babel/runtime": "^7.11.0",
+        "@vue/babel-plugin-jsx": "^1.0.3",
+        "@vue/babel-preset-jsx": "^1.2.4",
+        "babel-plugin-dynamic-import-node": "^2.3.3",
+        "core-js": "^3.6.5",
+        "core-js-compat": "^3.6.5",
+        "semver": "^6.1.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "*",
+        "core-js": "^3",
+        "vue": "^2 || ^3.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "core-js": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/babel-preset-jsx": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-preset-jsx/-/babel-preset-jsx-1.4.0.tgz",
+      "integrity": "sha512-QmfRpssBOPZWL5xw7fOuHNifCQcNQC1PrOo/4fu6xlhlKJJKSA3HqX92Nvgyx8fqHZTUGMPHmFA+IDqwXlqkSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+        "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
+        "@vue/babel-sugar-composition-api-inject-h": "^1.4.0",
+        "@vue/babel-sugar-composition-api-render-instance": "^1.4.0",
+        "@vue/babel-sugar-functional-vue": "^1.4.0",
+        "@vue/babel-sugar-inject-h": "^1.4.0",
+        "@vue/babel-sugar-v-model": "^1.4.0",
+        "@vue/babel-sugar-v-on": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0",
+        "vue": "*"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/babel-sugar-composition-api-inject-h": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-composition-api-inject-h/-/babel-sugar-composition-api-inject-h-1.4.0.tgz",
+      "integrity": "sha512-VQq6zEddJHctnG4w3TfmlVp5FzDavUSut/DwR0xVoe/mJKXyMcsIibL42wPntozITEoY90aBV0/1d2KjxHU52g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-sugar-composition-api-render-instance": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-composition-api-render-instance/-/babel-sugar-composition-api-render-instance-1.4.0.tgz",
+      "integrity": "sha512-6ZDAzcxvy7VcnCjNdHJ59mwK02ZFuP5CnucloidqlZwVQv5CQLijc3lGpR7MD3TWFi78J7+a8J56YxbCtHgT9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-sugar-functional-vue": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-functional-vue/-/babel-sugar-functional-vue-1.4.0.tgz",
+      "integrity": "sha512-lTEB4WUFNzYt2In6JsoF9sAYVTo84wC4e+PoZWSgM6FUtqRJz7wMylaEhSRgG71YF+wfLD6cc9nqVeXN2rwBvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-sugar-inject-h": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-inject-h/-/babel-sugar-inject-h-1.4.0.tgz",
+      "integrity": "sha512-muwWrPKli77uO2fFM7eA3G1lAGnERuSz2NgAxuOLzrsTlQl8W4G+wwbM4nB6iewlKbwKRae3nL03UaF5ffAPMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-sugar-v-model": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-v-model/-/babel-sugar-v-model-1.4.0.tgz",
+      "integrity": "sha512-0t4HGgXb7WHYLBciZzN5s0Hzqan4Ue+p/3FdQdcaHAb7s5D9WZFGoSxEZHrR1TFVZlAPu1bejTKGeAzaaG3NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+        "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
+        "camelcase": "^5.0.0",
+        "html-tags": "^2.0.0",
+        "svg-tags": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-sugar-v-on": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.4.0.tgz",
+      "integrity": "sha512-m+zud4wKLzSKgQrWwhqRObWzmTuyzl6vOP7024lrpeJM4x2UhQtRDLgYjXAw9xBXjCwS0pP9kXjg91F9ZNo9JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
+        "camelcase": "^5.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+      "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/@vue/component-compiler-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz",
+      "integrity": "sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "consolidate": "^0.15.1",
+        "hash-sum": "^1.0.2",
+        "lru-cache": "^4.1.2",
+        "merge-source-map": "^1.1.0",
+        "postcss": "^7.0.36",
+        "postcss-selector-parser": "^6.0.2",
+        "source-map": "~0.6.1",
+        "vue-template-es2015-compiler": "^1.9.0"
+      },
+      "optionalDependencies": {
+        "prettier": "^1.18.2 || ^2.0.0"
+      }
+    },
+    "node_modules/@vue/component-compiler-utils/node_modules/lru-cache": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "node_modules/@vue/component-compiler-utils/node_modules/yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@vuepress/core": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/core/-/core-1.9.10.tgz",
+      "integrity": "sha512-H9ddo5fSinPb8QYl8OJFbZikMpOW84bm/U3Drzz8CnCXNtpda7CU2wX/XzOhe98G8jp45xhtZRkxOrqzBBAShA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.8.4",
+        "@vue/babel-preset-app": "^4.1.2",
+        "@vuepress/markdown": "1.9.10",
+        "@vuepress/markdown-loader": "1.9.10",
+        "@vuepress/plugin-last-updated": "1.9.10",
+        "@vuepress/plugin-register-components": "1.9.10",
+        "@vuepress/shared-utils": "1.9.10",
+        "@vuepress/types": "1.9.10",
+        "autoprefixer": "^9.5.1",
+        "babel-loader": "^8.0.4",
+        "bundle-require": "2.1.8",
+        "cache-loader": "^3.0.0",
+        "chokidar": "^2.0.3",
+        "connect-history-api-fallback": "^1.5.0",
+        "copy-webpack-plugin": "^5.0.2",
+        "core-js": "^3.6.4",
+        "cross-spawn": "^6.0.5",
+        "css-loader": "^2.1.1",
+        "esbuild": "0.14.7",
+        "file-loader": "^3.0.1",
+        "js-yaml": "^3.13.1",
+        "lru-cache": "^5.1.1",
+        "mini-css-extract-plugin": "0.6.0",
+        "optimize-css-assets-webpack-plugin": "^5.0.1",
+        "portfinder": "^1.0.13",
+        "postcss-loader": "^3.0.0",
+        "postcss-safe-parser": "^4.0.1",
+        "toml": "^3.0.0",
+        "url-loader": "^1.0.1",
+        "vue": "^2.6.10",
+        "vue-loader": "^15.7.1",
+        "vue-router": "^3.4.5",
+        "vue-server-renderer": "^2.6.10",
+        "vue-template-compiler": "^2.6.10",
+        "vuepress-html-webpack-plugin": "^3.2.0",
+        "vuepress-plugin-container": "^2.0.2",
+        "webpack": "^4.8.1",
+        "webpack-chain": "^6.0.0",
+        "webpack-dev-server": "^3.5.1",
+        "webpack-merge": "^4.1.2",
+        "webpackbar": "3.2.0"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/@vuepress/markdown": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/markdown/-/markdown-1.9.10.tgz",
+      "integrity": "sha512-sXTLjeZzH8SQuAL5AEH0hhsMljjNJbzWbBvzaj5yQCCdf+3sp/dJ0kwnBSnQjFPPnzPg5t3tLKGUYHyW0KiKzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/shared-utils": "1.9.10",
+        "markdown-it": "^8.4.1",
+        "markdown-it-anchor": "^5.0.2",
+        "markdown-it-chain": "^1.3.0",
+        "markdown-it-emoji": "^1.4.0",
+        "markdown-it-table-of-contents": "^0.4.0",
+        "prismjs": "^1.13.0"
+      }
+    },
+    "node_modules/@vuepress/markdown-loader": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/markdown-loader/-/markdown-loader-1.9.10.tgz",
+      "integrity": "sha512-94BlwKc+lOaN/A5DkyA9KWHvMlMC1sWunAXE3Tv0WYzgYLDs9QqCsx7L5kLkpcOOVVm/8kBJumnXvVBwhqJddw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/markdown": "1.9.10",
+        "loader-utils": "^1.1.0",
+        "lru-cache": "^5.1.1"
+      }
+    },
+    "node_modules/@vuepress/plugin-active-header-links": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-active-header-links/-/plugin-active-header-links-1.9.10.tgz",
+      "integrity": "sha512-2dRr3DE2UBFXhyMtLR3sGTdRyDM8YStuY6AOoQmoSgwy1IHt7PO7ypOuf1akF+1Nv8Q2aISU06q6TExZouu3Mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10",
+        "lodash.debounce": "^4.0.8"
+      }
+    },
+    "node_modules/@vuepress/plugin-back-to-top": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-back-to-top/-/plugin-back-to-top-1.9.10.tgz",
+      "integrity": "sha512-iInIp66wu717CAnT2pyd9Bs/vAgrUBOBIQ7WMnfJo07cW/ZIothpyrSHnpCRSsfJ/jLivMPqW0pviqppt64BzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10",
+        "lodash.debounce": "^4.0.8"
+      }
+    },
+    "node_modules/@vuepress/plugin-google-analytics": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-google-analytics/-/plugin-google-analytics-1.9.10.tgz",
+      "integrity": "sha512-AyQ3IFbYIHhuTQCUBMez6qpgvqOYT05cVoxuezuCpmBQBp+xSDjTXB+C9YjP+5w3thY5x1K+13QPJfFWW8S0mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10"
+      }
+    },
+    "node_modules/@vuepress/plugin-last-updated": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-last-updated/-/plugin-last-updated-1.9.10.tgz",
+      "integrity": "sha512-YxzWGF/OfU6WsHSynZFn74NGGp7dY27Bjy9JyyFo8wF5+2V1gpyDjveHKHGKugS/pMXlxfjzhv9E2Wmy9R7Iog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10",
+        "cross-spawn": "^6.0.5"
+      }
+    },
+    "node_modules/@vuepress/plugin-medium-zoom": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-medium-zoom/-/plugin-medium-zoom-1.9.10.tgz",
+      "integrity": "sha512-/MsICWZ/mUTs+ZdqqA1AVtWAtNL5ksgnnGR2X24LnXaPJp+M1IB2ETcyNKh264YVODSrmVsS/Y+kbCRK0qKkdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10",
+        "medium-zoom": "^1.0.4"
+      }
+    },
+    "node_modules/@vuepress/plugin-nprogress": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-nprogress/-/plugin-nprogress-1.9.10.tgz",
+      "integrity": "sha512-I1kkm6yWUQd7vwiV3lEDVpVP0Lr04K0zlczU502lDUa1RufSZ7vt+mlF5fOM28GqT+pKTEToWmm+VNT/R3qvMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10",
+        "nprogress": "^0.2.0"
+      }
+    },
+    "node_modules/@vuepress/plugin-register-components": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-register-components/-/plugin-register-components-1.9.10.tgz",
+      "integrity": "sha512-sgdJ5OydTPZAoTkselpvVP3Xsd6bfZ0FpaxOTinal0gJ99h49lvLu9bvzMx13rdGRFO/kRXn0qQQpwKTAfTPqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/shared-utils": "1.9.10",
+        "@vuepress/types": "1.9.10"
+      }
+    },
+    "node_modules/@vuepress/plugin-search": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-search/-/plugin-search-1.9.10.tgz",
+      "integrity": "sha512-bn2XJikaRgQZXvu8upCjOWrxbLHIRTqnJ3w7G0mo6jCYWGVsHNo6XhVpqylpLR2PWnHT/ImO2bGo38/5Bag/tQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/types": "1.9.10"
+      }
+    },
+    "node_modules/@vuepress/shared-utils": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/shared-utils/-/shared-utils-1.9.10.tgz",
+      "integrity": "sha512-M9A3DocPih+V8dKK2Zg9FJQ/f3JZrYsdaM/vQ9F48l8bPlzxw5NvqXIYMK4kKcGEyerQNTWCudoCpLL5uiU0hg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^2.3.2",
+        "escape-html": "^1.0.3",
+        "fs-extra": "^7.0.1",
+        "globby": "^9.2.0",
+        "gray-matter": "^4.0.1",
+        "hash-sum": "^1.0.2",
+        "semver": "^6.0.0",
+        "toml": "^3.0.0",
+        "upath": "^1.1.0"
+      }
+    },
+    "node_modules/@vuepress/shared-utils/node_modules/globby": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz",
+      "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/glob": "^7.1.1",
+        "array-union": "^1.0.2",
+        "dir-glob": "^2.2.2",
+        "fast-glob": "^2.2.6",
+        "glob": "^7.1.3",
+        "ignore": "^4.0.3",
+        "pify": "^4.0.1",
+        "slash": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@vuepress/shared-utils/node_modules/ignore": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@vuepress/shared-utils/node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@vuepress/theme-default": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/theme-default/-/theme-default-1.9.10.tgz",
+      "integrity": "sha512-XnXn9t+pYCIhWi3cZXJlighuy93FFm5yXdISAAlFlcNkshuGtqamkjacHV8q/QZMfOhSIs6wX7Hj88u2IsT5mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/plugin-active-header-links": "1.9.10",
+        "@vuepress/plugin-nprogress": "1.9.10",
+        "@vuepress/plugin-search": "1.9.10",
+        "@vuepress/types": "1.9.10",
+        "docsearch.js": "^2.5.2",
+        "lodash": "^4.17.15",
+        "stylus": "^0.54.8",
+        "stylus-loader": "^3.0.2",
+        "vuepress-plugin-container": "^2.0.2",
+        "vuepress-plugin-smooth-scroll": "^0.0.3"
+      }
+    },
+    "node_modules/@vuepress/types": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/types/-/types-1.9.10.tgz",
+      "integrity": "sha512-TDNQn4og85onmBpLTTXXmncW3rUnYGr2MkuI8OIFJZetDNM49t1WbjNVlrT+kx7C6qXi6okDQgrHGYXajHZWfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^10.0.0",
+        "@types/webpack-dev-server": "^3",
+        "webpack-chain": "^6.0.0"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
+      "integrity": "sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz",
+      "integrity": "sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz",
+      "integrity": "sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz",
+      "integrity": "sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-code-frame": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz",
+      "integrity": "sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/wast-printer": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-fsm": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz",
+      "integrity": "sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@webassemblyjs/helper-module-context": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz",
+      "integrity": "sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
+      "integrity": "sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz",
+      "integrity": "sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz",
+      "integrity": "sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz",
+      "integrity": "sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz",
+      "integrity": "sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz",
+      "integrity": "sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/helper-wasm-section": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-opt": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "@webassemblyjs/wast-printer": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz",
+      "integrity": "sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz",
+      "integrity": "sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz",
+      "integrity": "sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz",
+      "integrity": "sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/floating-point-hex-parser": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-code-frame": "1.9.0",
+        "@webassemblyjs/helper-fsm": "1.9.0",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz",
+      "integrity": "sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
+      "integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-2.2.0.tgz",
+      "integrity": "sha512-TnB6ziK363p7lR8QpeLC8aMr8EGYBKZTpgzQLfqTs3bR0Oo5VbKdwKf8h0dSzsYrB7lSCgfJnMZKqShvlq5Oyg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-errors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
+      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": ">=5.0.0"
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/algoliasearch": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-3.35.1.tgz",
+      "integrity": "sha512-K4yKVhaHkXfJ/xcUnil04xiSrB8B8yHZoFEhWNpXg23eiCnqvTZw1tn/SqvdsANlYHLJlKl0qi3I/Q2Sqo7LwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agentkeepalive": "^2.2.0",
+        "debug": "^2.6.9",
+        "envify": "^4.0.0",
+        "es6-promise": "^4.1.0",
+        "events": "^1.1.0",
+        "foreach": "^2.0.5",
+        "global": "^4.3.2",
+        "inherits": "^2.0.1",
+        "isarray": "^2.0.1",
+        "load-script": "^1.0.0",
+        "object-keys": "^1.0.11",
+        "querystring-es3": "^0.2.1",
+        "reduce": "^1.0.1",
+        "semver": "^5.1.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/algoliasearch/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/algoliasearch/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/alphanum-sort": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+      "integrity": "sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "node_modules/ansi-align/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-align/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
+      "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "license": "Apache-2.0",
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array.prototype.reduce": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.6.tgz",
+      "integrity": "sha512-UW+Mz8LG/sPSU8jRDCjVr6J/ZKAGpHfwrZ6kWTG5qCxIEiXdVshqGnu5vEZA8S1y6X4aCSbQZ0/EEsfvEvBiSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-array-method-boxes-properly": "^1.0.0",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "node_modules/asn1.js": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "node_modules/assert": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.1.tgz",
+      "integrity": "sha512-zzw1uCAgLbsKwBfFc8CX78DDg+xZeBksSO3vwVIDDN5i94eOrPsSSyiVhmsSABFDM/OcpE2aagCat9dnWQLG1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "object.assign": "^4.1.4",
+        "util": "^0.10.4"
+      }
+    },
+    "node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/assert/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/assert/node_modules/util": {
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
+      "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "2.0.3"
+      }
+    },
+    "node_modules/assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
+    "node_modules/async-each": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
+      "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true,
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/autocomplete.js": {
+      "version": "0.36.0",
+      "resolved": "https://registry.npmjs.org/autocomplete.js/-/autocomplete.js-0.36.0.tgz",
+      "integrity": "sha512-jEwUXnVMeCHHutUt10i/8ZiRaCb0Wo+ZyKxeGsYwBDtw6EJHqEeDrq4UwZRD8YBSvp3g6klP678il2eeiVXN2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "^3.2.3"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "9.8.8",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
+      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.12.0",
+        "caniuse-lite": "^1.0.30001109",
+        "normalize-range": "^0.1.2",
+        "num2fraction": "^1.2.2",
+        "picocolors": "^0.2.1",
+        "postcss": "^7.0.32",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+      }
+    },
+    "node_modules/autoprefixer/node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/babel-loader": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.3.0.tgz",
+      "integrity": "sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-cache-dir": "^3.3.1",
+        "loader-utils": "^2.0.0",
+        "make-dir": "^3.1.0",
+        "schema-utils": "^2.6.5"
+      },
+      "engines": {
+        "node": ">= 8.9"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "webpack": ">=2"
+      }
+    },
+    "node_modules/babel-loader/node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "node_modules/babel-loader/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-loader/node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/babel-loader/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-loader/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-loader/node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-loader/node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-loader/node_modules/schema-utils": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
+      "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.5",
+        "ajv": "^6.12.4",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 8.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/babel-plugin-dynamic-import-node": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz",
+      "integrity": "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "object.assign": "^4.1.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
+      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.5.tgz",
+      "integrity": "sha512-Q6CdATeAvbScWPNLB8lzSO7fgUVBkQt6zLgNlfyeCr/EQaEQR+bWiBYYPYAFyE528BMjRhL+1QBMOI4jc/c5TA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "core-js-compat": "^3.32.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
+      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+      "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
+      "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.11.0",
+        "raw-body": "2.5.1",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-flatten": "^2.1.0",
+        "deep-equal": "^1.0.1",
+        "dns-equal": "^1.0.0",
+        "dns-txt": "^2.0.2",
+        "multicast-dns": "^6.0.1",
+        "multicast-dns-service-types": "^1.1.0"
+      }
+    },
+    "node_modules/bonjour/node_modules/array-flatten": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+      "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/boxen": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-4.2.0.tgz",
+      "integrity": "sha512-eB4uT9RGzg2odpER62bBwSLvUeGC+WbRjjyyFhGsKnc8wp/m0+hQsMUvUe3H2V0D5vw0nBdO1hCJoZo5mKeuIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^3.0.0",
+        "camelcase": "^5.3.1",
+        "chalk": "^3.0.0",
+        "cli-boxes": "^2.2.0",
+        "string-width": "^4.1.0",
+        "term-size": "^2.1.0",
+        "type-fest": "^0.8.1",
+        "widest-line": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/boxen/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/boxen/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/boxen/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/boxen/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/boxen/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/boxen/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/boxen/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+      "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arr-flatten": "^1.1.0",
+        "array-unique": "^0.3.2",
+        "extend-shallow": "^2.0.1",
+        "fill-range": "^4.0.0",
+        "isobject": "^3.0.1",
+        "repeat-element": "^1.1.2",
+        "snapdragon": "^0.8.1",
+        "snapdragon-node": "^2.0.1",
+        "split-string": "^3.0.2",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "node_modules/browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/browserify-rsa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+      "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^5.0.0",
+        "randombytes": "^2.0.1"
+      }
+    },
+    "node_modules/browserify-rsa/node_modules/bn.js": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+      "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-sign": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
+      "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "bn.js": "^5.1.1",
+        "browserify-rsa": "^4.0.1",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.5.3",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.5",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/bn.js": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+      "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-sign/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.0.2",
+        "ieee754": "^1.1.4",
+        "isarray": "^1.0.0"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/buffer-json": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-json/-/buffer-json-2.0.0.tgz",
+      "integrity": "sha512-+jjPFVqyfF1esi9fvfUs3NqM0pH1ziZ36VP4hmA/y/Ssfo/5w5xHKfTw9BwQjoJ1w/oVtpLomqwUHKdefGyuHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bundle-require": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/bundle-require/-/bundle-require-2.1.8.tgz",
+      "integrity": "sha512-oOEg3A0hy/YzvNWNowtKD0pmhZKseOFweCbgyMqTIih4gRY1nJWsvrOCT27L9NbIyL5jMjTFrAUpGxxpW68Puw==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "esbuild": ">=0.13"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cacache": {
+      "version": "12.0.4",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
+      "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "bluebird": "^3.5.5",
+        "chownr": "^1.1.1",
+        "figgy-pudding": "^3.5.1",
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.1.15",
+        "infer-owner": "^1.0.3",
+        "lru-cache": "^5.1.1",
+        "mississippi": "^3.0.0",
+        "mkdirp": "^0.5.1",
+        "move-concurrently": "^1.0.1",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^2.6.3",
+        "ssri": "^6.0.1",
+        "unique-filename": "^1.1.1",
+        "y18n": "^4.0.0"
+      }
+    },
+    "node_modules/cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-loader": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/cache-loader/-/cache-loader-3.0.1.tgz",
+      "integrity": "sha512-HzJIvGiGqYsFUrMjAJNDbVZoG7qQA+vy9AIoKs7s9DscNfki0I589mf2w6/tW+kkFH3zyiknoWV5Jdynu6b/zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-json": "^2.0.0",
+        "find-cache-dir": "^2.1.0",
+        "loader-utils": "^1.2.3",
+        "mkdirp": "^0.5.1",
+        "neo-async": "^2.6.1",
+        "schema-utils": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0"
+      }
+    },
+    "node_modules/cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cacheable-request/node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cacheable-request/node_modules/lowercase-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cacheable-request/node_modules/normalize-url": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+      "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-me-maybe": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.2.tgz",
+      "integrity": "sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "caller-callsite": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+      "integrity": "sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^2.2.0",
+        "upper-case": "^1.1.1"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001551",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001551.tgz",
+      "integrity": "sha512-vtBAez47BoGMMzlbYhfXrMV1kvRF2WP/lqiMuDu1Sb4EE4LKEgjopFDSRtZfdVnslNRpOqV/woE+Xgrwj6VQlg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+      "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "^2.0.0",
+        "async-each": "^1.0.1",
+        "braces": "^2.3.2",
+        "glob-parent": "^3.1.0",
+        "inherits": "^2.0.3",
+        "is-binary-path": "^1.0.0",
+        "is-glob": "^4.0.0",
+        "normalize-path": "^3.0.0",
+        "path-is-absolute": "^1.0.0",
+        "readdirp": "^2.2.1",
+        "upath": "^1.1.1"
+      },
+      "optionalDependencies": {
+        "fsevents": "^1.2.7"
+      }
+    },
+    "node_modules/chokidar/node_modules/anymatch": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+      "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "micromatch": "^3.1.4",
+        "normalize-path": "^2.1.1"
+      }
+    },
+    "node_modules/chokidar/node_modules/anymatch/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clean-css": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
+      "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/cli-boxes": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
+      "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+      "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^3.1.0",
+        "strip-ansi": "^5.2.0",
+        "wrap-ansi": "^5.1.0"
+      }
+    },
+    "node_modules/clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-convert/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.17.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/component-emitter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/compression/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/configstore": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+      "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dot-prop": "^5.2.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^3.0.0",
+        "unique-string": "^2.0.0",
+        "write-file-atomic": "^3.0.0",
+        "xdg-basedir": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/consola": {
+      "version": "2.15.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
+      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/console-browserify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+      "dev": true
+    },
+    "node_modules/consolidate": {
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz",
+      "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bluebird": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+      "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/copy-concurrently": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
+      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.1.1",
+        "fs-write-stream-atomic": "^1.0.8",
+        "iferr": "^0.1.5",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.0"
+      }
+    },
+    "node_modules/copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/copy-webpack-plugin": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.2.tgz",
+      "integrity": "sha512-Uh7crJAco3AjBvgAy9Z75CjK8IG+gxaErro71THQ+vv/bl4HaQcpkexAY8KVW/T6D2W2IRr+couF/knIRkZMIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cacache": "^12.0.3",
+        "find-cache-dir": "^2.1.0",
+        "glob-parent": "^3.1.0",
+        "globby": "^7.1.1",
+        "is-glob": "^4.0.1",
+        "loader-utils": "^1.2.3",
+        "minimatch": "^3.0.4",
+        "normalize-path": "^3.0.0",
+        "p-limit": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^4.0.0",
+        "webpack-log": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.1.tgz",
+      "integrity": "sha512-qVSq3s+d4+GsqN0teRCJtM6tdEEXyWxjzbhVrCHmBS5ZTM0FS2MOS0D13dUXAWDUN6a+lHI/N1hF9Ytz6iLl9Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.1.tgz",
+      "integrity": "sha512-6pYKNOgD/j/bkC5xS5IIg6bncid3rfrI42oBH1SQJbsmYPKF7rhzcFzYCcxYMmNQQ0rCEB8WqpW7QHndOggaeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.22.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+      "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "import-fresh": "^2.0.0",
+        "is-directory": "^0.3.1",
+        "js-yaml": "^3.13.1",
+        "parse-json": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/create-ecdh": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.5.3"
+      }
+    },
+    "node_modules/create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "node_modules/create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "engines": {
+        "node": ">=4.8"
+      }
+    },
+    "node_modules/cross-spawn/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserify-cipher": "^1.0.0",
+        "browserify-sign": "^4.0.0",
+        "create-ecdh": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.0",
+        "diffie-hellman": "^5.0.0",
+        "inherits": "^2.0.1",
+        "pbkdf2": "^3.0.3",
+        "public-encrypt": "^4.0.0",
+        "randombytes": "^2.0.0",
+        "randomfill": "^1.0.3"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/css": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
+      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "source-map": "^0.6.1",
+        "source-map-resolve": "^0.5.2",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/css-color-names": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+      "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/css-declaration-sorter": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz",
+      "integrity": "sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.1",
+        "timsort": "^0.3.0"
+      },
+      "engines": {
+        "node": ">4"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-2.1.1.tgz",
+      "integrity": "sha512-OcKJU/lt232vl1P9EEDamhoO9iKY3tIjY5GU+XDLblAykTdgs6Ux9P1hTHve8nFKy5KPpOXOsVI/hIwi3841+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camelcase": "^5.2.0",
+        "icss-utils": "^4.1.0",
+        "loader-utils": "^1.2.3",
+        "normalize-path": "^3.0.0",
+        "postcss": "^7.0.14",
+        "postcss-modules-extract-imports": "^2.0.0",
+        "postcss-modules-local-by-default": "^2.0.6",
+        "postcss-modules-scope": "^2.1.0",
+        "postcss-modules-values": "^2.0.0",
+        "postcss-value-parser": "^3.3.0",
+        "schema-utils": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0"
+      }
+    },
+    "node_modules/css-parse": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/css-parse/-/css-parse-2.0.0.tgz",
+      "integrity": "sha512-UNIFik2RgSbiTwIW1IsFwXWn6vs+bYdq83LKTSOsx7NJR7WII9dxewkHLltfTLVppoUApHV0118a4RZRI9FLwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css": "^2.0.0"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-select-base-adapter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.4",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssnano": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.11.tgz",
+      "integrity": "sha512-6gZm2htn7xIPJOHY824ERgj8cNPgPxyCSnkXc4v7YvNW+TdVfzgngHcEhy/8D11kUWRUMbke+tC+AUcUsnMz2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^5.0.0",
+        "cssnano-preset-default": "^4.0.8",
+        "is-resolvable": "^1.0.0",
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/cssnano-preset-default": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.8.tgz",
+      "integrity": "sha512-LdAyHuq+VRyeVREFmuxUZR1TXjQm8QQU/ktoo/x7bz+SdOge1YKc5eMN6pRW7YWBmyq59CqYba1dJ5cUukEjLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-declaration-sorter": "^4.0.1",
+        "cssnano-util-raw-cache": "^4.0.1",
+        "postcss": "^7.0.0",
+        "postcss-calc": "^7.0.1",
+        "postcss-colormin": "^4.0.3",
+        "postcss-convert-values": "^4.0.1",
+        "postcss-discard-comments": "^4.0.2",
+        "postcss-discard-duplicates": "^4.0.2",
+        "postcss-discard-empty": "^4.0.1",
+        "postcss-discard-overridden": "^4.0.1",
+        "postcss-merge-longhand": "^4.0.11",
+        "postcss-merge-rules": "^4.0.3",
+        "postcss-minify-font-values": "^4.0.2",
+        "postcss-minify-gradients": "^4.0.2",
+        "postcss-minify-params": "^4.0.2",
+        "postcss-minify-selectors": "^4.0.2",
+        "postcss-normalize-charset": "^4.0.1",
+        "postcss-normalize-display-values": "^4.0.2",
+        "postcss-normalize-positions": "^4.0.2",
+        "postcss-normalize-repeat-style": "^4.0.2",
+        "postcss-normalize-string": "^4.0.2",
+        "postcss-normalize-timing-functions": "^4.0.2",
+        "postcss-normalize-unicode": "^4.0.1",
+        "postcss-normalize-url": "^4.0.1",
+        "postcss-normalize-whitespace": "^4.0.2",
+        "postcss-ordered-values": "^4.1.2",
+        "postcss-reduce-initial": "^4.0.3",
+        "postcss-reduce-transforms": "^4.0.2",
+        "postcss-svgo": "^4.0.3",
+        "postcss-unique-selectors": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/cssnano-util-get-arguments": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz",
+      "integrity": "sha512-6RIcwmV3/cBMG8Aj5gucQRsJb4vv4I4rn6YjPbVWd5+Pn/fuG+YseGvXGk00XLkoZkaj31QOD7vMUpNPC4FIuw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/cssnano-util-get-match": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz",
+      "integrity": "sha512-JPMZ1TSMRUPVIqEalIBNoBtAYbi8okvcFns4O0YIhcdGebeYZK7dMyHJiQ6GqNBA9kE0Hym4Aqym5rPdsV/4Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/cssnano-util-raw-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz",
+      "integrity": "sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/cssnano-util-same-parent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz",
+      "integrity": "sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cyclist": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.2.tgz",
+      "integrity": "sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+      "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.1",
+        "is-regex": "^1.0.4",
+        "object-is": "^1.0.1",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-gateway": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
+      "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "execa": "^1.0.0",
+        "ip-regex": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-property/node_modules/is-accessor-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+      "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-property/node_modules/is-accessor-descriptor/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-property/node_modules/is-data-descriptor": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+      "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-property/node_modules/is-data-descriptor/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-property/node_modules/is-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+      "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^0.1.6",
+        "is-data-descriptor": "^0.1.4",
+        "kind-of": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-property/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/del": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
+      "integrity": "sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/glob": "^7.1.1",
+        "globby": "^6.1.0",
+        "is-path-cwd": "^2.0.0",
+        "is-path-in-cwd": "^2.0.0",
+        "p-map": "^2.0.0",
+        "pify": "^4.0.1",
+        "rimraf": "^2.6.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/del/node_modules/globby": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+      "integrity": "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^1.0.1",
+        "glob": "^7.0.3",
+        "object-assign": "^4.0.1",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/del/node_modules/globby/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/des.js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
+      "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
+    "node_modules/dir-glob": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
+      "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dns-packet": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip": "^1.1.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-indexof": "^1.0.0"
+      }
+    },
+    "node_modules/docsearch.js": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/docsearch.js/-/docsearch.js-2.6.3.tgz",
+      "integrity": "sha512-GN+MBozuyz664ycpZY0ecdQE0ND/LSgJKhTLA0/v3arIS3S1Rpf2OJz6A35ReMsm91V5apcmzr5/kM84cvUg+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "algoliasearch": "^3.24.5",
+        "autocomplete.js": "0.36.0",
+        "hogan.js": "^3.0.2",
+        "request": "^2.87.0",
+        "stack-utils": "^1.0.1",
+        "to-factory": "^1.0.0",
+        "zepto": "^1.2.0"
+      }
+    },
+    "node_modules/dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "utila": "~0.4"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==",
+      "dev": true
+    },
+    "node_modules/domain-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+      "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4",
+        "npm": ">=1.2"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-prop": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-obj": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/duplexer3": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.5.tgz",
+      "integrity": "sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/duplexify": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
+      "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.561",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.561.tgz",
+      "integrity": "sha512-eS5t4ulWOBfVHdq9SW2dxEaFarj1lPjvJ8PaYMOjY0DecBaj/t4ARziL2IPpDr4atyWwjLFGQ2vo/VCgQFezVQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/elliptic": {
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
+      "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.11.9",
+        "brorand": "^1.1.0",
+        "hash.js": "^1.0.0",
+        "hmac-drbg": "^1.0.1",
+        "inherits": "^2.0.4",
+        "minimalistic-assert": "^1.0.1",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
+      "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "memory-fs": "^0.5.0",
+        "tapable": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/enhanced-resolve/node_modules/memory-fs": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
+      "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "errno": "^0.1.3",
+        "readable-stream": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.3.0 <5.0.0 || >=5.10"
+      }
+    },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/envify": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/envify/-/envify-4.1.0.tgz",
+      "integrity": "sha512-IKRVVoAYr4pIx4yIWNsz9mOsboxlNXiu7TNBnem/K/uTHdkyzXWDzHCK7UTolqBbgaBz0tQHsD3YNls0uIIjiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esprima": "^4.0.0",
+        "through": "~2.3.4"
+      },
+      "bin": {
+        "envify": "bin/envify"
+      }
+    },
+    "node_modules/envinfo": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
+      "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
+      "integrity": "sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.1",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-array-method-boxes-properly": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
+      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.14.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.7.tgz",
+      "integrity": "sha512-+u/msd6iu+HvfysUPkZ9VHm83LImmSNnecYPfFI01pQ7TTcsFR+V0BkybZX7mPtIaI7LCrse6YRj+v3eraJSgw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "optionalDependencies": {
+        "esbuild-android-arm64": "0.14.7",
+        "esbuild-darwin-64": "0.14.7",
+        "esbuild-darwin-arm64": "0.14.7",
+        "esbuild-freebsd-64": "0.14.7",
+        "esbuild-freebsd-arm64": "0.14.7",
+        "esbuild-linux-32": "0.14.7",
+        "esbuild-linux-64": "0.14.7",
+        "esbuild-linux-arm": "0.14.7",
+        "esbuild-linux-arm64": "0.14.7",
+        "esbuild-linux-mips64le": "0.14.7",
+        "esbuild-linux-ppc64le": "0.14.7",
+        "esbuild-netbsd-64": "0.14.7",
+        "esbuild-openbsd-64": "0.14.7",
+        "esbuild-sunos-64": "0.14.7",
+        "esbuild-windows-32": "0.14.7",
+        "esbuild-windows-64": "0.14.7",
+        "esbuild-windows-arm64": "0.14.7"
+      }
+    },
+    "node_modules/esbuild-darwin-arm64": {
+      "version": "0.14.7",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.7.tgz",
+      "integrity": "sha512-68e7COhmwIiLXBEyxUxZSSU0akgv8t3e50e2QOtKdBUE0F6KIRISzFntLe2rYlNqSsjGWsIO6CCc9tQxijjSkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
+      "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.1.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/esm": {
+      "version": "3.2.25",
+      "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
+      "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
+      "integrity": "sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
+    "node_modules/eventsource": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-2.0.2.tgz",
+      "integrity": "sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "node_modules/execa": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^4.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.18.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
+      "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.1",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.5.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.2.0",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.11.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.18.0",
+        "serve-static": "1.15.0",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
+      "dev": true,
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz",
+      "integrity": "sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@mrmlnc/readdir-enhanced": "^2.2.1",
+        "@nodelib/fs.stat": "^1.1.2",
+        "glob-parent": "^3.1.0",
+        "is-glob": "^4.0.0",
+        "merge2": "^1.2.3",
+        "micromatch": "^3.1.10"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/feed": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/feed/-/feed-2.0.4.tgz",
+      "integrity": "sha512-sWatfulDP6d18qVaWcu34qmq9ml6UeN6nHSBJpNZ2muBqxjPAdT375whPYAHP+gqLfyabtYU5qf2Dv4nqtlp0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "luxon": "^1.3.3",
+        "xml": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/figgy-pudding": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
+      "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/file-loader": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-3.0.1.tgz",
+      "integrity": "sha512-4sNIOXgtH/9WZq4NvlfU3Opn5ynUsqBwSLyM+I7UOwdGigTBYfVVQEwe/msZNX/j4pCJTIM14Fsw66Svo1oVrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^1.0.2",
+        "schema-utils": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/fill-range": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+      "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1",
+        "to-regex-range": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/find-cache-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+      "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^2.0.0",
+        "pkg-dir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/flush-write-stream": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
+      "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.3.6"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/foreach": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.6.tgz",
+      "integrity": "sha512-k6GAGDyqLe9JaebCsFCoudPPWfihKu8pylYXRlqP1J7ms39iPoTtk2fviNglIeQEwdh0bQeKJ01ZPyuyQvKzwg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "map-cache": "^0.2.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/from2": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
+      "integrity": "sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/fs-write-stream-atomic": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
+      "integrity": "sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "iferr": "^0.1.5",
+        "imurmurhash": "^0.1.4",
+        "readable-stream": "1 || 2"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "dependencies": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+      "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^3.1.0",
+        "path-dirname": "^1.0.0"
+      }
+    },
+    "node_modules/glob-parent/node_modules/is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz",
+      "integrity": "sha512-Iozmtbqv0noj0uDDqoL0zNq0VBEfK2YFoMAZoxJe4cwphvLR+JskfF30QhXHOR4m3KrE6NLRYw+U9MRXvifyig==",
+      "dev": true,
+      "license": "BSD"
+    },
+    "node_modules/global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
+    "node_modules/global-dirs": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-2.1.0.tgz",
+      "integrity": "sha512-MG6kdOUh/xBnyo9cJFeIKkLEc1AyFq42QTU4XiX51i2NEdxLxLWXIjEjmqKeSuKR7pAZjTqUVoT2b2huxVLgYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ini": "1.3.7"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
+      "integrity": "sha512-yANWAN2DUcBtuus5Cpd+SKROzXHs2iVXFZt/Ykrfz6SAXqacLX25NZpltE+39ceMexYF4TtEadjuSTw8+3wX4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^1.0.1",
+        "dir-glob": "^2.0.0",
+        "glob": "^7.1.2",
+        "ignore": "^3.3.5",
+        "pify": "^3.0.0",
+        "slash": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globby/node_modules/pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/got": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/is": "^0.14.0",
+        "@szmarczak/http-timer": "^1.1.2",
+        "cacheable-request": "^6.0.0",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^4.1.0",
+        "lowercase-keys": "^1.0.1",
+        "mimic-response": "^1.0.1",
+        "p-cancelable": "^1.0.0",
+        "to-readable-stream": "^1.0.0",
+        "url-parse-lax": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/gray-matter": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
+      "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-yaml": "^3.13.1",
+        "kind-of": "^6.0.2",
+        "section-matter": "^1.0.0",
+        "strip-bom-string": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/har-validator": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.3",
+        "har-schema": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
+      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/kind-of": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+      "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-yarn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+      "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/hash-base": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/hash-base/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/hash-sum": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+      "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/hex-color-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
+      "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/highlight.js": {
+      "version": "9.18.5",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.5.tgz",
+      "integrity": "sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "node_modules/hogan.js": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/hogan.js/-/hogan.js-3.0.2.tgz",
+      "integrity": "sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==",
+      "dev": true,
+      "dependencies": {
+        "mkdirp": "0.3.0",
+        "nopt": "1.0.10"
+      },
+      "bin": {
+        "hulk": "bin/hulk"
+      }
+    },
+    "node_modules/hogan.js/node_modules/mkdirp": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.3.0.tgz",
+      "integrity": "sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew==",
+      "dev": true,
+      "license": "MIT/X11",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/hsl-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
+      "integrity": "sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hsla-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
+      "integrity": "sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/html-entities": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+      "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/html-minifier": {
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
+      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camel-case": "3.0.x",
+        "clean-css": "4.2.x",
+        "commander": "2.17.x",
+        "he": "1.2.x",
+        "param-case": "2.1.x",
+        "relateurl": "0.2.x",
+        "uglify-js": "3.4.x"
+      },
+      "bin": {
+        "html-minifier": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
+      "integrity": "sha512-+Il6N8cCo2wB/Vd3gqy/8TZhTD3QvcVeQLCnZiGkGCH3JP28IgGAY41giccp2W4R3jfyJPAP318FQTa1yU7K7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-parser-js": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+      "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "http-proxy": "^1.17.0",
+        "is-glob": "^4.0.0",
+        "lodash": "^4.17.11",
+        "micromatch": "^3.1.10"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8",
+        "npm": ">=1.3.7"
+      }
+    },
+    "node_modules/https-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-replace-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+      "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/icss-utils": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz",
+      "integrity": "sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "postcss": "^7.0.14"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/iferr": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+      "integrity": "sha512-DUNFN5j7Tln0D+TxzloUjKB+CtVu6myn0JEFak6dG18mNt9YkQ6lzGCdafwofISZ1lLF3xRHJ98VKy9ynkcFaA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ignore": {
+      "version": "3.3.10",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
+      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/immediate": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.3.0.tgz",
+      "integrity": "sha512-HR7EVodfFUdQCTIeySw+WDRFJlPcLOJbXfwwZ7Oom6tjsvZ3bOkCDJHehQC3nxJrv7+f9XecwazynjU8e4Vw3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/import-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+      "integrity": "sha512-Ew5AZzJQFqrOV5BTW3EIoHAnoie1LojZLXKcCQ/yTRyVZosBhK1x1ViYjHGf5pAFOq8ZyChZp6m/fSN7pJyZtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "import-from": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+      "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "caller-path": "^2.0.0",
+        "resolve-from": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-from": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+      "integrity": "sha512-0vdnLL2wSGnhlRmzHJAg5JHjt1l2vYhzJ7tNLGbeVg0fse56tpGaH0uzH+r9Slej+BSXXEHvBKDEnVSLLE9/+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-lazy": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+      "integrity": "sha512-m7ZEHgtw69qOGw+jwxXkHlrlIPdTGkyh66zXZ1ajZbxkDBNjSY/LGbmjc7h0s2ELsUDTAhFr55TrPSSqJGPG0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
+      "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pkg-dir": "^3.0.0",
+        "resolve-cwd": "^2.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indexes-of": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+      "integrity": "sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/infer-owner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+      "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.7.tgz",
+      "integrity": "sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/internal-ip": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
+      "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "default-gateway": "^4.2.0",
+        "ipaddr.js": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ip": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ip-regex": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+      "integrity": "sha512-58yWmlHpp7VYfcdTwMTvwMmqx/Elfxjd9RXTDyMsbL7lLWmhMylLEqiYVLKuLzOZqVgiWXD9MfR62Vv89VRxkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-absolute-url": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+      "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-accessor-descriptor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+      "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ci-info": "^2.0.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/is-color-stop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
+      "integrity": "sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-color-names": "^0.0.4",
+        "hex-color-regex": "^1.1.0",
+        "hsl-regex": "^1.0.0",
+        "hsla-regex": "^1.0.0",
+        "rgb-regex": "^1.0.1",
+        "rgba-regex": "^1.0.0"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-descriptor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-descriptor": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.0",
+        "is-data-descriptor": "^1.0.0",
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-installed-globally": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.3.2.tgz",
+      "integrity": "sha512-wZ8x1js7Ia0kecP/CHM/3ABkAmujX7WPvQk6uu3Fly/Mk44pySulQpnHG46OMjHGXApINnV4QhY3SWnECO2z5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "global-dirs": "^2.0.1",
+        "is-path-inside": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-npm": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
+      "integrity": "sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-path-in-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz",
+      "integrity": "sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-path-inside": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-path-in-cwd/node_modules/is-path-inside": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-2.1.0.tgz",
+      "integrity": "sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-is-inside": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-resolvable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
+      "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+      "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-yarn-global": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+      "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/javascript-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
+      "integrity": "sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "dev": true,
+      "license": "(AFL-2.1 OR BSD-3-Clause)"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsprim": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.0"
+      }
+    },
+    "node_modules/killable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+      "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/last-call-webpack-plugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz",
+      "integrity": "sha512-7KI2l2GIZa9p2spzPIVZBYyNKkN+e/SQPpnjlTiPhdbDW3F86tdKKELxKpzJ5sgU19wQWsACULZmpTPYHeWO5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.5",
+        "webpack-sources": "^1.1.0"
+      }
+    },
+    "node_modules/latest-version": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+      "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "package-json": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/load-script": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
+      "integrity": "sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loader-runner": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+      "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.3.0 <5.0.0 || >=5.10"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/loader-utils/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash._reinterpolate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
+      "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.chunk": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.chunk/-/lodash.chunk-4.2.0.tgz",
+      "integrity": "sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.defaultsdeep": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz",
+      "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.isempty": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.isempty/-/lodash.isempty-4.4.0.tgz",
+      "integrity": "sha512-oKMuF3xEeqDltrGMfDxAPGIVMSSRv8tbRSODbrs4KGsRRLEhrW8N8Rd4DRgB2+621hY8A8XwwrTVhXWpxFvMzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.kebabcase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.padstart": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.padstart/-/lodash.padstart-4.6.1.tgz",
+      "integrity": "sha512-sW73O6S8+Tg66eY56DBk85aQzzUJDtpoXFBgELMd5P/SotAguo+1kYO6RuYgXxA4HJH3LFTFPASX6ET6bjfriw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.sortby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
+      "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.template": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
+      "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash._reinterpolate": "^3.0.0",
+        "lodash.templatesettings": "^4.0.0"
+      }
+    },
+    "node_modules/lodash.templatesettings": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
+      "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash._reinterpolate": "^3.0.0"
+      }
+    },
+    "node_modules/lodash.trimend": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/lodash.trimend/-/lodash.trimend-4.5.1.tgz",
+      "integrity": "sha512-lsD+k73XztDsMBKPKvzHXRKFNMohTjoTKIIo4ADLn5dA65LZ1BqlAvSXhR2rPEC3BgAUQnzMnorqDtqn2z4IHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.trimstart": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/lodash.trimstart/-/lodash.trimstart-4.5.1.tgz",
+      "integrity": "sha512-b/+D6La8tU76L/61/aN0jULWHkT0EeJCmVstPBn/K9MtD2qBW83AsBNrr63dKuWYwVMO7ucv13QNO/Ek/2RKaQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loglevel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
+      "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+      "integrity": "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/luxon": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.28.1.tgz",
+      "integrity": "sha512-gYHAa180mKrNIUJCbwpmD0aTu9kV0dREDrwNnuyFAsO1Wt0EVYSZelPnJlbj9HplzXX/YWXHFTL45kvZ53M0pw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
+      "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/markdown-it-anchor": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-5.3.0.tgz",
+      "integrity": "sha512-/V1MnLL/rgJ3jkMWo84UR+K+jF1cxNG1a+KwqeXqTIJ+jtA8aWSHuigx8lTzauiIjBDbwF3NcWQMotd0Dm39jA==",
+      "dev": true,
+      "license": "Unlicense",
+      "peerDependencies": {
+        "markdown-it": "*"
+      }
+    },
+    "node_modules/markdown-it-chain": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-chain/-/markdown-it-chain-1.3.0.tgz",
+      "integrity": "sha512-XClV8I1TKy8L2qsT9iX3qiV+50ZtcInGXI80CA+DP62sMs7hXlyV/RM3hfwy5O3Ad0sJm9xIwQELgANfESo8mQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "webpack-chain": "^4.9.0"
+      },
+      "engines": {
+        "node": ">=6.9"
+      },
+      "peerDependencies": {
+        "markdown-it": ">=5.0.0"
+      }
+    },
+    "node_modules/markdown-it-chain/node_modules/javascript-stringify": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-1.6.0.tgz",
+      "integrity": "sha512-fnjC0up+0SjEJtgmmG+teeel68kutkvzfctO/KxE3qJlbunkJYAshgH3boU++gSBHP8z5/r0ts0qRIrHf0RTQQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-chain/node_modules/webpack-chain": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/webpack-chain/-/webpack-chain-4.12.1.tgz",
+      "integrity": "sha512-BCfKo2YkDe2ByqkEWe1Rw+zko4LsyS75LVr29C6xIrxAg9JHJ4pl8kaIZ396SUSNp6b4815dRZPSTAS8LlURRQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "deepmerge": "^1.5.2",
+        "javascript-stringify": "^1.6.0"
+      }
+    },
+    "node_modules/markdown-it-container": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-container/-/markdown-it-container-2.0.0.tgz",
+      "integrity": "sha512-IxPOaq2LzrGuFGyYq80zaorXReh2ZHGFOB1/Hen429EJL1XkPI3FJTpx9TsJeua+j2qTru4h3W1TiCRdeivMmA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-emoji": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-emoji/-/markdown-it-emoji-1.4.0.tgz",
+      "integrity": "sha512-QCz3Hkd+r5gDYtS2xsFXmBYrgw6KuWcJZLCEkdfAuwzZbShCmCfta+hwAMq4NX/4xPzkSHduMKgMkkPUJxSXNg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-img-lazy": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/markdown-it-img-lazy/-/markdown-it-img-lazy-1.0.3.tgz",
+      "integrity": "sha512-H1wOixBCI8Jm9vxn5f5lsDsTdhG8HxLiC5eh5TjVe/Dv//zwAi/R5+WSpRYmQtyc1+RF1kS4cuLPt1wGid0xWA==",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-imsize": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it-imsize/-/markdown-it-imsize-2.0.1.tgz",
+      "integrity": "sha512-5SH90ademqcR8ifQCBXRCfIR4HGfZZOh5pO0j2TglulfSQH+SBXM4Iw/QlTUbSoUwVZArCYgECoMvktDS2kP3w==",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-table-of-contents": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/markdown-it-table-of-contents/-/markdown-it-table-of-contents-0.4.4.tgz",
+      "integrity": "sha512-TAIHTHPwa9+ltKvKPWulm/beozQU41Ab+FIefRaQV1NRnpzwcV9QOe6wXQS5WLivm5Q/nlo0rl6laGkMDZE7Gw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">6.4.0"
+      }
+    },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/medium-zoom": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz",
+      "integrity": "sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/memory-fs": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+      "integrity": "sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "errno": "^0.1.3",
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge-source-map": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
+      "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+      "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.3.1",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "extglob": "^2.0.4",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^6.0.2",
+        "nanomatch": "^1.2.9",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/micromatch/node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/micromatch/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/micromatch/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      },
+      "bin": {
+        "miller-rabin": "bin/miller-rabin"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "dev": true,
+      "dependencies": {
+        "dom-walk": "^0.1.0"
+      }
+    },
+    "node_modules/mini-css-extract-plugin": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.6.0.tgz",
+      "integrity": "sha512-79q5P7YGI6rdnVyIAV4NXpBQJFWdkzJxCim3Kog4078fM0piAaFlwocqbejdWtLW1cEzCexPrh6EdyFsPgVdAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^1.1.0",
+        "normalize-url": "^2.0.1",
+        "schema-utils": "^1.0.0",
+        "webpack-sources": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.4.0"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mississippi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz",
+      "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "concat-stream": "^1.5.0",
+        "duplexify": "^3.4.2",
+        "end-of-stream": "^1.1.0",
+        "flush-write-stream": "^1.0.0",
+        "from2": "^2.1.0",
+        "parallel-transform": "^1.1.0",
+        "pump": "^3.0.0",
+        "pumpify": "^1.3.3",
+        "stream-each": "^1.1.0",
+        "through2": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-deep/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/move-concurrently": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+      "integrity": "sha512-hdrFxZOycD/g6A6SoI2bB5NA/5NEqD0569+S47WZhPvm46sD50ZHdYaFmnua5lndde9rCHGjmfK7Z8BuCt/PcQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.1.1",
+        "copy-concurrently": "^1.0.0",
+        "fs-write-stream-atomic": "^1.0.8",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.3"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/multicast-dns": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+      "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dns-packet": "^1.3.1",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nan": {
+      "version": "2.18.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.18.0.tgz",
+      "integrity": "sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/nanomatch/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/no-case": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^1.1.1"
+      }
+    },
+    "node_modules/node-forge": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+      "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+      "dev": true,
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/node-libs-browser": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+      "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert": "^1.1.1",
+        "browserify-zlib": "^0.2.0",
+        "buffer": "^4.3.0",
+        "console-browserify": "^1.1.0",
+        "constants-browserify": "^1.0.0",
+        "crypto-browserify": "^3.11.0",
+        "domain-browser": "^1.1.1",
+        "events": "^3.0.0",
+        "https-browserify": "^1.0.0",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "0.0.1",
+        "process": "^0.11.10",
+        "punycode": "^1.2.4",
+        "querystring-es3": "^0.2.0",
+        "readable-stream": "^2.3.3",
+        "stream-browserify": "^2.0.1",
+        "stream-http": "^2.7.2",
+        "string_decoder": "^1.0.0",
+        "timers-browserify": "^2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "^0.11.0",
+        "util": "^0.11.0",
+        "vm-browserify": "^1.0.1"
+      }
+    },
+    "node_modules/node-libs-browser/node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/node-libs-browser/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nopt": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+      "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-url": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz",
+      "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prepend-http": "^2.0.0",
+        "query-string": "^5.0.1",
+        "sort-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/num2fraction": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+      "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.getownpropertydescriptors": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.7.tgz",
+      "integrity": "sha512-PrJz0C2xJ58FNn11XV2lr4Jt5Gzl94qpy9Lu0JlfEj14z88sqbSBJCBEzdlNUCzY2gburhbrwOZ5BHCmuNUy0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.reduce": "^1.0.6",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "safe-array-concat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "opencollective-postinstall": "index.js"
+      }
+    },
+    "node_modules/opn": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+      "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-wsl": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/optimize-css-assets-webpack-plugin": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.8.tgz",
+      "integrity": "sha512-mgFS1JdOtEGzD8l+EuISqL57cKO+We9GcoiQEmdCWRqqck+FGNmYJtx9qfAPzEz+lRrlThWMuGDaRkI/yWNx/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano": "^4.1.10",
+        "last-call-webpack-plugin": "^3.0.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0"
+      }
+    },
+    "node_modules/os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-3.0.1.tgz",
+      "integrity": "sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "retry": "^0.12.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/package-json": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+      "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "got": "^9.6.0",
+        "registry-auth-token": "^4.0.0",
+        "registry-url": "^5.0.0",
+        "semver": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true,
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parallel-transform": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
+      "integrity": "sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cyclist": "^1.0.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.1.5"
+      }
+    },
+    "node_modules/param-case": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
+      "integrity": "sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^2.2.0"
+      }
+    },
+    "node_modules/parse-asn1": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+      "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "asn1.js": "^5.2.0",
+        "browserify-aes": "^1.0.0",
+        "evp_bytestokey": "^1.0.0",
+        "pbkdf2": "^3.0.3",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "error-ex": "^1.3.1",
+        "json-parse-better-errors": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+      "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "dev": true,
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/path-type/node_modules/pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pbkdf2": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
+      "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pinkie": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/portfinder": {
+      "version": "1.0.32",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+      "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async": "^2.6.4",
+        "debug": "^3.2.7",
+        "mkdirp": "^0.5.6"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/portfinder/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/portfinder/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz",
+      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.27",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/postcss-calc/node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/postcss-colormin": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
+      "integrity": "sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "color": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-convert-values": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz",
+      "integrity": "sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-discard-comments": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz",
+      "integrity": "sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-discard-duplicates": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz",
+      "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-discard-empty": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz",
+      "integrity": "sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-discard-overridden": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz",
+      "integrity": "sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+      "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^5.0.0",
+        "import-cwd": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-3.0.0.tgz",
+      "integrity": "sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^1.1.0",
+        "postcss": "^7.0.0",
+        "postcss-load-config": "^2.0.0",
+        "schema-utils": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss-merge-longhand": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz",
+      "integrity": "sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-color-names": "0.0.4",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "stylehacks": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-merge-rules": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz",
+      "integrity": "sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "cssnano-util-same-parent": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0",
+        "vendors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-merge-rules/node_modules/postcss-selector-parser": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+      "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-prop": "^5.2.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/postcss-minify-font-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz",
+      "integrity": "sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-minify-gradients": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz",
+      "integrity": "sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "is-color-stop": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-minify-params": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz",
+      "integrity": "sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "alphanum-sort": "^1.0.0",
+        "browserslist": "^4.0.0",
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "uniqs": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-minify-selectors": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz",
+      "integrity": "sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "alphanum-sort": "^1.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-minify-selectors/node_modules/postcss-selector-parser": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+      "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-prop": "^5.2.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
+      "integrity": "sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "postcss": "^7.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-2.0.6.tgz",
+      "integrity": "sha512-oLUV5YNkeIBa0yQl7EYnxMgy4N6noxmiwZStaEJUSe2xPMcdNc8WmBQuQCx18H5psYbVxz8zoHk0RAAYZXP9gA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.6",
+        "postcss-selector-parser": "^6.0.0",
+        "postcss-value-parser": "^3.3.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
+      "integrity": "sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "postcss": "^7.0.6",
+        "postcss-selector-parser": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-2.0.0.tgz",
+      "integrity": "sha512-Ki7JZa7ff1N3EIMlPnGTZfUMe69FFwiQPnVSXC9mnn3jozCRBYIxiZd44yJOV2AmabOo4qFf8s0dC/+lweG7+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "icss-replace-symbols": "^1.1.0",
+        "postcss": "^7.0.6"
+      }
+    },
+    "node_modules/postcss-normalize-charset": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
+      "integrity": "sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-display-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
+      "integrity": "sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-positions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz",
+      "integrity": "sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-repeat-style": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz",
+      "integrity": "sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
+      "integrity": "sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-timing-functions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz",
+      "integrity": "sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-unicode": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz",
+      "integrity": "sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-url": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz",
+      "integrity": "sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-absolute-url": "^2.0.0",
+        "normalize-url": "^3.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-normalize-url/node_modules/is-absolute-url": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+      "integrity": "sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postcss-normalize-url/node_modules/normalize-url": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz",
+      "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/postcss-normalize-whitespace": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz",
+      "integrity": "sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-ordered-values": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz",
+      "integrity": "sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-reduce-initial": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
+      "integrity": "sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-reduce-transforms": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
+      "integrity": "sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-util-get-match": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
+      "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.26"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-svgo": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.3.tgz",
+      "integrity": "sha512-NoRbrcMWTtUghzuKSoIm6XV+sJdvZ7GZSc3wdBN0W19FTtp2ko8NqLsgoh/m9CzNhU3KLPvQmjIwtaNFkaFTvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "svgo": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-unique-selectors": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz",
+      "integrity": "sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "alphanum-sort": "^1.0.0",
+        "postcss": "^7.0.0",
+        "uniqs": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/pretty-error": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
+      "integrity": "sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.20",
+        "renderkid": "^2.0.4"
+      }
+    },
+    "node_modules/pretty-time": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pretty-time/-/pretty-time-1.1.0.tgz",
+      "integrity": "sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/pumpify": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz",
+      "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "duplexify": "^3.6.0",
+        "inherits": "^2.0.3",
+        "pump": "^2.0.0"
+      }
+    },
+    "node_modules/pumpify/node_modules/pump": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
+      "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pupa": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+      "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-goat": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.0",
+        "teleport": ">=0.2.0"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/query-string": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
+      "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "decode-uri-component": "^0.2.0",
+        "object-assign": "^4.1.0",
+        "strict-uri-encode": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readable-stream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+      "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "micromatch": "^3.1.10",
+        "readable-stream": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/reduce": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/reduce/-/reduce-1.0.2.tgz",
+      "integrity": "sha512-xX7Fxke/oHO5IfZSk77lvPa/7bjMh9BuCk4OOoX5XTXrM7s0Z+MkPfSDfz0q7r91BhhGSs8gii/VEN/7zhCPpQ==",
+      "dev": true,
+      "dependencies": {
+        "object-keys": "^1.1.0"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-not/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-not/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/registry-auth-token": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.2.tgz",
+      "integrity": "sha512-PC5ZysNb42zpFME6D/XlIgtNGdTl8bBOCw90xQLVMpzuuubJKYDWFAEuUNc+Cn8Z8724tg2SDhDRrkVEsqfDMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "1.2.8"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/registry-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+      "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.2.8"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/remove-markdown": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/remove-markdown/-/remove-markdown-0.3.0.tgz",
+      "integrity": "sha512-5392eIuy1mhjM74739VunOlsOYKjsH82rQcTBlJ1bkICVC3dQ3ksQzTHh4jGHQFnM+1xzLzcFOMH+BofqXhroQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/renderkid": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.7.tgz",
+      "integrity": "sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^3.0.1"
+      }
+    },
+    "node_modules/renderkid/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/renderkid/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/repeat-element": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+      "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/request/node_modules/qs": {
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+      "integrity": "sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+      "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "node_modules/ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/rgb-regex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
+      "integrity": "sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rgba-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
+      "integrity": "sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "node_modules/run-queue": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
+      "integrity": "sha512-ntymy489o0/QQplUDnpYAYUsO50K9SBrIVaKCWDOJzYJts0f9WH9RFJkyagebkw5+y1oi00R7ynNW/d12GBumg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.1.1"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-array-concat/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ret": "~0.1.10"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/schema-utils": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+      "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.1.0",
+        "ajv-errors": "^1.0.0",
+        "ajv-keywords": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/section-matter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
+      "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "kind-of": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/selfsigned": {
+      "version": "1.10.14",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
+      "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "node-forge": "^0.10.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/semver-diff": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+      "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/serialize-javascript": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.18.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "license": "(MIT AND BSD-3-Clause)",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      },
+      "bin": {
+        "sha.js": "bin.js"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sitemap": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-3.2.2.tgz",
+      "integrity": "sha512-TModL/WU4m2q/mQcrDgNANn0P4LwprM9MMvG4hu5zP4c6IIKs2YLTu6nXXnNr8ODW/WFtxKggiJ1EGn2W0GNmg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash.chunk": "^4.2.0",
+        "lodash.padstart": "^4.6.1",
+        "whatwg-url": "^7.0.0",
+        "xmlbuilder": "^13.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0",
+        "npm": ">=4.0.0"
+      }
+    },
+    "node_modules/slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/smoothscroll-polyfill": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz",
+      "integrity": "sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "node_modules/sockjs-client": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.6.1.tgz",
+      "integrity": "sha512-2g0tjOR+fRs0amxENLi/q5TiJTqY+WXFOzb5UwXndlK6TO3U/mirZznpx6w34HVMoc3g7cY24yC/ZMIYnDlfkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "eventsource": "^2.0.2",
+        "faye-websocket": "^0.11.4",
+        "inherits": "^2.0.4",
+        "url-parse": "^1.5.10"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://tidelift.com/funding/github/npm/sockjs-client"
+      }
+    },
+    "node_modules/sockjs-client/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/sockjs-client/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sockjs/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/sort-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
+      "integrity": "sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-obj": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/sort-keys/node_modules/is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-list-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "node_modules/spdy-transport/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/spdy-transport/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/spdy-transport/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/spdy/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/spdy/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/sshpk": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ssri": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
+      "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "figgy-pudding": "^3.5.1"
+      }
+    },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stack-utils": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-1.0.5.tgz",
+      "integrity": "sha512-KZiTzuV3CnSnSvgMRrARVCj+Ht7rMbauGDK0LdVFRGyenwdylpajAp4Q0i6SX8rEmbTpMMf6ryq2gb8pPq2WgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/std-env": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-2.3.1.tgz",
+      "integrity": "sha512-eOsoKTWnr6C8aWrqJJ2KAReXoa7Vn5Ywyw6uCXgA/xDhxPoaIsBa5aNJmISY04dLwXPBnDHW4diGM7Sn5K4R/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ci-info": "^3.1.1"
+      }
+    },
+    "node_modules/std-env/node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stream-browserify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.1",
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "node_modules/stream-each": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz",
+      "integrity": "sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/stream-http": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "builtin-status-codes": "^3.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.3.6",
+        "to-arraybuffer": "^1.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
+    "node_modules/stream-shift": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
+      "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+      "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^7.0.1",
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-bom-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
+      "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/striptags": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.1.1.tgz",
+      "integrity": "sha512-3HVl+cOkJOlNUDAYdoCAfGx/fzUzG53YvJAl3RYlTvAcBdPqSp1Uv4wrmHymm7oEypTijSQqcqplW8cz0/r/YA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stylehacks": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
+      "integrity": "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/stylehacks/node_modules/postcss-selector-parser": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+      "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-prop": "^5.2.0",
+        "indexes-of": "^1.0.1",
+        "uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylus": {
+      "version": "0.54.8",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.8.tgz",
+      "integrity": "sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-parse": "~2.0.0",
+        "debug": "~3.1.0",
+        "glob": "^7.1.6",
+        "mkdirp": "~1.0.4",
+        "safer-buffer": "^2.1.2",
+        "sax": "~1.2.4",
+        "semver": "^6.3.0",
+        "source-map": "^0.7.3"
+      },
+      "bin": {
+        "stylus": "bin/stylus"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/stylus-loader": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/stylus-loader/-/stylus-loader-3.0.2.tgz",
+      "integrity": "sha512-+VomPdZ6a0razP+zinir61yZgpw2NfljeSsdUF5kJuEzlo3khXhY19Fn6l8QQz1GRJGtMCo8nG5C04ePyV7SUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^1.0.2",
+        "lodash.clonedeep": "^4.5.0",
+        "when": "~3.6.x"
+      },
+      "peerDependencies": {
+        "stylus": ">=0.52.4"
+      }
+    },
+    "node_modules/stylus/node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/stylus/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stylus/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-color/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "node_modules/svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
+      }
+    },
+    "node_modules/svgo/node_modules/css-what": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/svgo/node_modules/dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/dom-serializer/node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/svgo/node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/svgo/node_modules/domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/svgo/node_modules/nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "~1.0.0"
+      }
+    },
+    "node_modules/svgo/node_modules/util.promisify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.2",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/term-size": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+      "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/terser": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
+      "integrity": "sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cacache": "^12.0.2",
+        "find-cache-dir": "^2.1.0",
+        "is-wsl": "^1.1.0",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^4.0.0",
+        "source-map": "^0.6.1",
+        "terser": "^4.1.2",
+        "webpack-sources": "^1.4.0",
+        "worker-farm": "^1.7.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/timers-browserify": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+      "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "setimmediate": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/timsort": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
+      "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-arraybuffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+      "integrity": "sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-factory": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-factory/-/to-factory-1.0.0.tgz",
+      "integrity": "sha512-JVYrY42wMG7ddf+wBUQR/uHGbjUHZbLisJ8N62AMm0iTZ0p8YTcZLzdtomU0+H+wa99VbkyvQGB3zxB7NDzgIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-object-path/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/toml": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/toml/-/toml-3.0.0.tgz",
+      "integrity": "sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/toposort": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
+      "integrity": "sha512-FclLrw8b9bMWf4QlCJuHBEVhSRsqDj6u3nIjAzPeJvgl//1hBlffdlk0MALceL14+koWEdU4ofRAXofbODxQzg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
+      "integrity": "sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/tty-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+      "integrity": "sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
+      "dev": true,
+      "license": "Unlicense"
+    },
+    "node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/uglify-js": {
+      "version": "3.4.10",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
+      "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "commander": "~2.19.0",
+        "source-map": "~0.6.1"
+      },
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/uglify-js/node_modules/commander": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
+      "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "5.25.3",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
+      "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/uniq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+      "integrity": "sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/uniqs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+      "integrity": "sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unique-filename": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+      "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "unique-slug": "^2.0.0"
+      }
+    },
+    "node_modules/unique-slug": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+      "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4"
+      }
+    },
+    "node_modules/unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crypto-random-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+      "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-value": "^2.0.3",
+        "has-values": "^0.1.4",
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-values": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+      "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/upath": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/update-browserslist-db/node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/update-notifier": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-4.1.3.tgz",
+      "integrity": "sha512-Yld6Z0RyCYGB6ckIjffGOSOmHXj1gMeE7aROz4MG+XMkmixBX4jUngrGXNYz7wPKBmtoD4MnBa2Anu7RSKht/A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boxen": "^4.2.0",
+        "chalk": "^3.0.0",
+        "configstore": "^5.0.1",
+        "has-yarn": "^2.1.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^2.0.0",
+        "is-installed-globally": "^0.3.1",
+        "is-npm": "^4.0.0",
+        "is-yarn-global": "^0.3.0",
+        "latest-version": "^5.0.0",
+        "pupa": "^2.0.1",
+        "semver-diff": "^3.1.1",
+        "xdg-basedir": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/yeoman/update-notifier?sponsor=1"
+      }
+    },
+    "node_modules/update-notifier/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/update-notifier/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/update-notifier/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/upper-case": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
+      "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/url": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.3.tgz",
+      "integrity": "sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.11.2"
+      }
+    },
+    "node_modules/url-loader": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-1.1.2.tgz",
+      "integrity": "sha512-dXHkKmw8FhPqu8asTc1puBfe3TehOCo2+RmOOev5suNCIYBcT626kxiWg1NBVkwc4rO8BGa7gP70W7VXuqHrjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^1.1.0",
+        "mime": "^2.0.3",
+        "schema-utils": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prepend-http": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/url/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/url/node_modules/qs": {
+      "version": "6.11.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+      "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/util": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+      "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "2.0.3"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/util.promisify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
+      "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.2",
+        "object.getownpropertydescriptors": "^2.0.3"
+      }
+    },
+    "node_modules/util/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vendors": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
+      "dev": true,
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "node_modules/verror/node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/verror/node_modules/extsprintf": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.4.1.tgz",
+      "integrity": "sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==",
+      "dev": true,
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/vm-browserify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+      "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.14",
+        "csstype": "^3.1.0"
+      }
+    },
+    "node_modules/vue-hot-reload-api": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
+      "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue-loader": {
+      "version": "15.11.1",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
+      "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/component-compiler-utils": "^3.1.0",
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.1.0",
+        "vue-hot-reload-api": "^2.3.0",
+        "vue-style-loader": "^4.1.0"
+      },
+      "peerDependencies": {
+        "css-loader": "*",
+        "webpack": "^3.0.0 || ^4.1.0 || ^5.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "cache-loader": {
+          "optional": true
+        },
+        "prettier": {
+          "optional": true
+        },
+        "vue-template-compiler": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
+      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue-server-renderer": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue-server-renderer/-/vue-server-renderer-2.7.14.tgz",
+      "integrity": "sha512-NlGFn24tnUrj7Sqb8njhIhWREuCJcM3140aMunLNcx951BHG8j3XOrPP7psSCaFA8z6L4IWEjudztdwTp1CBVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "hash-sum": "^2.0.0",
+        "he": "^1.2.0",
+        "lodash.template": "^4.5.0",
+        "lodash.uniq": "^4.5.0",
+        "resolve": "^1.22.0",
+        "serialize-javascript": "^6.0.0",
+        "source-map": "0.5.6"
+      }
+    },
+    "node_modules/vue-server-renderer/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/vue-server-renderer/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/vue-server-renderer/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/vue-server-renderer/node_modules/hash-sum": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue-server-renderer/node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/vue-server-renderer/node_modules/source-map": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+      "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vue-style-loader": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
+      "integrity": "sha512-sFuh0xfbtpRlKfm39ss/ikqs9AbKCoXZBpHeVZ8Tx650o0k0q/YCM7FRvigtxpACezfq6af+a7JeqVTWvncqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.0.2"
+      }
+    },
+    "node_modules/vue-template-compiler": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
+      "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "node_modules/vue-template-es2015-compiler": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
+      "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vuepress": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/vuepress/-/vuepress-1.9.10.tgz",
+      "integrity": "sha512-UnGm9vjQvG918SZVNvgiUlNimLqawdYPq0aPRXDpEB1VksvqegVFy/GKdA8ShXJaEpOMPSt7YD4uK21jaMs3kA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/core": "1.9.10",
+        "@vuepress/theme-default": "1.9.10",
+        "@vuepress/types": "1.9.10",
+        "cac": "^6.5.6",
+        "envinfo": "^7.2.0",
+        "opencollective-postinstall": "^2.0.2",
+        "update-notifier": "^4.0.0"
+      },
+      "bin": {
+        "vuepress": "cli.js"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/vuepress-html-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/vuepress-html-webpack-plugin/-/vuepress-html-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-BebAEl1BmWlro3+VyDhIOCY6Gef2MCBllEVAP3NUAtMguiyOwo/dClbwJ167WYmcxHJKLl7b0Chr9H7fpn1d0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "html-minifier": "^3.2.3",
+        "loader-utils": "^0.2.16",
+        "lodash": "^4.17.3",
+        "pretty-error": "^2.0.2",
+        "tapable": "^1.0.0",
+        "toposort": "^1.0.0",
+        "util.promisify": "1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9"
+      },
+      "peerDependencies": {
+        "webpack": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/vuepress-html-webpack-plugin/node_modules/big.js": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
+      "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/vuepress-html-webpack-plugin/node_modules/emojis-list": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+      "integrity": "sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/vuepress-html-webpack-plugin/node_modules/json5": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+      "integrity": "sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/vuepress-html-webpack-plugin/node_modules/loader-utils": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+      "integrity": "sha512-tiv66G0SmiOx+pLWMtGEkfSEejxvb6N6uRrQjfWJIT79W9GMpgKeCAmm9aVBKtd4WEgntciI8CsGqjpDoCWJug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^3.1.3",
+        "emojis-list": "^2.0.0",
+        "json5": "^0.5.0",
+        "object-assign": "^4.0.1"
+      }
+    },
+    "node_modules/vuepress-plugin-baidu-autopush": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-baidu-autopush/-/vuepress-plugin-baidu-autopush-1.0.1.tgz",
+      "integrity": "sha512-KVQkrmMgPY+GG8dtI2wcRxUv1n2h5DM8aFs75ltsSlFBSS9C/vfLb2LmywXAsoCXk2EHya2p66cpn7BxofK+Mw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vuepress-plugin-code-copy": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-code-copy/-/vuepress-plugin-code-copy-1.0.6.tgz",
+      "integrity": "sha512-FiqwMtlb4rEsOI56O6sSkekcd3SlESxbkR2IaTIQxsMOMoalKfW5R9WlR1Pjm10v6jmU661Ex8MR11k9IzrNUg==",
+      "license": "GPL-3.0-or-later"
+    },
+    "node_modules/vuepress-plugin-container": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-container/-/vuepress-plugin-container-2.1.5.tgz",
+      "integrity": "sha512-TQrDX/v+WHOihj3jpilVnjXu9RcTm6m8tzljNJwYhxnJUW0WWQ0hFLcDTqTBwgKIFdEiSxVOmYE+bJX/sq46MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vuepress/shared-utils": "^1.2.0",
+        "markdown-it-container": "^2.0.0"
+      }
+    },
+    "node_modules/vuepress-plugin-feed": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-feed/-/vuepress-plugin-feed-0.1.9.tgz",
+      "integrity": "sha512-iOJkR7zPmJAX0TEVdxNsUT07xNQB6lZFpU7DqsYzO01FhaPkMOOVM5Vx5a/iOOuOggAeoI9H9yuah+cRmCImlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "feed": "2.0.4",
+        "lodash.defaultsdeep": "4.6.1",
+        "lodash.isempty": "4.4.0",
+        "lodash.trimend": "^4.5.1",
+        "lodash.trimstart": "^4.5.1",
+        "remove-markdown": "0.3.0",
+        "striptags": "3.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "vuepress": "1.x"
+      }
+    },
+    "node_modules/vuepress-plugin-img-lazy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-img-lazy/-/vuepress-plugin-img-lazy-1.0.4.tgz",
+      "integrity": "sha512-4mMIy3vZzNZupFuohPKlOHGd0rNZEMEHEyN8b2M3j1yBANrkhGg1wNnpsdpe7ZnLdtVpxH3JQT7a3TDdxLLFmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "markdown-it-img-lazy": "^1.0.2",
+        "markdown-it-imsize": "^2.0.1"
+      }
+    },
+    "node_modules/vuepress-plugin-seo": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-seo/-/vuepress-plugin-seo-0.1.4.tgz",
+      "integrity": "sha512-foNKrAAKihiC47bx0UXFzs/+BIFmnowTQsLVF/8pfsnsPDp8FXjkTGyjxyjOhbwj7ADPv32CdX3pEoYGnZ7OjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vuepress-plugin-sitemap": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-sitemap/-/vuepress-plugin-sitemap-2.3.1.tgz",
+      "integrity": "sha512-n+8lbukhrKrsI9H/EX0EBgkE1pn85LAQFvQ5dIvrZP4Kz6JxPOPPNTQmZMhahQV1tXbLZQCEN7A1WZH4x+arJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sitemap": "^3.0.0"
+      },
+      "bin": {
+        "vuepress-sitemap": "cli.js"
+      },
+      "peerDependencies": {
+        "chalk": "^2.0.0",
+        "commander": "^2.0.0",
+        "esm": "^3.0.0"
+      }
+    },
+    "node_modules/vuepress-plugin-smooth-scroll": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-smooth-scroll/-/vuepress-plugin-smooth-scroll-0.0.3.tgz",
+      "integrity": "sha512-qsQkDftLVFLe8BiviIHaLV0Ea38YLZKKonDGsNQy1IE0wllFpFIEldWD8frWZtDFdx6b/O3KDMgVQ0qp5NjJCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "smoothscroll-polyfill": "^0.4.3"
+      }
+    },
+    "node_modules/vuepress-plugin-tags": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-tags/-/vuepress-plugin-tags-1.0.2.tgz",
+      "integrity": "sha512-6BL53cnZ72ZOlYDlhsE92sIZCzuNHoVLtWDeFd36Gw7eoQuuR3Rk95ND8EHsgSo26SSPo1/H+zyYtzXecdyD+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/watchpack": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
+      "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "neo-async": "^2.5.0"
+      },
+      "optionalDependencies": {
+        "chokidar": "^3.4.1",
+        "watchpack-chokidar2": "^2.0.1"
+      }
+    },
+    "node_modules/watchpack-chokidar2": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz",
+      "integrity": "sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chokidar": "^2.1.8"
+      }
+    },
+    "node_modules/watchpack/node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/watchpack/node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/watchpack/node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/watchpack/node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/watchpack/node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/watchpack/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/watchpack/node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/watchpack/node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/watchpack/node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/watchpack/node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
+      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/webpack": {
+      "version": "4.47.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.47.0.tgz",
+      "integrity": "sha512-td7fYwgLSrky3fI1EuU5cneU4+pbH6GgOfuKNS1tNPcfdGinGELAqsb/BP4nnvZyKSG2i/xFGU7+n2PvZA8HJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/wasm-edit": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "acorn": "^6.4.1",
+        "ajv": "^6.10.2",
+        "ajv-keywords": "^3.4.1",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^4.5.0",
+        "eslint-scope": "^4.0.3",
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^2.4.0",
+        "loader-utils": "^1.2.3",
+        "memory-fs": "^0.4.1",
+        "micromatch": "^3.1.10",
+        "mkdirp": "^0.5.3",
+        "neo-async": "^2.6.1",
+        "node-libs-browser": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "tapable": "^1.1.3",
+        "terser-webpack-plugin": "^1.4.3",
+        "watchpack": "^1.7.4",
+        "webpack-sources": "^1.4.1"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=6.11.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        },
+        "webpack-command": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-chain": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/webpack-chain/-/webpack-chain-6.5.1.tgz",
+      "integrity": "sha512-7doO/SRtLu8q5WM0s7vPKPWX580qhi0/yBHkOxNkv50f6qB76Zy9o2wRTrrPULqYTvQlVHuvbA8v+G5ayuUDsA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "deepmerge": "^1.5.2",
+        "javascript-stringify": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/webpack-dev-middleware": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz",
+      "integrity": "sha512-djelc/zGiz9nZj/U7PTBi2ViorGJXEWo/3ltkPbDyxCXhhEXkW0ce99falaok4TPj+AsxLiXJR0EBOb0zh9fKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "memory-fs": "^0.4.1",
+        "mime": "^2.4.4",
+        "mkdirp": "^0.5.1",
+        "range-parser": "^1.2.1",
+        "webpack-log": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "3.11.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.3.tgz",
+      "integrity": "sha512-3x31rjbEQWKMNzacUZRE6wXvUFuGpH7vr0lIEbYpMAG9BOxi0928QU1BBswOAP3kg3H1O4hiS+sq4YyAn6ANnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-html-community": "0.0.8",
+        "bonjour": "^3.5.0",
+        "chokidar": "^2.1.8",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^1.6.0",
+        "debug": "^4.1.1",
+        "del": "^4.1.1",
+        "express": "^4.17.1",
+        "html-entities": "^1.3.1",
+        "http-proxy-middleware": "0.19.1",
+        "import-local": "^2.0.0",
+        "internal-ip": "^4.3.0",
+        "ip": "^1.1.5",
+        "is-absolute-url": "^3.0.3",
+        "killable": "^1.0.1",
+        "loglevel": "^1.6.8",
+        "opn": "^5.5.0",
+        "p-retry": "^3.0.1",
+        "portfinder": "^1.0.26",
+        "schema-utils": "^1.0.0",
+        "selfsigned": "^1.10.8",
+        "semver": "^6.3.0",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.21",
+        "sockjs-client": "^1.5.0",
+        "spdy": "^4.0.2",
+        "strip-ansi": "^3.0.1",
+        "supports-color": "^6.1.0",
+        "url": "^0.11.0",
+        "webpack-dev-middleware": "^3.7.2",
+        "webpack-log": "^2.0.0",
+        "ws": "^6.2.1",
+        "yargs": "^13.3.2"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 6.11.5"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/supports-color": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+      "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/webpack-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-2.0.0.tgz",
+      "integrity": "sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-colors": "^3.0.0",
+        "uuid": "^3.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/webpack-merge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.2.tgz",
+      "integrity": "sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "source-list-map": "^2.0.0",
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/webpackbar": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/webpackbar/-/webpackbar-3.2.0.tgz",
+      "integrity": "sha512-PC4o+1c8gWWileUfwabe0gqptlXUDJd5E0zbpr2xHP1VSOVlZVPBZ8j6NCR8zM5zbKdxPhctHXahgpNK1qFDPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^4.1.0",
+        "chalk": "^2.4.1",
+        "consola": "^2.6.0",
+        "figures": "^3.0.0",
+        "pretty-time": "^1.1.0",
+        "std-env": "^2.2.1",
+        "text-table": "^0.2.0",
+        "wrap-ansi": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 6.9.0"
+      },
+      "peerDependencies": {
+        "webpack": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
+      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash.sortby": "^4.7.0",
+        "tr46": "^1.0.1",
+        "webidl-conversions": "^4.0.2"
+      }
+    },
+    "node_modules/when": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/when/-/when-3.6.4.tgz",
+      "integrity": "sha512-d1VUP9F96w664lKINMGeElWdhhb5sC+thXM+ydZGU3ZnaE09Wv6FaS+mpM9570kcDs/xMfcXJBTLsMdHEFYY9Q==",
+      "dev": true
+    },
+    "node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/widest-line": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
+      "integrity": "sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/widest-line/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/widest-line/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/widest-line/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/widest-line/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/widest-line/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/worker-farm": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
+      "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "errno": "~0.1.7"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+      "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.0",
+        "string-width": "^3.0.0",
+        "strip-ansi": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
+    "node_modules/ws": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "node_modules/xdg-basedir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+      "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/xml": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/xml/-/xml-1.0.1.tgz",
+      "integrity": "sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/xmlbuilder": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-13.0.2.tgz",
+      "integrity": "sha512-Eux0i2QdDYKbdbA6AM6xE4m6ZTZr4G4xF9kahI2ukSEMCzwce2eX9WlTI5J3s+NU7hpasFsr8hWIONae7LluAQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+      "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^5.0.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^3.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^13.1.2"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "13.1.2",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+      "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      }
+    },
+    "node_modules/zepto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/zepto/-/zepto-1.2.0.tgz",
+      "integrity": "sha512-C1x6lfvBICFTQIMgbt3JqMOno3VOtkWat/xEakLTOurskYIHPmzJrzd1e8BnmtdDVJlGuk5D+FxyCA8MPmkIyA==",
+      "dev": true,
+      "license": "MIT"
+    }
+  },
+  "dependencies": {
+    "@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@babel/code-frame": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "dev": true,
+      "requires": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      }
+    },
+    "@babel/compat-data": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.2.tgz",
+      "integrity": "sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==",
+      "dev": true
+    },
+    "@babel/core": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz",
+      "integrity": "sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==",
+      "dev": true,
+      "requires": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helpers": "^7.23.2",
+        "@babel/parser": "^7.23.0",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/generator": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
+      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.23.0",
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jsesc": "^2.5.1"
+      }
+    },
+    "@babel/helper-annotate-as-pure": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
+      "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.5"
+      }
+    },
+    "@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
+      "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.15"
+      }
+    },
+    "@babel/helper-compilation-targets": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
+      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.15",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      }
+    },
+    "@babel/helper-create-class-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      }
+    },
+    "@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
+      "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      }
+    },
+    "@babel/helper-define-polyfill-provider": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
+      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true
+    },
+    "@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.0"
+      }
+    },
+    "@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.5"
+      }
+    },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
+      "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.23.0"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
+      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.15"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
+      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      }
+    },
+    "@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.5"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
+      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
+      "dev": true
+    },
+    "@babel/helper-remap-async-to-generator": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
+      "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-wrap-function": "^7.22.20"
+      }
+    },
+    "@babel/helper-replace-supers": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
+      "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-member-expression-to-functions": "^7.22.15",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      }
+    },
+    "@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.5"
+      }
+    },
+    "@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.5"
+      }
+    },
+    "@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.22.5"
+      }
+    },
+    "@babel/helper-string-parser": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "dev": true
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "dev": true
+    },
+    "@babel/helper-validator-option": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
+      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
+      "dev": true
+    },
+    "@babel/helper-wrap-function": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
+      "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.22.19"
+      }
+    },
+    "@babel/helpers": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz",
+      "integrity": "sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.23.2",
+        "@babel/types": "^7.23.0"
+      }
+    },
+    "@babel/highlight": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
+      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      }
+    },
+    "@babel/parser": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
+      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
+      "dev": true
+    },
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz",
+      "integrity": "sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz",
+      "integrity": "sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-transform-optional-chaining": "^7.22.15"
+      }
+    },
+    "@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      }
+    },
+    "@babel/plugin-proposal-decorators": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.2.tgz",
+      "integrity": "sha512-eR0gJQc830fJVGz37oKLvt9W9uUIQSAovUl0e9sJ3YeO09dlcoBVYD3CLrjCj4qHdXmfiyTyFt8yeQYSN5fxLg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.20",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/plugin-syntax-decorators": "^7.22.10"
+      }
+    },
+    "@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "requires": {}
+    },
+    "@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      }
+    },
+    "@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      }
+    },
+    "@babel/plugin-syntax-decorators": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.22.10.tgz",
+      "integrity": "sha512-z1KTVemBjnz+kSEilAsI4lbkPOl5TvJH7YDSY1CTIzvLWJ+KHXp+mRe8VPmfnyvqOPqar1V2gid2PleKzRUstQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-import-assertions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
+      "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-syntax-import-attributes": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
+      "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
+    "@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-jsx": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
+      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
+    "@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      }
+    },
+    "@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      }
+    },
+    "@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      }
+    },
+    "@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      }
+    },
+    "@babel/plugin-transform-arrow-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
+      "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-async-generator-functions": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.2.tgz",
+      "integrity": "sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.20",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      }
+    },
+    "@babel/plugin-transform-async-to-generator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
+      "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
+      "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-block-scoping": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz",
+      "integrity": "sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-class-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
+      "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-class-static-block": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz",
+      "integrity": "sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      }
+    },
+    "@babel/plugin-transform-classes": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz",
+      "integrity": "sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/plugin-transform-computed-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
+      "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-destructuring": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz",
+      "integrity": "sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-dotall-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
+      "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-duplicate-keys": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
+      "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-dynamic-import": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz",
+      "integrity": "sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
+      "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-export-namespace-from": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz",
+      "integrity": "sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-for-of": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz",
+      "integrity": "sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
+      "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-json-strings": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz",
+      "integrity": "sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
+      "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz",
+      "integrity": "sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      }
+    },
+    "@babel/plugin-transform-member-expression-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
+      "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-modules-amd": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz",
+      "integrity": "sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-modules-commonjs": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz",
+      "integrity": "sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-modules-systemjs": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz",
+      "integrity": "sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.23.0",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20"
+      }
+    },
+    "@babel/plugin-transform-modules-umd": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
+      "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-new-target": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
+      "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz",
+      "integrity": "sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-numeric-separator": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz",
+      "integrity": "sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      }
+    },
+    "@babel/plugin-transform-object-rest-spread": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz",
+      "integrity": "sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.22.15"
+      }
+    },
+    "@babel/plugin-transform-object-super": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
+      "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz",
+      "integrity": "sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-optional-chaining": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz",
+      "integrity": "sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-parameters": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz",
+      "integrity": "sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-private-methods": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
+      "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-private-property-in-object": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz",
+      "integrity": "sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.11",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      }
+    },
+    "@babel/plugin-transform-property-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
+      "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-regenerator": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
+      "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      }
+    },
+    "@babel/plugin-transform-reserved-words": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
+      "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-runtime": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.2.tgz",
+      "integrity": "sha512-XOntj6icgzMS58jPVtQpiuF6ZFWxQiJavISGx5KGjRj+3gqZr8+N6Kx+N9BApWzgS+DOjIZfXXj0ZesenOWDyA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "semver": "^6.3.1"
+      }
+    },
+    "@babel/plugin-transform-shorthand-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
+      "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-spread": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
+      "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-sticky-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
+      "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-template-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
+      "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-typeof-symbol": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
+      "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-unicode-escapes": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
+      "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
+      "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-unicode-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
+      "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
+      "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      }
+    },
+    "@babel/preset-env": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.2.tgz",
+      "integrity": "sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.23.2",
+        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.15",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+        "@babel/plugin-syntax-import-assertions": "^7.22.5",
+        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.22.5",
+        "@babel/plugin-transform-async-generator-functions": "^7.23.2",
+        "@babel/plugin-transform-async-to-generator": "^7.22.5",
+        "@babel/plugin-transform-block-scoped-functions": "^7.22.5",
+        "@babel/plugin-transform-block-scoping": "^7.23.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-class-static-block": "^7.22.11",
+        "@babel/plugin-transform-classes": "^7.22.15",
+        "@babel/plugin-transform-computed-properties": "^7.22.5",
+        "@babel/plugin-transform-destructuring": "^7.23.0",
+        "@babel/plugin-transform-dotall-regex": "^7.22.5",
+        "@babel/plugin-transform-duplicate-keys": "^7.22.5",
+        "@babel/plugin-transform-dynamic-import": "^7.22.11",
+        "@babel/plugin-transform-exponentiation-operator": "^7.22.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.22.11",
+        "@babel/plugin-transform-for-of": "^7.22.15",
+        "@babel/plugin-transform-function-name": "^7.22.5",
+        "@babel/plugin-transform-json-strings": "^7.22.11",
+        "@babel/plugin-transform-literals": "^7.22.5",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.22.11",
+        "@babel/plugin-transform-member-expression-literals": "^7.22.5",
+        "@babel/plugin-transform-modules-amd": "^7.23.0",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-modules-systemjs": "^7.23.0",
+        "@babel/plugin-transform-modules-umd": "^7.22.5",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.22.5",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-numeric-separator": "^7.22.11",
+        "@babel/plugin-transform-object-rest-spread": "^7.22.15",
+        "@babel/plugin-transform-object-super": "^7.22.5",
+        "@babel/plugin-transform-optional-catch-binding": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.23.0",
+        "@babel/plugin-transform-parameters": "^7.22.15",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/plugin-transform-private-property-in-object": "^7.22.11",
+        "@babel/plugin-transform-property-literals": "^7.22.5",
+        "@babel/plugin-transform-regenerator": "^7.22.10",
+        "@babel/plugin-transform-reserved-words": "^7.22.5",
+        "@babel/plugin-transform-shorthand-properties": "^7.22.5",
+        "@babel/plugin-transform-spread": "^7.22.5",
+        "@babel/plugin-transform-sticky-regex": "^7.22.5",
+        "@babel/plugin-transform-template-literals": "^7.22.5",
+        "@babel/plugin-transform-typeof-symbol": "^7.22.5",
+        "@babel/plugin-transform-unicode-escapes": "^7.22.10",
+        "@babel/plugin-transform-unicode-property-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.22.5",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "@babel/types": "^7.23.0",
+        "babel-plugin-polyfill-corejs2": "^0.4.6",
+        "babel-plugin-polyfill-corejs3": "^0.8.5",
+        "babel-plugin-polyfill-regenerator": "^0.5.3",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      }
+    },
+    "@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      }
+    },
+    "@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
+      "dev": true
+    },
+    "@babel/runtime": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "dev": true,
+      "requires": {
+        "regenerator-runtime": "^0.14.0"
+      }
+    },
+    "@babel/template": {
+      "version": "7.22.15",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
+      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/parser": "^7.22.15",
+        "@babel/types": "^7.22.15"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.0",
+        "@babel/types": "^7.23.0",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
+    "@babel/types": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
+      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "to-fast-properties": "^2.0.0"
+      }
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true
+    },
+    "@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "@mrmlnc/readdir-enhanced": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz",
+      "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==",
+      "dev": true,
+      "requires": {
+        "call-me-maybe": "^1.0.1",
+        "glob-to-regexp": "^0.3.0"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
+      "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
+      "dev": true
+    },
+    "@sindresorhus/is": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+      "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==",
+      "dev": true
+    },
+    "@szmarczak/http-timer": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+      "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+      "dev": true,
+      "requires": {
+        "defer-to-connect": "^1.0.1"
+      }
+    },
+    "@types/body-parser": {
+      "version": "1.19.4",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.4.tgz",
+      "integrity": "sha512-N7UDG0/xiPQa2D/XrVJXjkWbpqHCd2sBaB32ggRF2l83RhPfamgKGF8gwwqyksS95qUS5ZYF9aF+lLPRlwI2UA==",
+      "dev": true,
+      "requires": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/connect": {
+      "version": "3.4.37",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.37.tgz",
+      "integrity": "sha512-zBUSRqkfZ59OcwXon4HVxhx5oWCJmc0OtBTK05M+p0dYjgN6iTwIL2T/WbsQZrEsdnwaF9cWQ+azOnpPvIqY3Q==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/connect-history-api-fallback": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.2.tgz",
+      "integrity": "sha512-gX2j9x+NzSh4zOhnRPSdPPmTepS4DfxES0AvIFv3jGv5QyeAJf6u6dY5/BAoAJU9Qq1uTvwOku8SSC2GnCRl6Q==",
+      "dev": true,
+      "requires": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/express": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.20.tgz",
+      "integrity": "sha512-rOaqlkgEvOW495xErXMsmyX3WKBInbhG5eqojXYi3cGUaLoRDlXa5d52fkfWZT963AZ3v2eZ4MbKE6WpDAGVsw==",
+      "dev": true,
+      "requires": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "@types/express-serve-static-core": {
+      "version": "4.17.39",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.39.tgz",
+      "integrity": "sha512-BiEUfAiGCOllomsRAZOiMFP7LAnrifHpt56pc4Z7l9K6ACyN06Ns1JLMBxwkfLOjJRlSf06NwWsT7yzfpaVpyQ==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "@types/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+      "dev": true,
+      "requires": {
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/highlight.js": {
+      "version": "9.12.4",
+      "resolved": "https://registry.npmjs.org/@types/highlight.js/-/highlight.js-9.12.4.tgz",
+      "integrity": "sha512-t2szdkwmg2JJyuCM20e8kR2X59WCE5Zkl4bzm1u1Oukjm79zpbiAv+QjnwLnuuV0WHEcX2NgUItu0pAMKuOPww==",
+      "dev": true
+    },
+    "@types/http-errors": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.3.tgz",
+      "integrity": "sha512-pP0P/9BnCj1OVvQR2lF41EkDG/lWWnDyA203b/4Fmi2eTyORnBtcDoKDwjWQthELrBvWkMOrvSOnZ8OVlW6tXA==",
+      "dev": true
+    },
+    "@types/http-proxy": {
+      "version": "1.17.13",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.13.tgz",
+      "integrity": "sha512-GkhdWcMNiR5QSQRYnJ+/oXzu0+7JJEPC8vkWXK351BkhjraZF+1W13CUYARUvX9+NqIU2n6YHA4iwywsc/M6Sw==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/json-schema": {
+      "version": "7.0.14",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.14.tgz",
+      "integrity": "sha512-U3PUjAudAdJBeC2pgN8uTIKgxrb4nlDF3SF0++EldXQvQBGkpFZMSnwQiIoDU77tv45VgNkl/L4ouD+rEomujw==",
+      "dev": true
+    },
+    "@types/linkify-it": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-3.0.4.tgz",
+      "integrity": "sha512-hPpIeeHb/2UuCw06kSNAOVWgehBLXEo0/fUs0mw3W2qhqX89PI2yvok83MnuctYGCPrabGIoi0fFso4DQ+sNUQ==",
+      "dev": true
+    },
+    "@types/markdown-it": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-10.0.3.tgz",
+      "integrity": "sha512-daHJk22isOUvNssVGF2zDnnSyxHhFYhtjeX4oQaKD6QzL3ZR1QSgiD1g+Q6/WSWYVogNXYDXODtbgW/WiFCtyw==",
+      "dev": true,
+      "requires": {
+        "@types/highlight.js": "^9.7.0",
+        "@types/linkify-it": "*",
+        "@types/mdurl": "*",
+        "highlight.js": "^9.7.0"
+      }
+    },
+    "@types/mdurl": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-1.0.4.tgz",
+      "integrity": "sha512-ARVxjAEX5TARFRzpDRVC6cEk0hUIXCCwaMhz8y7S1/PxU6zZS1UMjyobz7q4w/D/R552r4++EhwmXK1N2rAy0A==",
+      "dev": true
+    },
+    "@types/mime": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-3.0.3.tgz",
+      "integrity": "sha512-i8MBln35l856k5iOhKk2XJ4SeAWg75mLIpZB4v6imOagKL6twsukBZGDMNhdOVk7yRFTMPpfILocMos59Q1otQ==",
+      "dev": true
+    },
+    "@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "20.8.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz",
+      "integrity": "sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==",
+      "dev": true,
+      "requires": {
+        "undici-types": "~5.25.1"
+      }
+    },
+    "@types/q": {
+      "version": "1.5.7",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.7.tgz",
+      "integrity": "sha512-HBPgtzp44867rkL+IzQ3560/E/BlobwCjeXsuKqogrcE99SKgZR4tvBBCuNJZMhUFMz26M7cjKWZg785lllwpA==",
+      "dev": true
+    },
+    "@types/qs": {
+      "version": "6.9.9",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.9.tgz",
+      "integrity": "sha512-wYLxw35euwqGvTDx6zfY1vokBFnsK0HNrzc6xNHchxfO2hpuRg74GbkEW7e3sSmPvj0TjCDT1VCa6OtHXnubsg==",
+      "dev": true
+    },
+    "@types/range-parser": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.6.tgz",
+      "integrity": "sha512-+0autS93xyXizIYiyL02FCY8N+KkKPhILhcUSA276HxzreZ16kl+cmwvV2qAM/PuCCwPXzOXOWhiPcw20uSFcA==",
+      "dev": true
+    },
+    "@types/send": {
+      "version": "0.17.3",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.3.tgz",
+      "integrity": "sha512-/7fKxvKUoETxjFUsuFlPB9YndePpxxRAOfGC/yJdc9kTjTeP5kRCTzfnE8kPUKCeyiyIZu0YQ76s50hCedI1ug==",
+      "dev": true,
+      "requires": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      },
+      "dependencies": {
+        "@types/mime": {
+          "version": "1.3.4",
+          "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.4.tgz",
+          "integrity": "sha512-1Gjee59G25MrQGk8bsNvC6fxNiRgUlGn2wlhGf95a59DrprnnHk80FIMMFG9XHMdrfsuA119ht06QPDXA1Z7tw==",
+          "dev": true
+        }
+      }
+    },
+    "@types/serve-static": {
+      "version": "1.15.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.4.tgz",
+      "integrity": "sha512-aqqNfs1XTF0HDrFdlY//+SGUxmdSUbjeRXb5iaZc3x0/vMbYmdw9qvOgHWOyyLFxSSRnUuP5+724zBgfw8/WAw==",
+      "dev": true,
+      "requires": {
+        "@types/http-errors": "*",
+        "@types/mime": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/source-list-map": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.4.tgz",
+      "integrity": "sha512-Kdfm7Sk5VX8dFW7Vbp18+fmAatBewzBILa1raHYxrGEFXT0jNl9x3LWfuW7bTbjEKFNey9Dfkj/UzT6z/NvRlg==",
+      "dev": true
+    },
+    "@types/tapable": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.10.tgz",
+      "integrity": "sha512-q8F20SdXG5fdVJQ5yxsVlH+f+oekP42QeHv4s5KlrxTMT0eopXn7ol1rhxMcksf8ph7XNv811iVDE2hOpUvEPg==",
+      "dev": true
+    },
+    "@types/uglify-js": {
+      "version": "3.17.3",
+      "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.17.3.tgz",
+      "integrity": "sha512-ToldSfJ6wxO21cakcz63oFD1GjqQbKzhZCD57eH7zWuYT5UEZvfUoqvrjX5d+jB9g4a/sFO0n6QSVzzn5sMsjg==",
+      "dev": true,
+      "requires": {
+        "source-map": "^0.6.1"
+      }
+    },
+    "@types/webpack": {
+      "version": "4.41.35",
+      "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.35.tgz",
+      "integrity": "sha512-XRC6HLGHtNfN8/xWeu1YUQV1GSE+28q8lSqvcJ+0xt/zW9Wmn4j9pCSvaXPyRlCKrl5OuqECQNEJUy2vo8oWqg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/tapable": "^1",
+        "@types/uglify-js": "*",
+        "@types/webpack-sources": "*",
+        "anymatch": "^3.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "@types/webpack-dev-server": {
+      "version": "3.11.6",
+      "resolved": "https://registry.npmjs.org/@types/webpack-dev-server/-/webpack-dev-server-3.11.6.tgz",
+      "integrity": "sha512-XCph0RiiqFGetukCTC3KVnY1jwLcZ84illFRMbyFzCcWl90B/76ew0tSqF46oBhnLC4obNDG7dMO0JfTN0MgMQ==",
+      "dev": true,
+      "requires": {
+        "@types/connect-history-api-fallback": "*",
+        "@types/express": "*",
+        "@types/serve-static": "*",
+        "@types/webpack": "^4",
+        "http-proxy-middleware": "^1.0.0"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "http-proxy-middleware": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-1.3.1.tgz",
+          "integrity": "sha512-13eVVDYS4z79w7f1+NPllJtOQFx/FdUW4btIvVRMaRlUY9VGstAbo5MOhLEuUgZFRHn3x50ufn25zkj/boZnEg==",
+          "dev": true,
+          "requires": {
+            "@types/http-proxy": "^1.17.5",
+            "http-proxy": "^1.18.1",
+            "is-glob": "^4.0.1",
+            "is-plain-obj": "^3.0.0",
+            "micromatch": "^4.0.2"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true
+        },
+        "micromatch": {
+          "version": "4.0.5",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+          "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+          "dev": true,
+          "requires": {
+            "braces": "^3.0.2",
+            "picomatch": "^2.3.1"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
+      }
+    },
+    "@types/webpack-sources": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/webpack-sources/-/webpack-sources-3.2.2.tgz",
+      "integrity": "sha512-acCzhuVe+UJy8abiSFQWXELhhNMZjQjQKpLNEi1pKGgKXZj0ul614ATcx4kkhunPost6Xw+aCq8y8cn1/WwAiA==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/source-list-map": "*",
+        "source-map": "^0.7.3"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+          "dev": true
+        }
+      }
+    },
+    "@vue/babel-helper-vue-jsx-merge-props": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
+      "integrity": "sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==",
+      "dev": true
+    },
+    "@vue/babel-helper-vue-transform-on": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.1.5.tgz",
+      "integrity": "sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==",
+      "dev": true
+    },
+    "@vue/babel-plugin-jsx": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.5.tgz",
+      "integrity": "sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.5",
+        "@babel/types": "^7.22.5",
+        "@vue/babel-helper-vue-transform-on": "^1.1.5",
+        "camelcase": "^6.3.0",
+        "html-tags": "^3.3.1",
+        "svg-tags": "^1.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+          "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+          "dev": true
+        },
+        "html-tags": {
+          "version": "3.3.1",
+          "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+          "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+          "dev": true
+        }
+      }
+    },
+    "@vue/babel-plugin-transform-vue-jsx": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.4.0.tgz",
+      "integrity": "sha512-Fmastxw4MMx0vlgLS4XBX0XiBbUFzoMGeVXuMV08wyOfXdikAFqBTuYPR0tlk+XskL19EzHc39SgjrPGY23JnA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+        "html-tags": "^2.0.0",
+        "lodash.kebabcase": "^4.1.1",
+        "svg-tags": "^1.0.0"
+      }
+    },
+    "@vue/babel-preset-app": {
+      "version": "4.5.19",
+      "resolved": "https://registry.npmjs.org/@vue/babel-preset-app/-/babel-preset-app-4.5.19.tgz",
+      "integrity": "sha512-VCNRiAt2P/bLo09rYt3DLe6xXUMlhJwrvU18Ddd/lYJgC7s8+wvhgYs+MTx4OiAXdu58drGwSBO9SPx7C6J82Q==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.11.0",
+        "@babel/helper-compilation-targets": "^7.9.6",
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/plugin-proposal-class-properties": "^7.8.3",
+        "@babel/plugin-proposal-decorators": "^7.8.3",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-jsx": "^7.8.3",
+        "@babel/plugin-transform-runtime": "^7.11.0",
+        "@babel/preset-env": "^7.11.0",
+        "@babel/runtime": "^7.11.0",
+        "@vue/babel-plugin-jsx": "^1.0.3",
+        "@vue/babel-preset-jsx": "^1.2.4",
+        "babel-plugin-dynamic-import-node": "^2.3.3",
+        "core-js": "^3.6.5",
+        "core-js-compat": "^3.6.5",
+        "semver": "^6.1.0"
+      }
+    },
+    "@vue/babel-preset-jsx": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-preset-jsx/-/babel-preset-jsx-1.4.0.tgz",
+      "integrity": "sha512-QmfRpssBOPZWL5xw7fOuHNifCQcNQC1PrOo/4fu6xlhlKJJKSA3HqX92Nvgyx8fqHZTUGMPHmFA+IDqwXlqkSA==",
+      "dev": true,
+      "requires": {
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+        "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
+        "@vue/babel-sugar-composition-api-inject-h": "^1.4.0",
+        "@vue/babel-sugar-composition-api-render-instance": "^1.4.0",
+        "@vue/babel-sugar-functional-vue": "^1.4.0",
+        "@vue/babel-sugar-inject-h": "^1.4.0",
+        "@vue/babel-sugar-v-model": "^1.4.0",
+        "@vue/babel-sugar-v-on": "^1.4.0"
+      }
+    },
+    "@vue/babel-sugar-composition-api-inject-h": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-composition-api-inject-h/-/babel-sugar-composition-api-inject-h-1.4.0.tgz",
+      "integrity": "sha512-VQq6zEddJHctnG4w3TfmlVp5FzDavUSut/DwR0xVoe/mJKXyMcsIibL42wPntozITEoY90aBV0/1d2KjxHU52g==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      }
+    },
+    "@vue/babel-sugar-composition-api-render-instance": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-composition-api-render-instance/-/babel-sugar-composition-api-render-instance-1.4.0.tgz",
+      "integrity": "sha512-6ZDAzcxvy7VcnCjNdHJ59mwK02ZFuP5CnucloidqlZwVQv5CQLijc3lGpR7MD3TWFi78J7+a8J56YxbCtHgT9Q==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      }
+    },
+    "@vue/babel-sugar-functional-vue": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-functional-vue/-/babel-sugar-functional-vue-1.4.0.tgz",
+      "integrity": "sha512-lTEB4WUFNzYt2In6JsoF9sAYVTo84wC4e+PoZWSgM6FUtqRJz7wMylaEhSRgG71YF+wfLD6cc9nqVeXN2rwBvw==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      }
+    },
+    "@vue/babel-sugar-inject-h": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-inject-h/-/babel-sugar-inject-h-1.4.0.tgz",
+      "integrity": "sha512-muwWrPKli77uO2fFM7eA3G1lAGnERuSz2NgAxuOLzrsTlQl8W4G+wwbM4nB6iewlKbwKRae3nL03UaF5ffAPMA==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-syntax-jsx": "^7.2.0"
+      }
+    },
+    "@vue/babel-sugar-v-model": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-v-model/-/babel-sugar-v-model-1.4.0.tgz",
+      "integrity": "sha512-0t4HGgXb7WHYLBciZzN5s0Hzqan4Ue+p/3FdQdcaHAb7s5D9WZFGoSxEZHrR1TFVZlAPu1bejTKGeAzaaG3NCQ==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+        "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
+        "camelcase": "^5.0.0",
+        "html-tags": "^2.0.0",
+        "svg-tags": "^1.0.0"
+      }
+    },
+    "@vue/babel-sugar-v-on": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.4.0.tgz",
+      "integrity": "sha512-m+zud4wKLzSKgQrWwhqRObWzmTuyzl6vOP7024lrpeJM4x2UhQtRDLgYjXAw9xBXjCwS0pP9kXjg91F9ZNo9JA==",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-syntax-jsx": "^7.2.0",
+        "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
+        "camelcase": "^5.0.0"
+      }
+    },
+    "@vue/compiler-sfc": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+      "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
+      "dev": true,
+      "requires": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+          "dev": true
+        },
+        "postcss": {
+          "version": "8.4.31",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+          "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+          "dev": true,
+          "requires": {
+            "nanoid": "^3.3.6",
+            "picocolors": "^1.0.0",
+            "source-map-js": "^1.0.2"
+          }
+        }
+      }
+    },
+    "@vue/component-compiler-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz",
+      "integrity": "sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==",
+      "dev": true,
+      "requires": {
+        "consolidate": "^0.15.1",
+        "hash-sum": "^1.0.2",
+        "lru-cache": "^4.1.2",
+        "merge-source-map": "^1.1.0",
+        "postcss": "^7.0.36",
+        "postcss-selector-parser": "^6.0.2",
+        "prettier": "^1.18.2 || ^2.0.0",
+        "source-map": "~0.6.1",
+        "vue-template-es2015-compiler": "^1.9.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "4.1.5",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+          "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+          "dev": true,
+          "requires": {
+            "pseudomap": "^1.0.2",
+            "yallist": "^2.1.2"
+          }
+        },
+        "yallist": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+          "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+          "dev": true
+        }
+      }
+    },
+    "@vuepress/core": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/core/-/core-1.9.10.tgz",
+      "integrity": "sha512-H9ddo5fSinPb8QYl8OJFbZikMpOW84bm/U3Drzz8CnCXNtpda7CU2wX/XzOhe98G8jp45xhtZRkxOrqzBBAShA==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.8.4",
+        "@vue/babel-preset-app": "^4.1.2",
+        "@vuepress/markdown": "1.9.10",
+        "@vuepress/markdown-loader": "1.9.10",
+        "@vuepress/plugin-last-updated": "1.9.10",
+        "@vuepress/plugin-register-components": "1.9.10",
+        "@vuepress/shared-utils": "1.9.10",
+        "@vuepress/types": "1.9.10",
+        "autoprefixer": "^9.5.1",
+        "babel-loader": "^8.0.4",
+        "bundle-require": "2.1.8",
+        "cache-loader": "^3.0.0",
+        "chokidar": "^2.0.3",
+        "connect-history-api-fallback": "^1.5.0",
+        "copy-webpack-plugin": "^5.0.2",
+        "core-js": "^3.6.4",
+        "cross-spawn": "^6.0.5",
+        "css-loader": "^2.1.1",
+        "esbuild": "0.14.7",
+        "file-loader": "^3.0.1",
+        "js-yaml": "^3.13.1",
+        "lru-cache": "^5.1.1",
+        "mini-css-extract-plugin": "0.6.0",
+        "optimize-css-assets-webpack-plugin": "^5.0.1",
+        "portfinder": "^1.0.13",
+        "postcss-loader": "^3.0.0",
+        "postcss-safe-parser": "^4.0.1",
+        "toml": "^3.0.0",
+        "url-loader": "^1.0.1",
+        "vue": "^2.6.10",
+        "vue-loader": "^15.7.1",
+        "vue-router": "^3.4.5",
+        "vue-server-renderer": "^2.6.10",
+        "vue-template-compiler": "^2.6.10",
+        "vuepress-html-webpack-plugin": "^3.2.0",
+        "vuepress-plugin-container": "^2.0.2",
+        "webpack": "^4.8.1",
+        "webpack-chain": "^6.0.0",
+        "webpack-dev-server": "^3.5.1",
+        "webpack-merge": "^4.1.2",
+        "webpackbar": "3.2.0"
+      }
+    },
+    "@vuepress/markdown": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/markdown/-/markdown-1.9.10.tgz",
+      "integrity": "sha512-sXTLjeZzH8SQuAL5AEH0hhsMljjNJbzWbBvzaj5yQCCdf+3sp/dJ0kwnBSnQjFPPnzPg5t3tLKGUYHyW0KiKzA==",
+      "dev": true,
+      "requires": {
+        "@vuepress/shared-utils": "1.9.10",
+        "markdown-it": "^8.4.1",
+        "markdown-it-anchor": "^5.0.2",
+        "markdown-it-chain": "^1.3.0",
+        "markdown-it-emoji": "^1.4.0",
+        "markdown-it-table-of-contents": "^0.4.0",
+        "prismjs": "^1.13.0"
+      }
+    },
+    "@vuepress/markdown-loader": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/markdown-loader/-/markdown-loader-1.9.10.tgz",
+      "integrity": "sha512-94BlwKc+lOaN/A5DkyA9KWHvMlMC1sWunAXE3Tv0WYzgYLDs9QqCsx7L5kLkpcOOVVm/8kBJumnXvVBwhqJddw==",
+      "dev": true,
+      "requires": {
+        "@vuepress/markdown": "1.9.10",
+        "loader-utils": "^1.1.0",
+        "lru-cache": "^5.1.1"
+      }
+    },
+    "@vuepress/plugin-active-header-links": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-active-header-links/-/plugin-active-header-links-1.9.10.tgz",
+      "integrity": "sha512-2dRr3DE2UBFXhyMtLR3sGTdRyDM8YStuY6AOoQmoSgwy1IHt7PO7ypOuf1akF+1Nv8Q2aISU06q6TExZouu3Mw==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10",
+        "lodash.debounce": "^4.0.8"
+      }
+    },
+    "@vuepress/plugin-back-to-top": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-back-to-top/-/plugin-back-to-top-1.9.10.tgz",
+      "integrity": "sha512-iInIp66wu717CAnT2pyd9Bs/vAgrUBOBIQ7WMnfJo07cW/ZIothpyrSHnpCRSsfJ/jLivMPqW0pviqppt64BzQ==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10",
+        "lodash.debounce": "^4.0.8"
+      }
+    },
+    "@vuepress/plugin-google-analytics": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-google-analytics/-/plugin-google-analytics-1.9.10.tgz",
+      "integrity": "sha512-AyQ3IFbYIHhuTQCUBMez6qpgvqOYT05cVoxuezuCpmBQBp+xSDjTXB+C9YjP+5w3thY5x1K+13QPJfFWW8S0mA==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10"
+      }
+    },
+    "@vuepress/plugin-last-updated": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-last-updated/-/plugin-last-updated-1.9.10.tgz",
+      "integrity": "sha512-YxzWGF/OfU6WsHSynZFn74NGGp7dY27Bjy9JyyFo8wF5+2V1gpyDjveHKHGKugS/pMXlxfjzhv9E2Wmy9R7Iog==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10",
+        "cross-spawn": "^6.0.5"
+      }
+    },
+    "@vuepress/plugin-medium-zoom": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-medium-zoom/-/plugin-medium-zoom-1.9.10.tgz",
+      "integrity": "sha512-/MsICWZ/mUTs+ZdqqA1AVtWAtNL5ksgnnGR2X24LnXaPJp+M1IB2ETcyNKh264YVODSrmVsS/Y+kbCRK0qKkdg==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10",
+        "medium-zoom": "^1.0.4"
+      }
+    },
+    "@vuepress/plugin-nprogress": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-nprogress/-/plugin-nprogress-1.9.10.tgz",
+      "integrity": "sha512-I1kkm6yWUQd7vwiV3lEDVpVP0Lr04K0zlczU502lDUa1RufSZ7vt+mlF5fOM28GqT+pKTEToWmm+VNT/R3qvMQ==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10",
+        "nprogress": "^0.2.0"
+      }
+    },
+    "@vuepress/plugin-register-components": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-register-components/-/plugin-register-components-1.9.10.tgz",
+      "integrity": "sha512-sgdJ5OydTPZAoTkselpvVP3Xsd6bfZ0FpaxOTinal0gJ99h49lvLu9bvzMx13rdGRFO/kRXn0qQQpwKTAfTPqA==",
+      "dev": true,
+      "requires": {
+        "@vuepress/shared-utils": "1.9.10",
+        "@vuepress/types": "1.9.10"
+      }
+    },
+    "@vuepress/plugin-search": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/plugin-search/-/plugin-search-1.9.10.tgz",
+      "integrity": "sha512-bn2XJikaRgQZXvu8upCjOWrxbLHIRTqnJ3w7G0mo6jCYWGVsHNo6XhVpqylpLR2PWnHT/ImO2bGo38/5Bag/tQ==",
+      "dev": true,
+      "requires": {
+        "@vuepress/types": "1.9.10"
+      }
+    },
+    "@vuepress/shared-utils": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/shared-utils/-/shared-utils-1.9.10.tgz",
+      "integrity": "sha512-M9A3DocPih+V8dKK2Zg9FJQ/f3JZrYsdaM/vQ9F48l8bPlzxw5NvqXIYMK4kKcGEyerQNTWCudoCpLL5uiU0hg==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.3.2",
+        "escape-html": "^1.0.3",
+        "fs-extra": "^7.0.1",
+        "globby": "^9.2.0",
+        "gray-matter": "^4.0.1",
+        "hash-sum": "^1.0.2",
+        "semver": "^6.0.0",
+        "toml": "^3.0.0",
+        "upath": "^1.1.0"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "9.2.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz",
+          "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==",
+          "dev": true,
+          "requires": {
+            "@types/glob": "^7.1.1",
+            "array-union": "^1.0.2",
+            "dir-glob": "^2.2.2",
+            "fast-glob": "^2.2.6",
+            "glob": "^7.1.3",
+            "ignore": "^4.0.3",
+            "pify": "^4.0.1",
+            "slash": "^2.0.0"
+          }
+        },
+        "ignore": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+          "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+          "dev": true
+        },
+        "slash": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+          "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+          "dev": true
+        }
+      }
+    },
+    "@vuepress/theme-default": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/theme-default/-/theme-default-1.9.10.tgz",
+      "integrity": "sha512-XnXn9t+pYCIhWi3cZXJlighuy93FFm5yXdISAAlFlcNkshuGtqamkjacHV8q/QZMfOhSIs6wX7Hj88u2IsT5mw==",
+      "dev": true,
+      "requires": {
+        "@vuepress/plugin-active-header-links": "1.9.10",
+        "@vuepress/plugin-nprogress": "1.9.10",
+        "@vuepress/plugin-search": "1.9.10",
+        "@vuepress/types": "1.9.10",
+        "docsearch.js": "^2.5.2",
+        "lodash": "^4.17.15",
+        "stylus": "^0.54.8",
+        "stylus-loader": "^3.0.2",
+        "vuepress-plugin-container": "^2.0.2",
+        "vuepress-plugin-smooth-scroll": "^0.0.3"
+      }
+    },
+    "@vuepress/types": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@vuepress/types/-/types-1.9.10.tgz",
+      "integrity": "sha512-TDNQn4og85onmBpLTTXXmncW3rUnYGr2MkuI8OIFJZetDNM49t1WbjNVlrT+kx7C6qXi6okDQgrHGYXajHZWfg==",
+      "dev": true,
+      "requires": {
+        "@types/markdown-it": "^10.0.0",
+        "@types/webpack-dev-server": "^3",
+        "webpack-chain": "^6.0.0"
+      }
+    },
+    "@webassemblyjs/ast": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
+      "integrity": "sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0"
+      }
+    },
+    "@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz",
+      "integrity": "sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-api-error": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz",
+      "integrity": "sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-buffer": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz",
+      "integrity": "sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-code-frame": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz",
+      "integrity": "sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/wast-printer": "1.9.0"
+      }
+    },
+    "@webassemblyjs/helper-fsm": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz",
+      "integrity": "sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-module-context": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz",
+      "integrity": "sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0"
+      }
+    },
+    "@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
+      "integrity": "sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==",
+      "dev": true
+    },
+    "@webassemblyjs/helper-wasm-section": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz",
+      "integrity": "sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0"
+      }
+    },
+    "@webassemblyjs/ieee754": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz",
+      "integrity": "sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==",
+      "dev": true,
+      "requires": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "@webassemblyjs/leb128": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz",
+      "integrity": "sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==",
+      "dev": true,
+      "requires": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/utf8": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz",
+      "integrity": "sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==",
+      "dev": true
+    },
+    "@webassemblyjs/wasm-edit": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz",
+      "integrity": "sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/helper-wasm-section": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-opt": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "@webassemblyjs/wast-printer": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wasm-gen": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz",
+      "integrity": "sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wasm-opt": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz",
+      "integrity": "sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-buffer": "1.9.0",
+        "@webassemblyjs/wasm-gen": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wasm-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz",
+      "integrity": "sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+        "@webassemblyjs/ieee754": "1.9.0",
+        "@webassemblyjs/leb128": "1.9.0",
+        "@webassemblyjs/utf8": "1.9.0"
+      }
+    },
+    "@webassemblyjs/wast-parser": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz",
+      "integrity": "sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/floating-point-hex-parser": "1.9.0",
+        "@webassemblyjs/helper-api-error": "1.9.0",
+        "@webassemblyjs/helper-code-frame": "1.9.0",
+        "@webassemblyjs/helper-fsm": "1.9.0",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@webassemblyjs/wast-printer": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz",
+      "integrity": "sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/wast-parser": "1.9.0",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true
+    },
+    "@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true
+    },
+    "accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "requires": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      }
+    },
+    "acorn": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
+      "integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==",
+      "dev": true
+    },
+    "agentkeepalive": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-2.2.0.tgz",
+      "integrity": "sha512-TnB6ziK363p7lR8QpeLC8aMr8EGYBKZTpgzQLfqTs3bR0Oo5VbKdwKf8h0dSzsYrB7lSCgfJnMZKqShvlq5Oyg==",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "ajv-errors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
+      "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "requires": {}
+    },
+    "algoliasearch": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-3.35.1.tgz",
+      "integrity": "sha512-K4yKVhaHkXfJ/xcUnil04xiSrB8B8yHZoFEhWNpXg23eiCnqvTZw1tn/SqvdsANlYHLJlKl0qi3I/Q2Sqo7LwQ==",
+      "dev": true,
+      "requires": {
+        "agentkeepalive": "^2.2.0",
+        "debug": "^2.6.9",
+        "envify": "^4.0.0",
+        "es6-promise": "^4.1.0",
+        "events": "^1.1.0",
+        "foreach": "^2.0.5",
+        "global": "^4.3.2",
+        "inherits": "^2.0.1",
+        "isarray": "^2.0.1",
+        "load-script": "^1.0.0",
+        "object-keys": "^1.0.11",
+        "querystring-es3": "^0.2.1",
+        "reduce": "^1.0.1",
+        "semver": "^5.1.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+          "dev": true
+        },
+        "semver": {
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+          "dev": true
+        }
+      }
+    },
+    "alphanum-sort": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+      "integrity": "sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==",
+      "dev": true
+    },
+    "ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "dev": true,
+      "requires": {
+        "string-width": "^4.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        }
+      }
+    },
+    "ansi-colors": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
+      "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==",
+      "dev": true
+    },
+    "ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.21.3"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.21.3",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+          "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+          "dev": true
+        }
+      }
+    },
+    "ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.0"
+      }
+    },
+    "anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "requires": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      }
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "dev": true
+    },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+      "dev": true
+    },
+    "arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true
+    },
+    "arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+      "dev": true
+    },
+    "array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      }
+    },
+    "array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "dev": true
+    },
+    "array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "dev": true,
+      "requires": {
+        "array-uniq": "^1.0.1"
+      }
+    },
+    "array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+      "dev": true
+    },
+    "array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "dev": true
+    },
+    "array.prototype.reduce": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.6.tgz",
+      "integrity": "sha512-UW+Mz8LG/sPSU8jRDCjVr6J/ZKAGpHfwrZ6kWTG5qCxIEiXdVshqGnu5vEZA8S1y6X4aCSbQZ0/EEsfvEvBiSg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-array-method-boxes-properly": "^1.0.0",
+        "is-string": "^1.0.7"
+      }
+    },
+    "arraybuffer.prototype.slice": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "dev": true,
+      "requires": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      }
+    },
+    "asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "asn1.js": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+      "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "assert": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.1.tgz",
+      "integrity": "sha512-zzw1uCAgLbsKwBfFc8CX78DDg+xZeBksSO3vwVIDDN5i94eOrPsSSyiVhmsSABFDM/OcpE2aagCat9dnWQLG1A==",
+      "dev": true,
+      "requires": {
+        "object.assign": "^4.1.4",
+        "util": "^0.10.4"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+          "dev": true
+        },
+        "util": {
+          "version": "0.10.4",
+          "resolved": "https://registry.npmjs.org/util/-/util-0.10.4.tgz",
+          "integrity": "sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==",
+          "dev": true,
+          "requires": {
+            "inherits": "2.0.3"
+          }
+        }
+      }
+    },
+    "assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "dev": true
+    },
+    "assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+      "dev": true
+    },
+    "async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.14"
+      }
+    },
+    "async-each": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
+      "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
+      "dev": true
+    },
+    "async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "dev": true
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
+    },
+    "atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true
+    },
+    "autocomplete.js": {
+      "version": "0.36.0",
+      "resolved": "https://registry.npmjs.org/autocomplete.js/-/autocomplete.js-0.36.0.tgz",
+      "integrity": "sha512-jEwUXnVMeCHHutUt10i/8ZiRaCb0Wo+ZyKxeGsYwBDtw6EJHqEeDrq4UwZRD8YBSvp3g6klP678il2eeiVXN2Q==",
+      "dev": true,
+      "requires": {
+        "immediate": "^3.2.3"
+      }
+    },
+    "autoprefixer": {
+      "version": "9.8.8",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
+      "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.12.0",
+        "caniuse-lite": "^1.0.30001109",
+        "normalize-range": "^0.1.2",
+        "num2fraction": "^1.2.2",
+        "picocolors": "^0.2.1",
+        "postcss": "^7.0.32",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+          "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+          "dev": true
+        }
+      }
+    },
+    "available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "dev": true
+    },
+    "aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
+      "dev": true
+    },
+    "aws4": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
+      "dev": true
+    },
+    "babel-loader": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.3.0.tgz",
+      "integrity": "sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==",
+      "dev": true,
+      "requires": {
+        "find-cache-dir": "^3.3.1",
+        "loader-utils": "^2.0.0",
+        "make-dir": "^3.1.0",
+        "schema-utils": "^2.6.5"
+      },
+      "dependencies": {
+        "find-cache-dir": {
+          "version": "3.3.2",
+          "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+          "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+          "dev": true,
+          "requires": {
+            "commondir": "^1.0.1",
+            "make-dir": "^3.0.2",
+            "pkg-dir": "^4.1.0"
+          }
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+          "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+          "dev": true
+        },
+        "pkg-dir": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+          "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+          "dev": true,
+          "requires": {
+            "find-up": "^4.0.0"
+          }
+        },
+        "schema-utils": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
+          "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
+          "dev": true,
+          "requires": {
+            "@types/json-schema": "^7.0.5",
+            "ajv": "^6.12.4",
+            "ajv-keywords": "^3.5.2"
+          }
+        }
+      }
+    },
+    "babel-plugin-dynamic-import-node": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz",
+      "integrity": "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==",
+      "dev": true,
+      "requires": {
+        "object.assign": "^4.1.0"
+      }
+    },
+    "babel-plugin-polyfill-corejs2": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
+      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "semver": "^6.3.1"
+      }
+    },
+    "babel-plugin-polyfill-corejs3": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.5.tgz",
+      "integrity": "sha512-Q6CdATeAvbScWPNLB8lzSO7fgUVBkQt6zLgNlfyeCr/EQaEQR+bWiBYYPYAFyE528BMjRhL+1QBMOI4jc/c5TA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "core-js-compat": "^3.32.2"
+      }
+    },
+    "babel-plugin-polyfill-regenerator": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
+      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-define-polyfill-provider": "^0.4.3"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "requires": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        }
+      }
+    },
+    "base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true
+    },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+      "dev": true
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+      "dev": true,
+      "requires": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true
+    },
+    "binary-extensions": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+      "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+      "dev": true
+    },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
+      "dev": true
+    },
+    "bn.js": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
+      "dev": true
+    },
+    "body-parser": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
+      "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.11.0",
+        "raw-body": "2.5.1",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      }
+    },
+    "bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==",
+      "dev": true,
+      "requires": {
+        "array-flatten": "^2.1.0",
+        "deep-equal": "^1.0.1",
+        "dns-equal": "^1.0.0",
+        "dns-txt": "^2.0.2",
+        "multicast-dns": "^6.0.1",
+        "multicast-dns-service-types": "^1.1.0"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+          "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+          "dev": true
+        }
+      }
+    },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true
+    },
+    "boxen": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-4.2.0.tgz",
+      "integrity": "sha512-eB4uT9RGzg2odpER62bBwSLvUeGC+WbRjjyyFhGsKnc8wp/m0+hQsMUvUe3H2V0D5vw0nBdO1hCJoZo5mKeuIQ==",
+      "dev": true,
+      "requires": {
+        "ansi-align": "^3.0.0",
+        "camelcase": "^5.3.1",
+        "chalk": "^3.0.0",
+        "cli-boxes": "^2.2.0",
+        "string-width": "^4.1.0",
+        "term-size": "^2.1.0",
+        "type-fest": "^0.8.1",
+        "widest-line": "^3.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        }
+      }
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+      "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+      "dev": true,
+      "requires": {
+        "arr-flatten": "^1.1.0",
+        "array-unique": "^0.3.2",
+        "extend-shallow": "^2.0.1",
+        "fill-range": "^4.0.0",
+        "isobject": "^3.0.1",
+        "repeat-element": "^1.1.2",
+        "snapdragon": "^0.8.1",
+        "snapdragon-node": "^2.0.1",
+        "split-string": "^3.0.2",
+        "to-regex": "^3.0.1"
+      }
+    },
+    "brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
+      "dev": true
+    },
+    "browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "requires": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "requires": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "browserify-rsa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+      "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^5.0.0",
+        "randombytes": "^2.0.1"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+          "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+          "dev": true
+        }
+      }
+    },
+    "browserify-sign": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
+      "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^5.1.1",
+        "browserify-rsa": "^4.0.1",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.5.3",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.5",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "bn.js": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+          "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "dev": true,
+      "requires": {
+        "pako": "~1.0.5"
+      }
+    },
+    "browserslist": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
+      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001541",
+        "electron-to-chromium": "^1.4.535",
+        "node-releases": "^2.0.13",
+        "update-browserslist-db": "^1.0.13"
+      }
+    },
+    "buffer": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+      "dev": true,
+      "requires": {
+        "base64-js": "^1.0.2",
+        "ieee754": "^1.1.4",
+        "isarray": "^1.0.0"
+      }
+    },
+    "buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true
+    },
+    "buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+      "dev": true
+    },
+    "buffer-json": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-json/-/buffer-json-2.0.0.tgz",
+      "integrity": "sha512-+jjPFVqyfF1esi9fvfUs3NqM0pH1ziZ36VP4hmA/y/Ssfo/5w5xHKfTw9BwQjoJ1w/oVtpLomqwUHKdefGyuHw==",
+      "dev": true
+    },
+    "buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
+      "dev": true
+    },
+    "builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
+      "dev": true
+    },
+    "bundle-require": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/bundle-require/-/bundle-require-2.1.8.tgz",
+      "integrity": "sha512-oOEg3A0hy/YzvNWNowtKD0pmhZKseOFweCbgyMqTIih4gRY1nJWsvrOCT27L9NbIyL5jMjTFrAUpGxxpW68Puw==",
+      "dev": true,
+      "requires": {}
+    },
+    "bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true
+    },
+    "cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true
+    },
+    "cacache": {
+      "version": "12.0.4",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
+      "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.5.5",
+        "chownr": "^1.1.1",
+        "figgy-pudding": "^3.5.1",
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.1.15",
+        "infer-owner": "^1.0.3",
+        "lru-cache": "^5.1.1",
+        "mississippi": "^3.0.0",
+        "mkdirp": "^0.5.1",
+        "move-concurrently": "^1.0.1",
+        "promise-inflight": "^1.0.1",
+        "rimraf": "^2.6.3",
+        "ssri": "^6.0.1",
+        "unique-filename": "^1.1.1",
+        "y18n": "^4.0.0"
+      }
+    },
+    "cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "requires": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      }
+    },
+    "cache-loader": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/cache-loader/-/cache-loader-3.0.1.tgz",
+      "integrity": "sha512-HzJIvGiGqYsFUrMjAJNDbVZoG7qQA+vy9AIoKs7s9DscNfki0I589mf2w6/tW+kkFH3zyiknoWV5Jdynu6b/zw==",
+      "dev": true,
+      "requires": {
+        "buffer-json": "^2.0.0",
+        "find-cache-dir": "^2.1.0",
+        "loader-utils": "^1.2.3",
+        "mkdirp": "^0.5.1",
+        "neo-async": "^2.6.1",
+        "schema-utils": "^1.0.0"
+      }
+    },
+    "cacheable-request": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+      "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+      "dev": true,
+      "requires": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^3.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^4.1.0",
+        "responselike": "^1.0.2"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+          "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "lowercase-keys": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+          "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+          "dev": true
+        },
+        "normalize-url": {
+          "version": "4.5.1",
+          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+          "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==",
+          "dev": true
+        }
+      }
+    },
+    "call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      }
+    },
+    "call-me-maybe": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.2.tgz",
+      "integrity": "sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ==",
+      "dev": true
+    },
+    "caller-callsite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+      "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+      "dev": true,
+      "requires": {
+        "callsites": "^2.0.0"
+      }
+    },
+    "caller-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+      "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+      "dev": true,
+      "requires": {
+        "caller-callsite": "^2.0.0"
+      }
+    },
+    "callsites": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+      "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==",
+      "dev": true
+    },
+    "camel-case": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+      "integrity": "sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==",
+      "dev": true,
+      "requires": {
+        "no-case": "^2.2.0",
+        "upper-case": "^1.1.1"
+      }
+    },
+    "camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true
+    },
+    "caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001551",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001551.tgz",
+      "integrity": "sha512-vtBAez47BoGMMzlbYhfXrMV1kvRF2WP/lqiMuDu1Sb4EE4LKEgjopFDSRtZfdVnslNRpOqV/woE+Xgrwj6VQlg==",
+      "dev": true
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
+      "dev": true
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "chokidar": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+      "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+      "dev": true,
+      "requires": {
+        "anymatch": "^2.0.0",
+        "async-each": "^1.0.1",
+        "braces": "^2.3.2",
+        "fsevents": "^1.2.7",
+        "glob-parent": "^3.1.0",
+        "inherits": "^2.0.3",
+        "is-binary-path": "^1.0.0",
+        "is-glob": "^4.0.0",
+        "normalize-path": "^3.0.0",
+        "path-is-absolute": "^1.0.0",
+        "readdirp": "^2.2.1",
+        "upath": "^1.1.1"
+      },
+      "dependencies": {
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "^3.1.4",
+            "normalize-path": "^2.1.1"
+          },
+          "dependencies": {
+            "normalize-path": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+              "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+              "dev": true,
+              "requires": {
+                "remove-trailing-separator": "^1.0.1"
+              }
+            }
+          }
+        }
+      }
+    },
+    "chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "dev": true
+    },
+    "chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true
+    },
+    "ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+      "dev": true
+    },
+    "cipher-base": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+      "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      }
+    },
+    "clean-css": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
+      "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==",
+      "dev": true,
+      "requires": {
+        "source-map": "~0.6.0"
+      }
+    },
+    "cli-boxes": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
+      "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==",
+      "dev": true
+    },
+    "cliui": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+      "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+      "dev": true,
+      "requires": {
+        "string-width": "^3.1.0",
+        "strip-ansi": "^5.2.0",
+        "wrap-ansi": "^5.1.0"
+      }
+    },
+    "clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "coa": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+      "dev": true,
+      "requires": {
+        "@types/q": "^1.5.1",
+        "chalk": "^2.4.1",
+        "q": "^1.1.2"
+      }
+    },
+    "collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+      "dev": true,
+      "requires": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      }
+    },
+    "color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      },
+      "dependencies": {
+        "color-name": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+          "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+          "dev": true
+        }
+      }
+    },
+    "color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "requires": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "commander": {
+      "version": "2.17.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==",
+      "dev": true
+    },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "dev": true
+    },
+    "component-emitter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
+      "dev": true
+    },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
+    "compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+          "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+          "dev": true
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        }
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "configstore": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+      "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+      "dev": true,
+      "requires": {
+        "dot-prop": "^5.2.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^3.0.0",
+        "unique-string": "^2.0.0",
+        "write-file-atomic": "^3.0.0",
+        "xdg-basedir": "^4.0.0"
+      }
+    },
+    "connect-history-api-fallback": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+      "dev": true
+    },
+    "consola": {
+      "version": "2.15.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
+      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
+      "dev": true
+    },
+    "console-browserify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+      "dev": true
+    },
+    "consolidate": {
+      "version": "0.15.1",
+      "resolved": "https://registry.npmjs.org/consolidate/-/consolidate-0.15.1.tgz",
+      "integrity": "sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.1.1"
+      }
+    },
+    "constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+      "dev": true
+    },
+    "content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.2.1"
+      }
+    },
+    "content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true
+    },
+    "convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "cookie": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+      "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "dev": true
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+      "dev": true
+    },
+    "copy-concurrently": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
+      "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1",
+        "fs-write-stream-atomic": "^1.0.8",
+        "iferr": "^0.1.5",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.0"
+      }
+    },
+    "copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+      "dev": true
+    },
+    "copy-webpack-plugin": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.2.tgz",
+      "integrity": "sha512-Uh7crJAco3AjBvgAy9Z75CjK8IG+gxaErro71THQ+vv/bl4HaQcpkexAY8KVW/T6D2W2IRr+couF/knIRkZMIQ==",
+      "dev": true,
+      "requires": {
+        "cacache": "^12.0.3",
+        "find-cache-dir": "^2.1.0",
+        "glob-parent": "^3.1.0",
+        "globby": "^7.1.1",
+        "is-glob": "^4.0.1",
+        "loader-utils": "^1.2.3",
+        "minimatch": "^3.0.4",
+        "normalize-path": "^3.0.0",
+        "p-limit": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^4.0.0",
+        "webpack-log": "^2.0.0"
+      }
+    },
+    "core-js": {
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.1.tgz",
+      "integrity": "sha512-qVSq3s+d4+GsqN0teRCJtM6tdEEXyWxjzbhVrCHmBS5ZTM0FS2MOS0D13dUXAWDUN6a+lHI/N1hF9Ytz6iLl9Q==",
+      "dev": true
+    },
+    "core-js-compat": {
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.1.tgz",
+      "integrity": "sha512-6pYKNOgD/j/bkC5xS5IIg6bncid3rfrI42oBH1SQJbsmYPKF7rhzcFzYCcxYMmNQQ0rCEB8WqpW7QHndOggaeQ==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.22.1"
+      }
+    },
+    "core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true
+    },
+    "cosmiconfig": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+      "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+      "dev": true,
+      "requires": {
+        "import-fresh": "^2.0.0",
+        "is-directory": "^0.3.1",
+        "js-yaml": "^3.13.1",
+        "parse-json": "^4.0.0"
+      }
+    },
+    "create-ecdh": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.5.3"
+      }
+    },
+    "create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "requires": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+      "dev": true,
+      "requires": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+          "dev": true
+        }
+      }
+    },
+    "crypto-browserify": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+      "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+      "dev": true,
+      "requires": {
+        "browserify-cipher": "^1.0.0",
+        "browserify-sign": "^4.0.0",
+        "create-ecdh": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "create-hmac": "^1.1.0",
+        "diffie-hellman": "^5.0.0",
+        "inherits": "^2.0.1",
+        "pbkdf2": "^3.0.3",
+        "public-encrypt": "^4.0.0",
+        "randombytes": "^2.0.0",
+        "randomfill": "^1.0.3"
+      }
+    },
+    "crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "dev": true
+    },
+    "css": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
+      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "source-map": "^0.6.1",
+        "source-map-resolve": "^0.5.2",
+        "urix": "^0.1.0"
+      }
+    },
+    "css-color-names": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+      "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==",
+      "dev": true
+    },
+    "css-declaration-sorter": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz",
+      "integrity": "sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.1",
+        "timsort": "^0.3.0"
+      }
+    },
+    "css-loader": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-2.1.1.tgz",
+      "integrity": "sha512-OcKJU/lt232vl1P9EEDamhoO9iKY3tIjY5GU+XDLblAykTdgs6Ux9P1hTHve8nFKy5KPpOXOsVI/hIwi3841+w==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.2.0",
+        "icss-utils": "^4.1.0",
+        "loader-utils": "^1.2.3",
+        "normalize-path": "^3.0.0",
+        "postcss": "^7.0.14",
+        "postcss-modules-extract-imports": "^2.0.0",
+        "postcss-modules-local-by-default": "^2.0.6",
+        "postcss-modules-scope": "^2.1.0",
+        "postcss-modules-values": "^2.0.0",
+        "postcss-value-parser": "^3.3.0",
+        "schema-utils": "^1.0.0"
+      }
+    },
+    "css-parse": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/css-parse/-/css-parse-2.0.0.tgz",
+      "integrity": "sha512-UNIFik2RgSbiTwIW1IsFwXWn6vs+bYdq83LKTSOsx7NJR7WII9dxewkHLltfTLVppoUApHV0118a4RZRI9FLwA==",
+      "dev": true,
+      "requires": {
+        "css": "^2.0.0"
+      }
+    },
+    "css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      }
+    },
+    "css-select-base-adapter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==",
+      "dev": true
+    },
+    "css-tree": {
+      "version": "1.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+      "dev": true,
+      "requires": {
+        "mdn-data": "2.0.4",
+        "source-map": "^0.6.1"
+      }
+    },
+    "css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true
+    },
+    "cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true
+    },
+    "cssnano": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.11.tgz",
+      "integrity": "sha512-6gZm2htn7xIPJOHY824ERgj8cNPgPxyCSnkXc4v7YvNW+TdVfzgngHcEhy/8D11kUWRUMbke+tC+AUcUsnMz2g==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^5.0.0",
+        "cssnano-preset-default": "^4.0.8",
+        "is-resolvable": "^1.0.0",
+        "postcss": "^7.0.0"
+      }
+    },
+    "cssnano-preset-default": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.8.tgz",
+      "integrity": "sha512-LdAyHuq+VRyeVREFmuxUZR1TXjQm8QQU/ktoo/x7bz+SdOge1YKc5eMN6pRW7YWBmyq59CqYba1dJ5cUukEjLQ==",
+      "dev": true,
+      "requires": {
+        "css-declaration-sorter": "^4.0.1",
+        "cssnano-util-raw-cache": "^4.0.1",
+        "postcss": "^7.0.0",
+        "postcss-calc": "^7.0.1",
+        "postcss-colormin": "^4.0.3",
+        "postcss-convert-values": "^4.0.1",
+        "postcss-discard-comments": "^4.0.2",
+        "postcss-discard-duplicates": "^4.0.2",
+        "postcss-discard-empty": "^4.0.1",
+        "postcss-discard-overridden": "^4.0.1",
+        "postcss-merge-longhand": "^4.0.11",
+        "postcss-merge-rules": "^4.0.3",
+        "postcss-minify-font-values": "^4.0.2",
+        "postcss-minify-gradients": "^4.0.2",
+        "postcss-minify-params": "^4.0.2",
+        "postcss-minify-selectors": "^4.0.2",
+        "postcss-normalize-charset": "^4.0.1",
+        "postcss-normalize-display-values": "^4.0.2",
+        "postcss-normalize-positions": "^4.0.2",
+        "postcss-normalize-repeat-style": "^4.0.2",
+        "postcss-normalize-string": "^4.0.2",
+        "postcss-normalize-timing-functions": "^4.0.2",
+        "postcss-normalize-unicode": "^4.0.1",
+        "postcss-normalize-url": "^4.0.1",
+        "postcss-normalize-whitespace": "^4.0.2",
+        "postcss-ordered-values": "^4.1.2",
+        "postcss-reduce-initial": "^4.0.3",
+        "postcss-reduce-transforms": "^4.0.2",
+        "postcss-svgo": "^4.0.3",
+        "postcss-unique-selectors": "^4.0.1"
+      }
+    },
+    "cssnano-util-get-arguments": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz",
+      "integrity": "sha512-6RIcwmV3/cBMG8Aj5gucQRsJb4vv4I4rn6YjPbVWd5+Pn/fuG+YseGvXGk00XLkoZkaj31QOD7vMUpNPC4FIuw==",
+      "dev": true
+    },
+    "cssnano-util-get-match": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz",
+      "integrity": "sha512-JPMZ1TSMRUPVIqEalIBNoBtAYbi8okvcFns4O0YIhcdGebeYZK7dMyHJiQ6GqNBA9kE0Hym4Aqym5rPdsV/4Cw==",
+      "dev": true
+    },
+    "cssnano-util-raw-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz",
+      "integrity": "sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "cssnano-util-same-parent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz",
+      "integrity": "sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==",
+      "dev": true
+    },
+    "csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "requires": {
+        "css-tree": "^1.1.2"
+      },
+      "dependencies": {
+        "css-tree": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+          "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+          "dev": true,
+          "requires": {
+            "mdn-data": "2.0.14",
+            "source-map": "^0.6.1"
+          }
+        },
+        "mdn-data": {
+          "version": "2.0.14",
+          "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+          "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+          "dev": true
+        }
+      }
+    },
+    "csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "dev": true
+    },
+    "cyclist": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.2.tgz",
+      "integrity": "sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA==",
+      "dev": true
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true
+    },
+    "decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "dev": true
+    },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+      "integrity": "sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "deep-equal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+      "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+      "dev": true,
+      "requires": {
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.1",
+        "is-regex": "^1.0.4",
+        "object-is": "^1.0.1",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.2.0"
+      }
+    },
+    "deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true
+    },
+    "deepmerge": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
+      "dev": true
+    },
+    "default-gateway": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
+      "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==",
+      "dev": true,
+      "requires": {
+        "execa": "^1.0.0",
+        "ip-regex": "^2.1.0"
+      }
+    },
+    "defer-to-connect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+      "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==",
+      "dev": true
+    },
+    "define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      }
+    },
+    "define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "requires": {
+        "is-descriptor": "^0.1.0"
+      },
+      "dependencies": {
+        "is-accessor-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+          "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "is-data-descriptor": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+          "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+              "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "is-descriptor": {
+          "version": "0.1.6",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+          "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^0.1.6",
+            "is-data-descriptor": "^0.1.4",
+            "kind-of": "^5.0.0"
+          }
+        },
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+          "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+          "dev": true
+        }
+      }
+    },
+    "del": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
+      "integrity": "sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==",
+      "dev": true,
+      "requires": {
+        "@types/glob": "^7.1.1",
+        "globby": "^6.1.0",
+        "is-path-cwd": "^2.0.0",
+        "is-path-in-cwd": "^2.0.0",
+        "p-map": "^2.0.0",
+        "pify": "^4.0.1",
+        "rimraf": "^2.6.3"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==",
+          "dev": true,
+          "requires": {
+            "array-union": "^1.0.1",
+            "glob": "^7.0.3",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          },
+          "dependencies": {
+            "pify": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+              "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true
+    },
+    "depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true
+    },
+    "des.js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
+      "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true
+    },
+    "detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true
+    },
+    "diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
+    "dir-glob": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
+      "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==",
+      "dev": true,
+      "requires": {
+        "path-type": "^3.0.0"
+      }
+    },
+    "dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==",
+      "dev": true
+    },
+    "dns-packet": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
+      "dev": true,
+      "requires": {
+        "ip": "^1.1.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==",
+      "dev": true,
+      "requires": {
+        "buffer-indexof": "^1.0.0"
+      }
+    },
+    "docsearch.js": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/docsearch.js/-/docsearch.js-2.6.3.tgz",
+      "integrity": "sha512-GN+MBozuyz664ycpZY0ecdQE0ND/LSgJKhTLA0/v3arIS3S1Rpf2OJz6A35ReMsm91V5apcmzr5/kM84cvUg+A==",
+      "dev": true,
+      "requires": {
+        "algoliasearch": "^3.24.5",
+        "autocomplete.js": "0.36.0",
+        "hogan.js": "^3.0.2",
+        "request": "^2.87.0",
+        "stack-utils": "^1.0.1",
+        "to-factory": "^1.0.0",
+        "zepto": "^1.2.0"
+      }
+    },
+    "dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "dev": true,
+      "requires": {
+        "utila": "~0.4"
+      }
+    },
+    "dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      }
+    },
+    "dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==",
+      "dev": true
+    },
+    "domain-browser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+      "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==",
+      "dev": true
+    },
+    "domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true
+    },
+    "domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.2.0"
+      }
+    },
+    "domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "requires": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      }
+    },
+    "dot-prop": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+      "dev": true,
+      "requires": {
+        "is-obj": "^2.0.0"
+      }
+    },
+    "duplexer3": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.5.tgz",
+      "integrity": "sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==",
+      "dev": true
+    },
+    "duplexify": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
+      "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
+      "dev": true,
+      "requires": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true
+    },
+    "electron-to-chromium": {
+      "version": "1.4.561",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.561.tgz",
+      "integrity": "sha512-eS5t4ulWOBfVHdq9SW2dxEaFarj1lPjvJ8PaYMOjY0DecBaj/t4ARziL2IPpDr4atyWwjLFGQ2vo/VCgQFezVQ==",
+      "dev": true
+    },
+    "elliptic": {
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
+      "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.11.9",
+        "brorand": "^1.1.0",
+        "hash.js": "^1.0.0",
+        "hmac-drbg": "^1.0.1",
+        "inherits": "^2.0.4",
+        "minimalistic-assert": "^1.0.1",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "emoji-regex": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
+      "dev": true
+    },
+    "emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "enhanced-resolve": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
+      "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "memory-fs": "^0.5.0",
+        "tapable": "^1.0.0"
+      },
+      "dependencies": {
+        "memory-fs": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
+          "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        }
+      }
+    },
+    "entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true
+    },
+    "envify": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/envify/-/envify-4.1.0.tgz",
+      "integrity": "sha512-IKRVVoAYr4pIx4yIWNsz9mOsboxlNXiu7TNBnem/K/uTHdkyzXWDzHCK7UTolqBbgaBz0tQHsD3YNls0uIIjiw==",
+      "dev": true,
+      "requires": {
+        "esprima": "^4.0.0",
+        "through": "~2.3.4"
+      }
+    },
+    "envinfo": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz",
+      "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==",
+      "dev": true
+    },
+    "errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "dev": true,
+      "requires": {
+        "prr": "~1.0.1"
+      }
+    },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "es-abstract": {
+      "version": "1.22.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
+      "integrity": "sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==",
+      "dev": true,
+      "requires": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.2",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.1",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.12",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "safe-array-concat": "^1.0.1",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.8",
+        "string.prototype.trimend": "^1.0.7",
+        "string.prototype.trimstart": "^1.0.7",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.11"
+      }
+    },
+    "es-array-method-boxes-properly": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
+      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==",
+      "dev": true
+    },
+    "es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      }
+    },
+    "es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==",
+      "dev": true
+    },
+    "esbuild": {
+      "version": "0.14.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.7.tgz",
+      "integrity": "sha512-+u/msd6iu+HvfysUPkZ9VHm83LImmSNnecYPfFI01pQ7TTcsFR+V0BkybZX7mPtIaI7LCrse6YRj+v3eraJSgw==",
+      "dev": true,
+      "requires": {
+        "esbuild-android-arm64": "0.14.7",
+        "esbuild-darwin-64": "0.14.7",
+        "esbuild-darwin-arm64": "0.14.7",
+        "esbuild-freebsd-64": "0.14.7",
+        "esbuild-freebsd-arm64": "0.14.7",
+        "esbuild-linux-32": "0.14.7",
+        "esbuild-linux-64": "0.14.7",
+        "esbuild-linux-arm": "0.14.7",
+        "esbuild-linux-arm64": "0.14.7",
+        "esbuild-linux-mips64le": "0.14.7",
+        "esbuild-linux-ppc64le": "0.14.7",
+        "esbuild-netbsd-64": "0.14.7",
+        "esbuild-openbsd-64": "0.14.7",
+        "esbuild-sunos-64": "0.14.7",
+        "esbuild-windows-32": "0.14.7",
+        "esbuild-windows-64": "0.14.7",
+        "esbuild-windows-arm64": "0.14.7"
+      }
+    },
+    "esbuild-darwin-arm64": {
+      "version": "0.14.7",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.7.tgz",
+      "integrity": "sha512-68e7COhmwIiLXBEyxUxZSSU0akgv8t3e50e2QOtKdBUE0F6KIRISzFntLe2rYlNqSsjGWsIO6CCc9tQxijjSkw==",
+      "dev": true,
+      "optional": true
+    },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
+    "escape-goat": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+      "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==",
+      "dev": true
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true
+    },
+    "eslint-scope": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
+      "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.1.0",
+        "estraverse": "^4.1.1"
+      }
+    },
+    "esm": {
+      "version": "3.2.25",
+      "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
+      "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==",
+      "dev": true,
+      "peer": true
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true
+    },
+    "esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.2.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+          "dev": true
+        }
+      }
+    },
+    "estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true
+    },
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
+    "events": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
+      "integrity": "sha512-kEcvvCBByWXGnZy6JUlgAp2gBIUjfCAV6P6TgT1/aaQKcmuAEC4OZTV1I4EWQLz2gxZw76atuVyvHhTxvi0Flw==",
+      "dev": true
+    },
+    "eventsource": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-2.0.2.tgz",
+      "integrity": "sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA==",
+      "dev": true
+    },
+    "evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "requires": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "execa": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^4.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      }
+    },
+    "expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+      "dev": true,
+      "requires": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      }
+    },
+    "express": {
+      "version": "4.18.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
+      "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.1",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.5.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.2.0",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.11.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.18.0",
+        "serve-static": "1.15.0",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      }
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "dev": true
+    },
+    "extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "requires": {
+        "is-extendable": "^0.1.0"
+      }
+    },
+    "extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "dev": true,
+      "requires": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        }
+      }
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
+      "dev": true
+    },
+    "fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "fast-glob": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz",
+      "integrity": "sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==",
+      "dev": true,
+      "requires": {
+        "@mrmlnc/readdir-enhanced": "^2.2.1",
+        "@nodelib/fs.stat": "^1.1.2",
+        "glob-parent": "^3.1.0",
+        "is-glob": "^4.0.0",
+        "merge2": "^1.2.3",
+        "micromatch": "^3.1.10"
+      }
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
+    },
+    "feed": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/feed/-/feed-2.0.4.tgz",
+      "integrity": "sha512-sWatfulDP6d18qVaWcu34qmq9ml6UeN6nHSBJpNZ2muBqxjPAdT375whPYAHP+gqLfyabtYU5qf2Dv4nqtlp0w==",
+      "dev": true,
+      "requires": {
+        "luxon": "^1.3.3",
+        "xml": "^1.0.1"
+      }
+    },
+    "figgy-pudding": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
+      "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
+      "dev": true
+    },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
+    "file-loader": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-3.0.1.tgz",
+      "integrity": "sha512-4sNIOXgtH/9WZq4NvlfU3Opn5ynUsqBwSLyM+I7UOwdGigTBYfVVQEwe/msZNX/j4pCJTIM14Fsw66Svo1oVrw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.0.2",
+        "schema-utils": "^1.0.0"
+      }
+    },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "optional": true
+    },
+    "fill-range": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+      "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1",
+        "to-regex-range": "^2.1.0"
+      }
+    },
+    "finalhandler": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      }
+    },
+    "find-cache-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+      "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+      "dev": true,
+      "requires": {
+        "commondir": "^1.0.1",
+        "make-dir": "^2.0.0",
+        "pkg-dir": "^3.0.0"
+      },
+      "dependencies": {
+        "make-dir": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+          "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+          "dev": true,
+          "requires": {
+            "pify": "^4.0.1",
+            "semver": "^5.6.0"
+          }
+        },
+        "semver": {
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+          "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+          "dev": true
+        }
+      }
+    },
+    "find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^3.0.0"
+      }
+    },
+    "flush-write-stream": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
+      "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.3.6"
+      }
+    },
+    "follow-redirects": {
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "dev": true
+    },
+    "for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+      "dev": true
+    },
+    "foreach": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.6.tgz",
+      "integrity": "sha512-k6GAGDyqLe9JaebCsFCoudPPWfihKu8pylYXRlqP1J7ms39iPoTtk2fviNglIeQEwdh0bQeKJ01ZPyuyQvKzwg==",
+      "dev": true
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
+      "dev": true
+    },
+    "form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dev": true,
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true
+    },
+    "fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+      "dev": true,
+      "requires": {
+        "map-cache": "^0.2.2"
+      }
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true
+    },
+    "from2": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
+      "integrity": "sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0"
+      }
+    },
+    "fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      }
+    },
+    "fs-write-stream-atomic": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
+      "integrity": "sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "iferr": "^0.1.5",
+        "imurmurhash": "^0.1.4",
+        "readable-stream": "1 || 2"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      }
+    },
+    "function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true
+    },
+    "function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      }
+    },
+    "functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true
+    },
+    "gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true
+    },
+    "get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      }
+    },
+    "get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+      "dev": true,
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
+    "get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "dev": true
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "glob-parent": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+      "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+      "dev": true,
+      "requires": {
+        "is-glob": "^3.1.0",
+        "path-dirname": "^1.0.0"
+      },
+      "dependencies": {
+        "is-glob": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+          "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+          "dev": true,
+          "requires": {
+            "is-extglob": "^2.1.0"
+          }
+        }
+      }
+    },
+    "glob-to-regexp": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz",
+      "integrity": "sha512-Iozmtbqv0noj0uDDqoL0zNq0VBEfK2YFoMAZoxJe4cwphvLR+JskfF30QhXHOR4m3KrE6NLRYw+U9MRXvifyig==",
+      "dev": true
+    },
+    "global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "dev": true,
+      "requires": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
+    "global-dirs": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-2.1.0.tgz",
+      "integrity": "sha512-MG6kdOUh/xBnyo9cJFeIKkLEc1AyFq42QTU4XiX51i2NEdxLxLWXIjEjmqKeSuKR7pAZjTqUVoT2b2huxVLgYQ==",
+      "dev": true,
+      "requires": {
+        "ini": "1.3.7"
+      }
+    },
+    "globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true
+    },
+    "globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3"
+      }
+    },
+    "globby": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
+      "integrity": "sha512-yANWAN2DUcBtuus5Cpd+SKROzXHs2iVXFZt/Ykrfz6SAXqacLX25NZpltE+39ceMexYF4TtEadjuSTw8+3wX4g==",
+      "dev": true,
+      "requires": {
+        "array-union": "^1.0.1",
+        "dir-glob": "^2.0.0",
+        "glob": "^7.1.2",
+        "ignore": "^3.3.5",
+        "pify": "^3.0.0",
+        "slash": "^1.0.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+          "dev": true
+        }
+      }
+    },
+    "gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "got": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+      "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+      "dev": true,
+      "requires": {
+        "@sindresorhus/is": "^0.14.0",
+        "@szmarczak/http-timer": "^1.1.2",
+        "cacheable-request": "^6.0.0",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^4.1.0",
+        "lowercase-keys": "^1.0.1",
+        "mimic-response": "^1.0.1",
+        "p-cancelable": "^1.0.0",
+        "to-readable-stream": "^1.0.0",
+        "url-parse-lax": "^3.0.0"
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "gray-matter": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
+      "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
+      "dev": true,
+      "requires": {
+        "js-yaml": "^3.13.1",
+        "kind-of": "^6.0.2",
+        "section-matter": "^1.0.0",
+        "strip-bom-string": "^1.0.0"
+      }
+    },
+    "handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==",
+      "dev": true
+    },
+    "har-validator": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.3",
+        "har-schema": "^2.0.0"
+      }
+    },
+    "has": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
+      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
+      "dev": true
+    },
+    "has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true
+    },
+    "has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.1.1"
+      }
+    },
+    "has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "dev": true
+    },
+    "has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true
+    },
+    "has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
+    "has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "dev": true,
+      "requires": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      }
+    },
+    "has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "dev": true,
+      "requires": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+          "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "has-yarn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+      "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==",
+      "dev": true
+    },
+    "hash-base": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+      "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "safe-buffer": "^5.2.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "hash-sum": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+      "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+      "dev": true
+    },
+    "hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true
+    },
+    "hex-color-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
+      "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==",
+      "dev": true
+    },
+    "highlight.js": {
+      "version": "9.18.5",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.5.tgz",
+      "integrity": "sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==",
+      "dev": true
+    },
+    "hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+      "dev": true,
+      "requires": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "hogan.js": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/hogan.js/-/hogan.js-3.0.2.tgz",
+      "integrity": "sha512-RqGs4wavGYJWE07t35JQccByczmNUXQT0E12ZYV1VKYu5UiAU9lsos/yBAcf840+zrUQQxgVduCR5/B8nNtibg==",
+      "dev": true,
+      "requires": {
+        "mkdirp": "0.3.0",
+        "nopt": "1.0.10"
+      },
+      "dependencies": {
+        "mkdirp": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.3.0.tgz",
+          "integrity": "sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew==",
+          "dev": true
+        }
+      }
+    },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "hsl-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
+      "integrity": "sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==",
+      "dev": true
+    },
+    "hsla-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
+      "integrity": "sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==",
+      "dev": true
+    },
+    "html-entities": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+      "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==",
+      "dev": true
+    },
+    "html-minifier": {
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
+      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
+      "dev": true,
+      "requires": {
+        "camel-case": "3.0.x",
+        "clean-css": "4.2.x",
+        "commander": "2.17.x",
+        "he": "1.2.x",
+        "param-case": "2.1.x",
+        "relateurl": "0.2.x",
+        "uglify-js": "3.4.x"
+      }
+    },
+    "html-tags": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
+      "integrity": "sha512-+Il6N8cCo2wB/Vd3gqy/8TZhTD3QvcVeQLCnZiGkGCH3JP28IgGAY41giccp2W4R3jfyJPAP318FQTa1yU7K7g==",
+      "dev": true
+    },
+    "htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "dev": true,
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
+    "http-cache-semantics": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
+      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
+      "dev": true
+    },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
+      "requires": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      }
+    },
+    "http-parser-js": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "http-proxy-middleware": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+      "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+      "dev": true,
+      "requires": {
+        "http-proxy": "^1.17.0",
+        "is-glob": "^4.0.0",
+        "lodash": "^4.17.11",
+        "micromatch": "^3.1.10"
+      }
+    },
+    "http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      }
+    },
+    "https-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
+      "dev": true
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "icss-replace-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+      "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==",
+      "dev": true
+    },
+    "icss-utils": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz",
+      "integrity": "sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.14"
+      }
+    },
+    "ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true
+    },
+    "iferr": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+      "integrity": "sha512-DUNFN5j7Tln0D+TxzloUjKB+CtVu6myn0JEFak6dG18mNt9YkQ6lzGCdafwofISZ1lLF3xRHJ98VKy9ynkcFaA==",
+      "dev": true
+    },
+    "ignore": {
+      "version": "3.3.10",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
+      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "dev": true
+    },
+    "immediate": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.3.0.tgz",
+      "integrity": "sha512-HR7EVodfFUdQCTIeySw+WDRFJlPcLOJbXfwwZ7Oom6tjsvZ3bOkCDJHehQC3nxJrv7+f9XecwazynjU8e4Vw3Q==",
+      "dev": true
+    },
+    "import-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+      "integrity": "sha512-Ew5AZzJQFqrOV5BTW3EIoHAnoie1LojZLXKcCQ/yTRyVZosBhK1x1ViYjHGf5pAFOq8ZyChZp6m/fSN7pJyZtg==",
+      "dev": true,
+      "requires": {
+        "import-from": "^2.1.0"
+      }
+    },
+    "import-fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+      "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+      "dev": true,
+      "requires": {
+        "caller-path": "^2.0.0",
+        "resolve-from": "^3.0.0"
+      }
+    },
+    "import-from": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+      "integrity": "sha512-0vdnLL2wSGnhlRmzHJAg5JHjt1l2vYhzJ7tNLGbeVg0fse56tpGaH0uzH+r9Slej+BSXXEHvBKDEnVSLLE9/+w==",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^3.0.0"
+      }
+    },
+    "import-lazy": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+      "integrity": "sha512-m7ZEHgtw69qOGw+jwxXkHlrlIPdTGkyh66zXZ1ajZbxkDBNjSY/LGbmjc7h0s2ELsUDTAhFr55TrPSSqJGPG0A==",
+      "dev": true
+    },
+    "import-local": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
+      "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
+      "dev": true,
+      "requires": {
+        "pkg-dir": "^3.0.0",
+        "resolve-cwd": "^2.0.0"
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true
+    },
+    "indexes-of": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+      "integrity": "sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==",
+      "dev": true
+    },
+    "infer-owner": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+      "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "ini": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.7.tgz",
+      "integrity": "sha512-iKpRpXP+CrP2jyrxvg1kMUpXDyRUFDWurxbnVT1vQPx+Wz9uCYsMIqYuSBLV+PAaZG/d7kRLKRFc9oDMsH+mFQ==",
+      "dev": true
+    },
+    "internal-ip": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
+      "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==",
+      "dev": true,
+      "requires": {
+        "default-gateway": "^4.2.0",
+        "ipaddr.js": "^1.9.0"
+      }
+    },
+    "internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "dev": true,
+      "requires": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      }
+    },
+    "ip": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+      "dev": true
+    },
+    "ip-regex": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+      "integrity": "sha512-58yWmlHpp7VYfcdTwMTvwMmqx/Elfxjd9RXTDyMsbL7lLWmhMylLEqiYVLKuLzOZqVgiWXD9MfR62Vv89VRxkw==",
+      "dev": true
+    },
+    "ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true
+    },
+    "is-absolute-url": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+      "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
+      "dev": true
+    },
+    "is-accessor-descriptor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^6.0.0"
+      }
+    },
+    "is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true
+    },
+    "is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "requires": {
+        "has-bigints": "^1.0.1"
+      }
+    },
+    "is-binary-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+      "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+      "dev": true,
+      "requires": {
+        "binary-extensions": "^1.0.0"
+      }
+    },
+    "is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true
+    },
+    "is-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+      "dev": true,
+      "requires": {
+        "ci-info": "^2.0.0"
+      }
+    },
+    "is-color-stop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
+      "integrity": "sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==",
+      "dev": true,
+      "requires": {
+        "css-color-names": "^0.0.4",
+        "hex-color-regex": "^1.1.0",
+        "hsl-regex": "^1.0.0",
+        "hsla-regex": "^1.0.0",
+        "rgb-regex": "^1.0.1",
+        "rgba-regex": "^1.0.0"
+      }
+    },
+    "is-core-module": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "is-data-descriptor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^6.0.0"
+      }
+    },
+    "is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-descriptor": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "dev": true,
+      "requires": {
+        "is-accessor-descriptor": "^1.0.0",
+        "is-data-descriptor": "^1.0.0",
+        "kind-of": "^6.0.2"
+      }
+    },
+    "is-directory": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+      "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+      "dev": true
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true
+    },
+    "is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
+      "dev": true
+    },
+    "is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-installed-globally": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.3.2.tgz",
+      "integrity": "sha512-wZ8x1js7Ia0kecP/CHM/3ABkAmujX7WPvQk6uu3Fly/Mk44pySulQpnHG46OMjHGXApINnV4QhY3SWnECO2z5g==",
+      "dev": true,
+      "requires": {
+        "global-dirs": "^2.0.1",
+        "is-path-inside": "^3.0.1"
+      }
+    },
+    "is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "dev": true
+    },
+    "is-npm": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-4.0.0.tgz",
+      "integrity": "sha512-96ECIfh9xtDDlPylNPXhzjsykHsMJZ18ASpaWzQyBr4YRTcVjUvzaHayDAES2oU/3KpljhHUjtSRNiDwi0F0ig==",
+      "dev": true
+    },
+    "is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+      "dev": true
+    },
+    "is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+      "dev": true
+    },
+    "is-path-in-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz",
+      "integrity": "sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==",
+      "dev": true,
+      "requires": {
+        "is-path-inside": "^2.1.0"
+      },
+      "dependencies": {
+        "is-path-inside": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-2.1.0.tgz",
+          "integrity": "sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==",
+          "dev": true,
+          "requires": {
+            "path-is-inside": "^1.0.2"
+          }
+        }
+      }
+    },
+    "is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true
+    },
+    "is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-resolvable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
+      "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
+      "dev": true
+    },
+    "is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "dev": true
+    },
+    "is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "requires": {
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.2"
+      }
+    },
+    "is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dev": true,
+      "requires": {
+        "which-typed-array": "^1.1.11"
+      }
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
+      "dev": true
+    },
+    "is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2"
+      }
+    },
+    "is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true
+    },
+    "is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+      "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==",
+      "dev": true
+    },
+    "is-yarn-global": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+      "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "dev": true
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
+      "dev": true
+    },
+    "javascript-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
+      "integrity": "sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
+      "dev": true
+    },
+    "jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true
+    },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+      "integrity": "sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ==",
+      "dev": true
+    },
+    "json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "dev": true
+    },
+    "json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "dev": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true
+    },
+    "json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "jsprim": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+      "dev": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      }
+    },
+    "keyv": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+      "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
+    "killable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+      "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+      "dev": true
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true
+    },
+    "last-call-webpack-plugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz",
+      "integrity": "sha512-7KI2l2GIZa9p2spzPIVZBYyNKkN+e/SQPpnjlTiPhdbDW3F86tdKKELxKpzJ5sgU19wQWsACULZmpTPYHeWO5w==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.5",
+        "webpack-sources": "^1.1.0"
+      }
+    },
+    "latest-version": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+      "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+      "dev": true,
+      "requires": {
+        "package-json": "^6.3.0"
+      }
+    },
+    "linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "dev": true,
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "load-script": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
+      "integrity": "sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA==",
+      "dev": true
+    },
+    "loader-runner": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+      "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==",
+      "dev": true
+    },
+    "loader-utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+      "dev": true,
+      "requires": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        }
+      }
+    },
+    "locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
+    },
+    "lodash._reinterpolate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
+      "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==",
+      "dev": true
+    },
+    "lodash.chunk": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.chunk/-/lodash.chunk-4.2.0.tgz",
+      "integrity": "sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==",
+      "dev": true
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "dev": true
+    },
+    "lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true
+    },
+    "lodash.defaultsdeep": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz",
+      "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
+      "dev": true
+    },
+    "lodash.isempty": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.isempty/-/lodash.isempty-4.4.0.tgz",
+      "integrity": "sha512-oKMuF3xEeqDltrGMfDxAPGIVMSSRv8tbRSODbrs4KGsRRLEhrW8N8Rd4DRgB2+621hY8A8XwwrTVhXWpxFvMzg==",
+      "dev": true
+    },
+    "lodash.kebabcase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==",
+      "dev": true
+    },
+    "lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "dev": true
+    },
+    "lodash.padstart": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.padstart/-/lodash.padstart-4.6.1.tgz",
+      "integrity": "sha512-sW73O6S8+Tg66eY56DBk85aQzzUJDtpoXFBgELMd5P/SotAguo+1kYO6RuYgXxA4HJH3LFTFPASX6ET6bjfriw==",
+      "dev": true
+    },
+    "lodash.sortby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
+      "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==",
+      "dev": true
+    },
+    "lodash.template": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
+      "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
+      "dev": true,
+      "requires": {
+        "lodash._reinterpolate": "^3.0.0",
+        "lodash.templatesettings": "^4.0.0"
+      }
+    },
+    "lodash.templatesettings": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
+      "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
+      "dev": true,
+      "requires": {
+        "lodash._reinterpolate": "^3.0.0"
+      }
+    },
+    "lodash.trimend": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/lodash.trimend/-/lodash.trimend-4.5.1.tgz",
+      "integrity": "sha512-lsD+k73XztDsMBKPKvzHXRKFNMohTjoTKIIo4ADLn5dA65LZ1BqlAvSXhR2rPEC3BgAUQnzMnorqDtqn2z4IHA==",
+      "dev": true
+    },
+    "lodash.trimstart": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/lodash.trimstart/-/lodash.trimstart-4.5.1.tgz",
+      "integrity": "sha512-b/+D6La8tU76L/61/aN0jULWHkT0EeJCmVstPBn/K9MtD2qBW83AsBNrr63dKuWYwVMO7ucv13QNO/Ek/2RKaQ==",
+      "dev": true
+    },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "dev": true
+    },
+    "loglevel": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.1.tgz",
+      "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==",
+      "dev": true
+    },
+    "lower-case": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+      "integrity": "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==",
+      "dev": true
+    },
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==",
+      "dev": true
+    },
+    "lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "requires": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "luxon": {
+      "version": "1.28.1",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-1.28.1.tgz",
+      "integrity": "sha512-gYHAa180mKrNIUJCbwpmD0aTu9kV0dREDrwNnuyFAsO1Wt0EVYSZelPnJlbj9HplzXX/YWXHFTL45kvZ53M0pw==",
+      "dev": true
+    },
+    "make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.0.0"
+      }
+    },
+    "map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+      "dev": true
+    },
+    "map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+      "dev": true,
+      "requires": {
+        "object-visit": "^1.0.0"
+      }
+    },
+    "markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
+      "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+          "dev": true
+        }
+      }
+    },
+    "markdown-it-anchor": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-5.3.0.tgz",
+      "integrity": "sha512-/V1MnLL/rgJ3jkMWo84UR+K+jF1cxNG1a+KwqeXqTIJ+jtA8aWSHuigx8lTzauiIjBDbwF3NcWQMotd0Dm39jA==",
+      "dev": true,
+      "requires": {}
+    },
+    "markdown-it-chain": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-chain/-/markdown-it-chain-1.3.0.tgz",
+      "integrity": "sha512-XClV8I1TKy8L2qsT9iX3qiV+50ZtcInGXI80CA+DP62sMs7hXlyV/RM3hfwy5O3Ad0sJm9xIwQELgANfESo8mQ==",
+      "dev": true,
+      "requires": {
+        "webpack-chain": "^4.9.0"
+      },
+      "dependencies": {
+        "javascript-stringify": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-1.6.0.tgz",
+          "integrity": "sha512-fnjC0up+0SjEJtgmmG+teeel68kutkvzfctO/KxE3qJlbunkJYAshgH3boU++gSBHP8z5/r0ts0qRIrHf0RTQQ==",
+          "dev": true
+        },
+        "webpack-chain": {
+          "version": "4.12.1",
+          "resolved": "https://registry.npmjs.org/webpack-chain/-/webpack-chain-4.12.1.tgz",
+          "integrity": "sha512-BCfKo2YkDe2ByqkEWe1Rw+zko4LsyS75LVr29C6xIrxAg9JHJ4pl8kaIZ396SUSNp6b4815dRZPSTAS8LlURRQ==",
+          "dev": true,
+          "requires": {
+            "deepmerge": "^1.5.2",
+            "javascript-stringify": "^1.6.0"
+          }
+        }
+      }
+    },
+    "markdown-it-container": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-container/-/markdown-it-container-2.0.0.tgz",
+      "integrity": "sha512-IxPOaq2LzrGuFGyYq80zaorXReh2ZHGFOB1/Hen429EJL1XkPI3FJTpx9TsJeua+j2qTru4h3W1TiCRdeivMmA==",
+      "dev": true
+    },
+    "markdown-it-emoji": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/markdown-it-emoji/-/markdown-it-emoji-1.4.0.tgz",
+      "integrity": "sha512-QCz3Hkd+r5gDYtS2xsFXmBYrgw6KuWcJZLCEkdfAuwzZbShCmCfta+hwAMq4NX/4xPzkSHduMKgMkkPUJxSXNg==",
+      "dev": true
+    },
+    "markdown-it-img-lazy": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/markdown-it-img-lazy/-/markdown-it-img-lazy-1.0.3.tgz",
+      "integrity": "sha512-H1wOixBCI8Jm9vxn5f5lsDsTdhG8HxLiC5eh5TjVe/Dv//zwAi/R5+WSpRYmQtyc1+RF1kS4cuLPt1wGid0xWA=="
+    },
+    "markdown-it-imsize": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/markdown-it-imsize/-/markdown-it-imsize-2.0.1.tgz",
+      "integrity": "sha512-5SH90ademqcR8ifQCBXRCfIR4HGfZZOh5pO0j2TglulfSQH+SBXM4Iw/QlTUbSoUwVZArCYgECoMvktDS2kP3w=="
+    },
+    "markdown-it-table-of-contents": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/markdown-it-table-of-contents/-/markdown-it-table-of-contents-0.4.4.tgz",
+      "integrity": "sha512-TAIHTHPwa9+ltKvKPWulm/beozQU41Ab+FIefRaQV1NRnpzwcV9QOe6wXQS5WLivm5Q/nlo0rl6laGkMDZE7Gw==",
+      "dev": true
+    },
+    "md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "mdn-data": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
+      "dev": true
+    },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
+      "dev": true
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true
+    },
+    "medium-zoom": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz",
+      "integrity": "sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA==",
+      "dev": true
+    },
+    "memory-fs": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+      "integrity": "sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==",
+      "dev": true,
+      "requires": {
+        "errno": "^0.1.3",
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
+      "dev": true
+    },
+    "merge-source-map": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
+      "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
+      "dev": true,
+      "requires": {
+        "source-map": "^0.6.1"
+      }
+    },
+    "merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "dev": true
+    },
+    "micromatch": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+      "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.3.1",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "extglob": "^2.0.4",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^6.0.2",
+        "nanomatch": "^1.2.9",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.2"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.2",
+            "isobject": "^3.0.1"
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "^1.0.0",
+            "is-extendable": "^1.0.1"
+          }
+        },
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      }
+    },
+    "mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true
+    },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true
+    },
+    "min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "dev": true,
+      "requires": {
+        "dom-walk": "^0.1.0"
+      }
+    },
+    "mini-css-extract-plugin": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.6.0.tgz",
+      "integrity": "sha512-79q5P7YGI6rdnVyIAV4NXpBQJFWdkzJxCim3Kog4078fM0piAaFlwocqbejdWtLW1cEzCexPrh6EdyFsPgVdAw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "normalize-url": "^2.0.1",
+        "schema-utils": "^1.0.0",
+        "webpack-sources": "^1.1.0"
+      }
+    },
+    "minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true
+    },
+    "minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true
+    },
+    "mississippi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz",
+      "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==",
+      "dev": true,
+      "requires": {
+        "concat-stream": "^1.5.0",
+        "duplexify": "^3.4.2",
+        "end-of-stream": "^1.1.0",
+        "flush-write-stream": "^1.0.0",
+        "from2": "^2.1.0",
+        "parallel-transform": "^1.1.0",
+        "pump": "^3.0.0",
+        "pumpify": "^1.3.3",
+        "stream-each": "^1.1.0",
+        "through2": "^2.0.0"
+      }
+    },
+    "mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dev": true,
+      "requires": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.6"
+      }
+    },
+    "move-concurrently": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+      "integrity": "sha512-hdrFxZOycD/g6A6SoI2bB5NA/5NEqD0569+S47WZhPvm46sD50ZHdYaFmnua5lndde9rCHGjmfK7Z8BuCt/PcQ==",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1",
+        "copy-concurrently": "^1.0.0",
+        "fs-write-stream-atomic": "^1.0.8",
+        "mkdirp": "^0.5.1",
+        "rimraf": "^2.5.4",
+        "run-queue": "^1.0.3"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "multicast-dns": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+      "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+      "dev": true,
+      "requires": {
+        "dns-packet": "^1.3.1",
+        "thunky": "^1.0.2"
+      }
+    },
+    "multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==",
+      "dev": true
+    },
+    "nan": {
+      "version": "2.18.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.18.0.tgz",
+      "integrity": "sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w==",
+      "dev": true,
+      "optional": true
+    },
+    "nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "dev": true
+    },
+    "nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.2",
+            "isobject": "^3.0.1"
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "^1.0.0",
+            "is-extendable": "^1.0.1"
+          }
+        },
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true
+    },
+    "neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true
+    },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
+    "no-case": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+      "dev": true,
+      "requires": {
+        "lower-case": "^1.1.1"
+      }
+    },
+    "node-forge": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+      "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
+      "dev": true
+    },
+    "node-libs-browser": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+      "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+      "dev": true,
+      "requires": {
+        "assert": "^1.1.1",
+        "browserify-zlib": "^0.2.0",
+        "buffer": "^4.3.0",
+        "console-browserify": "^1.1.0",
+        "constants-browserify": "^1.0.0",
+        "crypto-browserify": "^3.11.0",
+        "domain-browser": "^1.1.1",
+        "events": "^3.0.0",
+        "https-browserify": "^1.0.0",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "0.0.1",
+        "process": "^0.11.10",
+        "punycode": "^1.2.4",
+        "querystring-es3": "^0.2.0",
+        "readable-stream": "^2.3.3",
+        "stream-browserify": "^2.0.1",
+        "stream-http": "^2.7.2",
+        "string_decoder": "^1.0.0",
+        "timers-browserify": "^2.0.4",
+        "tty-browserify": "0.0.0",
+        "url": "^0.11.0",
+        "util": "^0.11.0",
+        "vm-browserify": "^1.0.1"
+      },
+      "dependencies": {
+        "events": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+          "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+          "dev": true
+        },
+        "punycode": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+          "dev": true
+        }
+      }
+    },
+    "node-releases": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
+      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
+      "dev": true
+    },
+    "nopt": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+      "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
+      "dev": true,
+      "requires": {
+        "abbrev": "1"
+      }
+    },
+    "normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true
+    },
+    "normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true
+    },
+    "normalize-url": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz",
+      "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^2.0.0",
+        "query-string": "^5.0.1",
+        "sort-keys": "^2.0.0"
+      }
+    },
+    "npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+      "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+      "dev": true,
+      "requires": {
+        "path-key": "^2.0.0"
+      }
+    },
+    "nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
+      "dev": true
+    },
+    "nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "requires": {
+        "boolbase": "^1.0.0"
+      }
+    },
+    "num2fraction": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+      "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==",
+      "dev": true
+    },
+    "oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true
+    },
+    "object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+      "dev": true,
+      "requires": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true
+    },
+    "object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      }
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true
+    },
+    "object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.0"
+      }
+    },
+    "object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      }
+    },
+    "object.getownpropertydescriptors": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.7.tgz",
+      "integrity": "sha512-PrJz0C2xJ58FNn11XV2lr4Jt5Gzl94qpy9Lu0JlfEj14z88sqbSBJCBEzdlNUCzY2gburhbrwOZ5BHCmuNUy0g==",
+      "dev": true,
+      "requires": {
+        "array.prototype.reduce": "^1.0.6",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "safe-array-concat": "^1.0.0"
+      }
+    },
+    "object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "object.values": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
+      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+      "dev": true
+    },
+    "opn": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+      "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "^1.1.0"
+      }
+    },
+    "optimize-css-assets-webpack-plugin": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.8.tgz",
+      "integrity": "sha512-mgFS1JdOtEGzD8l+EuISqL57cKO+We9GcoiQEmdCWRqqck+FGNmYJtx9qfAPzEz+lRrlThWMuGDaRkI/yWNx/Q==",
+      "dev": true,
+      "requires": {
+        "cssnano": "^4.1.10",
+        "last-call-webpack-plugin": "^3.0.0"
+      }
+    },
+    "os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
+      "dev": true
+    },
+    "p-cancelable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+      "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==",
+      "dev": true
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+      "dev": true
+    },
+    "p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "requires": {
+        "p-try": "^2.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^2.0.0"
+      }
+    },
+    "p-map": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
+      "dev": true
+    },
+    "p-retry": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-3.0.1.tgz",
+      "integrity": "sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==",
+      "dev": true,
+      "requires": {
+        "retry": "^0.12.0"
+      }
+    },
+    "p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true
+    },
+    "package-json": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+      "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+      "dev": true,
+      "requires": {
+        "got": "^9.6.0",
+        "registry-auth-token": "^4.0.0",
+        "registry-url": "^5.0.0",
+        "semver": "^6.2.0"
+      }
+    },
+    "pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true
+    },
+    "parallel-transform": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
+      "integrity": "sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==",
+      "dev": true,
+      "requires": {
+        "cyclist": "^1.0.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.1.5"
+      }
+    },
+    "param-case": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
+      "integrity": "sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==",
+      "dev": true,
+      "requires": {
+        "no-case": "^2.2.0"
+      }
+    },
+    "parse-asn1": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+      "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
+      "dev": true,
+      "requires": {
+        "asn1.js": "^5.2.0",
+        "browserify-aes": "^1.0.0",
+        "evp_bytestokey": "^1.0.0",
+        "pbkdf2": "^3.0.3",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+      "dev": true,
+      "requires": {
+        "error-ex": "^1.3.1",
+        "json-parse-better-errors": "^1.0.1"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true
+    },
+    "pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+      "dev": true
+    },
+    "path-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+      "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
+      "dev": true
+    },
+    "path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true
+    },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "dev": true
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+      "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
+      "dev": true
+    },
+    "path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "dev": true,
+      "requires": {
+        "pify": "^3.0.0"
+      },
+      "dependencies": {
+        "pify": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+          "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+          "dev": true
+        }
+      }
+    },
+    "pbkdf2": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
+      "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
+      "dev": true,
+      "requires": {
+        "create-hash": "^1.1.2",
+        "create-hmac": "^1.1.4",
+        "ripemd160": "^2.0.1",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "dev": true
+    },
+    "picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true
+    },
+    "pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==",
+      "dev": true
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+      "dev": true,
+      "requires": {
+        "pinkie": "^2.0.0"
+      }
+    },
+    "pkg-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "dev": true,
+      "requires": {
+        "find-up": "^3.0.0"
+      }
+    },
+    "portfinder": {
+      "version": "1.0.32",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+      "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.4",
+        "debug": "^3.2.7",
+        "mkdirp": "^0.5.6"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
+      }
+    },
+    "posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+      "dev": true
+    },
+    "postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "dev": true,
+      "requires": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      }
+    },
+    "postcss-calc": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz",
+      "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.27",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.0.2"
+      },
+      "dependencies": {
+        "postcss-value-parser": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+          "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-colormin": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
+      "integrity": "sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "color": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-convert-values": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz",
+      "integrity": "sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-discard-comments": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz",
+      "integrity": "sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-duplicates": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz",
+      "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-empty": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz",
+      "integrity": "sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-discard-overridden": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz",
+      "integrity": "sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-load-config": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+      "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^5.0.0",
+        "import-cwd": "^2.0.0"
+      }
+    },
+    "postcss-loader": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-3.0.0.tgz",
+      "integrity": "sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "postcss": "^7.0.0",
+        "postcss-load-config": "^2.0.0",
+        "schema-utils": "^1.0.0"
+      }
+    },
+    "postcss-merge-longhand": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz",
+      "integrity": "sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==",
+      "dev": true,
+      "requires": {
+        "css-color-names": "0.0.4",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "stylehacks": "^4.0.0"
+      }
+    },
+    "postcss-merge-rules": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz",
+      "integrity": "sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "cssnano-util-same-parent": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0",
+        "vendors": "^1.0.0"
+      },
+      "dependencies": {
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "postcss-minify-font-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz",
+      "integrity": "sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-minify-gradients": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz",
+      "integrity": "sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "is-color-stop": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-minify-params": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz",
+      "integrity": "sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "browserslist": "^4.0.0",
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "uniqs": "^2.0.0"
+      }
+    },
+    "postcss-minify-selectors": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz",
+      "integrity": "sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "postcss-modules-extract-imports": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz",
+      "integrity": "sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.5"
+      }
+    },
+    "postcss-modules-local-by-default": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-2.0.6.tgz",
+      "integrity": "sha512-oLUV5YNkeIBa0yQl7EYnxMgy4N6noxmiwZStaEJUSe2xPMcdNc8WmBQuQCx18H5psYbVxz8zoHk0RAAYZXP9gA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.6",
+        "postcss-selector-parser": "^6.0.0",
+        "postcss-value-parser": "^3.3.1"
+      }
+    },
+    "postcss-modules-scope": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz",
+      "integrity": "sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.6",
+        "postcss-selector-parser": "^6.0.0"
+      }
+    },
+    "postcss-modules-values": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-2.0.0.tgz",
+      "integrity": "sha512-Ki7JZa7ff1N3EIMlPnGTZfUMe69FFwiQPnVSXC9mnn3jozCRBYIxiZd44yJOV2AmabOo4qFf8s0dC/+lweG7+w==",
+      "dev": true,
+      "requires": {
+        "icss-replace-symbols": "^1.1.0",
+        "postcss": "^7.0.6"
+      }
+    },
+    "postcss-normalize-charset": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
+      "integrity": "sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-normalize-display-values": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
+      "integrity": "sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-normalize-positions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz",
+      "integrity": "sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-normalize-repeat-style": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz",
+      "integrity": "sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-normalize-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
+      "integrity": "sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-normalize-timing-functions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz",
+      "integrity": "sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-normalize-unicode": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz",
+      "integrity": "sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-normalize-url": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz",
+      "integrity": "sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==",
+      "dev": true,
+      "requires": {
+        "is-absolute-url": "^2.0.0",
+        "normalize-url": "^3.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "is-absolute-url": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+          "integrity": "sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg==",
+          "dev": true
+        },
+        "normalize-url": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz",
+          "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==",
+          "dev": true
+        }
+      }
+    },
+    "postcss-normalize-whitespace": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz",
+      "integrity": "sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-ordered-values": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz",
+      "integrity": "sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-arguments": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-reduce-initial": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
+      "integrity": "sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "caniuse-api": "^3.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0"
+      }
+    },
+    "postcss-reduce-transforms": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
+      "integrity": "sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==",
+      "dev": true,
+      "requires": {
+        "cssnano-util-get-match": "^4.0.0",
+        "has": "^1.0.0",
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0"
+      }
+    },
+    "postcss-safe-parser": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz",
+      "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.26"
+      }
+    },
+    "postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
+      "requires": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      }
+    },
+    "postcss-svgo": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.3.tgz",
+      "integrity": "sha512-NoRbrcMWTtUghzuKSoIm6XV+sJdvZ7GZSc3wdBN0W19FTtp2ko8NqLsgoh/m9CzNhU3KLPvQmjIwtaNFkaFTvw==",
+      "dev": true,
+      "requires": {
+        "postcss": "^7.0.0",
+        "postcss-value-parser": "^3.0.0",
+        "svgo": "^1.0.0"
+      }
+    },
+    "postcss-unique-selectors": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz",
+      "integrity": "sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==",
+      "dev": true,
+      "requires": {
+        "alphanum-sort": "^1.0.0",
+        "postcss": "^7.0.0",
+        "uniqs": "^2.0.0"
+      }
+    },
+    "postcss-value-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+      "dev": true
+    },
+    "prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+      "integrity": "sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA==",
+      "dev": true
+    },
+    "prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "dev": true,
+      "optional": true
+    },
+    "pretty-error": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
+      "integrity": "sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.20",
+        "renderkid": "^2.0.4"
+      }
+    },
+    "pretty-time": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pretty-time/-/pretty-time-1.1.0.tgz",
+      "integrity": "sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==",
+      "dev": true
+    },
+    "prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "dev": true
+    },
+    "process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true
+    },
+    "promise-inflight": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+      "dev": true
+    },
+    "proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
+      "requires": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      }
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "dev": true
+    },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
+      "dev": true
+    },
+    "psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
+      "dev": true
+    },
+    "public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "dev": true,
+      "requires": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "pumpify": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz",
+      "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==",
+      "dev": true,
+      "requires": {
+        "duplexify": "^3.6.0",
+        "inherits": "^2.0.3",
+        "pump": "^2.0.0"
+      },
+      "dependencies": {
+        "pump": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
+          "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
+          "dev": true,
+          "requires": {
+            "end-of-stream": "^1.1.0",
+            "once": "^1.3.1"
+          }
+        }
+      }
+    },
+    "punycode": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
+      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "dev": true
+    },
+    "pupa": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+      "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
+      "dev": true,
+      "requires": {
+        "escape-goat": "^2.0.0"
+      }
+    },
+    "q": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+      "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
+      "dev": true
+    },
+    "qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dev": true,
+      "requires": {
+        "side-channel": "^1.0.4"
+      }
+    },
+    "query-string": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
+      "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
+      "dev": true,
+      "requires": {
+        "decode-uri-component": "^0.2.0",
+        "object-assign": "^4.1.0",
+        "strict-uri-encode": "^1.0.0"
+      }
+    },
+    "querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
+      "dev": true
+    },
+    "querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true
+    },
+    "randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true
+    },
+    "raw-body": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      }
+    },
+    "rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "requires": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "dependencies": {
+        "ini": {
+          "version": "1.3.8",
+          "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+          "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+          "dev": true
+        }
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "readdirp": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+      "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.11",
+        "micromatch": "^3.1.10",
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "reduce": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/reduce/-/reduce-1.0.2.tgz",
+      "integrity": "sha512-xX7Fxke/oHO5IfZSk77lvPa/7bjMh9BuCk4OOoX5XTXrM7s0Z+MkPfSDfz0q7r91BhhGSs8gii/VEN/7zhCPpQ==",
+      "dev": true,
+      "requires": {
+        "object-keys": "^1.1.0"
+      }
+    },
+    "regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true
+    },
+    "regenerate-unicode-properties": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
+      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.2"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "dev": true
+    },
+    "regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "^1.0.0",
+            "is-extendable": "^1.0.1"
+          }
+        },
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      }
+    },
+    "regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dev": true,
+      "requires": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      }
+    },
+    "registry-auth-token": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.2.tgz",
+      "integrity": "sha512-PC5ZysNb42zpFME6D/XlIgtNGdTl8bBOCw90xQLVMpzuuubJKYDWFAEuUNc+Cn8Z8724tg2SDhDRrkVEsqfDMg==",
+      "dev": true,
+      "requires": {
+        "rc": "1.2.8"
+      }
+    },
+    "registry-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+      "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+      "dev": true,
+      "requires": {
+        "rc": "^1.2.8"
+      }
+    },
+    "regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dev": true,
+      "requires": {
+        "jsesc": "~0.5.0"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+          "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+          "dev": true
+        }
+      }
+    },
+    "relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "dev": true
+    },
+    "remove-markdown": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/remove-markdown/-/remove-markdown-0.3.0.tgz",
+      "integrity": "sha512-5392eIuy1mhjM74739VunOlsOYKjsH82rQcTBlJ1bkICVC3dQ3ksQzTHh4jGHQFnM+1xzLzcFOMH+BofqXhroQ==",
+      "dev": true
+    },
+    "remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+      "dev": true
+    },
+    "renderkid": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.7.tgz",
+      "integrity": "sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==",
+      "dev": true,
+      "requires": {
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^3.0.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        }
+      }
+    },
+    "repeat-element": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+      "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+      "dev": true
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "dev": true
+    },
+    "request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "dev": true,
+      "requires": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+          "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
+          "dev": true
+        }
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true
+    },
+    "resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "requires": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "resolve-cwd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+      "integrity": "sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==",
+      "dev": true,
+      "requires": {
+        "resolve-from": "^3.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+      "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+      "dev": true
+    },
+    "resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+      "dev": true
+    },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+      "integrity": "sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ==",
+      "dev": true,
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true
+    },
+    "retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "dev": true
+    },
+    "rgb-regex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
+      "integrity": "sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==",
+      "dev": true
+    },
+    "rgba-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
+      "integrity": "sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==",
+      "dev": true
+    },
+    "rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "ripemd160": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+      "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+      "dev": true,
+      "requires": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1"
+      }
+    },
+    "run-queue": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
+      "integrity": "sha512-ntymy489o0/QQplUDnpYAYUsO50K9SBrIVaKCWDOJzYJts0f9WH9RFJkyagebkw5+y1oi00R7ynNW/d12GBumg==",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.1.1"
+      }
+    },
+    "safe-array-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+          "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+          "dev": true
+        }
+      }
+    },
+    "safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true
+    },
+    "safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+      "dev": true,
+      "requires": {
+        "ret": "~0.1.10"
+      }
+    },
+    "safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      }
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
+    },
+    "sax": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
+      "dev": true
+    },
+    "schema-utils": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+      "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.1.0",
+        "ajv-errors": "^1.0.0",
+        "ajv-keywords": "^3.1.0"
+      }
+    },
+    "section-matter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
+      "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "kind-of": "^6.0.0"
+      }
+    },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+      "dev": true
+    },
+    "selfsigned": {
+      "version": "1.10.14",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
+      "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+      "dev": true,
+      "requires": {
+        "node-forge": "^0.10.0"
+      }
+    },
+    "semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true
+    },
+    "semver-diff": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+      "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+      "dev": true,
+      "requires": {
+        "semver": "^6.3.0"
+      }
+    },
+    "send": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "dependencies": {
+        "mime": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+          "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
+      }
+    },
+    "serialize-javascript": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+      "dev": true,
+      "requires": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "dependencies": {
+        "depd": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+          "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.6.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+          "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.0",
+            "statuses": ">= 1.4.0 < 2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+          "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+          "dev": true
+        },
+        "statuses": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+          "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+          "dev": true
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "dev": true,
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.18.0"
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true
+    },
+    "set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      }
+    },
+    "set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dev": true,
+      "requires": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      }
+    },
+    "set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      }
+    },
+    "setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true
+    },
+    "setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true
+    },
+    "sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+      "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^1.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+      "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+      "dev": true
+    },
+    "side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      }
+    },
+    "signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
+    "simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "requires": {
+        "is-arrayish": "^0.3.1"
+      },
+      "dependencies": {
+        "is-arrayish": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+          "dev": true
+        }
+      }
+    },
+    "sitemap": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/sitemap/-/sitemap-3.2.2.tgz",
+      "integrity": "sha512-TModL/WU4m2q/mQcrDgNANn0P4LwprM9MMvG4hu5zP4c6IIKs2YLTu6nXXnNr8ODW/WFtxKggiJ1EGn2W0GNmg==",
+      "dev": true,
+      "requires": {
+        "lodash.chunk": "^4.2.0",
+        "lodash.padstart": "^4.6.1",
+        "whatwg-url": "^7.0.0",
+        "xmlbuilder": "^13.0.0"
+      }
+    },
+    "slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+      "dev": true
+    },
+    "smoothscroll-polyfill": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz",
+      "integrity": "sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==",
+      "dev": true
+    },
+    "snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "requires": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+          "dev": true
+        }
+      }
+    },
+    "snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "dev": true,
+      "requires": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+          "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        }
+      }
+    },
+    "snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.2.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "requires": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "8.3.2",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+          "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+          "dev": true
+        }
+      }
+    },
+    "sockjs-client": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.6.1.tgz",
+      "integrity": "sha512-2g0tjOR+fRs0amxENLi/q5TiJTqY+WXFOzb5UwXndlK6TO3U/mirZznpx6w34HVMoc3g7cY24yC/ZMIYnDlfkw==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.7",
+        "eventsource": "^2.0.2",
+        "faye-websocket": "^0.11.4",
+        "inherits": "^2.0.4",
+        "url-parse": "^1.5.10"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+          "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+          "dev": true
+        }
+      }
+    },
+    "sort-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
+      "integrity": "sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==",
+      "dev": true,
+      "requires": {
+        "is-plain-obj": "^1.0.0"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+          "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
+          "dev": true
+        }
+      }
+    },
+    "source-list-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+      "dev": true
+    },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true
+    },
+    "source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "dev": true,
+      "requires": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "requires": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "dev": true
+    },
+    "spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        }
+      }
+    },
+    "spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "3.6.2",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+          "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+          "dev": true,
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.0"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "^1.0.0",
+            "is-extendable": "^1.0.1"
+          }
+        },
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true
+    },
+    "sshpk": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
+      "dev": true,
+      "requires": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      }
+    },
+    "ssri": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
+      "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
+      "dev": true,
+      "requires": {
+        "figgy-pudding": "^3.5.1"
+      }
+    },
+    "stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "dev": true
+    },
+    "stack-utils": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-1.0.5.tgz",
+      "integrity": "sha512-KZiTzuV3CnSnSvgMRrARVCj+Ht7rMbauGDK0LdVFRGyenwdylpajAp4Q0i6SX8rEmbTpMMf6ryq2gb8pPq2WgQ==",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+          "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+          "dev": true
+        }
+      }
+    },
+    "static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+      "dev": true,
+      "requires": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      }
+    },
+    "statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true
+    },
+    "std-env": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-2.3.1.tgz",
+      "integrity": "sha512-eOsoKTWnr6C8aWrqJJ2KAReXoa7Vn5Ywyw6uCXgA/xDhxPoaIsBa5aNJmISY04dLwXPBnDHW4diGM7Sn5K4R/g==",
+      "dev": true,
+      "requires": {
+        "ci-info": "^3.1.1"
+      },
+      "dependencies": {
+        "ci-info": {
+          "version": "3.9.0",
+          "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+          "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+          "dev": true
+        }
+      }
+    },
+    "stream-browserify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+      "dev": true,
+      "requires": {
+        "inherits": "~2.0.1",
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "stream-each": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz",
+      "integrity": "sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "stream-http": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+      "dev": true,
+      "requires": {
+        "builtin-status-codes": "^3.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.3.6",
+        "to-arraybuffer": "^1.0.0",
+        "xtend": "^4.0.0"
+      }
+    },
+    "stream-shift": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
+      "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==",
+      "dev": true
+    },
+    "strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==",
+      "dev": true
+    },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "string-width": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+      "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^7.0.1",
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^5.1.0"
+      }
+    },
+    "string.prototype.trim": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "string.prototype.trimend": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      }
+    },
+    "strip-ansi": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+      "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^4.1.0"
+      }
+    },
+    "strip-bom-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
+      "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
+      "dev": true
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==",
+      "dev": true
+    },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true
+    },
+    "striptags": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.1.1.tgz",
+      "integrity": "sha512-3HVl+cOkJOlNUDAYdoCAfGx/fzUzG53YvJAl3RYlTvAcBdPqSp1Uv4wrmHymm7oEypTijSQqcqplW8cz0/r/YA==",
+      "dev": true
+    },
+    "stylehacks": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
+      "integrity": "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.0.0",
+        "postcss": "^7.0.0",
+        "postcss-selector-parser": "^3.0.0"
+      },
+      "dependencies": {
+        "postcss-selector-parser": {
+          "version": "3.1.2",
+          "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+          "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+          "dev": true,
+          "requires": {
+            "dot-prop": "^5.2.0",
+            "indexes-of": "^1.0.1",
+            "uniq": "^1.0.1"
+          }
+        }
+      }
+    },
+    "stylus": {
+      "version": "0.54.8",
+      "resolved": "https://registry.npmjs.org/stylus/-/stylus-0.54.8.tgz",
+      "integrity": "sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==",
+      "dev": true,
+      "requires": {
+        "css-parse": "~2.0.0",
+        "debug": "~3.1.0",
+        "glob": "^7.1.6",
+        "mkdirp": "~1.0.4",
+        "safer-buffer": "^2.1.2",
+        "sax": "~1.2.4",
+        "semver": "^6.3.0",
+        "source-map": "^0.7.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "mkdirp": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+          "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.7.4",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+          "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+          "dev": true
+        }
+      }
+    },
+    "stylus-loader": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/stylus-loader/-/stylus-loader-3.0.2.tgz",
+      "integrity": "sha512-+VomPdZ6a0razP+zinir61yZgpw2NfljeSsdUF5kJuEzlo3khXhY19Fn6l8QQz1GRJGtMCo8nG5C04ePyV7SUA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.0.2",
+        "lodash.clonedeep": "^4.5.0",
+        "when": "~3.6.x"
+      }
+    },
+    "supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "requires": {
+        "has-flag": "^4.0.0"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        }
+      }
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true
+    },
+    "svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "svgo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.1",
+        "coa": "^2.0.2",
+        "css-select": "^2.0.0",
+        "css-select-base-adapter": "^0.1.1",
+        "css-tree": "1.0.0-alpha.37",
+        "csso": "^4.0.2",
+        "js-yaml": "^3.13.1",
+        "mkdirp": "~0.5.1",
+        "object.values": "^1.1.0",
+        "sax": "~1.2.4",
+        "stable": "^0.1.8",
+        "unquote": "~1.1.1",
+        "util.promisify": "~1.0.0"
+      },
+      "dependencies": {
+        "css-select": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+          "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+          "dev": true,
+          "requires": {
+            "boolbase": "^1.0.0",
+            "css-what": "^3.2.1",
+            "domutils": "^1.7.0",
+            "nth-check": "^1.0.2"
+          }
+        },
+        "css-what": {
+          "version": "3.4.2",
+          "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+          "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+          "dev": true
+        },
+        "dom-serializer": {
+          "version": "0.2.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+          "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "entities": "^2.0.0"
+          },
+          "dependencies": {
+            "domelementtype": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+              "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+              "dev": true
+            }
+          }
+        },
+        "domelementtype": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+          "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+          "dev": true
+        },
+        "domutils": {
+          "version": "1.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+          "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "0",
+            "domelementtype": "1"
+          }
+        },
+        "nth-check": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+          "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+          "dev": true,
+          "requires": {
+            "boolbase": "~1.0.0"
+          }
+        },
+        "util.promisify": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+          "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
+          "dev": true,
+          "requires": {
+            "define-properties": "^1.1.3",
+            "es-abstract": "^1.17.2",
+            "has-symbols": "^1.0.1",
+            "object.getownpropertydescriptors": "^2.1.0"
+          }
+        }
+      }
+    },
+    "tapable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
+      "dev": true
+    },
+    "term-size": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+      "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==",
+      "dev": true
+    },
+    "terser": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+      "dev": true,
+      "requires": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+          "dev": true
+        }
+      }
+    },
+    "terser-webpack-plugin": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
+      "integrity": "sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==",
+      "dev": true,
+      "requires": {
+        "cacache": "^12.0.2",
+        "find-cache-dir": "^2.1.0",
+        "is-wsl": "^1.1.0",
+        "schema-utils": "^1.0.0",
+        "serialize-javascript": "^4.0.0",
+        "source-map": "^0.6.1",
+        "terser": "^4.1.2",
+        "webpack-sources": "^1.4.0",
+        "worker-farm": "^1.7.0"
+      }
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
+      "dev": true
+    },
+    "through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dev": true,
+      "requires": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
+    "timers-browserify": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+      "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+      "dev": true,
+      "requires": {
+        "setimmediate": "^1.0.4"
+      }
+    },
+    "timsort": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
+      "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==",
+      "dev": true
+    },
+    "to-arraybuffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+      "integrity": "sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==",
+      "dev": true
+    },
+    "to-factory": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-factory/-/to-factory-1.0.0.tgz",
+      "integrity": "sha512-JVYrY42wMG7ddf+wBUQR/uHGbjUHZbLisJ8N62AMm0iTZ0p8YTcZLzdtomU0+H+wa99VbkyvQGB3zxB7NDzgIQ==",
+      "dev": true
+    },
+    "to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true
+    },
+    "to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+          "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "to-readable-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+      "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==",
+      "dev": true
+    },
+    "to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "dev": true,
+      "requires": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+          "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.2",
+            "isobject": "^3.0.1"
+          }
+        },
+        "extend-shallow": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+          "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+          "dev": true,
+          "requires": {
+            "assign-symbols": "^1.0.0",
+            "is-extendable": "^1.0.1"
+          }
+        },
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+          "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+      "dev": true,
+      "requires": {
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1"
+      }
+    },
+    "toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true
+    },
+    "toml": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/toml/-/toml-3.0.0.tgz",
+      "integrity": "sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w==",
+      "dev": true
+    },
+    "toposort": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-1.0.7.tgz",
+      "integrity": "sha512-FclLrw8b9bMWf4QlCJuHBEVhSRsqDj6u3nIjAzPeJvgl//1hBlffdlk0MALceL14+koWEdU4ofRAXofbODxQzg==",
+      "dev": true
+    },
+    "tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "dev": true,
+      "requires": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      }
+    },
+    "tr46": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
+      "integrity": "sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "tty-browserify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+      "integrity": "sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==",
+      "dev": true
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
+      "dev": true
+    },
+    "type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      }
+    },
+    "typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      }
+    },
+    "typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "dev": true
+    },
+    "typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dev": true,
+      "requires": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+      "dev": true
+    },
+    "uglify-js": {
+      "version": "3.4.10",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
+      "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
+      "dev": true,
+      "requires": {
+        "commander": "~2.19.0",
+        "source-map": "~0.6.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.19.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
+          "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==",
+          "dev": true
+        }
+      }
+    },
+    "unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "requires": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      }
+    },
+    "undici-types": {
+      "version": "5.25.3",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
+      "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==",
+      "dev": true
+    },
+    "unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "dev": true
+    },
+    "unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "requires": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      }
+    },
+    "unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "dev": true
+    },
+    "unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "dev": true
+    },
+    "union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      }
+    },
+    "uniq": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+      "integrity": "sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==",
+      "dev": true
+    },
+    "uniqs": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+      "integrity": "sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ==",
+      "dev": true
+    },
+    "unique-filename": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+      "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+      "dev": true,
+      "requires": {
+        "unique-slug": "^2.0.0"
+      }
+    },
+    "unique-slug": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+      "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "^0.1.4"
+      }
+    },
+    "unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "dev": true,
+      "requires": {
+        "crypto-random-string": "^2.0.0"
+      }
+    },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "dev": true
+    },
+    "unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==",
+      "dev": true
+    },
+    "unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+      "dev": true,
+      "requires": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "dependencies": {
+        "has-value": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+          "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+          "dev": true,
+          "requires": {
+            "get-value": "^2.0.3",
+            "has-values": "^0.1.4",
+            "isobject": "^2.0.0"
+          },
+          "dependencies": {
+            "isobject": {
+              "version": "2.1.0",
+              "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+              "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+              "dev": true,
+              "requires": {
+                "isarray": "1.0.0"
+              }
+            }
+          }
+        },
+        "has-values": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+          "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+          "dev": true
+        }
+      }
+    },
+    "upath": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+      "dev": true
+    },
+    "update-browserslist-db": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "dev": true,
+      "requires": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "dependencies": {
+        "picocolors": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+          "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+          "dev": true
+        }
+      }
+    },
+    "update-notifier": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-4.1.3.tgz",
+      "integrity": "sha512-Yld6Z0RyCYGB6ckIjffGOSOmHXj1gMeE7aROz4MG+XMkmixBX4jUngrGXNYz7wPKBmtoD4MnBa2Anu7RSKht/A==",
+      "dev": true,
+      "requires": {
+        "boxen": "^4.2.0",
+        "chalk": "^3.0.0",
+        "configstore": "^5.0.1",
+        "has-yarn": "^2.1.0",
+        "import-lazy": "^2.1.0",
+        "is-ci": "^2.0.0",
+        "is-installed-globally": "^0.3.1",
+        "is-npm": "^4.0.0",
+        "is-yarn-global": "^0.3.0",
+        "latest-version": "^5.0.0",
+        "pupa": "^2.0.1",
+        "semver-diff": "^3.1.1",
+        "xdg-basedir": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        }
+      }
+    },
+    "upper-case": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
+      "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==",
+      "dev": true
+    },
+    "uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+      "dev": true
+    },
+    "url": {
+      "version": "0.11.3",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.3.tgz",
+      "integrity": "sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==",
+      "dev": true,
+      "requires": {
+        "punycode": "^1.4.1",
+        "qs": "^6.11.2"
+      },
+      "dependencies": {
+        "punycode": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+          "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+          "dev": true
+        },
+        "qs": {
+          "version": "6.11.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
+          "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
+          "dev": true,
+          "requires": {
+            "side-channel": "^1.0.4"
+          }
+        }
+      }
+    },
+    "url-loader": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-1.1.2.tgz",
+      "integrity": "sha512-dXHkKmw8FhPqu8asTc1puBfe3TehOCo2+RmOOev5suNCIYBcT626kxiWg1NBVkwc4rO8BGa7gP70W7VXuqHrjg==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "mime": "^2.0.3",
+        "schema-utils": "^1.0.0"
+      }
+    },
+    "url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dev": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ==",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^2.0.0"
+      }
+    },
+    "use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "dev": true
+    },
+    "util": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+      "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+      "dev": true,
+      "requires": {
+        "inherits": "2.0.3"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+          "dev": true
+        }
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "util.promisify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.0.tgz",
+      "integrity": "sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.2",
+        "object.getownpropertydescriptors": "^2.0.3"
+      }
+    },
+    "utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==",
+      "dev": true
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "dev": true
+    },
+    "uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "dev": true
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true
+    },
+    "vendors": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+      "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==",
+      "dev": true
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
+      "dev": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      },
+      "dependencies": {
+        "core-util-is": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+          "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
+          "dev": true
+        },
+        "extsprintf": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.4.1.tgz",
+          "integrity": "sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==",
+          "dev": true
+        }
+      }
+    },
+    "vm-browserify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+      "dev": true
+    },
+    "vue": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+      "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
+      "dev": true,
+      "requires": {
+        "@vue/compiler-sfc": "2.7.14",
+        "csstype": "^3.1.0"
+      }
+    },
+    "vue-hot-reload-api": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
+      "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
+      "dev": true
+    },
+    "vue-loader": {
+      "version": "15.11.1",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
+      "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
+      "dev": true,
+      "requires": {
+        "@vue/component-compiler-utils": "^3.1.0",
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.1.0",
+        "vue-hot-reload-api": "^2.3.0",
+        "vue-style-loader": "^4.1.0"
+      }
+    },
+    "vue-router": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.6.5.tgz",
+      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==",
+      "dev": true
+    },
+    "vue-server-renderer": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue-server-renderer/-/vue-server-renderer-2.7.14.tgz",
+      "integrity": "sha512-NlGFn24tnUrj7Sqb8njhIhWREuCJcM3140aMunLNcx951BHG8j3XOrPP7psSCaFA8z6L4IWEjudztdwTp1CBVw==",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.1.2",
+        "hash-sum": "^2.0.0",
+        "he": "^1.2.0",
+        "lodash.template": "^4.5.0",
+        "lodash.uniq": "^4.5.0",
+        "resolve": "^1.22.0",
+        "serialize-javascript": "^6.0.0",
+        "source-map": "0.5.6"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "hash-sum": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+          "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+          "dev": true
+        },
+        "serialize-javascript": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
+          "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
+          "dev": true,
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
+        },
+        "source-map": {
+          "version": "0.5.6",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+          "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==",
+          "dev": true
+        }
+      }
+    },
+    "vue-style-loader": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
+      "integrity": "sha512-sFuh0xfbtpRlKfm39ss/ikqs9AbKCoXZBpHeVZ8Tx650o0k0q/YCM7FRvigtxpACezfq6af+a7JeqVTWvncqDg==",
+      "dev": true,
+      "requires": {
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.0.2"
+      }
+    },
+    "vue-template-compiler": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.14.tgz",
+      "integrity": "sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==",
+      "dev": true,
+      "requires": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
+    "vue-template-es2015-compiler": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
+      "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
+      "dev": true
+    },
+    "vuepress": {
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/vuepress/-/vuepress-1.9.10.tgz",
+      "integrity": "sha512-UnGm9vjQvG918SZVNvgiUlNimLqawdYPq0aPRXDpEB1VksvqegVFy/GKdA8ShXJaEpOMPSt7YD4uK21jaMs3kA==",
+      "dev": true,
+      "requires": {
+        "@vuepress/core": "1.9.10",
+        "@vuepress/theme-default": "1.9.10",
+        "@vuepress/types": "1.9.10",
+        "cac": "^6.5.6",
+        "envinfo": "^7.2.0",
+        "opencollective-postinstall": "^2.0.2",
+        "update-notifier": "^4.0.0"
+      }
+    },
+    "vuepress-html-webpack-plugin": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/vuepress-html-webpack-plugin/-/vuepress-html-webpack-plugin-3.2.0.tgz",
+      "integrity": "sha512-BebAEl1BmWlro3+VyDhIOCY6Gef2MCBllEVAP3NUAtMguiyOwo/dClbwJ167WYmcxHJKLl7b0Chr9H7fpn1d0A==",
+      "dev": true,
+      "requires": {
+        "html-minifier": "^3.2.3",
+        "loader-utils": "^0.2.16",
+        "lodash": "^4.17.3",
+        "pretty-error": "^2.0.2",
+        "tapable": "^1.0.0",
+        "toposort": "^1.0.0",
+        "util.promisify": "1.0.0"
+      },
+      "dependencies": {
+        "big.js": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/big.js/-/big.js-3.2.0.tgz",
+          "integrity": "sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==",
+          "dev": true
+        },
+        "emojis-list": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
+          "integrity": "sha512-knHEZMgs8BB+MInokmNTg/OyPlAddghe1YBgNwJBc5zsJi/uyIcXoSDsL/W9ymOsBoBGdPIHXYJ9+qKFwRwDng==",
+          "dev": true
+        },
+        "json5": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+          "integrity": "sha512-4xrs1aW+6N5DalkqSVA8fxh458CXvR99WU8WLKmq4v8eWAL86Xo3BVqyd3SkA9wEVjCMqyvvRRkshAdOnBp5rw==",
+          "dev": true
+        },
+        "loader-utils": {
+          "version": "0.2.17",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
+          "integrity": "sha512-tiv66G0SmiOx+pLWMtGEkfSEejxvb6N6uRrQjfWJIT79W9GMpgKeCAmm9aVBKtd4WEgntciI8CsGqjpDoCWJug==",
+          "dev": true,
+          "requires": {
+            "big.js": "^3.1.3",
+            "emojis-list": "^2.0.0",
+            "json5": "^0.5.0",
+            "object-assign": "^4.0.1"
+          }
+        }
+      }
+    },
+    "vuepress-plugin-baidu-autopush": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-baidu-autopush/-/vuepress-plugin-baidu-autopush-1.0.1.tgz",
+      "integrity": "sha512-KVQkrmMgPY+GG8dtI2wcRxUv1n2h5DM8aFs75ltsSlFBSS9C/vfLb2LmywXAsoCXk2EHya2p66cpn7BxofK+Mw==",
+      "dev": true
+    },
+    "vuepress-plugin-code-copy": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-code-copy/-/vuepress-plugin-code-copy-1.0.6.tgz",
+      "integrity": "sha512-FiqwMtlb4rEsOI56O6sSkekcd3SlESxbkR2IaTIQxsMOMoalKfW5R9WlR1Pjm10v6jmU661Ex8MR11k9IzrNUg=="
+    },
+    "vuepress-plugin-container": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-container/-/vuepress-plugin-container-2.1.5.tgz",
+      "integrity": "sha512-TQrDX/v+WHOihj3jpilVnjXu9RcTm6m8tzljNJwYhxnJUW0WWQ0hFLcDTqTBwgKIFdEiSxVOmYE+bJX/sq46MA==",
+      "dev": true,
+      "requires": {
+        "@vuepress/shared-utils": "^1.2.0",
+        "markdown-it-container": "^2.0.0"
+      }
+    },
+    "vuepress-plugin-feed": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-feed/-/vuepress-plugin-feed-0.1.9.tgz",
+      "integrity": "sha512-iOJkR7zPmJAX0TEVdxNsUT07xNQB6lZFpU7DqsYzO01FhaPkMOOVM5Vx5a/iOOuOggAeoI9H9yuah+cRmCImlw==",
+      "dev": true,
+      "requires": {
+        "feed": "2.0.4",
+        "lodash.defaultsdeep": "4.6.1",
+        "lodash.isempty": "4.4.0",
+        "lodash.trimend": "^4.5.1",
+        "lodash.trimstart": "^4.5.1",
+        "remove-markdown": "0.3.0",
+        "striptags": "3.1.1"
+      }
+    },
+    "vuepress-plugin-img-lazy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-img-lazy/-/vuepress-plugin-img-lazy-1.0.4.tgz",
+      "integrity": "sha512-4mMIy3vZzNZupFuohPKlOHGd0rNZEMEHEyN8b2M3j1yBANrkhGg1wNnpsdpe7ZnLdtVpxH3JQT7a3TDdxLLFmQ==",
+      "requires": {
+        "markdown-it-img-lazy": "^1.0.2",
+        "markdown-it-imsize": "^2.0.1"
+      }
+    },
+    "vuepress-plugin-seo": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-seo/-/vuepress-plugin-seo-0.1.4.tgz",
+      "integrity": "sha512-foNKrAAKihiC47bx0UXFzs/+BIFmnowTQsLVF/8pfsnsPDp8FXjkTGyjxyjOhbwj7ADPv32CdX3pEoYGnZ7OjA==",
+      "dev": true
+    },
+    "vuepress-plugin-sitemap": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-sitemap/-/vuepress-plugin-sitemap-2.3.1.tgz",
+      "integrity": "sha512-n+8lbukhrKrsI9H/EX0EBgkE1pn85LAQFvQ5dIvrZP4Kz6JxPOPPNTQmZMhahQV1tXbLZQCEN7A1WZH4x+arJQ==",
+      "dev": true,
+      "requires": {
+        "sitemap": "^3.0.0"
+      }
+    },
+    "vuepress-plugin-smooth-scroll": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-smooth-scroll/-/vuepress-plugin-smooth-scroll-0.0.3.tgz",
+      "integrity": "sha512-qsQkDftLVFLe8BiviIHaLV0Ea38YLZKKonDGsNQy1IE0wllFpFIEldWD8frWZtDFdx6b/O3KDMgVQ0qp5NjJCg==",
+      "dev": true,
+      "requires": {
+        "smoothscroll-polyfill": "^0.4.3"
+      }
+    },
+    "vuepress-plugin-tags": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/vuepress-plugin-tags/-/vuepress-plugin-tags-1.0.2.tgz",
+      "integrity": "sha512-6BL53cnZ72ZOlYDlhsE92sIZCzuNHoVLtWDeFd36Gw7eoQuuR3Rk95ND8EHsgSo26SSPo1/H+zyYtzXecdyD+g==",
+      "dev": true
+    },
+    "watchpack": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
+      "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
+      "dev": true,
+      "requires": {
+        "chokidar": "^3.4.1",
+        "graceful-fs": "^4.1.2",
+        "neo-async": "^2.5.0",
+        "watchpack-chokidar2": "^2.0.1"
+      },
+      "dependencies": {
+        "binary-extensions": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+          "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+          "dev": true,
+          "optional": true
+        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "chokidar": {
+          "version": "3.5.3",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+          "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "anymatch": "~3.1.2",
+            "braces": "~3.0.2",
+            "fsevents": "~2.3.2",
+            "glob-parent": "~5.1.2",
+            "is-binary-path": "~2.1.0",
+            "is-glob": "~4.0.1",
+            "normalize-path": "~3.0.0",
+            "readdirp": "~3.6.0"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "fsevents": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+          "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+          "dev": true,
+          "optional": true
+        },
+        "glob-parent": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+          "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "is-glob": "^4.0.1"
+          }
+        },
+        "is-binary-path": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+          "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "binary-extensions": "^2.0.0"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+          "dev": true,
+          "optional": true
+        },
+        "readdirp": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+          "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "picomatch": "^2.2.1"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
+      }
+    },
+    "watchpack-chokidar2": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz",
+      "integrity": "sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chokidar": "^2.1.8"
+      }
+    },
+    "wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "webidl-conversions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
+      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
+      "dev": true
+    },
+    "webpack": {
+      "version": "4.47.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.47.0.tgz",
+      "integrity": "sha512-td7fYwgLSrky3fI1EuU5cneU4+pbH6GgOfuKNS1tNPcfdGinGELAqsb/BP4nnvZyKSG2i/xFGU7+n2PvZA8HJQ==",
+      "dev": true,
+      "requires": {
+        "@webassemblyjs/ast": "1.9.0",
+        "@webassemblyjs/helper-module-context": "1.9.0",
+        "@webassemblyjs/wasm-edit": "1.9.0",
+        "@webassemblyjs/wasm-parser": "1.9.0",
+        "acorn": "^6.4.1",
+        "ajv": "^6.10.2",
+        "ajv-keywords": "^3.4.1",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^4.5.0",
+        "eslint-scope": "^4.0.3",
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^2.4.0",
+        "loader-utils": "^1.2.3",
+        "memory-fs": "^0.4.1",
+        "micromatch": "^3.1.10",
+        "mkdirp": "^0.5.3",
+        "neo-async": "^2.6.1",
+        "node-libs-browser": "^2.2.1",
+        "schema-utils": "^1.0.0",
+        "tapable": "^1.1.3",
+        "terser-webpack-plugin": "^1.4.3",
+        "watchpack": "^1.7.4",
+        "webpack-sources": "^1.4.1"
+      }
+    },
+    "webpack-chain": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/webpack-chain/-/webpack-chain-6.5.1.tgz",
+      "integrity": "sha512-7doO/SRtLu8q5WM0s7vPKPWX580qhi0/yBHkOxNkv50f6qB76Zy9o2wRTrrPULqYTvQlVHuvbA8v+G5ayuUDsA==",
+      "dev": true,
+      "requires": {
+        "deepmerge": "^1.5.2",
+        "javascript-stringify": "^2.0.1"
+      }
+    },
+    "webpack-dev-middleware": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz",
+      "integrity": "sha512-djelc/zGiz9nZj/U7PTBi2ViorGJXEWo/3ltkPbDyxCXhhEXkW0ce99falaok4TPj+AsxLiXJR0EBOb0zh9fKQ==",
+      "dev": true,
+      "requires": {
+        "memory-fs": "^0.4.1",
+        "mime": "^2.4.4",
+        "mkdirp": "^0.5.1",
+        "range-parser": "^1.2.1",
+        "webpack-log": "^2.0.0"
+      }
+    },
+    "webpack-dev-server": {
+      "version": "3.11.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.3.tgz",
+      "integrity": "sha512-3x31rjbEQWKMNzacUZRE6wXvUFuGpH7vr0lIEbYpMAG9BOxi0928QU1BBswOAP3kg3H1O4hiS+sq4YyAn6ANnA==",
+      "dev": true,
+      "requires": {
+        "ansi-html-community": "0.0.8",
+        "bonjour": "^3.5.0",
+        "chokidar": "^2.1.8",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^1.6.0",
+        "debug": "^4.1.1",
+        "del": "^4.1.1",
+        "express": "^4.17.1",
+        "html-entities": "^1.3.1",
+        "http-proxy-middleware": "0.19.1",
+        "import-local": "^2.0.0",
+        "internal-ip": "^4.3.0",
+        "ip": "^1.1.5",
+        "is-absolute-url": "^3.0.3",
+        "killable": "^1.0.1",
+        "loglevel": "^1.6.8",
+        "opn": "^5.5.0",
+        "p-retry": "^3.0.1",
+        "portfinder": "^1.0.26",
+        "schema-utils": "^1.0.0",
+        "selfsigned": "^1.10.8",
+        "semver": "^6.3.0",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.21",
+        "sockjs-client": "^1.5.0",
+        "spdy": "^4.0.2",
+        "strip-ansi": "^3.0.1",
+        "supports-color": "^6.1.0",
+        "url": "^0.11.0",
+        "webpack-dev-middleware": "^3.7.2",
+        "webpack-log": "^2.0.0",
+        "ws": "^6.2.1",
+        "yargs": "^13.3.2"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.3.4",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+          "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+          "dev": true,
+          "requires": {
+            "ms": "2.1.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
+      }
+    },
+    "webpack-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-2.0.0.tgz",
+      "integrity": "sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^3.0.0",
+        "uuid": "^3.3.2"
+      }
+    },
+    "webpack-merge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.2.tgz",
+      "integrity": "sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "webpack-sources": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+      "dev": true,
+      "requires": {
+        "source-list-map": "^2.0.0",
+        "source-map": "~0.6.1"
+      }
+    },
+    "webpackbar": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/webpackbar/-/webpackbar-3.2.0.tgz",
+      "integrity": "sha512-PC4o+1c8gWWileUfwabe0gqptlXUDJd5E0zbpr2xHP1VSOVlZVPBZ8j6NCR8zM5zbKdxPhctHXahgpNK1qFDPw==",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^4.1.0",
+        "chalk": "^2.4.1",
+        "consola": "^2.6.0",
+        "figures": "^3.0.0",
+        "pretty-time": "^1.1.0",
+        "std-env": "^2.2.1",
+        "text-table": "^0.2.0",
+        "wrap-ansi": "^5.1.0"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "requires": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true
+    },
+    "whatwg-url": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
+      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
+      "dev": true,
+      "requires": {
+        "lodash.sortby": "^4.7.0",
+        "tr46": "^1.0.1",
+        "webidl-conversions": "^4.0.2"
+      }
+    },
+    "when": {
+      "version": "3.6.4",
+      "resolved": "https://registry.npmjs.org/when/-/when-3.6.4.tgz",
+      "integrity": "sha512-d1VUP9F96w664lKINMGeElWdhhb5sC+thXM+ydZGU3ZnaE09Wv6FaS+mpM9570kcDs/xMfcXJBTLsMdHEFYY9Q==",
+      "dev": true
+    },
+    "which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "requires": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      }
+    },
+    "which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "dev": true
+    },
+    "which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dev": true,
+      "requires": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      }
+    },
+    "widest-line": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
+      "integrity": "sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==",
+      "dev": true,
+      "requires": {
+        "string-width": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+          "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^5.0.1"
+          }
+        }
+      }
+    },
+    "worker-farm": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
+      "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==",
+      "dev": true,
+      "requires": {
+        "errno": "~0.1.7"
+      }
+    },
+    "wrap-ansi": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+      "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "string-width": "^3.0.0",
+        "strip-ansi": "^5.0.0"
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
+    "ws": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+      "dev": true,
+      "requires": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "xdg-basedir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+      "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q==",
+      "dev": true
+    },
+    "xml": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/xml/-/xml-1.0.1.tgz",
+      "integrity": "sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==",
+      "dev": true
+    },
+    "xmlbuilder": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-13.0.2.tgz",
+      "integrity": "sha512-Eux0i2QdDYKbdbA6AM6xE4m6ZTZr4G4xF9kahI2ukSEMCzwce2eX9WlTI5J3s+NU7hpasFsr8hWIONae7LluAQ==",
+      "dev": true
+    },
+    "xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "dev": true
+    },
+    "y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "dev": true
+    },
+    "yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "yargs": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+      "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+      "dev": true,
+      "requires": {
+        "cliui": "^5.0.0",
+        "find-up": "^3.0.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^3.0.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^13.1.2"
+      }
+    },
+    "yargs-parser": {
+      "version": "13.1.2",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+      "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      }
+    },
+    "zepto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/zepto/-/zepto-1.2.0.tgz",
+      "integrity": "sha512-C1x6lfvBICFTQIMgbt3JqMOno3VOtkWat/xEakLTOurskYIHPmzJrzd1e8BnmtdDVJlGuk5D+FxyCA8MPmkIyA==",
+      "dev": true
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4c29fee
--- /dev/null
+++ b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "codefather",
+  "version": "1.0.0",
+  "scripts": {
+    "docs:dev": "vuepress dev .",
+    "docs:build": "vuepress build ."
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@vuepress/plugin-back-to-top": "^1.9.10",
+    "@vuepress/plugin-google-analytics": "^1.9.10",
+    "@vuepress/plugin-medium-zoom": "^1.9.10",
+    "vuepress": "^1.9.10",
+    "vuepress-plugin-baidu-autopush": "^1.0.1",
+    "vuepress-plugin-feed": "^0.1.9",
+    "vuepress-plugin-seo": "^0.1.4",
+    "vuepress-plugin-sitemap": "^2.3.1",
+    "vuepress-plugin-tags": "^1.0.2"
+  },
+  "dependencies": {
+    "vuepress-plugin-code-copy": "^1.0.6",
+    "vuepress-plugin-img-lazy": "^1.0.4"
+  }
+}
diff --git "a/\344\272\247\345\223\201\346\234\215\345\212\241/README.md" "b/\344\272\247\345\223\201\346\234\215\345\212\241/README.md"
new file mode 100644
index 0000000..d5074cc
--- /dev/null
+++ "b/\344\272\247\345\223\201\346\234\215\345\212\241/README.md"
@@ -0,0 +1,91 @@
+# 产品服务
+
+鱼皮创立的公司 —— 鱼鸢网络，我们的官网：[https://www.yuyuanweb.com](https://www.yuyuanweb.com)
+
+
+
+## 关于我们
+
+鱼鸢网络是一家新兴的互联网科技公司，我们的使命愿景是 “用科技节约您的每一分钟”。
+
+我们希望通过科技创新，为您提升学习、工作、生活、以及获取信息的效率，拥抱更美好的未来。
+
+
+
+## 业务领域
+
+自研创新产品 + 编程教育 + 科技自媒体
+
+
+
+## 产品服务
+
+### 自研产品
+
+老鱼简历：[https://laoyujianli.com](https://laoyujianli.com)（快速制作精美专业的个人简历）
+
+鱼聪明 AI：[https://yucongming.com](https://yucongming.com)（智能 AI 助手，写书问答绘画）
+
+知识助手：[https://zhishizhushou.com](https://zhishizhushou.com)（强大的知识管理辅助工具）
+
+框框大学：[https://kkdaxue.com](https://kkdaxue.com)（公益项目，大学各专业学习建议汇总）
+
+
+
+### 编程教育
+
+[💎 学好编程 - 编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 
+
+编程导航网站：[https://www.code-nav.cn](https://www.code-nav.cn)（编程交流、面试题、简历修改平台）
+
+[算法学习 - 编程导航算法通关村](https://yuyuanweb.feishu.cn/wiki/J9qLwpv75iropZkXpmIcYrZ8nNM) 
+
+[后端突击 - 狂飙后端训练营](https://yuyuanweb.feishu.cn/wiki/EShmwklfJifDv4k4fCEcdp0Qnrd) 
+
+[前端突击 - 前端面试训练营](https://yuyuanweb.feishu.cn/wiki/UIoAwQAZLiDecgkVw65cQFoenKf)
+
+[考研陪跑 - 编程导航计狗上岸](https://yuyuanweb.feishu.cn/wiki/Qr35wx2dgif2wNkIwikc0jjRnyw) 
+
+
+
+### 科技自媒体
+
+[程序员鱼皮](https://space.bilibili.com/12890453/)：编程知识、学习经验、科技科普、原创项目分享，全网粉丝量超 150 万
+
+编程导航：编程知识、编程学习经历分享
+
+面试鸭：专注分享优质编程面试题的公众号
+
+无敌信息差：科技类前沿资讯热点分享
+
+鱼聪明 AI：AI 相关内容资讯分享
+
+
+
+## 合作伙伴
+
+我们的合作伙伴包括：
+
+1）50 多名编程、科技、知识领域的自媒体博主 / 技术专家
+
+2）微软官方认证的商业合作伙伴
+
+3）科大讯飞、Api Fox 等知名公司和产品合作
+
+
+
+## 团队信息
+
+[年轻快乐的团队](https://yuyuanweb.feishu.cn/wiki/DmB9wCm52iVVQLk98E2clx26nFg) 
+
+
+
+## 加入我们
+
+[招聘岗位](https://yuyuanweb.feishu.cn/wiki/GlMiw80xIiOC3PkQb59c5ecKnoH) 
+
+
+
+## 商务合作
+
+点击联系我们：[商务合作](https://yuyuanweb.feishu.cn/wiki/AOzgw1mOliX6SskAVEicK6u7nDA) 
\ No newline at end of file
diff --git "a/\344\272\247\345\223\201\346\234\215\345\212\241/\345\211\215\347\253\257\347\252\201\345\207\273 - \345\211\215\347\253\257\351\235\242\350\257\225\350\256\255\347\273\203\350\220\245.md" "b/\344\272\247\345\223\201\346\234\215\345\212\241/\345\211\215\347\253\257\347\252\201\345\207\273 - \345\211\215\347\253\257\351\235\242\350\257\225\350\256\255\347\273\203\350\220\245.md"
new file mode 100644
index 0000000..a8aaba0
--- /dev/null
+++ "b/\344\272\247\345\223\201\346\234\215\345\212\241/\345\211\215\347\253\257\347\252\201\345\207\273 - \345\211\215\347\253\257\351\235\242\350\257\225\350\256\255\347\273\203\350\220\245.md"	
@@ -0,0 +1,188 @@
+# 前端突击 - 前端面试训练营
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+这是由鱼皮和月哥等多名大厂技术专家合伙打造的编程训练营，主打 **前端求职面试突击** ，帮助学员 **用最短的时间** 从 0 到 1 拿到满意的前端开发 offer！
+
+下面依次介绍下我们训练营提供的服务。
+
+> ⭐️ [文末有报名方式](https://yuyuanweb.feishu.cn/docx/KeqUdEAcFobEUFxr5gvcc03tn3e#PAdgdg7ffoLm3kxhZ44cTV9lnQb)
+
+## 专业面试辅导
+
+保姆级别的服务，多位前端技术专家的导师阵容，和传统培训机构不一样的是，我们主打一对一辅导，让大家感受到 vip 服务的体验，在这里全程都会有督学监督，直到流程结束。
+
+## 学员拿过哪些offer？
+
+面试训练营开办 3 年以来学员基本拿完所有大厂 offer，我们沉淀下来的技术经验，面试经验是巨量且丰富的。**学员拿过offer有：华为，京东，阿里，腾讯，字节，快手，网易，美团，百度，携程，B站，小红书，小米，得物，喜马拉雅，滴滴，有赞，拼多多，米哈游，蚂蚁，招商银行，平安，叮咚买菜，国企，奇安信，顺丰，哈啰，中通，申通，货拉拉，明源云，途虎，茄子快传，海康，蔚来，虾皮，shein，花旗银行，zoom，亚马逊，微软，sap 还有各种独角兽及其他中小公司的的 offer，一大推，基本上能叫的上名字的公司都被我们的学员收割了一遍**
+
+### 就业率
+
+面试训练营升级之后，目前二期近 180+ 人，我们就业数据完全群里的小伙伴都可以看到，因为实名制，通过我们的综合面试的就业率高达 **95%+** ,每一位同学我们都每周跟踪状态。做好前端面试培训我们是专业的！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+- [4月面试训练营offer复盘，10几位同学拿到offer，最高40k,两位同学超过35k](http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&mid=2247488065&idx=1&sn=03e8925d18573ad6ae87605807924ff3&chksm=cf1301cef86488d8c3dccefcb5f972021c29b9c1fa287b2b503026e85a2d64172e157406f49a&scene=21#wechat_redirect)
+- [5月中旬战绩！近10位同学拿到offer，最高27k](http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&mid=2247488120&idx=1&sn=c2e78ed13b020c2b27abd63aa2a384e2&chksm=cf1301f7f86488e1b1e7107fca959eaff823fe464efbf0938a75ac1003b7bef44aece9d84d85&scene=21#wechat_redirect)
+- [6月份11位同学拿到offer，最高28k，最高涨幅1w](http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&mid=2247488405&idx=1&sn=e0a56b73bfbe1c55981b2c2ee79fffe1&chksm=cf13001af864890cb278ac66c467345edb97fdbf5b0b2d365a76cfd9a4762f19452fdf494e8f&scene=21#wechat_redirect)
+- [7月面试训练营喜报，10几位同学拿到offer，最高涨幅1w+,最高薪资30k+](http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&mid=2247488496&idx=1&sn=6c39125ca8261fddb6237671f060db65&chksm=cf13007ff864896952a412e6828565c2ab99071458026b8c12e58221e9b1630ee8985ef4dfd0&scene=21#wechat_redirect)
+- [8月，开门红，两位同学拿到offer，15k+](http://mp.weixin.qq.com/s?__biz=Mzg3ODUyODIyNA==&mid=2247488511&idx=1&sn=6e8cf8fb79ef8d0a273714eb3bc8859c&chksm=cf130070f8648966bfcc12188af436561d770c95f4ad2a7b6dceabe78f6f4ca27c647a5cdd97&scene=21#wechat_redirect)
+
+## 前端导师团队
+
+导师的水平可能就是学员的天花板，所以我们不断的为训练营注入新鲜的血液，邀请很多前端技术大佬，多位技术专家，高级技术专家加入我们的团队，帮助到学员更好的成长！目前导师团队如下：
+
+**凡哥**：前腾讯高级工程师，现一线大厂前端高级技术专家，职级p8+，teamleader，掘金小册作者
+
+**红老师**: 阿里前端高级技术专家，P8 级，知名前端博主，拥有 10 余年前端开发经验，Github 多个过千 Stars 的开源项目作者，负责部门的前端技术架构选型及演化、研发效率的提升和用户体验的深挖。负责团队招聘面试，累计面试上千余人。
+
+**samson**:  阿里云前端技术专家，职级p7，十余年从业经验，曾负责 toB 低代码开发平台，服务超 10万+ 企业客户。在职期间主导并获得了多个国家级技术专利，参与过行业级别低代码标准申请。据有丰富的前端架构和全栈研发经验，对低代码、移动多端适配、数据可视化、前端性能优化等多个领域都有深入的研究。多年带团队经验，熟悉大厂人才选育标准。
+
+**旋哥**：某厂前端架构师，职级p7，7年+开发经验，拥有众多开源明星项目，在公司主导组件库、低代码平台、基础设施等，有非常强的工程化经验落地，
+
+**龙哥**：某一线前端开发专家，职级p7，8年从业经验。据有丰富的前端架构和全栈研发经验，对低代码、数据可视化、前端工程化等领域都有深入的研究。在公司负责前端架构研发，针对前端工程化、微前端架构、数据可视化渲染等技术进行落地实施。
+
+**月哥**：前端面试训练营创始人，卷王一枚，主攻前端面试进阶 3 年以来学员超千人，分布在国内外。学员拿遍了一线大厂offer，有丰富的前端面试进阶的经验，以身作则，善于激发学员突破自己，努力学习达到自己的目标
+
+**鱼皮**：前腾讯全栈工程师，现科技公司创始人，全网150w+粉丝的编程博主，爱做项目爱分享，github 中国区前20，有30+独立项目经验，善于把java后端、前端项目讲的通俗易懂
+
+**CUGGZ**：目前在一线教育公司担任前端开发。掘金 LV8 作者，公众号“前端充电宝”号主，一年多时间输出 200 多篇原创文章，累计阅读 300w+。专注前端进阶知识，面试题分享，努力写出小白都能看懂的教程文章。
+
+**小鑫**：双非校招拿到多个大厂的校招 offer，包括阿里和字节，最后去了字节，会帮助我们训练营的校招同学辅助学习各方面关于校招注意事项，以及基础算法相关。
+
+**杨杰**：6 年前端开发及 4 年 IT 教育经验，千锋教育担任高级前端讲师。有丰富的实战教学经验，我们 0 基础班的负责人。
+
+### 后端导师
+
+**雷老师**：宋雷：曾就职于京东和去哪儿网，前美团高级技术经理，前vipkid后端技术委员会主席，前新东方在线技术总监，对大型分布式、高并发、高可用、高性能的复杂系统设计具备丰富经验
+
+## 辅导流程
+
+区别于市面上原有的录播课或直播大班课教学模式，我们会根据根据学员的真实技术等级（初级、中级、高级、专家）和技术特点（长短板），进行有针对性的、千人千面的培训辅导。**我们侧重 1v1 的重服务辅导，所以效果比较明显**
+
+### 1、1v1模拟面试摸底
+
+所以第一步，报名的1-2日之内，助教联系大家安排技术摸底，通过模拟真实面试场景，根据学员在面试中的真实表现，进行学员的能力和特点评估。全方位的了解学员的前端各方面的水平，从而制定相应的学习计划！这个其他机构你是看不到的。我们主打一对一的摸底！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 2、制定学习计划
+
+该学习计划会在充分考虑学员诉求和职业发展的基础上，根据学员的客观工作情况进行合理安排，（这里主要有两条线，一条是需要快速跳槽，第二条是需要长期准备面试的）帮助学员补齐现有技术体系中的短板，及合理地对学员的强项进行针对性地深耕，让学员在广度和深度上均有所建树。同时，也在帮助学员做减法，摒弃一些前景不明、面试阶段涉及可能性不大的技术体系，让学员的时间和精力投入可以精准命中，取得结果。
+
+### 3、阶段性成果验收
+
+此阶段会对学员一段时间内的学习成果进行检验，包括**八股文**、**算法**和**项目中的实际解决方案**。同时，我们也关注学员是否与预期学习成果存在差距，学习过程中是否存在疑惑和困难，并及时进行答疑和纠偏。我们始终会贴着学员的目标走，一点一点的攻克！
+
+### 4、全周期成果验收（综合面试）
+
+此阶段主要针对于辅导学员**简历优化**，面试技巧、心得、节奏把控等，以及针对于不同面试官的不同面试策略。同时，仍然会对学员的八股文、算法和项目中的实际解决方案进行考察和优化。
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 5、项目重难点优化
+
+我们梳理了一系列的项目重难点，亮点，以及告诉大家怎么样去提炼，如果去回答，比方微前端、组件库、脚手架、大文件上传、性能优化等等；一直在做后台管理项目，怎么提炼......,在我们这里都能够找到答案！
+
+很多时候，难点、亮点本身就是悖论问题，你觉得难，你觉得亮，但是面试官不觉得，那就很尴尬，我们在这个过程中如何的表述好，让面试官能够感受到我们在其中的思考，很成长，这也是非常玄学的东西，千人千面，我们该如何表述项目经历，体现自己价值，也是难点之一，在这里我们都会case by case的帮助到大家如果去表达！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 6、专项的面试复盘
+
+通过综合面试之后，学员们出去面试，我们还会对学员进行实战的面试复盘，分析总结同学在面试中发挥的情况，针对性的复盘总结，帮助到同学们更好更加明确的准备接下来的面试！
+
+## 优秀的导师带来的经验价值
+
+我们的前端导师团队的水平是非常强的，面试能力或者的技术能力，每个人都在自己擅长的领域为我们的团队做贡献，我们每周都会开例会，总结这周我们更新了哪些资料，下周的目标有哪些，这是我们的事业，会努力做的更好。
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 完善的内部库资料
+
+区分每个 topic 的重难点，让学员更加清晰的学习，同时每个topic有对应的群聊讨论，每个topic都有专门擅长这个领域的导师负责维护，同时会不断的更新优化，对应topic的内容
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+专项的topic群聊：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+3 年以来我们沉淀了大量的学习资料，这次学员进了我们 **新版内部库** 的感受，我们非常用心的整理沉淀体系化了，包含基础，项目重难点，各个框架的侧重点，以及如果回答，如何表述！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 每周技术分享
+
+- 每周都会有技术分享，导师的主题直播分享，学员学习经验、拿到offer的情况的分享。
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 学员学习记录
+
+**时间证明价值**：我们学员的内部库目前已经沉淀的160w字，这是我们已经在做的事，全部的都是学员自己写的，所以在面试训练营里面你会看到一个积极向上的学习氛围，大家都在默默的努力着，追寻自己的目标！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+面试辅导拒绝躺平，你既然花了钱，就必须学习，**环境****寒心，但是心不能寒，依旧要努力把这件事做好，才能更有机会，今年大家出去面试应该能够深刻的感受到**，虽然你花了钱不找我们，对我们来说是件好事，但是，对你自己来说你这个钱花的就毫无意义，我们也不希望看到这样的现象，所以我们为大家准备了内部学习库，监督你刷题学习。
+
+### 导师给学员建立学习档案
+
+我们给每一位同学，都建立了学习档案，记录你每一次检测的情况，如有问题及时同步，**要求每一位导师必须详细记录，我们实时监督！**，我们是做服务的，从进入到面试训练营，到拿到offer结束，每一次一对一都是会责任到人，都要落实到文档中记录！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 每周监督
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+- 我们这边目前是人力监督，没有做一些自动的化操作，让学员自己写，因为之前也试过，效果不是很好，所有我们这边每周都有专门的助教人工统计大家的学习进度，有问题方便对齐，目的就是监督大家持续学习
+- 懒惰、三天打鱼两天晒网是我们很多同学常见的现象，但是在这里不行，我们要求每周同学都必须学习总结，不然的话，老师会单独找到你们，说明理由，不能花钱进来躺平，这个是不允许的！
+- 所以你们能够看到，我们确实在用心的为大家考虑，我们重服务，成本高，我们希望你们学有所成，这种重服务，你应该在其他培训里面是看不到的。
+- 有问题的同学，都会被约谈话，目的就是为了鼓励和督促大家学习，我们是在用心做辅导！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+## 适合人群
+
+校招：时间紧迫，想在短时间内提升各方面的前端面试能力，我们导师都有丰富的大厂校招招聘经验，帮助大家针对性的快速提升能力，冲刺大厂
+
+社招：已经离职，或者在职进阶，我们面试训练营目前有70%的同学在职提升，30%的同学离职准备面试。离职的同学还可以来到线下面试训练营学习！
+
+通过我们面试训练营的标准，进大厂的很多，但是我们依旧不能保证你肯定能够进大厂，保证你的基本都是在割你，现在这个行情什么样，不用我说大家都知道，我们尽力的帮助到大家进阶提升，通过我们的面试标准，直到拿到offer为止！
+
+### 学习周期
+
+- 这个每个人都不一样，这边最快的同学一周就可以拿到offer了，但是实话实说案例不具有代表性，因为我们每个人目前的技术水平不同，所以我们有摸底的一个流程，摸底之后，知道你目前的水平，然后结合我们的经验，大概的能够给出你需要多久
+- 中位数，全职准备的周期大概是一个月左右，准备进大厂的时间在3个月+；
+- 最终目的：我们的要求是通过我们的综合面试
+
+## **服务多久**？
+
+加入前端训练营后，我们服务分为两个阶段，不同阶段的服务强度会有所区分：
+
+**密集训练阶段**：校招拿到offer为止，社招以找到新offer为止（社招最长限制2年，校招最长限制到毕业）。密集指导涵盖**一对一摸底定制化学习路线**、专项前端训练指导、一对一综合模拟面试、面试复盘、项目指导、每周督学等等。
+
+**养老阶段**：是指已经通过我们的培训拿到offer的同学，我们后续新沉淀的知识库都是一直对学员开放的，并且需要帮忙的时候，我们还是会给你提供人脉和方向性建议。但为了规避法律风险，本阶段我们声明不再承担任何责任，并有权利终止任何服务。
+
+### **怎么收费？**
+
+我们是多位导师强服务的模式，目前定价 **5000** **元** 。
+
+比起其他培训机构动辄一两万的收费标准，这个价格说是白菜价格也不太过分吧。
+
+随着报名的人越来越多，训练营沉淀的内容越来越多，我们付出的精力更多的时候，后面肯定会涨价的，而且涨价的幅度不是几十块的涨，而是几百块，甚至上千块的涨，所以**早加入训练营，是有价格优势** 的。
+
+## 怎么报名？
+
+如果想报名、或者还有什么想要咨询的。
+
+请直接 **扫码添加鱼皮** 的微信，记得要加备注【**前端训练营**】，发送您的个人情况，我们会帮你进行评估，看看是否适合加入~
+
+> 添加好友后，免费送整理好的面试题资料哦！
+
+![](https://pic.yupi.icu/5563/asynccode)
\ No newline at end of file
diff --git "a/\344\272\247\345\223\201\346\234\215\345\212\241/\345\220\216\347\253\257\347\252\201\345\207\273 - \347\213\202\351\243\231\345\220\216\347\253\257\350\256\255\347\273\203\350\220\245.md" "b/\344\272\247\345\223\201\346\234\215\345\212\241/\345\220\216\347\253\257\347\252\201\345\207\273 - \347\213\202\351\243\231\345\220\216\347\253\257\350\256\255\347\273\203\350\220\245.md"
new file mode 100644
index 0000000..d6d3723
--- /dev/null
+++ "b/\344\272\247\345\223\201\346\234\215\345\212\241/\345\220\216\347\253\257\347\252\201\345\207\273 - \347\213\202\351\243\231\345\220\216\347\253\257\350\256\255\347\273\203\350\220\245.md"	
@@ -0,0 +1,318 @@
+# 后端突击 - 狂飙后端训练营
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+这是由鱼皮和几位腾讯高级工程师朋友们合伙打造的编程训练营，主打 **后端求职面试突击** ，帮助学员 **用最短的时间** 从 0 到 1 拿到满意的后端开发 offer！
+
+下面依次介绍下我们训练营已经积累的优势、提供的服务等。
+
+> ⭐️ [文末有报名方式](https://yuyuanweb.feishu.cn/docx/ZvoZdFiUUoRNAdxGlSUcnbslnnb#EvBGdMn7eonLQpxXSXJcD4ednLc)
+
+## 训练营优势
+
+### **1、成果太好看！**
+
+短短几个月，狂飙训练营的很多学员得到了飞速成长，接近 **60 位** 同学拿到了 **中大厂 offer**！
+
+如下图，覆盖了字节、阿里、美团、腾讯、百度、京东、快手、滴滴、华为、网易、微博、搜狐、拼多多、七牛云、B站、华为、小米、米哈游、理想、58 同城、携程、猿辅导、OPPO 等各大互联网公司。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+这个成绩，放到任何一家培训机构来看，都是无敌的存在。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+### **2、导师团队太强大！**
+
+狂飙训练营的导师团队不仅有多名 BAT 国内大厂的后端高级工程师，还有爆款编程图解书籍的作者 - 小林 coding，知名技术 Redis 的核心贡献者等等。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+狂飙训练营的导师团队中，有 6 名以上都是 **全职** 来做训练营的！他们很多人放弃了自己的大厂工作，全身心投入到辅导学员这件事，也难怪出了这么多成果。
+
+### **3、沉淀太丰富！**
+
+大家都知道，现在网上的学习资料非常多，找到资源并不难，难的是找到 **体系化的、高质量的** 学习资源，能够一条高速路学到底。
+
+虽然我自己运营付费编程学习社群有一定年头了，也持续原创和整理了自己的编程学习体系资料。但是看到狂飙训练营的内容，还是深感佩服。
+
+比如下面这张图，是最外层的知识体系，各个板块的建设都很全面：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+最关键的是，狂飙训练营的很多资料都是 **多名导师共同原创** 的，汇集了多名大厂面试官的知识和经验，这不是任何一位个人 UP 主、或者网上那些资料能够比拟的。
+
+比如下图的专项面试题库：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+### **4、方法太专业！**
+
+只凭好的导师和丰富的资料，也是很难带这么多学员拿到 offer 的，更关键的是狂飙训练营独特的 **教学方法** 。
+
+大部分刚加入同学都是学习很迷茫的同学，但通过给他们 **私人定制** 学习路线，很多同学就坚持跟着学了，大部分校招生由于时间比较充裕，能保持每日高强度的学习，再加上训练营 **多对 1** 的答疑指导服务，基本 3 个月就卷出了可以去实习面试的水平。
+
+有一个学员是很典型的案例，刚进来时候，很多技术栈都是不清楚不了解的状态，卷了几个月后，达到可面试的水平，不过刚去找实习的时候，也是屡屡碰壁，周报的内容也充斥很多 emo 信息，还好顶住了情绪和压力，持续 1 个多月面试，最终还是拿下了美团offer。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+也有黑马级别的同学，进来才 2 个星期，他们给辅导了项目，就拿到了美团实习 offer，甚至还自愿帮忙打广告。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+下面是我拉到狂飙训练营中参与学习的小伙伴的真实反馈：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+导师们强强联合，共同做好一件事，给学员带来更大的价值。
+
+一句话，做好后端训练营这件事，我们是认真的！
+
+接下来，详细说说我们的 狂飙训练营，能为大家提供什么？怎么带大家 **求职突击** ？
+
+## **我们能帮你什么？**
+
+### **1、1 对 1 定制学习计划**
+
+网上有很多大而全的学习路线，如果你的时间足够，跟着学倒也没什么问题。但是如果你想要 **弯道超车** ，就必须在有限的时间，学到最重要的知识，才能把我们的时间价值放大化。
+
+训练营导师里有多名资深的大厂面试官，所以 **我们会根据大厂后端面试重点，1 对 1 定制化你的学习计划**，让你所学知识在大厂面试中都能 **命中** ，而不会让你无厘头的乱学、低效努力。
+
+我们首先会根据你目前的情况，判断处于哪一个阶段，为你量身定做一份学习计划。你要做的很简单，只要坚持学就行，学习上的问题我们都会帮你解决。
+
+每个学员都自己的专属学员空间，你的学习计划、专项学习笔记、综合模拟面试的记录都会记录在这里，便于复盘。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+### **2、保姆级专项训练**
+
+我们把后端必学的知识，划分成一个一个 **专项训练** ，比如 **Java 语言专项训练、Go 语言专项训练、****MySQL** **专项训练、Redis 专项训练、项目专项训练、网络专项训练、操作系统专项训练、系统设计专项** 等等。
+
+每一个专项训练，我们都会提供严格甄选的资料，让你快速进入专项学习，根据你当前的技术情况，告诉你看什么资料，哪些知识点重要，带着什么问题去看。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+每个专项周期通常是 2-3 周，具体根据你当前的基础、以及能投入的时间决定，导师们在中间会关注你的进度，并解答问题。
+
+比如，下面是 MySQL 专项训练的指引，每一个知识都给出需不需要重点掌握，以及要学到什么程度，**带着什么问题学**。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+除了之外，我们还会对每一个专项训练，**原创「学习与面试」的资料**，是完全体系化的学习资料，我们相比传统的理论书籍，会更注重面试方面的问答。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+专项学习过程中，遇到任何不会的问题，都可以在专项群进行提问。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+每个专项群的氛围还是很不错的，有问题在专项群提问，同学之间共同讨论，各个导师也会负责解答。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+而且好的问题，我们会统一收录起来，会定期分享一些好的问题给大家一起学习。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+只要学习专项过程中遇到问题，把问题抛给我们就行，我们会讲解到你明白为止。
+
+我们不希望同学们浪费了大量时间去搜寻答案，还没有结果的话，就糟糕了，这样学习积极性就会有所下滑。
+
+### **3、专项练习题**
+
+很多同学其实学习能力没问题，看过很多书，也能理解知识，但是面试的时候，总是答不到重点，不知道面试官想要的回答是什么，这是很吃亏的。
+
+甚至有的同学，在面试的时候，背题的痕迹太过于明显，这样很容易被面试官感觉你是背的，没有自己理解，也是有可能被挂掉的。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+这里贴几个学员在大厂面试中，由于背的太好，被面试官提一嘴。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+所以，为了培养学员回答面试问题的能力。当学员学完某一个专项知识后，我们会要求你 **用自己语言在专项题库答题** ，题库都是 **高频的面试题** ，回答完题库后，**发给导师点评，导师会给予补充和提意见**。
+
+通过这种专项练习题库，学员可以了解知识掌握情况，找出自己的问题查漏补缺，同时也更能理解面试官到底在问什么，增强学员的面试能力。
+
+当然，**我们导师团队自己也写了专项练习题库的答案**，会从「分析->回答->推荐资料」三个环节，帮助大家掌握这道面试题的知识，同时会说怎么样的回答才是重点。贴几个给大家看看。
+
+mysql题库-导师版：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+redis题库-导师版：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+golang题库-导师版：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+等学员完成了全部专项训练后，我们最后会进行 **模拟面试** ，面试流程都会让学员经历一遍，我们所问的问题，都是 **对标大厂面试标准** 的，所以相当于你可以获得很多次的大厂面试机会。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+下面是某位学员模拟面试后的感受：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+这样可以让学员适应面试节奏，根治学员面试的紧张感。更重要的是梳理面试回答的层次和逻辑，清楚知道面试官想要的答案，等到真实自己去面试的时候，就能从容应对面试了。
+
+### **4、对标大厂的项目**
+
+最让校招的同学头疼的事情就是项目了，很多同学的项目都是网上烂大街的，比如 webserver、动态线程池、XX 外卖、各类电商项目，面试官一看，就知道是玩具项目来的，很难让面试官眼前一亮。
+
+面试官对你的项目不感兴趣的话，项目问题就不会怎么问了，但是这样整个面试都会深挖你八股文，面试难度就会上来了。
+
+我们训练营的项目是 **大厂的真实项目** ，是某位大厂程序员晋升答辩用的项目，我们经过改造后，作为训练营的项目，所以项目的立意是站的住的，**拿晋升的项目，给大家用来面试，妥妥地****降维****打击**。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+我们会从方案设计、方案评审、代码开发一一给大家讲解，这样的项目有数据支撑并经过生产验证，知道哪里有问题，哪里可优化，在面试时也会比较有优势。同时 **针对项目的简历描述和面试问题**，我们都帮你整理好的了。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+根据学员的反馈，训练营的项目是能让面试官感兴趣的。**一个能引起面试官感兴趣的项目，在面试是很加分的。**你想想，面试的时长一般都是固定的**，如果有 60-70% 时间都在问项目，那么是不是八股文就问的少了？**这样面试的难度相比全程都在挖八股文就降低了很多。
+
+我们项目的问题也都帮大家准备好了，完全不用担心面试时不知道怎么回答项目相关的问题！
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+怎么样？够保姆级吧，我们导师把最脏活累的事情都给干了，学员们坐享其成就好。当然项目肯定是要学员自己去实现的哦。
+
+除了大厂项目外，我们也提供了很多 **适合练手学习、提升项目经验** 的原创项目。
+
+鱼皮本人的原创项目，也会对训练营的同学们提供：
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+如果你又有对标大厂的深度项目、又有足够的做项目能力，那么无论是简历还是面试，通过率都会大大增加！
+
+### **5、简历指导 & 项目挖掘**
+
+在学员准备找工作前，我们还会对学员的简历进行优化。
+
+比如这位同学，之前自己写的简历，投了很多岗位，都没有面试机会，被我们修改之后，获得了很多机会，并且还进了大厂。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+对于社招同学来说，**项目挖掘** 这一块是收益最大的，提前挖掘你的项目面试的重难点，然后针对性的复习和巩固，到真实面试的时候，就能从容应对的了，项目挖掘会议平均持续 1 小时。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+### **6、面试复盘**
+
+模拟面试后，我们都会给学员复盘，给学员反馈哪些知识学员还需要加强学习的、哪些知识是没有回答到重点的，然后要求学员将模拟面试的会议总结成文档。
+
+然后导师们会针对面试总结的内容进行评论，学员再进行回复，通过这种方式，**可以将一次面试的知识，吃干抹净**。经过这样的 **专项题库练习 + 综合模拟面试 + 面试复盘** ，学员的成长是很快的，多次查漏补缺，快速达到求职的面试标准。
+
+另外，我们也会**对学员真实的面试记录进行复盘**，目前训练营沉淀了很多同学新鲜出炉的大厂面经。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+这里的每一份面经都是可以学习的资料，因为每一份面经，导师们都针对同学面试回答做了评论和解析，会补充怎样答会更好，又或者需要去看哪些资料进一步学习。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+根据学员的反馈，这样他们边面试、导师边点评面经的效果还是不错，能够快速发现他们哪些知识点是缺失的，然后提供解答，快速补齐上来，下次在遇到相同的题目，就能回答更好。
+
+### **7、每周分享会**
+
+每周六晚上，我们都会组织全员的分享会（平均每次 1 小时），主题涉猎技术讨论、技术开阔、求职心得、学习方法等等。
+
+这些是我们历史沉淀的视频分享会，每周都会有新的视频分享会，一周周的积累，以后这里也是一个庞大的学习资料。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+### **8、周报监督学员**
+
+来了训练营的学员，就 **不准躺平** ！每周我们会要求学员写周报，把自己这一周所学的知识记录下来。
+
+同学们在学习上（或者生活上）有困难，都可以在周报提出，我们会针对你的困难做出答复，除了技术问题解答之外，情绪上开始焦虑、emo 了、工作上被 pua 了，都可以找我们沟通，我们也会做给你做 **心理按摩** 哈哈。
+
+![img](https://pic.yupi.icu/5563/asynccode)
+
+针对不活跃的同学，我们导师也会私下去沟通学员，看看是不是遇到什么困难，或者也可能是出现了迷茫，其实这些情况有很多办法可以调整、解决，但是当事人往往会陷入巨大的内耗，此时就需要沟通来找到问题所在、走出困境。
+
+OK，我们的服务就介绍到这里，在你下决心报名前，请先再耐心阅读下面的内容哦！**文末有报名方式。**
+
+## **其他问题**
+
+### **适合什么群体？**
+
+- 校招冲刺：玩了几年，时间紧迫，想在短时间内提升最多战力的；基础还可以，想冲刺中大厂后端 Offer 的；
+- 在校生：计算机萌新，感到迷茫，不知道怎么学习的；想好好规划四年又无从下手的；想拼搏几年，找个好出路的；非科班专业想转行后端程序员的；
+- 社招：想转行后端开发；需要体系化指导或者挖掘项目问题的；
+
+还是多啰嗦一句，我们是**后端训练营**，如果你是想从事嵌入式、机器学习、前端开发、大数据开发等等，就不符合我们训练营的方向了。
+
+### **导师团队什么配置？**
+
+目前我们导师团队：
+
+- **小林哥**，小林coding 公众号作者， 图解网站站长，全网粉丝超 40W+，著有《图解网络》、《图解系统》、《图解MySQL》、《图解 Redis》开源书籍，Gihutb 开源不到 1 年，斩获 6k+ star，文章阅读量累计超上千万，帮助数万程序员击破八股文的恐惧。
+- **牛哥**：大厂资深面试官，腾讯 T10 工程师。末流二本，校招逆袭进腾讯，多年来混迹各个大厂：腾讯->外企->字节->腾讯，融多家所长于一身，深谙面试方法论，极具答辩和指导才能。
+- **鱼皮**：前腾讯全栈工程师，现科技公司创始人，全网 150 万+ 粉丝编程博主。爱做项目爱分享，GitHub 中国区前 20，有 30+ 独立项目经验，善于把 Java 后端项目讲得通俗易懂。
+- **川哥**：阿里高级工程师。面试经验丰富，实习腾讯，校招字节，社招阿里。有过C++，Go语言开发经历，资深Java工程师，有多年大厂核心项目经验。
+- **鹏哥**：腾讯高级工程师，职场经历丰富，从华为到外企、从外企到腾讯，有过 Java，C++ 语言的开发经历，资深 Gopher ，有多年后台微服务架构经验和实操经验，对后台知识的学习颇有心得。
+- **涛哥**：某赛道国内头部公司，资深Java工程师、同时还具备Go 多年项目研发经验，有丰富的项目管理经验。
+- **七哥**：某一线大厂高级工程师，曾就职字节中台部门，有 Java、Go 大型项目工作经验，擅长微服务和分布式领域，熟悉面试官心理和把控面试节奏。
+- **飞哥**：百度高级工程师，熟悉Java，做过多个Java大型项目，同时也是资深Golang玩家，有多年相关实操经验。
+- **彬彬**：开源爱好者，Redis 7.0 和 7.2 活跃贡献者，Redis 社区 Member，积极参与社区贡献，200+ 的 PR 和 commit数，目前社区 commit 数量是排第四，专业解答 Redis 各种问题。
+
+### **支持什么语言？**
+
+我们目前训练营主要是 Java 后端 和 Go 后端。
+
+### **会亲自录制视频授课吗？**
+
+**我们卖的是服务，卖的不是课**，所以我们训练营的主线是服务，而不是传统培训的上课模式。
+
+简单的知识，可以通过一份资料快速Get，这些资料互联网都很多，我们可以给你选择效率最高、坑最少的。
+
+复杂的内容，通常需要很多操作才能理解，比如，先看B站初步认识，然后看几篇资料加深理解，然后可能是看某本经典的丛书，甚至可能是看源码去理解，有些东西，他一定不是一个课程就能讲清楚的。
+
+### **一定能进大厂吗？**
+
+说保证进大厂的训练营，大概率是想割你的，我们不承诺这件事情。
+
+我们能保证的是什么？只要你按我们的安排走，你一定可以通过专项训练得到巨大的提升，至于提升多少，其实是边际递减的。
+
+你离大厂越远，提升得就越多，假设现在你只有 10 分，那在我们的科学指导下，提升到 70 分，那进度肯定是突飞猛进；而你本身就离大厂很近，已经 80 分了，我们有信心给你提升到 90 分，但也就增加了 10分，当然**这 10 分的含金量非常的大**，也许你差大厂就一步之遥，这一步，我们来给你补上。
+
+### **怎么收费？**
+
+我们是多位导师强服务的模式，目前定价 **5000 元**（校招可分期）。
+
+比起其他培训机构动辄一两万的收费标准，这个价格说是白菜价格也不太过分吧。
+
+随着报名的人越来越多，训练营沉淀的内容越来越多，我们付出的精力更多的时候，后面肯定会涨价的，而且涨价的幅度不是几十块的涨，而是几百块，甚至上千块的涨，所以**早加入训练营，是有价格优势** 的。
+
+### **服务多久？**
+
+加入后端训练营后，我们服务分为两个阶段，不同阶段的服务强度会有所区分：
+
+- **密集指导阶段**：校招拿到offer为止，社招以找到新offer为止（社招最长限制2年，校招最长限制到毕业）。密集指导涵盖定制化学习路线、专项训练指导、模拟面试、面试复盘、项目指导、监督周报等等。
+- **社群会员阶段**：在密集指导阶段结束之后，你就成为了我们的长期会员，我们后续新沉淀的知识库都是一直对学员开放的，并且需要帮忙的时候，我们还是会给你提供人脉和方向性建议。但为了规避法律风险，本阶段我们声明不再承担任何责任，并有权利终止任何服务。
+
+## **怎么报名？**
+
+如果想报名、或者还有什么想要咨询的。
+
+请直接 **扫码添加鱼皮** 的微信，记得要加备注【**后端训练营**】，发送您的个人情况，我们会帮你进行评估，看看是否适合加入~
+
+> 添加好友后，免费送整理好的面试题资料哦！
+
+![img](https://pic.yupi.icu/5563/asynccode)
\ No newline at end of file
diff --git "a/\344\272\247\345\223\201\346\234\215\345\212\241/\346\261\202\350\201\214 - \345\270\256\344\275\240\345\206\231\345\245\275\347\256\200\345\216\206\347\232\204\347\245\236\345\231\250.md" "b/\344\272\247\345\223\201\346\234\215\345\212\241/\346\261\202\350\201\214 - \345\270\256\344\275\240\345\206\231\345\245\275\347\256\200\345\216\206\347\232\204\347\245\236\345\231\250.md"
new file mode 100644
index 0000000..9d447ba
--- /dev/null
+++ "b/\344\272\247\345\223\201\346\234\215\345\212\241/\346\261\202\350\201\214 - \345\270\256\344\275\240\345\206\231\345\245\275\347\256\200\345\216\206\347\232\204\347\245\236\345\231\250.md"	
@@ -0,0 +1,129 @@
+# 求职 - 帮你写好简历的神器
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+鱼皮团队研发的《老鱼简历》网站：https://www.laoyujianli.com/  （1 分钟帮你生成精美的个人简历）
+
+鱼皮的大学简历在线版：https://laoyujianli.com/share/yupi ，欢迎体验~
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+## 优势
+
+- 多种简洁专业的简历模板
+- 支持 AI 快速生成简历
+- 支持多种格式的简历导入
+- 简历实时编辑浏览
+- 简历内容智能纠错
+- 智能一页美化简历
+- 现成的简历例句和建议参考
+- AI 优化简历内容
+- 自定义简历模块和内容
+- 支持导出简历为 PDF 和图片
+- 在线分享简历链接
+- 简历一键脱敏分享
+- 求职经验分享百科
+
+## 功能介绍
+
+### 多种简洁专业的简历模板
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 支持 AI 快速生成简历
+
+只需填写个人简介，即可快速生成一份求职简历
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 支持多种格式的简历导入
+
+支持快速导入 Word、PDF、JPG、PNG、Markdown、Doc、Html 等多种格式的简历文件
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 简历实时编辑浏览
+
+简单易用的简历编辑器，左侧编辑，右侧实时浏览。还支持自由调整样式、一键切换主题、自由添加模块、自由调整内容，帮你快速制作精美简历！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 自定义简历模块和内容
+
+支持自由添加模块、自由调整内容和格式
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 简历内容智能纠错
+
+不仅能够帮你快速修正错别字，还能优化专业名词、大小写、语句的连贯性等
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 智能一页美化简历
+
+一键调整简历排版，自动优化到一页纸
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 现成的简历例句和建议参考
+
+提供了丰富的、各职位、各模块的简历例句和简历建议，帮助你快速写好简历！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### AI 优化简历内容
+
+只需一键，AI 帮你优化简历的内容，修复错别字、内容更连贯、表达更专业！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+效果如下：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 支持导出简历为 PDF 和图片
+
+示例导出效果如下图：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 在线分享简历链接
+
+支持分享极简、干净的在线简历链接，以及自定义链接地址。
+
+比如鱼皮的简历：https://laoyujianli.com/share/yupi
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 简历一键脱敏分享
+
+简历支持一键隐藏个人敏感信息：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+效果如下：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 求职经验分享百科
+
+精选大厂同学的求职经验分享文章，帮助你提高求职竞争力！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+## 欢迎免费使用
+
+老鱼简历网站：https://www.laoyujianli.com/  （1 分钟帮你生成精美的个人简历）
+
+会员可以在个人主页加入专属群聊哦：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+## 老鱼简历团队招人啦！
+
+[🔥 招聘中 - 产品运营岗位（实习）](https://yuyuanweb.feishu.cn/wiki/EpYUwByuHi3GSWkTNcpcULX6nPd) 
\ No newline at end of file
diff --git "a/\344\272\247\345\223\201\346\234\215\345\212\241/\347\256\227\346\263\225\345\255\246\344\271\240 - \347\274\226\347\250\213\345\257\274\350\210\252\347\256\227\346\263\225\351\200\232\345\205\263\346\235\221.md" "b/\344\272\247\345\223\201\346\234\215\345\212\241/\347\256\227\346\263\225\345\255\246\344\271\240 - \347\274\226\347\250\213\345\257\274\350\210\252\347\256\227\346\263\225\351\200\232\345\205\263\346\235\221.md"
new file mode 100644
index 0000000..c65c631
--- /dev/null
+++ "b/\344\272\247\345\223\201\346\234\215\345\212\241/\347\256\227\346\263\225\345\255\246\344\271\240 - \347\274\226\347\250\213\345\257\274\350\210\252\347\256\227\346\263\225\351\200\232\345\205\263\346\235\221.md"	
@@ -0,0 +1,198 @@
+# 算法学习 - 编程导航算法通关村
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 帮助你更快学习算法的服务
+>
+> 本期开营时间：**10 月 15 日** 开营，服务将持续 2 个月整，现在开放报名中！
+
+
+
+大家好，我是鱼皮。
+
+先问朋友们一个问题，大家觉得学习算法难不难？
+
+近一年来，我收到了很多私信，说想要入门学习算法、提升算法能力、过关笔试面试，但是却被算法折磨得非常头疼！
+
+比如第一次刷算法，找不到系统学习路线，担心自学效率太低：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221047616.(null))
+
+学习算法坚持不下去，需要有人能监督自己：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221047866.(null))
+
+刷算法题目遇到问题，需要人答疑：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221048024.(null))
+
+刷过的算法题不会总结，下次遇到了还是不会做：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221048175.(null))
+
+可即使算法难学，我们还是得迎难而上啊。因为算法和数据结构实在是太重要了！只要是学编程的同学，无论你是考研、还是求职笔试面试，基本都会考察算法。
+
+那有没有 **更轻松、更高效** 的方式学习算法呢？
+
+之前虽然给大家分享过我原创的算法学习路线和方法，但很多同学还是学不会。。。
+
+所以，我终于决定出手了！经过很长时间的准备后，建设了 `编程导航算法通关村 🏡`，以 **独创的闯关模式** 带大家更轻松地攻克算法数据结构！
+
+目前已经开展了多期算法通关村，广受大家好评，有不少小伙伴表示 **学上头了** ！这才有底气给大家宣传。
+
+![img](https://pic.yupi.icu/1/(null)-20231031221048427.(null))
+
+### 算法通关村是什么？
+
+区别于传统死板地刷题，各位算法村的勇士，将通过我们独创的 **闯关** 模式，在 **2 个月** 的时间，通过一系列精心设置的关卡（教程 + 挑战），循序渐进地系统掌握 **20 大面试必学** 算法知识。 
+
+![img](https://pic.yupi.icu/1/(null)-20231031221048618.(null))
+
+我们有专业的算法教官和学习群，为你提供问题解答、定期直播算法分享等服务，助力勇士们通关算法！
+
+### 算法教官 - 鱼骨头
+
+算法村有专业的算法教官，名为 `鱼骨头`。
+
+> 为什么叫鱼骨头？
+>
+> 因为算法是编程学习中难啃的骨头，教官会带同学们啃下这块硬骨头。
+
+教官介绍：
+
+- **中国科学院计算机硕士**
+- 曾任职 **新浪微博、美团** 等 **大厂高级工程师**
+- 19 年 DoraHacks 比赛一等奖、微软赛道 **冠军**
+- 多年算法教学经验，精通算法体系和面试考点
+- 不仅教你做题，还教你出题！
+
+![img](https://pic.yupi.icu/1/(null)-20231031221048776.(null))
+
+在学习算法过程中遇到的任何问题都可以询问算法教官，我们会尽最大的能力帮大家掌握算法知识点。
+
+### 算法通关村提供的服务
+
+一句话概括：算法闯关式学习教程 + 每日算法答疑 + 实时辅导督促跟进 + 每周算法直播分享。
+
+#### 闯关式学习
+
+我们不是传统讲课式的算法教学，那样学效率太低了！且枯燥。
+
+算法村主打的学习方式就是 **闯关**。我们将算法教官根据多年教学经验创作的一套精品算法教程改造为 20 大关卡。
+
+![img](https://pic.yupi.icu/1/(null)-20231031221048919.(null))
+
+每关又包含青铜、白银、黄金 3 个级别，还有我们算法村 **原创** 的过关挑战题目：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221049090.(null))
+
+这样一来，大家只需要 **按照顺序** 跟着教程闯关学习，就能循序渐进地掌握算法，不用想着今天刷什么、明天刷什么，也不用担心太早接触难题被劝退了。
+
+建议每天能抽出 1 - 2 小时进行算法学习。不过也不用担心学得慢或学不完，只要加入了算法村，2 个月之后仍然可以 **无限阅读** 算法教程（只不过我们不再提供额外服务）。
+
+#### 每日答疑
+
+大家遇到任何问题都可以随时向算法教官提问，有问必答！
+
+![img](https://pic.yupi.icu/1/(null)-20231031221049243.(null))
+
+#### **监督学习**
+
+我们会全程陪伴大家完成算法闯关。
+
+比如每日在群内督促大家、发布关卡、答疑指导：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221049440.(null))
+
+持续鼓励大家闯关打卡，制作算法闯关排行榜。大家不仅可以对比和其他同学的学习进度，还可以阅读他人的闯关笔记，帮助自己学习：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221049610.(null))
+
+我们还会不定期回访同学们的学习情况和进度，主打一个学习陪伴：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221049804.(null))
+
+#### 直播算法分享
+
+每周定期开展，会针对性地讲解大家易错的算法知识点和进行算法答疑：
+
+![img](https://pic.yupi.icu/1/(null)-20231031221049968.(null))
+
+### 适合同学
+
+- 算法零基础，想快速学会算法
+- 求职在即，想快速应对笔试面试
+- 学算法很累，缺乏学习动力
+- 学算法困难，需要答疑辅导
+- 想全面掌握算法体系，开拓思维
+- 想巩固计算机基础，提升编程能力
+
+目前支持的语言有：Java、C++、Python。
+
+> 如果你自学能力很强，并且有算法基础能够自己完成算法刷题，那么不需要加入算法通关村。
+>
+> 当然，如果你已经学过算法，也可以试试挑战一下算法村里的题目~
+
+### 开营时间
+
+本期开营时间：**10 月中旬**，服务将持续 2 个月整。
+
+### 报名方式
+
+算法村的价格是 **288 元**，新人限时优惠 🧧 **28 元**（券后 260 元），这个价格是包含了全程算法学习规划以及答疑指导的，**2 个月**的时间带大家循序渐进掌握 20 大算法。
+
+> 如果你是 **[编程导航知识星球](https://mp.weixin.qq.com/s/O7G_oW0MqvOPZijOkcD7PA)** 里的同学，可享更大 **52 元**优惠（券后 236 元），付款的时候记得给算法村长截图你的星球编号页面
+
+想加入算法村的同学，可以加 `算法村长` 微信，会给你发送报名链接并拉你进算法学习群，等待开营通知即可，早加入早学习！
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050097.(null))
+
+### 真实评价
+
+以下是部分同学的真实反馈。
+
+1）算法通关村安排的学习路线和学习氛围很给力
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050228.(null))
+
+2）我们会监督大家持续的学习打卡，并且不定期的回访跟进大家的学习情况
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050380.(null))
+
+3）每个专题的内容都非常重要，每一题都值得认真思考并弄懂
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050519.(null))
+
+4）算法村的学习氛围非常好，算法教官和同学们都很热情的去帮助解决大家的算法困惑
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050640.(null))
+
+5）在我们的引导和督促下，大家学习打卡非常积极，也分享了很多学习总结，甚至有的小伙伴的总结文章被评为 CSDN 数据结构与算法热榜第一名。
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050767.(null))
+
+![img](https://pic.yupi.icu/1/(null)-20231031221050912.(null))
+
+6）每关的学习打卡总结，让自己对每个算法知识点理解得更深刻
+
+![img](https://pic.yupi.icu/1/(null)-20231031221051057.(null))
+
+更多算法学习笔记，大家可以在百度搜索 "编程导航算法通关村" 🔍 参考学习下。
+
+![img](https://pic.yupi.icu/1/(null)-20231031221051210.(null))
+
+7）加入算法村，开始系统性的学习算法
+
+![img](https://pic.yupi.icu/1/(null)-20231031221051354.(null))
+
+8）一期学员算法刷题总结
+
+![img](https://pic.yupi.icu/1/(null)-20231031221051524.(null))
+
+### 报名方式
+
+想加入算法村的同学，可以加 `算法村长` 微信，会给你发送报名链接并拉你进算法学习群，等待开营通知即可，早加入早学习！
+
+![img](https://pic.yupi.icu/1/(null)-20231031221051728.(null))
diff --git "a/\344\272\247\345\223\201\346\234\215\345\212\241/\350\200\203\347\240\224\351\231\252\350\267\221 - \347\274\226\347\250\213\345\257\274\350\210\252\350\256\241\347\213\227\344\270\212\345\262\270.md" "b/\344\272\247\345\223\201\346\234\215\345\212\241/\350\200\203\347\240\224\351\231\252\350\267\221 - \347\274\226\347\250\213\345\257\274\350\210\252\350\256\241\347\213\227\344\270\212\345\262\270.md"
new file mode 100644
index 0000000..fd9eed3
--- /dev/null
+++ "b/\344\272\247\345\223\201\346\234\215\345\212\241/\350\200\203\347\240\224\351\231\252\350\267\221 - \347\274\226\347\250\213\345\257\274\350\210\252\350\256\241\347\213\227\344\270\212\345\262\270.md"	
@@ -0,0 +1,116 @@
+# 考研陪跑 - 编程导航计狗上岸
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+考研，近几年成为越来越多同学的选择，如果你此时也在备战考研，首先希望你要明白：考研是一个人的长跑
+
+大家从近几年的数据统计也能看出，考研每年一战报名的人数还没有二战三战多，计算机考研作为考研中最激烈的赛道之一，尤其是随着各大高校改考408，竞争强度更加激烈。
+
+近两年，和很多正在备战考研的同学都有过不同形式的接触，发现大家多数有如下两个问题的困惑，越是到考研后期，伴随着焦虑、恐惧的蔓延，越是无法直面回答这两个问题：
+
+- 互联网如此发达的今天，现在大家轻而易举的都能在交流群、网盘拿到各种复习资料，视频课程，择校信息，而且随着统考的规范，信息差也在快速减小。相同条件下，造成考研失败的原因有哪些？
+- 基础、强化、冲刺复习阶段，为什么有的人节奏越来越乱，效率越来越低？越是复习到后期，发现会的越少，心态逐渐发生变化，该怎么及时调整节奏和效率？
+
+## 什么是计狗上岸？
+
+### 问题分析
+
+上面的问题，本质还是因为缺乏复习规划和进度把控，这也是大多数考研同学的核心痛点
+
+1. 没有领路人，考研就像自己关着灯洗衣服，你永远不知道衣服有没有洗干净。
+2. 进度把控不精准，不知道该怎么分配各阶段的学习时间，不知道自己的目标分数应分配多少的学习时长。
+3. 对于无基础跨考考生，408学的比较吃力，找不到重点，白白浪费时间。
+4. 缺少学习氛围，容易松懈，难以调整学习状态
+5. 自己搜集资料费时费力，机构的网课价格过高，质量堪忧。
+6. 录取信息不透明，考了高分却没有学上。
+
+这些核心问题，网上充斥着大量的标题党，导致大家都熟悉这些话题，但是一直无法重视起来，**当在复习中后期因为时间的力量把这些问题从量变引起质变的时候，发现节奏会深受影响，进而加深焦虑进入负循环。**
+
+对于短平快的当下，社交媒体的信息大多是无效的垃圾信息、碎片化信息，但窥其究竟还是无法学以致用。
+
+### 星球介绍
+
+为了解决上面这些问题，鱼皮联手多名考研上岸的大佬共同开创了【计狗上岸】知识星球。
+
+用一句话来描述我们做的事情：帮助大家进行计算机考研基础、强化、冲刺全阶段的复习规划，根据时间轴将复习规划拆分到各个阶段，关键位置的卡点监督，辅助大家进行合理进度把控。
+
+以此为核心，扩展的服务参考下面服务详情
+
+### 成员介绍
+
+**1、**星主寅贝勒毕业于 **华中科技大学** 计算机专业，得益于考研的学历提升，毕业后有幸进入国内某头部互联网大厂，从事Go语言后端开发岗位。读研期间一直在帮助考研同学做复习规划、进度把控相关的事情，也**收获了一批上岸同学的感谢以及反馈**，我们非常想把这个模式推广给更多的同学。
+
+- 华中科技大学硕士
+- 现字节跳动后端工程师
+- 帮助学弟学妹考研规划多年，上岸共计 53 位 985、211 的同学
+
+**2、**个人的力量是有限的，同时还邀请了12位（目前）985、211的高分研0学长学姐们，其中也有之前帮助规划过的，今年一举上岸**北大、浙大、华科**的同学，以及经过多次会议沟通、学习方法突出、进度规划高效的高分学长学姐，来共建我们的计算机考研圈子！
+
+**3、**更加重要的是学习氛围，目前已经有**上百名**同学加入到我们的考研圈子，按照学长学姐的规划投入到紧张有序的复习中。
+
+我们学计算机的同学，真的是累并快乐着，学习累的像狗一样，工作了连狗都不如，所以不要辜负我们的努力，一举上岸，上岸不止眼前的考研更是以后的编程打怪成长之路。
+
+故取名：**计狗上岸**，自嘲的同时，又表达了我们的美好愿景！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+### 提供的服务
+
+**主要服务方向**
+
+1. 复习规划： 根据每个人的复习情况，采用波浪复习计划，制定真正**适合自己的**复习规划。我们的目标就是“量体裁衣”！
+2. 进度把控： 学长学姐对你的专业进度把控。你只需要安心学习，其他的全部交给我们。
+3. 监督打卡： 星球内发起的打卡挑战，通过打卡把进度展现给我们，我们会起到监督作用，同时根据情况调整学习规划。
+4. 资料分享：我们的初衷是让信息公平化。星球内包含11408、22408考生需要的全部资料，以及院校信息、扩招/改考信息、近年录取名单等。
+5. 心态调整：考研是一场持久战，不仅考验学习能力，还考验心理素质。有一位过来人帮你作心态调整，相信你可以比别人跑得更快、更远！
+
+**具体内容**
+
+- 综合大量985，211学长学姐的上岸经验和学习方法论，总结出全网超高效基础、强化、冲刺三阶段复习规划
+- 根据时间轴将复习规划拆分到各个阶段，关键位置的卡点监督，辅助大家进行合理进度把控
+- 一对一向985、211的直系学长学姐提问，向有结果的人学习
+- 复习氛围浓厚，通过各阶段打卡切身感受到大家的真实进度，破除碎片化自媒体带来的焦虑
+- 针对25考研采取波浪复习计划，为不同复习进度的同学提供差异化复习方案
+- 原创408每日一题、408带背计划，巧妙帮你解决复习难点问题
+- 独家408刷题小程序
+- 专业的考研院校分析员，为大家提供“抄底信息”供大家参考
+- 一站式获得齐全的复习资料，省时省力备考
+- 知识点框架梳理，高密度知识总结
+
+| ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) |
+| ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- |
+|                                          |                                          |                                          |                                          |                                          |                                          |                                          |                                          |                                          |                                          |                                          |
+
+## 适合同学
+
+24 考研冲刺阶段、25 考研早鸟（其实也不算早了，越早准备越好）
+
+## 真实评价
+
+| ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) | ![](https://pic.yupi.icu/5563/asynccode) |
+| ---------------------------------------- | ---------------------------------------- | ---------------------------------------- |
+|                                          |                                          |                                          |
+
+## 加入方式
+
+用微信扫描下方二维码，可直接领取限时优惠并加入体验，3 天内不满意全额退款！
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+如果你是 [编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 的成员，可以再多优惠 10 元，微信扫描下方二维码加入：
+
+![](https://pic.yupi.icu/5563/asynccode)
+
+如果还在犹豫，可以微信搜索《计狗上岸》公众号并关注，领取免费的资料。
+
+## 常见问题
+
+### 我现在是 25 届，现在加入星球对我有帮助么？
+
+25 届正常进度来看过完年就要开始基础阶段的复习，在当前的考研竞争环境中，非常建议早开始，早规划，早点清楚自己该做什么，星球里的专栏已经有基础阶段的全年规划贴以及25打卡活动，其中也有不少25的同学今年暑假就投入复习。现在加入在费用上也是比之后要便宜，而且可以早些享用服务，快人一步，提前感受一下 24 考研的冲刺氛围。
+
+而且加入星球一年后续费是 5 折半价优惠哦~
\ No newline at end of file
diff --git "a/\344\275\234\350\200\205.md" "b/\344\275\234\350\200\205.md"
new file mode 100644
index 0000000..f1433e3
--- /dev/null
+++ "b/\344\275\234\350\200\205.md"
@@ -0,0 +1,146 @@
+# 本站作者 - 程序员鱼皮
+
+## 个人介绍
+
+98 年，前腾讯全栈工程师，担任腾讯云开发高级布道师、新人导师、曾获腾讯内云开发竞赛冠军。
+
+现科技公司 [鱼鸢网络](https://yuyuanweb.feishu.cn/wiki/A9rGw0oLCilbqSk2XMPcTOv2nSs) CEO，全网 150 万+ 粉丝编程知识博主，2 万人付费编程学习社群 [【编程导航】](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 的创始人，用户 10 万+ 编程学习网站创始人。
+
+热爱分享编程知识，善于把 Java 后端、前端、项目讲得通俗易懂。
+
+爱做项目，编程 7 年间，有 30+ 丰富的网站和独立项目开发经验，GitHub 中国区前 20。
+
+热爱写作，累积创作近千万字，大学曾出版区块链书籍。
+
+会持续分享编程干货和好玩的知识~
+
+
+
+## 个人经历
+
+大学期间，我自学了多种编程语言和技术栈，如 Java 后端、前端、小程序开发等，在校作为工作室负责人带队建设了 **几十个** 网站，以 **专业第一** 的成绩拿过国家奖学金、挑战杯学术竞赛 **国奖** & 上海市 **特等奖**、上海市优秀毕业生、大学年度人物。大三曾出版过《区块链智能合约技术与应用》教材，也曾有过金融科技公司、**字节跳动**、**腾讯** 等三家公司的实习经历。
+
+秋招时拿到多家大厂 offer，最终以 **组内第一** 的成绩转正腾讯，斩获 **SSP 最高级别** offer。
+
+在职腾讯近 4 年，独立负责 BI 项目研发、大数据研发等，曾获腾讯内部应用开发竞赛 **冠军**、**5 星优秀员工**，担任过新人导师。
+
+平时绝大多数的时间都花在了工作 + 创作上，知识分享是我的爱好，想给大家留下一些有用的东西。
+
+
+
+## 知识分享
+
+### 公众号程序员鱼皮
+
+关注者 40 万+，鱼皮原创博客，编程学习经验、技术干货、项目设计思路、大厂求职面经、个人成长经历、免费编程学习资料分享，帮你少走弯路进大厂：
+
+![](https://pic.yupi.icu/1/20231026104004688.png)
+
+
+
+### 公众号编程导航
+
+关注者 15 万+，分享编程学习指南、编程学习者们的亲身经验和干货。
+
+![](https://pic.yupi.icu/1/20231026104005005.png)
+
+
+
+### B 站
+
+主页：[https://space.bilibili.com/12890453](https://space.bilibili.com/12890453)
+
+关注者 60 万+，分享编程干货、个人学习方法、自制的、好玩的编程项目，希望做一些不一样的内容，带大家一起感受编程的乐趣！
+
+
+
+### GitHub
+
+中国区排名前 20，有很多本人原创的项目代码~
+
+地址：[https://github.com/liyupi](https://github.com/liyupi) 
+
+国内：[https://gitee.com/liyupi](https://gitee.com/liyupi)
+
+欢迎 follow ⭐️
+
+
+
+### 其他平台
+
+抖音：50 万粉，分享有意思的编程小知识
+
+知乎：10 万粉，[https://www.zhihu.com/people/coder_yupi](https://www.zhihu.com/people/coder_yupi)
+
+CSDN：[https://liyupi.blog.csdn.net/](https://liyupi.blog.csdn.net/)
+
+掘金：[https://juejin.cn/user/2444938365386621](https://juejin.cn/user/2444938365386621)
+
+网易云音乐等平台均叫【程序员鱼皮】。
+
+欢迎大家关注俺，一起学习进步~
+
+
+
+### 创业记录
+
+我的创业记录分享《屑老板不破产》：[https://space.bilibili.com/1754801268](https://space.bilibili.com/1754801268)
+
+
+
+## 作品
+
+### 主导项目
+
+老鱼简历，1 分钟生成精美的个人简历：[https://www.laoyujianli.com](https://www.laoyujianli.com)
+
+鱼聪明 AI，做您强大的 AI 助手：[https://www.yucongming.com/](https://www.yucongming.com/)
+
+编程导航，做您编程路上的导航员：[https://www.code-nav.cn/](https://www.code-nav.cn/)
+
+框框大学：[https://kkdaxue.com/](https://kkdaxue.com/) ，曾被澎湃新闻等媒体报道的免费大学各专业建议网站
+
+
+
+### 纯个人作品
+
+SQL 闯关式自学网（纯前端项目）：[https://github.com/liyupi/sql-mother](https://github.com/liyupi/sql-mother)
+
+极客范儿浏览器主页（重前端项目）：[https://github.com/liyupi/yuindex](https://github.com/liyupi/yuindex)
+
+SQL 数据生成器（React + Java）：[https://github.com/liyupi/sql-father-frontend-public](https://github.com/liyupi/sql-father-frontend-public)
+
+免费网络安全自学网（纯前端项目）：[https://github.com/liyupi/ceshiya](https://github.com/liyupi/ceshiya)
+
+结构化 SQL 语句生成器：[https://github.com/liyupi/sql-generator](https://github.com/liyupi/sql-generator)
+
+面试刷题网（React + Node）：[https://github.com/liyupi/mianshiya-public](https://github.com/liyupi/mianshiya-public)
+
+编程资源网（React + 云开发）：[https://github.com/liyupi/code-nav](https://github.com/liyupi/code-nav)
+
+AI 自动回复工具（Java 项目）：[https://github.com/liyupi/yu-auto-reply](https://github.com/liyupi/yu-auto-reply)
+
+鱼了个鱼（纯前端项目）：[https://github.com/liyupi/yulegeyu](https://github.com/liyupi/yulegeyu)
+
+表情包网站（Vue + Java）：[https://github.com/liyupi/father](https://github.com/liyupi/father)
+
+静态文档网站：[https://github.com/liyupi/code-xingqiu](https://github.com/liyupi/code-xingqiu)
+
+Ikun 测试器（Vue）：[https://github.com/liyupi/ikun-test](https://github.com/liyupi/ikun-test)
+
+名称生成器（Vue）：[https://github.com/liyupi/good-name](https://github.com/liyupi/good-name)
+
+
+
+## 万人编程学习圈
+
+2 万多人的编程学习圈子，欢迎加入，开启你的编程起飞之旅：[💎 编程学习 - 编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 
+
+![](https://pic.yupi.icu/1/20231026104005197.jpeg)
+
+
+
+## 商务合作
+
+欢迎阅读：[商务合作](https://yuyuanweb.feishu.cn/wiki/AOzgw1mOliX6SskAVEicK6u7nDA) 
+
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/C++\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/C++\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..7f3112c
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/C++\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,574 @@
+# C++ 学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+
+## C++ 介绍
+### 语言特性
+
+> 比较官方，仅供参考
+
+
+C++ 是一种面向对象的、通用的、静态类型的编程语言，它是 C 语言的一种扩展。
+
+C++ 语言支持多种编程范式，包括面向对象编程、泛型编程和过程式编程等，因此具有很高的灵活性和可扩展性。
+
+C++ 相对于其他高级语言（比如 Java）来说，更加底层，因此具有高性能、可移植、可重用等优点，被广泛应用于系统开发、嵌入式系统、服务端开发、游戏开发、图形学、音视频处理、金融分析等领域。
+
+C++ 标准语法的发展也是非常快的，目前最新的标准都到 C++ 20 了！而且随着它的发展，它具有了丰富的语法和库支持，大学计算机专业的同学一般也会从 C++（C 语言）开始学起。
+
+### 就业方向
+
+C++ 的就业方向还是非常多的，鱼皮建议大家 **首先根据自己的兴趣爱好** 来做选择。
+
+#### 服务端开发
+
+一般就是我们常说的后端开发了。C++ 语言在高性能服务器开发、大数据处理、金融领域等都有广泛应用。对于用户 / 并发量非常高的系统（比如微信），通常会选择更高性能的 C++ 框架来开发。服务端开发工程师除了要学习后端都要学习的通用知识（比如数据库、缓存），还需要更熟悉网络编程、并发编程、内存管理等技术。
+
+#### 系统开发
+
+高性能的 C++ 无疑是系统开发的王牌语言！系统开发工程师负责设计和实现操作系统、驱动程序、嵌入式系统、网络协议栈等 **系统级** 软件，从事这个岗位必须熟练掌握 C++ 的语法、各种数据结构、算法、多线程编程、Linux 操作系统等技术。
+
+#### 客户端开发
+
+一般是指开发用户看的到的界面。C++ 语言在桌面应用程序、移动应用程序和游戏开发中有着广泛应用。C++ 客户端开发工程师和前端开发有着相似的学习要求，都需要掌握 GUI 编程、布局知识、跨平台开发技术。现在主流的开发软件是 Qt（鱼皮的毕设就是用它做的）。
+
+#### 嵌入式开发
+
+也是考虑到 C++ 的高性能，它被广泛应用于开发网络设备、汽车电子、智能家居、医疗设备等产品。嵌入式开发工程师和系统开发工程师的学习路径有相似之处，都需要学好 C++ 系统级编程以及操作系统知识。此外，嵌入式开发还需要了解硬件、嵌入式开发平台和相关工具。
+
+#### 游戏开发
+
+C++ 语言是游戏开发的主语言之一（另一个是 C#），比如当下很火的虚幻引擎的主语言就是 C++！对于游戏开发工程师，最重要的是热爱游戏！然后游戏开发也分界面和后台开发，前者需要熟悉游戏引擎、图形学、物理引擎等技术，后者和服务端开发的要求差不多，都要学好网络编程、并发编程。
+
+#### 音视频处理
+
+还是考虑到 C++ 的高性能，它在音视频编解码、视频渲染等领域有着非常广泛的应用！音视频处理工程师除了 C++ 基础知识外，还需要熟悉音视频格式、编解码技术、图形学等相关技术。
+
+#### 图像处理
+
+和音视频处理类似，都属于 C++ 计算类工作。图像处理工程师需要熟悉图像处理算法、计算机视觉等，掌握各种 C++ 的图像处理库和相关算法。图像处理和音视频处理这方面的工作细分内容可能比较多，而且这类工作对数学会有一定要求，有些公司可能把它们定义为 “算法工程师”。
+
+#### SDK 开发
+
+C++ 也适用于开发各种 SDK（软件开发工具包）。SDK 开发工程师需要熟悉 C++ 的语言特性、SDK / API 的设计和接口开发、掌握软件开发原则和设计模式，要能够设计出易用、高性能、可靠的 SDK 接口，提供给其他开发者使用。国内这方面的岗位没那么多，很多时候合并到后端（服务端）开发了。
+
+---
+
+从上面这些岗位，我们会发现，虽然都是学 C++，但不同方向的工程师需要侧重掌握的技能和专业知识也是有区别的。但是如果你还没确定选什么具体的方向，不妨先掌握它们都要求的通用技能，即能够熟练使用 C++ 语法来编程。
+
+### 选 C++ 还是 Java？
+
+首先，明确一点，C++ 和 Java 都是非常优秀的主流编程语言，编程语言和技术没有绝对的优劣之分，只不过在不同的场景下，有更优的选择。而且，像很多大神说的一样，语言只是工具，编程思想才是核心。不过，选择好的工具也是至关重要的，“好的抓手才能带来更大的赋能”。
+
+如果你对操作系统底层、嵌入式、图像处理、音视频处理、游戏开发等方向感兴趣，建议选择 C++；而如果你更喜欢开发应用系统、思考和实现业务逻辑，就选择 Java。
+
+不过对于身在校园、且时间充裕的同学来说，我更建议 “我全都要”。可以先学 C 语言或 C++ 打基础（这也是大部分计算机专业学生在高校内学到的第一门编程语言），因为它相对底层，能帮助你接触到更多计算机的概念，比如操作系统资源管理、网络通讯等，从而为学习其他的编程语言做铺垫。然后再学习 Java 来做项目、找工作。
+
+此外，因为 Java 和 C++ 都可以作为后端开发语言，所以无论把哪门语言作为主语言，都要重点学好后台开发通用知识，比如数据库、缓存、消息队列、Socket 通讯、Linux、Git、计算机基础知识等。但选择 C++ 的同学要对操作系统、网络和 Linux **更熟悉一些** 。
+
+鱼皮专门针对这个问题写了一篇文章，欢迎阅读：[https://www.code-nav.cn/post/1640611259688742914](https://www.code-nav.cn/post/1640611259688742914)
+
+## 学习建议
+
+1. 基础一定要打牢！这是 C++ 相对于 Java 这种上层语言来说最重要的一个建议，因为 C++ 可以更灵活地操作系统（比如自主分配内存），所以如果基础不牢固，你不仅不能发挥出 C++ 的高性能等特性，反而还可能写出更辣鸡的程序。像 C++ 基础特性（指针、引用等）、操作系统、计算机网络、算法数据结构等计算机基础都要认真去学。
+2. 其他的建议就不是 C++ 的专属了，学任何编程语言都一样，要多练习语法、多学习类库框架、多实践做项目、多读别人的项目和开源代码、多积累总结等等。
+
+## 学习大纲
+
+不同的 C++ 就业方向，要学的知识也是不同的，但是会有很多交集。
+
+只要你学习 C++，C++ 的语法、Linux 服务器、操作系统、计算机网络等知识几乎都是必学的！（纯客户端界面开发除外，但最好也学习下）
+
+本学习路线以 C++ 的主流岗位 —— 服务端开发为例，大致分为以下几个阶段：
+
+1. C++ 语法基础
+2. C++ 进阶
+3. 计算机基础
+4. 软件开发通用
+5. 后端开发通用
+6. C++ 项目实战
+7. C++ 求职备战
+
+## 一、C++ 语法基础
+
+### 学习建议
+
+对于完全 0 编程基础的同学来说，不建议上来就去看《C Primer Plus》（或者《C++ Primer Plus》）这种很厚的书籍，可能会被劝退。
+
+对于大多数入门的同学，快速上手语法、能写出代码是最重要的。所以建议这里还是看培训机构在 B 站的免费视频教程：https://www.bilibili.com/video/BV1et411b73Z/，它们做入门课真的是有一手。
+
+如果你们学校是从 C 语言开始学起，可以看浙大翁恺老师的 C 语言入门课：https://www.bilibili.com/video/BV1dr4y1n7vA，好评很多。
+
+除了视频教程外，建议大家搭配一个文档教程（https://www.runoob.com/cplusplus/cpp-tutorial.html）一起学习，起到查漏补缺的作用。
+
+初学 C++，除了学习基本的概念（比如变量、指针、引用）之外，一定要多上手敲代码练习、熟能生巧，还要能熟练地 debug 自己的程序，为以后开发更复杂的项目打好基础。
+
+开发工具可以使用 Visual Studio（功能最强大）、Dev Cpp（最简单易用）、Code::Blocks（中规中矩）等。除了必须会用一款本地开发工具外，还可以搭配在线编程工具学习：[https://www.runoob.com/try/runcode.php?filename=helloworld&type=cpp](https://www.runoob.com/try/runcode.php?filename=helloworld&type=cpp) ，效率更高。
+
+此外，建议把自己写过的每个代码文件都分类保存好、整理自己的笔记，忘了就查，而不要死记硬背。
+
+学完本阶段后，可以试着用 C++ 去做一个简单的 XX 管理系统（控制台里运行即可），或者做一些 LeetCode 上入门级别的算法题目、学校里的 OJ 等等。
+
+### 知识点
+
+- 基础概念 
+   - 变量
+   - 常量
+   - 关键字
+   - 数据类型
+   - 运算符
+   - 表达式
+   - 控制结构 
+      - 条件分支
+      - 循环
+- 开发工具
+- 函数 
+   - 函数重载
+   - 默认参数
+- 基本数据结构 
+   - 数组
+   - 字符串
+- 内存管理 
+   - 内存模型
+   - 动态内存分配
+   - 动态内存释放
+- 指针 
+   - 空指针
+   - 野指针
+- 引用 
+   - 函数参数引用
+   - 返回值引用
+- 结构体 
+   - 定义
+   - 访问
+- 命名空间
+- 面向对象编程 
+   - 类
+   - 对象
+   - 封装 
+      - 成员变量
+      - 成员函数
+      - this 指针
+   - 构造函数
+   - 析构函数
+   - 拷贝构造函数
+   - 静态成员
+   - 友元 
+      - 友元函数
+      - 友元类
+   - 运算符重载
+   - 继承 
+      - 对象初始化顺序
+      - 同名成员问题
+      - 多继承
+      - 虚继承
+      - 菱形继承
+   - 多态 
+      - 虚函数
+      - 纯虚函数
+      - 抽象类
+      - 虚析构函数
+      - 纯虚析构函数
+- 异常处理 
+   - 抛出
+   - 捕获
+   - 异常类型
+   - 标准异常
+- STL 
+   - 容器 
+      - vector
+      - string
+      - list
+      - pair
+      - set
+      - map
+      - deque
+      - stack
+   - 迭代器
+   - 函数对象
+   - 谓词 
+      - 一元谓词
+      - 二元谓词
+   - 内置函数对象
+   - 算法 
+      - 排序
+      - 查找
+- 类型转换
+- 模板 
+   - 函数模板
+   - 类模板
+- 泛型
+- I / O 操作 
+   - 文件操作
+
+> by 程序员鱼皮 [知识星球](https://docs.qq.com/doc/DUG93dVNHbVZjZXpo/)
+
+
+## 二、C++ 进阶
+
+上个阶段我们主要通过看视频来快速入门 C++ 基础编程语法；而这个阶段要做的是巩固基础、学习更多 C++ 的特性、甚至是底层原理，建议大家通过阅读经典书籍的方式来学习。
+
+先系统学习 C++ 基础及进阶语法，可以读下面 2 本书籍：
+
+- 《C++ Primer Plus》：[https://book.douban.com/subject/10789789/](https://book.douban.com/subject/10789789/)
+- 《Effective C++》：[https://book.douban.com/subject/5387403/](https://book.douban.com/subject/5387403/)
+
+学到这里，建议先去学习本路线第三阶段的计算机基础，否则下面的书啃起来会很累。
+
+当你学完一遍算法、数据结构、操作系统、计算机网络后，再开始学习下面的内容。
+
+学习 STL 源码，阅读《STL 源码剖析》：[https://book.douban.com/subject/1110934/](https://book.douban.com/subject/1110934/)
+
+然后学习 Linux 服务端编程，可以阅读：
+
+- 《Linux高性能服务器编程》：[https://book.douban.com/subject/24722611/](https://book.douban.com/subject/24722611/)
+- 《Linux多线程服务端编程》：[https://book.douban.com/subject/20471211/](https://book.douban.com/subject/20471211/)
+
+网上有很多博主还推荐下面 2 本书，但是难度比较大，请大家根据学习进度和自身能力选择性阅读：
+
+- 《UNIX网络编程》：https://book.douban.com/subject/26434583/、[https://book.douban.com/subject/26434599/](https://book.douban.com/subject/26434599/)
+- 《UNIX环境高级编程》：[https://book.douban.com/subject/1788421/](https://book.douban.com/subject/1788421/)
+
+### 知识点
+
+-  RAII 
+-  C++ 11 新特性 
+   - 自动类型推导
+   - lambda 表达式
+   - 智能指针
+   - 移动语义
+   - 右值引用
+   - 标准多线程库
+   - nullptr 关键字
+-  类型转换 
+   - static_cast
+   - reinterpret_cast
+   - dynamic_cast
+   - const_cast
+-  异常处理 
+   - 栈解旋
+   - 异常接口声明
+   - 异常对象生命周期
+-  工具 
+   -  编译工具 
+      - GCC
+   -  构建工具 
+      - CMake
+   -  调试工具 
+      - GDB
+   -  静态分析工具 
+      - Clang Static Analyzer
+-  编码规范 
+   - Google C++ Style
+-  程序执行原理 
+   - 编译
+   - 链接 
+      - 静态链接
+      - 动态链接
+-  STL 容器实现原理 
+   - vector
+   - string
+   - list
+   - pair
+   - set
+   - map
+   - deque
+   - stack
+
+## 三、计算机基础
+
+### 学习建议
+
+由于 C++ 语言本身相对更底层，常用于系统开发、嵌入式、高性能计算等领域。因此 C++ 开发者相对于学 Java 或其他方向的同学来说，需要具备更扎实、更深入的计算机基础能力。
+
+基础不是短短几天就能掌握的，需要持续学习、持续巩固。因此建议想快速就业的同学，可以先跳过这部分内容，把更多的精力放在后面开发框架的学习上，争取快速用 C++ 做出项目，等到面试前再去突击补习基础。而对于绝大多数计算机相关专业、或者学习时间比较富裕的同学，建议每天花 1 - 2 小时左右持续学习并巩固计算机基础，比如每天刷 2 - 3 道算法题，坚持半年那就是 500 多道，面试的算法关就基本没什么问题了。
+
+### 知识点
+
+> 点击可跳转到该知识点的详细学习路线
+
+
+- [计算机导论（计算机基本概念）](https://www.code-nav.cn/post/1641035880439271426)
+- [数据结构和算法](https://www.code-nav.cn/post/1640586867363954689)
+- [操作系统](https://www.code-nav.cn/post/1640587909942099969)
+- [计算机网络](https://www.code-nav.cn/post/1640588119619551233)
+
+## 四、软件开发通用
+
+### 学习建议
+
+只要你想从事软件开发方面的工作，以下这些知识点，最好都按照顺序学习一遍！
+
+对 C++ 开发来说，Linux 系统是重中之重。掌握 Linux 可以帮你更好地理解系统底层的运行机制，比如进程管理、内存管理、文件系统、网络传输等。
+
+除了 Linux 之外，软件开发的其他通用技能都可以融入到日常学习中，而不是花一大段连续时间去专攻。比如企业项目研发流程，读一遍有个印象就好；Git & GitHub 需要在平时做项目、用开源项目时多多使用；23 种主流的设计模式可以每天学 2 - 3 个；软件工程的专业知识大学科班一般都会教，学校不教的话作为一个课外知识去补充即可。
+
+### 知识点
+
+> 点击可跳转到该知识点的详细学习路线
+
+
+- [企业项目研发流程](https://www.code-nav.cn/post/1640631858620329986)
+- [Git & GitHub](https://www.code-nav.cn/post/1640588753362108417)
+- [Linux 系统](https://www.code-nav.cn/post/1640586295529324545)
+- [设计模式](https://www.code-nav.cn/post/1640588392073150465)
+- [软件工程](https://www.code-nav.cn/post/1640648711119892481)
+
+> by 程序员鱼皮 [知识星球](https://docs.qq.com/doc/DUG93dVNHbVZjZXpo/)
+
+
+## 五、后端开发通用
+
+### 学习建议
+
+以下这部分知识点几乎适用于所有后端方向的同学（比如 Java、Go、Python 等），比如数据库、Redis、Nginx、消息队列都是通用的。只不过不同编程语言的后端开发用到的具体的开发框架、编程语法会有差别，比如 Java 的主流开发框架有 Spring Boot、Netty 等，而 C++ 主流开发框架有 Boost、gRPC、crow 等。
+
+如果你还在纠结学 C++ 还是 Java，或者别的语言，不妨在能够独立做出项目的前提下，把最大的精力投入在数据库、Redis、Nginx、消息队列、架构设计等通用后端开发技能。
+
+### 知识点
+
+- 数据库
+- 开发框架
+- 包管理工具
+- Redis
+- 消息队列
+- Nginx
+- 微服务
+- 容器
+- 架构设计
+
+由于这部分内容的大多数知识点都和 [鱼皮的 Java 学习路线](https://www.code-nav.cn/post/1640584449888772098) 一致，此处不再赘述，下面只列举 C++ 学习和 Java 学习中有差异的地方。
+
+### 数据库
+
+数据库就是存放数据的库，负责存储、管理和检索数据。
+
+我们平时看到的网站上的数据，基本都是存放到数据库中的，在用户需要的时候，再通过后端程序从数据库中取出来。
+
+数据库又分为关系型数据库和非关系型数据库。关系型数据库适用于存储相互之间有关联的数据，比如做一个学生管理系统，要存储学生、班级，一个班级有多个学生，这就是一种关联关系，关系型数据库典型的技术是 MySQL；而非关系型数据库主要用于存储零散的、相互独立的数据，典型的技术是 Redis。
+
+此处我们主要学习的是关系型数据库，并且以最主流、学习成本相对更低的关系型数据库 MySQL 为主。
+
+对 C++ 同学来说，对数据库的学习包括以下 4 个方面：
+
+1. 学习关系型数据库理论：包括关系模型、关系代数、数据库范式、事务理论等，能够帮助你更好地理解数据库的结构和设计。
+2. SQL 语言：作为关系型数据库的标准查询语言，掌握 SQL 是非常重要的！学习过程以实践为主，要能够熟练使用 SQL 来操作数据库（增删改查）
+3. 数据库设计和编程：学习如何根据实际业务场景来设计数据库表、并且学习如何使用 C++ 来操作数据库，这是企业开发中最重要的能力。
+4. 数据库高级：初学数据库时这部分可以跳过。主要是学习数据库的高级特性、底层原理、数据库的分析、运维、性能优化等，可以帮助你更好地运用数据库来解决问题。
+
+详细学习路线请参考：[https://www.code-nav.cn/post/1641797333479903234](https://www.code-nav.cn/post/1641797333479903234)
+
+### 开发框架
+
+ORM 框架，作用是操作数据库。比如 ODB（https://www.codesynthesis.com/products/odb/）、QxOrm 等，学习一个即可。
+
+Web 开发框架：作用是编写 HTTP 接口，可用于应用的后端（类似 Java 的 Spring MVC）。比如 Drogon（https://github.com/drogonframework/drogon）、Pistache（https://github.com/pistacheio/pistache）等，学习一个即可。
+
+RPC 框架，作用是远程调用其他的服务，可用于实现分布式、微服务架构。推荐学习 Google 的 gRPC（https://github.com/grpc/grpc）。
+
+其他框架可以从这个库中按需学习：[https://github.com/fffaraz/awesome-cpp](https://github.com/fffaraz/awesome-cpp)
+
+### 包管理工具
+
+作用是帮你管理复杂的 C++ 项目依赖包。建议学习 conan：[https://github.com/conan-io/conan](https://github.com/conan-io/conan)
+
+### Redis
+
+详细学习路线请参考：[https://www.code-nav.cn/post/1640589994284695553](https://www.code-nav.cn/post/1640589994284695553)
+
+### 消息队列
+
+参考：[https://www.code-nav.cn/post/1640584449888772098#heading-93](https://www.code-nav.cn/post/1640584449888772098#heading-93)
+
+### Nginx
+
+参考：[https://www.code-nav.cn/post/1640584449888772098#heading-98](https://www.code-nav.cn/post/1640584449888772098#heading-98)
+
+### 微服务
+
+微服务是一种思想，可以使用上面提到的 gRPC 框架（https://github.com/grpc/grpc）实现微服务。
+
+### 容器
+
+参考：[https://www.code-nav.cn/post/1640584449888772098#heading-116](https://www.code-nav.cn/post/1640584449888772098#heading-116)
+
+### 架构设计
+
+参考：[https://www.code-nav.cn/post/1640584449888772098#heading-169](https://www.code-nav.cn/post/1640584449888772098#heading-169)
+
+## 六、C++ 项目实战
+
+初学 C++ 语法时，最好的项目就是刷算法题目，因为每道题目本质上就是在解决一个小问题。参考鱼皮的 [数据结构和算法学习路线](https://www.code-nav.cn/post/1640586867363954689) 。
+
+由于 C++ 是个相对底层、注重基础的编程语言，很多 C++ 的练手项目都是 “手写轮子” 相关的，比如下面这些：
+
+- 编程语言 
+   - 用 C 语言实现自己的编程语言：[https://buildyourownlisp.com/](https://buildyourownlisp.com/)
+- 开发工具 
+   - 开发自己的文本编辑器：[https://viewsourcecode.org/snaptoken/kilo/](https://viewsourcecode.org/snaptoken/kilo/)
+   - 国外手写 Linux 调试器教程：[https://blog.tartanllama.xyz/writing-a-linux-debugger-setup/](https://blog.tartanllama.xyz/writing-a-linux-debugger-setup/)
+- 工具库 
+   - 手写简易 STL：[https://github.com/Alinshans/MyTinySTL](https://github.com/Alinshans/MyTinySTL)
+   - 简单 JSON 库：[https://github.com/dropbox/json11](https://github.com/dropbox/json11)
+   - 简单堆内存分配器：[https://github.com/CCareaga/heap_allocator](https://github.com/CCareaga/heap_allocator)
+   - XML 解析库：[https://github.com/leethomason/tinyxml2](https://github.com/leethomason/tinyxml2)
+   - 国外手写 TCP / IP 协议栈教程：[https://www.saminiir.com/lets-code-tcp-ip-stack-1-ethernet-arp/](https://www.saminiir.com/lets-code-tcp-ip-stack-1-ethernet-arp/)
+- 数据库 
+   - SQLite：[https://github.com/sqlite/sqlite](https://github.com/sqlite/sqlite)
+- 中间件 
+   - KV 存储引擎 LevelDB：[https://github.com/google/leveldb](https://github.com/google/leveldb)
+- 开发框架 
+   - 网络编程库 muduo：[https://github.com/chenshuo/muduo](https://github.com/chenshuo/muduo)
+   - 超轻量 web 框架 oatpp：[https://github.com/oatpp/oatpp](https://github.com/oatpp/oatpp)
+   - 微信 RPC 框架 phxrpc：https://github.com/Tencent/phxrpc（简化版的微信后台 RPC 框架，冲鹅厂的同学推荐看）
+   - 搜狗 RPC 框架 srpc：https://github.com/sogou/srpc（有使用教程，上手还是比较容易的，先会用再仿写）
+   - 国外手写 RPC 框架教程：[https://users.cs.cf.ac.uk/Dave.Marshall/C/node33.html](https://users.cs.cf.ac.uk/Dave.Marshall/C/node33.html)
+- 服务器 
+   - 轻量级 Web 服务器学习：[https://github.com/qinguoyi/TinyWebServer](https://github.com/qinguoyi/TinyWebServer)
+   - 超轻量型 Http Server - Tinyhttpd：https://github.com/EZLippi/Tinyhttpd（代码不到 500行，适合学习，详细注释版：https://github.com/cbsheng/tinyhttpd）
+   - 分布式服务器视频教程：https://www.bilibili.com/video/BV1YG41137Vk（评论区有资料）
+   - 高性能 web 服务器项目：[https://github.com/linyacool/WebServer](https://github.com/linyacool/WebServer)
+   - 国外并发服务器教程：[https://eli.thegreenplace.net/2017/concurrent-servers-part-1-introduction/](https://eli.thegreenplace.net/2017/concurrent-servers-part-1-introduction/)
+   - 代理服务器 tinyfecVPN：[https://github.com/wangyu-/tinyfecVPN](https://github.com/wangyu-/tinyfecVPN)
+- 分布式系统 
+   - MIT6.824 中文教程：[https://mit-public-courses-cn-translatio.gitbook.io/mit6-824/](https://mit-public-courses-cn-translatio.gitbook.io/mit6-824/)
+
+C++ 的项目视频比较少，建议大家在学做 C++ 项目的过程中多在网上搜索相关的文章和教程。
+
+大家也可以从以下网站中挑选自己感兴趣的项目去学习：
+
+- C++ 相关类库：[https://en.cppreference.com/w/cpp/links/libs](https://en.cppreference.com/w/cpp/links/libs)
+- GitHub C++ 内容合集：[https://github.com/fffaraz/awesome-cpp](https://github.com/fffaraz/awesome-cpp)
+
+## 七、C++ 求职备战
+
+C++ 同学的面试重点主要分为 3 个大方向：
+
+1. C++ 语言本身
+2. 计算机基础
+3. C++ 领域技能（比如后端、嵌入式、游戏开发、客户端开发等）
+
+鱼皮分别从这 3 个方面给大家找了一些经典面试题，其中领域技能以后端为主，大家可以试着回答下。
+
+### C++ 面试题
+
+1. 是否关注过 C++ 的版本更新？比如 C++ 11 新增了哪些新特性？
+2. 什么是 C++ 的虚函数和纯虚函数？它们分别有什么作用？
+3. 如果虚函数是有效的，那为什么不把所有函数设为虚函数？
+4. 什么是 C++ 的多态？它是怎么实现的？
+5. C++ 函数重载和覆盖有什么区别？
+6. 什么是 C++ 的智能指针？它有什么作用？有哪些种类？
+7. 什么是 C++ 的模板？你在开发中是怎么运用模板的？
+8. 什么是 C++ 的动态内存分配？用它有什么优缺点？
+9. 什么是 C++ 的友元函数？它有什么作用？
+10. 什么是 C++ 的 STL？你用过哪些 STL，是否有了解过 STL 的底层实现？
+11. 指针和引用有什么区别？各自的应用场景是什么？
+12. 如何计算一个类或结构体的大小？
+13. C++ 会出现内存泄漏么？有哪些避免内存泄漏的方法？
+14. new 和 malloc 有什么区别？
+15. C++ 中有几种类型转换的方法？
+
+### 计算机基础面试题
+
+#### 数据结构和算法
+
+- LeetCode 精选 100 道：[https://leetcode-cn.com/problem-list/2cktkvj/](https://leetcode-cn.com/problem-list/2cktkvj/)
+- LeetCode 精选算法 200 题：[https://leetcode-cn.com/problem-list/qg88wci/](https://leetcode-cn.com/problem-list/qg88wci/)
+- LeetCode 算法高频面试题汇总：[https://leetcode-cn.com/leetbook/detail/top-interview-questions/](https://leetcode-cn.com/leetbook/detail/top-interview-questions/)
+
+#### 操作系统
+
+1. 什么是进程和线程？二者有什么区别？
+2. 操作系统是如何做到进程阻塞的？
+3. 有哪些常见的进程通信方式？
+4. 进程调度算法有哪些？
+5. 线程是如何实现的？
+6. 什么是 CPU 的缓存？
+7. 什么是内核态和用户态？二者有什么区别？
+8. 操作系统是怎么实现锁的？
+9. 什么是死锁，什么情况下会出现死锁（必要条件）？怎么预防和处理？
+10. 什么是系统调用？
+11. 操作系统如何进行内存管理？
+
+#### 计算机网络
+
+1. 介绍下计算机网络分层结构，各层有哪些常用协议？
+2. TCP 和 UDP 协议有什么区别？分别适用于什么场景？
+3. TCP 为什么需要三次握手和四次挥手？为什么不是两次握手、四次握手？为什么不是三次挥手？
+4. TCP 滑动窗口和拥塞控制机制
+5. TCP 如何保证可靠性？
+6. HTTP 协议常用状态码和含义
+7. HTTP 和 HTTPS 协议的区别？
+8. HTTP/1.0、1.1、2.0 有哪些区别和改进？
+
+### C++ 后端面试题
+
+1. 你用过哪些 C++ 网络编程库或 web 开发框架？
+2. 你用过哪些 C++ 日志框架？
+3. 什么是 socket 编程？C++ 中怎么进行 socket 编程？
+4. C++ 有没有 ORM 框架？你用过哪些？
+5. 你是怎么在 C++ 中进行多线程编程的？
+6. 什么是 I/O 多路复用？如何使用 epoll 和 select 等 I/O 多路复用技术？
+7. 有哪些知名技术（或框架）是用 C++ 实现的？是否有了解过它们的实现原理？
+8. 是否了解过设计模式？请用 C++ 实现单例模式
+
+### 资源
+
+建议大家可以多主动看看各公司的招聘要求（尤其是大厂的要求），确认自己的学习重点。
+
+#### 校招岗位
+
+- 阿里 C++ 岗位： 
+   - 研发工程师：[https://talent.alibaba.com/campus/position-detail?lang=zh&positionId=2014816](https://talent.alibaba.com/campus/position-detail?lang=zh&positionId=2014816)
+   - 客户端开发工程师：[https://talent.alibaba.com/campus/position-detail?lang=zh&positionId=2014805](https://talent.alibaba.com/campus/position-detail?lang=zh&positionId=2014805)
+   - 游戏开发工程师：[https://talent.alibaba.com/campus/position-detail?lang=zh&positionId=2014826](https://talent.alibaba.com/campus/position-detail?lang=zh&positionId=2014826)
+- 腾讯 C++ 岗位： 
+   - 后台开发：[https://join.qq.com/post_detail.html?pid=1&id=101&tid=2](https://join.qq.com/post_detail.html?pid=1&id=101&tid=2)
+   - PC 客户端开发：[https://join.qq.com/post_detail.html?pid=2&id=102&tid=2](https://join.qq.com/post_detail.html?pid=2&id=102&tid=2)
+   - 游戏客户端开发：[https://join.qq.com/post_detail.html?pid=1&id=107&tid=2](https://join.qq.com/post_detail.html?pid=1&id=107&tid=2)
+   - 游戏引擎开发：[https://join.qq.com/post_detail.html?pid=1&id=221&tid=2](https://join.qq.com/post_detail.html?pid=1&id=221&tid=2)
+- 美团 C++ 岗位： 
+   - 软件开发：[https://zhaopin.meituan.com/web/position/detail?jobUnionId=1423888888&highlightType=campus](https://zhaopin.meituan.com/web/position/detail?jobUnionId=1423888888&highlightType=campus)
+   - 后端开发：[https://zhaopin.meituan.com/web/position/detail?jobUnionId=1422483100&highlightType=campus](https://zhaopin.meituan.com/web/position/detail?jobUnionId=1422483100&highlightType=campus)
+- 华为软件开发：[https://career.huawei.com/reccampportal/portal5/campus-recruitment-detail.html?jobId=235686](https://career.huawei.com/reccampportal/portal5/campus-recruitment-detail.html?jobId=235686)
+
+#### 社招岗位
+
+- 阿里社招：[https://job.alibaba.com/zhaopin/positionList.htm](https://job.alibaba.com/zhaopin/positionList.htm)
+- 腾讯社招：[https://careers.tencent.com/search.html](https://careers.tencent.com/search.html)
+
+#### 实习
+
+- 实习僧：[https://www.shixiseng.com/](https://www.shixiseng.com/)
+
+
+## 学习资源
+
+### 知识总结
+
+- C++ 参考手册：[https://en.cppreference.com/w/](https://en.cppreference.com/w/)（最新的语法特性都在这里）
+- 程序喵大人 C++ 知识仓库：[https://github.com/chengxumiaodaren/cpp-learning](https://github.com/chengxumiaodaren/cpp-learning)
+- 计算机基础知识总结 CS-Notes：[http://www.cyc2018.xyz/](http://www.cyc2018.xyz/)
+- C++ 相关问答：[http://www.sunistudio.com/cppfaq/](http://www.sunistudio.com/cppfaq/)
+
+### 自学 C++ 专题资源
+
+-  ⭐ GitHub C++ 专区：[https://github.com/topics/cpp](https://github.com/topics/cpp) 
+-  ⭐ GitHub C++ 内容合集：[https://github.com/fffaraz/awesome-cpp](https://github.com/fffaraz/awesome-cpp) 
+-  StackOverflow：[https://stackoverflow.com/questions/tagged/c%2B%2B](https://stackoverflow.com/questions/tagged/c%2b%2b) （解决问题必备） 
+-  掘金 C++ 专区：https://juejin.cn/tag/C++（阅读技术文章） 
+-  大厂技术博客 
+   - 美团技术团队：[https://tech.meituan.com/](https://tech.meituan.com/)
+   - 阿里技术团队：[https://102.alibaba.com/tech/list/](https://102.alibaba.com/tech/list/)
+   - 有赞技术团队：[https://tech.youzan.com/tag/back-end/](https://tech.youzan.com/tag/back-end/)
+-  知名 C++ 大佬陈硕的博客（muduo 网络库的作者）：[https://blog.csdn.net/solstice/](https://blog.csdn.net/solstice/) 
+-  C++ 编程技巧：[https://abseil.io/tips/](https://abseil.io/tips/) 
+-  C++ 之父的一些问答：[https://www.stroustrup.com/bsfaqcn.html](https://www.stroustrup.com/bsfaqcn.html) 
+
+---
+
+小伙伴们加油！
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/Git&GitHub\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/Git&GitHub\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..f8e1ab3
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/Git&GitHub\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,431 @@
+# Git & GitHub 学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+不喜欢阅读文字的同学可以看视频讲解：[https://www.bilibili.com/video/BV1KZ4y1e7cG](https://www.bilibili.com/video/BV1KZ4y1e7cG)
+## 介绍
+### Git / GitHub 是什么？
+
+Git 是目前最主流的 `分布式版本控制系统` （Version Control System），是团队协作开发不可或缺的工具。它可以保存和管理文件的所有更新记录、并且使用 **版本号** 进行区分。从而支持将编辑后的文档恢复到修改前的状态（历史版本）、对比不同版本的文件差异、防止旧版本覆盖新版本等功能。
+
+GtiHub 是目前最主流的、免费的 `代码开源托管平台` ，可以理解为一个存储和管理代码的 “网盘”。所有用户或团队都可以把自己的代码上传到 GitHub 进行共享和维护、从 GitHub 下载代码等。开发者们可以从 GitHub 上白嫖代码，进行学习或引用。
+
+很多同学刚开始容易把这两个概念搞混，其实很好区分，Git 和 GitHub 的区别和关系如下：
+
+1. Git 是工具，而 GitHub 是平台。
+2. 我们可以用 Git 之外的版本控制系统（比如 SVN）来向 GitHub 提交代码；同样可以用 Git 将代码提交到 GitHub 之外的其他代码托管平台（比如企业级代码托管平台 GitLab）上。
+
+> SVN 和 Git  是同类的工具，两者的用法很相似。但目前 Git 相对更主流一些，因此只学习 Git 足够了。
+
+
+### 为什么要用 Git / GitHub？
+#### Git
+
+Git 起初是由 Linux 的创始人 Linus Torvalds 为了更好地管理 Linux 内核开发而创立的。Linux 的内核开发极其复杂，我们可以试想一下，如果有 100 个人要共同来开发这样一个大型项目、维护同一个代码目录和文件，怎么样才能够保证大家的代码不重复、不冲突、即时共享呢？难道要把代码放到 U 盘里，每个人写完代码后再拷贝到别人电脑上么？
+
+肯定不行对吧，这样做不仅麻烦，而且只能人为去解决冲突，可能会出现下面的对话：
+
+A：“哎，这行我改了，你别改！”
+
+B：“TNND，你改了也不跟我说一声。”
+
+所以 Git 的出现正是为了解决上述难题。
+
+使用 Git 工具，大家可以很方便地拉取和提交代码、及时得到代码的修改信息、对比新老代码之间的差异等，让系统代替人工来自动检查和解决冲突。从而提高团队协作开发的效率，保证代码和项目的稳定推进。
+
+除了团队开发外，我们自己做项目时也可以用 Git 来管理代码，如果一不小心改错或者删除了文件，可以快速还原。
+
+因此 Git 也是目前开发岗同学 **必学** 的技能，企业开发的基本功。
+
+#### GitHub
+
+既然要团队协作开发，那么大家肯定要 **共享代码** ，在同一套代码的基础上进行开发。所以需要一个集中存储和管理代码的地方，所有团队成员都能访问到。而且不同于网盘，最好大家能使用 Git 工具来操作代码的上传和拉取，并且在平台上方便地浏览和对比代码。
+
+于是，有能力的公司开始自己建设公司内部的代码托管平台。但是对大多数小公司来说，他们没有这种条件自建，只能依赖其他大公司的代码托管服务。
+
+此外，在 Linux 之父以及很多优秀程序员的影响下，越来越多的程序员倡导 **开源** ，认为软件开发应当是开放的，所有开发者都可以加入贡献。而开源的背后，必须要有一个开放共享的代码托管平台来支撑，而不是每个公司的代码都被封闭在自己内部的平台上。
+
+于是，以 GitHub 为代表的代码托管平台出现了。团队可以利用 GitHub 进行协作开发；开发者可以轻松阅读并参与到世界知名的开源项目中；我们每位同学也都可以免费使用 GitHub 上的代码，站在巨人的肩膀上打造自己的项目，或者通过参与开源来提升个人影响力等。
+
+此外，如今的 GitHub 还提供了更多强大的功能，比如问题讨论、在线编程、托管网站、自动构建项目等，对开发者非常有帮助。除了代码外，鱼皮也经常把一些需要团队内共享的文档上传到 GitHub 私仓和其他成员协作，免费无限制谁不爱呢？
+
+当然，GitHub 只是代码托管平台中最有代表性的一个，其他知名的代码开源托管平台有国内的 Gitee、国外的 Bitbucket 等；面向企业的私有代码托管平台有 GitLab、腾讯工蜂等。它们没有什么本质的区别，都是平台而已，会用 GitHub，就会用其他的。
+
+综上，强烈建议大家养成使用 GitHub 的习惯，感受开源的魅力。
+
+## 学习条件
+
+1. 学过至少一门编程语言后就可以学习 Git 了
+2. 准备开发个人完整项目前建议学习。注意是完整项目，还停留在初学编程语言写练习阶段的同学先不用学，抓紧熟悉编程语言就好。
+3. 正式找工作前必须学习！
+
+## 学习建议
+
+1. Git 只是工具，学 Git 的时候可以轻松一些，千万不要去背命令！初学者只要先了解工作中常用命令的作用、提交代码的流程，然后跟着教程实操一遍，有个大致的印象就够了。忘了的话就掏出说明书（百度 / 文档等），随用随查即可。因此建议将专门学习 Git 的时间控制在 1 天内，一般几个小时就足够了，最快的话只用十几分钟也能上手。
+2. 虽然现在有很多傻瓜式可视化 Git 工具，但还是建议初学 Git 的同学多自己手敲 Git 命令，可以多把自己平时写的练习代码用 Git 上传到 GitHub 上管理，用的多了自然就熟悉了。
+3. Git 的学习不是一蹴而就的。随着你使用 Git 管理的项目越来越多、工作经验越来越丰富，你对 Git 和 GitHub 的熟练程度才会越来越高。总之，想学好 Git，实践是关键。
+
+## 学习路线
+
+⭐️ - 重点知识 / 强烈推荐
+😐 - 了解即可
+
+### 大纲
+![Git & GitHub 学习路线 by 程序员鱼皮.png](https://cdn.nlark.com/yuque/0/2022/png/398476/1655990159102-a826251e-fbb3-461b-9318-d560cd32a13d.png#clientId=ua3c55a2b-7415-4&from=paste&height=3197&id=ub68f9a98&originHeight=7033&originWidth=1728&originalType=binary&ratio=1&rotation=0&showTitle=false&size=1000924&status=done&style=shadow&taskId=u64a6f249-5014-41bc-82a2-ac71f7a368c&title=&width=785.454528430277)
+
+### 零、无痛上手
+
+Git 本身只是一个工具，不涉及太多复杂的的理论知识，看了说明书就能用；再加上现在很多主流的开发工具都支持可视化地操作 Git 来管理项目，将它的使用成本降到了最低。所以我们可以随用随学，哪怕之前完全不会，工作用到时也可以直接 **赶鸭子上架** ，做到能用界面来拉取和提交代码、完成开发即可。
+
+我自己刚开始接触 Git 的时候就是这样，完全没有上网搜教程，就是看别人提交项目的时候用到了这个工具、在编辑器上点几下就可以了，觉得很厉害很方便。然后我就有样学样地用起了这个工具，而且很长一段时间我都是用 GitHub Desktop 来傻瓜式的操作，遇到问题了再上网搜解决方案。
+
+这里我建议大家无论是否要学习 Git，都可以先把它安装到你的电脑中（直接去官网安装）。因为有可能一些软件或工具会依赖 Git，不装的话后面会出现一些问题。
+
+#### 目标
+
+1. 能用软件操作 Git 来拉取和提交代码
+
+#### 资源
+
+⭐️ Git 官方下载：[https://git-scm.com/downloads](https://git-scm.com/downloads)
+
+Git 可视化管理软件：
+
+> 一般情况下不用额外安装软件，用开发工具自带的 Git 可视化功能即可（比如 IDEA、VS Code 等）
+
+
+- ⭐️ GitKraken：https://www.gitkraken.com/（炫酷且友好）
+- Sourcetree：[https://www.sourcetreeapp.com/](https://www.sourcetreeapp.com/)
+- TortoiseGit：[https://tortoisegit.org/](https://tortoisegit.org/)
+- GitHub Desktop：[https://desktop.github.com/](https://desktop.github.com/)
+- Git GUI（安装 Git 后自带）
+
+### 一、Git 基础
+
+虽然使用可视化工具也可以操作 Git 完成开发工作，但如果不了解 Git 的概念和每个操作具体做了什么，在团队开发中很容易出现问题（比如出现冲突）。
+
+因此本阶段的目标如下：
+
+#### 目标
+
+1. 了解 Git 基本概念和常用命令的作用（理论）
+2. 能够使用 Git 命令来管理和提交项目代码（实践）
+
+#### 知识点
+
+- ⭐️ 基本概念 
+   - 什么是 Git（版本控制系统）
+   - 什么是 GitHub（代码托管平台）
+   - Git 和 GitHub 的作用
+   - Git 和 GitHub 的联系与区别
+- ⭐️ Git 概念 
+   - 工作区
+   - 暂存区（索引）
+   - 本地版本库
+   - 远程仓库
+   - Git 文件状态
+   - 版本
+   - HEAD
+   - 分支
+- Git 的安装
+- Git 常见配置（git config） 
+   - 修改配置 
+      - 个人信息
+   - 查看配置
+- ⭐️ Git 基本操作（开发流程） 
+   - 初始化仓库（git init）
+   - 克隆（git clone）
+   - 暂存（git add）
+   - 提交（git commit）
+   - 推送（git push）
+   - 拉取（git fetch）
+   - 拉取合并（git pull）
+   - 😐 查看状态（git status）
+   - 😐 查看历史（git log）
+- ⭐️ 分支操作 
+   - 创建分支
+   - 查看分支
+   - 切换分支
+   - 删除分支
+   - 合并分支（git merge）
+
+#### 学习方法
+
+入门 Git 时没必要买书，而是直接看网上的文档或视频教程，大概花几分钟 ~ 几小时就可以入门了。
+
+比如 [猴子都能懂的 Git 入门](https://backlog.com/git-tutorial/cn/) ，图文并茂、通俗易懂，看完入门篇就足够了：
+
+![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/1/image-20220623195749271.png#id=qSReP&originHeight=780&originWidth=2008&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=shadow&title=)
+
+或者看 B 站上一些免费的分享，比如下面资源里提到的一节课入门视频，可以帮助你快速了解 Git。
+
+但是大家要切记，**一定要跟着教程敲命令** ，自己走完一套从新建文件到提交文件的完整流程！
+
+还可以配合可视化工具来观察每个命令执行带来的效果，比如 IDEA 会自动把 Git 托管的文件变成绿色，从而帮助你理解每个命令的作用。
+
+Git 的分支概念还是很重要的，大家可以使用 [Learning Git Branching](https://learngitbranching.js.org/?locale=zh_CN) 这个在线游戏来学习和理解分支。
+
+> 当然，习惯阅读官方文档的同学也可以直接看 Git 官方文档入门。
+
+
+#### 资源
+
+在线文档：
+
+- ⭐️ 猴子都能懂的 Git 入门：https://backlog.com/git-tutorial/cn/（强烈推荐）
+- 菜鸟教程：[https://www.runoob.com/git/git-tutorial.html](https://www.runoob.com/git/git-tutorial.html)
+- 廖雪峰的教程：[https://www.liaoxuefeng.com/wiki/896043488029600/](https://www.liaoxuefeng.com/wiki/896043488029600/)
+- Git 简明指南：[http://rogerdudler.github.io/git-guide/index.zh.html](http://rogerdudler.github.io/git-guide/index.zh.html)（几分钟看一遍就好，可以用来复习）
+
+视频教程：
+
+> Git 相关的入门视频太多了，B 站随便一搜一大把
+
+
+- 一节课入门：[https://www.bilibili.com/video/BV1s3411g7PS](https://www.bilibili.com/video/BV1s3411g7PS)（18 分钟）
+- 一节课入门：[https://www.bilibili.com/video/BV1KD4y1S7FL](https://www.bilibili.com/video/BV1KD4y1S7FL)（10 分钟）
+- 5h 打通 Git 全套教程：[https://www.bilibili.com/video/BV1vy4y1s7k6](https://www.bilibili.com/video/BV1vy4y1s7k6)（较完整，时间多的话可以看）
+
+在线游戏：
+
+- ⭐️ Learning Git Branching：[https://learngitbranching.js.org/?locale=zh_CN](https://learngitbranching.js.org/?locale=zh_CN)（帮助你学习 Git 分支的用法）
+
+工具：
+
+- ⭐️ Git 命令大全：[https://backlog.com/git-tutorial/cn/reference/](https://backlog.com/git-tutorial/cn/reference/)（适合收藏）
+- Git 参考手册：[http://gitref.justjavac.com/](http://gitref.justjavac.com/)（只列举了常用的命令，不是很全）
+
+### 二、GitHub 基础
+
+可以把 GitHub 简单理解为一个资源网站，第一次接触 GitHub 时直接注册一个账号，然后在搜索框里输入你想搜的东西就可以了，不需要任何的教程。但是如果我们想上传代码到 GitHub、更好地用它来管理项目，还是有必要了解一下平台的玩法。
+
+#### 目标
+
+1. 熟悉 GitHub 基本操作，并能够使用 GitHub 来管理代码
+2. 了解如何利用 GitHub 搜索和下载项目代码
+3. 了解 GitHub 协作流程；了解开源，并能向开源项目提交代码
+
+#### 知识点
+
+-  什么是 GitHub？ 
+-  ⭐️ 如何访问 GitHub？ 
+-  ⭐️ 基本概念 
+   - 仓库
+   - 分支 
+      - 主分支
+   - README
+   - Star
+   - Follow
+   - 账户类型（个人 / 组织）
+-  必备操作 
+   -  ⭐️ 搜索仓库 / 代码 
+   -  创建仓库 
+      -  公开 
+      -  私有 
+   -  Fork 仓库 
+   -  Watch 仓库 
+   -  ⭐️ 上传本地代码 
+   -  修改个人信息 
+-  ⭐️ GitHub Flow 协作流程 
+   - 克隆 / Fork 仓库
+   - 创建分支
+   - 修改代码
+   - 发起 Pull Request
+   - Code Review
+   - Merge 分支
+   - 删除分支
+-  ⭐️ 了解 GitHub Issues 
+-  ⭐️ 贡献代码流程 
+
+#### 学习方法
+
+我们学 GitHub 时主要是了解这个平台提交代码的规则以及和他人协作的方法，因此还是以实践为主。
+
+推荐先在 B 站上找一个 GitHub 的短视频分享，了解下 GitHub 是个啥，大概咋用（下面有推荐视频）。然后再按照 GitHub  官方提供的 [Hello World 入门教程](https://docs.github.com/cn/get-started/quickstart/hello-world) 来实操一遍流程，基本就了解大家是如何在 GitHub 上协作的了。
+
+之后我建议大家可以像读课外书一样阅读下 [《GitHub 漫游指南》](https://github.phodal.com/) ，能够比较全面地加深你对 GitHub 的了解。
+
+#### 资源
+
+文档：
+
+- ⭐️ GitHub 官方 Hello World 入门：[https://docs.github.com/cn/get-started/quickstart/hello-world](https://docs.github.com/cn/get-started/quickstart/hello-world)（带你体验一次完整的 GitHub 开发流程）
+- ⭐️ GitHub 漫游指南：[https://github.phodal.com/](https://github.phodal.com/)（很多作者个人的实战经验，建议当课外书读，受益匪浅）
+- ⭐️ 教你给开源项目贡献代码：[https://github.com/firstcontributions/first-contributions/blob/master/translations/README.chs.md](https://github.com/firstcontributions/first-contributions/blob/master/translations/README.chs.md)
+- ⭐️ 开源指北：[https://oschina.gitee.io/opensource-guide/](https://oschina.gitee.io/opensource-guide/)（给开源新手的保姆级开源百科，建议当课外书读）
+
+视频：
+
+- 一节课入门：[https://www.bilibili.com/video/BV1hS4y1S7wL](https://www.bilibili.com/video/BV1hS4y1S7wL)
+- 5 分钟入门：[https://www.bilibili.com/video/BV1hS4y1S7wL](https://www.bilibili.com/video/BV1hS4y1S7wL)
+- 如何利用 GitHub 找到优质项目：[https://www.bilibili.com/video/BV1Ki4y1T7Cu](https://www.bilibili.com/video/BV1Ki4y1T7Cu)（鱼皮早期作品，特么青涩！）
+
+工具：
+
+- ⭐️ 如何更快地访问 GitHub：[https://github.com/dotnetcore/FastGithub](https://github.com/dotnetcore/FastGithub)（进不去可以自行百度：fast github）
+- ⭐️ GitHub 备忘清单：[https://training.github.com/downloads/zh_CN/github-git-cheat-sheet/](https://training.github.com/downloads/zh_CN/github-git-cheat-sheet/)（包含了常用命令）
+
+### 三、Git 进阶
+
+企业开发项目可能会比较复杂，往往会面临两个问题：
+
+1. 项目更大，更难管理
+2. 协作人员更多，更容易出现冲突
+
+如果协作开发时出现了代码冲突，又不了解如何解决的话，就很可能导致提交了错误的代码影响项目，或者丢失自己写过的代码。
+
+因此我们需要进一步了解 Git，学习实际工作中可能要用到的操作、经验和技巧，更好地管理团队项目和协作。
+
+#### 目标
+
+1. 学习 Git 高级操作，尤其是能够熟练地规避和解决冲突
+2. 了解企业常用的 Git 协作流程和规范，能独立管理项目
+
+#### 知识点
+
+- 高级操作 
+   - 标签（git tag）
+   - 检出（git checkout）
+   - ⭐️ 贮藏（git stash）
+   - 清理（git clean）
+   - 变基（git rebase）
+   - 重置（git reset）
+   - 还原（git revert）
+   - 😐 检索（git grep）
+   - 😐 展示差异（git diff）
+   - 😐 溯源（git blame）
+   - 😐 参考日志（git reflog）
+   - 😐 交互式命令行（-i 参数）
+- ⭐️ 预防冲突
+- ⭐️ 解决冲突（重中之重）
+- ⭐️ 配置 SSH
+- 子模块
+- Git 钩子 
+   - 提交钩子（pre-commit）
+- ⭐️ 忽略提交（Gitignore）
+- ⭐️ cherry-pick
+- 分布式工作流程
+- Git worktree
+- Git Flow
+- 😐 Git 内部原理
+- Monorepo
+- 了解其他版本控制系统，和 Git 对比
+
+#### 学习方法
+
+其实我们在大多数情况下是用不到上面那些高级命令的，但是一定要知道有这么个命令和用法，在关键时刻才能想起来，然后再去通过官方文档和百度去搜详情即可。
+
+所以，建议大家有空完整地阅读一遍 Git 的官方文档（支持中文、详细又权威），有些地方看不懂或记不住也没关系（比如像 reset 的几种模式），有个大致的印象就行。
+
+学好 Git 最主要的方法还是多实操，比如实际工作中最实用的技能之一 —— 解决代码冲突，只有经历过的同学才会懂。不过如今的编辑器基本都自带了可视化解决冲突的功能，通过红绿等颜色来区分代码，可比我们用命令行要方便和清晰多了，所以也不用去记忆相关的命令。
+
+另外，建议大家去网上了解一下企业开发中常用的 Git 协作机制，比如怎么定义分支、怎么个提交代码的流程等，如图：
+
+![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/1/webp#id=nopW5&originHeight=341&originWidth=586&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=shadow&title=)
+
+还可以了解一些 “先进” 的协作方式，比如一些大公司在采用的 Monorepo（单仓 / 大仓）方案，了解它和传统项目管理模式的优缺点。
+
+此外，大家感兴趣的话也可以深入下 Git 工具的原理，如果能够自己做出一个类似的系统，相信在简历上也会是个不错的项目~
+
+#### 资源
+
+- ⭐️ Git 官方文档：[https://git-scm.com/book/zh/v2](https://git-scm.com/book/zh/v2)（强烈推荐，有图有文，全面详细）
+- Git Flow 演示学习：[http://danielkummer.github.io/git-flow-cheatsheet/index.zh_CN.html](http://danielkummer.github.io/git-flow-cheatsheet/index.zh_CN.html)
+- Git Flow 学习：[https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow](https://www.git-tower.com/learn/git/ebook/cn/command-line/advanced-topics/git-flow)
+- Monorepo 学习：[https://www.jianshu.com/p/c10d0b8c5581](https://www.jianshu.com/p/c10d0b8c5581)
+
+工具：
+
+- Git 中文开发手册：[https://www.php.cn/manual/view/34943.html](https://www.php.cn/manual/view/34943.html)（可以用来查命令）
+
+### 四、GitHub 进阶
+
+如今 GitHub 的能力已经非常强了，除了代码的管理和检索外，它还集成了各种辅助团队开发和运营的功能。
+
+#### 目标
+
+1. 按需学习更多 GitHub 功能，提升研发效率、更好地管理项目
+2. 尝试用心维护和推广自己的 GitHub 项目
+
+#### 知识点
+
+- 开发 
+   - ⭐️ 配置 SSH 拉取
+   - 😐 GitHub 快捷键
+   - 😐 GitHub 命令面板
+   - 😐 GitHub Apps
+   - 代码安全
+- 协作 
+   - ⭐️ GitHub Codespaces
+   - GitHub Discussions
+   - Pull Requests
+- 项目管理 
+   - Organizations 组织
+   - GitHub Issues 问题反馈
+   - 😐 GitHub Projects 项目管理
+   - Insights 数据分析
+   - 贡献者管理
+   - 开源协议
+- DevOps 
+   - ⭐️ GitHub Pages 网站托管
+   - Gitpod 代码托管
+   - GitHub Actions
+   - 😐 GitHub Packages
+   - GitHub Webhook
+- 😐 Git 私服搭建 
+   - GitLab
+   - Gogs
+
+#### 学习方法
+
+进阶 GitHub 最好的方式就是 **阅读官方文档** ！
+
+因为首先官方文档通常比任何教程都 **全面、权威、准确** ；再加上 GitHub 的更新迭代很快、时不时会推出一些新功能，导致网上的教程和文章很难做到实时和官方同步。
+
+而 GitHub 的官方文档不仅支持中文，而且写的非常通俗好懂，本身就是一个贴心的教程了。所以建议大家跟着文档来学习，完整阅读一遍后，相信你会学到很多之前完全没关注过的 GitHub 功能，帮助自己更好地利用这个平台。
+
+此外，大家也可以多看一些其他同学分享的 GitHub 小技巧，比如我之前分享过的：按句号键就能用 web 编辑器直接打开项目，从而给我们带来极大的方便。（下面也给大家列举了一些我之前分享过的 GitHub 骚操作）
+
+#### 资源
+
+文档：
+
+- ⭐️ GitHub 官方文档：[https://docs.github.com/cn](https://docs.github.com/cn)
+- ⭐️ GitHub 秘籍：[https://snowdream86.gitbooks.io/github-cheat-sheet/content/zh/](https://snowdream86.gitbooks.io/github-cheat-sheet/content/zh/)（收录了一些 Git 和 Github 非常酷同时又少有人知的功能）
+- ⭐️ GitHub 隐藏技巧：[https://www.bilibili.com/video/BV1q54y1f7h6](https://www.bilibili.com/video/BV1q54y1f7h6)
+- 让你的 GitHub 秒变高大上：[https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247491908&idx=1&sn=568e8c0dcb54a610d886eb992d424273&scene=21#wechat_redirect](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247491908&idx=1&sn=568e8c0dcb54a610d886eb992d424273&scene=21#wechat_redirect)
+- GitHub 骚操作：[https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247495440&idx=1&sn=99147cdcb7c881c9d983e7b2373abcdb&scene=21#wechat_redirect](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247495440&idx=1&sn=99147cdcb7c881c9d983e7b2373abcdb&scene=21#wechat_redirect)
+
+工具：
+
+- GitHub 快捷键：[https://docs.github.com/cn/get-started/using-github/keyboard-shortcuts](https://docs.github.com/cn/get-started/using-github/keyboard-shortcuts)
+- GitHub 命令面板：[https://docs.github.com/cn/get-started/using-github/github-command-palette](https://docs.github.com/cn/get-started/using-github/github-command-palette)
+
+## 面试考点
+
+其实 Git 在面试中的占比一般是很低的，至少我秋招 20 多轮面试中 1 次都没被问到过。所以大家不用刻意去准备，多去用它、积累经验就好了。
+
+不过时间足够的同学也可以了解一下常见的面试题，比如下面这些：
+
+#### 理论
+
+1. 简述 Git 的原理和工作流程
+2. 什么是版本控制系统？为什么需要版本控制系统？
+3. git fetch 和 git pull 命令的区别？
+4. git rebase 和 git merge 命令的区别？
+5. 什么是 Git Flow，它有什么好处？
+6. 什么是暂存区？Git 为什么需要暂存区？
+
+#### 实践
+
+1. 分享下你在团队中使用 Git 协作开发的流程（从拉取项目到上线）
+2. 如何控制某些文件不被提交？
+3. 什么情况下提交会冲突，如何解决冲突？
+4. 不小心改错了代码、删除了文件，如何恢复？
+5. 不小心提交错了文件，如何撤销？
+6. 团队开发中，如何区分和管理分支？
+7. 如果让你负责团队，会怎么管理项目的代码？
+8. 如何防止错误的代码提交？
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/Java\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/Java\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..87d8066
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/Java\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,2143 @@
+# Java 学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+
+## 符号表
+
+可以通过路线知识点前的表情字符，根据自己的实际情况选择学习：
+
+- 🌕 所有同学必须学习！！！
+- 🌖 非常急着找工作，才可不学；目标大厂，必须学习！
+- 🌗 急着找工作的话，可不学；目标大厂，建议学习
+- 🌘 时间充足的话，再去学
+- ⭐ 表示推荐资源
+
+## 前言
+
+首先呢，我们要了解 Java 的应用场景和就业方向，看看和自己的学习目的是否一致。
+
+目前，Java 由于其优秀的特性以及火爆的生态，岗位需求量大，是后台开发、安卓开发、大数据开发的主流编程语言，因此学习资源也很丰富，值得学习！
+
+## 阶段 1：编程语言基础
+
+### 目标
+
+培养兴趣、快速上手，能运行和编写简单的 Java 程序。
+
+学完本阶段后，可以试着用 Java 解决一些数学计算问题、编写图书管理系统等桌面端 GUI 程序，甚至是五子棋之类的小游戏。
+
+### 🌕 Java 编程基础（45 天）
+
+#### 知识
+
+- Java 特点（看不懂没事，别背！）
+- 环境搭建
+- IDEA 开发工具 
+   - 新建项目
+   - 运行调试
+   - 界面配置
+   - 插件管理
+- **Java 基础语法** 
+   - 数据类型
+   - 流程控制
+- 数组
+- **面向对象** 
+   - 方法
+   - 重载
+   - 封装
+   - 继承
+   - 多态
+- 抽象类
+- 接口
+- 枚举
+- 常用类 
+   - String
+   - 日期时间
+- 集合类
+- 泛型
+- 注解
+- 异常处理
+- 多线程
+- IO 流
+- 反射
+
+#### 学习建议
+
+1）坚持：初学一门语言时，一定要持续学习，不能中断！
+
+2）实践：想要学好编程，一定要多敲代码！建议先跟着书上的例子敲一遍代码，然后试着自主编写代码，并完成课后练习。
+
+3）万事开头难：不理解代码也没关系，可以学习 Debug 后，一行一行地打断点执行，查看程序的执行过程。千万不要觉得麻烦，养成习惯后真的能节省很多重复学习的时间。
+
+#### 经典面试题
+
+1. 为什么重写 equals 还要重写 hashcode？
+2. == 和 equals 比较的区别
+3. 为啥有时会出现 4.0 - 3.6 = 0.40000001 这种现象？
+4. final 关键字的作用
+5. 介绍 Java 的集合类
+6. ArrayList 和 LinkedList 的区别
+
+#### 资源
+
+-  视频 
+   - ⭐ 韩顺平 - 零基础 30 天学会 Java：[https://www.bilibili.com/video/BV1fh411y7R8](https://www.bilibili.com/video/BV1fh411y7R8) （900 多集，顺序安排很合理，每个知识真正的打碎了，通俗、有示例、有实战、有思想）
+-  文档 
+   -  ⭐ 菜鸟教程：[https://www.runoob.com/java/java-tutorial.html](https://www.runoob.com/java/java-tutorial.html) （可以在线练习） 
+   -  廖雪峰 Java 教程：[https://www.liaoxuefeng.com/wiki/1252599548343744](https://www.liaoxuefeng.com/wiki/1252599548343744) 
+   -  IDEA 中文教程：[https://github.com/judasn/IntelliJ-IDEA-Tutorial](https://github.com/judasn/IntelliJ-IDEA-Tutorial) （可以作为课外书来看）
+   -  IDEA Mac 快捷键指南，地址：[https://www.jianshu.com/p/454c71172c46](https://www.jianshu.com/p/454c71172c46) 
+   -  IDEA Win 常用快捷键，地址：[https://www.jianshu.com/p/5de7cca0fefc](https://www.jianshu.com/p/5de7cca0fefc) 
+-  书籍 
+   - 《Head First Java》
+-  在线游戏 
+   - Codegym：[https://codegym.cc/zh](https://codegym.cc/zh) （玩玩前几关培养兴趣不错，但后面收费了，不太建议用）
+
+### 🌖 Java 8（3 天）
+
+#### 知识
+
+- Stream API
+- Lambda 表达式
+- 新日期时间 API
+- 接口默认方法
+
+#### 学习建议
+
+Java 8 是如今企业开发中最主流的 Java 稳定版本，在这个版本出现了很多实用的新特性，虽然面试考点不多，但能够提升编程效率，建议学习。
+
+此外，很多同学不怎么在简历上写自己会 Java 8，因此如果你把 Java 8 的知识点写在简历上，会大大加分的。
+
+#### 经典面试题
+
+1. Java 8 有哪些新特性？
+2. HashMap 在 jdk 1.7 和 1.8 的区别？
+
+#### 资源
+
+-  视频 
+   - ⭐ 宋红康 - 全网最全Java零基础入门教程：[https://www.bilibili.com/video/BV1Kb411W75N](https://www.bilibili.com/video/BV1Kb411W75N) （只看 Java 8 部分即可）
+-  文档 
+   - ⭐ 菜鸟教程：[https://www.runoob.com/java/java8-new-features.html](https://www.runoob.com/java/java8-new-features.html)
+-  书籍 
+   - 《Java 8 实战》：[https://book.douban.com/subject/26772632/](https://book.douban.com/subject/26772632/)
+-  工具 
+   - ⭐ 在线编写运行  Java 8：[https://www.tutorialspoint.com/compile_java8_online.php](https://www.tutorialspoint.com/compile_java8_online.php)
+-  其他 
+   - Java 8 小代码片段：[https://github.com/biezhi/30-seconds-of-java8](https://github.com/biezhi/30-seconds-of-java8)
+
+### 练手项目
+
+- Java 实现简单计算器：[https://www.lanqiao.cn/courses/185](https://www.lanqiao.cn/courses/185)
+- Eclipse 实现 Java 编辑器：[https://www.lanqiao.cn/courses/287](https://www.lanqiao.cn/courses/287)
+- 一本糊涂账：[https://how2j.cn/module/104.html](https://how2j.cn/module/104.html)
+- Java 五子棋：[https://blog.csdn.net/cnlht/article/details/8176130](https://blog.csdn.net/cnlht/article/details/8176130)
+- Java 中国象棋：[https://blog.csdn.net/cnlht/article/details/8205733](https://blog.csdn.net/cnlht/article/details/8205733)
+- JAVA GUI 图书馆管理系统：[https://github.com/uboger/LibraryManager](https://github.com/uboger/LibraryManager)
+- JAVA 坦克大战小游戏：[https://github.com/wangzhengyi/TankWar](https://github.com/wangzhengyi/TankWar)
+- Swing 编写的俄罗斯方块：[https://github.com/HelloClyde/Tetris-Swing](https://github.com/HelloClyde/Tetris-Swing)
+- 小小记账本：[https://github.com/xenv/SmallAccount](https://github.com/xenv/SmallAccount) （适合了解数据库的同学）
+
+### 尾声
+
+学完了 Java 基础后，有些同学会感到迷茫了啊，感觉好像啥也做不出来，不知道下一步做什么，我这一身的本领该如何施展啊？
+
+不要慌，也不要急着去学新技术，接下来我们要多用 Java 来写代码了，巩固基础，但是写什么呢？
+
+当然是数据结构和算法！
+
+## 阶段 2：巩固基础
+注意！如果你时间不够（比如只有 6 个月左右），只是想快速找到工作，那么本章节甚至可以完全跳过，先去学习开发框架做项目，后面再慢慢弥补基础即可。
+
+### 目标
+
+想学好编程，计算机基础知识要学好。
+
+比如算法，是程序员的灵魂。学好算法有助于我们理解程序、开拓思路，因此也是很多公司面试时考察的关键，在找工作前，还是要刷个上百道算法题目的。
+
+我们这个阶段的目标是：熟练使用 Java 语言来编写程序，巩固 Java 基础。（那直接用 Java 来写算法题目，一举两得，岂不美哉？）
+
+此外，建议大家利用零碎时间多去了解 **计算机基础知识** ，比如操作系统、计算机网络等，对你后面学习开发框架之类的知识都有帮助。
+
+### Java 基础（30 天）
+
+#### 学习建议
+
+建议大家去阅读 《Java 核心技术卷 1》，这本书堪称经典，是帮助你复习巩固  Java 的不二之选，其中图形界面章节可以选择不看。
+
+之后可以刷网上免费的 Java 练习题，检验自己的水平，我当时刷了两遍 1000 题（每天 30 题，1 个月也就刷完了，二刷会更快！）。虽然都是选择题，但能学到很多 Java 语言的特性、避免写代码时容易犯的错误。
+
+#### 资源
+
+- 书籍 
+   - ⭐《Java 核心技术卷 1》：[https://www.aliyundrive.com/s/SNdB6gr1Xz4](https://www.aliyundrive.com/s/SNdB6gr1Xz4) 提取码: u74e
+
+### 🌖 数据结构与算法
+请参考学习路线：[数据结构和算法学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/cyovgg)
+
+### 🌘 计算机导论
+详情请参考：[计算机基础学习路线](https://bcdh.yuque.com/staff-wpxfif/resource/ro1v8px2ng0ifexw?view=doc_embed)
+
+#### 知识
+
+- 计算机发展历史
+- 计算机应用领域
+- 计算机发展方向
+- 计算机基本组成
+- 二进制
+- 编程语言发展
+
+#### 学习建议
+大学计算机专业的同学一般刚开学就会上这门课，虽说学习它并不会直接提高你的编程技能，但能够让你更了解计算机和编程，从而在一定程度上帮助你培养学习兴趣、确定学习方向。
+
+自学的话，不用刻意去学习计算机导论，而是可以通过看视频、阅读课外读物的方式慢慢地了解计算机的故事。
+
+#### 资源
+
+- 视频 
+   - 《计算机科学速成课》：[https://www.bilibili.com/video/BV1EW411u7th](https://www.bilibili.com/video/BV1EW411u7th) （从底层到上层的计算机知识科普，强烈推荐）
+- 书籍 
+   - 《半小时漫画计算机》：[https://book.douban.com/subject/35619441/](https://book.douban.com/subject/35619441/)
+- 闯关学算法：[编程导航算法通关村](https://yuyuanweb.feishu.cn/wiki/J9qLwpv75iropZkXpmIcYrZ8nNM)
+
+### 🌖 操作系统
+详情请参考学习路线：[操作系统学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/udgg85)
+
+#### 知识
+
+- 操作系统的组成
+- 进程、线程
+- 进程 / 线程间通讯方式
+- 进程调度算法
+- 进程 / 线程同步方式
+- 进程 / 线程状态
+- 死锁
+- 内存管理
+- 局部性原理
+
+#### 学习建议
+
+说实话，操作系统这一块知识挺枯燥的。你说说我现在项目都不会做，你又让我看这些理论，是不是想让我头秃？
+
+我的建议是，可以先利用课余时间看一些网课或者有趣的课外书，对一些操作系统的概念先有个大致的印象，比如进程、线程、死锁，等后面有时间了再系统学习、等到找工作了再去背相关八股文。
+
+还在校园就跟着学校的进度学习就成，自学的话可以看下《清华操作系统原理》视频，有实力的小伙伴，能看懂大黑书就更好了，但如果看不懂也别担心，这并不影响你后续知识的学习。
+
+#### 经典面试题
+
+1. 什么是死锁？死锁产生的条件？
+2. 线程有哪几种状态？
+3. 有哪些进程调度算法？
+4. 什么是缓冲区溢出？
+
+#### 资源
+
+-  视频 
+   - 《清华操作系统原理》：[https://www.bilibili.com/video/BV1uW411f72n](https://www.bilibili.com/video/BV1uW411f72n)
+-  书籍 
+   - 《编码》
+   - 《30天自制操作系统》
+   - 《现代操作系统》（难度较大，不推荐新手看）
+   - 《深入理解计算机系统》（难度较大，不推荐新手看）
+   - 《 自己动手写操作系统》（国产好书，网上可以下载）
+-  大学课件 
+   - 浙大操作系统：[https://github.com/QSCTech/zju-icicles](https://github.com/QSCTech/zju-icicles)
+
+### 🌖 计算机网络
+详情请参考学习路线：[计算机网络学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/phgtgu)
+
+#### 知识
+
+- 网络分层模型
+- 网络传输过程
+- IP、端口
+- HTTP / HTTPS 协议
+- UDP / TCP 协议
+- ARP 地址解析协议
+- 网络安全
+- DNS 域名解析
+
+#### 学习建议
+
+很多学习 Java 开发的同学最后都是从事 **后端开发** 的工作，而计算机网络知识是后端开发的重点。
+
+和操作系统一样，自学网络可能会很枯燥，建议先看有趣的课外书，比如《图解 HTTP》；或者有趣的视频，比如《计算机网络微课堂》。后面要找工作面试前，再重点去背一些八股文就好了。还在学校的同学好好上课一般就没问题。
+
+学习基础能帮助自己今后发展更稳定，且更容易接受新知识，所以请不要相信基础无用论。
+
+#### 经典面试题
+
+1. 计算机网络各层有哪些协议？
+2. TCP 和 UDP 协议的区别？
+3. TCP 为什么需要三次握手和四次挥手？
+4. HTTP 和 HTTPS 协议的区别？
+
+#### 资源
+
+-  视频 
+   - 《计算机网络微课堂》：[https://www.bilibili.com/video/BV1c4411d7jb](https://www.bilibili.com/video/BV1c4411d7jb)
+-  书籍 
+   - ⭐《图解 HTTP》
+   - 《网络是怎样连接的》
+   - ⭐《图解 TCP / IP》
+-  大学课件 
+   - 浙大计算机网络基础：[https://github.com/QSCTech/zju-icicles](https://github.com/QSCTech/zju-icicles)
+
+### 尾声
+
+巩固基础要花至少 1 个月的时间，当你读完《Java 核心技术卷1》并且不用查询文档也能熟练地用 Java 做题时，就可以接着往下了。
+
+## 阶段 3：企业开发基础
+
+### 目标
+
+面向薪资编程，学习实际后台开发工作要用的基础技术和框架，并能 **独立** 做出一个具有完整功能的 Java Web 项目。
+
+学完这个阶段后，你应该已经能独立开发出大多数常见的后台系统了，比如各种管理系统、商城系统等。
+
+### 🌕 MySQL 数据库（7 天）
+详情请参考学习路线：[数据库学习路线](https://bcdh.yuque.com/staff-wpxfif/resource/dpikl6npld34ydll?view=doc_embed)
+
+企业中大部分业务数据都是用关系型数据库存储的，因此数据库是后台开发同学的必备技能，其中 MySQL 数据库是目前的主流，也是面试时的重点。
+
+#### 知识
+
+- 基本概念
+- MySQL 搭建
+- SQL 语句编写
+- 约束
+- 索引
+- 事务
+- 锁机制
+- 设计数据库表
+- 性能优化
+
+#### 学习建议
+
+其中，**SQL 语句编写** 和 **设计数据库表** 这两个能力一定要有！
+
+比如让你做一个学生管理系统，你要能想到需要哪些表，比如学生表、班级表；每个表需要哪些字段、字段类型。
+
+这就要求大家多写 SQL、多根据实际的业务场景去练习设计能力。
+
+#### 经典面试题
+
+1. MySQL 索引的最左原则
+2. InnoDB 和 MyIsam 引擎的区别？
+3. 有哪些优化数据库性能的方法？
+4. 如何定位慢查询？
+5. MySQL 支持行锁还是表锁？分别有哪些优缺点？
+
+#### 资源
+
+- 视频 
+   - ⭐ 2022 黑马 MySQL 教程：[https://www.bilibili.com/video/BV1Kr4y1i7ru](https://www.bilibili.com/video/BV1Kr4y1i7ru)（倾向于速成，初学只看完 P57 节前的基础篇即可，后面可以再来补进阶知识）
+   - 老杜 - mysql入门基础 + 数据库实战：[https://www.bilibili.com/video/BV1Vy4y1z7EX](https://www.bilibili.com/video/BV1Vy4y1z7EX) （内容相对精炼，有习题）
+   - 尚硅谷 - MySQL基础教程：[https://www.bilibili.com/video/BV1xW411u7ax](https://www.bilibili.com/video/BV1xW411u7ax) （小姐姐讲课，但感觉音质一般）
+- 在线练习 
+   - ⭐ 鱼皮的闯关式 SQL 自学网：[http://sqlmother.yupi.icu/](http://sqlmother.yupi.icu/)
+   - ⭐ SQL 在线运行：[https://www.bejson.com/runcode/sql/](https://www.bejson.com/runcode/sql/)
+- 文档 
+   - SQL - 菜鸟教程：[https://www.runoob.com/sql/sql-tutorial.html](https://www.runoob.com/sql/sql-tutorial.html)
+   - MySQL - 菜鸟教程：[https://www.runoob.com/mysql/mysql-tutorial.html](https://www.runoob.com/mysql/mysql-tutorial.html)
+- 网站 
+   - [数据库大全](https://www.code-nav.cn/rd/?rid=b00064a76012546b016e274a3724c5f0)：果创云收录的各种数据库表设计
+
+### 🌕 开发框架（60 天）
+
+Java 之所以能成为主流的企业开发语言，很大一部分原因是它完善的框架生态，用好框架，不仅能够大大提升开发效率，还能提高项目的稳定性、减少维护成本。
+
+开发框架是后台开发工作中不可或缺的，也是面试考察的重点，一定要好好学！
+
+不知道 Java 能做什么的朋友们，学完开发框架，就会有答案啦。
+
+下面给大家推荐的都是企业中应用最多的主流开发框架，知识点比较零碎，就放在一起讲了。
+
+#### 知识
+
+##### 🌕 Java Web
+
+-  描述：Java 网页应用开发基础 
+-  一丢丢前端基础 
+-  XML 
+-  JSON 
+-  Servlet 
+-  Filter 
+-  Listener 
+-  JSP 
+-  JSTL 
+-  Cookie 
+-  Session 
+
+##### 🌕 Spring 5
+
+- 描述：Java 轻量级应用框架
+- IOC
+- AOP
+- 事务
+
+##### 🌕 SpringMVC
+
+- 描述：Java 轻量级 web 开发框架
+- 什么是 MVC？
+- 请求与响应
+- Restful API
+- 拦截器
+- 配置
+- 执行过程
+
+##### 🌕 MyBatis
+
+- 描述：数据访问框架，操作数据库进行增删改查等操作
+- 增删改查
+- 全局配置
+- 动态 SQL
+- 缓存
+- 和其他框架的整合
+- 逆向工程
+
+##### 🌗 MyBatis Plus
+
+- 描述：Mybatis 的增强工具，能够简化开发、提高效率
+- 引入
+- 通用 CRUD
+- 条件构造器
+- 代码生成器
+- 插件扩展
+- 自定义全局操作
+
+##### 🌕 SpringBoot 2
+
+- 描述：简化 Spring 应用的初始搭建以及开发过程，提高效率
+- 常用注解
+- 资源整合
+- 高级特性
+- 本地热部署
+
+##### 🌗 Spring Security
+
+- 描述：Spring 的安全管理框架
+- 用户认证
+- 权限管理
+- 相关技术：Shiro
+
+##### 🌗 Maven / Gradle
+
+- 描述：项目管理工具
+- 构建
+- 依赖管理
+- 插件
+- 配置
+- 子父工程
+- 多模块打包构建
+- Nexus 私服搭建
+
+#### 学习建议
+
+由于技术较多，且框架之间存在一定的联系，因此建议大家看同一系列的视频教程（尚硅谷、狂神说等等都可以），以保证学习内容的连续以及体验上的一致。
+
+学这些技术的时候，**千万不能懒** ！一定要多记笔记，并且跟着老师写代码。原理部分不要太过纠结，先以能跟着敲出代码、写出可运行的项目为主，有些东西做出来也能帮助你更好地理解理论。
+
+学习顺序挺重要的，建议按我推荐的顺序学，不要一上手就学 Spring Boot。只有先学习下自己整合框架的方法，才能帮你理解 SpringBoot 解决的问题，感受到它的方便和高效。
+
+Maven / Gradle 当成工具用就好，面试基本不问，跟着框架教程去用就行了，急着找工作的话，先不用花太多时间去深入学。大厂面试问这个的也不多。
+
+#### 经典面试题
+
+1. Spring 的 IOC 和 AOP 是什么，有哪些优点？
+2. Spring 框架用到了哪些设计模式？
+3. 介绍 Spring Bean 的生命周期
+4. MyBatis 如何实现延迟加载？
+5. 介绍 MyBatis 的多级缓存机制
+
+#### 资源
+已下资源分为两大类，希望快速做出项目、快速就业的同学请看【速成视频】。
+
+- 速成视频（按顺序看，同类视频任意选择 1 个即可） 
+   - ⭐ 2023 黑马 JavaWeb：[https://www.bilibili.com/video/BV1m84y1w7Tb](https://www.bilibili.com/video/BV1m84y1w7Tb)（包含了前端、MySQL 数据库、Java Web、MyBatis、Spring MVC、Spring、Spring Boot、Maven 等知识）
+   - 2022 尚硅谷 SSM + MyBatis Plus 整合学习：[https://www.bilibili.com/video/BV1Ya411S7aT](https://www.bilibili.com/video/BV1Ya411S7aT)
+   - 2022 黑马 SSM + MyBatis Plus 整合学习：[https://www.bilibili.com/video/BV1Fi4y1S7ix](https://www.bilibili.com/video/BV1Fi4y1S7ix)
+   - 黑马 Spring Boot 2：[https://www.bilibili.com/video/BV15b4y1a7yG](https://www.bilibili.com/video/BV15b4y1a7yG)（较新）
+   - 尚硅谷 Spring Boot 2：[https://www.bilibili.com/video/BV19K4y1L7MT](https://www.bilibili.com/video/BV19K4y1L7MT)
+
+-  非速成视频（按顺序看） 
+   -  ⭐ 尚硅谷 JavaWeb 全套教程：[https://www.bilibili.com/video/BV1Y7411K7zz](https://www.bilibili.com/video/BV1Y7411K7zz) （前端部分最好也看下） 
+   -  ⭐ 尚硅谷 - Spring 5 框架最新版教程（idea版）：[https://www.bilibili.com/video/BV1Vf4y127N5](https://www.bilibili.com/video/BV1Vf4y127N5) 
+   -  ⭐ 尚硅谷 - SpringMVC 2021 最新教程：[https://www.bilibili.com/video/BV1Ry4y1574R](https://www.bilibili.com/video/BV1Ry4y1574R) 
+   -  ⭐ 尚硅谷 - MyBatis 实战教程全套完整版：[https://www.bilibili.com/video/BV1mW411M737](https://www.bilibili.com/video/BV1mW411M737) 
+   -  ⭐ 尚硅谷 - MyBatisPlus 教程：[https://www.bilibili.com/video/BV1Ds411E76Y](https://www.bilibili.com/video/BV1Ds411E76Y) 
+   -  Maven 零基础入门教程：[https://www.bilibili.com/video/BV1TW411g7hP](https://www.bilibili.com/video/BV1TW411g7hP) （搞不懂 Maven 可以看看） 
+   -  ⭐ 雷丰阳 2021 版 SpringBoot2 零基础入门：[https://www.bilibili.com/video/BV19K4y1L7MT](https://www.bilibili.com/video/BV19K4y1L7MT) 
+   -  尚硅谷 - SpringSecurity 框架教程：[https://www.bilibili.com/video/BV15a411A7kP](https://www.bilibili.com/video/BV15a411A7kP) 
+
+学习完框架后，即可跟着鱼皮的原创项目教程系列边学边做项目。用项目驱动学习，更快地掌握后端必学技术，并直接写在简历上：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 。
+
+### 🌘 开发规范（3 天）
+
+开发不规范，同事两行泪。
+
+开发规范是团队开发中必须遵守的，有利于提高项目的开发效率、降低维护成本。
+
+#### 知识
+
+- 代码规范 
+   - 代码风格
+   - 命名
+   - 其他规则
+- 代码校验（CheckStyle）
+- 提交规范
+
+#### 学习建议
+
+有时间的话，简单过一遍大厂团队的代码规范手册就好了，以后做项目的时候能想起来的话就去使用，或者从书中、网上查规范文档，再去遵守。
+
+项目做得多了，自然会养成好的习惯，不用刻意去记（毕竟每个团队规范也不完全相同，背了也没用）。也可以直接利用开发工具自带的一些代码检查插件，帮忙养成好的编码习惯。
+
+#### 资源
+
+-  书籍 
+   - ⭐ 阿里巴巴 Java 开发手册：[https://developer.aliyun.com/graph/java](https://developer.aliyun.com/graph/java) （搜索《Java开发手册》）
+-  视频 
+   - 华山版《Java开发手册》独家讲解：[https://developer.aliyun.com/live/1201](https://developer.aliyun.com/live/1201)
+-  文档 
+   - Google Java Style Guide：[https://google.github.io/styleguide/javaguide.html](https://google.github.io/styleguide/javaguide.html) （谷歌 Java 代码规范）
+
+### 🌕 Git（3 天）
+详情请参考学习路线：[Git & GitHub 学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/nvb6om)
+
+此前大家可能听说过 GitHub，一流的代码开源托管平台。
+
+Git 和它可不一样，是一个版本控制工具，可以更好地管理和共享项目代码，比如把自己的代码传到 GitHub 上、或者从远程下载。
+
+无论自己做项目、还是团队开发，Git 都是现在不可或缺的神器。
+
+#### 知识
+
+- 区分 Git 和 GitHub
+- 工作区
+- 分支
+- 代码提交、推送、拉取、回退、重置
+- 分支操作
+- 代码合并、解决冲突
+- 标签
+- cherry-pick
+- Git Flow
+- 相关技术：SVN（比较老）
+
+#### 学习建议
+
+每个命令跟着敲一遍，有个大致的印象，会用即可。
+
+建议平时大家可以多把自己的代码使用 Git 命令上传到 GitHub 上，用的多了自然就熟悉了。
+
+#### 经典面试题
+
+1. 如何解决提交冲突？
+2. 提交不小心出现误操作，如何撤销？
+3. 什么是 Git Flow，它有什么好处？
+
+#### 资源
+
+-  视频 
+   - ⭐【尚硅谷】5h打通Git全套教程丨2021最新IDEA版 [https://www.bilibili.com/video/BV1vy4y1s7k6](https://www.bilibili.com/video/BV1vy4y1s7k6)
+-  书籍 
+   - 猴子都能懂的 Git 入门 [https://backlog.com/git-tutorial/cn/](https://backlog.com/git-tutorial/cn/)
+   - ⭐ GitHub 漫游指南 [https://github.phodal.com/](https://github.phodal.com/)
+-  文档 
+   - GitHub 官方文档：[https://docs.github.com/cn](https://docs.github.com/cn)
+-  游戏 
+   - Learning Git Branching：[https://learngitbranching.js.org/?locale=zh_CN](https://learngitbranching.js.org/?locale=zh_CN)
+
+### 🌖 Linux（10 天）
+详情请参考学习路线：[Linux 学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/qofaxe)
+
+企业中的很多前后台项目都是部署在 Linux 服务器上的，因此很有必要熟悉 Linux 的操作和脚本的编写。
+
+后面学微服务、学架构都是在多台服务器操作，如果你不熟悉 Linux，会有点吃力。
+
+#### 知识
+
+- Linux 系统安装
+- 环境变量
+- 文件管理
+- 用户管理
+- 内存管理
+- 磁盘管理
+- 进程管理
+- 网络管理
+- 软件包管理
+- 服务管理
+- 日志管理
+- Linux 内核
+- **常用命令**
+- **常用环境搭建**
+- **Shell 脚本编程**
+- **VIM 的使用**
+
+#### 学习建议
+
+多动手实践，建议自己购买一台云服务器，并且在本地搭建 Linux 虚拟机环境。
+
+一定要自己从 0 开始手敲命令安装软件、部署服务，熟悉整个项目的上线流程。
+
+每个命令至少要跟着敲一遍，了解它们的作用，并通过自然地练习，熟悉常用的 Linux 命令。
+
+记不住没关系，用文档查就行了。
+
+先会用，再理解。一般面试问的 Linux 题目也不会很难，面试前去背一下八股文就没什么问题，感兴趣的话可以去看看 Linux 内核设计。
+
+#### 经典面试题
+
+1. 如何查看某个进程的运行状态？
+2. 如何在 Linux 上查看 2 G 的大文件？
+3. Linux 软链接和硬链接的区别
+
+#### 资源
+
+-  视频 
+   - ⭐ 2021 韩顺平 一周学会Linux [https://www.bilibili.com/video/BV1Sv411r7vd](https://www.bilibili.com/video/BV1Sv411r7vd) （基于 CentOS 7.6 版本较新）
+-  书籍 
+   - 《鸟哥的 Linux 私房菜 —— 基础篇》[http://cn.linux.vbird.org/linux_basic/linux_basic.php](http://cn.linux.vbird.org/linux_basic/linux_basic.php) （经典）
+-  文档 
+   - Linux 工具快速教程：[https://linuxtools-rst.readthedocs.io](https://linuxtools-rst.readthedocs.io) （基础、工具进阶、工具参考）
+-  实战 
+   - ⭐ 蓝桥云课 Linux 基础入门：[https://www.lanqiao.cn/courses/1](https://www.lanqiao.cn/courses/1)
+   - 腾讯云动手实验室：[https://cloud.tencent.com/developer/labs](https://cloud.tencent.com/developer/labs)
+   - 阿里云体验实验室：[https://developer.aliyun.com/adc/labs/](https://developer.aliyun.com/adc/labs/)
+   - 阿里云知行实验室：[https://start.aliyun.com/](https://start.aliyun.com/)
+   - 华为云沙箱实验室：[https://lab.huaweicloud.com/](https://lab.huaweicloud.com/)
+-  社区 
+   - Linux 中国：[https://linux.cn/](https://linux.cn/)
+-  工具 
+   - ⭐ Linux 命令搜索：[https://wangchujiang.com/linux-command](https://wangchujiang.com/linux-command)
+   - Linux 命令大全手册：[https://www.linuxcool.com/](https://www.linuxcool.com/)
+   - Linux 命令示例：[http://linux-commands-examples.com/](http://linux-commands-examples.com/)
+   - 宝塔 Linux 面板：[https://www.bt.cn/](https://www.bt.cn/)
+
+### 🌘 前端基础（14 天）
+详情请参考鱼皮原创的前端学习路线：[https://mp.weixin.qq.com/s/HbzLEt6NOP9Is9F3GOnbUQ](https://mp.weixin.qq.com/s/HbzLEt6NOP9Is9F3GOnbUQ)
+
+虽然 Java 程序员面试时基本不会出现前端相关问题，但是在企业中，往往需要前后端程序员配合完成工作。会一些前端，不仅可以提高你们的协作效率，还能提高自己对整个项目的了解和掌控力，甚至能独立开发出一个完整项目！这点也是能给面试加分的。
+
+#### 知识
+
+- HTML
+- CSS
+- JavaScript 
+   - Ajax
+- Vue
+
+#### 学习建议
+
+不需要学习太多的前端技术，熟悉下基础的前端三件套，了解前端是如何向后端发送请求来做数据交互的一般就够了。有时间的话可以学下 Vue ，是比较容易上手的主流前端开发框架，Vue + SpringBoot 还是很香的。
+
+
+### 练手项目
+推荐跟着鱼皮的原创项目教程系列边学边做项目，每个项目都是前端 + 后端的全栈项目。用项目驱动学习，更快掌握前端基础和后端必学技术，并直接写在简历上：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 。
+
+- HotelSystem：[https://github.com/misterchaos/HotelSystem](https://github.com/misterchaos/HotelSystem) （酒店管理系统 Java,tomcat,mysql,servlet,jsp实现，没有使用任何框架）
+- 超市管理系统：[https://github.com/zhanglei-workspace/shopping-management-system](https://github.com/zhanglei-workspace/shopping-management-system)
+- Mall4j：[https://github.com/gz-yami/mall4j](https://github.com/gz-yami/mall4j) （Spring Boot 电商系统）
+- newbee-mall：[https://github.com/newbee-ltd/newbee-mall](https://github.com/newbee-ltd/newbee-mall) （基于 Spring Boot 2.X 的全栈电商系统）
+- litemall：[https://github.com/linlinjava/litemall](https://github.com/linlinjava/litemall) （小商城系统，Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端）
+- forum-java：[https://github.com/Qbian61/forum-java](https://github.com/Qbian61/forum-java) （一款用 Java Spring Boot 实现的现代化社区系统）
+
+### 尾声
+
+学完这个阶段的知识后，一定要再串起来回忆一遍，必须自己独立开发一个 Java Web 项目（量级可以不大，但你学过的技术尽可能地用上），能发布到 Linux 服务器上让其他小伙伴访问就更好了~
+
+如果你只是对 Java 感兴趣、或者只是想试着自己开发后台，并不是想靠 Java 找工作的话，学到这里就可以了。可以把更多时间投入到你主方向的学习中。
+
+但如果你是想找 Java 方向的工作，尤其是想进大厂的话，一定要继续努力，用心学习下个阶段的企业开发进阶知识。
+
+## 阶段 4：企业开发进阶
+
+### 目标
+
+学习更多企业级开发技术和编程思想，能够结合多种技术，独立开发出架构合理的完整系统，**解决实际问题** 。
+
+要了解为什么需要这个技术？什么时候用这个技术？某个需求该用哪些技术？
+
+当然，这个阶段的内容有些过于丰富，不是所有的东西都要学，大家可以根据自己的实际情况（时间），有选择地学习。
+
+### 🌘 软件工程
+详情请参考学习路线：[软件工程学习路线](https://bcdh.yuque.com/staff-wpxfif/resource/vff7p0rafgxhyryi?view=doc_embed)
+
+软件开发和管理的一些概念、原则、技术、方法、工具和经验。
+
+#### 知识
+
+- 软件的本质
+- 软件特性
+- 软件过程
+- 软件开发原则 
+   - 开闭原则
+   - 里氏替换原则
+   - 依赖倒置原则
+   - 单一职责原则
+   - 接口隔离原则
+   - 迪米特法则
+- 软件过程模型
+- 敏捷开发
+- 软件开发模型
+- 需求建模
+- 软件设计
+- UML
+- 体系结构设计
+- 设计模式
+- 软件质量管理
+- 评审
+- 软件质量保证
+- 软件测试 
+   - 单元测试
+   - 集成测试
+   - 系统测试
+   - 压力测试
+   - 部署测试
+- 软件配置管理
+- 软件项目管理
+- 软件项目估算
+- 项目进度安排
+- 风险管理
+- 软件过程改进 
+   - 成熟度模型
+
+#### 学习建议
+
+大学软件专业的必修课，偏理论，能学到很多企业软件开发的方法，也是对软件开发同学综合能力的提升，有时间的话可以了解下。但对想要快速找工作的同学来说，忽略即可，面试基本不会问。
+
+#### 资源
+
+-  书籍 
+   - 《软件工程：实践者的研究方法》：[https://book.douban.com/subject/6047742/](https://book.douban.com/subject/6047742/) （经典大黑书，讲的非常全面，但同样完整读下来还是有些难度的）
+   - 《软件开发的 201 个原则》：[https://book.douban.com/subject/35628886/](https://book.douban.com/subject/35628886/) （工具书，看一遍挺好的）
+-  视频 
+   - 清华大学软件工程：[https://www.bilibili.com/video/BV1eE411V7Cr](https://www.bilibili.com/video/BV1eE411V7Cr)
+   - 北京大学软件工程：[https://www.bilibili.com/video/BV1Vt411V72G](https://www.bilibili.com/video/BV1Vt411V72G)
+   - 大连工业大学软件工程：[https://www.bilibili.com/video/BV1Ns41177VM](https://www.bilibili.com/video/BV1Ns41177VM)
+-  大学课件 
+   - 浙大计算机软件工程：[https://github.com/QSCTech/zju-icicles](https://github.com/QSCTech/zju-icicles)
+
+### 🌖 设计模式（21 天）
+详情请参考学习路线：[设计模式学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/gemmvk)
+
+设计模式是软件开发中解决一类问题的通用方法。
+
+使用设计模式能让你写出更优雅、可维护的代码，也正因如此，很多框架源码都用到了设计模式，你不学很难看懂。
+
+此外，鱼皮改了几百份简历，基本上没有同学把设计模式写在项目经历中。因此学好设计模式并写在简历上是很加分的！
+
+#### 知识
+
+-  创建型模式：对象实例化的模式，创建型模式用于解耦对象的实例化过程 
+   - 单例模式
+   - 工厂方法模式
+   - 抽象工厂
+   - 建造者模式
+   - 原型模式
+-  结构型模式：把类或对象结合在一起形成一个更大的结构 
+   - 适配器模式
+   - 组合模式
+   - 装饰器模式
+   - 代理模式
+   - 享元模式
+   - 外观模式
+   - 桥接模式
+-  行为型模式：类和对象如何交互，及划分责任和算法 
+   - 迭代器模式
+   - 模板方法模式
+   - 策略模式
+   - 命令模式
+   - 状态模式
+   - 责任链模式
+   - 备忘录模式
+   - 观察者模式
+   - 访问者模式
+   - 中介者模式
+   - 解释器模式
+
+#### 学习建议
+
+先理解概念，了解每个设计模式的特点和应用场景，再多加练习，运用到实际项目。
+
+#### 经典面试题
+
+1. 单例模式有哪些实现方式？有哪些优缺点？请手写其中一种
+2. 你用过哪些设计模式，为什么用它？
+
+#### 资源
+
+- 项目
+   - [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 中的聚合搜索项目、OJ 项目都运用了大量的设计模式，推荐学习
+-  书籍 
+   - ⭐《图解设计模式》（强烈推荐这本书，正是用 Java 语言实现，图多、有示例代码、有习题和答案，很不错）
+   - 《Head First 设计模式》
+   - 《大话设计模式》
+   - 《设计模式：可复用面向对象软件的基础》（大黑书，有能力的话也可以去读）
+-  视频 
+   - 尚硅谷图解 Java 设计模式：[https://www.bilibili.com/video/BV1G4411c7N4](https://www.bilibili.com/video/BV1G4411c7N4)
+-  文档 
+   - 菜鸟教程：[https://www.runoob.com/design-pattern/design-pattern-tutorial.html](https://www.runoob.com/design-pattern/design-pattern-tutorial.html)
+   - 图说设计模式：[https://design-patterns.readthedocs.io/zh_CN/latest/](https://design-patterns.readthedocs.io/zh_CN/latest/)
+
+### 🌕 Redis（14 天）
+详情请参考学习路线：[Redis 学习路线](https://bcdh.yuque.com/books/share/2dd2567c-a826-4d9d-9303-bd288269e874/qunv5d)
+
+缓存是高并发系统不可或缺的技术，可以提高系统的性能和并发，而 Redis 是实现缓存的最主流技术，因此它是后台开发必学的知识点，也是面试重点。
+
+#### 知识
+
+- Redis 基础
+- 什么是缓存？
+- 本地缓存 
+   - Caffeine 库
+- 多级缓存
+- Redis 分布式缓存 
+   - 数据类型
+   - 常用操作
+   - Java 操作 Redis 
+      - Spring Boot Redis Template
+      - Redisson
+   - 主从模型搭建
+   - 哨兵集群搭建
+   - 日志持久化
+- 缓存（Redis）应用场景 
+   - 数据共享
+   - 单点登录
+   - 计数器
+   - 限流
+   - 点赞
+   - 实时排行榜
+   - 分布式锁
+- 缓存常见问题 
+   - 缓存雪崩
+   - 缓存击穿
+   - 缓存穿透
+   - 缓存更新一致性
+- 相关技术：Memcached、Ehcache
+
+#### 学习建议
+
+学会如何简单地使用缓存并不难，和数据库类似，无非就是调用 API 对数据进行增删改查。
+
+因此，建议先能够独立使用它，了解缓存的应用场景；再学习如何在 Java 中操作缓存中间件，并尝试和项目相结合，提高系统的性能。
+
+跟着视频教程实操一遍即可，可以等到面试前再去深入了解原理和高级特性。
+
+#### 经典面试题
+
+1. Redis 为什么快？
+2. Redis 有哪些常用的数据结构？
+3. Redis RDB 和 AOF 持久化的区别，如何选择？
+4. 如何解决缓存击穿、缓存穿透、雪崩问题？
+5. 如何用 Redis 实现点赞功能，怎么设计 Key / Value？
+
+#### 资源
+
+- 项目
+   - [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 中的伙伴匹配系统、智能 BI 项目都运用了 Redis 解决实际问题，推荐学习
+- 视频 
+   - ⭐ 2022 黑马 Redis 从基础到原理：[https://www.bilibili.com/video/BV1cr4y1671t](https://www.bilibili.com/video/BV1cr4y1671t)（结合项目去讲，强烈推荐）
+   - 尚硅谷 - 2021 最新 Redis 6 入门到精通教程：[https://www.bilibili.com/video/BV1Rv41177Af](https://www.bilibili.com/video/BV1Rv41177Af) （基于 Redis 6 的，推荐）
+- 文档 
+   - Redis 命令参考：[http://redisdoc.com/](http://redisdoc.com/)
+   - Redis 面试题整理：[https://github.com/lokles/Web-Development-Interview-With-Java/blob/main/Redis问题.md](https://github.com/lokles/Web-Development-Interview-With-Java/blob/main/Redis%E9%97%AE%E9%A2%98.md)
+- 书籍 
+   - 《Redis 实战》（经典）
+- 工具 
+   - ⭐ Redis 在线练习：[https://try.redis.io/](https://try.redis.io/) （强烈推荐）
+
+### 🌖 消息队列（14 天）
+消息队列是用于传输和保存消息的容器，也是大型分布式系统中常用的技术，主要解决应用耦合、异步消息、流量削锋等问题。后台开发必学，也是面试重点。
+
+#### 知识
+
+- 消息队列的作用
+- RabbitMQ 消息队列 
+   - 生产消费模型
+   - 交换机模型
+   - 死信队列
+   - 延迟队列
+   - 消息持久化
+   - Java 操作
+   - 集群搭建
+- 相关技术：Kafka、ActiveMQ、TubeMQ、RocketMQ
+
+#### 学习建议
+
+和缓存一样，学会如何使用消息队列并不难，无非就是调用 API 去生产、转发和消费消息。
+
+因此，建议先能够独立使用它，了解消息队列的应用场景；再学习如何在 Java 中操作消息队列中间件，并尝试和项目相结合，感受消息队列带来的好处。
+
+这里我建议初学者先学习 RabbitMQ，比 Kafka 要好理解一些。跟着视频教程实操一遍即可，可以等到面试前再去深入了解原理和高级特性。
+
+#### 经典面试题
+
+1. 使用消息队列有哪些优缺点？
+2. 如何保证消息消费的幂等性？
+3. 消息队列有哪些路由模型？
+4. 你是否用过消息队列，解决过什么问题？
+
+#### 资源
+
+- 项目
+   - [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 中的智能 BI 项目、在线判题系统都运用了消息队列解决实际问题，推荐学习
+- 视频 
+   - ⭐️ 2023 黑马 RabbitMQ 消息队列教程：[https://www.bilibili.com/video/BV1Xm4y1i7HP](https://www.bilibili.com/video/BV1Xm4y1i7HP)（适合快速入门）
+   - ⭐ 尚硅谷 - 2021 最新 RabbitMQ 教程：[https://www.bilibili.com/video/BV1cb4y1o7zz](https://www.bilibili.com/video/BV1cb4y1o7zz) （更加全面）
+- 文档 
+   - RabbitMQ 中文文档：[http://rabbitmq.mr-ping.com/](http://rabbitmq.mr-ping.com/)
+- 书籍 
+   - ⭐️ 编程导航原创 Rocket MQ 消息队列专栏：[https://yuyuanweb.feishu.cn/wiki/R5mbwIMwCi9xkmkrpyOcp1pzn9b](https://yuyuanweb.feishu.cn/wiki/R5mbwIMwCi9xkmkrpyOcp1pzn9b)
+   - 《RabbitMQ 实战：高效部署分布式消息队列》（经典）
+- 工具 
+   - ⭐ RabbitMQ 在线模拟器：[http://tryrabbitmq.com/](http://tryrabbitmq.com/)
+
+### 🌖 Nginx（14 天）
+
+Nginx 是主流的、开源的、高性能的 HTTP 和反向代理 web 服务器，可以用于挂载网站、请求转发、负载均衡、网关路由等。前后端开发同学都需要学习，在后端开发的面试中有时会考到。
+
+#### 知识
+
+- Nginx 作用
+- 正向代理
+- 反向代理（负载均衡）
+- 常用命令
+- 配置
+- 动静分离（网站部署）
+- 集群搭建
+- 相关技术：HAProxy、Apache
+
+#### 学习建议
+
+Nginx 的基本使用非常简单，甚至不需要看任何的视频，跟着一篇文章就能够用它来提供网站访问能力、实现反向代理。
+
+但是在企业中，Nginx 的使用往往没那么简单，作为负载均衡、请求转发的重要组件，往往需要针对实际场景去写一些特定的配置。因此建议有时间的话，实践下 Nginx 的配置方法，了解 Nginx 基本的设计思想，对今后自己设计系统时也有帮助。
+
+#### 经典面试题
+
+1. Nginx 有哪些作用？
+2. Nginx 为什么支持高并发？
+3. Nginx 有哪些负载均衡策略？
+4. 什么是 Nginx 惊群问题，如何解决它？
+
+#### 资源
+
+- 视频 
+   - ⭐ 尚硅谷 - Nginx 教程由浅入深：[https://www.bilibili.com/video/BV1zJ411w7SV](https://www.bilibili.com/video/BV1zJ411w7SV) （讲的比较全面）
+   - ⭐ Nginx 鱼皮 - 手把手带你从0搭建个人网站：[https://www.bilibili.com/video/BV1rU4y1J785/](https://www.bilibili.com/video/BV1rU4y1J785/) （简单演示 Nginx 部署网站）
+- 文档 
+   - Nginx 中文文档：[https://www.nginx.cn/doc/index.html](https://www.nginx.cn/doc/index.html)
+- 工具 
+   - Nginx 配置在线生成：[https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN](https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN)
+
+### 🌗 Netty 网络编程（21 天）
+
+开源的 Java 网络编程框架，用于开发高性能（事件驱动、异步非阻塞）、高可靠的网络服务器和客户端程序。
+
+很多网络框架和服务器程序都用到了 Netty 作为底层，学好 Netty 不仅可以让我们自己实现高性能服务器，也能更好地理解其他的框架应用、阅读源码。
+
+#### 知识
+
+- IO 模型（BIO / NIO）
+- Channel
+- Buffer
+- Seletor
+- Netty 模型
+- WebSocket 编程（动手做个聊天室）
+- 相关技术：Vertx（中文文档：[http://vertxchina.github.io/vertx-translation-chinese/](http://vertxchina.github.io/vertx-translation-chinese/) ，比 Netty 简单多了，实在看不懂 Netty 也可以学习下这个）
+
+#### 学习建议
+
+不同于之前学的 SSM 框架，Netty 还是需要一定学习成本的，一方面是国内资源太缺乏，另一方面很多重要的概念（比如 NIO）还是要多动手写代码调试才能理解。
+
+还是建议先从视频入门，并且不建议在 Netty 上花太多时间，面试的时候一般也就考察一些 Netty 背后的思想（比如 NIO）而非框架本身的语法细节。
+
+#### 经典面试题
+
+1. Netty 有哪些优点？
+2. 什么是 NIO？
+3. 介绍 Netty 的零拷贝机制
+
+#### 资源
+
+-  视频 
+   -  ⭐ 尚硅谷Netty教程：[https://www.bilibili.com/video/BV1DJ411m7NR](https://www.bilibili.com/video/BV1DJ411m7NR) 
+   -  Netty 技术演讲（中文字幕版）：[https://www.youtube.com/watch?v=I8yy2Cy7dDI](https://www.youtube.com/watch?v=I8yy2Cy7dDI) 
+-  文档 
+   - Netty 4 用户指南：[https://www.w3cschool.cn/netty_4_user_guide/](https://www.w3cschool.cn/netty_4_user_guide/)
+-  书籍 
+   - 《Netty 实战》
+
+### 🌖 微服务（60 天）
+
+随着互联网的发展，项目越来越复杂，单机且庞大的巨石项目已无法满足开发、运维、并发、可靠性等需求。
+
+因此，后台架构不断演进，可以将庞大的项目拆分成一个个职责明确、功能独立的细小模块，模块可以部署在多台服务器上，相互配合协作，提供完整的系统能力。
+
+换言之，想做大型项目，这块儿一定要好好学！
+
+#### 知识
+
+##### Dubbo
+
+- 架构演进
+- RPC
+- Zookeeper
+- 服务提供者
+- 服务消费者
+- 项目搭建
+- 相关技术：DubboX（对 Dubbo 的扩展）
+
+##### 🌖 微服务
+
+- 微服务概念
+- Spring Cloud 框架 
+   - 子父工程
+   - 服务注册与发现
+   - 注册中心 Eureka、Zookeeper、Consul
+   - Ribbon 负载均衡
+   - Feign 服务调用
+   - Hystrix 服务限流、降级、熔断
+   - Resilience4j 服务容错
+   - Gateway（Zuul）微服务网关
+   - Config 分布式配置中心
+   - 分布式服务总线
+   - Sleuth + Zipkin 分布式链路追踪
+- Spring Cloud Alibaba 
+   - Nacos 注册、配置中心
+   - OpenFeign 服务调用
+   - Sentinel 流控
+   - Seata 分布式事务
+
+##### 接口管理
+
+- Swagger 接口文档
+- Postman 接口测试
+- 相关技术：YApi、ShowDoc
+
+#### 学习建议
+
+时间不急的话，建议先从 Dubbo 学起，对分布式、RPC、微服务有些基本的了解，再去食用 Spring Cloud 全家桶会更香。学完 Spring Cloud 全家桶后，再去学 Spring Cloud Alibaba 就很简单了。
+
+这部分内容的学习，原理 + 实践都很重要，也不要被各种高大上的词汇唬住了，都是上层（应用层）的东西，基本没有什么算法，跟着视频教程学，其实还是很好理解的。
+
+分布式相关知识非常多，但这里不用刻意去背，先通过视频教程实战使用一些微服务框架，也能对其中的概念有基本的了解。
+
+大厂面试的时候很少问 Spring Cloud 框架的细节，更多的是微服务以及各组件的一些思想，比如网关的好处、消息总线的好处等。
+
+#### 经典面试题
+
+1. 什么是微服务，有哪些优缺点？
+2. 什么是注册中心，能解决什么问题？
+
+#### 资源
+
+- 项目实战
+   - [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 中的 API 开放平台、在线判题系统都运用了微服务，推荐学习 
+- 视频 
+   - ⭐️ 黑马 Spring Cloud 视频教程：[https://www.bilibili.com/video/BV1kH4y1S7wz](https://www.bilibili.com/video/BV1kH4y1S7wz)（11 小时，非常凝练，适合快速入门）
+   - ⭐️ 尚硅谷 Dubbo 教程：[https://www.bilibili.com/video/BV1ns411c7jV](https://www.bilibili.com/video/BV1ns411c7jV) 
+   - 尚硅谷 SpringCloud（H版&alibaba）框架开发教程（微服务分布式架构）：[https://www.bilibili.com/video/BV18E411x7eT](https://www.bilibili.com/video/BV18E411x7eT) （把国外的 Spring Cloud 和国内的 Spring Cloud Alibaba 结合在一起对比着去讲，主流技术栈、知识点都讲到了，内容更全面） 
+-  文档 
+   - Apache Dubbo 官方文档：[https://dubbo.apache.org/zh/](https://dubbo.apache.org/zh/)
+   - Spring Cloud Alibaba 官方文档：[https://github.com/alibaba/spring-cloud-alibaba/blob/master/README-zh.md](https://github.com/alibaba/spring-cloud-alibaba/blob/master/README-zh.md)
+   - ⭐ Swagger 教学文档：[https://doc.xiaominfo.com/](https://doc.xiaominfo.com/) （跟着快速开始直接用就好了）
+
+### 🌖 容器（7 天）
+
+将应用和环境进行封装，相互隔离、独立部署、便于移植，提高安全性、提高开发和维护效率。
+
+便于实现微服务、持续集成和交付。
+
+#### 知识
+
+- 🌖 Docker 
+   - 容器概念
+   - 镜像
+   - 部署服务
+   - Dockerfile
+   - Docker Compose
+   - Docker Machine
+   - Docker Swarm
+   - 多阶段构建
+- 🌘 K8S（Kubernetes） 
+   - K8S 架构
+   - 工作负载 
+      - 资源类型
+      - Pod
+      - Pod 生命周期
+      - Pod 安全策略
+   - K8S 组件
+   - K8S 对象
+   - 部署应用
+   - 服务 
+      - Ingress
+   - Kubectl 命令行
+   - 集群管理
+- 相关技术：Apache Mesos、Mesosphere
+
+#### 学习建议
+
+业务上云是趋势，但是对于开发同学来说，会用 Docker / K8S 部署项目和服务就行。实际工作中，企业一般都有现成的平台直接用，面试考察的也不多，不用花太多时间。
+
+#### 经典面试题
+
+1. 什么是容器？
+2. 使用  Docker 有哪些好处？
+3. 如何快速启动多个 Docker 节点？
+
+#### 资源
+
+- 项目实战
+   - [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 中的在线判题项目运用了 Docker 解决实际问题，推荐学习 
+- 视频 
+   - ⭐【狂神说】Docker 最新超详细版教程通俗易懂：[https://www.bilibili.com/video/BV1og4y1q7M4](https://www.bilibili.com/video/BV1og4y1q7M4)
+   - K8S 视频教程：[https://www.bilibili.com/video/BV1K5411N7j8](https://www.bilibili.com/video/BV1K5411N7j8)
+-  书籍 
+   - 《深入浅出 Docker》：[https://www.zhihu.com/pub/reader/119632192](https://www.zhihu.com/pub/reader/119632192)
+-  文档 
+   - Docker — 从入门到实践：[https://vuepress.mirror.docker-practice.com/](https://vuepress.mirror.docker-practice.com/)
+   - 菜鸟教程 Docker：[https://www.runoob.com/docker/docker-tutorial.html](https://www.runoob.com/docker/docker-tutorial.html)
+   - 国外 Docker 官方文档：[https://docs.docker.com/get-started/](https://docs.docker.com/get-started/)
+-  网站 
+   - Docker 中文社区：[https://www.docker.org.cn/](https://www.docker.org.cn/) （强烈推荐，有很多 Docker 技术文章和学习笔记）
+   - Docker Blog：[https://www.docker.com/blog/](https://www.docker.com/blog/) （国外 Docker 技术博客）
+-  镜像源 
+   - Docker Hub：[https://hub.docker.com](https://hub.docker.com)
+   - 腾讯软件源：[http://mirrors.tencent.com/#/index](http://mirrors.tencent.com/#/index)
+   - 阿里云 Docker 仓库：[https://cr.console.aliyun.com/](https://cr.console.aliyun.com/)
+
+### 🌗 CI / CD（3 天）
+
+持续集成 / 持续交付，贯穿整个研发到项目上线的过程，提高效率。
+
+大公司一般都有自己的 CI / CD 平台。
+
+#### 知识
+
+- 什么是 CI / CD
+- CI / CD 有什么好处
+- 使用任一 CI / CD 平台
+- 相关技术：Jenkins、GitLab、微信云托管
+
+#### 学习建议
+
+了解它是什么，并且实战使用任一 CI / CD 平台，感受它和传统开发运维到底有什么不同，就足够了。其实很简单，不要花太多时间。
+
+真正要自己去搭建的时候，跟着官方文档来就行。
+
+#### 资源
+
+-  视频 
+   - ⭐【狂神说】CI/CD到底是什么？十分钟理解企业级DevOps：[https://www.bilibili.com/video/BV1zf4y127vu](https://www.bilibili.com/video/BV1zf4y127vu) （讲的非常棒！带你快速理解 CI / CD 的作用和部分原理）
+   - 尚硅谷 - Jenkins 持续集成工具教程：[https://www.bilibili.com/video/BV1GW411w7pn](https://www.bilibili.com/video/BV1GW411w7pn) （实在要用到 Jenkins 再去学）
+-  文档 
+   - Jenkins 官方文档：[https://www.jenkins.io/zh/](https://www.jenkins.io/zh/) （有很多案例，要用的时候查一下就行了）
+-  实战平台 
+   - ⭐ 微信云托管：[https://cloud.weixin.qq.com/cloudrun](https://cloud.weixin.qq.com/cloudrun) （直播演示过，鱼皮后面会给大家出视频教程）
+   - 前端托管 Webify：[https://cloud.tencent.com/product/webify](https://cloud.tencent.com/product/webify) （鱼皮给大家出过视频教程的 https://www.bilibili.com/video/BV11V411p7vf/）
+
+### 练手项目
+学习完框架后，即可跟着鱼皮的原创项目教程系列边学边做项目。用项目驱动学习，更快地掌握后端必学技术，并直接写在简历上：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 。
+
+-  mall-learning：[https://github.com/macrozheng/mall-learningmall](https://github.com/macrozheng/mall-learningmall) （学习教程，架构、业务、技术要点全方位解析） 
+-  miaosha：[https://github.com/qiurunze123/miaosha](https://github.com/qiurunze123/miaosha) （秒杀系统设计与实现） 
+-  Mall：[https://github.com/macrozheng/mall](https://github.com/macrozheng/mall) （包括前台商城系统及后台管理系统，基于 SpringBoot+MyBatis 实现） 
+-  Spring-Cloud-Admin：[https://github.com/wxiaoqi/Spring-Cloud-AdminCloud-Admin](https://github.com/wxiaoqi/Spring-Cloud-AdminCloud-Admin) （基于 Spring Cloud 微服务化开发平台，具有统一授权、认证的后台管理系统） 
+-  paascloud-master：[https://github.com/paascloud/paascloud-master](https://github.com/paascloud/paascloud-master) （基于 spring cloud + vue + oAuth2.0，前后端分离商城系统） 
+-  mall-swarm：[https://github.com/macrozheng/mall-swarm](https://github.com/macrozheng/mall-swarm) （一套微服务商城系统，采用了 Spring Cloud Greenwich、Spring Boot 2、MyBatis、Docker、Elasticsearch 等核心技术，同时提供了基于 Vue 的管理后台方便快速搭建系统） 
+-  SecKill：[https://github.com/hfbin/Seckill](https://github.com/hfbin/Seckill) （基于 SpringBoot+Mybatis+Redis+RabbitMQ 秒杀系统） 
+-  jeecg-boot：[https://github.com/zhangdaiscott/jeecg-boot](https://github.com/zhangdaiscott/jeecg-boot) （低代码开发平台） 
+-  PassJava-Platform：[https://github.com/Jackson0714/PassJava-Platform](https://github.com/Jackson0714/PassJava-Platform) （一款面试刷题的 Spring Cloud 开源系统） 
+
+### 尾声
+
+看到这里，相信你已经感叹：编程语言一辈子学不完了！
+
+但是，不用担心，通过对这么多知识点的学习，相信你已经有了一定的积累，也不知不觉地锻炼了自主学习能力、资源检索能力、代码阅读能力、问题解决能力，之后的学习会越来越轻松。
+
+接下来，可以试着用你学到的技术来解决实际的问题，自主从 0 开始做一些项目，保持编程手感。
+
+## 阶段 5：项目实战
+
+### 目标
+
+综合所学技术从 0 到 1 开发和上线一个全面、有特色的、可以写进简历的个人项目。
+
+### 学习建议
+
+其实在之前的框架学习视频中应该就做过几个项目了，但相对不够完整和体系化。
+
+有想法的同学可以做任何自己想做的项目，推荐参加一些作品类竞赛，练手、拿奖、收获项目经历一举三得。
+
+暂时没想法的朋友，建议先跟着专门带做项目的视频教程做 1 - 2 套 Java 完整项目，一定要从 0 到 1 自己手写！
+
+有能力的朋友也可以试着用 GitHub 上的源码来学习啦~
+
+做一个完整的项目的确很不容易，建议大家根据自己的 **时间、兴趣** 选择 **较新的**、**有配套源码的** 教程，保持耐心。
+
+如何选择编程学习资源，可以看下我的原创文章：[https://mp.weixin.qq.com/s/mlMql9RJCd7THt6rpGb8UA](https://mp.weixin.qq.com/s/mlMql9RJCd7THt6rpGb8UA)
+
+下面推荐一些优质的、较新的项目实战视频教程 + 50 套项目源码。
+
+### 视频教程
+[编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 内部分享：
+
+1. ⭐️ 鱼皮全程直播带做的保姆级全栈项目，带现成的简历写法和面试题：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)。
+2. [项目训练营（寻爱网项目）](https://t.zsxq.com/06EIMNr3R)：学习从立项到上线的完整做项目流程 + 优化思路
+3. [从 0 到 1 开发用户中心](https://t.zsxq.com/03RjeeYZJ)：保姆级前后端完整项目教程，适合刚学完框架的新手
+4. [伙伴匹配系统](https://t.zsxq.com/03jmU7eAa)：移动端网站，设计分布式和并发编程知识，适合已经做过一个小项目的同学练习
+5. [Web 终端项目经验分享](https://t.zsxq.com/04bqFI66M)：前后端技术选型 + 系统设计 + 源码解读 + 简历亮点全面分享
+6. [面试刷题网站项目经验分享](https://t.zsxq.com/03auZnAM3)：从 0 到 1 分享数万用户网站的创作过程和经验分享
+7. [瑞吉外卖 - 外卖点餐系统](https://t.zsxq.com/07Yr7i6ai)：Java Spring Boot 入门级项目，适合刚学完框架的同学
+8. [尚医通 - 在线预约挂号平台](https://t.zsxq.com/07EEiyfq7)：业务功能完整的 Java Spring Cloud 微服务项目，适合刚学完微服务的同学
+9. [硅谷课堂 - 在线学习平台](https://t.zsxq.com/07e2FIMzb)：业务功能完整的 Java Spring Cloud 微服务项目，适合想学习第三方服务对接的同学
+10. [黑马点评 - 类似大众点评的移动 APP](https://t.zsxq.com/07JMnQvne)：专门为学习 Redis 定制的单体项目，适合刚学完 Spring Boot、想系统学习 Redis 的同学
+
+公开：
+
+- 尚硅谷 - 谷粒学院 - 微服务 + 全栈 - 在线教育实战项目：[https://www.bilibili.com/video/BV1dQ4y1A75e](https://www.bilibili.com/video/BV1dQ4y1A75e) （全栈项目，前后端讲得都很全面） 
+-  尚硅谷 - 尚筹网 - Java项目实战开发教程 - SSM 框架 + 微服务架构：https://www.bilibili.com/video/BV1bE411T7oZ（500 多集，包含完整的用户权限管理，功能丰富、讲得很细致全面） 
+-  黑马 - 24 小时搞定 Java 毕设电商项目：[https://www.bilibili.com/video/BV13f4y1r7fS](https://www.bilibili.com/video/BV13f4y1r7fS) 
+-  黑马程序员 Java 项目《传智健康》，超完整的企业级医疗行业项目：[https://www.bilibili.com/video/BV1Bo4y117zV](https://www.bilibili.com/video/BV1Bo4y117zV) 
+-  黑马程序员 Java 项目《万信金融》企业级开发实战，互联网金融行业解决方案：[https://www.bilibili.com/video/BV1Ub4y1f7rk](https://www.bilibili.com/video/BV1Ub4y1f7rk) 
+-  黑马程序员 Java 项目 SaaS 移动办公完整版《iHRM 人力资源管理系统》，跨行业 SaaS 办公整合性解决方案：[https://www.bilibili.com/video/BV18A411L7UX](https://www.bilibili.com/video/BV18A411L7UX) 
+-  黑马程序员 Java 大型分布式微服务闪聚支付项目，Java 移动支付全生态系统：[https://www.bilibili.com/video/BV17v411V79c](https://www.bilibili.com/video/BV17v411V79c) 
+-  黑马程序员 Java 项目《好客租房》：[https://www.bilibili.com/video/BV1sZ4y1F7PD](https://www.bilibili.com/video/BV1sZ4y1F7PD) 
+
+### 常用类库
+
+##### 工具
+
+- Guava：谷歌开发的 Java 工具库（https://github.com/google/guava）
+- Apache Commons：各类工具库，比如 commons-lang、commons-io、commons-collections 等（https://github.com/apache/commons-lang）
+- Hutool：Java 工具集库（https://github.com/looly/hutool）
+- Lombok：Java 增强库（https://github.com/projectlombok/lombok）
+- Apache HttpComponents Client：HTTP 客户端库（https://github.com/apache/httpcomponents-client）
+- OkHttp：适用于 JVM、Android 等平台的 Http 客户端（https://github.com/square/okhttp）
+- Gson：谷歌的 JSON 处理库（https://github.com/google/gson）
+- Jcommander：Java 命令行参数解析框架（https://github.com/cbeust/jcommander）
+- Apache PDFBox：PDF 操作库（https://github.com/apache/pdfbox）
+- EasyExcel：阿里的 Excel 处理库（https://github.com/alibaba/easyexcel）
+- Apache POI：表格文件处理库（https://github.com/apache/poi）
+
+##### 测试
+
+- JUnit：Java 测试框架（https://github.com/junit-team/junit4）
+- Mockito：Java 单元测试 Mock 框架（https://github.com/mockito/mockito）
+- Selenium：浏览器自动化框架（https://github.com/SeleniumHQ/selenium）
+- htmlunit：Java 模拟浏览器（https://github.com/HtmlUnit/htmlunit）
+- TestNG：Java 测试框架（https://github.com/cbeust/testng）
+- Jacoco：Java 代码覆盖度库（https://github.com/jacoco/jacoco）
+
+##### 其他
+
+- cglib：字节码生成库（https://github.com/cglib/cglib）
+- Arthas：Java 诊断工具（https://github.com/alibaba/arthas）
+- config：针对 JVM 的配置库（https://github.com/lightbend/config）
+- Quasar：Java 纤程库（https://github.com/puniverse/quasar）
+- drools：Java 规则引擎（https://github.com/kiegroup/drools）
+- Caffeine：Java 高性能缓存库（https://github.com/ben-manes/caffeine）
+- Disruptor：高性能线程间消息传递库（https://github.com/LMAX-Exchange/disruptor）
+- Knife4j：Swagger 文档增强（https://doc.xiaominfo.com/）
+- Thumbnailator：Java 缩略图生成库（https://github.com/coobird/thumbnailator）
+- Logback：Java 日志库（https://github.com/qos-ch/logback）
+- Apache Camel：消息传输集成框架（https://github.com/apache/camel）
+- Quartz：定时任务调度库（https://github.com/quartz-scheduler/quartz）
+- Apache Mahout：机器学习库（https://github.com/apache/mahout）
+- Apache OpenNLP：NLP 工具库（https://github.com/apache/opennlp）
+- RxJava：JVM 反应式编程框架（https://github.com/ReactiveX/RxJava）
+- JProfiler：性能分析库（https://www.ej-technologies.com/products/jprofiler/overview.html）
+- jsoup：HTML 文档解析库（https://jsoup.org/）
+- webmagic：Java 爬虫框架（https://github.com/code4craft/webmagic/）
+
+### IDEA 插件
+
+综合实用性、易用性、流行度、维护频率，精选了以下插件，简单分类为天地二品。
+
+#### 精选地品插件
+
+简单好用、增强功能
+
+-  Background Image Plus + 
+   - 描述：给编辑器设置背景图片（小姐姐图片）
+   - 官网：[https://plugins.jetbrains.com/plugin/11247-background-image-plus-](https://plugins.jetbrains.com/plugin/11247-background-image-plus-)
+-  Chinese Language Pack 
+   - 描述：中文支持
+   - 官网：[https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----](https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----)
+-  Translation 
+   - 描述：翻译插件，鼠标选中文本，点击右键即可自动翻译成多国语言。
+   - 官网：[https://plugins.jetbrains.com/plugin/8579-translation/](https://plugins.jetbrains.com/plugin/8579-translation/)
+-  Key Promoter X 
+   - 描述：快捷键提示插件。当你执行鼠标操作时，如果该操作可被快捷键代替，会给出提示，帮助你自然形成使用快捷键的习惯，告别死记硬背。
+   - 官网：[https://plugins.jetbrains.com/plugin/9792-key-promoter-x/](https://plugins.jetbrains.com/plugin/9792-key-promoter-x/)
+-  Rainbow Brackets 
+   - 描述：给括号添加彩虹色，使开发者通过颜色区分括号嵌套层级，便于阅读
+   - 官网：[https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/](https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/)
+-  CodeGlance 
+   - 描述：在编辑器右侧生成代码小地图，可以拖拽小地图光标快速定位代码，阅读行数很多的代码文件时非常实用。
+   - 官网：[https://plugins.jetbrains.com/plugin/7275-codeglance/](https://plugins.jetbrains.com/plugin/7275-codeglance/)
+-  WakaTime 
+   - 描述：代码统计和跟踪插件
+   - 官网：[https://plugins.jetbrains.com/plugin/7425-wakatime](https://plugins.jetbrains.com/plugin/7425-wakatime)
+-  Statistic 
+   - 描述：代码统计
+   - 官网：[https://plugins.jetbrains.com/plugin/4509-statistic](https://plugins.jetbrains.com/plugin/4509-statistic)
+
+#### 精选天品插件
+
+提高开发效率和代码质量
+
+-  String Manipulation 
+   - 描述：字符串快捷处理
+   - 官网：[https://plugins.jetbrains.com/plugin/2162-string-manipulation](https://plugins.jetbrains.com/plugin/2162-string-manipulation)
+-  Tabnine AI Code Completion 
+   - 描述：使用 AI 去自动提示和补全代码，比 IDEA 自带的代码补全更加智能化
+   - 官网：[https://plugins.jetbrains.com/plugin/12798-tabnine-ai-code-completion-js-java-python-ts-rust-go-php--more](https://plugins.jetbrains.com/plugin/12798-tabnine-ai-code-completion-js-java-python-ts-rust-go-php--more)
+-  GsonFormatPlus 
+   - 描述：根据 json 生成对象
+   - 官网：[https://plugins.jetbrains.com/plugin/14949-gsonformatplus](https://plugins.jetbrains.com/plugin/14949-gsonformatplus)
+-  JUnitGenerator V2.0 
+   - 描述：自动生成单元测试
+   - 官网：[https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0](https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0)
+-  RestfulTool 
+   - 描述：辅助 web 开发的工具集
+   - 官网：[https://plugins.jetbrains.com/plugin/14280-restfultool](https://plugins.jetbrains.com/plugin/14280-restfultool)
+-  SequenceDiagram 
+   - 描述：自动生成方法调用时序图
+   - 官网：[https://plugins.jetbrains.com/plugin/8286-sequencediagram](https://plugins.jetbrains.com/plugin/8286-sequencediagram)
+-  CheckStyle-IDEA 
+   - 描述：自动检查 Java 代码规范
+   - 官网：[https://plugins.jetbrains.com/plugin/1065-checkstyle-idea](https://plugins.jetbrains.com/plugin/1065-checkstyle-idea)
+-  Alibaba Java Coding Guidelines 
+   - 描述：代码规范检查插件
+   - 官网：[https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines](https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines)
+-  SonarLint 
+   - 描述：帮助你发现和修复代码的错误和漏洞
+   - 官网：[https://plugins.jetbrains.com/plugin/7973-sonarlint](https://plugins.jetbrains.com/plugin/7973-sonarlint)
+-  MybatisX 
+   - 描述：MyBatis 增强插件，支持自动生成 entity、mapper、service 等常用操作的代码，优化体验
+   - 官网：[https://plugins.jetbrains.com/plugin/10119-mybatisx](https://plugins.jetbrains.com/plugin/10119-mybatisx)
+
+#### 美化类
+
+-  Extra Icons 
+   - 描述：图标美化插件，支持更多文件类型
+   - 官网：[https://plugins.jetbrains.com/plugin/11058-extra-icons](https://plugins.jetbrains.com/plugin/11058-extra-icons)
+-  Chinese Language Pack 
+   - 描述：中文支持
+   - 官网：[https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----](https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----)
+-  Grep Console 
+   - 描述：自定义设置控制台输出颜色
+   - 官网：[https://plugins.jetbrains.com/idea/plugin/7125-grep-console](https://plugins.jetbrains.com/idea/plugin/7125-grep-console)
+-  Material Theme UI 
+   - 描述：美观的主题
+   - 官网：[https://plugins.jetbrains.com/plugin/8006-material-theme-ui](https://plugins.jetbrains.com/plugin/8006-material-theme-ui)
+-  Nyan Progress Bar 
+   - 描述：进度条美化
+   - 官网：[https://plugins.jetbrains.com/plugin/8575-nyan-progress-bar](https://plugins.jetbrains.com/plugin/8575-nyan-progress-bar)
+-  activate-power-mode 
+   - 描述：打字特效
+   - 官网：[https://plugins.jetbrains.com/plugin/8330-activate-power-mode](https://plugins.jetbrains.com/plugin/8330-activate-power-mode)
+-  Power Mode II 
+   - 描述：打字特效插件升级版
+   - 官网：[https://plugins.jetbrains.com/plugin/8251-power-mode-ii](https://plugins.jetbrains.com/plugin/8251-power-mode-ii)
+-  Rainbow Brackets 
+   - 描述：给括号添加彩虹色，使开发者通过颜色区分括号嵌套层级，便于阅读
+   - 官网：[https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/](https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/)
+-  Background Image Plus + 
+   - 描述：给编辑器设置背景图片
+   - 官网：[https://plugins.jetbrains.com/plugin/11247-background-image-plus-](https://plugins.jetbrains.com/plugin/11247-background-image-plus-)
+
+#### 代码生成类
+
+-  Codota AI Autocomplete for Java and JavaScript 
+   - 描述：使用 AI 去自动提示和补全代码，比 IDEA 自带的代码补全更加智能化
+   - 官网：[https://plugins.jetbrains.com/plugin/7638-codota-ai-autocomplete-for-java-and-javascript](https://plugins.jetbrains.com/plugin/7638-codota-ai-autocomplete-for-java-and-javascript)
+-  Tabnine AI Code Completion 
+   - 描述：使用 AI 来自动提示和补全代码，比 IDEA 自带的代码补全更加智能化
+   - 官网：[https://plugins.jetbrains.com/plugin/12798-tabnine-ai-code-completion-js-java-python-ts-rust-go-php--more](https://plugins.jetbrains.com/plugin/12798-tabnine-ai-code-completion-js-java-python-ts-rust-go-php--more)
+-  UUID Generator 
+   - 描述：生成随机的 UUID
+   - 官网：[https://plugins.jetbrains.com/plugin/8320-uuid-generator](https://plugins.jetbrains.com/plugin/8320-uuid-generator)
+-  Randomness 
+   - 描述：生成随机值
+   - 官网：[https://plugins.jetbrains.com/plugin/9836-randomness](https://plugins.jetbrains.com/plugin/9836-randomness)
+-  .ignore 
+   - 描述：生成不同语言的版本控制忽略文件
+   - 官网：[https://plugins.jetbrains.com/plugin/7495--ignore](https://plugins.jetbrains.com/plugin/7495--ignore)
+-  Auto filling Java call arguments 
+   - 描述：通过快捷键自动补全函数的调用参数
+   - 官网：[https://plugins.jetbrains.com/plugin/8638-auto-filling-java-call-arguments/](https://plugins.jetbrains.com/plugin/8638-auto-filling-java-call-arguments/)
+-  GenerateAllSetter 
+   - 描述：快速生成调用对象 setter 方法的代码
+   - 官网：[https://plugins.jetbrains.com/plugin/9360-generateallsetter](https://plugins.jetbrains.com/plugin/9360-generateallsetter)
+-  GenerateSerialVersionUID 
+   - 描述：一键为实现 Serializable 接口的类生成 SerialVersionUID
+   - 官网：[https://plugins.jetbrains.com/plugin/185-generateserialversionuid/](https://plugins.jetbrains.com/plugin/185-generateserialversionuid/)
+-  GsonFormatPlus 
+   - 描述：根据 json 生成对象
+   - 官网：[https://plugins.jetbrains.com/plugin/14949-gsonformatplus](https://plugins.jetbrains.com/plugin/14949-gsonformatplus)
+-  Lombok 
+   -  描述：配合 Lombok 依赖及注解使用，能够大大减少 Java 对象的代码量。IDEA 已自带，无需安装。 
+   -  官网：[https://plugins.jetbrains.com/plugin/6317-lombok/](https://plugins.jetbrains.com/plugin/6317-lombok/) 
+-  Easy Code 
+   - 描述：根据数据库表生成 Java entity、dao、mapper、service、controller 等代码
+   - 官网：[https://plugins.jetbrains.com/plugin/10954-easy-code](https://plugins.jetbrains.com/plugin/10954-easy-code)
+-  Easy Javadoc 
+   - 描述：快速生成 Javadoc 文档
+   - 官网：[https://plugins.jetbrains.com/plugin/12977-easy-javadoc](https://plugins.jetbrains.com/plugin/12977-easy-javadoc)
+-  JavaDoc 
+   - 描述：生成 Javadoc 文档
+   - 官网：[https://plugins.jetbrains.com/plugin/7157-javadoc](https://plugins.jetbrains.com/plugin/7157-javadoc)
+-  Json2Pojo 
+   - 描述：根据 JSON 生成 POJO，根据 POJO 生成 JSON
+   - 官网：[https://plugins.jetbrains.com/plugin/8533-json2pojo](https://plugins.jetbrains.com/plugin/8533-json2pojo)
+-  JUnitGenerator V2.0 
+   - 描述：自动生成单元测试
+   - 官网：[https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0](https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0)
+-  Jindent - Source Code Formatter 
+   - 描述：根据自定义模板来生成 javadoc 注释
+   - 官网：[https://plugins.jetbrains.com/plugin/8309-jindent--source-code-formatter](https://plugins.jetbrains.com/plugin/8309-jindent--source-code-formatter)
+-  MybatisX 
+   - 描述：MyBatis 增强插件，支持自动生成 entity、mapper、service 等常用操作的代码，优化体验
+   - 官网：[https://plugins.jetbrains.com/plugin/10119-mybatisx](https://plugins.jetbrains.com/plugin/10119-mybatisx)
+-  MyBatisCodeHelperPro 
+   - 描述：MyBatis 增强插件，支持自动生成 entity、mapper、service 等常用操作的代码（收费）
+   - 官网：[https://plugins.jetbrains.com/plugin/9837-mybatiscodehelperpro](https://plugins.jetbrains.com/plugin/9837-mybatiscodehelperpro)
+
+#### 功能提效类
+
+##### 源码阅读
+
+- Call Graph 
+   - 描述：生成调用关系图，便于查看源码
+   - 官网：[https://plugins.jetbrains.com/plugin/12304-call-graph](https://plugins.jetbrains.com/plugin/12304-call-graph)
+- Jump to Line 
+   - 描述：支持跳转到任意行进行调试
+   - 官网：[https://plugins.jetbrains.com/plugin/14877-jump-to-line](https://plugins.jetbrains.com/plugin/14877-jump-to-line)
+- SequenceDiagram 
+   - 描述：自动生成方法调用时序图
+   - 官网：[https://plugins.jetbrains.com/plugin/8286-sequencediagram](https://plugins.jetbrains.com/plugin/8286-sequencediagram)
+- jclasslib Bytecode Viewer 
+   - 描述：字节码查看器
+   - 官网：[https://plugins.jetbrains.com/plugin/9248-jclasslib-bytecode-viewer](https://plugins.jetbrains.com/plugin/9248-jclasslib-bytecode-viewer)
+- BrowseWordAtCaret 
+   - 描述： 快速在相同单词间进行跳转
+   - 官网：[https://plugins.jetbrains.com/plugin/201-browsewordatcaret](https://plugins.jetbrains.com/plugin/201-browsewordatcaret)
+- CodeGlance 
+   - 描述：在编辑器右侧生成代码小地图，可以拖拽小地图光标快速定位代码，阅读行数很多的代码文件时非常实用。
+   - 官网：[https://plugins.jetbrains.com/plugin/7275-codeglance/](https://plugins.jetbrains.com/plugin/7275-codeglance/)
+
+##### 代码规范
+
+- CheckStyle-IDEA 
+   - 描述：自动检查 Java 代码规范
+   - 官网：[https://plugins.jetbrains.com/plugin/1065-checkstyle-idea](https://plugins.jetbrains.com/plugin/1065-checkstyle-idea)
+- Alibaba Java Coding Guidelines 
+   - 描述：代码规范检查插件
+   - 官网：[https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines](https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines)
+- SonarLint 
+   - 描述：帮助你发现和修复代码的错误和漏洞
+   - 官网：[https://plugins.jetbrains.com/plugin/7973-sonarlint](https://plugins.jetbrains.com/plugin/7973-sonarlint)
+- FindBugs-IDEA 
+   - 描述：帮你找出代码中潜藏的 Bug
+   - 官网：[https://plugins.jetbrains.com/plugin/3847-findbugs-idea](https://plugins.jetbrains.com/plugin/3847-findbugs-idea)
+- MetricsReloaded 
+   - 描述：代码复杂度分析
+   - 官网：[https://plugins.jetbrains.com/plugin/93?pr=idea](https://plugins.jetbrains.com/plugin/93?pr=idea)
+
+##### 格式处理
+
+-  CamelCase 
+   - 描述：快速字符串格式转换工具，如驼峰式
+   - 官网：[https://plugins.jetbrains.com/plugin/7160-camelcase](https://plugins.jetbrains.com/plugin/7160-camelcase)
+-  Json Parser 
+   - 描述：验证和格式化 Json 字符串的工具
+   - 官网：[https://plugins.jetbrains.com/plugin/10650-json-parser](https://plugins.jetbrains.com/plugin/10650-json-parser)
+-  Properties to YAML Converter 
+   - 描述：把 Properties 文件的格式转为 YAML 格式
+   - 官网：[https://plugins.jetbrains.com/plugin/8000-properties-to-yaml-converter](https://plugins.jetbrains.com/plugin/8000-properties-to-yaml-converter)
+-  String Manipulation 
+   - 描述：字符串快捷处理
+   - 官网：[https://plugins.jetbrains.com/plugin/2162-string-manipulation](https://plugins.jetbrains.com/plugin/2162-string-manipulation)
+
+##### 代码统计
+
+- WakaTime 
+   - 描述：代码统计和跟踪插件
+   - 官网：[https://plugins.jetbrains.com/plugin/7425-wakatime](https://plugins.jetbrains.com/plugin/7425-wakatime)
+- Statistic 
+   - 描述：代码统计
+   - 官网：[https://plugins.jetbrains.com/plugin/4509-statistic](https://plugins.jetbrains.com/plugin/4509-statistic)
+
+##### 代码检索
+
+- OnlineSearch 
+   - 描述：选择文本后支持不同搜索引擎进行搜索
+   - 官网：[https://plugins.jetbrains.com/plugin/8298-onlinesearch/](https://plugins.jetbrains.com/plugin/8298-onlinesearch/)
+- CodeSearch 
+   - 描述：快捷地打开搜索引擎进行搜索
+   - 官网：[https://plugins.jetbrains.com/plugin/12578-codesearch](https://plugins.jetbrains.com/plugin/12578-codesearch)
+
+##### 其他
+
+-  Leetcode Editor 
+   - 描述：在 IDEA 里刷算法题
+   - 官网：[https://plugins.jetbrains.com/plugin/12132-leetcode-editor](https://plugins.jetbrains.com/plugin/12132-leetcode-editor)
+-  File Watchers 
+   - 描述：监听文件，当其发生变化时自动执行命令
+   - 官网：[https://plugins.jetbrains.com/plugin/7177-file-watchers](https://plugins.jetbrains.com/plugin/7177-file-watchers)
+-  PlantUML integration 
+   - 描述：UML 建模工具，只需简单的代码就能画出复杂的 UML 类图
+   - 官网：[https://plugins.jetbrains.com/plugin/7017-plantuml-integration](https://plugins.jetbrains.com/plugin/7017-plantuml-integration)
+-  Bytecode Editor 
+   - 描述：字节码编辑工具
+   - 官网：[https://plugins.jetbrains.com/plugin/8461-bytecode-editor](https://plugins.jetbrains.com/plugin/8461-bytecode-editor)
+-  Alibaba Cloud Toolkit 
+   - 描述：阿里云工具集
+   - 官网：[https://plugins.jetbrains.com/plugin/11386-alibaba-cloud-toolkit](https://plugins.jetbrains.com/plugin/11386-alibaba-cloud-toolkit)
+-  Tencent Cloud Toolkit 
+   - 描述：腾讯云工具集
+   - 官网：[https://plugins.jetbrains.com/plugin/15653-tencent-cloud-toolkit](https://plugins.jetbrains.com/plugin/15653-tencent-cloud-toolkit)
+-  EduTools 
+   - 描述：面向教育者，允许创建、分享和加入练习
+   - 官网：[https://plugins.jetbrains.com/plugin/10081-edutools](https://plugins.jetbrains.com/plugin/10081-edutools)
+-  IDE Features Trainer 
+   - 描述：IntelliJ IDEA 官方出的学习辅助插件
+   - 官网：[https://plugins.jetbrains.com/plugin/8554-ide-features-trainer](https://plugins.jetbrains.com/plugin/8554-ide-features-trainer)
+-  JRebel Plugin 
+   - 描述：项目热更新，提高效率（可惜要收费）
+   - 官网：[https://plugins.jetbrains.com/plugin/4441-jrebel-and-xrebel-for-intellij](https://plugins.jetbrains.com/plugin/4441-jrebel-and-xrebel-for-intellij)
+-  Key Promoter X 
+   - 描述：快捷键提示插件。当你执行鼠标操作时，如果该操作可被快捷键代替，会给出提示，帮助你自然形成使用快捷键的习惯，告别死记硬背。
+   - 官网：[https://plugins.jetbrains.com/plugin/9792-key-promoter-x/](https://plugins.jetbrains.com/plugin/9792-key-promoter-x/)
+-  Translation 
+   - 描述：翻译插件，鼠标选中文本，点击右键即可自动翻译成多国语言。
+   - 官网：[https://plugins.jetbrains.com/plugin/8579-translation/](https://plugins.jetbrains.com/plugin/8579-translation/)
+-  idea_seat 
+   - 描述：自动提醒，防止你久坐不动
+   - 官网：[https://github.com/s-unscrupulous/idea_seat](https://github.com/s-unscrupulous/idea_seat)
+-  RestfulTool 
+   - 描述：辅助 web 开发的工具集
+   - 官网：[https://plugins.jetbrains.com/plugin/14280-restfultool](https://plugins.jetbrains.com/plugin/14280-restfultool)
+-  Multirun 
+   - 描述：同时启动多应用
+   - 官网：[https://plugins.jetbrains.com/plugin/7248-multirun](https://plugins.jetbrains.com/plugin/7248-multirun)
+
+#### 扩展增强类
+
+- Free Mybatis Plugin 
+   - 描述：MyBatis 增强插件，支持 mapper => xml 的跳转、代码生成等功能
+   - 官网：[https://plugins.jetbrains.com/plugin/8321-free-mybatis-plugin](https://plugins.jetbrains.com/plugin/8321-free-mybatis-plugin)
+- MyBatis Log Plugin 
+   - 描述：MyBatis SQL 提取和格式化输出
+   - 官网：[https://plugins.jetbrains.com/plugin/10065-mybatis-log-plugin](https://plugins.jetbrains.com/plugin/10065-mybatis-log-plugin)
+- Maven Helper 
+   - 描述：Maven 辅助插件
+   - 官网：[https://plugins.jetbrains.com/plugin/7179-maven-helper](https://plugins.jetbrains.com/plugin/7179-maven-helper)
+- Gradle View 
+   - 描述：Gradle 项目管理工具的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/7150-gradle-view](https://plugins.jetbrains.com/plugin/7150-gradle-view)
+- Arthas Idea 
+   - 描述： Arthas 命令生成插件。Arthas 是阿里开源的 Java 在线诊断工具，该插件可以自动生成 Arthas 在线 Java 代码诊断命令，不用再到官网翻文档拼命令啦！
+   - 官网：[https://plugins.jetbrains.com/plugin/13581-arthas-idea/](https://plugins.jetbrains.com/plugin/13581-arthas-idea/)
+- GitToolBox 
+   - 描述： Git 增强插件。在自带的 Git 功能之上，新增了查看 Git 状态、自动拉取代码、提交通知等功能。最好用的是可以查看到每一行代码的最近一次提交信息。
+   - 官网：[https://plugins.jetbrains.com/plugin/7499-gittoolbox/](https://plugins.jetbrains.com/plugin/7499-gittoolbox/)
+- BashSupport 
+   - 描述：支持 Bash 脚本文件的高亮和提示等
+   - 官网：[https://plugins.jetbrains.com/plugin/4230-bashsupport](https://plugins.jetbrains.com/plugin/4230-bashsupport)
+- Git Flow Integration 
+   - 描述：Git Flow 的图形界面操作
+   - 官网：[https://plugins.jetbrains.com/plugin/7315-git-flow-integration](https://plugins.jetbrains.com/plugin/7315-git-flow-integration)
+- Gitee 
+   - 描述：开源中国的码云插件
+   - 官网：[https://plugins.jetbrains.com/plugin/8383-gitee](https://plugins.jetbrains.com/plugin/8383-gitee)
+- Drools 
+   - 描述：规则引擎的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/16871-drools](https://plugins.jetbrains.com/plugin/16871-drools)
+- EnvFile 
+   - 描述：对多环境配置文件的支持
+   - 官网：[https://plugins.jetbrains.com/plugin/7861-envfile](https://plugins.jetbrains.com/plugin/7861-envfile)
+- Kubernetes 
+   - 描述：容器管理的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/10485-kubernetes](https://plugins.jetbrains.com/plugin/10485-kubernetes)
+- Vue.js 
+   - 描述：Vue.js 前端框架的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/9442-vue-js](https://plugins.jetbrains.com/plugin/9442-vue-js)
+- Scala 
+   - 描述：Scala 语言的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/1347-scala](https://plugins.jetbrains.com/plugin/1347-scala)
+- Zookeeper 
+   - 描述：Zookeeper 中间件的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/7364-zookeeper](https://plugins.jetbrains.com/plugin/7364-zookeeper)
+- Jms messenger 
+   - 描述：对 Java 消息服务的扩展
+   - 官网：[https://plugins.jetbrains.com/plugin/10949-jms-messenger](https://plugins.jetbrains.com/plugin/10949-jms-messenger)
+- MapStruct Support 
+   - 描述：对 MapStruct 对象转换的支持
+   - 官网：[https://plugins.jetbrains.com/plugin/10036-mapstruct-support](https://plugins.jetbrains.com/plugin/10036-mapstruct-support)
+- Big Data Tools 
+   - 描述：提供了 HDFS 等大数据框架的工具集
+   - 官网：[https://plugins.jetbrains.com/plugin/12494-big-data-tools](https://plugins.jetbrains.com/plugin/12494-big-data-tools)
+- CSV 
+   - 描述：支持 CSV 文件的高亮和提示等
+   - 官网：[https://plugins.jetbrains.com/plugin/10037-csv](https://plugins.jetbrains.com/plugin/10037-csv)
+- Ideolog 
+   - 描述：识别和格式化 log 日志文件
+   - 官网：[https://plugins.jetbrains.com/plugin/9746-ideolog](https://plugins.jetbrains.com/plugin/9746-ideolog)
+- Toml 
+   - 描述：支持 toml 文件的高亮和提示等
+   - 官网：[https://plugins.jetbrains.com/plugin/8195-toml](https://plugins.jetbrains.com/plugin/8195-toml)
+- .env files support 
+   - 描述：支持 .env 文件的高亮和提示等
+   - 官网：[https://plugins.jetbrains.com/plugin/9525--env-files-support](https://plugins.jetbrains.com/plugin/9525--env-files-support)
+
+### 常用软件
+##### 开发相关
+
+- JetBrains IDEA：Java 集成开发环境，凭学生邮箱可申请免费使用（https://www.jetbrains.com/idea/）
+- Reset Jetbrains：你懂的
+- Visual Studio Code：插件化代码编辑器（https://code.visualstudio.com/）
+- Sublime Text：轻量代码编辑器（https://www.sublimetext.com/）
+- Navicat：数据库管理软件（https://www.navicat.com.cn/）
+- JMeter：Java 性能测试工具（https://jmeter.apache.org/）
+- JVisual VM：Java 运行状态可视化工具（https://visualvm.github.io/）
+- XShell：SSH 连接软件（https://www.netsarang.com/zh/xshell/）
+- XFtp：FTP 连接软件（https://www.netsarang.com/zh/xftp/）
+- Redis Desktop Manager：Redis 可视化管理工具（https://github.com/uglide/RedisDesktopManager）
+- Postman：接口测试工具（https://www.postman.com/）
+- VMware：虚拟机软件（https://www.vmware.com/）
+- Chocolatey：Windows 软件包管理器（https://chocolatey.org/）
+- Typora：写文档软件（https://typora.io/）
+
+##### 效率
+
+- Ditto：强大的剪切板（https://ditto-cp.sourceforge.io/）
+- uTools：插件化的效率工具（https://u.tools/）
+- XMind：思维导图软件（https://www.xmind.cn/）
+- Qdir：Windows 多窗口管理器（https://q-dir.en.softonic.com/）
+
+### 项目源码（50 套）
+#### 鱼皮原创项目
+
+- [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+- SQL 数据生成器（React + Java）：[https://github.com/liyupi/sql-father-frontend-public](https://github.com/liyupi/sql-father-frontend-public)
+- 结构化 SQL 语句生成器：[https://github.com/liyupi/sql-generator](https://github.com/liyupi/sql-generator)
+- AI 自动回复工具（Java 项目）：[https://github.com/liyupi/yu-auto-reply](https://github.com/liyupi/yu-auto-reply)
+- 表情包网站（Vue + Java）：[https://github.com/liyupi/father](https://github.com/liyupi/father)
+
+#### 电商秒杀
+
+-  天猫整站 J2EE：[https://how2j.cn/module/115.htm](https://how2j.cn/module/115.htm) 
+-  天猫整站 SSM：[https://how2j.cn/module/134.html](https://how2j.cn/module/134.html) 
+-  天猫整站 Springboot：[https://how2j.cn/module/156.html](https://how2j.cn/module/156.html) 
+-  mall-learning：[https://github.com/macrozheng/mall-learningmall](https://github.com/macrozheng/mall-learningmall) （学习教程，架构、业务、技术要点全方位解析） 
+-  SpringBoot 电商商城系统 Mall4j：[https://github.com/gz-yami/mall4j](https://github.com/gz-yami/mall4j) 
+-  SpringBoot 完整电商系统 Mall：[https://github.com/macrozheng/mall](https://github.com/macrozheng/mall) （包括前台商城系统及后台管理系统，基于 SpringBoot+MyBatis 实现） 
+-  newbee-mall：[https://github.com/newbee-ltd/newbee-mall](https://github.com/newbee-ltd/newbee-mall) （一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统，基于 Spring Boot 2.X 及相关技术栈开发） 
+-  paascloud-master：[https://github.com/paascloud/paascloud-master](https://github.com/paascloud/paascloud-master) （基于 spring cloud + vue + oAuth2.0，前后端分离商城系统） 
+-  mall-swarm：[https://github.com/macrozheng/mall-swarm](https://github.com/macrozheng/mall-swarm) （一套微服务商城系统，采用了 Spring Cloud Greenwich、Spring Boot 2、MyBatis、Docker、Elasticsearch 等核心技术，同时提供了基于 Vue 的管理后台方便快速搭建系统） 
+-  onemall：[https://github.com/YunaiV/onemall](https://github.com/YunaiV/onemall) （mall 商城，基于微服务的思想，构建在 B2C 电商场景下的项目实战。核心技术栈，是 Spring Boot + Dubbo 。未来，会重构成 Spring Cloud Alibaba） 
+-  litemall：[https://github.com/linlinjava/litemall](https://github.com/linlinjava/litemall) （又一个小商城，litemall = Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端） 
+-  xmall：[https://github.com/Exrick/xmall](https://github.com/Exrick/xmall) （基于SOA架构的分布式电商购物商城 前后端分离 前台商城:Vue全家桶 后台管理系统） 
+-  miaosha：[https://github.com/qiurunze123/miaosha](https://github.com/qiurunze123/miaosha) （秒杀系统设计与实现） 
+-  SecKill：[https://github.com/hfbin/Seckill](https://github.com/hfbin/Seckill) （基于 SpringBoot+Mybatis+Redis+RabbitMQ 秒杀系统） 
+
+#### 博客论坛
+
+-  [Mblog](https://github.com/langhsu/mblog)：开源 Java 博客系统 
+-  [halo](https://github.com/halo-dev/halo)：一个优秀的开源博客发布应用 
+-  [forum-java](https://github.com/Qbian61/forum-java)：一款用 Java（spring boot） 实现的现代化社区（论坛/问答/BBS/社交网络/博客）系统平台 
+-  [vhr](https://github.com/lenve/vhr)：微人事是一个前后端分离的人力资源管理系统，项目采用 SpringBoot+Vue 开发。 
+-  [favorites-web](https://github.com/cloudfavorites/favorites-web):云收藏 Spring Boot 2.X 开源项目。云收藏是一个使用 Spring Boot 构建的开源网站，可以让用户在线随时随地收藏的一个网站，在网站上分类整理收藏的网站或者文章。 
+-  [community](https://github.com/codedrinker/community)：码问，开源论坛、问答系统，现有功能提问、回复、通知、最新、最热、消除零回复功能。技术栈 Spring、Spring Boot、MyBatis、MySQL/H2、Bootstrap 
+-  [NiterForum](https://github.com/yourkevin/NiterForum)：尼特社区-NiterForum-一个论坛/社区程序。后端Springboot/MyBatis/Maven/MySQL，前端Thymeleaf/Layui。可供初学者，学习、交流使用。 
+-  [VBlog](https://github.com/lenve/VBlog)：V部落，Vue+SpringBoot实现的多用户博客管理平台! 
+-  [NiceFish](https://github.com/damoqiongqiu/NiceFish)：SpringBoot/SpringCloud 前后端分离项目 
+-  [My-Blog](https://github.com/ZHENFENG13/My-Blog)： My Blog 是由 SpringBoot + Mybatis + Thymeleaf 等技术实现的 Java 博客系统，页面美观、功能齐全、部署简单及完善的代码，一定会给使用者无与伦比的体验。 
+-  [My-Blog-layui](https://github.com/ZHENFENG13/My-Blog-layui)：layui 版本的 My-Blog : A simple & beautiful blogging system implemented with spring-boot & layui & thymeleaf & mybatis My Blog 是由  SpringBoot + Layui + Mybatis + Thymeleaf 等技术实现的 Java  博客系统，页面美观、功能齐全、部署简单及完善的代码，一定会给使用者无与伦比的体验 
+-  [symphony](https://github.com/88250/symphony)：Java 实现的现代化社区 
+
+#### 管理系统
+
+-  [Spring-Cloud-Admin](https://github.com/wxiaoqi/Spring-Cloud-Admin)：Cloud-Admin 是国内首个基于 Spring Cloud 微服务化开发平台，具有统一授权、认证后台管理系统，其中包含具备用户管理、资源权限管理、网关 API 管理等多个模块，支持多业务系统并行开发，可以作为后端服务的开发脚手架。代码简洁，架构清晰，适合学习和直接项目中使用。核心技术采用 Spring Boot2 以及 Spring Cloud Gateway 相关核心组件，前端采用 vue-element-admin 组件。 
+-  [bootshiro](https://github.com/tomsun28/bootshiro)：基于 springboot+shiro+jwt 的资源无状态认证权限管理系统后端 
+-  [悟空CRM](https://github.com/72crm/72crm-java)：基于jfinal+vue+ElementUI的前后端分离CRM系统 
+-  [EL-ADMIN](https://github.com/elunez/eladmin)：基于 SpringBoot 的后台管理系统 
+-  [pig](https://gitee.com/log4j/pig)：基于 Spring Boot 2.2、 Spring Cloud Hoxton & Alibaba、 OAuth2 的 RBAC 权限管理系统。 
+-  [FEBS-Shiro](https://github.com/wuyouzhuguli/FEBS-Shiro)：Spring Boot 2.1.3，Shiro1.4.0 & Layui 2.5.4 权限管理系统。 
+-  [Spring Boot-Shiro-Vue](https://github.com/Heeexy/SpringBoot-Shiro-Vue)：基于Spring Boot-Shiro-Vue 的权限管理 
+-  [studentmanager](https://github.com/ZeroWdd/studentmanager)：基于springboot+mybatis学生管理系统 
+-  [jshERP](https://github.com/jishenghua/jshERP)：华夏ERP基于SpringBoot框架和SaaS模式，立志为中小企业提供开源好用的ERP软件，目前专注进销存+财务功能。主要模块有零售管理、采购管理、销售管理、仓库管理、财务管理、报表查询、系统管理等。支持预付款、收入支出、仓库调拨、组装拆卸、订单等特色功能。拥有库存状况、出入库统计等报表。同时对角色和权限进行了细致全面控制，精确到每个按钮和菜单。 
+-  [HotelSystem](https://github.com/misterchaos/HotelSystem)：酒店管理系统 Java,tomcat,mysql,servlet,jsp实现，没有使用任何框架 
+
+#### 开发平台
+
+- [open-capacity-platform](https://github.com/2014shijina2014/open-capacity-platform)：微服务能力开发平台
+- [jeecg-boot](https://github.com/zhangdaiscott/jeecg-boot)：JeecgBoot是一款基于BPM的低代码平台！前后端分离架构 SpringBoot 2.x，SpringCloud，Ant  Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。强大的代码生成器让前后端代码一键生成，实现低代码开发！
+
+#### 其他
+
+-  [学之思在线考试系统](https://github.com/mindskip/xzs)：一款 java + vue 的前后端分离的考试系统 
+-  [PassJava-Platform](https://github.com/Jackson0714/PassJava-Platform)：一款面试刷题的 Spring Cloud 开源系统 
+-  [kkFileView](https://github.com/kekingcn/kkFileView)：使用spring boot打造文件文档在线预览项目 
+-  [dynamic-datasource](https://github.com/baomidou/dynamic-datasource-spring-boot-starter)：一个基于springboot的快速集成多数据源的启动器 
+-  [moti-cloud](https://github.com/373675032/moti-cloud)：莫提网盘，基于 SpringBoot+MyBatis+ThymeLeaf+BootStrap，适合初学者 
+-  [threadandjuc](https://github.com/qiurunze123/threadandjuc)：three-high-import 高可用\高可靠\高性能，三高多线程导入系统（该项目意义为理论贯通) 
+-  [proxyee-down](https://github.com/proxyee-down-org/proxyee-down)：http下载工具，基于http代理，支持多连接分块下载 
+-  [hosp_order](https://github.com/sfturing/hosp_order)：医院预约挂号系统，基于 SSM 框架 
+-  [趋势投资 SpringCloud](https://how2j.cn/module/170.html) 
+-  [DiyTomcat](https://how2j.cn/module/176.html) 
+
+## 阶段 6：Java 高级
+
+### 目标
+
+不满足于能做，而是通过更 **深入** 和 **广泛** 的学习，实现高质量的代码和更优秀的架构，培养解决问题的能力。
+
+已经到了这个阶段，建议除了看完成的教程外，平时多自主搜索信息去学习，积少成多。比如遇到了一个不了解的名词，可以去网上搜一下，感兴趣的话再进行下一步的学习。
+
+### 🌖 并发编程（21 天）
+
+对 Java 后端开发程序员来说，懂得如何利用有限的系统资源来提高系统的性能是很重要的，也是大厂面试考察的重点，因此并发编程（尤其是 Java 并发包的使用）这块的知识很重要。
+
+把它放到高级，是因为在学并发编程前，需要有一定的编程经验、了解一定的操作系统知识。
+
+#### 知识
+
+- 线程和进程
+- 线程状态
+- 并行和并发
+- 同步和异步
+- Synchronized
+- Volatile 关键字
+- Lock 锁
+- 死锁
+- 可重入锁
+- 线程安全
+- 线程池
+- JUC 的使用
+- AQS
+- Fork Join
+- CAS
+
+#### 学习建议
+
+并发编程入门不难，依然是 **先学会使用** 基础的 Java 并发包， 再通过大量地实践和测试，了解一些原理，才能真正掌握何时使用、如何更合理地使用并发编程。而不是张口闭口多线程，上天入地高并发。
+
+#### 经典面试题
+
+1. volatile 关键字的作用
+2. 使用线程池有哪些好处？
+3. 线程池参数如何设置？
+4. 什么是线程安全问题，如何解决？
+5. 介绍 synchronized 的锁升级机制
+6. CopyOnWriteArrayList 适用于哪种场景？
+
+#### 资源
+
+- 项目实战
+   - [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd) 中的伙伴匹配系统、智能 BI 项目、OJ 判题系统都运用了并发编程解决实际问题，推荐学习 
+- 视频 
+   - ⭐【尚硅谷】大厂必备技术之JUC并发编程2021最新版：[https://www.bilibili.com/video/BV1Kw411Z7dF](https://www.bilibili.com/video/BV1Kw411Z7dF) （特点是短、精、新）
+   - 黑马程序员全面深入学习Java并发编程：[https://www.bilibili.com/video/BV16J411h7Rd](https://www.bilibili.com/video/BV16J411h7Rd) （讲的很细、全面深入）
+-  书籍 
+   - ⭐《Java并发编程实战》（国外的经典）
+   - ⭐《Java 并发编程艺术》（国人写的，理论思想内容较多，有时间建议反复看）
+   - ⭐《图解 Java 多线程设计模式》：[https://www.aliyundrive.com/s/MBKzUxWWBbe](https://www.aliyundrive.com/s/MBKzUxWWBbe) 提取码: 9gc7（如果已经学了 Java 并发编程，可以额外学习，这里的设计模式）
+-  项目 
+   - ⭐ Java 并发知识点总结：[https://github.com/CL0610/Java-concurrency](https://github.com/CL0610/Java-concurrency)
+
+### 🌖 JVM（30 天）
+
+想要深入理解 Java，探秘 Java 跨平台的奥秘，一定要了解 Java 底层的虚拟机技术。
+
+了解虚拟机、掌握虚拟机性能调优方法，有助于你写出更高性能、资源占用更小的优质程序。
+
+在学习 JVM 的过程中，也能学到很多精妙的设计，开拓思路。
+
+#### 知识
+
+- JVM 内存结构
+- JVM 生命周期
+- 主流虚拟机
+- Java 代码执行流程
+- 类加载 
+   - 类加载器
+   - 类加载过程
+   - 双亲委派机制
+- 垃圾回收 
+   - 垃圾回收器
+   - 垃圾回收策略
+   - 垃圾回收算法
+   - StopTheWorld
+- 字节码
+- 内存分配和回收
+- JVM 性能调优 
+   - 性能分析方法
+   - 常用工具
+   - 参数设置
+- Java 探针
+- 线上故障分析
+
+#### 学习建议
+
+JVM 的知识略显枯燥，建议先看视频，有实操的地方一定要实操！自己多去分析。
+
+第一遍不理解没有关系，可以再看书来巩固，想要真正学好，《深入理解 Java 虚拟机（第三版）》一定要读。
+
+如果只是为了通过面试可以直接看更精简的视频，比如狂神的。
+
+#### 经典面试题
+
+1. 介绍 JVM 的内存模型？
+2. JVM 内存为什么要分代？
+3. 介绍一次完整的 GC 流程
+4. 介绍双亲委派模型，为什么需要它？
+
+#### 资源
+
+- 视频 
+   - ⭐ 尚硅谷宋红康 - JVM 全套教程详解：[https://www.bilibili.com/video/BV1PJ411n7xZ](https://www.bilibili.com/video/BV1PJ411n7xZ) （讲得相当全面！附有实操）
+   - 【狂神说Java】JVM快速入门篇：[https://www.bilibili.com/video/BV1iJ411d7jS](https://www.bilibili.com/video/BV1iJ411d7jS) （讲得有点浅，但都是面试重点，时间紧的小伙伴可以直接看这个）
+- 书籍 
+   - ⭐《深入理解 Java 虚拟机（第三版）》（有理论有实践，内容丰富，不可多得的 JVM 学习神书，就是有点废头发）
+- 项目 
+   - ⭐ Java 虚拟机底层原理知识总结：[https://github.com/doocs/jvm](https://github.com/doocs/jvm)
+- 实战 
+   - 阿里云 JVM 实战：[https://developer.aliyun.com/graph/java/point/64](https://developer.aliyun.com/graph/java/point/64)
+- 工具 
+   - Arthas 开源 Java 诊断工具：[https://github.com/alibaba/arthas](https://github.com/alibaba/arthas)
+
+### 🌖 Java 高级知识
+> 通过阅读文章了解即可
+
+#### 知识
+
+- 动态代理
+- Java 探针
+- 字节码，参考：[https://github.com/fuzhengwei/itstack-demo-bytecode](https://github.com/fuzhengwei/itstack-demo-bytecode)
+- UnSafe 类
+- 协程 / 纤程
+
+### 架构设计
+
+#### 🌖 分布式
+
+- 分布式理论 
+   - CAP
+   - BASE
+- 分布式缓存 
+   - Redis
+   - Memcached
+   - Etcd
+- 一致性算法 
+   - Raft
+   - Paxos
+   - 一致性哈希
+- 分布式事务 
+   - 解决方案 
+      - 2PC
+      - 3PC
+      - TCC
+      - 本地消息表
+      - MQ 事务消息
+      - 最大努力通知
+   - LCN 分布式事务框架：[https://github.com/codingapi/tx-lcn](https://github.com/codingapi/tx-lcn)
+- 分布式 id 生成 
+   - Leaf 分布式 id 生成服务：[https://github.com/Meituan-Dianping/Leaf](https://github.com/Meituan-Dianping/Leaf)
+- 分布式任务调度 
+   - XXL-JOB 调度平台：[https://www.xuxueli.com/xxl-job/](https://www.xuxueli.com/xxl-job/)
+   - elastic-job：[https://gitee.com/elasticjob/elastic-job](https://gitee.com/elasticjob/elastic-job)
+- 分布式服务调用 
+   - trpc
+- 分布式存储 
+   - HDFS
+   - Ceph
+- 分布式数据库 
+   - TiDB
+   - OceanBase
+- 分布式文件系统 
+   - HDFS
+- 分布式协调 
+   - Zookeeper
+- 分布式监控 
+   - Prometheus
+   - Zabbix
+- 分布式消息队列 
+   - RabbitMQ
+   - Kafka
+   - Apache Pulsar
+- 分布式日志收集 
+   - Elastic Stack
+   - Loki
+- 分布式搜索引擎 
+   - Elasticsearch
+- 分布式链路追踪 
+   - Apache SkyWalking
+- 分布式配置中心 
+   - Apollo
+   - Nacos
+
+#### 🌗 高可用
+
+- 限流
+- 降级熔断
+- 冷备
+- 双机热备
+- 同城双活
+- 异地双活
+- 异地多活
+- 容灾备份
+
+#### 🌗 高并发
+
+- 数据库 
+   - 分库分表 
+      - MyCat 中间件
+      - Apache ShardingSphere 中间件
+   - 读写分离
+- 缓存 
+   - 缓存雪崩
+   - 缓存击穿
+   - 缓存穿透
+- 负载均衡 
+   - 负载均衡算法
+   - 软硬件负载均衡（2、3、4、7 层）
+
+#### 🌘 服务网格
+
+服务网格用来描述组成应用程序的微服务网络以及它们之间的交互。服务网格的规模和复杂性不断的增长，它将会变得越来越难以理解和管理，常见的需求包括服务发现、负载均衡、故障恢复、度量和监控等。
+
+##### 知识
+
+- Istio 
+   - 流量管理
+   - 安全性
+   - 可观测性
+- Envoy（开源的边缘和服务代理）
+
+##### 资源
+
+- 资料大全：[https://www.servicemesher.com/awesome-servicemesh/](https://www.servicemesher.com/awesome-servicemesh/)
+- istio 官方文档：[https://preliminary.istio.io/latest/zh](https://preliminary.istio.io/latest/zh)
+- istio 视频教程：[https://www.bilibili.com/video/BV1Lf4y1x7j8](https://www.bilibili.com/video/BV1Lf4y1x7j8)
+- 在线体验 istio：[https://katacoda.com/courses/istio/](https://katacoda.com/courses/istio/)
+
+#### 🌘 DDD 领域驱动设计
+
+将数据、业务流程抽象成容易理解的领域模型，通过用代码实现领域模型，来组成完整的业务系统。
+
+##### 知识
+
+- DDD 的优势
+- DDD 的适用场景
+- DDD 核心概念 
+   - 领域模型分类：失血、贫血、充血、涨血
+   - 子域划分：核心域、通用域、支撑域
+   - 限界上下文
+   - 实体和值对象
+   - 聚合设计
+   - 领域事件
+- DDD 实践
+
+##### 资源
+
+- DDD 入门：[https://juejin.cn/post/7004002483601145863](https://juejin.cn/post/7004002483601145863)
+- DDD 编码实践：[https://juejin.cn/post/6844903903104860174](https://juejin.cn/post/6844903903104860174)
+- DDD 实践教程：[https://www.bilibili.com/video/BV1Y341167Xp](https://www.bilibili.com/video/BV1Y341167Xp)
+
+#### 🌘 其他
+
+- Sidecar
+- Serverless
+- 云原生
+
+#### 学习建议
+
+架构设计的学习没有顶点，多看文章，思考每种设计的优缺点和适用场景，有机会的话在企业中实践即可。
+
+还在学校、或者初入这行的同学切记，千万不要一味地去背诵架构设计的八股文。你可以背，但是这一块的知识只有结合具体的项目才有意义，所以要多做项目去实践设计的合理性，而不是什么设计都咔咔往系统里去怼。比如面试问到分布式事务，能结合自己项目中用分布式事务解决问题的经验去回答最好。
+
+### 🌘 其他技术
+
+- 热数据探测技术：京东 HotKey
+- 数据库流水订阅：阿里 Canal
+- 监控告警
+- 应用安全
+- 故障演练
+- 流量回放
+
+## 阶段 7：Java 求职
+
+### 目标
+
+找到好工作
+
+### 建议
+
+1. 尽早做规划，可以通过大厂招聘官网的岗位描述来了解岗位的要求
+2. 雕琢一份优秀的简历，推荐阅读：[https://mp.weixin.qq.com/s/wfabzdpOPdq89faFFpZ4NA](https://mp.weixin.qq.com/s/wfabzdpOPdq89faFFpZ4NA)
+3. 多读面经，坚持刷算法
+4. 多参与面试，持续复盘总结
+
+### 资源
+
+#### 校招岗位
+
+- 阿里 Java 开发：[https://campus.alibaba.com/position.htm?refno=12699](https://campus.alibaba.com/position.htm?refno=12699)
+- 腾讯后台开发：[https://join.qq.com/post_detail.html?pid=1&id=101&tid=2](https://join.qq.com/post_detail.html?pid=1&id=101&tid=2)
+- 腾讯全栈开发：[https://join.qq.com/post_detail.html?pid=1&id=137&tid=2](https://join.qq.com/post_detail.html?pid=1&id=137&tid=2)
+- 腾讯运营开发：[https://join.qq.com/post_detail.html?pid=1&id=105&tid=2](https://join.qq.com/post_detail.html?pid=1&id=105&tid=2)
+- 美团后端开发：[https://campus.meituan.com/jobs?jobFamily=1&jobId=4005&jobType=1&pageNo=2](https://campus.meituan.com/jobs?jobFamily=1&jobId=4005&jobType=1&pageNo=2)
+- 华为软件开发：[https://career.huawei.com/reccampportal/portal5/campus-recruitment-detail.html?jobId=176044](https://career.huawei.com/reccampportal/portal5/campus-recruitment-detail.html?jobId=176044)
+
+#### 社招岗位
+
+- 阿里社招：[https://job.alibaba.com/zhaopin/positionList.htm](https://job.alibaba.com/zhaopin/positionList.htm)
+- 腾讯社招：[https://careers.tencent.com/search.html](https://careers.tencent.com/search.html)
+
+#### 实习
+
+- 实习僧：[https://www.shixiseng.com/](https://www.shixiseng.com/)
+
+#### 鱼皮经历
+
+- 从 0 开始的编程学习进大厂经历 
+   - ⭐ 我学计算机的四年，共勉：[https://mp.weixin.qq.com/s/Nc7Ee2UyrPg6hGseQUCzeg](https://mp.weixin.qq.com/s/Nc7Ee2UyrPg6hGseQUCzeg)
+- 实习经历 
+   -  ⭐ 我的第一份实习：[https://mp.weixin.qq.com/s/SwGiRzyTkCOOCUXfXPR1Pw](https://mp.weixin.qq.com/s/SwGiRzyTkCOOCUXfXPR1Pw) 
+   -  ⭐ 我的第二份实习，字节跳动：[https://mp.weixin.qq.com/s/3q-YIfuZBjPjSnamNwOraw](https://mp.weixin.qq.com/s/3q-YIfuZBjPjSnamNwOraw) 
+
+#### 知识总结
+
+- ⭐ JavaGuide：[https://snailclimb.gitee.io/javaguide/#/](https://snailclimb.gitee.io/javaguide/#/)
+- ⭐ CS-Notes：[http://www.cyc2018.xyz/](http://www.cyc2018.xyz/)
+- 阿里 Java 技术图谱：[https://developer.aliyun.com/graph/java](https://developer.aliyun.com/graph/java)
+
+#### 面经
+编程导航面经汇总：[https://yuyuanweb.feishu.cn/wiki/PLHrwcEPCiJcxXk7Ki4csRoJn2f](https://yuyuanweb.feishu.cn/wiki/PLHrwcEPCiJcxXk7Ki4csRoJn2f)
+
+#### 面试题解
+编程导航精选面试题汇总：[https://yuyuanweb.feishu.cn/wiki/CmFywXs0Oi0MS9kU3yocJugFn2e](https://yuyuanweb.feishu.cn/wiki/CmFywXs0Oi0MS9kU3yocJugFn2e)
+
+#### 视频
+
+-  ⭐ 尚硅谷 2021 逆袭版 Java 面试题第三季：[https://www.bilibili.com/video/BV1Hy4y1B78T](https://www.bilibili.com/video/BV1Hy4y1B78T) 
+-  ⭐ 阿里大佬透彻讲解 Java 面试 500 道必考题：[https://www.bilibili.com/video/BV1yU4y1J7Bb](https://www.bilibili.com/video/BV1yU4y1J7Bb) 
+
+## 阶段 8：持续学习
+
+### 目标
+
+持续追求技术的深度和广度，培养自己的 **核心竞争力** 和 **不可替代性** ，学无止境！
+
+### 学习建议
+
+自主学习，自主搜索教程，多看书，多阅读技术博客，多实践。
+
+### 学习方向
+
+#### 框架源码
+
+- Spring
+- SpringBoot
+- SpringMVC
+- MyBatis
+- Netty
+- Dubbo
+- SpringCloud
+
+#### 计算机原理
+
+- 《算法导论》：[https://www.bilibili.com/video/av48922404](https://www.bilibili.com/video/av48922404)
+- 《现代操作系统》：[https://www.bilibili.com/video/av9555596](https://www.bilibili.com/video/av9555596)
+- 《深入理解计算机系统》：[https://www.bilibili.com/video/av31289365](https://www.bilibili.com/video/av31289365)
+- 《编译原理》： [https://www.bilibili.com/video/av17649289](https://www.bilibili.com/video/av17649289)
+- 《计算机网络：自顶向下方法》：[https://www.bilibili.com/video/BV1JV411t7ow](https://www.bilibili.com/video/BV1JV411t7ow)
+- 《计算机程序的构造和解释》：[https://www.bilibili.com/video/av8515129](https://www.bilibili.com/video/av8515129)
+- 《数据库系统概论》：[https://www.bilibili.com/video/BV1G54y1d7ZK](https://www.bilibili.com/video/BV1G54y1d7ZK)
+
+#### 数据库 / 中间件 / 分布式
+
+- 数据库 
+   - MySQL
+   - PostgreSQL
+- 缓存 
+   - Redis
+- 队列 
+   - Apache Kafka
+   - Apache Pulsar
+- 搜索引擎 
+   - Elastic Stack 
+      - Elasticsearch
+      - logstash
+      - kibana
+      - beats
+- 容器 
+   - Docker
+   - K8S
+
+#### 解决方案
+
+- 广告系统
+- 电商系统
+- 搜索系统
+- 支付转账
+- 游戏后台
+- 即时通讯
+- 社交系统
+- CMS 系统
+- ERP 系统
+- OA 系统
+- 代码生成
+- 权限管理
+- 秒杀活动
+
+#### 架构设计
+
+同阶段 6 架构设计部分
+
+#### 大数据
+
+- 5V 特点
+- Hadoop
+- HDFS
+- MapReduce
+- Spark
+- Flink
+- Storm
+- Hive
+- HBase
+- Druid
+- Kylin
+- Pig
+- Mahout
+
+#### 前沿技术
+
+- 云原生：[https://www.jianshu.com/p/a37baa7c3eff](https://www.jianshu.com/p/a37baa7c3eff) 
+   - Quasar Framework：[http://www.quasarchs.com/](http://www.quasarchs.com/)
+- 服务网格：[https://www.redhat.com/zh/topics/microservices/what-is-a-service-mesh](https://www.redhat.com/zh/topics/microservices/what-is-a-service-mesh) 
+   - istio：[https://github.com/istio/istio](https://github.com/istio/istio)
+- GraalVM：[https://juejin.cn/post/6850418120570437646](https://juejin.cn/post/6850418120570437646) （高性能的通用虚拟机） 
+   - 官网：[https://www.graalvm.org/](https://www.graalvm.org/)
+- ZGC：[https://juejin.cn/post/6859276583656980493](https://juejin.cn/post/6859276583656980493) （新一代垃圾回收器） 
+   - 官网：[http://openjdk.java.net/projects/zgc/](http://openjdk.java.net/projects/zgc/)
+
+### 自学 Java 专题资源
+
+- ⭐ GitHub Java 专区：[https://github.com/topics/java](https://github.com/topics/java)
+- ⭐ GitHub Java 合集：[https://github.com/akullpp/awesome-java](https://github.com/akullpp/awesome-java)
+- StackOverflow：[https://stackoverflow.com/questions/tagged/java](https://stackoverflow.com/questions/tagged/java) （解决问题必备）
+- ⭐ 掘金 Java 专区：[https://juejin.cn/tag/Java](https://juejin.cn/tag/Java)
+- 美团技术团队：[https://tech.meituan.com/](https://tech.meituan.com/)
+- 阿里技术团队：[https://102.alibaba.com/tech/list/](https://102.alibaba.com/tech/list/)
+- 有赞技术团队：[https://tech.youzan.com/tag/back-end/](https://tech.youzan.com/tag/back-end/)
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/Linux\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/Linux\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..f7e66fc
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/Linux\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,399 @@
+# Linux 学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+💂 + 💻 = 👴🏽
+
+建议先观看视频入门：[https://www.bilibili.com/video/BV1ev411G7VE/](https://www.bilibili.com/video/BV1ev411G7VE/)
+
+## 为什么学 Linux？
+
+相比于 Windows，Linux 免费、开源、安全、灵活、稳定、便于开发，所以更受企业青睐，甚至 **90% 以上** 的企业应用都是用 Linux 服务器部署的。
+
+无论是前端、后端、算法、测试、运维等计算机相关岗位的同学，都建议学习下 Linux，大有裨益。
+
+## 学习境界
+
+首先，Linux 入门很简单，但想学的透彻难上加难！
+
+因此，在学习之前要明确目标。
+
+可以 Linux 的学习分为几种境界：
+
+1. 明劲，就是了解 Linux 的基本概念，会敲常用命令来应对工作。对于大多数想从事开发和运维岗位的同学，学到这就足够找到工作了。
+2. 暗劲，又分为两种境界，能理解 Linux 尤其是其内核的设计思想，为小圆满；能将其思想应用到系统的架构设计中，为大圆满。暗劲境界的高手，冲击大厂、做架构师、从事底层开发，都不成问题。
+3. 化劲，可谓出神入化，不仅熟知 Linux 的使用、思想和细节，更能推陈出新，自主创造新的系统。
+
+当然，一般情况下，会用就够了，想进大厂最好也学习一些内核的设计思想。找到工作后，是否要深入学习完全取决于你自己。
+
+## 大纲
+
+![](https://qiniuyun.code-nav.cn/img/%E9%B1%BC%E7%9A%AE%20-%20Linux%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF.png#id=b9adW&originHeight=20254&originWidth=2163&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+## 路线
+
+### Linux 基础知识
+
+- 发展历史
+- ⭐ 特点和优势
+- 应用场景
+- ⭐ 常见 Linux 系统版本（推荐 CentOS 7+） 
+   - ⭐ CentOS
+   - ⭐ Ubuntu
+   - Debian
+   - Fedora
+- 何为开源？
+
+### Linux 环境
+
+-  搭建方式 
+   - ⭐ 虚拟机
+   - ⭐ 云服务器
+   - 在线工具
+   - WSL
+   - Docker 容器
+-  远程连接 
+   - ⭐ SSH
+   - 连接工具 
+      - ⭐ XShell
+      - ⭐ MobaXterm
+      - SecureCRT
+      - Putty
+
+### Linux 常用命令
+
+> 此处只列举命令名称，命令的具体用法可直接在手册中（https://www.linuxcool.com/）查询
+
+
+#### 系统信息
+
+- uname 查看系统信息
+- hostname 查看主机名
+- cat /proc/cpuinfo 查看 CPU 信息
+- lsmod 查看已加载的系统模块
+- top 查看系统使用情况
+- df 查看磁盘使用情况
+- fdisk 查看磁盘分区
+- du 查看目录使用情况
+- iostat 查看 I / O 使用情况
+- free 显示系统内存情况
+- env 查看环境变量
+- uptime 查看系统运行时间、用户数、负载
+
+#### 系统操作
+
+- shutdown 关机
+- reboot 重启
+- mount 挂载设备
+- umount 卸载设备
+
+#### 用户相关
+
+- su 切换用户
+- sudo 以管理员身份执行
+- who 查看当前用户名
+- ssh 远程连接
+- logout 注销
+- useradd 创建用户
+- userdel 删除用户
+- usermod 修改用户
+- groupadd 创建用户组
+- groupdel 删除用户组
+- groupmod 修改用户组
+- passwd 修改密码
+- last 显示用户或终端的登录情况
+
+#### 文件相关
+
+- cd 切换目录
+- ls 查看目录列表
+- tree 打印目录树
+- mkdir 创建目录
+- rm 删除目录
+- touch 新建文件
+- cp 复制文件
+- mv 移动文件
+- ln 创建文件链接
+- find 搜索文件
+- locate 定位文件
+- whereis 查看可执行文件路径
+- which 在 PATH 指定的路径中，搜索某系统命令的位置
+- chmod 设置目录权限
+- cat / more / less 查看文件
+- tac 倒序查看文件
+- head / tail 查看文件开头 / 结尾
+- paste 合并文件
+- zip / tar / gzip 压缩文件
+- unzip / tar / gunzip 解压文件
+- grep / sed / awk 文本处理
+- vim 文本编辑
+
+#### 程序相关
+
+- crontab 计划任务
+- nohup 后台运行程序
+- jobs 查看系统任务
+- ps 查看进程
+- kill 杀死进程
+- rpm / yum / apt / apt-get / dpkg 软件包管理
+- service / systemctl 服务管理
+
+#### 网络相关
+
+- ifconfig 查看网络属性
+- netstat 查看网络状态
+- iptables 查看 iptables 规则
+
+#### 其他
+
+-  date 显示系统时间 
+-  cal 显示日历 
+-  history 显示与操作历史 
+-  help 帮助 
+-  alias 别名 
+
+### 用户管理
+
+- 用户
+- 用户组
+- ACL 权限管理
+- 用户切换
+- 管理员
+
+### 文件管理
+
+- 文件操作 
+   - 创建
+   - 修改
+   - 复制
+   - 移动
+   - 删除
+- 文件浏览
+- 文件搜索
+- 文件权限
+- 软硬链接
+- 压缩 / 解压
+
+### 文本操作
+
+- 正则表达式
+- grep
+- sed
+- awk
+
+### VIM 编辑器
+
+-  基本操作 
+-  模式 
+-  快捷键 
+-  VIM 定制 
+-  插件增强 
+
+送张 VIM 键盘图：
+
+![](https://qiniuyun.code-nav.cn/img/vi-vim-cheat-sheet-sch.gif#id=uRBZ7&originHeight=724&originWidth=1024&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+### 磁盘管理
+
+- 使用情况查询
+- 磁盘分区
+- 挂载
+
+### 驱动管理
+
+- 驱动加载
+- 驱动更新
+- 网卡
+- 显卡
+
+### 进程管理
+
+- 启动进程
+- 杀死进程
+- 查看进程
+- 前台 / 后台任务
+- 进程监控
+
+### 计划任务
+
+- crond 服务
+- crontab 命令
+
+### 网络管理
+
+- IP
+- 端口
+- 主机名
+- hosts
+- 网络配置
+- 网络状态
+- 网络监控
+
+### 系统管理
+
+-  系统设置 
+   - 日期时间
+   - 语言
+   - 字符集
+-  系统服务 
+-  环境变量 
+-  日志 
+-  系统关机 / 重启 
+-  数据备份与恢复 
+
+### 服务管理
+
+- 服务查看
+- 启动服务
+- 禁用服务
+- 删除服务
+- 开机自启
+
+### 软件管理
+
+-  软件包管理器 
+   - ⭐ rpm
+   - ⭐ yum
+   - apt
+   - apt-get
+   - dpkg
+-  软件安装 
+-  软件更新 
+-  软件卸载 
+-  源码安装 
+
+### 常用软件 / 服务搭建
+
+-  HTTP 
+-  Mail 
+-  NFS 
+-  DNS 
+-  FTP 
+-  mysql 
+-  LVS + Keepalived 
+-  Apache 
+-  Nginx 
+-  Redis 
+-  日志服务 
+
+### Shell 脚本编程
+
+-  默认变量 
+-  运算符 
+-  条件 
+-  循环 
+-  执行 
+-  函数 
+   - 系统函数
+   - 自定义函数
+-  规范 
+-  调试方法 
+-  管道 
+-  I/O 重定向 
+
+### Linux 启动过程
+
+- BIOS 启动引导
+- 引导加载程序
+- 内核加载
+- 系统初始化（init）
+- 运行级别
+- 启动内核
+- 执行初始化脚本
+- 用户登录
+
+### Linux 内核
+
+- 内核的组成
+- 目录结构
+- 版本
+- 模块
+- 编译
+- 裁剪
+
+具体路线图参考：
+
+![](https://qiniuyun.code-nav.cn/img/%E5%86%85%E6%A0%B8%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB.jpg#id=HMWtl&originHeight=2443&originWidth=1869&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+### 第三方工具
+
+-  Ansible 
+-  Webmin 
+-  宝塔 Linux 
+
+## 岗位
+
+-  后端开发（Java / Go / C++） 
+-  底层开发（C / C++） 
+-  运维开发 
+-  大数据 
+-  云计算 
+-  自动化运维 
+-  嵌入式开发 
+-  网络工程师 
+
+## 学习建议
+
+多动手实践，建议自己购买一台云服务器，并且在本地搭建 Linux 虚拟机环境。
+
+一定要自己从 0 开始手敲命令安装软件、部署服务，熟悉整个项目的上线流程。
+
+每个命令至少要跟着敲一遍，了解它们的作用，并通过自然地练习，熟悉常用的 Linux 命令。
+
+记不住没关系，用文档查就行了。
+
+先会用，再理解。
+
+时间不多的话，可以通过面试题来了解一些 Linux 设计思想，而不是直接去深入学习内核，虽说学会了的确大有裨益，但性价比不高。
+
+## 资源
+
+-  视频 
+   - ⭐ 2021 韩顺平 一周学会Linux：https://www.bilibili.com/video/BV1Sv411r7vd（基于 CentOS 7.6 版本较新，视频长度刚刚好，也比较完整）
+   - 【千锋】Linux 云计算基础视频教程 650 集入门：https://www.bilibili.com/video/BV1pz4y1D73n（很全面，适合时间足够、想认真学的同学）
+   - 【狂神说Java】Linux 教程 - 阿里云真实环境学习：https://www.bilibili.com/video/BV187411y7hF（算是个小的入门教程吧，时间足够的话还是推荐看更完整的）
+   - 细说Linux - 从入门到精通：https://study.163.com/course/courseMain.htm?courseId=983014（感觉有点啰嗦，作为备用吧）
+   - 玩转Vim 从放弃到爱不释手：https://www.imooc.com/learn/1129（好评很多）
+   - 阿里云 Linux 运维学习路线：[https://edu.aliyun.com/roadmap/linux](https://edu.aliyun.com/roadmap/linux)
+-  书籍 
+   - 《鸟哥的 Linux 私房菜 —— 基础篇》：http://cn.linux.vbird.org/linux_basic/linux_basic.php（经典）
+   - 《深入理解 LINUX 内核》：[https://book.douban.com/subject/1767120/](https://book.douban.com/subject/1767120/)
+   - 《深入Linux内核架构》：[https://book.douban.com/subject/4843567/](https://book.douban.com/subject/4843567/)
+   - 《Linux内核完全剖析》：[https://book.douban.com/subject/3229243/](https://book.douban.com/subject/3229243/)
+   - 《Linux内核设计与实现(原书第3版)》：[https://book.douban.com/subject/6097773/](https://book.douban.com/subject/6097773/)
+-  文档 
+   -  Linux  教程（菜鸟教程）：[https://www.runoob.com/linux/linux-tutorial.html](https://www.runoob.com/linux/linux-tutorial.html) 
+   -  Linux 教程（W3CSchool）：[https://www.w3cschool.cn/linux/](https://www.w3cschool.cn/linux/) 
+   -  Linux 工具快速教程：https://linuxtools-rst.readthedocs.io（基础、工具进阶、工具参考） 
+-  合集 
+   - Linux内核学习资料：[https://github.com/0voice/linux_kernel_wiki](https://github.com/0voice/linux_kernel_wiki)
+   - GitHub Linux 专区：https://github.com/topics/linux（很多好项目）
+   - GitHub Linux 合集：https://github.com/inputsh/awesome-linux（Linux 系列技术）
+   - StackOverflow：https://stackoverflow.com/questions/tagged/linux（解决问题必备）
+   - 掘金 Linux 专区：https://juejin.cn/tag/Linux（技术文章）
+-  实战 
+   - ⭐ 蓝桥云课 Linux 基础入门：https://www.lanqiao.cn/courses/1（强烈推荐）
+   - 腾讯云动手实验室：[https://cloud.tencent.com/developer/labs](https://cloud.tencent.com/developer/labs)
+   - 阿里云体验实验室：[https://developer.aliyun.com/adc/labs/](https://developer.aliyun.com/adc/labs/)
+   - 阿里云知行实验室：[https://start.aliyun.com/](https://start.aliyun.com/)
+   - 华为云沙箱实验室：[https://lab.huaweicloud.com/](https://lab.huaweicloud.com/)
+-  社区（国内倒的差不多了） 
+   - Linux 中国：[https://linux.cn/](https://linux.cn/)
+   - 开源中国：https://www.oschina.net/（综合的开源社区）
+   - 红帽官网：[https://www.redhat.com/zh](https://www.redhat.com/zh)
+-  工具 
+   - DistroTest 在线操作系统测试：[https://distrotest.net](https://distrotest.net)
+   - ⭐ Linux 命令搜索：[https://wangchujiang.com/linux-command](https://wangchujiang.com/linux-command)
+   - Linux 命令大全手册：[https://man.linuxde.net/](https://man.linuxde.net/)
+   - Linux 命令大全手册：[https://www.linuxcool.com/](https://www.linuxcool.com/)
+   - Linux 命令示例：[http://linux-commands-examples.com/](http://linux-commands-examples.com/)
+   - 宝塔 Linux 面板：[https://www.bt.cn/](https://www.bt.cn/)
+   - 在线 Shell 脚本检查：[https://www.shellcheck.net](https://www.shellcheck.net)
+-  面试题 
+   - Linux 常见面试题整理：[https://zhuanlan.zhihu.com/p/376749877](https://zhuanlan.zhihu.com/p/376749877)
+   - Linux 常见面试题整理：[https://github.com/0voice/linux_kernel_wiki#-面试题](https://github.com/0voice/linux_kernel_wiki#-%E9%9D%A2%E8%AF%95%E9%A2%98)
+# [
+](https://github.com/0voice/linux_kernel_wiki#-%E9%9D%A2%E8%AF%95%E9%A2%98)
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/Python\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/Python\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..05d95bd
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/Python\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,690 @@
+# Python 学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+
+在看路线前，建议大家先通过以下视频了解几个问题：
+
+- Python 为什么这么火？
+- 为什么都在说学 Python 找不到工作？Python 真香么？
+- 我要学 Python 么？
+- 怎么快速学习？
+
+视频地址：[https://www.bilibili.com/video/BV133411C7u5/](https://www.bilibili.com/video/BV133411C7u5/)
+
+## Python 为什么火了？
+
+有很多原因，列举几点：
+
+1. 语法简单易学，其他语言 5 行代码才能实现的东西，Python 一行搞定！可以少写很多代码，因此不少同学拿 Python 刷算法题（但注意要理解算法本身哦）。
+2. 类库生态丰富，想做什么功能基本都有现成的代码，拿来直接用就行，无比方便！
+3. 免费开源，感兴趣、有能力的同学可以自己去研究源码。
+4. 其他特性，比如跨平台、可扩展等。
+5. 作为数据科学、人工智能的首选语言，踩到了时代的风口。
+
+于是乎，Python 被推向了神坛，甚至在 2021 年 10 月的编程语言排行榜中，Python 登上了第一位！
+
+![](https://qiniuyun.code-nav.cn/image-20211009115608685.png#id=RyD8M&originHeight=1076&originWidth=1908&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+但就是这样一门 “永远的神” 的编程语言，却在网上被口口相传说：学了 Python 找不到工作！
+
+哎，为啥呢？
+
+## 为什么 Python 不适合找工作？
+
+一方面是，大多数的企业，都不用 Python 来开发应用。
+
+因为 Python 的运行速度太慢了，别说跟底层的 C++ 比了，Java 都能甩它几条街！而且这和语言本身的设计实现有关，所以哪怕你再出什么技术去优化它的性能，也终究有个瓶颈，世界上最好的语言 PHP 也是一样。
+
+而对企业来说，**性能** 会直接影响用户体验和机器成本，尤其是在这个信息爆炸、大家都在追求性能的时代，Python 在应用开发领域的地位就很尴尬，而开发岗又正好是程序员中占比极高的岗位。
+
+另一方面，虽然 Python 的应用场景很多、相关岗位也不少，又是什么 AI、数据科学的主流语言是吧，未来很美好。但是，这些前沿技术的难点并不是 Python 语言的代码本身，而是算法和思想。Python 只是一个调包、把你思想表达出来的工具而已。所以这些前沿岗位的门槛远比你入门 Python、或者听培训机构画饼时要高的多，算法岗位、大厂的产品岗真就是神仙打架，而且研究生居多。
+
+## 学习目标
+
+既然这样，那我还要不要学 Python 呢？
+
+我认为：**必须要学！**
+
+但是，一定要先思考自己的学习目标，目标不同，对 Python 的学习态度和投入的时间也不同。
+
+如果想找开发岗位的工作，像上面说的，不建议把 Python 作为你的主语言，而是把它当做你的副武器。只需简单学学 Python 基础，就可以编写 Python 脚本来自动化办公、提高工作效率、做一些小工具了，性价比很高。
+
+**如果说编程语言是工具，那 Python 是对这句话的完美诠释。** 多会用一个神器，谁不爱呢？
+
+如果你想找其他岗位的工作，比如运维、测试、数据分析、产品经理、大数据、爬虫、人工智能、图像处理、多媒体处理、算法研究，当然也可以，只是如果以这些岗位为目标，除了要打好 Python 基础外，更重要的是理解对应领域的思想、方法和实践，而不是只会引库调包。
+
+如果你是初学编程或者出于好奇学编程，我也建议你学 Python，好玩、能学下去、能培养兴趣，这些对初学者非常重要，有了兴趣之后，再学别的语言就会如鱼得水。
+
+## 学习建议
+
+对于初学者和非 Python 岗位的从业者，就把 Python 当工具学，了解下基础语法和常用类库，需要写 Python 脚本时，能利用搜索引擎和文档写出（或者复制）代码就行。只要你学过其他编程语言，上手 Python 真的都很容易，3 - 7 天就能学会。
+
+建议学习时多写些小例子，比如 Python 处理表格、Python 处理 PDF 等，感受 Python 类库的强大就完事儿~
+
+## 学习路线大纲
+
+折叠了一部分，还是老长，**思维导图获取见文末** ：
+
+![](https://qiniuyun.code-nav.cn/img/%E9%B1%BC%E7%9A%AE%20-%20Python%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF.png#id=ZnuEV&originHeight=8214&originWidth=1960&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+## 学习路线
+
+### 基础
+
+- Python 安装
+- 开发工具 
+   - PyCharm
+   - Sublime
+   - VS Code
+- 变量 
+   - 定义变量
+   - 关键字
+   - 命名规则
+   - 基本数据类型
+   - 类型转换
+- 运算符和表达式
+- 流程控制 
+   - 条件分支
+   - 循环
+- 基本数据结构 
+   - 字符串
+   - 列表
+   - 元组
+   - 集合
+   - 字典
+- 函数 
+   - 定义
+   - 参数传递
+   - 作用域
+   - lambda 表达式
+   - 常用内置函数
+- ⭐ 面向对象编程 
+   - 类和对象
+   - 三大特性 
+      - 封装 
+         - self
+         - 属性
+         - 方法 
+            - 类方法
+            - 实例方法
+            - 静态方法
+         - 访问控制
+      - 继承 
+         - 单继承
+         - 多继承
+      - 多态 
+         - 方法重写
+   - 运算符重载
+   - 装饰器
+   - 反射
+- 模块 
+   - 导入模块
+   - 常用模块 
+      - 文件处理
+      - 日期时间
+- 包 
+   - 导入包
+   - 生成包
+- 异常处理 
+   - 捕获异常
+   - try ... else ... finally 结构
+   - 自定义异常
+- 文件操作 
+   - 文件开闭
+   - 文件读写
+
+### 进阶
+
+- 函数进阶 
+   - 闭包
+   - 匿名函数
+   - 生成器函数
+   - 装饰器
+   - 高阶函数
+- 正则表达式
+- 数据库编程 
+   - 数据库基础
+   - SQL 编写
+   - 查询 
+      - 聚合
+      - 分组
+      - 关联
+      - 排序
+   - 事务
+   - 数据库设计
+   - 数据库调优
+- 并发编程 
+   - 同步和异步
+   - 阻塞和非阻塞
+   - 多线程
+   - 多进程
+   - 协程
+   - 并发类库
+- 网络编程 
+   - 网络基础（七层模型、IP）
+   - 网络协议（TCP、UDP、HTTP、HTTPS、FTP、DNS）
+   - WebSocket
+
+### web 开发
+
+- Django 框架 
+   - 安装与 Demo
+   - MVT 分层
+   - 模型 
+      - 数据库基础
+      - ORM 
+         - 单表查询
+         - 多表查询
+         - 聚合查询
+   - 视图
+   - 模板 
+      - 模板语法
+      - 静态资源
+   - 路由
+   - Django Admin 管理工具
+   - 测试
+   - 会话
+   - 鉴权
+   - 文件上传
+   - 中间件
+   - 高级特性 
+      - 分页
+      - 缓存 
+         - 本地缓存
+         - Redis 分布式缓存
+      - 序列化
+      - 信号
+      - celery 任务调度
+   - Restful API 开发 
+      - 概念
+      - 数据序列化
+      - Django Rest Framework
+   - 部署
+   - 项目实战
+- 前端基础 
+   - HTML
+   - CSS
+   - JavaScript
+- Flask 框架
+
+### 爬虫
+
+- 概念
+- 合法性
+- 数据抓取 
+   - 常用网络协议（http / https）概念
+   - 请求 
+      - 请求头
+      - 请求参数
+      - 请求类型
+   - 响应 
+      - 响应头
+      - 响应参数
+   - requests 模块
+   - urllib 模块
+   - 模拟登陆
+   - 静态 / 动态网站抓取
+   - 无头浏览器 
+      - selenium
+      - puppeteer
+- 数据解析 
+   - 常用标签
+   - BeautifulSoup
+   - 正则表达式
+   - xpath
+- 数据导出 
+   - 文件 
+      - Excel
+      - CSV
+   - 数据库 
+      - MongoDB
+      - MySQL
+   - 中间件 
+      - Redis
+- Scrapy 框架 
+   - 核心概念 
+      - 命令行工具
+      - Spiders
+      - Selectors
+      - Items
+      - Item Loaders
+      - 管道
+      - Scrapy Shell
+      - Link Extractors
+   - 调度器
+   - 分布式爬虫
+   - 部署
+- 并发异步爬虫 
+   - aioHttp
+   - asyncio
+- 高级 
+   - IP 代理
+   - 验证码识别
+   - APP 抓取
+   - 增量式爬虫
+- 项目实战
+- 反爬虫 
+   - 请求头限制
+   - 验证码
+   - 黑白名单
+   - 封禁 IP
+   - 数据加密
+   - 数据混淆
+   - 行为分析
+
+### 自动化运维
+
+- Linux 环境
+- Shell 脚本编写
+- 脚本管理
+- 脚本发布
+- Python 运维库
+- 常用运维工具
+
+### 数据分析（数据科学）
+
+- 环境搭建 
+   - Anaconda
+   - Conda
+   - Miniconda
+   - Jupyter Notebook
+- 常用数据结构
+- 常用类库 
+   - Numpy 
+      - 数组
+      - 索引
+      - 切片
+      - 多维数组
+      - 函数
+   - Pandas 
+      - Series
+      - DataFrame
+      - 索引
+      - 对齐
+      - 函数
+      - 统计
+- 数据处理 
+   - 数据清洗
+   - 层次化索引
+   - 数据连接
+   - 数据合并
+   - 分组聚合
+   - 轴向旋转
+- 数据可视化 
+   - matplotlib
+   - seaborn
+   - pyechart
+
+### 算法（人工智能）
+
+> 鱼皮自己没怎么接触人工智能，结合网上很多大神的资料整理而成，也有一定参考意义。
+
+
+- 数学基础 
+   - 高等数学
+   - 线性代数
+   - 概率论
+   - 统计分析
+- 机器学习 
+   - 特征工程
+   - 模型 
+      - 模型分类
+      - 模型评估
+      - 模型训练
+      - 模型调优
+   - 常用算法 
+      - 监督与无监督学习
+      - 回归（有监督） 
+         - 线性回归
+         - 决策树
+         - 集成算法
+      - 分类（有监督） 
+         - 逻辑回归
+         - 决策树
+         - 支持向量机
+         - 集成算法
+         - 贝叶斯算法
+      - 聚类（无监督） 
+         - k-means
+         - dbscan
+      - 降维 
+         - 主成分分析
+         - 线性判别分析
+      - 进阶 
+         - GBDT 提升算法
+         - lightgbm
+         - EM 算法
+         - 隐马尔科夫模型
+   - 多因子模型
+   - 常用库 
+      - Scikit-learn
+   - 量化交易策略
+- 深度学习 
+   - 数据预处理
+   - 算法 
+      - 神经网络
+      - 卷积神经网络
+      - 递归神经网络
+      - 对抗生成网络
+      - 序列网络模型
+   - 常用算法
+   - 框架和平台 
+      - Tenserflow2
+      - Pytorch
+      - Keras
+      - Caffe
+- 自然语言处理
+- 图像处理
+- 计算机视觉
+
+## 常用类库
+
+Python 能被广泛应用，很大程度上是因为其丰富的类库，就是他人提前写好并封装的代码。基本你要做什么东西都能找到对应的类库，直接看文档用就行了，大大提高开发效率！
+
+开源项目 `awesome-python-cn`（地址：https://github.com/jobbole/awesome-python-cn） 和 `awesome-python`（地址：https://github.com/vinta/awesome-python）已经帮大家整理了各方向的 Python 类库，数量非常多。鱼皮在此基础上筛选了一些相对优质的库，分享给大家。
+
+### 通用
+
+#### 日期处理
+
+- delorean：日期处理库
+- pendulum：日期时间操作库
+- dateutil：对标准 datetime 模块的强大扩展
+
+#### 终端优化
+
+- IPython：功能丰富的交互式 Python 解析器
+- Jupyter Notebook：基于网页的用于交互计算的应用程序
+- Prettytable：生成美观的 ASCII 格式的表格
+- Colorama：让终端具有颜色
+- bashplotlib：在终端中进行基本绘图
+- emoji：支持在 Python 终端输出表情
+- Ipyvolume：在 Jupyter notebook 中可视化 3d 体积和字形
+
+#### 文本处理
+
+- FlashText：高效的文本查找替换库
+- furl：url 处理库
+- pypinyin：汉字拼音转换工具
+- simplejson：JSON 编 / 解码器
+- JMESPath：JSON 查询语法库
+
+#### 其他
+
+-  Pipenv：Python 官方推荐的新一代包管理工具 
+-  threading：自带的线程库 
+-  multiprocessing：自带的多线程库 
+-  Chardet：字符编码检测器 
+-  logging：日志功能 
+-  PySnooper：Python 调试工具 
+-  sphinx：Python 文档生成器 
+-  pyttsx3：文字转语音库 
+-  PyWin32：提供和 windows 的交互 
+-  shortuuid：生成唯一 uuid 的库 
+-  more-itertools：支持迭代操作对象 
+-  cryptography：密码学工具包 
+
+### 网络请求 & 解析
+
+- requests：HTTP 请求库
+- aiohttp：异步 HTTP 网络库
+- scrapy：分布式网页采集框架
+- pyspider：一个强大的爬虫系统
+- BeautifulSoup：从 HTML 或 XML 文件中提取数据的库
+- you-get：网页视频下载器
+- wget：网页文件下载
+- musicdl：Python 音乐下载器
+
+### 文件处理
+
+- openpyxl：Excel 读写库
+- tablib：处理表格数据
+- csvkit：用于转换和操作 CSV 的工具
+- XlsxWriter：操作 Excel
+- python-docx：操作 office word 文档
+- PyPDF2：操作 PDF 文档
+- pdfminer：从 PDF 文档中抽取信息的工具
+- xhtml2pdf：HTML 转 PDF 工具
+- WeasyPrint：可视化网页，并支持导出为 PDF
+- html2text：将 HTML 转换为 Markdown 文档
+- xmltodict：像处理 JSON 一样处理 XML
+- moviepy：基于脚本的视频编辑模块
+- eyeD3：操作音频文件的工具
+- pyAudioAnalysis：音频特征提取分析
+
+### 界面开发
+
+- pyQT：跨平台的用户界面开发框架
+- Turtle：交互式绘画库
+- pyglet：跨平台界面及多媒体框架
+- wxPython：Python 用户界面开发工具
+- Pygame：一组用来开发游戏的 Python 模块
+- Manim：Python 数学动画引擎
+- progressbar：一个滚动条函数库
+- progress：进度条输出
+- tqdm：快速、可扩展的进度条
+
+### 测试
+
+- nose：测试框架
+- faker：生成假数据
+- PyAutoGUI：跨平台 GUI 自动测试模块
+- coverage：代码覆盖率测量
+- sqlmap：自动 SQL 注入和渗透测试工具
+
+### Web 开发
+
+- Django：Python 界最流行的 web 框架
+- Django REST framework：用于开发 web api 的框架
+- FastAPI：快速构建 web 应用程序
+- flask：Python 微型框架
+- Twisted：一个事件驱动的网络引擎
+
+### 运维
+
+- psutil：跨平台的进程和系统工具模块
+- supervisor：进程控制管理系统
+- sh：让 Python 支持 shell 脚本
+- dnspython：DNS 工具包
+- scapy：数据包处理库
+- pexpect：在伪终端中控制交互程序
+- paramiko：远程连接服务
+- Ansible：IT 自动化平台
+- SaltStack：基础设施自动化和管理系统
+- watchdog：管理文件系统事件的 API 和 shell 工具
+
+### 图像处理 & 计算机视觉
+
+- Pillow：图像处理库
+- kornia：计算机视觉库
+- Opencv：开源计算机视觉库
+- Mahotas：计算机视觉和图像处理库
+- Luminoth：计算机视觉的深度学习工具集
+
+### 数据分析 & 数据科学
+
+- NumPy：数值计算工具包
+- Pandas：主流的数据分析工具
+- pyecharts：基于百度 Echarts 的数据可视化库
+- Dash：快速构建 Web 数据可视化应用
+- matplotlib：Python 2D 绘图库
+- Seaborn：使用 Matplotlib 进行统计数据可视化
+- python-recsys：实现推荐系统的库
+- vaex：高速大数据处理库
+- SciPy：算法和数学工具库
+- blaze：NumPy 和 Pandas 的大数据接口
+- statsmodels：统计建模和计量经济学
+
+### 人工智能
+
+- Tensorflow：谷歌开源的最受欢迎的深度学习框架
+- keras：深度学习封装库，快速上手神经网络
+- Pytorch：具有张量和动态神经网络，并有强大 GPU 加速能力的深度学习框架
+- Caffe2：一个轻量、模块化、可扩展的深度学习框架
+- scikit-learn：基于 SciPy 构建的机器学习 Python 模块
+- PyMC：马尔科夫链蒙特卡洛采样工具
+- mmdetection：深度学习目标检测工具箱
+- imbalanced-learn：不平衡学习工具包
+- XGBoost：分布式梯度增强库
+- Gym：强化学习算法的工具包
+
+### 自然语言处理
+
+- NLTK：自然语言处理工具包
+- Gensim：话题建模库
+- Pattern：自然语言处理工具
+- fuzzywuzzy：用于字符串模糊匹配、令牌匹配等
+- TextBlob：为进行普通自然语言处理任务提供一致的 API
+- PyFlux：时间序列处理库
+- jieba：中文分词工具
+
+## 大纲
+
+（大纲图）
+
+## 岗位
+
+- 腾讯校招 Python 相关岗位：[https://join.qq.com/post.html?keyword=python](https://join.qq.com/post.html?keyword=python)
+- 岗位薪资查询：OfferShow 小程序
+- 运维工程师
+- Web 开发工程师（后端、全栈为主）
+- 测试工程师
+- 数据分析师
+- 产品经理
+- 算法工程师 
+   - 机器学习
+   - 计算机视觉
+   - NLP
+   - 多媒体处理
+- 大数据工程师 
+   - 大数据开发
+   - 数据挖掘
+- 网络爬虫工程师
+- 技术研究员
+
+## 资源
+
+### 视频
+
+#### 零基础
+
+- ⭐ 千锋教育 700 集零基础 Python 教程：https://www.bilibili.com/video/BV1R7411F7JV（非常全面，基础、web 开发、爬虫、数据分析、AI 基础都讲了，例子也很丰富）
+- ⭐ 黑马程序员600集 Python 教程：https://www.bilibili.com/video/BV1ex411x7Em（比较全面，基于 Linux 环境学习，以 Python 基础 + 面向对象为重点，还包含一部分游戏开发）
+- ⭐ Python 全栈开发教程：https://www.bilibili.com/video/BV1wD4y1o7AS（很纯粹的 Python 基础教程，案例多，适合快速入门）
+- 小甲鱼 -《零基础入门学习Python》最新版：https://www.bilibili.com/video/av52080698（可惜，更新到一半就没了。。）
+- 【麻省理工学院-中文字幕版】Python 和计算机科学导论公开课：https://www.bilibili.com/video/BV1ty4y1x7xP（适合外语不错的同学课外看，感受国外教学氛围）
+- 阿里云 python 工程师学习：https://developer.aliyun.com/graph/python（有在线编程体验）
+- 鱼皮公众号【程序员鱼皮】后台回复 Python，也有一套视频课
+
+#### 其他
+
+-  Web 开发 
+   - Python Django 项目实战教程：[https://www.bilibili.com/video/BV1pq4y1W7a1](https://www.bilibili.com/video/BV1pq4y1W7a1)
+   - Python + 微信小程序实战开发：https://www.bilibili.com/video/BV1Xy4y1s792（挺完整，后台用的 Django 框架）
+-  数据结构与算法 
+   - Python 数据结构与算法全套 100 节：[https://www.bilibili.com/video/BV1uA411N7c5](https://www.bilibili.com/video/BV1uA411N7c5)
+   - 【北京大学】数据结构与算法Python版（完整版）：[https://www.bilibili.com/video/BV1VC4y1x7uv](https://www.bilibili.com/video/BV1VC4y1x7uv)
+-  爬虫 
+   - 2020 年Python爬虫全套课程（学完可做项目）：[https://www.bilibili.com/video/BV1Yh411o7Sz](https://www.bilibili.com/video/BV1Yh411o7Sz)
+   - Python 爬虫编程基础 5 天速成：https://www.bilibili.com/video/BV12E411A7ZQ（很短的爬虫实战入门课）
+-  数据分析 
+   - 自学数据分析课程：https://www.bilibili.com/video/BV1ZM4y1u7uF（很纯粹的数据分析 + 可视化课程，适合办公党快速上手）
+   - 完整数据分析课程：https://www.bilibili.com/video/BV1vV411p7D6（数据分析 + 机器学习，很全面）
+   - Python 数据分析入门视频合集：[https://shimowendang.com/docs/36pykCPH6XCjKJcv/read](https://shimowendang.com/docs/36pykCPH6XCjKJcv/read)
+-  其他 
+   -  一天搞定人脸识别项目（python+opencv）：[https://www.bilibili.com/video/BV1Lq4y1Z7dm](https://www.bilibili.com/video/BV1Lq4y1Z7dm) 
+   -  Python 自动化办公：https://www.bilibili.com/video/BV1uv411W7Fi（主要是处理 Excel） 
+
+### 书籍
+
+- ⭐《Python编程：从入门到实践》：[https://www.code-nav.cn/rd/?rid=cbddf0af6064484f002658102cdbba17](https://www.code-nav.cn/rd/?rid=cbddf0af6064484f002658102cdbba17)
+- 《python学习手册》：[https://www.code-nav.cn/rd/?rid=79550af260643c8e0ce47ab84633e200](https://www.code-nav.cn/rd/?rid=79550af260643c8e0ce47ab84633e200)
+- 《笨办法学Python3》：[https://www.code-nav.cn/rd/?rid=b00064a760643bb90cbba72836995fd5](https://www.code-nav.cn/rd/?rid=b00064a760643bb90cbba72836995fd5)
+- 《Python编程快速上手》（第2版）：[https://book.douban.com/subject/35387685/](https://book.douban.com/subject/35387685/)
+- 《Python Cookbook 中文版》（第3版）：[https://book.douban.com/subject/26381341/](https://book.douban.com/subject/26381341/)
+- 《父与子的编程之旅》：[https://www.code-nav.cn/rd/?rid=8937eaa9615519680ed81c0e3165ee65](https://www.code-nav.cn/rd/?rid=8937eaa9615519680ed81c0e3165ee65)
+- ⭐《Python 深度学习》[https://www.code-nav.cn/rd/?rid=2d44d6c261624dd31224ed1b5841920c](https://www.code-nav.cn/rd/?rid=2d44d6c261624dd31224ed1b5841920c)
+- 《Python网络爬虫实战》第2版：[https://www.code-nav.cn/rd/?rid=b00064a7606440d40cbc2fca19192e4f](https://www.code-nav.cn/rd/?rid=b00064a7606440d40cbc2fca19192e4f)
+- 《Python数据科学手册》：[https://book.douban.com/subject/27667378/](https://book.douban.com/subject/27667378/)
+- 《利用Python进行数据分析》：[https://book.douban.com/subject/25779298/](https://book.douban.com/subject/25779298/)
+- 《轻量级Django》：[https://www.code-nav.cn/rd/?rid=28ee4e3e60641fd60d91fd2441418491](https://www.code-nav.cn/rd/?rid=28ee4e3e60641fd60d91fd2441418491)
+- ⭐ **编程导航 - 超多 Python 书籍直接免费下载** ：https://www.code-nav.cn/topic/Python（选择书籍标签）
+- Python Guide（英文）：[https://docs.python-guide.org/](https://docs.python-guide.org/)
+
+### 文档
+
+- ⭐ Python 入门教程（菜鸟教程）：https://www.runoob.com/python3/python3-tutorial.html（可以在线写代码练习）
+- Python 入门教程（W3Cschool）：https://www.w3cschool.cn/python3/（支持手机阅读）
+- Python 中文学习大本营：http://www.pythondoc.com/（一系列文档教程的集合）
+- Python 100 天：[https://github.com/jackfrued/Python-100-Days](https://github.com/jackfrued/Python-100-Days)
+- 廖雪峰 Python 入门教程：[https://www.liaoxuefeng.com/wiki/1016959663602400](https://www.liaoxuefeng.com/wiki/1016959663602400)
+- 莫烦 Python 教程：https://mofanpy.com/（包括基础、数据处理、机器学习等，部分内容有视频）
+- Django 官方教程：[https://docs.djangoproject.com/zh-hans/3.2/intro/tutorial01/](https://docs.djangoproject.com/zh-hans/3.2/intro/tutorial01/)
+- Manim 动画引擎教程：[https://docs.manim.org.cn/shaders/](https://docs.manim.org.cn/shaders/)
+- A Byte of Python：https://python.swaroopch.com/（Python 英文入门教程）
+- ⭐ 谷歌 Python 代码规范：[https://google.github.io/styleguide/pyguide.html](https://google.github.io/styleguide/pyguide.html)
+
+### 实战
+
+- ⭐ 蓝桥云课 Python 实战合集：[https://www.lanqiao.cn/courses/?fee=free&tag=Python](https://www.lanqiao.cn/courses/?fee=free&tag=Python)
+- 腾讯云在线 Python 实验：[https://cloud.tencent.com/developer/labs/gallery?tagId=23](https://cloud.tencent.com/developer/labs/gallery?tagId=23)
+- 阿里云 Python 入门实验：[https://developer.aliyun.com/adc/scenario/e04fe73ad95d4782aef7aecca206196e](https://developer.aliyun.com/adc/scenario/e04fe73ad95d4782aef7aecca206196e)
+- 华为云沙箱实验室：[https://lab.huaweicloud.com/testList.html](https://lab.huaweicloud.com/testList.html)
+- Python123：https://python123.io/index（在线编程，部分课收费）
+- CheckiO 游戏学 Python：[https://py.checkio.org/](https://py.checkio.org/)
+- 通过测试交互式学 Python（英文）：[https://github.com/gregmalcolm/python_koans](https://github.com/gregmalcolm/python_koans)
+- 交互式 Python 挑战（英文）：[https://github.com/donnemartin/interactive-coding-challenges](https://github.com/donnemartin/interactive-coding-challenges)
+- 通过项目学 Python（英文）：[https://github.com/practical-tutorials/project-based-learning#python](https://github.com/practical-tutorials/project-based-learning#python)
+- 通过示例交互式学 Python（英文）：[https://github.com/jerry-git/learn-python3](https://github.com/jerry-git/learn-python3)
+
+### 代码
+
+- 数据结构和算法 Python 实现：[https://github.com/keon/algorithms](https://github.com/keon/algorithms)
+- 《剑指 Offer》算法面试题 Python 实现：[https://github.com/JushuangQiao/Python-Offer](https://github.com/JushuangQiao/Python-Offer)
+- 设计模式 Python 实现：[http://www.pythontip.com/python-patterns/detail/abstract_factory](http://www.pythontip.com/python-patterns/detail/abstract_factory)
+- Python Machine Learning 代码：[https://github.com/rasbt/python-machine-learning-book-3rd-edition](https://github.com/rasbt/python-machine-learning-book-3rd-edition)
+- Python 小脚本：[https://github.com/RealHacker/python-gems](https://github.com/RealHacker/python-gems)
+
+### 合集
+
+-  ⭐ GitHub Python 专区：[https://github.com/topics/python](https://github.com/topics/python) 
+-  神经网络和深度学习相关框架：[https://github.com/ChristosChristofidis/awesome-deep-learning](https://github.com/ChristosChristofidis/awesome-deep-learning) 
+-  机器学习相关库：[https://github.com/josephmisiti/awesome-machine-learning#python](https://github.com/josephmisiti/awesome-machine-learning#python) 
+-  开源 Python 应用程序大全：[https://github.com/mahmoud/awesome-python-applications](https://github.com/mahmoud/awesome-python-applications) 
+-  Python 类库大全：[https://github.com/vinta/awesome-python](https://github.com/vinta/awesome-python) 
+-  Python 类库大全（中文版）：[https://github.com/jobbole/awesome-python-cn](https://github.com/jobbole/awesome-python-cn) 
+-  Python 异步大全：[https://github.com/timofurrer/awesome-asyncio](https://github.com/timofurrer/awesome-asyncio) 
+-  jupyter 相关：[https://github.com/markusschanta/awesome-jupyter](https://github.com/markusschanta/awesome-jupyter) 
+-  Python 书单：[https://github.com/Junnplus/awesome-python-books](https://github.com/Junnplus/awesome-python-books) 
+-  Python 书单（中文版）：[https://github.com/jobbole/awesome-python-books](https://github.com/jobbole/awesome-python-books) 
+-  StackOverflow Python 专区：https://stackoverflow.com/questions/tagged/python（解决问题必备） 
+-  ⭐ 掘金 Python 专区：https://juejin.cn/tag/Python（看技术文章） 
+
+### 社区
+
+- ⭐ PythonTab：https://www.pythontab.com/（中文 Python 开发者社区）
+- Learnku Python 技术论坛：[https://learnku.com/python](https://learnku.com/python)
+- 开源中国：https://www.oschina.net/（综合的开源社区）
+
+### 工具
+
+- ⭐ Python 在线编程（菜鸟教程）：[https://c.runoob.com/compile/6/](https://c.runoob.com/compile/6/)
+- 腾讯云 Python 在线手册：[https://cloud.tencent.com/developer/devdocs](https://cloud.tencent.com/developer/devdocs)
+- Python 在线手册汇总：[https://docs.pythontab.com/](https://docs.pythontab.com/)
+
+### 面试题
+
+- Python 面试题整理：[https://github.com/taizilongxu/interview_python](https://github.com/taizilongxu/interview_python)（高星）
+- Python 面试题整理：[https://github.com/kenwoodjw/python_interview_question](https://github.com/kenwoodjw/python_interview_question)
+- 机器学习面试题：[https://geektutu.com/post/qa-ml.html](https://geektutu.com/post/qa-ml.html)
+
+### 其他
+
+- ⭐ Python 常见问题：https://docs.python.org/zh-cn/3/faq/general.html（官方提供的 ）
+- GitHub Python 趋势：[https://github.com/trending/python](https://github.com/trending/python)
+- Python 模块推荐：[https://pymotw.com/3/](https://pymotw.com/3/)
+- Python 练习册：https://github.com/Yixiaohan/show-me-the-code（一些 Python 练习题目）
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/README.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/README.md"
new file mode 100644
index 0000000..467dc7f
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/README.md"
@@ -0,0 +1,31 @@
+# 免费学习路线
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+[Java 学习路线 by 程序员鱼皮](Java学习路线%20by%20程序员鱼皮.md)
+
+[前端学习路线 by 程序员鱼皮](前端学习路线%20by%20程序员鱼皮.md)
+
+[C++ 学习路线 by 程序员鱼皮](C++学习路线%20by%20程序员鱼皮.md)
+
+[Python 学习路线 by 程序员鱼皮](Python学习路线%20by%20程序员鱼皮.md)
+
+[SQL 免费实战自学网站 by 程序员鱼皮](SQL免费实战自学网站%20by%20程序员鱼皮.md)
+
+[计算机基础学习路线 by 程序员鱼皮](计算机基础学习路线%20by%20程序员鱼皮.md)
+
+[数据结构和算法学习路线 by 程序员鱼皮](数据结构和算法学习路线%20by%20程序员鱼皮.md)
+
+[Git & GitHub 学习路线 by 程序员鱼皮](Git&GitHub学习路线%20by%20程序员鱼皮.md)
+
+[Linux 学习路线 by 程序员鱼皮](Linux学习路线%20by%20程序员鱼皮.md)
+
+[设计模式学习路线 by 程序员鱼皮](设计模式学习路线%20by%20程序员鱼皮.md)
+
+
+
+
+
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/SQL\345\205\215\350\264\271\345\256\236\346\210\230\350\207\252\345\255\246\347\275\221\347\253\231 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/SQL\345\205\215\350\264\271\345\256\236\346\210\230\350\207\252\345\255\246\347\275\221\347\253\231 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..6deef53
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/SQL\345\205\215\350\264\271\345\256\236\346\210\230\350\207\252\345\255\246\347\275\221\347\253\231 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,93 @@
+# SQL 免费实战自学网站 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+相信很多学编程的同学都学习过 SQL 吧？SQL 作为数据库查询语言，实在是太重要了，可以说是程序员、产品经理、数据分析同学的必备技能。
+
+为了帮助大家自学 SQL，这段时间，我一个人做了个 **免费** 的 **闯关式** SQL 自学网，并且决定把代码 **完全开源** 给大家学习！
+
+如果你还不知道什么是 SQL，那么相信这个网站可以帮助你轻松入门；如果你已经学过了 SQL，那么不妨来挑战一下，看看自己的 SQL 水平是否过关。
+
+![](https://pic.yupi.icu/5563/202311051244948.png)某 B 友的评价
+
+项目演示视频：https://www.bilibili.com/video/BV1pV4y1i7LW（推荐先看这个）
+
+> 开源地址：https://github.com/liyupi/sql-mother
+
+## 项目介绍
+
+这个 SQL 自学网的名称为 `SQL 之母` ，寓意是像妈妈一样贴心地带你入门 SQL~
+
+> 了解我的朋友应该知道，我曾经做了个 SQL 代码生成器叫 `SQL 之父` ，寓意是 “生 SQL” 的
+
+![](https://pic.yupi.icu/5563/202311051244134.png)
+
+我个人认为，比起看教程学 SQL，**实战闯关练习** 的方式更容易带大家入门，所以给系统设计了 **一系列关卡**（总共 30 多关，都是我自己做的）。
+
+怎么使用网站来自学呢？步骤如下：
+
+1）在主页左侧，是关卡的教程题目区域，包括了知识讲解、示例和题目，请先完整阅读
+
+2）然后呢，在右上角的做题区域，编写代码并提交，尝试返回题目中要求的数据
+
+3）如果觉得题目太难了，可以使用右下角助手区域的查看提示、查看建表语句功能来帮助你答题，甚至你也可以直接查看答案
+
+4）如果你写的 SQL 语句和预期的结果一致，那么就可以进入下一关啦
+
+也可以直接看下面这张图：
+
+![](https://pic.yupi.icu/5563/202311051244196.png)
+
+> SQL 之母使用教程
+
+除了按照顺序过关外，大家还可以进入关卡页面自由选择关卡、自由学习，不用担心卡在一道题目上过不去、也可以不做自己觉得简单的题目。
+
+![](https://pic.yupi.icu/5563/202311051244023.png)
+
+> 选择关卡
+
+在关卡页面，我还提供了几个自定义关卡。毕竟时间和想象力有限，剧情可能比较水，大家别介意：
+
+![](https://pic.yupi.icu/5563/202311051244968.png)
+
+> 自定义关卡
+
+除了闯关外，我还提供了一个 SQL 广场功能，可以在小小的编辑器里随意输入 SQL 语句来练习~
+
+![](https://pic.yupi.icu/5563/202311051244889.png)
+
+> SQL 练习广场
+
+## 项目开源
+
+大家可能会好奇这个网站是怎么实现的？其实很简单，我把代码完全开源了，大家可以自行阅读，源码之前没有秘密！当然，拿去学习练手、或者做毕设也是 OK 的~
+
+开源地址：https://github.com/liyupi/sql-mother
+
+很关键的一点是，这个项目 **没有后端** ！甚至没有用到数据库！是纯前端实现的项目！
+
+有同学要问了：为什么不用后端呢？
+
+鱼皮：当然是为了减少被攻击的风险啊！！！
+
+![](https://pic.yupi.icu/5563/202311051244977.png)
+
+虽然项目是纯前端实现，而且我自己是主后端开发的，都觉得这个项目不难。
+
+首先框架用的是 Vue3，然后站在巨人的肩膀上，核心的 SQL 执行部分使用了 `sql.js` 开源库，通过 webassembly 实现了浏览器环境内 SQL 的执行。
+
+这个项目主要的麻烦之处在于关卡的设计，相当于梳理并编写了一套 SQL 的教程，很花时间。
+
+更多的项目信息我都写在开源文档里了，希望项目代码能给大家一些启发。我还写了一些项目贡献指南和扩展思路，希望能让更多同学有机会参与进来成为贡献者，一起让这个项目更好。
+
+![](https://pic.yupi.icu/5563/202311051244891.png)
+
+> 开源文档
+
+最后，希望这个网站能帮助大家顺利入门 SQL，欢迎大家体验并且在评论区打出你通关的时间、或者是倒在第几关了，便于我们去改良网站。
+
+制作不易，也希望朋友们可以点赞支持下，谢谢大家~
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/\345\211\215\347\253\257\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/\345\211\215\347\253\257\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..5ea82d2
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/\345\211\215\347\253\257\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,999 @@
+# 前端学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+
+💂 + 💻 = 👴🏽
+
+建议先观看视频导读：[https://www.bilibili.com/video/BV1nh411e7oG/](https://www.bilibili.com/video/BV1nh411e7oG/)
+
+## 路线特点
+
+1. 一份全面的前端知识点大梳理和汇总
+2. 分阶段学习，每个阶段给出学习目标
+3. 使用符号对知识点的重要程度做了区分，按需学习
+4. 知识点附有描述和资源链接
+5. 提供一份清晰的个人顺序学习路线方法
+6. 提供大量优质学习资源
+
+## 符号表
+
+可根据知识点前的符号按需选学，并获取知识点描述和学习资源。
+
+-  ⭐️ 必学（追求速成） 
+-  ✅ 建议学（重要知识） 
+-  ❗ 面试重点 
+-  ❌ 一般没必要学习 
+-  💬 描述 
+-  📚 资源 
+-  🎯 目标 
+
+## 大纲
+
+1. 前言 - 学编程需要的特质
+2. 前端学习七阶段 
+   1. 前端入门
+   2. 巩固基础
+   3. 前端工程化
+   4. 前端优化
+   5. 前端生态
+   6. 前端求职
+   7. 前端未来
+3. 我的前端学习路线
+4. 尾声 - 持续学习
+
+## 前言 - 学编程需要的特质
+
+相信自己有能力，那么你就真的会有！
+
+- 兴趣
+- 坚持
+- 付出
+- 心态
+
+## 一、前端入门
+
+-  💬 描述：学习前端基础三件套，建议从实战开始，边学边练，培养兴趣，快速入门。 
+-  📚 资源 
+   - freeCodecamp 在线编程：[https://www.freecodecamp.org/](https://www.freecodecamp.org/)
+   - 阿里云前端实战学习：[https://edu.aliyun.com/roadmap/frontend](https://edu.aliyun.com/roadmap/frontend)
+   - W3Cschool 编程入门实战：[https://www.w3cschool.cn/codecamp/](https://www.w3cschool.cn/codecamp/)
+   - pink老师前端入门教程：[https://www.bilibili.com/video/BV14J4114768](https://www.bilibili.com/video/BV14J4114768)
+-  🎯 目标：了解和实践各语言的基础语法，并能使用开发工具来独立开发一个留言板网站。 
+
+### ⭐️ 开发工具
+
+- 💬 描述：工欲善其事，必先利其器。
+
+#### 浏览器
+
+- ⭐️ Chrome
+- ✅ Edge
+- ✅ Firefox
+- ❌ Opera
+- Safari
+
+#### 编辑器
+
+- ⭐️ VSCode
+- ✅ WebStorm
+- Atom
+- ⭐️ Sublime Text
+- HBuilder X
+- 记事本
+- 在线 IDE
+
+#### 文档笔记
+
+- ✅ Markdown 语法
+- ✅ Typora
+- 在线笔记 
+   - 语雀
+   - 腾讯文档
+   - 石墨文档
+   - 印象笔记
+- Mdnice
+
+### ⭐️ HTML
+
+-  💬 描述：用于定义一个网页结构的基本技术。 
+-  📚 资源：[https://developer.mozilla.org/zh-CN/docs/Learn/HTML](https://developer.mozilla.org/zh-CN/docs/Learn/HTML) 
+-  ⭐️ 基本语法 
+-  ⭐️ 标签 
+   - 分区 div
+   - 标题 h1 ~ h6
+   - 段落 p
+   - 图像 img
+   - 列表 ul / ol
+   - 超链接 a
+   - 表单 form
+   - 表格 table
+   - 框架 iframe
+-  ⭐️ 属性 
+-  ✅ HTML5 特性 
+   - 语义化标签
+   - 浏览器支持
+   - 多媒体标签
+   - Canvas 画布
+   - ❌ 内联 SVG
+   - 本地存储 
+      - localStorage
+      - sessionStorage
+      - ❌ Web SQL
+   - Web Workers
+   - 应用缓存（Cache Manifest）
+   - 无障碍
+
+### ⭐️ CSS
+
+-  💬 描述：层叠样式表，用于设计风格和布局。 
+-  📚 资源：[https://developer.mozilla.org/zh-CN/docs/Learn/CSS](https://developer.mozilla.org/zh-CN/docs/Learn/CSS) 
+-  ⭐️ 基本语法 
+-  ⭐️ 引入方式 
+   - 行内样式
+   - 内部样式表
+   - 外部样式表
+-  ⭐️ 选择器 
+   - 通用选择器
+   - 标签选择器
+   - id 选择器
+   - class 选择器
+   - 属性选择器
+   - 派生选择器 
+      - 后代选择器
+      - 子元素选择器
+      - 相邻兄弟选择器
+   - 组合选择器
+   - 伪选择器
+   - 选择器优先级
+-  ⭐️ 属性 
+   - 单位 
+      - px
+      - em
+      - rem
+      - vw
+      - vh
+   - 背景
+   - 文本
+   - 字体
+   - 列表
+   - 表格
+-  ⭐️ 文档流 
+   - 标准流
+   - 浮动流
+   - 定位流
+-  ⭐️ 内联元素 / 块状元素 
+-  ⭐️ 盒子模型 
+   - content
+   - padding
+   - border
+   - margin
+-  ⭐️ 浮动 
+   - 设置浮动 float
+   - 清除浮动 clear
+-  ⭐️ 定位 
+   - static
+   - absolute
+   - fixed
+   - relative
+   - sticky
+-  ⭐️ 层叠规则 
+-  ❗ BFC 和 IFC 机制 
+-  CSS3 
+   - ⭐️ 响应式布局 
+      - 媒体查询
+      - Flex 布局
+      - Grid 布局
+      - 瀑布流
+   - 动画
+   - 过渡
+   - 渐变
+   - 背景
+   - 边框
+   - 圆角
+   - 字体
+   - 2D / 3D 转换
+
+### ⭐️ JavaScript
+
+-  💬 描述：具有函数优先的轻量级，解释型或即时编译型的编程语言。 
+-  📚 资源：[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript) 
+-  ⭐️ 基本语法 
+-  ⭐️ 数据类型 
+   - 值类型 
+      - 字符串 String
+      - 数组 Number
+      - 布尔 Boolean
+      - 空值 Null
+      - 未定义 Undefined
+      - Symbol
+   - 引用类型 
+      - 对象 Object
+      - 数组 Array
+      - 函数 Function
+-  ✅ 数据类型转换 
+-  ✅ 函数 
+   - ⭐️ 概念
+   - ⭐️ 自定义函数
+   - 调用方式 
+      - ⭐️ 全局调用
+      - 构造函数调用
+      - ⭐️ 函数方法调用
+      - apply
+      - call
+   - ✅❗ 闭包
+-  ✅ 对象 
+   - 概念
+   - this
+   - 原型链和继承
+   - 常用对象 
+      - 数字 Number
+      - 字符串 String 对象
+      - 日期 Date 对象
+      - 数组 Array
+      - 布尔 Boolean
+      - 算数 Math
+   - 自定义对象
+-  ✅❗ 作用域（作用域链） 
+-  ✅ BOM API 
+-  ⭐️ DOM API 
+-  ⭐️ JSON 
+-  ⭐️ Ajax 
+-  ✅ JavaScript 执行机制 
+
+#### ✅ ES6+ 特性
+
+-  💬 描述：新引入的 JavaScript 语法特性。 
+-  📚 资源：ES6 入门教程 [https://es6.ruanyifeng.com/](https://es6.ruanyifeng.com/) 
+-  let 和 const 
+-  变量解构赋值 
+-  对象扩展和新增方法 
+-  Symbol 
+-  Set 和 Map 数据结构 
+-  ⭐️❗ Promise & async / await 异步编程 
+-  Generator 函数异步编程 
+
+## 二、巩固基础
+
+-  💬 描述：学习前端、计算机、软件开发相关基础知识，并复习巩固上阶段学到的前端三件套。 
+-  📚 资源 
+   - 《JavaScript 高级程序设计》：[https://t.zsxq.com/0eKWGbTgL](https://t.zsxq.com/0eKWGbTgL)
+   - 《JavaScript 忍者秘籍》：[https://www.code-nav.cn/rd/?rid=28ee4e3e606b16c00e3c5b18609e3dc2](https://www.code-nav.cn/rd/?rid=28ee4e3e606b16c00e3c5b18609e3dc2)
+-  🎯 目标：熟悉前端三件套语法，尤其是 JavaScript，并了解互联网、域名、浏览器、服务器等，扎实前端程序员的基本功，为下面进入实战开发做准备。 
+
+### 前端基础知识
+
+-  ✅ 互联网 
+-  ⭐️ 域名 
+-  ⭐️ DNS 
+-  ⭐️ 服务器 
+-  ✅ 浏览器 
+   - 浏览器 DOM 事件流 / 事件委托
+   - ⭐️ 浏览器加载顺序
+   - ⭐️ 浏览器渲染过程
+   - 浏览器事件循环
+   - 浏览器同源策略
+   - ❗ 跨域解决方案
+   - 浏览器缓存
+   - 控制台调试技巧
+-  ✅ HTTP 
+   - ❗ HTTP 请求过程
+   - 常见 HTTP 协议 
+      - HTTP 1.0
+      - ⭐️ HTTP 1.1
+      - HTTP 2
+      - HTTP 3
+   - ⭐️ HTTP 请求类别
+   - ⭐️ 常见状态码 
+      - 1xx 信息
+      - 2xx 成功
+      - 3xx 重定向
+      - 4xx 客户端错误
+      - 5xx 服务器错误
+   - WebSocket
+   - ⭐️ Cookie
+   - Session
+   - ⭐️ HTTPS
+
+### 计算机基础
+
+#### ✅ 算法和数据结构
+
+-  ⭐️ 时间 / 空间复杂度分析 
+-  数据结构 
+   - 数组
+   - 字符串
+   - 队列
+   - 栈
+   - 链表
+   - 集合
+   - 哈希表
+   - 二叉树
+-  算法 
+   - 排序
+   - 双指针
+   - 查找
+   - 分治
+   - 动态规划
+   - 递归
+   - 回溯
+   - 贪心
+   - 位运算
+   - DFS
+   - BFS
+   - 图
+
+#### ✅ 计算机网络
+
+- HTTP 协议
+- 网络模型
+- UDP / TCP 协议
+
+#### ✅ 操作系统
+
+- 进程、线程
+- 进程 / 线程间通讯方式
+- 进程调度算法
+- 进程 / 线程状态
+- 死锁
+- 内存管理
+
+### 软件开发基础
+
+#### ✅ 设计模式
+
+- 单例模式
+- 代理模式
+- 工厂模式
+- 装饰者模式
+- 观察者模式
+- 策略模式
+- 门面模式
+
+#### ⭐️ Git 版本控制
+
+- 常用命令
+
+#### ✅ Linux 服务器
+
+- 常用命令
+
+#### ✅ 正则表达式
+
+## 三、前端工程化
+
+-  💬 描述：前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其主要目的为了提高开发过程中的开发效率，减少不必要的重复工作时间。 
+-  📚 资源 
+   - 什么是前端工程化？[https://www.zhihu.com/question/433854153/answer/1713597311](https://www.zhihu.com/question/433854153/answer/1713597311)
+-  🎯 目标：至少学会一门主流的前端开发框架（Vue / React），并配合脚手架、组件库、工具等从 0 开始独立搭建并开发一个完整的前端网站，可以试着仿一些知名站点。要求遵循企业开发规范，将项目代码提交到代码仓库中，并独立发布上线，供他人访问。此外，建议抓住机会参与一些团队项目，感受团队开发模式和前端工程化的优势。 
+
+### ⭐️ 研发流程
+
+1. 技术选型
+2. 初始化
+3. 开发
+4. 本地测试
+5. 代码提交
+6. 编译、打包、构建
+7. 部署
+8. 集成测试
+9. 发布上线
+10. 监控运维
+
+### ⭐️ 代码托管
+
+-  💬 描述：集中存储、备份你的代码，还能和团队成员协作开发。 
+-  ⭐️ GitHub 
+-  Gitee 
+-  GitLab 
+
+### ✅ Node.JS
+
+- 💬 描述：一个开源与跨平台的 JavaScript 运行时环境。 它是一个可用于几乎任何项目的流行工具！
+- 📚 资源 
+   - Node.js 官方教程：[http://nodejs.cn/learn](http://nodejs.cn/learn)
+   - Node.js 入门：[https://cnodejs.org/getstart](https://cnodejs.org/getstart)
+
+#### ⭐️ 包管理
+
+-  💬 描述：用于安装 Node.js 的扩展、工具等。 
+-  ⭐️ npm 
+-  ⭐️ yarn 
+-  ❌ bower 
+-  ✅ npx 
+
+#### 开发框架
+
+- Express
+- Koa
+- Egg
+
+### 开发框架
+
+- 💬 描述：解决特定的问题,提高_开发_效率、简化我们的代码复杂度。
+
+#### ⭐️ CSS 框架
+
+- ✅ BootStrap
+- ⭐️ Tailwind CSS
+
+#### ⭐️ JavaScript 框架
+
+##### ⭐️ Vue
+
+- Vue Router
+- Vuex
+
+##### ⭐️ React
+
+- React DOM
+- React Router
+- Redux
+- MobX
+- React Hooks
+
+##### ❌ Angular
+
+- RxJS
+- NgRx
+
+##### ✅ Svelte
+
+##### ✅ UmiJS
+
+### 封装库
+
+#### ⭐️ 组件库
+
+- ✅ LayUI
+- ⭐️ ElementUI（Vue）
+- ✅ VantUI（Vue）
+- ⭐️ Ant Design（React）
+- Material UI
+
+#### 数据可视化
+
+- ✅ AntV
+- Apache ECharts
+- HighCharts
+- D3.js
+
+#### 组件（插件）
+
+- 富文本编辑器
+- 弹窗
+- 轮播图
+
+#### 工具库
+
+- ✅ jQuery
+- ✅ Lodash
+- ✅ Axios
+- 时间处理 Moment.js
+
+#### 动效库
+
+- ✅ Animate.css
+- Ant Motion
+
+#### 字体图标库
+
+- ⭐️ IconFont
+- IconPark
+- Font Awesome
+
+### ⭐️ 脚手架
+
+-  💬 描述：快速生成新项目的目录模板，提升开发效率和开发舒适性。 
+-  📚 资源：[https://www.jianshu.com/p/25ce8cf2e6a7](https://www.jianshu.com/p/25ce8cf2e6a7) 
+-  Vue CLI 
+-  create-react-app 
+-  ✅ Yeoman 
+
+### ⭐️ 前端架构设计
+
+-  💬 描述：一系列工具和流程的集合，旨在提升前端代码的质量，并实现高效可持续的工作流。 
+-  模块化 
+-  组件化 
+-  ✅ MVVM 
+-  设计原则 
+-  ⭐️ SPA 单页应用 
+-  ⭐️ 多页应用 
+-  ✅ 前端路由 
+-  PWA 
+-  有损服务 
+
+#### ✅ 服务端渲染
+
+-  💬 描述：在服务端渲染 HTML 页面的模式。 
+-  📚 资源：[https://www.zhihu.com/question/379563505](https://www.zhihu.com/question/379563505) 
+-  Next.js（React） 
+-  Nuxt.js（Vue） 
+-  ❌ Universal（Angular） 
+
+#### BFF
+
+-  💬 描述：Backend For Frontend（服务于前端的后端），就是服务器设计 API 时会考虑前端的使用，并在服务端直接进行业务逻辑的处理。 
+-  📚 资源：[https://www.jianshu.com/p/eb1875c62ad3](https://www.jianshu.com/p/eb1875c62ad3) 
+-  GraphQL 
+
+#### ✅ 微前端
+
+-  💬 描述：将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，从而解决庞大的一整块后端服务带来的变更与扩展方面的限制。 
+-  📚 资源：[https://zhuanlan.zhihu.com/p/96464401](https://zhuanlan.zhihu.com/p/96464401) 
+-  qiankun 
+-  single-spa 
+
+### CSS in JS
+
+-  💬 描述：用 JavaScript 来写 CSS。 
+-  📚 资源：[http://www.ruanyifeng.com/blog/2017/04/css_in_js.html](http://www.ruanyifeng.com/blog/2017/04/css_in_js.html) 
+-  内联样式 
+-  声明样式 
+-  引入样式 
+
+#### ⭐️ CSS 模块化
+
+- ⭐️ CSS Modules
+- ✅ styled-components
+- ✅ Styled JSX
+- Emotion
+
+### ✅ 开发调试
+
+-  💬 描述：本地开发时热更新，提升开发效率。 
+-  webpack-dev-server 
+-  serve 
+
+#### 内网穿透
+
+-  💬 描述：将内网外网通过 nat 隧道打通，让内网的网站、数据让外网可以访问。 
+-  Ngrok 
+-  NATAPP 
+
+### ⭐️ CSS 预编译
+
+-  💬 描述：使用新的扩展语言以增强 CSS 的能力，并通过预编译的方式将其转换为浏览器认识的 CSS 代码。 
+-  ⭐️ SASS 
+-  ✅ PostCSS 
+-  Stylus 
+-  ❌ LESS 
+
+### 测试
+
+#### 测试分类
+
+- ⭐️ UT 单元测试
+- SIT 系统集成测试
+- E2E 端到端测试
+- UAT 用户验收测试
+
+#### ✅ Mock
+
+-  💬 描述：通过随机数据，模拟各种场景，增加单元测试的真实性。 
+-  Mock.js 
+
+#### ✅ 测试框架
+
+-  ✅ Jest 
+-  Enzyme 
+-  ✅ Puppeteer（Headless Browser） 
+-  Mocha 
+-  Jasmine 
+
+### ✅ 代码质量
+
+#### 开发规范
+
+-  💬 描述：依照规范写出的代码会更加合理。 
+-  📚 资源：Airbnb 代码规范 [https://github.com/BingKui/javascript-zh](https://github.com/BingKui/javascript-zh) 
+-  CSS Style Guide 
+-  JavaScript Style Guide 
+
+#### 类型校验
+
+- TypeScript
+
+#### 代码检查
+
+- ESLint
+- StyleLint
+
+#### 代码风格
+
+-  💬 描述：根据配置自动格式化代码，统一格式。 
+-  Prettier 
+
+#### 提交规范
+
+- 约定式提交
+
+#### 提交检查
+
+-  💬 描述：在提交代码时触发一些操作，比如检查代码的风格等。 
+-  pre-commit 
+-  husky 
+
+### 构建工具
+
+#### 自动化构建
+
+-  💬 描述：按照配置好的流程自动打包构建项目，提高团队的开发效率，降低项目的维护难度。 
+-  Gulp 
+-  ✅ npm script 
+-  Grunt 
+
+#### 打包工具
+
+-  💬 描述：将各种零散的📚 资源文件打包为可在浏览器等环境运行的代码。 
+-  ⭐️ Webpack 
+-  ✅ Rollup 
+-  ✅ Vite 
+-  Parcel 
+-  Snowpack 
+
+### CI / CD
+
+- 💬 描述：通过在应用开发阶段引入自动化来频繁向客户交付应用。
+- GitLab CI
+- ✅ Jenkins
+
+### 部署
+
+#### ⭐️ Web 服务器
+
+##### ⭐️ Nginx
+
+-  💬 描述：高性能的 HTTP 和反向代理 web 服务器。 
+-  📚 资源：腾讯云动手实验室 [https://cloud.tencent.com/developer/labs/gallery](https://cloud.tencent.com/developer/labs/gallery) 
+-  反向代理 
+-  解决跨域 
+-  改写请求 
+
+##### ✅ Apache
+
+#### 容器
+
+##### ✅ Docker
+
+-  💬 描述：容器是一个标准化的软件单元，它将代码及其所有依赖关系打包，以便应用程序从一个计算环境可靠快速地运行到另一个计算环境。Docker容器镜像是一个轻量的独立的可执行的软件包。包含程序运行的时候所需的一切：代码，运行时间，系统工具，系统库和设置。 
+-  📚 资源：Docker 从入门到实践 [https://vuepress.mirror.docker-practice.com/](https://vuepress.mirror.docker-practice.com/) 
+-  Dockerfile 
+
+##### Kubernetes
+
+#### 部署策略
+
+- 全量发布
+- 蓝绿部署
+- 滚动发布
+- 灰度发布
+
+### 监控告警
+
+- 前端埋点
+- 错误监控
+- 性能监控
+- 行为监控
+
+## 四、前端优化
+
+-  💬 描述：通过分析和优化手段，提高网站的性能和用户体验。 
+-  🎯 目标：实践前端优化方法，从多个方面优化自己做过的项目，最好能将优化后的网站与原网站进行对比，得到一些数据和体验上的明显提升。 
+
+### ✅ 性能优化
+
+#### 性能指标
+
+-  💬 描述：用于衡量一个 Web 页面的性能。 
+-  📚 资源：[https://juejin.cn/post/6844904153869713416](https://juejin.cn/post/6844904153869713416) 
+-  FP（First Paint） 
+   - 💬 描述：从开始加载到浏览器首次绘制像素到屏幕上的时间，也就是页面在屏幕上首次发生视觉变化的时间。
+-  FCP（First Contentful Paint） 
+   - 💬 描述：浏览器首次绘制来自 DOM 的内容的时间。
+-  FMP（First Meaningful Paint） 
+   - 💬 描述：页面的主要内容绘制到屏幕上的时间。
+-  FSP（First Screen Paint） 
+   - 💬 描述：页面从开始加载到首屏内容全部绘制完成的时间，用户可以看到首屏的全部内容。
+-  TTI（Time to Interactive） 
+   - 💬 描述：表示网页第一次完全达到可交互状态的时间点，浏览器已经可以持续性的响应用户的输入。
+
+#### 优化手段
+
+-  性能监控 
+   - Performance API
+-  样式优化 
+-  JavaScript 优化 
+   - 防抖
+   - 节流
+-  代码分割 
+-  📚 资源压缩 
+-  打包优化 
+-  服务器优化 
+-  缓存优化 
+   - Service Worker
+-  动画性能 
+-  dns-prefetch 
+-  Lazy loading 
+-  优化启动性能 
+   - 异步化
+-  渲染优化 
+-  网络优化 
+-  移动端性能优化 
+-  ✅ CDN 
+   - 💬 描述：内容分发网络，是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。
+   - 📚 资源：BootCDN [https://www.bootcdn.cn/](https://www.bootcdn.cn/)
+
+### 用户体验
+
+- 设计系统
+- 骨架屏
+
+### ✅ 兼容性
+
+#### 浏览器兼容性
+
+- normalize.css
+- html5shiv.js
+- respond.js
+- Babel
+- Polyfill
+
+#### 屏幕分辨率兼容性
+
+#### 跨平台兼容性
+
+### SEO
+
+-  💬 描述：搜索引擎优化，利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。 
+-  📚 资源：百度搜索📚 资源平台 [https://ziyuan.baidu.com/cooperateresource/index](https://ziyuan.baidu.com/cooperateresource/index) 
+-  robots.txt 
+-  description 
+-  keywords 
+-  SiteMap 
+-  HTML 标签优化 
+-  站内链接建设 
+-  友情链接 
+
+### ✅ 安全
+
+- ⭐️ XSS
+- CSRF
+- 反爬虫
+- SQL 注入
+- DDoS
+
+## 五、前端生态
+
+-  💬 描述：如今，前端领域的范围越来越广，出现了更多前端工程师需要了解和关注的技术。 
+-  🎯 目标：能用学到的前端技术去做更多的事情，比如开发个人博客、文档网站、小程序、APP 等。 
+
+### ⭐️ 静态站点构建
+
+#### 开发
+
+- React Static
+
+#### 博客
+
+- ✅ Gatsby.js
+- ✅ Docusaurus
+- Hugo
+- Hexo
+
+#### 文档
+
+- JekyII
+- ⭐️ Docsify
+- VuePress
+- ✅ Dumi
+
+### ✅ 大前端
+
+💬 描述：前端技术的融合更加紧密，应用的领域也更加广泛，前端领域的内容呈现多样化，除了网站外，还可以用前端技术跨平台开发 Android、iOS、小程序、虚拟现实、增强现实等。
+
+#### 移动应用
+
+- Hybrid
+- WebView
+- React Native
+- Flutter
+
+#### 移动应用打包
+
+- Weex
+- Cordova
+- Phonegap
+- Ionic
+
+#### 桌面应用
+
+- Electron
+- NW.js
+- Proton Native
+
+#### 小程序
+
+- 原生
+- WebView
+
+#### 跨端开发框架
+
+- ✅ uni-app
+- ✅ Taro
+- Flutter
+- Chameleon
+- Wepy
+- Rax
+
+#### 移动端调试
+
+- Chrome Dev Tools
+- Android Simulator
+- IOS Simulator
+
+### ✅ Serverless
+
+- 💬 描述：一种构建和管理基于微服务架构的完整流程，允许你在服务部署级别而不是服务器部署级别来管理你的应用部署，你甚至可以管理某个具体功能或端口的部署，这就能让开发者快速迭代，更快速地开发软件。
+
+### ✅ 云开发
+
+-  💬 描述：云端一体化的后端云服务 ，采用 Serverless 架构，免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具（CLI）、Flutter SDK 等能力降低了应用开发的门槛。使用云开发可以构建完整的小程序/小游戏、H5、Web、移动 App 等应用。 
+-  ✅ 腾讯云云开发 
+-  阿里云云开发 
+
+### 低代码
+
+-  💬 描述：无需编码（零代码）或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。 
+-  腾讯云低码 
+-  阿里宜搭 
+
+## 六、前端求职
+
+-  💬 描述：求职是一个漫长的过程，建议拉长战线，尽早准备。 
+-  🎯 目标：找到理想的工作。 
+
+### 简历
+
+- 老鱼简历：[https://laoyujianli.com/](https://laoyujianli.com/)（1 分钟帮你生成精美的个人简历）
+
+### 面试题库
+
+- 编程导航精选面试题汇总：[https://yuyuanweb.feishu.cn/wiki/CmFywXs0Oi0MS9kU3yocJugFn2e](https://yuyuanweb.feishu.cn/wiki/CmFywXs0Oi0MS9kU3yocJugFn2e)
+- 前端面试每日 3+1：[https://github.com/haizlin/fe-interview](https://github.com/haizlin/fe-interview)
+- React 面试题目 & 题解：[https://github.com/sudheerj/reactjs-interview-questions](https://github.com/sudheerj/reactjs-interview-questions)
+
+### 面经
+
+- 编程导航面经汇总：[https://yuyuanweb.feishu.cn/wiki/PLHrwcEPCiJcxXk7Ki4csRoJn2f](https://yuyuanweb.feishu.cn/wiki/PLHrwcEPCiJcxXk7Ki4csRoJn2f)
+
+## 七、前端未来
+
+-  💬 描述：前端未来可能的发展趋势和热门技术。 
+-  🎯 目标：关注前沿，持续进步。 
+-  WebAssembly 
+-  智能 UI 
+-  React Server Component 
+-  CSS Houdini 
+
+### WebComponents
+
+- HTML templates（HTML模板）
+- Custom elements（自定义元素）
+- Shadow DOM（影子DOM）
+
+## 我的前端学习路线
+
+虽然上面整理的学习路线知识点非常多，但是大家也别太担心，其实按照一定顺序和方法来学习，并不会很难，聊聊我的学习经历。
+
+### 1. 快速入门，培养兴趣
+
+刚开始学习前端时，一定要以培养兴趣、快速入门为目标。我入门前端时，由于没有基础、啥都不懂，因此选择在线实战教程网站来学习，跟着教程案例一行行把代码敲下来，实时浏览显示效果，很轻松地就把 HTML、CSS、JavaScript 的语法基础过了一遍。但是这时，我对看过的知识点没有什么印象，基本是看了就忘，当我想要自己写一个网站，也根本无从下手。
+
+于是，我开始试着死记硬背代码，结果发现背了之后还是不会写。那干脆一不做二不休，直接打开编辑器和教程网站，把之前在线实战时敲过的代码复制粘贴到编辑器中，然后再修改保存，到浏览器中打开文件。这样虽然要在编辑器和浏览器中来回切换，但起码能看到自己的网页文件运行的效果了。后来，我利用浏览器开发者工具提升了自己开发网站的调试效率，敲出的代码达不到满意的效果时，就再去查，再改，再浏览，最后终于完成了一个留言板网站！
+
+通过这件事，我明白了一个道理，既然记不住知识，那就先别强行记忆，上手多写，忘了就去查不就好了？不要担心自己知识不够做不出来，只要你去试，都一定能实现。
+
+### 2. 多看多写，巩固基础
+
+在这种操作下，我虽然能使用基础三件套开发简易网站了，但做的很慢，还老出问题。于是，我开始完整地看了几本前端入门和项目实战书籍，有三件套入门的，也有响应式网站设计的，还有 JavaScript 综合讲解的，以及一套完整的视频教程，通过这些来复习巩固之前学过的知识，打好了基础，并且了解了更多实战教程上没见到的知识。
+
+看书和视频的过程中，我跟着做了几个简易的网站，也是边看边做。在这之后，我发现自己渐渐地能够脱离文档来写网站了！
+
+### 3. 框架学习，学以致用
+
+但是，总感觉开发网站时，什么都要自己写，重复的代码写一大堆，很麻烦。于是，我试着上网搜了解决这些问题的方法，发现可以用组件库减少重复编写 HTML 和 CSS 代码，于是学了 LayUI，其实和之前一样的，就是打开官网找到要用的组件，然后复制到项目中修改就行了，写的多了竟然还真记住了一些（虽然这个没必要记）。
+
+界面和样式代码简化了，但是 JavaScript 写的我依旧头疼。于是我决定进入下一个阶段的学习，当时先看了本书叫《锋利的 jQuery》来学习 jQuery，学会之后使用它趁热打铁做了几个网站，发现的确能大大简化繁琐的 JavaScript DOM 操作，让我尝到了甜头，又有了继续学习前端的动力。
+
+在那之后大概半年，我开始学习主流前端框架 Vue，也是跟着视频教程学，并且结合 ElementUI 组件库开发了一个响应式网站。不得不说，习惯了用原生 JavaScript 和 jQuery 开发后，再去用 Vue 开发，真的是爽飞了，小有成就感。
+
+### 4. 根据需要，自主学习
+
+在那之后，我就是通过不断地做项目来积累经验，既然编程知识太多学不完，那我就随需随学，逐渐拓宽自己的知识面。举个例子，我要做一个移动端 H5 页面，那就去搜 Vue 的移动端组件库，学会了 MintUI、VantUI 等；项目中要处理日期，那我就去搜日期处理库，学会了 Moment.js；项目重复文件和代码太多，我就去网上搜一些组件化、模块化的最佳实践；项目代码太大、加载太慢，我就去网上搜一些前端压缩、性能优化的方式；要把开发好的项目变成 APP，那我就去网上搜到了 Cordova 等打包工具；跟其他同学一起做项目时比较混乱、开发效率低，我就去搜了一些代码规范、前端工程化等；遇到 Bug 时，也是自己去网上搜索解决方案，并且还要看看有没有知识点是我遗漏的，我会再去弥补学习。通过不断实践、不断遇到问题和自主解决问题，我始终保持着学习的积极性，学到了越来越多前端的知识，并通过归纳总结来加深印象。
+
+### 5. 渐入佳境，拓宽视野
+
+在那之后，我学前端技术非常快了，像 React、TypeScript、Redux、Dva、Umi、Lerna 等等都随用随学，随学随用。此外，我不仅仅关注前端网页开发本身，还同时关注前端的生态和发展，学习了微前端、Serverless、云开发、低代码等技术，因此个人的能力提升也很大。如今在鹅厂工作中也是，面对各种不同技术栈的前端项目，我都能迎难而上，毕竟不会就学嘛！
+
+哦，写的渐入佳境，我都忘了，自己是一名后端工程师，还搁这儿吹牛逼呢（ 所以本路线难免会有不专业的地方，请大家见谅~
+
+### 6. 总结
+
+总结一下，学前端的路线其实就一句话：基础三件套 => 巩固基础 => 学习框架 => 多做项目 => 按需学习 => 拓宽视野。还有一个学任何编程技术都要注意的点，全程多敲代码！多敲代码！多敲代码！
+
+## 尾声 - 持续学习
+### 前端职业发展的几个阶段
+
+1. 作为一名合格的前端开发，首先你要能干活、能通过 Vue 之类的前端框架完成公司的需求，比如还原设计稿、开发交互、搭建项目的初始框架（架构）、开发内部的组件库（基建）等等，重点是要学会如何和后端系统进行对接（前后端联调），有时候也需要完成一些简单的服务端开发，比如使用 Node 搭建中间层 / 接入层（BFF）。 
+2. 这就需要你除了学习前端基础三件套之外，还要熟练使用一个开发框架 Vue / React 以及前端工程化的一些工具 / 轮子，比如打包工具用 webpack、性能分析工具、SSR 等），可以帮助你更好地设计项目、开发项目，从而应对需求的变化、使项目更易于维护、可扩展。 
+3. 如果要成为高级前端开发，要了解常用框架 / 工具的运行原理和机制。最好有一个自己擅长 / 专攻的领域，比如低代码、Web IDE、可视化、性能优化、Web Assembly 等等，并且积极参与开源项目和公开分享。
+
+随着学习知识的不断丰富和深入，要学会主动到网上关注和汲取知识、了解前端的发展和新技术趋势。比如看书、掘金、InfoQ 等技术网站，或者关注某个领域的大佬、参加一些大会等。
+
+### 优秀前端人的特质
+
+-  深厚的功底 
+-  良好的编码习惯 
+-  发现问题的洞察力 
+-  思维灵活，善于思考 
+-  追求技术，紧跟前沿 
+-  有创造力，有行动力 
+-  追求用户体验 
+-  时刻保持好奇 
+-  全栈意识 
+-  解决问题的能力强 
+-  懂得合作和高效沟通 
+-  重视工作，同样重视生活 
+-  责任心和全局观 
+-  个人的进步能带动团队的进步 
+
+### 学习资源
+
+- 编程导航（包含以下所有资源，强烈推荐 👍）：[https://www.code-nav.cn](https://www.code-nav.cn)
+- freeCodecamp 在线编程：[https://learn.freecodecamp.one/](https://learn.freecodecamp.one/)
+- 阿里云前端实战学习：[https://edu.aliyun.com/roadmap/frontend](https://edu.aliyun.com/roadmap/frontend)
+- W3Cschool 编程入门实战：[https://www.w3cschool.cn/codecamp/](https://www.w3cschool.cn/codecamp/)
+- 腾讯云动手实验室：[https://cloud.tencent.com/developer/labs/gallery](https://cloud.tencent.com/developer/labs/gallery)
+- pink老师前端入门教程：[https://www.bilibili.com/video/BV14J4114768](https://www.bilibili.com/video/BV14J4114768)
+- MDN 前端文档：[https://developer.mozilla.org/zh-CN](https://developer.mozilla.org/zh-CN)
+- Node.js 入门：[https://cnodejs.org/getstart](https://cnodejs.org/getstart)
+- 前端清单：[https://cheatsheets.devtool.tech/](https://cheatsheets.devtool.tech/)
+- 前端小课：[https://lefex.github.io/](https://lefex.github.io/)
+- 被删的前端游乐场：[http://www.godbasin.com/](http://www.godbasin.com/)
+- 《ES6 入门教程》：[https://es6.ruanyifeng.com/](https://es6.ruanyifeng.com/)
+- 谷歌 Web 开发者：[https://developers.google.com/web](https://developers.google.com/web)
+- JavaScript 明星项目：[https://risingstars.js.org/2020/zh](https://risingstars.js.org/2020/zh)
+- Best of JS：[https://bestofjs.org/](https://bestofjs.org/)
+- Codewars：[https://www.codewars.com/?language=javascript](https://www.codewars.com/?language=javascript)
+- Vue.js examples：[https://vuejsexamples.com/](https://vuejsexamples.com/)
+
+### 前端资讯
+
+- 掘金资讯：[https://juejin.cn/news](https://juejin.cn/news)
+- InfoQ：[https://www.infoq.cn/topic/Front-end](https://www.infoq.cn/topic/Front-end)
+- daily.dev：[https://daily.dev/](https://daily.dev/)
+
+### 技术博客
+
+-  掘金：[https://juejin.cn/frontend](https://juejin.cn/frontend) 
+-  腾讯前端 IMWEB：[http://imweb.io](http://imweb.io) 
+-  腾讯 Web 前端团队 Alloy Team：[http://www.alloyteam.com](http://www.alloyteam.com) 
+-  淘宝前端团队：[http://taobaofed.org](http://taobaofed.org) 
+-  百度 Web 前端研发部：[http://fex.baidu.com](http://fex.baidu.com) 
+-  京东凹凸实验室：[https://aotu.io](https://aotu.io) 
+-  360 奇舞团：[https://75team.com](https://75team.com) 
+-  七牛团队技术博客：[http://blog.qiniu.com](http://blog.qiniu.com) 
+-  有赞技术团队：[https://tech.youzan.com/tag/front-end/](https://tech.youzan.com/tag/front-end/) 
+-  百度 EFE Tech：[https://efe.baidu.com/](https://efe.baidu.com/) 
+-  css-tricks：[https://css-tricks.com/archives](https://css-tricks.com/archives) 
+-  web.dev：[https://web.dev/blog/](https://web.dev/blog/) 
+
+### 学习要点
+
+- 前期学习以培养兴趣为主，不要过于追求深层理解。
+- 前端学习不能靠死记硬背，要多敲代码、多做项目实践。
+- 不要急于求成，踏实积累才是硬道理。
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/\346\225\260\346\215\256\347\273\223\346\236\204\345\222\214\347\256\227\346\263\225\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/\346\225\260\346\215\256\347\273\223\346\236\204\345\222\214\347\256\227\346\263\225\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..bdb93b0
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/\346\225\260\346\215\256\347\273\223\346\236\204\345\222\214\347\256\227\346\263\225\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,318 @@
+# 数据结构和算法学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+为什么数据结构和算法如此重要？因为：程序 = 数据结构 + 算法
+
+数据结构是一组数据的存储结构和组织方式，使得该组数据便于访问、修改、存储。
+
+算法是操作数据的一组方法，解决问题的一系列步骤。
+
+## 学习的必要性
+
+有些同学可能会因为平时写代码用不到数据结构和算法，就认为它们不重要，这是**一个错误的认识 **！
+
+其实很多时候，并不是用不到，而是因为你欠缺了一部分知识后，根本就想不到去用它来优化你的程序，比如提高性能、节省内存等。
+
+还有一个平时很少用到算法的原因是：其他开发者给你封装好了。但假如有一天，你用的框架或算法库出了问题、或者某个算法效率低下，需要你来优化的时候，如果没学过数据结构和算法你大概率是搞不定的。
+
+换句话说，不是不报，是时候未到。学好算法和数据结构，有助于开拓我们的思路，改变我们思考问题的方式，提高我们的问题解决能力（公司最看重的也是这点）。
+
+至少我觉得，学习数据结构和算法让我受益匪浅。
+
+## 学习条件
+
+1. 必须要学过至少一门编程语言
+2. 需预留至少 2 个月的空余时间，急着找工作的同学可以先不学
+
+## 什么时候学数据结构和算法？
+
+时间足够的话，我个人建议 **学完一门编程语言后 **就可以开始刷算法了。一方面是因为算法真的是太重要了；另一方面是用 Java 刷算法还能巩固一下语法基础，避免出现纸上谈兵、后面做项目时因为不熟悉语法导致写不出代码的情况。
+
+完全零基础的话，数据结构和算法不是面试前短短几周就能准备过来的（除非你很聪明）。鱼皮是从大二上开始跟着学校学习数据结构（虽然我没怎么听课，是靠后面自己看书补回来的），并且从大二暑假开始刷题，一年多的时间总共刷了 1000 多道算法题。因为自己准备得早，所以学得还算比较扎实，面试时遇到的算法题目基本都能答出来；也是因为准备得早，每天的压力没那么大。
+
+## 大纲
+思维导图源文件：
+[数据结构和算法学习路线 by 程序员鱼皮.xmind](https://bcdh.yuque.com/attachments/yuque/0/2022/xmind/398476/1647767616242-2d26b3c0-0a6f-425f-a125-5ddc78e532e0.xmind)
+![](https://qiniuyun.code-nav.cn/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png#id=zLsxq&originHeight=1828&originWidth=1782&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+## 知识
+
+- 数据结构 
+   - 线性结构 
+      - 数组 
+         - 字符串
+      - 链表 
+         - 单向链表
+         - 双向链表
+         - 循环链表
+      - 栈
+      - 队列 
+         - 普通队列
+         - 双端队列
+   - 散列结构 
+      - 集合
+      - 映射
+      - BitMap
+   - 树 
+      - 二叉树
+      - 二叉查找树
+      - 多叉树
+      - 前缀树
+      - 堆 
+         - 小顶堆
+         - 大顶堆
+   - 图 
+      - 最短路径
+      - 并查集
+      - 最小生成树
+      - 拓扑排序
+- 算法 
+   - 排序 
+      - 冒泡排序
+      - 快速排序
+      - 插入排序
+      - 希尔排序
+      - 选择排序
+      - 堆排序
+      - 归并排序
+      - 计数排序
+      - 桶排序
+      - 基数排序
+   - 贪心
+   - 分治
+   - 动态规划
+   - 递归
+   - 回溯
+   - 枚举
+   - 查找 
+      - 有序表查找 
+         - 二分查找
+      - 线性表查找
+      - 树结构查找
+      - 散列表查找
+   - 搜索 
+      - 深度优先搜索 DFS
+      - 广度优先搜索 BFS
+   - 字符串匹配 
+      - KMP
+      - 前缀树
+   - 位运算
+- 复杂度分析 
+   - 时间复杂度
+   - 空间复杂度
+
+## 学习建议
+
+1. 数据结构和算法不可追求速成（学得快忘得快），而是应该每天坚持刷 2 道以上的题目保持手感。（可以在星球中打卡分享自己每天所刷的题目，也许会有小伙伴和你一起讨论哦）
+2. 自己在写算法题目时，要给代码多写一些注释，记录自己当时的思考，并且做过的每道算法题目的代码都要分类保存好，便于自己复习。
+3. 可以根据实际情况自己写一些题解，写题解的过程中，不仅能检验自己是否真的理解，还能再次巩固、帮助自己复习。
+4. 算法是一种思想，用任何你正在学习或者熟悉的编程语言来写代码均可，可以帮助你复习编程语言的语法和细节。
+5. 不用因为担心自己算法不够而不敢面试，只要你有了基本的开发技能就足够了，算法可以持续强化。
+6. 很多同学可能会习惯性地刷自己觉得很简单的题目，而对于中等 / 困难的题目有恐惧感，下意识地回避。这在刚开始入门时没什么问题，但如果已经刷了几百题，不要满足于自己会的知识，要适当挑战，走出舒适圈。
+7. 有时间的朋友也可以试着参与各种算法竞赛和考证书，比如蓝桥杯、PAT 认证、LeetCode 周赛等。这些比赛没什么门槛，难度也没有 ACM 那么高。可以帮助你集中精神高效做题、提前适应面试的节奏感。
+
+## 学习路线
+> 本学习路线适用于所有从 0 开始学算法的同学，但如果是要搞 ACM 算法竞赛的话，只学这些是远远不够的哦。
+
+
+### 预热
+> 该阶段可跳过，或者与之后的阶段同时进行
+
+
+初学编程、刚开始学习算法时，可以先通过阅读课外书、科普视频来培养兴趣，简单地入门，而不要求真正的理解。
+
+推荐阅读[《漫画算法：小灰的算法之旅》](https://zh.u1lib.org/book/18051247/c74b8f) ，轻松幽默。
+
+### 依次学习
+
+了解每个数据结构和算法的概念、特点、适用场景、时空复杂度，并且能够自己写代码从 0 到 1 实现一遍每个数据结构和算法。注意要按顺序学习，而不是一次性看完所有的数据结构和算法后才再回过头来写代码！
+
+要重点学的知识点基本就是大纲中提到的那些，图论这一块了解即可，优先级不高，面试考的也不多。链表、树是面试重点。
+
+推荐直接从 LeetCode 的学习板块 LeetBook 开始刷起，边学边写代码，学的更扎实。
+
+#### 学习顺序
+
+1. 算法基础理论和复杂度分析：https://www.bilibili.com/video/BV1nJ411V7bd（看前几节就可以了，后面可以配合着 LeetCode 去看，依次攻克每个知识点）
+2. 数组和字符串：[https://leetcode-cn.com/leetbook/detail/array-and-string/](https://leetcode-cn.com/leetbook/detail/array-and-string/)
+3. 链表：[https://leetcode-cn.com/leetbook/detail/linked-list/](https://leetcode-cn.com/leetbook/detail/linked-list/)
+4. 队列 & 栈：[https://leetcode-cn.com/leetbook/detail/queue-stack/](https://leetcode-cn.com/leetbook/detail/queue-stack/)
+5. 哈希表：[https://leetcode-cn.com/leetbook/detail/hash-table/](https://leetcode-cn.com/leetbook/detail/hash-table/)
+6. 查找表类算法：[https://leetcode-cn.com/leetbook/detail/all-about-lockup-table/](https://leetcode-cn.com/leetbook/detail/all-about-lockup-table/)
+7. 二分查找：[https://leetcode-cn.com/leetbook/detail/binary-search/](https://leetcode-cn.com/leetbook/detail/binary-search/)
+8. 二叉树：[https://leetcode-cn.com/leetbook/detail/data-structure-binary-tree/](https://leetcode-cn.com/leetbook/detail/data-structure-binary-tree/)
+9. 二叉搜索树：[https://leetcode-cn.com/leetbook/detail/introduction-to-data-structure-binary-search-tree/](https://leetcode-cn.com/leetbook/detail/introduction-to-data-structure-binary-search-tree/)
+10. 前缀树：[https://leetcode-cn.com/leetbook/detail/trie/](https://leetcode-cn.com/leetbook/detail/trie/)
+11. N 叉树：[https://leetcode-cn.com/leetbook/detail/n-ary-tree/](https://leetcode-cn.com/leetbook/detail/n-ary-tree/)
+12. 数组类算法：[https://leetcode-cn.com/leetbook/detail/all-about-array/](https://leetcode-cn.com/leetbook/detail/all-about-array/)
+13. 初级算法：[https://leetcode-cn.com/leetbook/detail/top-interview-questions-easy/](https://leetcode-cn.com/leetbook/detail/top-interview-questions-easy/)
+14. 中级算法：[https://leetcode-cn.com/leetbook/detail/top-interview-questions-medium/](https://leetcode-cn.com/leetbook/detail/top-interview-questions-medium/)
+
+#### 完整教程
+
+- 数据结构与算法基础（青岛大学-王卓）：[https://www.bilibili.com/video/BV1nJ411V7bd](https://www.bilibili.com/video/BV1nJ411V7bd)
+- 尚硅谷 Java 数据结构与算法（视频）：[https://www.bilibili.com/video/BV1E4411H73v](https://www.bilibili.com/video/BV1E4411H73v) （难度和涉及的知识点比面试的要求大一些，**初次学习不建议看** ，适合时间充裕、希望更全面学习的朋友来查漏补缺）
+- 《算法图解》书籍：[https://www.aliyundrive.com/s/MFSC8TP7ANB](https://www.aliyundrive.com/s/MFSC8TP7ANB) 提取码: 73dl
+- 《大话数据结构》书籍：[https://www.aliyundrive.com/s/MFSC8TP7ANB](https://www.aliyundrive.com/s/MFSC8TP7ANB) 提取码: 73dl
+- 还有一些不同语言的数据结构与算法教程，可以在 [知识库 - 资源汇总](https://bcdh.yuque.com/staff-wpxfif/resource/all) 里搜索和获取。
+
+#### 辅助学习的工具
+
+- VisuAlgo 数据结构和算法动态可视化：[https://visualgo.net/zh](https://visualgo.net/zh)
+- 数据结构可视化：[https://www.cs.usfca.edu/~galles/visualization/Algorithms.html](https://www.cs.usfca.edu/~galles/visualization/Algorithms.html)
+- RegExr：[https://www.code-nav.cn/rd/?rid=79550af2601114e9012110711798772b](https://www.code-nav.cn/rd/?rid=79550af2601114e9012110711798772b) （学习、创建和测试正则表达式的在线可视化工具）
+
+### 依次练习
+
+学完某个数据结构和算法后，立刻趁热打铁去做几道相关的题目。
+
+每道题目给自己一个时间限制，超出时间后就直接去阅读题解（建议看带有图片和动画演示的题解），有一些思路后再试着自己去做题，直到把题目完成写出，并且要真正理解每道题目的解法。
+
+即使是自己做出的题目，也建议去看下其他同学的题解，多积累一种方法。
+
+### 刷题
+
+当把每个知识点学完一遍后，可以去 LeetCode 网站的题库中刷题，按照难易度、通过率、热门程度每天坚持刷几道。时间紧张（三个月内）的话也可以直接去刷热门题目集合。
+
+有时间的话，建议大家可以参加 [蓝桥杯竞赛](https://www.lanqiao.cn/) 、考 [PAT 认证](https://www.patest.cn/)，检验自己的学习、丰富自己的简历。
+
+#### 刷题顺序
+> 仅供参考，可以有自己的学习方法和习惯
+
+1. 先按知识点逐个去刷，可以进入 [https://leetcode-cn.com/leetbook/](https://leetcode-cn.com/leetbook/)，这里有按知识点分类的教程和题目，比如初级算法、数组、字符串、队列、栈、树等等。每刷完一个知识点，可以再做几道相关的题目，举一反三，每道题目都要做到 100% 通过。
+2. 把所有知识点逐个刷完后，可以再按照难度、通过率去自由刷题，刷大概几十道简单题目后，可以去做 LeetCode 热题 100 道：[https://leetcode-cn.com/problem-list/2cktkvj/](https://leetcode-cn.com/problem-list/2cktkvj/)。当然，时间紧迫的话，也可以直接刷热题。
+3. 算法最好刷 200 道题以上，每天 2 - 3 道，坚持 2 个月以上，并且还要整理好自己的代码、定期复习。尽量不要去刷冷门的题目！别逞能去刷那么多 Hard 题，性价比不高，不如省点时间去做项目。
+4. 刷完 LeetCode 经典题目后，可以去刷刷《剑指 Offer》或者《剑指 Offer 面试精装版》进行巩固。
+
+#### 相关资源
+
+- 算法刷题网站 
+   - LeetCode：[https://leetcode-cn.com/](https://leetcode-cn.com/)
+   - 洛谷：[https://www.luogu.com.cn/](https://www.luogu.com.cn/)
+   - 蓝桥：[https://lx.lanqiao.cn/](https://lx.lanqiao.cn/)
+- LeetCode 精选 100 道：[https://leetcode-cn.com/problem-list/2cktkvj/](https://leetcode-cn.com/problem-list/2cktkvj/)
+- LeetCode 精选算法 200 题：[https://leetcode-cn.com/problem-list/qg88wci/](https://leetcode-cn.com/problem-list/qg88wci/)
+- LeetCode 算法高频面试题汇总：[https://leetcode-cn.com/leetbook/detail/top-interview-questions/](https://leetcode-cn.com/leetbook/detail/top-interview-questions/)
+
+### 面试前
+
+在面试前，建议刷一遍 LeetCode 热门题目，有时间的话还可以阅读《剑指 Offer》、《剑指 Offer 专项突破版》、《程序员代码面试指南》等书籍，争取面试时撞到原题。
+
+#### 几份完整的题解
+> 有空的话挑一份看即可
+
+
+- 图解算法数据结构：[https://leetcode-cn.com/leetbook/detail/illustration-of-algorithm/](https://leetcode-cn.com/leetbook/detail/illustration-of-algorithm/)
+- Leetcode 真题解析视频：[https://www.bilibili.com/video/BV1a54y1b74k](https://www.bilibili.com/video/BV1a54y1b74k)
+- LeetCode 101（C++）：[https://github.com/changgyhub/leetcode_101](https://github.com/changgyhub/leetcode_101)
+- LeetCode 题解（C++）：[https://github.com/soulmachine/leetcode](https://github.com/soulmachine/leetcode)
+- LeetCode Cookbook（Go 语言）：[https://github.com/halfrost/LeetCode-Go](https://github.com/halfrost/LeetCode-Go)
+
+如果有意向公司（比如大厂）的话，可以去刷一下 [历年笔试题目](https://www.nowcoder.com/exam/company) （难度可能比较大，不要因此丧失信心，多练习后就习惯了）。
+
+### 工作后
+
+工作之后，如果有兴趣的话，可以通过刷题来帮助自己巩固编程语言、提升思维能力。
+
+## 额外服务
+适合想要更轻松、更快速学算法的同学：[编程导航算法通关村](https://yuyuanweb.feishu.cn/wiki/J9qLwpv75iropZkXpmIcYrZ8nNM)
+
+## 更多学习建议
+### 1、刷题顺序
+最直接的就是按照知识点标签选题，从【简单的】题目刷起，从【通过率高】的题目刷起，循序渐进。
+
+![](https://pic.yupi.icu/1/640-20231009103248320.png#height=305&id=pVNvD&originHeight=611&originWidth=1080&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=&width=538.4000244140625)
+
+### 2、养成自己的刷题习惯
+
+的确，学算法是枯燥的，想长期坚持非常难，像鱼皮当时刷了 1000 多道不同平台的题目，现在回过头来都觉得不可思议。
+
+分析下我能够坚持刷这么多题的原因，主要是因为养成了自己的刷题习惯，把刷算法当成了像刷牙洗脸一样的日常任务。
+
+怎么养成自己的刷题习惯呢？
+
+1）每天在固定的时间学习算法。比如我当时每天早上 6 点多就会躺在床上思考没解决的算法题，想到方案后就会拿个枕头靠在床上敲代码做题，其实都有点魔怔了哈哈。
+
+2）给自己定每日的学习目标。比如我每天会花 1 个半小时左右完成 3 道题目，不多也不少。如果没做完，就等其他工作完成后再静下心来思考；如果超前达到目标，那么可以奖励自己一顿番茄炒蛋。
+
+3）分享自己的学习记录。比如我当时每刷几十道题目，就会跟朋友小小 “炫耀” 一下，看着自己的打卡表越来越满，也会有不小的成就感。
+
+### 3、找到自己的灯塔
+
+如果一个人学算法觉得很累，那么就一定要找到能伴你共同前行的伙伴，或者给你指路的灯塔。
+
+可能是和你一起努力刷题的伙伴，可能是一个算法交流圈子，可能是一位专业的算法导师。
+
+说不定一个问题你自己思考 30 分钟还没办法解决，而请教他人 5 分钟就能解决了，能大大节约你的时间。
+
+至于一些三天打鱼两天晒网、动不动就摆烂的人，还是敬而远之。
+
+### 4、学会总结
+
+解决学算法学了就忘的最好方法，就是多记录总结，把知识沉淀成电子文档，而不是全部装在大脑里。
+
+不要觉得写总结很麻烦，记录自己的解题思路、或者在代码上补充详细的注释都是可以的。如果你连自己的思路都表述不清楚，那么说明这道题你就没有理解！打回去重做！
+
+可以通过云文档、GitHub 仓库、或者各平台的发帖来总结分享自己的题解和心得，费曼学习法，能够给别人讲清楚题目的做法，你自己的印象就会更深刻。
+
+这样做了之后，哪怕刷了算法就忘，也能快速通过自己的笔记总结捡起来当时的思路，大幅提高复习效率。
+
+### 5、利用题解
+LeetCode 平台的每道题目都有很多小伙伴给出了题解，讲述如何解决这道题。
+
+**怎么才算利用好题解呢？**
+
+首先，读题解包括两个部分，**读思路** 和 **读代码**，既要理解作者做题的思路和逻辑，也要细致入微地学习他人代码中优秀的写法。即使这道题目你做出来了，击败 100% 了，我也建议去看看别人的题解，学习更多他人解题的思路，帮助自己打开脑洞，做到 **一题多解**。
+
+话说，现在网上的题解实在是太多啦！在刷题时，读个一两份就行了，别给自己太大压力。
+
+除了看题解外，很多同学没有意识到，多写题解 才是真正的法宝，把自己的解题思路整理成文，或者讲给别人听。这样做不仅能够加深自己对题目的印象，进一步加深对算法的理解，帮助自己回顾解题过程，从而在面试的时候更容易复述；还能帮助到更多同学。
+
+甚至有一些厉害的同学通过记录和分享自己的题解，还没毕业，就已经出版了自己的书籍，年入几十万或者百万！
+
+写题解利人利己，何乐而不为呢？
+
+### 6、精益求精
+当你每次成功解题时，LeetCode 系统会生成一份解题报告，告诉你的程序在时间和空间上击败了多少用户。
+
+虽然答出题目就已经很棒了，但还不够。面试的时候，一些面试官就喜欢给你出题目的变种，或者要求你用更优的方式解出题目。所以，在保证完全理解题目解法的基础上，请不断优化你的代码，找到更多的思路和更优解，直到击败 100% 的用户吧。
+
+我们在工作中，虽然未必会直接和算法打交道，但学习算法对工作的帮助真的很大！
+
+解算法题时，我们要对多种算法分析复杂度，从中选择最优解。而在工作中，也是如此，一个需求有很多种实现方式，经常也要设计几种不同的方案，分析他们的成本、性能等差异，选择其中最好的一种进行实施。
+
+所以，请认真对待每一道算法题目，把它当成一个工程问题来解决，相信你的思维会逐渐打开，并逐渐掌握编写高性能程序的技巧。
+
+
+### 7、多实践
+#### 参加竞赛
+
+我建议大家多参加算法竞赛，这里的竞赛不是指 ACM 区域赛那种大神级别的，别忘了此时我们的目标只是找工作。
+
+其实，LeetCode 网站每周都会开展一次线上算法竞赛，看看谁能在有限时间内最快最多地解题。
+
+![](https://pic.yupi.icu/1/640-20231009114923573.png#height=283&id=xxc4z&originHeight=695&originWidth=1080&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=&width=440.4000244140625)
+
+在竞赛的过程中，紧张刺激的环境会使我们的精神保持高度集中，能够激发出我们的思维，从而在有限的时间内进行更多的思考，也能帮助我们适应面试的节奏。多多参加还有机会获得他们官方提供的奖励！
+
+此外，参加蓝桥杯竞赛也是不错的，我自己也参加了两届，题目的难度和找工作要求的算法题目难度相当，也能发现自身的不足、激励自己进步吧。
+
+#### 考取证书
+
+这几年，PAT 计算机程序设计能力考试在逐渐升温，分为顶级、甲级、乙级三个级别。
+
+![](https://pic.yupi.icu/1/640-20231009114923606.png#height=66&id=Pv22s&originHeight=130&originWidth=822&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=&width=420.4000244140625)
+
+我亲身参与过甲级和乙级的考试，难度适中，虽然目前这个证书的含金量不高，但在备战考证的过程中，你有一个学习的目标，会更有动力坚持下去。在我看来，过程大于结果。
+
+网址：[https://www.patest.cn/](https://www.patest.cn/)
+
+
+---
+
+
+加油小伙伴们！
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..2472d49
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,111 @@
+# 计算机基础学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+这篇文章汇总分享一些计算机领域的通用基础知识，主要包括：
+
+- 计算机导论（计算机基本概念）
+- 数据结构和算法
+- 操作系统
+- 计算机网络
+
+俗话说的好，基础不牢，地动山摇！只要你想入行并学好计算机，无论是什么岗位，最好都系统地学习下这些知识。尤其对于以逻辑思考为主的岗位（比如后端开发、算法工程师、系统开发、游戏开发等），这些基础知识更为重要。
+
+短时间来看，学这些知识可能会花费你一些时间；但从长期来看，基础好的同学，往往更容易理解后面学习的新知识，后期的发展会更顺利。
+
+就拿 “算法” 来举例，鱼皮刚开始也被算法折磨，觉得刷题没什么用，就是为了应付面试；但等到工作后，遇到复杂的业务场景时，由于我刷过算法，我才能想到用算法来解决问题，提高程序的执行效率。
+
+当然，如果你的时间非常有限，比如只有不到半年的时间就要找工作，那么先不用系统学习这些，课外时间看看视频或书籍了解一下就好了，工作后再去补充基础知识。
+
+## 计算机导论
+### 介绍
+计算机导论是介绍和科普计算机的入门课程，主要帮助大家在正式开始计算机学习前，先对计算机科学有一个大致的认识，包括计算机的历史和发展、计算机的应用领域和方向、计算机中的重要概念等等。
+
+### 学习建议
+计算机导论也是很多计算机专业同学的第一门课程，但是，它却是很多同学口中的 “水课”！鱼皮曾经也这么认为，甚至还在课堂上打起了斗地主，并且因此被点名批评。。。
+
+不是说这门课不重要，而是很多学校没有把它讲好，再加上学生学完这个课又做不出东西，所以才给了大家一种 “水” 的感觉吧。
+
+如果学校教了这门课，讲的还不错，那么建议适当听一听。虽说学习计算机导论并不会直接提高你的编程技能，但是它能够让你更了解计算机，从而在一定程度上帮助你培养学习兴趣、确定学习方向。
+
+而如果你是自学编程，不用刻意去学习计算机导论（尤其是不要读什么计算机导论书籍），而是可以通过看视频、阅读课外读物的方式慢慢地了解计算机。
+
+但无论你是跟学校的课还是自学，都必须要了解以下这些知识点和概念！都是我觉得比较重要的。
+
+千万别真的只会埋头写代码，却连最基本的计算机知识都不懂。
+
+### 知识
+
+-  计算机的历史和发展过程 
+-  计算机应用领域和发展方向 
+-  数字技术 
+   - 进制
+   - 电路
+-  计算机体系结构 
+   - CPU
+   - 内存
+   - I / O 设备
+   - 硬盘
+-  程序设计语言 
+-  算法（简单了解） 
+-  操作系统（简单了解） 
+-  计算机网络（简单了解） 
+   - 网络拓扑结构
+   - 网络设备
+   - 因特网 
+      - 网址和域名解析服务
+-  数据库（简单了解） 
+-  网络信息安全 
+   - 数据加密
+   - 数字签名
+   - 身份鉴权
+   - 访问控制
+   - 计算机病毒
+-  多媒体 
+   - 数字图像
+   - 数字声音
+   - 数字视频
+-  职业道德 
+
+### 资源
+#### 入门
+一般情况下，看以下几份资料就足够了：
+
+- 视频《计算机科学速成课》：[https://www.bilibili.com/video/BV1EW411u7th](https://www.bilibili.com/video/BV1EW411u7th) （从底层到上层的计算机知识科普，强烈推荐）
+- 书籍《半小时漫画计算机》：https://book.douban.com/subject/35619441/（很有趣的科普书籍）
+- 书籍《码农翻身》：https://github.com/luanguang/book-pdf/blob/master/%E7%A0%81%E5%86%9C%E7%BF%BB%E8%BA%AB%EF%BC%9A%E7%94%A8%E6%95%85%E4%BA%8B%E7%BB%99%E6%8A%80%E6%9C%AF%E5%8A%A0%E7%82%B9%E6%96%99.pdf（也是很有趣的科普书籍）
+
+#### 进阶
+想要进大厂、或者准备考研的同学，可以抽些时间去啃下面的书籍。
+这里鱼皮给出对应的视频公开课，自己学校的老师讲的不清楚的话，可以通过这些课程查漏补缺：
+
+- 《算法导论》：[https://www.bilibili.com/video/av48922404](https://www.bilibili.com/video/av48922404)
+- 《现代操作系统》：[https://www.bilibili.com/video/av9555596](https://www.bilibili.com/video/av9555596)
+- 《深入理解计算机系统》：[https://www.bilibili.com/video/av31289365](https://www.bilibili.com/video/av31289365)
+- 《编译原理》： [https://www.bilibili.com/video/BV1dL4y1H7T8](https://www.bilibili.com/video/BV1dL4y1H7T8)
+- 《计算机网络：自顶向下方法》：[https://www.bilibili.com/video/BV1JV411t7ow](https://www.bilibili.com/video/BV1JV411t7ow)
+- 《计算机程序的构造和解释》：[https://www.bilibili.com/video/av8515129](https://www.bilibili.com/video/av8515129)
+- 《数据库系统概论》：[https://www.bilibili.com/video/BV1G54y1d7ZK](https://www.bilibili.com/video/BV1G54y1d7ZK)
+
+## 数据结构和算法
+因为程序的本质就是 “数据结构 + 算法”，所以数据结构和算法可能是所有计算机基础知识中最重要的，也是面试时最容易被考察的。
+对于科班的同学来说，一般大一学编程语言时，学校老师就会让你刷 OJ 题目来接触数据结构和算法了；对于非科班的同学、或者着急就业的同学来说，数据结构和算法可以先不学，先去学习能让你做出作品的技术框架，之后有时间了再刷刷题。
+更详细的路线请见：[https://www.code-nav.cn/post/1640586867363954689](https://www.code-nav.cn/post/1640586867363954689)
+
+## 操作系统
+操作系统是管理计算机硬件与软件资源的计算机程序，是计算机系统中 **最基本** 的系统软件，大到 PC 电脑，小到微型芯片，都离不开操作系统，学习它的必要性也就不言而喻了。
+后端开发（尤其是 C++ 开发），一定要学好操作系统，才能帮助我们开发出更高性能的系统。
+更详细的路线请见：[https://www.code-nav.cn/post/1640587909942099969](https://www.code-nav.cn/post/1640587909942099969)
+
+## 计算机网络
+如今，我们开发的绝大多数程序都依赖网络来加载文件和数据，比如网站、小程序、后台程序等，因此计算机网络的重要性不言而喻。
+个人感觉，计算机网络的知识可能比操作系统更普适一些，无论是前端、后端、还是网络运维，都要学好计算机网络，有助于我们开发出占用带宽更少、加载更快的网络程序。
+更详细的路线请见：[https://www.code-nav.cn/post/1640588119619551233](https://www.code-nav.cn/post/1640588119619551233)
+
+---
+
+
+加油小伙伴们 💪🏻
diff --git "a/\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\276\350\256\241\346\250\241\345\274\217\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md" "b/\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\276\350\256\241\346\250\241\345\274\217\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"
new file mode 100644
index 0000000..537238b
--- /dev/null
+++ "b/\345\255\246\344\271\240\350\267\257\347\272\277/\350\256\276\350\256\241\346\250\241\345\274\217\345\255\246\344\271\240\350\267\257\347\272\277 by \347\250\213\345\272\217\345\221\230\351\261\274\347\232\256.md"	
@@ -0,0 +1,289 @@
+# 设计模式学习路线 by 程序员鱼皮
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+## 介绍
+大家有没有思考过如下几个问题？
+
+- 同样都是写代码，为什么有些同学的思路清晰、代码整洁；而我的代码却充满了重复和混乱，每次要修改时都无从下手、Bug 一堆？
+- 如何写代码，才能使得项目易于扩展和维护？
+- 我每天都在写重复的代码，如何提升水平？
+- 为什么我读不懂大佬写的源码？是不是缺少了什么知识？
+
+如果存在上述问题，那么我们一定要学习软件开发中的重要技能 —— 设计模式。
+
+设计模式是软件开发人员在软件开发过程中面临的一般问题的 **通用** 解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。
+
+通俗地说就是前辈们在写代码时摸索出了一些不错的方法，可以用于解决一类问题、更好地开发和维护项目。于是其他软件开发者纷纷效仿，久而久之，就得出了一套优秀的软件开发方法总结。
+
+目前最为经典的设计模式有 23 种，学习之后，不仅能帮助我们开拓思路、写出更优质的代码、提高项目的开发和维护效率；还能够帮助我们更好地阅读和理解源码，甚至可以根据文件名称直接推断出源码的架构设计（有点行话的感觉）！因此，在准备阅读框架源码前，强烈建议先学习设计模式。
+
+此外，设计模式也是软件开发相关岗位面试的重点（尤其是大厂、后端开发岗位），建议大家有时间的话都要学习。
+
+## 问题
+
+Q：前端要不要学设计模式？
+
+A：先学习基础的界面开发、组件库和框架的使用，之后可以将设计模式作为进阶知识来学习，想进大厂建议学习。毕竟设计模式是软件开发的通用思想 / 技能，独立于编程语言。
+
+## 学习条件
+
+1. 至少学过一门编程语言（学设计模式时需要多写代码实践）
+2. 使用过至少一门开发框架（这样在学习设计模式的时候能够和框架的设计结合起来，更好理解）
+
+## 大纲
+
+![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/1/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png#id=ygV2a&originHeight=1303&originWidth=2290&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
+
+## 知识
+
+-  软件开发原则 
+   - 单一职责原则（SRP）
+   - 开闭原则（OCP）
+   - 里氏替换原则（LSP）
+   - 依赖倒置原则（DIP）
+   - 接口隔离原则（ISP）
+   - 迪米特法则（最少知道原则）
+   - 合成 / 聚合复用原则（CARP）
+-  设计模式分类 
+   - 根据作用范围：类 / 对象模式
+   - 根据目的分类：创建型 / 结构型 / 行为型模式
+-  创建型模式：如何创建对象 
+   - 单例模式（懒汉式、饿汉式、双检锁、线程唯一单例）
+   - 工厂方法模式（类）
+   - 抽象工厂模式
+   - 建造者模式
+   - 原型模式
+-  结构型模式：如何将类或对象结合在一起形成一个更强大的结构 
+   - 适配器模式（类 / 对象）
+   - 组合模式
+   - 装饰器模式
+   - 代理模式
+   - 享元模式
+   - 外观模式
+   - 桥接模式
+-  行为型模式：类或对象间如何交互、如何划分职责，从而更好地完成任务 
+   - 迭代器模式
+   - 模板方法模式（类）
+   - 策略模式
+   - 命令模式
+   - 状态模式
+   - 责任链模式
+   - 备忘录模式
+   - 观察者模式
+   - 访问者模式
+   - 中介者模式
+   - 解释器模式（类）
+
+### 知识表
+
+> 表格来源： [schips](https://home.cnblogs.com/u/schips/)
+
+| 设计模式 | 适用层次 | 引入时机 | 复杂度 | 变化 | 实现 | 体现的原则 |
+| --- | --- | --- | --- | --- | --- | --- |
+| 工厂方法 | 代码级 | 编码时 | 简单 | 子类的实例化 | 对象的创建工作延迟到子类 | 开闭原则 |
+| 单例 | 代码级、应用级 | 设计时、编码时 | 简单 | 唯一实例 | 封装对象产生的个数 |  |
+| 门面 | 应用级、构架级 | 设计时、编码时 | 简单 | 子系统的高层接口 | 封装子系统 | 开闭原则 |
+| 模板方法 | 代码级 | 编码时、重构时 | 简单 | 算法子步骤的变化 | 封装算法结构 | 依赖倒置原则 |
+| 抽象工厂 | 应用级 | 设计时 | 较复杂 | 产品家族的扩展 | 封装产品族系列内容的创建 | 开闭原则 |
+| 组合 | 代码级 | 编码时、重构时 | 较复杂 | 复杂对象接口的统一 | 统一复杂对象的接口 | 里氏代换原则 |
+| 代理 | 应用级、构架级 | 设计时、编码时 | 简单 | 对象访问的变化 | 封装对象的访问过程 | 里氏代换原则 |
+| 命令 | 应用级 | 设计时、编码时 | 较简单 | 请求的变化 | 封装行为对对象 | 开闭原则 |
+| 观察者 | 应用级、构架级 | 设计时、编码时 | 较简单 | 通讯对象的变化 | 封装对象通知 | 开闭原则 |
+| 策略 | 应用级 | 设计时 | 一般 | 算法的变化 | 封装算法 | 里氏代换原则 |
+| 建造者 | 代码级 | 编码时 | 一般 | 对象组建的变化 | 封装对象的组建过程 | 开闭原则 |
+| Adapter | 代码级 | 重构时 | 一般 | 对象接口的变化 | 接口的转换 |  |
+| 桥接 | 代码级 | 设计时、编码时 | 一般 | 对象的多维度变化 | 分离接口以及实现 | 开闭原则 |
+| 装饰器 | 代码级 | 重构时 | 较复杂 | 对象的组合职责 | 在稳定接口上扩展 | 开闭原则 |
+| 迭代器 | 代码级、应用级 | 编码时、重构时 | 较简单 | 对象内部集合的变化 | 封装对象内部集合的使用 | 单一职责原则 |
+| 中介者 | 应用级、构架级 | 编码时、重构时 | 一般 | 对象交互的变化 | 封装对象间的交互 | 开闭原则 |
+| 备忘录 | 代码级 | 编码时 | 较简单 | 状态的辅助保存 | 封装对象状态的变化 | 接口隔离原则 |
+| 状态 | 应用级 | 设计时、编码时 | 一般 | 对象状态的变化 | 封装与状态相关的行为 | 单一职责原则 |
+| 访问者 | 应用级 | 设计时 | 较复杂 | 对象操作变化 | 封装对象操作变化 | 开闭原则 |
+| 原型 | 应用级 | 编码时、重构时 | 较简单 | 实例化的类 | 封装对原型的拷贝 | 依赖倒置原则 |
+| 享元 | 代码级、应用级 | 设计时 | 一般 | 系统开销的优化 | 封装对象的获取 |  |
+| 责任链 | 应用级、构架级 | 设计时、编码时 | 较复杂 | 对象的请求过程 | 封装对象的责任范围 |  |
+| 解释器 | 应用级 | 设计时 | 较复杂 | 领域问题的变化 | 封装特定领域的变化 |  |
+
+
+除了这 23 种主流设计模式外，还有一些其他设计模式，比如 Immutable 不可变模式等，了解即可。
+
+## 学习建议
+
+1. 对设计模式的学习和其他知识一样，先了解每种设计模式是什么？作用是什么？能够解决什么问题？适用于什么场景？有什么特点？类和对象的关系是什么（建议结合 UML 类图来理解）？再去考虑编码实现和进一步在项目中应用。
+2. 一定要多写代码实践，最好每个设计模式都实现一遍，不要去背代码，用的多了自然就能写出代码了。
+3. 每个设计模式都可以 **独立学习** ，互相之间联系不大，因此可以根据自己的时间来选择性学习（比如先学重点的单例模式）。
+4. 在学会基础的设计模式后，可以分析之前学过的框架源码（比如 Spring、MyBatis 等），参考别人是如何应用设计模式的。
+5. **不要过度依赖设计模式！！！！！！** 它并不是银弹，过分使用设计模式可能只会增加系统的复杂度。
+
+## 学习路线
+
+主流的设计模式共有 23 种，建议大家按照以下四个阶段来学习：
+
+1. 基础学习
+2. 编码实现
+3. 项目实战
+4. 备战面试
+
+其中第一个阶段和第二个阶段 **可以同时进行** ，即对于每个设计模式的学习都是：先了解、再编码实现。
+
+### 一、基础学习
+
+本阶段的目标：依次了解每一种设计模式的应用场景、特点、UML 类图，能够对设计模式有个基础的印象。
+
+#### 学习顺序
+
+根据使用频率、难易度、面试考察率等综合排序，仅供参考，并不绝对！
+
+优先：
+
+1. 单例模式
+2. 工厂方法模式
+3. 迭代器模式
+4. 策略模式
+5. 建造者模式
+6. 模板方法模式
+7. 代理模式
+8. 责任链模式
+9. 抽象工厂模式
+10. 适配器模式
+11. 观察者模式
+12. 外观模式
+
+一般：
+
+1. 桥接模式
+2. 组合模式
+3. 装饰器模式
+4. 状态模式
+5. 访问者模式
+6. 中介者模式
+7. 命令模式
+8. 备忘录模式
+
+低优先：
+
+1. 原型模式
+2. 享元模式
+3. 解释器模式
+
+#### 推荐资源
+
+> 以下资源看 1 - 2 个就足够入门了
+
+
+- 书籍 
+   - 《图解设计模式》：[https://www.aliyundrive.com/s/jcQugLGNs1V](https://www.aliyundrive.com/s/jcQugLGNs1V) 提取码: 5i9c（强烈推荐，用 Java 语言实现，图多、有示例代码、有习题和答案，很不错）
+   - 《大话设计模式》：[https://www.aliyundrive.com/s/73jZWnfAtaA](https://www.aliyundrive.com/s/73jZWnfAtaA) 提取码: 9gc7（比较有趣）
+   - 《Head First 设计模式》：[https://www.aliyundrive.com/s/GnuQcruh7Us](https://www.aliyundrive.com/s/GnuQcruh7Us) 提取码: 9gc7
+   - 《设计模式：可复用面向对象软件的基础》：[https://www.aliyundrive.com/s/T9ECaPtxzg4](https://www.aliyundrive.com/s/T9ECaPtxzg4) 提取码: 9gc7（大黑书，难度较大，有能力和时间才去读）
+   - 《JavaScript 设计模式与开发实践》：[https://www.aliyundrive.com/s/tzcZCU8bqnR](https://www.aliyundrive.com/s/tzcZCU8bqnR) 提取码: 9gc7（适合前端同学阅读）
+   - 《Python 设计模式》：[https://www.aliyundrive.com/s/3RNoX31XqUy](https://www.aliyundrive.com/s/3RNoX31XqUy) 提取码: 9gc7
+- 视频 
+   - 尚硅谷图解 Java 设计模式：[https://www.bilibili.com/video/BV1G4411c7N4](https://www.bilibili.com/video/BV1G4411c7N4) （讲的很棒也很全面，也和一些主流框架相结合，系统学习 Java 的同学可以看）
+   - 五分钟学设计模式：[https://www.bilibili.com/video/BV1af4y1y7sS](https://www.bilibili.com/video/BV1af4y1y7sS) （小短快科普，比较轻松）
+   - 黑马程序员Java设计模式详解：[https://www.bilibili.com/video/BV1Np4y1z7BU](https://www.bilibili.com/video/BV1Np4y1z7BU) （很完整，最后讲解了 Spring 框架的部分设计）
+   - 用一个项目讲解 23 种设计模式：[https://www.bilibili.com/video/BV19g411N7yx](https://www.bilibili.com/video/BV19g411N7yx) （和项目结合，思路不错，但其中有一些直播翻车，可部分跳过）
+- 文档 
+   - 菜鸟教程：[https://www.runoob.com/design-pattern/design-pattern-tutorial.html](https://www.runoob.com/design-pattern/design-pattern-tutorial.html) （还是比较推荐的，学过设计模式后如果忘记了，可以查看这个文档快速补回来）
+   - C++ 图说设计模式：[https://design-patterns.readthedocs.io/zh_CN/latest/](https://design-patterns.readthedocs.io/zh_CN/latest/)
+   - Go 语言设计模式系列博客：[https://lailin.xyz/post/singleton.html](https://lailin.xyz/post/singleton.html)
+
+### 二、编码实现
+
+本阶段的目标：依次编码实现每个设计模式，用任何支持面向对象的编程语言都可以，最好能够独立（不借助任何资料）从 0 写出每个设计模式的代码。
+
+#### 资源
+
+一些源码示例，仅供参考，更多的内容可以直接在 GitHub 搜索关键词 `Design Pattern` 或 `设计模式` ：
+
+- 各语言设计模式示例代码：[https://github.com/wx-chevalier/design-pattern-examples](https://github.com/wx-chevalier/design-pattern-examples)
+- Java 23 种设计模式全归纳：[https://github.com/youlookwhat/DesignPattern](https://github.com/youlookwhat/DesignPattern) （教程 + 源码）
+- C++ 设计模式源码：[https://github.com/liu-jianhao/Cpp-Design-Patterns](https://github.com/liu-jianhao/Cpp-Design-Patterns) （设计模式介绍 + 源码）
+- JavaScript 示例代码： 
+   - [https://github.com/wchaowu/javascript](https://github.com/wchaowu/javascript)
+   - [https://github.com/zy445566/design-pattern-in-javascript](https://github.com/zy445566/design-pattern-in-javascript)
+- Python 示例代码： 
+   - [https://github.com/wklken/py-patterns](https://github.com/wklken/py-patterns)
+- Go 示例代码 
+   - [https://github.com/mohuishou/go-design-pattern](https://github.com/mohuishou/go-design-pattern)
+
+### 三、项目实战
+
+本阶段的目标：通过做项目或阅读项目源码来进一步强化每个设计模式的实际应用。做到能根据某个场景主动选出合适的设计模式来优化代码、灵活运用，并且能够通过文件命名、项目目录结构等途径来快速判断出某个框架是否使用了设计模式。
+
+可以先通过一个视频了解设计模式的实际应用：
+
+- 实际工作中，如何运用 Java 设计模式：[https://www.bilibili.com/video/BV1tK4y1s7Uo](https://www.bilibili.com/video/BV1tK4y1s7Uo)
+
+列举一些设计模式在框架源码中的应用：
+
+> 部分内容源于网络
+
+
+- Spring 
+   - 工厂模式：通过 BeanFactory 和 ApplicationContext 来创建对象
+   - 单例模式：Spring Bean 默认为单例模式
+   - 策略模式：例如 Resource 的实现类，针对不同的资源文件，实现了不同方式的资源获取策略
+   - 代理模式：Spring 的 AOP 功能用到了 JDK 的动态代理和 CGLIB 字节码生成技术
+   - 模板方法：可以将相同部分的代码放在父类中，而将不同的代码放入不同的子类中，用来解决代码重复的问题。比如RestTemplate、JmsTemplate、JpaTemplate
+   - 适配器模式：Spring AOP 的增强或通知（Advice）使用到了适配器模式
+   - 观察者模式：Spring 事件驱动模型
+   - 桥接模式：可以根据客户的需求能够动态切换不同的数据源。比如我们的项目需要连接多个数据库，客户在每次访问中根据需要会去访问不同的数据库
+- Spring MVC 
+   - 组合模式：WebMvcConfigurerComposite，树枝和树叶都实现了相同的抽象类或接口 WebMvcConfigurer
+   - 责任链模式：DispatcherServlet 依次拦截和处理请求
+   - 适配器模式：HandlerAdapter 处理器适配
+- MyBatis（参考：[https://blog.csdn.net/aha_jasper/article/details/108701785](https://blog.csdn.net/aha_jasper/article/details/108701785) ） 
+   - Builder + Factory 模式：创建 SqlSession 工厂和 SqlSession
+   - 模板方法模式：BaseExecutor 定义执行器基本流程
+   - 解释器模式：SqlNode 动态解析 SQL
+   - 单例模式：ErrorContext 线程唯一
+   - 装饰器模式：Cache 的实现用组合而非继承实现更灵活地缓存方式结合
+   - 迭代器模式：PropertyTokenizer 利用迭代器模式实现属性解析器
+   - 适配器模式：Log 适配不同的日志框架
+- Google Guava（参考：[https://blog.csdn.net/aha_jasper/article/details/108695561](https://blog.csdn.net/aha_jasper/article/details/108695561) ） 
+   - Builder 模式：更方便地构建内存缓存
+   - Wrapper 模式（代理模式、装饰器、适配器模式）：轻松实现对类的扩展
+   - Immutable 模式：不可变集合实现，如 ImmutableList、ImmutableSet、ImmutableMap 等
+- 更多可以自行学习： 
+   - Netty
+   - SpringBoot
+   - Tomcat
+   - Dubbo
+   - Spring Cloud
+
+### 资源
+
+- 《设计模式之美》专栏：[https://blog.csdn.net/aha_jasper/article/details/105695163](https://blog.csdn.net/aha_jasper/article/details/105695163) （原作者 Google 王争设计模式之美：[https://time.geekbang.org/column/intro/250](https://time.geekbang.org/column/intro/250) ，是极客时间的付费课，里面的内容，尤其是开源实战和项目实战的部分讲的很好！有收获的朋友还是请支持正版哦）
+- Spring 相关框架源码分析视频：[https://www.bilibili.com/video/BV1kF411e7WR](https://www.bilibili.com/video/BV1kF411e7WR) （结合设计模式，包括 Spring、SpringMVC、SpringBoot、Tomcat 等）
+
+### 四、备战面试
+
+面试时对设计模式的考察主要有 4 种形式：
+
+1. 直接问你某个设计模式的作用和大致的原理，考察你对设计模式的了解程度
+2. 让你手写某个设计模式的代码，考察你对设计模式的熟悉程度和编码能力
+3. 给你一个实际的业务场景，让你去设计系统，考察你对设计模式的理解应用能力和逻辑思维
+4. 问你某个框架（轮子）的核心设计和源码细节，考察你对设计模式的理解应用能力
+
+#### 经典面试题
+
+1. 理论：简单介绍一下软件开发原则？
+2. 理论：设计模式如何分类？
+3. 你用过哪些设计模式？举例说明设计模式在你的项目或是某个框架源码中的应用。
+4. 说出某个设计模式的优缺点？什么时候使用它？
+5. 单例模式有哪些实现方式？分别有哪些优缺点？请手写其中一种
+6. 原型模式和单例模式的区别是什么？
+7. 简单工厂、工厂方法和抽象工厂三者有什么区别？
+8. 介绍一下代理模式，说一下静态代理和动态代理（比如 Spring AOP 就用到了）的区别？
+
+#### 资源
+
+- 设计模式面试题汇总：[https://pan.baidu.com/s/1tjIGc7pnHjgiFPo0fhcKXw](https://pan.baidu.com/s/1tjIGc7pnHjgiFPo0fhcKXw) 提取码: wuan（朋友 JavaGuide 整理，很全面 👍🏻）
+- 面试官最爱问的13道"设计模式"题（视频）：[https://www.bilibili.com/video/BV1fR4y1N74H](https://www.bilibili.com/video/BV1fR4y1N74H)
+
+加油小伙伴们！
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/4 \347\247\215\346\226\271\346\263\225\357\274\214\345\277\253\351\200\237\345\210\235\345\247\213\345\214\226 Java \351\241\271\347\233\256.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/4 \347\247\215\346\226\271\346\263\225\357\274\214\345\277\253\351\200\237\345\210\235\345\247\213\345\214\226 Java \351\241\271\347\233\256.md"
new file mode 100644
index 0000000..0963075
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/4 \347\247\215\346\226\271\346\263\225\357\274\214\345\277\253\351\200\237\345\210\235\345\247\213\345\214\226 Java \351\241\271\347\233\256.md"	
@@ -0,0 +1,225 @@
+# 4 种方法，快速初始化 Java 项目
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+> 
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。今天给大家分享常用的快速初始化 Java 项目的几种方法。比较全面，有一些方法你可能并不知道，但如果都掌握的话，基本上够用一辈子了哈哈。
+
+
+
+## 如何快速初始化 Java 项目？
+
+### 1、使用开发工具
+
+Java 开发者最常用的开发工具当属 JetBrains IDEA 了！
+
+IDEA 不仅功能完善、插件丰富，而且其实对新手比较友好。
+
+比如在 IDEA 中，你可以快速安装需要的指定版本的 JDK，不用自己到官网下载：
+
+![](https://pic.yupi.icu/1/1696909595255-ee7eb1c6-b224-4a13-9fc1-1ea3475492aa.png)
+
+
+
+使用 IDEA 来创建初始化项目也是最常用的方法了，点击左上角的 File => New => Project：
+
+![](https://pic.yupi.icu/1/1696909731186-3a8dc367-e54a-482c-8f70-10b8523df19a.png)
+
+然后进入项目创建界面，左侧选择需要的模板，右侧填写项目信息，即可完成创建：
+
+![](https://pic.yupi.icu/1/1696909787420-057ce671-1e17-45fd-9c55-a757e0d94331.png)
+
+
+
+最常用的模板当属 `Spring Initializr` 了，可以快速初始化 Spring Boot 项目：
+
+> 注意选择 Java 的版本号
+
+![](https://pic.yupi.icu/1/1696909883195-394d2e0f-be2a-4074-89eb-061dd8c07578.png)
+
+支持可视化地选择项目的依赖，一般不用自己去写依赖配置或者粘贴了：
+
+![](https://pic.yupi.icu/1/1696909903799-7afbbeff-5f47-4107-ae14-b8cd820a226f.png)
+
+
+
+如果要引入更多 Java 的包，可以到 Maven 中心仓库寻找：http://mvnrepository.com/ 。
+
+
+
+### 2、项目管理工具
+
+对于 Java 开发者，最常用的项目管理工具是 Maven 和 Gradle。它们不仅可以管理项目依赖、打包构建项目，也可以快速创建新项目。
+
+不过对于不熟悉这些工具的同学来说，不推荐使用这种方式创建项目，仅做了解即可。
+
+下面分别演示 2 种工具创建新项目的方法。
+
+
+
+#### 使用 Maven 创建项目
+
+安装 Maven 后，使用以下命令创建 Spring Boot 项目（仅供参考）： 
+
+```shell
+mvn archetype:generate \
+    -DgroupId=com.example \
+    -DartifactId=my-spring-boot-app \
+    -DarchetypeArtifactId=maven-archetype-quickstart \
+    -DinteractiveMode=false
+```
+
+
+解释一下上面命令中的参数： 
+
+- `-DgroupId`: 你的项目的组 ID
+- `-DartifactId`: 你的项目的 Artifact ID
+- `-DarchetypeArtifactId`: Maven 快速启动项目的模板
+- `-DinteractiveMode=false`: 禁用交互模式，使其自动创建项目
+
+
+
+#### 使用 Gradle 创建项目
+
+Gradle 的项目模板相比 Maven 来说少了一些。安装 Gradle 后，使用以下命令创建项目：
+
+```shell
+gradle init
+```
+
+
+
+然后跟着操作提示输入选项，即可创建出不同的项目：
+
+![](https://pic.yupi.icu/1/1696910728917-3af539be-800f-461a-916f-029e150a9443.png)
+
+![](https://pic.yupi.icu/1/1696911159701-49e9bd37-4294-4365-91d1-b8a988ab442c.png)
+
+
+
+### 3、项目模板生成器
+
+有很多专门用来创建初始化项目模板的工具和网站，这里分享其中 4 种：
+
+
+
+#### Spring Initializr
+
+Spring 官方的项目模板生成器，可以使用可视化界面来选择项目配置，并快速生成 Spring Boot 项目的初始代码。
+
+> 指路：https://start.spring.io/
+
+
+
+界面如下，还可以分享自己的配置给别人：
+
+![](https://pic.yupi.icu/1/1696911433077-59902ba9-42d5-4f0d-87d1-b009d3a9b262.png)
+
+
+
+不过 IDEA 开发工具内已经集成了 `Spring Initializr`，一般没必要专门在网站中使用。
+
+
+
+#### 微服务模板生成器
+
+阿里提供了一款云原生应用脚手架，如果你的项目需要用到 Spring Cloud Alibaba 组件，那么强烈建议使用该脚手架来创建项目，可以保证各组件依赖版本号的一致性。
+
+> 指路：https://start.aliyun.com/
+
+
+
+用法和 Spring Initializr 几乎完全一致，可以自己选择依赖：
+
+![](https://pic.yupi.icu/1/1696911677188-5f4046ae-d780-4e11-b04b-2ef269a1aa5e.png)
+
+
+
+#### JHipster
+
+专门用于生成 Java 项目的工具，模板和选项非常丰富。
+
+> 指路：https://www.jhipster.tech/cn/
+
+
+
+![](https://pic.yupi.icu/1/1696912132153-7e5c25b8-cc11-4ccc-bc8d-7dd5cf2197e8.png)
+
+
+
+JHipster 的功能还是很强大的，但只是创建初始化项目的话，用法非常简单，只需要输入 `jhipster` 命令：
+
+![](https://pic.yupi.icu/1/1696912086867-d652cac3-b81c-4c0a-b6ca-f33673b0682d.png)
+
+然后跟着命令行的提示输入选项即可：
+
+![](https://pic.yupi.icu/1/1696912231115-459e0b27-5a68-4cb2-91d8-6196db3a9dc7.png)
+
+
+
+#### Yeoman
+
+Yeoman 是一个生成项目模板的工具，通常用于前端项目的初始化。
+
+虽然 Yeoman 主要用于前端开发，但也有一些 Java 项目的初始化模板。而且你可以编写自己的 Yeoman 生成器来生成 Java 代码或者任何其他类型的代码。
+
+> 指路：https://yeoman.io/generators/
+
+
+
+![](https://pic.yupi.icu/1/1696911915135-b3eb2368-28f8-4ae5-9e53-1f604e17597e.png)
+
+
+
+### 4、开源项目
+
+除了生成项目外，我们也可以直接下载并使用 GitHub 上的开源项目代码，也就是直接用别人创建好的项目。
+
+比较有名的有 Jeecg Boot：
+
+> 指路：https://github.com/jeecgboot/jeecg-boot
+
+![](https://pic.yupi.icu/1/1696912400972-7d2cddf0-7835-4c8b-bc12-bfe512fa7325.png)
+
+
+
+项目效果：
+
+![](https://pic.yupi.icu/1/1696912521645-578e68f7-0c5c-47fa-b4ff-e74fdf46935b.png)
+
+
+
+还有若依：
+
+> 指路：https://github.com/yangzongzhuan/RuoYi
+
+
+
+![](https://pic.yupi.icu/1/1696912457395-990f7637-8068-4799-bfd6-f9f55da8061b.png)
+
+
+
+项目效果：
+
+![](https://pic.yupi.icu/1/1696912486344-d7a1c5fa-264f-4493-99ca-b4038984ea33.png)
+
+
+
+这些项目一般都是大而全的、功能十分丰富的管理系统，对于企业来说会比较实用，但是对于编程学习者来说，不是很推荐，想要自定义开发一些额外的功能会比较麻烦。
+
+
+
+------
+
+
+
+除了以上方法外，最推荐的方法还是在学习和开发过程中，持续整理和沉淀一套属于自己的万用项目模板，企业中也通常都会有适应业务的基础建设代码。这样一来，绝大多数功能都不用重复写第 2 遍，以后开发新项目会越来越快。
+
+
+
+## 实践
+
+编程导航星球的用户中心项目使用了 IDEA 来创建 Spring Boot 项目，其他项目使用了鱼皮自己封装的 [Spring Boot 后端万用项目模板](https://yuyuanweb.feishu.cn/wiki/Nnu3wSBrri3umyk1StnctK0LnAd)，OJ 判题项目使用了微服务模板生成器。
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/Bean \346\213\267\350\264\235\344\271\213 MapStruct.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/Bean \346\213\267\350\264\235\344\271\213 MapStruct.md"
new file mode 100644
index 0000000..0320a91
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/Bean \346\213\267\350\264\235\344\271\213 MapStruct.md"	
@@ -0,0 +1,417 @@
+# Bean 拷贝之 MapStruct
+
+> 作者：[顾恙ツ](https://juejin.cn/user/128017175944557)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824)  编号 2784
+
+> 大家好，今天我给大家带来一个 Bean 拷贝的高效工具，MapSrtuct 。有人会问 MapSturct 是什么？简单来说，MapStruct 就是一个 Java Bean 的映射器，我们只需要在一个 XXXStructMapper 的接口中定义好方法，MapStruct 就会在编译的时候生成相应的实现类，这个实现类中包含了具体的映射代码，极大地提高了我们编码的效率，省去了大量的模板代码。
+
+## 传统写法带来的困扰
+
+假如没有使用 MapStruct 的话，当我们需要把 DO 对象转成一个 DTO 对象时，我们需要这样做。
+
+```java
+public static ArticleDTO toDto(ArticleDO articleDO) {
+    if (articleDO == null) {
+        return null;
+    }
+    ArticleDTO articleDTO = new ArticleDTO();
+    articleDTO.setAuthor(articleDO.getUserId());
+    articleDTO.setArticleId(articleDO.getId());
+    articleDTO.setArticleType(articleDO.getArticleType());
+    articleDTO.setTitle(articleDO.getTitle());
+    articleDTO.setShortTitle(articleDO.getShortTitle());
+    articleDTO.setSummary(articleDO.getSummary());
+    articleDTO.setCover(articleDO.getPicture());
+    articleDTO.setSourceType(SourceTypeEnum.formCode(articleDO.getSource()).getDesc());
+    articleDTO.setSourceUrl(articleDO.getSourceUrl());
+    articleDTO.setStatus(articleDO.getStatus());
+    articleDTO.setCreateTime(articleDO.getCreateTime().getTime());
+    articleDTO.setLastUpdateTime(articleDO.getUpdateTime().getTime());
+    articleDTO.setOfficalStat(articleDO.getOfficalStat());
+    articleDTO.setToppingStat(articleDO.getToppingStat());
+    articleDTO.setCreamStat(articleDO.getCreamStat());
+
+    // 设置类目id
+    articleDTO.setCategory(new CategoryDTO(articleDO.getCategoryId(), null));
+    return articleDTO;
+}
+```
+
+如果是需要批量进行转化的话，这个时候还需要遍历进行批量转化。
+
+```java
+public static List<ArticleDTO> toArticleDtoList(List<ArticleDO> articleDOS) {
+    return articleDOS.stream().map(ArticleConverter::toDto).collect(Collectors.toList());
+}
+```
+
+这样的代码如果只是一个方法可能还好，但是如果写多了，你就会发现代码不是很优雅，而且每次写代码量还巨大，虽然有插件可以帮你写，但是感觉还是不好，这个时候，肯定有人会说用 BeanUtils，这个时候我会给你大大的一巴掌，主要是 BeeanUtils 其可能会踩一些坑，你可能把握不是很好，这里我找了一些关于 BeanUtils 的一些文章，感兴趣的同学可以一起看看：<br />Spring的BeanUtils.copyProperties()避坑指南：[https://juejin.cn/post/7012279747526787080](https://juejin.cn/post/7012279747526787080)<br />几个 BeanUtils 中的坑，千万别踩！[https://cloud.tencent.com/developer/article/1522266](https://cloud.tencent.com/developer/article/1522266)<br />SpringBoot 整合mapstruct|赶紧丢掉BeanUtils吧：[https://juejin.cn/post/7035161765948162078](https://juejin.cn/post/7035161765948162078)<br />![](https://pic.yupi.icu/5563/202311081045996.jpeg)
+
+那有什么简单的解决方法，那就是我们今天的主角， MapStruct 了，接下来我们简单使用一下 MapStruct演示一下。
+
+```java
+@Mapper
+public interface ArticleStructMapper {
+    ArticleStructMapper INSTANCE = Mappers.getMapper(ArticleStructMapper.class );
+
+    ArticleDTO toDTO(ArticleDO do);
+}
+```
+
+定义了一个接口 ArticleStructMapper，该接口的主要作用是将 ArticleDO 对象转换为 ArticleDTO 对象。
+
+让我们一步步地分析代码：
+
+> 1. [**@Mapper**](https://www.yuque.com/Mapper)**：**
+
+这是 MapStruct 的核心注解之一。它标记了这个接口为一个映射器，并告诉 MapStruct 的注解处理器在编译时为此接口生成实现。
+
+> 2. **INSTANCE 常量**
+
+```java
+ArticleStructMapper INSTANCE = Mappers.getMapper( ArticleStructMapper.class );
+```
+
+Mappers.getMapper 是 MapStruct 提供的一个工具方法，用于在不使用 Spring 或其他依赖注入框架的情况下获取映射器的实例。
+
+> 3. **toDTO 方法**：
+
+这个方法定义了一个转换。这个大家都懂，我就不做过多的赘述了。
+
+## MapStruct 的用法
+
+### 引入依赖
+
+在 pom.xml 文件中引入 MapStruct 的 Maven 坐标,这里需要注意，引入 guava 的时候需要注意版本冲突问题，尽量引入大于 19.0 以上的版本，不然可能会报错。
+
+```java
+<!-- 引入 mapstruct -->
+<dependency>
+    <groupId>org.mapstruct</groupId>
+    <artifactId>mapstruct</artifactId>
+ 	<version>1.5.5.Final</version>
+</dependency>
+<dependency>
+    <groupId>org.mapstruct</groupId>
+    <artifactId>mapstruct-processor</artifactId>
+	 <version>1.5.5.Final</version>
+</dependency>
+```
+
+它们的作用如下：
+
+1. **org.mapstruct:mapstruct**： 
+
+- MapStruct 的核心库。它提供了 MapStruct 所需的主要注解和工具方法，例如 @Mapper, @Mapping 等注解以及 Mappers.getMapper() 方法。
+- 在运行时，这个库是必需的，生成的映射代码会依赖它。
+
+2. **org.mapstruct:mapstruct-processor**： 
+
+- MapStruct 的注解处理器。它在编译时生成具体的映射实现代码。
+- compile 作用域，意味着它只在编译时被使用。
+- 当你编译一个使用了 MapStruct 注解的项目时，注解处理器会检测你的代码，然后为你的 @Mapper 注解的接口或抽象类生成实现。
+
+### 定义映射器接口
+
+像前面大家看到的 ArticleStructMapper 接口，我们稍微来一个复杂的。这里需要注意导入的 Mapper，是 MapStruct 的 Mapper ，而不是 MyBatis 下的 Mapper。
+
+```java
+@Mapper
+public interface ColumnStructMapper {
+    ColumnStructMapper INSTANCE = Mappers.getMapper( ColumnStructMapper.class );
+
+    /**
+     * ColumnInfoDO to ColumnDTO
+     * @param columnInfoDO
+     * @return
+     */
+    // sources 是参数，target 是目标
+    @Mapping(source = "id", target = "columnId")
+    @Mapping(source = "columnName", target = "column")
+    @Mapping(source = "userId", target = "author")
+    // Date 转 Long
+    @Mapping(target = "publishTime", expression = "java(columnInfoDO.getPublishTime().getTime())")
+    @Mapping(target = "freeStartTime", expression = "java(columnInfoDO.getFreeStartTime().getTime())")
+    @Mapping(target = "freeEndTime", expression = "java(columnInfoDO.getFreeEndTime().getTime())")
+    ColumnDTO infotoDto(ColumnInfoDO columnInfoDO);
+
+    List<ColumnDTO> infoToDtos(List<ColumnInfoDO> columnInfoDOs);
+
+    @Mapping(source = "column", target = "columnName")
+    @Mapping(source = "author", target = "userId")
+    // Long 转 Date
+    @Mapping(target = "freeStartTime", expression = "java(new java.util.Date(req.getFreeStartTime()))")
+    @Mapping(target = "freeEndTime", expression = "java(new java.util.Date(req.getFreeEndTime()))")
+    ColumnInfoDO toDo(ColumnReq req);
+}
+```
+
+这段代码定义了如何在 ColumnInfoDO 和 ColumnDTO 之间转换，以及如何从 ColumnReq 转换到 ColumnInfoDO。我将为你分析其每一部分：
+
+1. **infotoDto 方法**
+
+- 使用 @Mapping 注解来指定属性映射规则。例如，将 ColumnInfoDO 的 id 属性映射到 ColumnDTO 的 columnId 属性。
+- 使用 expression 属性来定义更复杂的属性转换，例如从 Date 对象获取时间戳。
+
+2. **infoToDtos 方法**
+
+显示了 MapStruct 如何轻松地转换对象列表。此方法将 List\<ColumnInfoDO\> 转换为 List\<ColumnDTO\>。因为单个对象的映射已经在 infotoDto 方法中定义，所以这里不需要额外的注解。
+
+3. **toDo 方法**
+
+对于 freeStartTime 和 freeEndTime，因为它们在 ColumnReq 中是 Long 类型的时间戳，而在ColumnInfoDO 中是 Date 类型，所以使用了 expression 属性进行转换。
+
+### [@Mapping](https://www.yuque.com/Mapping) 注解 
+
+这里重点说一下 @Mapping 注解，当两个对象中的字段名或者字段类型不一致的时候，就需要该注解来进行转换。
+
+换句话说，如果对象的字段名/类型完全一样，就完全不需要该注解，Mapstruct 会自动拷贝。
+
+比如说 SimpleSource 和 SimpleDestination 的字段名和类型完全一样：
+
+```java
+public class SimpleSource {
+    private String name;
+    private String description;
+    // getters and setters
+}
+ 
+public class SimpleDestination {
+    private String name;
+    private String description;
+    // getters and setters
+}
+```
+
+就只需要定义映射器 SimpleSourceDestinationMapper 就行了。
+
+```java
+@Mapper
+public interface SimpleSourceDestinationMapper {
+    SimpleSourceDestinationMapper INSTANCE = Mappers.getMapper(SimpleSourceDestinationMapper.class);
+    SimpleDestination sourceToDestination(SimpleSource source);
+    SimpleSource destinationToSource(SimpleDestination destination);
+}
+```
+
+用的时候，可以这样 SimpleSourceDestinationMapper.INSTANCE 进行转换。
+
+```java
+@RunWith(SpringJUnit4ClassRunner.class)
+@SpringBootTest(classes = QuickForumApplication.class)
+public class SimpleSourceDestinationMapperIntegrationTest {
+
+    @Test
+    public void givenSourceToDestination_whenMaps_thenCorrect() {
+        SimpleSource simpleSource = new SimpleSource();
+        simpleSource.setName("沉默王二");
+        simpleSource.setDescription("是条狗");
+        SimpleDestination destination = SimpleSourceDestinationMapper.INSTANCE.sourceToDestination(simpleSource);
+        assertEquals(simpleSource.getName(), destination.getName());
+        assertEquals(simpleSource.getDescription(), destination.getDescription());
+    }
+}
+```
+
+OK，回到 [@Mapping](https://www.yuque.com/Mapping) 注解。 
+
+@Mapping 是 MapStruct 中用于定义字段之间映射规则的注解。它非常灵活，能够处理各种复杂的映射情况。以下是 @Mapping 的一些常见用法：
+
+1. **基本映射**：
+
+通过指定 source 和 target 来映射源对象的属性到目标对象的属性。
+
+```java
+@Mapping(source = "name", target = "fullName")
+```
+
+这将源对象的 name 属性映射到目标对象的 fullName 属性。
+
+2. **常量映射**
+
+可以将目标字段设置为固定的常量值。
+
+```java
+@Mapping(target = "status", constant = "ACTIVE")
+```
+
+这会将目标对象的 status 属性设置为 "ACTIVE"。
+
+3. **默认值**
+
+当源属性为 null 时，可以为目标属性设置默认值。
+
+```java
+@Mapping(source = "count", target = "total", defaultValue = "0")
+```
+
+如果 count 为 null，则 total 将被设置为 "0"。
+
+4. **表达式**
+
+对于需要更复杂的转换逻辑，可以使用 Java 表达式。
+
+```java
+@Mapping(target = "timestamp", expression = "java(source.getDate().getTime())")
+```
+
+5. **日期格式**
+
+对于日期和字符串之间的映射，可以指定日期格式。
+
+```java
+@Mapping(source = "date", target = "formattedDate", dateFormat = "yyyy-MM-dd")
+```
+
+这会将 Date 对象转换为 "yyyy-MM-dd" 格式的字符串。
+
+6. **条件映射**
+
+使用 qualifiedByName 或 qualifiedBy 来指定一个条件方法或注解，这些方法/注解决定是否应该进行映射。
+
+```java
+@Mapping(source = "value", target = "data", qualifiedByName = "specialConverter")
+```
+
+这里，映射会使用名为 specialConverter 的方法进行。
+
+7. **嵌套映射**
+
+当处理嵌套对象时，可以使用点表示法。
+
+```java
+@Mapping(source = "address.street", target = "streetName")
+```
+
+这会将源对象中的 address 对象的 street 属性映射到目标对象的 streetName 属性。
+
+8. **忽略映射**
+
+在某些情况下，可能不希望特定的属性被映射，可以使用 ignore。
+
+```java
+@Mapping(target = "internalId", ignore = true)
+```
+
+这会确保目标对象的 internalId 属性不被设置。
+
+9. **使用自定义映射方法**
+
+可以指定自定义方法来进行映射。
+
+```java
+@Mapping(target = "data", source = "value", qualifiedByName = "customMethod")
+```
+
+### Spring 依赖注入
+
+截止到目前为止，我们一直在使用 Mappers.getMapper 来获取映射器 INSTANCE。
+
+```java
+ColumnStructMapper INSTANCE = Mappers.getMapper( ColumnStructMapper.class);
+```
+
+
+如果是在 Spring 环境下，还可以在 [@Mapper](https://www.yuque.com/Mapper) 注解中添加 componentModel = "spring" 参数来告诉 MapStruct 在生成映射实现类的时候，提供 Spring 依赖注入。
+
+```java
+@Mapper(componentModel = "spring")
+public interface ColumnStructMapper {}
+```
+
+
+这样我们在使用映射器的时候，可以直接通过 @Autowired 注解来注入 ColumnStructMapper 对象，然后就可以直接这样使用。
+
+```java
+@Autowired
+private ColumnStructMapper columnStructMapper;
+ColumnInfoDO columnInfoDO = columnStructMapper.toDo(req);
+```
+
+这样就不需要在映射器接口中添加 INSTANCE 了。
+
+## MapStruct 插件
+
+如果你在 Intellij IDEA 中安装 MapStruct 插件的话，直接在插件市场搜 MapStruct 关键字就可以了。
+
+![](https://pic.yupi.icu/5563/202311081048480.png)
+
+安装完成后，可以直接在 [@Mapper](https://www.yuque.com/Mapper) 接口和它的实现类之间快速导航。 
+
+![](https://pic.yupi.icu/5563/202311081048118.png)
+
+比如说点击上图中的跳转小图标，就可以直接到实现类。
+
+![](https://pic.yupi.icu/5563/202311081048973.png)
+
+## **MapStruct 的背后原理**
+
+Java 程序执行的过程，是由编译器先把 java 文件编译成 class 字节码文件，然后由 JVM 去解释执行 class 文件。
+
+Mapstruct 正是在 java 文件到 class 这一步帮我们实现了转换方法，即做了预处理，提前编译好文件，用过 lombok 的小伙伴一定能理解其好处。
+
+首先我们来看最简单的 SimpleSourceDestinationMapper，它是这样定义的。
+
+```java
+@Mapper
+public interface SimpleSourceDestinationMapper {
+    SimpleSourceDestinationMapper INSTANCE = Mappers.getMapper(SimpleSourceDestinationMapper.class);
+    
+    SimpleDestination sourceToDestination(SimpleSource source);
+    
+    SimpleSource destinationToSource(SimpleDestination destination);
+}
+```
+
+<br />其在编译后会生成两个文件 SimpleSourceDestinationMapper 和 SimpleSourceDestinationMapperImpl。
+
+![](https://pic.yupi.icu/5563/202311081049390.png)
+
+通过终端可以看到 class 文件的后缀。
+
+![](https://pic.yupi.icu/5563/202311081049134.png)
+
+OK，我们直接来看 class 文件的内容，当然是反编译后的，Intellij IDEA 可以直接打开，先是 SimpleSourceDestinationMapper。
+
+![](https://pic.yupi.icu/5563/202311081049183.png)
+
+再来看实现类 SimpleSourceDestinationMapperImpl，我们直接贴反编译后的代码。
+
+```java
+public class SimpleSourceDestinationMapperImpl implements SimpleSourceDestinationMapper {
+    public SimpleSourceDestinationMapperImpl() {
+    }
+
+    public SimpleDestination sourceToDestination(SimpleSource source) {
+        if (source == null) {
+            return null;
+        } else {
+            SimpleDestination simpleDestination = new SimpleDestination();
+            simpleDestination.setName(source.getName());
+            simpleDestination.setDescription(source.getDescription());
+            return simpleDestination;
+        }
+    }
+
+    public SimpleSource destinationToSource(SimpleDestination destination) {
+        if (destination == null) {
+            return null;
+        } else {
+            SimpleSource simpleSource = new SimpleSource();
+            simpleSource.setName(destination.getName());
+            simpleSource.setDescription(destination.getDescription());
+            return simpleSource;
+        }
+    }
+}
+```
+
+其实内容和我们直接去写 Converter 是一样的，通过 new 创建一个对象，然后通过 set 方法进行赋值。
+
+如果是 @Mapper(componentModel = "spring") 的话，在生成的时候，会带上 [@Component](https://www.yuque.com/Component) 注解。 <br />![](https://pic.yupi.icu/5563/202311081050327.png)
+
+> 使用 [**@Component**](https://www.yuque.com/Component) 注解的类将会在 Spring 的组件扫描期间被检测并注册到 ApplicationContext 中，从而使其成为一个 Spring Bean。
+
+
+这也是为什么我们可以直接通过 [@Autowired](https://www.yuque.com/Autowired) 注解获得映射器对象的原因。 
+
+由于 MapStruct 并不是在运行时使用 Java 反射来实现对象之间的映射，而是在编译时生成明确、简单、易于跟踪的普通 Java 代码。这意味着它的执行速度更快，因为没有运行时的反射开销，并且可以避免与反射相关的各种问题。
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/Git \346\217\220\344\272\244\347\253\237\347\204\266\350\277\230\350\203\275\350\277\231\344\271\210\347\224\250\357\274\237.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/Git \346\217\220\344\272\244\347\253\237\347\204\266\350\277\230\350\203\275\350\277\231\344\271\210\347\224\250\357\274\237.md"
new file mode 100644
index 0000000..5d2737e
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/Git \346\217\220\344\272\244\347\253\237\347\204\266\350\277\230\350\203\275\350\277\231\344\271\210\347\224\250\357\274\237.md"	
@@ -0,0 +1,176 @@
+# Git 提交竟然还能这么用？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+> 
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+大家好，我是鱼皮。Git 是主流的代码版本控制系统，是团队协作开发中必不可少的工具。
+
+之前已经给大家分享过 Git / GitHub 的学习指南，感兴趣的同学可以先看视频了解：[https://www.bilibili.com/video/BV1KZ4y1e7cG](https://www.bilibili.com/video/BV1KZ4y1e7cG)。
+
+这篇文章，主要是给大家分享 Git 的核心功能 `提交`（Commit）的作用，帮助大家更好地利用 Git 这一工具来提高自己的开发工作效率。
+
+
+
+## 什么是 Git 提交？
+
+Git 提交是指将你的代码保存到 Git 本地存储库，就像用 Word 写长篇论文时进行保存文件一样。每次 Git 提交时都会创建一个唯一的版本，除了记录本次新增或发生修改的代码外，还可以包含提交信息，来概括自己这次提交的改动内容。
+
+如下图，就是一次 Git 提交：
+
+![](https://pic.yupi.icu/1/1698386167354-03b333b6-a0db-4683-a7ad-a3f088786e92.png)
+
+
+
+## Git 提交的作用
+
+Git 提交有很多作用，我将它分为 **基础用法** 和 **其他妙用** 。
+
+
+
+### 基本作用
+
+#### 历史记录
+
+Git 提交最基本的作用就是维护项目的历史记录。每次提交都会记录代码库的状态，包括文件的添加、修改和删除；还包括一些提交信息，比如提交时间、描述等。这使得我们可以通过查看所有的历史提交来追溯项目的开发进度和历程，了解每个提交中都发生了什么变化。
+
+比如查看我们编程导航文档网站项目的提交记录，能看到我是怎么一步一步构建出这个文档网站的：
+
+> 开源地址：[https://github.com/liyupi/code-xingqiu](https://github.com/liyupi/code-xingqiu)
+
+![](https://pic.yupi.icu/1/1698386560903-9cf1f805-8b8b-4132-aa42-e321c366a458.png)
+
+
+
+在企业开发中，如果一个人写了 Bug，还死不承认，那么就可以搬出 Git 提交记录，每一行代码是谁提交的都能很快地查出来，谨防甩锅！
+
+
+
+#### 版本控制
+
+另一个 Git 提交的基本作用是版本控制。每个提交都代表了代码库的一个版本，这意味着开发者可以随时切换代码版本进行开发，恢复旧版本的代码、或者撤销某次提交的代码改动。
+
+推荐新手使用可视化工具而不是 Git 命令进行版本的切换和撤销提交，在不了解 Git 工作机制的情况下使用命令操作很容易出现问题。
+
+如下图，在 JetBrains 系列开发工具中，右键某个提交，就可以切换版本或撤销提交了：
+
+![](https://pic.yupi.icu/1/1698386927568-f731adf9-8ffb-4383-af36-72acd7405f26.png)
+
+
+
+#### 代码对比
+
+你可以轻松地查看两个提交之间的所有代码更改，便于快速了解哪些部分发生了变化。这对于解决代码冲突、查找错误或审查代码非常有帮助。
+
+在 JetBrains 系列开发工具中，只需要选中 2 个提交，然后点右键，选择 `Compare Versions` 就能实现代码对比了：
+
+![](https://pic.yupi.icu/1/1698387206540-7383bf4f-9f52-4d7c-b336-595691eda6ba.png)
+
+改动了哪些代码一目了然：
+
+![](https://pic.yupi.icu/1/1698387236268-d956dd21-5ad1-4439-ae62-a145291b7f07.png)
+
+一般情况下，如果我们因为某次代码改动导致项目出现了新的 Bug。通过这种方式对比本次改动的所有代码，很快就能发现 Bug 出现的原因了。
+
+
+
+### 其他妙用
+
+除了基本作用外，Git 提交还有一些妙用~
+
+
+
+#### 记录信息
+
+像上面提到的，Git 提交不仅能用于记录代码更改，我们还可以在提交信息中包含有关这次更改的重要信息。比如本次改动代码的介绍、代码更改的原因、相关的任务（需求单）或功能等。可以简单理解为给本次工作写总结和描述。
+
+如果提交信息编写得非常清晰完善，那么项目的团队成员可以更容易地理解每个提交，甚至能做到 “提交即文档”，提高协作和项目维护效率。
+
+正因如此，很多团队会定制自己的提交信息规范，比如之前我在鹅厂的时候，每次提交都建议带上需求单的地址，便于了解这次提交是为了完成什么需求。
+
+这里给大家推荐一种很常用的提交信息规范 —— 约定式提交，每次提交信息都需要遵循以下的结构：
+
+>  《约定式提交》文档：[https://www.conventionalcommits.org/zh-hans/v1.0.0/](https://www.conventionalcommits.org/zh-hans/v1.0.0/)
+
+
+
+```plain
+<类型>[可选 范围]: <描述>
+
+[可选 正文]
+
+[可选 脚注]
+```
+
+
+
+![](https://pic.yupi.icu/1/1698387672503-53057f93-7a85-4282-8745-f2d88d697a5a.png)
+
+
+
+当然，这种方式有利有弊，可能有同学会觉得 “我注释都懒得写，你还让我写提交信息？” 这取决于你们项目的规模和紧急程度等因素，反正团队内部保持一致就好。
+
+
+
+像我在用 Git 开发个人项目时，也不是每次都写很详细的提交信息的。但是带 [编程导航](https://mp.weixin.qq.com/s/eNjauC-3361z-l7fy3VssA) 的同学从 0 开发项目时，每场直播写的代码都会单独作为一次提交，如下图：
+
+![](https://pic.yupi.icu/1/1698387871191-d4108f32-e3fc-415e-8ca1-3f722dd39292.png)
+
+
+
+是不是很清晰呢？这样做的好处是，大家想获取某场直播对应的中间代码（而不是最终的成品代码）时，只需要点击某次提交记录就可以获取到了，很方便。
+
+![](https://pic.yupi.icu/1/1698388047321-47d47a3d-f979-4054-b721-5541323e1879.png)
+
+
+
+如果你的提交信息写得非常标准、统一结构，那么甚至还可以用程序自动读取所有的提交信息，生成日志、或者输出提交报告。
+
+
+
+#### 自动化构建部署
+
+大厂研发流程中，一般都是使用 CI / CD（持续集成和持续部署）平台，以流水线的形式自动构建部署项目的。
+
+Git 提交可以和 CI / CD 平台进行集成，比如自动监视代码库中的提交，并在每次提交后自动触发构建和部署任务。一个典型的使用场景是，每次代码开发完成后，先提交代码到测试分支，然后 CI / CD 平台监测到本次提交，并立即在测试环境中构建和部署，而不需要人工操作，从而提交效率。
+
+GitHub Actions 和 GitHub Webhooks 都可以实现上述功能，感兴趣的同学可以尝试下。
+
+> GitHub Actions 文档教程：[https://docs.github.com/zh/actions/quickstart](https://docs.github.com/zh/actions/quickstart)
+
+
+
+![](https://pic.yupi.icu/1/1698388468389-03cf84de-f56a-4a8a-ace1-ea1531ba08a9.png)
+
+
+
+#### 检验项目真假
+
+最后这个点就比较独特了，那就是面试官可以通过查看 Git 的提交记录来判断你的项目真假、是不是自己做的。
+
+比如我收到一些同学的简历中，有的开源项目看起来感觉很厉害，但是点进仓库看了下提交记录，发现寥寥无几，甚至有的只有 1 次！像下图这样：
+
+![](https://pic.yupi.icu/1/1698388718653-20a58e8b-2336-4867-9874-37566b08c145.png)
+
+
+
+那么这个项目真的是他自己从 0 开始做的么？答案就显而易见了。
+
+如果真的是你自己用心做的项目，提交记录绝对不止 1 次，而且面试官能够通过提交记录很清晰地了解到你的项目开发周期。
+
+像我的 yuindex Web 终端项目一样，这才是比较真实、有说服力的：
+
+![](https://pic.yupi.icu/1/1698388825722-92cdc9c8-8b15-4eb6-a7b2-0f8652cf10c4.png)
+
+
+
+其他人也能从你的提交记录中，感受到你对项目的用心程度。
+
+讲到这里，是不是有些同学恍然大悟，知道为啥自己的项目明明开源了，但是没有收到面试邀请、或者被面试官觉得项目不真实了？
+
+
+
+## 实践
+
+以上就是本次分享，Git 提交的实践其实非常简单，我建议大家每次做新项目时，无论大小，都用 Git 来托管你的项目，并且每开发完一个功能或解决 Bug，都进行一次提交。等项目完成后回过头来看这些提交记录，都是自己宝贵的财富。
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/Maven \344\270\255\345\244\256\344\273\223\345\272\223\345\217\221\345\214\205\346\265\201\347\250\213.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/Maven \344\270\255\345\244\256\344\273\223\345\272\223\345\217\221\345\214\205\346\265\201\347\250\213.md"
new file mode 100644
index 0000000..793ead8
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/Maven \344\270\255\345\244\256\344\273\223\345\272\223\345\217\221\345\214\205\346\265\201\347\250\213.md"	
@@ -0,0 +1,182 @@
+# Maven 中央仓库发包流程
+
+> 作者：[心比天高，](https://blog.csdn.net/weixin_52258854)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 452
+
+> 官方文档：[https://central.sonatype.org/publish/publish-maven/#a-complete-example-pom](https://central.sonatype.org/publish/publish-maven/#a-complete-example-pom)
+
+### 整体流程
+
+1. 注册 Jira Software 
+2. 新建问题
+3. 完成域名所有权的验证
+4. 配置 gpg 密钥
+5. 配置 setting.xml
+6. 配置 pom.xml
+7. 上传
+### 具体操作
+
+1. 注册 Jira Software ：![](https://pic.yupi.icu/5563/202311062035772.png)
+2. 新建申请：[https://issues.sonatype.org/secure/CreateIssue.jspa?issuetype=21&pid=10134](https://issues.sonatype.org/secure/CreateIssue.jspa?issuetype=21&pid=10134)
+   - 前两个默认值没有必要改动
+   - Group Id 填域名或 io.github.用户名（后续验证会验证域名或 GitHub 账号的所有权）
+   - Project URL 和 SCM url 按照实例填
+   - Username(s) 指能够向这个 Group Id 发包的 jira 用户
+   - ![](https://pic.yupi.icu/5563/202311062036925.png)
+3. 查看新建的申请并等待审核（一般5-10分钟）![](https://pic.yupi.icu/5563/202311062036134.png)然后官方的机器人会给一个评论让我们完成验证![](https://pic.yupi.icu/5563/202311062036048.png)根据评论的提示，如果我们的 Group Id 是域名，则需要给域名添加一条解析记录；如果是 GitHub 的话，则需要创建一个新的仓库来完成验证；做完之后将问题调整为开放状态等待审核（因为我这里是已经完成了，所以是已解决状态）![](https://pic.yupi.icu/5563/202311062036309.png)审核成功之后会有如下评论![](https://pic.yupi.icu/5563/202311062036886.png)
+4. [下载](https://www.gnupg.org/download/index.html) GPG 工具，在命令行执行 gpg --gen-key** **命令，按照指示（会要求输入私钥，需保存）生成密钥对。gpg --list-keys 命令可以查看已生成的密钥对。通过 gpg --keyserver keyserver.ubuntu.com --send-keys 公钥 命令将密钥对发到服务器，供后面验证使用![](https://pic.yupi.icu/5563/202311062036219.png)
+5. 配置 Maven 的 setting.xml 文件。在 servers 里添加一个 server 块，内容如下:
+```xml
+<server>
+  <id>ossrh</id>
+  <username>jira 账号</username>
+  <password>jira 密码</password>
+</server>
+```
+
+6. 配置项目的 pom.xml 文件，这里主要是添加了一些插件，测试通过的示例 pom 文件如下。注意：包的 GAV 坐标里的 groupId 一定要跟上面在 jira 申请问题时填写的 Group Id 保持一致，否则无法上传成功
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>org.springframework.boot</groupId>
+        <artifactId>spring-boot-starter-parent</artifactId>
+        <version>2.7.2</version>
+        <relativePath/> <!-- lookup parent from repository -->
+    </parent>
+		<!--  包信息根据实际填写，groupId 一定要跟上面在 jira 申请问题时填写的 Group Id 保持一致，否则无法上传成功 -->
+    <groupId>...</groupId>
+    <artifactId>...</artifactId>
+    <version>...</version>
+    <name>...</name>
+    <properties>
+        <java.version>1.8</java.version>
+        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
+        <maven.compiler.encoding>UTF-8</maven.compiler.encoding>
+    </properties>
+    <dependencies>
+    	...
+    </dependencies>
+
+
+    <distributionManagement>
+        <snapshotRepository>
+            <id>ossrh</id>
+            <url>https://s01.oss.sonatype.org/content/repositories/snapshots</url>
+        </snapshotRepository>
+        <repository>
+            <id>ossrh</id>
+            <url>https://s01.oss.sonatype.org/service/local/staging/deploy/maven2/</url>
+        </repository>
+    </distributionManagement>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <excludes>
+                        <exclude>
+                            <groupId>org.projectlombok</groupId>
+                            <artifactId>lombok</artifactId>
+                        </exclude>
+                    </excludes>
+                </configuration>
+            </plugin>
+
+            <plugin>
+                <groupId>org.sonatype.plugins</groupId>
+                <artifactId>nexus-staging-maven-plugin</artifactId>
+                <version>1.6.7</version>
+                <extensions>true</extensions>
+                <configuration>
+                    <serverId>ossrh</serverId>
+                    <nexusUrl>https://s01.oss.sonatype.org/</nexusUrl>
+                    <stagingProgressTimeoutMinutes>20</stagingProgressTimeoutMinutes>
+                    <autoReleaseAfterClose>true</autoReleaseAfterClose>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-source-plugin</artifactId>
+                <version>2.2.1</version>
+                <executions>
+                    <execution>
+                        <id>attach-sources</id>
+                        <goals>
+                            <goal>jar-no-fork</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-gpg-plugin</artifactId>
+                <version>1.5</version>
+                <executions>
+                    <execution>
+                        <id>sign-artifacts</id>
+                        <phase>verify</phase>
+                        <goals>
+                            <goal>sign</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-javadoc-plugin</artifactId>
+                <configuration>
+                    <additionalOptions>
+                        <additionalOption>-Xdoclint:none</additionalOption>
+                    </additionalOptions>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>attach-javadocs</id>
+                        <goals>
+                            <goal>jar</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+		<!-- 后面是开发者及项目信息，根据实际填写 -->
+    <licenses>
+        <license>
+            <name>BSD 3-Clause</name>
+            <url>https://spdx.org/licenses/BSD-3-Clause.html</url>
+        </license>
+    </licenses>
+    <scm>
+        <connection>...</connection>
+        <url>...</url>
+    </scm>
+    <developers>
+        <developer>
+            <name>...</name>
+            <email>...</email>
+            <roles>
+                <role>Developer</role>
+            </roles>
+            <timezone>+8</timezone>
+        </developer>
+    </developers>
+
+</project>
+
+```
+
+7. 上传包
+
+![](https://pic.yupi.icu/5563/202311062036072.png)
+构建成功之后可以先查一下是否发布成功（用 jira 账号登录）：[https://s01.oss.sonatype.org/#stagingRepositories](https://s01.oss.sonatype.org/#stagingRepositories)![](https://pic.yupi.icu/5563/202311062037187.png)
+成功之后在 jira 创建的问题里会有评论（会有一定延迟），如下图：![](https://pic.yupi.icu/5563/202311062037706.png)
+
+8. 到这里就完成了，接下来等着其他各大仓库自动同步（网上说4h，但我实际测试用了接近7h）就可以了。[Maven 中央仓库](https://central.sonatype.com/search?smo=true)首先可以查到（这个很快，半小时内就可以查到了），然后是我们熟知的[https://mvnrepository.com/](https://mvnrepository.com/)和其他仓库
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/Nacos \351\205\215\347\275\256\344\270\255\345\277\203\346\220\255\345\273\272.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/Nacos \351\205\215\347\275\256\344\270\255\345\277\203\346\220\255\345\273\272.md"
new file mode 100644
index 0000000..4d8bfd3
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/Nacos \351\205\215\347\275\256\344\270\255\345\277\203\346\220\255\345\273\272.md"	
@@ -0,0 +1,169 @@
+# Nacos 配置中心搭建
+
+> 作者：[心比天高，](https://blog.csdn.net/weixin_52258854)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 452
+
+> 官方文档：[https://nacos.io/zh-cn/docs/v2/quickstart/quick-start.html](https://nacos.io/zh-cn/docs/v2/quickstart/quick-start.html)
+
+### 版本选择
+![](https://pic.yupi.icu/5563/202311062040531.png)（2023.07.06)
+### 搭建
+
+1. 下载并解压，下载地址：[https://github.com/alibaba/nacos/releases?page=2](https://github.com/alibaba/nacos/releases?page=2)
+2. 单机启动命令：
+```bash
+sh startup.sh -m standalone
+```
+
+3. 查看日志确定是否启动成功
+```bash
+tail -n 5 /Users/wangzhihao/dev_tools/nacos/logs/start.out
+```
+![](https://pic.yupi.icu/5563/202311062041705.png)
+### SpringBoot 中使用
+#### 依赖
+```xml
+<dependency>
+  <groupId>org.springframework.cloud</groupId>
+  <artifactId>spring-cloud-starter-bootstrap</artifactId>
+  <version>3.1.3</version>
+</dependency>
+<dependency>
+  <groupId>com.alibaba.boot</groupId>
+  <artifactId>nacos-config-spring-boot-starter</artifactId>
+  <version>0.2.12</version>
+</dependency>
+```
+#### 配置
+```yaml
+nacos:
+  config:
+    server-addr: 127.0.0.1:8848
+    auto-refresh: true
+    group: DEFAULT_GROUP
+    username: nacos
+    password: nacos
+    namespace: projectName
+```
+tip：nacos.config.bootstrap.enable 为 true 时，才能从 nacos 读取启动配置 如 端口号 等
+#### 使用
+
+1. 通过 @NacosConfigListener(dataId = "") 监听指定配置文件的变化
+```java
+@NacosConfigListener(dataId = "nacos-test-config")
+public void onChange(String config) {
+try {
+    vipConfigList = JSONUtil.toList(config, VipConfig.class);
+} catch (Exception e) {
+    throw new RuntimeException(e);
+}
+}
+```
+nacos-test-config：
+```json
+[
+  {
+    "role": "ban",
+    "addLeftNum": 0,
+    "maxLeftNum": 10,
+    "maxChatUserNum": 12,
+    "messageRetainDay": 0,
+    "downloadDrawPictureCost": 100
+  },
+  {
+    "role": "user",
+    "addLeftNum": 50,
+    "maxLeftNum": 100,
+    "maxChatUserNum": 2,
+    "messageRetainDay": 7,
+    "downloadDrawPictureCost": 5
+  },
+  {
+    "role": "vip",
+    "addLeftNum": 100,
+    "maxLeftNum": 1000,
+    "maxChatUserNum": 10,
+    "messageRetainDay": 30,
+    "downloadDrawPictureCost": 0,
+    "drawMode": "fast"
+  },
+  {
+    "role": "svip",
+    "addLeftNum": 200,
+    "maxLeftNum": 3000,
+    "maxChatUserNum": 20,
+    "messageRetainDay": 90,
+    "downloadDrawPictureCost": 0,
+    "modelMaxTokens": 4096,
+    "drawMode": "fast"
+  },
+  {
+    "role": "admin",
+    "addLeftNum": 200,
+    "maxLeftNum": 3000,
+    "maxChatUserNum": 20,
+    "messageRetainDay": 90,
+    "downloadDrawPictureCost": 0,
+    "drawMode": "fast"
+  }
+]
+
+```
+
+2. @NacosInjected ，可注入 ConfigService （在程序中控制更改或拉取配置及其他操作，类似于配置中心的操作客户端） 或 NamingService
+```java
+@NacosInjected
+private ConfigService configService;
+
+@PostConstruct
+public void initVipConfig() {
+    try {
+        String content = configService.getConfig(dataId, groupId, 5000);
+        vipConfigList = JSONUtil.toList(content, VipConfig.class);
+    } catch (NacosException e) {
+        e.printStackTrace();
+    }
+}
+```
+#### 接入 MySQL
+Nacos 内置了 derby 嵌入式数据库，每启动一个 Nacos 就会有一个数据库，而我们在使用 Nacos 时往往都是集群，使用 derby 数据不能互通会很麻烦。所以我们需要一个外部的统一的数据库，Nacos 在 0.7 版本增加了支持 [mysql](https://cloud.tencent.com/product/cdb?from=20065&from_column=20065) 数据源的能力。
+~~如果 Nacos 在单机环境下运行，则没有必要替换为 MySQL 。~~（后期数据不好迁移）
+替换文档：[https://nacos.io/zh-cn/docs/deployment.html](https://nacos.io/zh-cn/docs/deployment.html)
+![](https://pic.yupi.icu/5563/202311062041853.png)
+
+#### 认证
+> 文档：[https://nacos.io/zh-cn/docs/auth.html](https://nacos.io/zh-cn/docs/auth.html)
+> 注意
+> - Nacos是一个内部微服务组件，需要在可信的内部网络中运行，不可暴露在公网环境，防止带来安全风险。
+> - Nacos提供简单的鉴权实现，为防止业务错用的弱鉴权体系，不是防止恶意攻击的强鉴权体系。
+> - 如果运行在不可信的网络环境或者有强鉴权诉求，请参考官方简单实现做替换增强。
+
+![](https://pic.yupi.icu/5563/202311062041400.png)
+### SpringCloud 中使用
+#### 依赖
+```xml
+<dependency>
+  <groupId>com.alibaba.cloud</groupId>
+  <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
+  <version>${cloud.alibaba}</version>
+</dependency>
+<dependency>
+  <groupId>org.springframework.cloud</groupId>
+  <artifactId>spring-cloud-starter-bootstrap</artifactId>
+  <version>3.0.3</version>
+</dependency>
+<dependency>
+  <groupId>org.springframework.boot</groupId>
+  <artifactId>spring-boot-starter-actuator</artifactId>
+</dependency>
+```
+#### 配置( bootstrap.yml )
+```yaml
+spring:
+  cloud:
+    nacos:
+      config:
+        server-addr: 127.0.0.8848
+        namespace: cloud
+  application:
+    name: cloud-nacos
+```
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/README.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/README.md"
new file mode 100644
index 0000000..bece776
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/README.md"
@@ -0,0 +1,56 @@
+# 编程导航知识碎片
+
+> 本文作者：程序员鱼皮
+> 本站地址：https://codefather.cn
+
+## 介绍
+
+知识碎片：简单易学、实用重要、可灵活复用的编程小知识
+
+目的：
+
+1. 通过简单的分享，帮助大家快速学习或复习巩固项目开发中的重点知识，便于把控学习进度、并且持续加深印象。
+2. 打造由编程导航主导、星球同学 **共建** 的开源编程知识大百科项目，帮助到更多同学，并提高个人和编程导航的影响力，是一件有长期价值的事情。
+
+鱼皮已经整理了带大家做过的每个项目的知识碎片（130 多个，具体内容持续更新中），即使现在还没有做过任何项目，也可以学习。学完后再做 [编程导航星球项目](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)，效果翻倍！
+
+欢迎大家 [点此贡献知识碎片](https://yuyuanweb.feishu.cn/docx/I0rkd4p4foQe0dxZ6z4cAtcKnuc#CIi3dqfucobQzNxk6VqcOdCBn4e)，帮助自己复习，并获得奖励 🎁
+
+
+## 如何参与贡献？
+
+### 提交知识碎片
+
+只需填写收集表即可：https://docs.qq.com/form/page/DQkdHTGFLQmJjV3VU
+
+审核通过后，编程导航官方会将内容进行同步和整理，定期公示贡献表并发放奖励。
+
+> 大家之前写过的文章都可以参与贡献哦~
+
+
+
+### 审核标准
+
+1. 内容要完整，专注于某个小知识点，而不是大而全的课程、项目笔记
+2. 最好有一些自己的经验心得，区别于机械的内容
+3. 不能抄袭、AI 生成、复制网上的百科，需要保证原创
+4. 不要添加学习无关的引流信息，保证内容的纯净
+
+
+
+## 贡献奖励
+
+1）文章版权为作者本人所有，我们会在知识库文章中注明原作者，可以添加个人主页链接来增加你的人气。比如：
+
+> 作者：[程序员鱼皮](https://space.bilibili.com/12890453/)，[编程导航星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 编号 1
+
+2）**每月定时** 收录知识碎片并发放奖励，对于符合要求的知识碎片分享，奖励作者：
+
+- 🧧 现金红包：每篇 5 - 100 元不等（根据内容质量决定）
+- ⭐️ [编程之星](https://yuyuanweb.feishu.cn/docx/RUdmdj9aaorDGOxnXObcKVBtnBb)：每成功贡献 3 篇文章，获取 1 颗编程之星
+
+3）优质的分享可能会在公众号程序员鱼皮中进行转发曝光，增加作者人气，并获得更多奖励~
+
+4）每一次贡献都是在为编程导航知识大百科项目做贡献（相当于做了开源），对于优秀的贡献者，我们会在开源项目和网站中重点鸣谢，且后续有更多的合作机会甚至分红。
+
+感谢您的阅读和参与！
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/RESTful \346\216\245\345\217\243\345\256\236\347\216\260\344\270\216\346\265\213\350\257\225( Spring Boot ).md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/RESTful \346\216\245\345\217\243\345\256\236\347\216\260\344\270\216\346\265\213\350\257\225( Spring Boot ).md"
new file mode 100644
index 0000000..d5076ca
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/RESTful \346\216\245\345\217\243\345\256\236\347\216\260\344\270\216\346\265\213\350\257\225( Spring Boot ).md"	
@@ -0,0 +1,1071 @@
+# RESTful 接口实现与测试( Spring Boot )
+
+> 作者：[无题.](https://wx.zsxq.com/dweb2/index/footprint/418844844821828)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 4838
+
+本文将教你彻底理解如何使用spring boot开发一个RESTful接口与如何进行接口测试
+
+# 是什么？
+
+**RESTful是基于http方法的API设计风格，而不是一种新的技术**
+
+1. 看Url就知道要什么资源
+2. 看http method就知道针对资源干什么
+3. 看http status code就知道结果如何
+
+**REST 通过 URI 暴露资源时，会强调不要在 URI 中出现动词**
+
+# 设计风格
+
+关于HTTP RESTful风格API设计的更多例子，参考：http://httpbin.org/
+
+# HTTP协议四种传参方式
+
+| HTTP协议组成         | 协议内容示例                                     | 对应Spring注解 |
+| -------------------- | ------------------------------------------------ | -------------- |
+| path info传参        | /articles/12 (查询id为12的文章，12是参数)        | @PathVariable  |
+| URL Query String传参 | /articles?id=12                                  | @RequestParam  |
+| Body 传参            | Content-Type: multipart/form-data                | @RequestParam  |
+| Body 传参            | Content-Type: application/json，或其他自定义格式 | @RequestBody   |
+| Headers 传参         |                                                  | @RequestHeader |
+
+# 常用注解
+
+### @RequestBody与@ResponseBody
+
+```Java
+//注意并不要求@RequestBody与@ResponseBody成对使用。
+public @ResponseBody  AjaxResponse saveArticle(@RequestBody ArticleVO article)
+```
+
+如上代码所示：
+
+- @RequestBody修饰请求参数，注解用于接收HTTP的body，默认是使用JSON的格式
+- @ResponseBody修饰返回值，注解用于在HTTP的body中携带响应数据，默认是使用JSON的格式。如果不加该注解，spring响应字符串类型，是跳转到模板页面或jsp页面的开发模式。说白了：加上这个注解你开发的是一个数据接口，不加这个注解你开发的是一个页面跳转控制器。
+
+在使用@ResponseBody注解之后程序不会再走视图解析器，也就不再做html视图渲染，而是直接将对象以数据的形式（默认JSON）返回给请求发送者。那么我们有一个问题：如果我们想接收或XML数据该怎么办？我们想响应excel的数据格式该怎么办？
+
+### @RequestMapping注解
+
+用于标注HTTP服务端点。它的很多属性对于丰富我们的应用开发方式方法，都有很重要的作用。如：
+
+- value： 应用请求端点，最核心的属性，用于标志请求处理方法的唯一性；
+- method： HTTP协议的method类型， 如：GET、POST、PUT、DELETE等；
+- consumes： HTTP协议请求内容的数据类型（Content-Type），例如application/json, text/html;
+- produces: HTTP协议响应内容的数据类型。下文会详细讲解。
+- params： HTTP请求中必须包含某些参数值的时候，才允许被注解标注的方法处理请求。
+- headers： HTTP请求中必须包含某些指定的header值，才允许被注解标注的方法处理请求。
+
+![image-20231104190556172](https://pic.yupi.icu/5563/image-20231104190556172.png)
+
+### @RestController与@Controller
+
+@Controller注解是开发中最常使用的注解，它的作用有两层含义：
+
+- 一是告诉Spring，**被该注解标注的类是一个Spring的Bean**，需要被注入到Spring的上下文环境中。
+- 二是该类里面所有被RequestMapping标注的注解都是HTTP服务端点。
+
+@RestController相当于 @Controller和@ResponseBody结合。它有两层含义：
+
+- 一是作为Controller的作用，将控制器类注入到Spring上下文环境，该类RequestMapping标注方法为HTTP服务端点。
+- 二是作为ResponseBody的作用，**请求响应默认使用的序列化方式是JSON**，而不是跳转到jsp或模板页面。
+
+### @PathVariable 与@RequestParam
+
+- PathVariable**用于URI上的{参数}**，如下方法用于删除一篇文章，其中id为文章id。如：我们的请求URL为“/article/1”,那么将匹配DeleteMapping并且PathVariable接收参数id=1。
+- RequestParam用于**接收普通表单方式或者ajax模拟表单提交的参数数据。**如果使用了这个注解，但是前端没有传入参数，就会报错
+
+```Java
+@DeleteMapping("/article/{id}")
+public @ResponseBody AjaxResponse deleteArticle(@PathVariable Long id) {}
+
+@PostMapping("/article")
+public @ResponseBody AjaxResponse deleteArticle(@RequestParam Long id) {}
+```
+
+![image-20231104190632522](https://pic.yupi.icu/5563/image-20231104190632522.png)
+
+# 接受复杂嵌套对象参数
+
+**RequestBody注解**的真正意义在于能够使用对象或者嵌套对象接收前端数据。
+
+一个paramData对象里面包含了一个bestFriend对象。这种数据结构使用RequestParam就无法接收了，RequestParam只能接收平面的、一对一的参数。像上文中这种数据结构的参数，就需要我们在java服务端定义两个类，一个类是ParamData，一个类是BestFriend
+
+```Java
+public class ParamData {
+    private String name;
+    private int id;
+    private String phone;
+    private BestFriend bestFriend;
+    
+    public static class BestFriend {
+        private String address;
+        private String sex;
+    }
+}
+```
+
+- 注意上面代码中省略了GET、SET方法等必要的java plain model元素。
+- 注意**成员变量名称一定要和JSON属性名称对应上。**
+- 注意接收不同类型的参数，使用不同的成员变量类型
+
+完成以上动作，我们就可以使用`@RequestBody ParamData paramData`，一次性的接收以上所有的复杂嵌套对象参数了，参数对象的所有属性都将被赋值。
+
+# Http数据转换的原理
+
+使用JSON都比较普遍了，其方便易用、表达能力强，是绝大部分数据接口式应用的首选。那么如何响应其他的类型的数据？其中的判别原理又是什么？下面就来给大家介绍一下：
+
+![image-20231104190647009](https://pic.yupi.icu/5563/image-20231104190647009.png)
+
+- 当一个HTTP请求到达时是一个InputStream，通过HttpMessageConverter转换为java对象，从而进行参数接收。
+- 当对一个HTTP请求进行响应时，我们首先输出的是一个java对象，然后由HttpMessageConverter转换为OutputStream输出。
+
+当我们在Spring Boot应用中集成了**jackson的类库**之后，如下的一些HttpMessageConverter将会被加载。
+
+![image-20231104190658630](https://pic.yupi.icu/5563/image-20231104190658630.png)根据HTTP协议的Accept和Content-Type属性，以及参数数据类型来判别使用哪一种HttpMessageConverter。**当使用RequestBody或ResponseBody时，再结合前端发送的Accept数据类型，会自动判定优先使用MappingJacksonHttpMessageConverter作为数据转换器。**但是，不仅JSON可以表达对象数据类型，XML也可以。**如果我们希望使用XML格式该怎么告知Spring呢，那就要使用到produces属性了。**
+
+```Java
+@GetMapping(value ="/demo",produces = MediaType.APPLICATION_XML_VALUE)
+```
+
+这里我们明确的告知了返回的数据类型是xml，就会使用Jaxb2RootElementHttpMessageConverter作为默认的数据转换器。当然实现XML数据响应比JSON还会更复杂一些，还需要结合@XmlRootElement、@XmlElement等注解实体类来使用。
+
+# 自定义HttpMessageConverter
+
+其实绝大多数的数据格式都不需要我们自定义HttpMessageConverter，都有第三方类库可以帮助我们实现(包括下文代码中的Excel格式)。但有的时候，有些数据的输出格式并没有类似于Jackson这种类库帮助我们处理，需要我们自定义数据格式。该怎么做?
+
+下面我们就以Excel数据格式为例，**写一个自定义的HTTP类型转换器**。实现的效果就是，当我们返回AjaxResponse这种数据类型的话，就自动将AjaxResponse转成Excel数据响应给客户端。
+
+引入依赖
+
+```XML
+<dependency>
+   <groupId>org.apache.poi</groupId>
+   <artifactId>poi-ooxml</artifactId>
+   <version>3.9</version>
+</dependency>
+@Service
+public class ResponseToXlsConverter extends AbstractHttpMessageConverter<AjaxResponse> {
+
+    private static final MediaType EXCEL_TYPE = MediaType.valueOf("application/vnd.ms-excel");
+
+    ResponseToXlsConverter() {
+        super(EXCEL_TYPE);
+    }
+
+    @Override
+    protected AjaxResponse readInternal(final Class<? extends AjaxResponse> clazz,
+                                final HttpInputMessage inputMessage)
+            throws IOException, HttpMessageNotReadableException {
+        return null;
+    }
+
+    //针对AjaxResponse类型返回值，使用下面的writeInternal方法进行消息类型转换
+    @Override
+    protected boolean supports(final Class<?> clazz) {
+        return (AjaxResponse.class == clazz);
+    }
+
+    @Override
+    protected void writeInternal(final AjaxResponse ajaxResponse, final HttpOutputMessage outputMessage)
+            throws IOException, HttpMessageNotWritableException {
+
+        final Workbook workbook = new HSSFWorkbook();
+        final Sheet sheet = workbook.createSheet();
+
+        final Row row = sheet.createRow(0);
+        row.createCell(0).setCellValue(ajaxResponse.getMessage());
+        row.createCell(1).setCellValue(ajaxResponse.getData().toString());
+
+        workbook.write(outputMessage.getBody());
+    }
+}
+```
+
+- 实现AbstractHttpMessageConverter接口
+- 指定该转换器是针对哪种数据格式的？如上文代码中的"application/vnd.ms-excel"
+- 指定该转换器针对那些对象数据类型？如上文代码中的supports函数
+- 使用writeInternal对数据进行输出处理，上例中是输出为Excel格式。
+
+![image-20231104190721012](https://pic.yupi.icu/5563/image-20231104190721012.png)
+
+注意这是要把自定义的Http转换器加上@Service注解
+
+`@Service`注解是Spring框架中的一个注解，用于标识一个类作为服务组件。当类被标记为`@Service`时，Spring会自动将其识别为一个服务，并进行相关的依赖注入和管理。
+
+# 统一规划接口响应的数据格式
+
+下面这个类是用于统一数据响应接口标准的。它的作用是：统一所有开发人员响应前端请求的返回结果格式，减少前后端开发人员沟通成本，是一种RESTful接口标准化的开发约定。
+
+```Java
+@Data
+public class AjaxResponse {
+
+  private boolean isok;  //请求是否处理成功
+  private int code; //请求响应状态码（200、400、500）
+  private String message;  //请求结果描述信息
+  private Object data; //请求结果数据（通常用于查询操作）
+
+  private AjaxResponse(){}
+
+  //请求成功的响应，不带查询数据（用于删除、修改、新增接口）
+  public static AjaxResponse success(){
+    AjaxResponse ajaxResponse = new AjaxResponse();
+    ajaxResponse.setIsok(true);
+    ajaxResponse.setCode(200);
+    ajaxResponse.setMessage("请求响应成功!");
+    return ajaxResponse;
+  }
+
+  //请求成功的响应，带有查询数据（用于数据查询接口）
+  public static AjaxResponse success(Object obj){
+    AjaxResponse ajaxResponse = new AjaxResponse();
+    ajaxResponse.setIsok(true);
+    ajaxResponse.setCode(200);
+    ajaxResponse.setMessage("请求响应成功!");
+    ajaxResponse.setData(obj);
+    return ajaxResponse;
+  }
+
+  //请求成功的响应，带有查询数据（用于数据查询接口）
+  public static AjaxResponse success(Object obj,String message){
+    AjaxResponse ajaxResponse = new AjaxResponse();
+    ajaxResponse.setIsok(true);
+    ajaxResponse.setCode(200);
+    ajaxResponse.setMessage(message);
+    ajaxResponse.setData(obj);
+    return ajaxResponse;
+  }
+
+
+}
+```
+
+# 实战：使用注解开发一个REST接口
+
+## 一、定义pojo对象
+
+```Java
+@Data
+@Builder
+public class Article {
+    private Long id;
+    private String author;
+    private String title;
+    private String content;
+    private Data createTime;
+
+    private List<Reader> reader;
+}
+@Data
+public class Reader {
+    private String name;
+    private Integer age;
+}
+```
+
+- @Builder为我们提供了通过对象属性的链式赋值构建对象的方法
+- @Data注解帮我们定义了一系列常用方法，如：getters、setters、hashcode、equals等
+
+## 二、定义HTTP方法和Controller
+
+- 增加一篇Article ，使用POST方法
+- 删除一篇Article，使用DELETE方法，参数是id
+- 更新一篇Article，使用PUT方法，以id为主键进行更新
+- 获取一篇Article，使用GET方法
+
+```Java
+@Slf4j
+@RestController
+@RequestMapping("/rest")
+public class ArticleController {
+    //根据文章的Id查询一篇文章
+    @GetMapping("/article/{id}")
+    public AjaxResponse getArticleById(@PathVariable Long id) {
+        //使用Lombok提供的buidler构建对象(构造一些假数据）
+        Article article = Article.builder()
+                .id(id)
+                .author("lombok")
+                .content("你好spring boot")
+                .createTime(new Date())
+                .title("day01").build();
+        return AjaxResponse.success(article);
+    }
+
+    //增加一篇Article ，使用POST方法(RequestBody方式接收参数)
+    //@RequestMapping(value = "/articles",method = RequestMethod.POST)
+    @PostMapping("/articles")
+    public AjaxResponse saveArticle(@RequestBody Article article,
+                                    @RequestHeader String aaa){
+
+        //因为使用了lombok的Slf4j注解，这里可以直接使用log变量打印日志
+        log.info("saveArticle:" + article);
+        return AjaxResponse.success();
+    }
+
+    //增加一篇Article ，使用POST方法(RequestParam方式接收参数)
+  /*@PostMapping("/articles")
+  public AjaxResponse saveArticle(@RequestParam  String author,
+                                  @RequestParam  String title,
+                                  @RequestParam  String content,
+                                  @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+                                  @RequestParam  Date createTime){
+
+    log.info("saveArticle:" + createTime);
+    return AjaxResponse.success();
+  }*/
+
+
+    //更新一篇Article，使用PUT方法，以id为主键进行更新
+    //@RequestMapping(value = "/articles",method = RequestMethod.PUT)
+    @PutMapping("/articles")
+    public AjaxResponse updateArticle(@RequestBody Article article){
+        if(article.getId() == null){
+            //article.id是必传参数，因为通常根据id去修改数据
+            //TODO 抛出一个自定义的异常
+        }
+
+        log.info("updateArticle:" + article);
+        return AjaxResponse.success();
+    }
+
+    //删除一篇Article，使用DELETE方法，参数是id
+    //@RequestMapping(value = "/articles/{id}",method = RequestMethod.DELETE)
+    @DeleteMapping("/articles/{id}")
+    public AjaxResponse deleteArticle(@PathVariable("id") Long id){
+
+        log.info("deleteArticle:" + id);
+        return AjaxResponse.success();
+    }
+}
+```
+
+## 测试一下：
+
+![image-20231104190737919](https://pic.yupi.icu/5563/image-20231104190737919.png)
+
+# 配合前端axios传参总结
+
+- `@RequestParam`注解，默认接收`Content-Type: application/x-www-form-urlencoded`编码格式的数据
+- `@RequestBody`注解，默认接收JSON类型格式的数据。
+
+## 一、`@RequestParam`注解对应的axios传参方法
+
+以下面的这段Spring java代码为例，接口使用POST协议，需要接受的参数分别是tsCode、indexCols、table。针对这个Spring的HTTP接口，axios该如何传参？有几种方法？我们来一一介绍。
+
+```Java
+@PostMapping("/line")
+public List<? extends BaseEntity> commonEChart(@RequestParam String tsCode,
+                                     @RequestParam String indexCols,
+                                     @RequestParam String table){
+```
+
+### params传参（推荐）
+
+使用axios实例的params进行传参，就会将params参数格式化为x-www-form-urlencoded的格式，**与后端参数一一对应即可传参成功。**
+
+```JavaScript
+return request({
+    url: '/chart/line',
+    method: 'post',
+    params: {   //注意这里的key是params
+        tsCode,
+        indexCols,
+        table
+    }
+})
+```
+
+### FormData传参
+
+还可以使用js的FormData对象进行参数格式化，同样可以在Spring后端正确的使用`@RequestParam`注解进行参数接收。
+
+```JavaScript
+let params = new FormData();
+params.append('tsCode', tsCode);
+params.append('indexCols', indexCols);
+params.append('table', table);
+return request({
+    url: '/chart/line',
+    method: 'post',
+    data: params   //注意这里的key是data
+})
+```
+
+### qs.stringfy传参
+
+还可以使用`qs.stringfy`进行参数格式化，同样可以在Spring后端正确的使用`@RequestParam`注解进行参数接收。
+
+```JavaScript
+import qs from "qs";
+
+return request({
+    url: '/chart/line',
+    method: 'post',
+    data: qs.stringify({    //注意这里的key是data
+        tsCode,
+        indexCols,
+        table
+    })
+})
+```
+
+需要注意的是使用这种方法，需要手动设置header(Content-Type)
+
+```JavaScript
+const service = axios.create({
+    headers: {
+        "Content-Type": "application/x-www-form-urlencoded"
+    }
+});
+```
+
+## 二、`@RequestBody`的axios传参方法
+
+DemoModel类是一个实体类，包含名称tsCode,indexCols,table三个字符串成员变量。接收到的JSON格式参数会自动为demo对象的成员变量赋值。
+
+```Java
+@PostMapping("/line")
+public List<? extends BaseEntity> commonEChart(@RequestBody DemoModel demo){
+```
+
+`@RequestBody`注解，默认接收JSON类型格式的数据。**在axios中默认data传参就会默认使用JSON数据格式**，所以不用额外的特殊处理。
+
+```JavaScript
+return request({
+    url: '/chart/line',
+    method: 'post',
+    data: {    //注意这里的key是data
+        tsCode,
+        indexCols,
+        table
+    }
+})
+```
+
+# FastJSON、Gson和Jackson对比
+
+**开源的Jackson**：SpringBoot默认是使用Jackson作为JSON数据格式处理的类库，**Jackson在各方面都比较优秀，所以不建议将Jackson替换为Gson或fastjson。**
+
+**Google的Gson**：Gson是Google为满足内部需求开发的JSON数据处理类库，其核心结构非常简单，toJson与fromJson两个转换函数实现对象与JSON数据的转换，
+
+**阿里巴巴的FastJson**：Fastjson是阿里巴巴开源的JSON数据处理类库，其主要特点是序列化速度快。当并发数据量越大的时候，越能体现出fastjson的优势。但是笔者觉得选择JSON处理类库，快并不是唯一需要考虑的因素，与数据库或磁盘IO相比，JSON数据序列化与反序列化的这点时间还不足以对软件性能产生比较大的影响。而且这个库会有一些版本安全问题，代码质量不高，在国外几乎没人使用。
+
+# 在Spring中注解方法使用Jackson
+
+jackson的主要作用就是序列化与反序列化。
+
+> 什么叫序列化与反序列化？说白了就是把对象转成可传输、可存储的格式（json、xml、二进制、甚至自定义格式）叫做序列化。反序列化顾名思义。
+
+- 反序列化：在客户端将请求数据上传到服务端的时候，自动的处理JSON数据对象中的字符串、数字，将其转换为包含Date类型、Integer等类型的对象。
+- 序列化：按照指定的格式、顺序等将实体类对象转换为JSON字符串
+
+下面就给大家介绍一下jackson的常用注解的使用方法，帮助我们进行序列化和反序列化工作。
+
+## 常用注解
+
+这些注解通常用于标注java实体类或实体类的属性。
+
+- @JsonPropertyOrder(value={"pname1","pname2"}) 改变子属性在JSON序列化中的默认定义的顺序。如：param1在先，param2在后。
+- @JsonIgnore 加在属性上面，排除某个属性不做序列化与反序列化
+- @JsonIgnoreProperties(ignoreUnknown = true)，将这个注解写在类上之后，就会忽略JSON字符串中存在，但实体类不存在的属性，不予赋值，也不会出现异常。
+- @JsonIgnoreProperties({ "xxx", "yyyy" }) 忽略某些属性不进行序列化
+- @JsonProperty(anotherName) 为某个属性换一个名称，体现在JSON数据里面
+- @JsonInclude(JsonInclude.Include.NON_NULL) 排除为空的元素不做序列化反序列化
+- @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8") 指定日期类型的属性格式
+
+```Java
+@JsonPropertyOrder(value={"content","title"})  
+public class Article {
+
+    @JsonIgnore
+    private Long id;
+
+    @JsonProperty("auther")
+    private String author;
+    private String title;
+    private String content;
+
+    @JsonInclude(JsonInclude.Include.NON_NULL)
+    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
+    private Date createTime;
+    private List<Reader> reader;
+
+}
+```
+
+上文代码中对应的JSON数据格式可以为：
+
+```Java
+{
+    auther :"",
+    content:"",
+    title:"",
+    createTime:"2013-11-3 12:12:12",
+    reader:[{"name":"xhl","age":18},{"name":"jng","age":19}]
+}
+```
+
+- 因为定义了JsonPropertyOrder，content在先，title在后
+- 因为定义了JsonIgnore，id属性被忽略
+- 因为定义了JsonProperty，author属性变为auther
+- 因为定义了JsonInclude和JsonFormat，createTime不要为空，并且格式为 "yyyy-MM-dd HH:mm:ss"
+
+通常会对日期类型转换，进行全局配置，而不是在每一个java bean里面配置
+
+```YAML
+spring: 
+    jackson:
+        date-format: yyyy-MM-dd HH:mm:ss
+        time-zone: GMT+8
+```
+
+调试成功：
+
+![image-20231104190808684](https://pic.yupi.icu/5563/image-20231104190808684.png)
+
+# 手写数据转换
+
+除了在spring框架内实现自动的前后端JSON数据与java对象的转换，我们还可以使用jackson自己写代码进行转换。
+
+```Java
+//jackson的ObjectMapper 转换对象
+ObjectMapper mapper = new ObjectMapper();
+//将某个java对象转换为JSON字符串
+String jsonStr = mapper.writeValueAsString(javaObj);
+//将jsonStr转换为Ademo类的对象
+Ademo ademo = mapper.readValue(jsonStr, Ademo.class);
+```
+
+当JSON字符串代表的对象的字段多于类定义的字段时，使用readValue会抛出UnrecognizedPropertyException异常，在类的定义处加上`@JsonIgnoreProperties(ignoreUnknown = true)`可以解决这个问题。
+
+# Postman测试
+
+下面让我们结合postman对REST接口和Jackson做一下测试吧。Postman是接口测试过程中经常使用到的工具。
+测试使用数据:
+
+```JSON
+{
+    "id": 1,
+    "author": "xhl",
+    "title": "手把手教你spring boot",
+    "content": "hello world",
+    "createTime": "",
+    "reader":[{"name":"xhl","age":18},{"name":"jng","age":19}]
+}
+```
+
+下面以测试新增文章的接口为例：
+
+- 测试的接口服务端点为“/rest/article”
+- 服务端点支持的HTTP方法为POST
+- 使用Http协议的body传输JSON数据，对应Controller应该使用@RequestBody进行数据参数接收
+- 点击Send进行接口数据的发送
+
+## bug
+
+![image-20231104190819684](https://pic.yupi.icu/5563/image-20231104190819684.png)
+
+既然和 DispatcherServlet 有关，那无非就是MVC的映射出了问题，通俗的理解，就是：JVM编译期有个 [servlet](https://so.csdn.net/so/search?q=servlet&spm=1001.2101.3001.7020) 加载/调用失败了。
+
+我画了一张图，和大家一起复习下 DispatcherServlet ：
+
+![image-20231104190832277](https://pic.yupi.icu/5563/image-20231104190832277.png)
+
+整个流程可以被大致描述为：
+
+1. 一个http请求到达服务器，被DispatcherServlet接收。
+2. DispatcherServlet将请求委派给合适的处理器Controller，此时处理控制权到达Controller对象。
+3. Controller内部完成请求的数据模型的创建和业务逻辑的处理，然后再将填充了数据后的模型即model和控制权一并交还给DispatcherServlet，委派DispatcherServlet来渲染响应。
+4. DispatcherServlet再将这些数据和适当的数据模版视图结合，向Response输出响应。
+
+解决：在实体类加上两个注解@AllArgsConstructor 和 @NoArgsConstructor
+
+![image-20231104190853349](https://pic.yupi.icu/5563/image-20231104190853349.png)
+
+![image-20231104190903249](https://pic.yupi.icu/5563/image-20231104190903249.png)
+
+# Jackson全局配置
+
+在Spring框架内使用Jackson的时候，通常需要一些特殊的全局配置，来应对我们JSON序列化与反序列化中出现的各种问题。
+Spring Boot 提供了两种配置方式，一是配置文件的方式
+
+```YAML
+spring:
+  jackson:
+    #日期类型格式化
+    date-format: yyyy-MM-dd HH:mm:ss
+    serialization:
+      #格式化输出，通常为了节省网络流量设置为false。因为格式化之后会带有缩进，方便阅读。
+      indent_output: false
+      #某些类对象无法序列化的时候，是否报错
+      fail_on_empty_beans: false
+    #设置空如何序列化，见下文代码方式详解
+    defaultPropertyInclusion: NON_EMPTY
+    deserialization:
+      #json对象中有不存在的属性时候，是否报错
+      fail_on_unknown_properties: false
+    parser:
+      #允许出现特殊字符和转义符
+      allow_unquoted_control_chars: true
+      #允许出现单引号
+      allow_single_quotes: true
+```
+
+二是通过代码的方式，方式一更容易，方式二更灵活。方式一无法解决的问题，尝试使用方式二。
+
+```Java
+@Bean
+@Primary
+@ConditionalOnMissingBean(ObjectMapper.class)
+public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder)
+{
+        ObjectMapper objectMapper = builder.createXmlMapper(false).build();
+
+        // 通过该方法对mapper对象进行设置，所有序列化的对象都将按改规则进行系列化
+        // Include.Include.ALWAYS 默认
+        // Include.NON_DEFAULT 属性为默认值不序列化
+        // Include.NON_EMPTY 属性为 空（""） 或者为 NULL 都不序列化，则返回的json是没有这个字段的。这样对移动端会更省流量
+        // Include.NON_NULL 属性为NULL 不序列化
+        objectMapper.setSerializationInclusion(JsonInclude.Include.NON_EMPTY);
+        objectMapper.configure(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES, false);
+        // 允许出现特殊字符和转义符
+        objectMapper.configure(JsonParser.Feature.ALLOW_UNQUOTED_CONTROL_CHARS, true);
+        // 允许出现单引号
+        objectMapper.configure(JsonParser.Feature.ALLOW_SINGLE_QUOTES, true);
+        // 字段保留，将null值转为""
+        objectMapper.getSerializerProvider().setNullValueSerializer(new JsonSerializer<Object>()
+        {
+            @Override
+            public void serialize(Object o, JsonGenerator jsonGenerator,
+                                  SerializerProvider serializerProvider)
+                    throws IOException
+            {
+                jsonGenerator.writeString("");
+            }
+        });
+        return objectMapper;
+}
+```
+
+# 编码实现接口测试
+
+为什么要写代码做测试？
+
+使用maven在打包之前将所有的测试用例执行一遍。这里重点是**自动化**，所以postman这种工具很难插入到持续集成的自动化流程中去。
+
+## junit测试框架
+
+在junit4和junit5中，注解的写法有些许变化。
+
+
+
+## Mockito测试框架
+
+Mockito是GitHub上使用最广泛的Mock框架,并与JUnit结合使用.Mockito框架可以创建和配置mock对象.使用Mockito简化了具有外部依赖的类的测试开发。Mockito测试框架可以帮助我们模拟HTTP请求，从而达到在服务端测试目的。**因为其不会真的去发送HTTP请求，而是模拟HTTP请求内容，从而节省了HTTP请求的网络传输，测试速度更快。**
+
+![image-20231104190922436](https://pic.yupi.icu/5563/image-20231104190922436.png)
+
+> spring-boot-starter-test(Spring Boot 2.3.0.RELEASE)自动包含Junit 5 和Mockito框架
+
+```Java
+@Slf4j
+public class ArticleRestControllerTest {
+
+    //mock对象
+    private static MockMvc mockMvc;
+
+    //在所有测试方法执行之前进行mock对象初始化
+    @BeforeAll
+    static void setUp() {
+        mockMvc = MockMvcBuilders.standaloneSetup(new ArticleController()).build();
+    }
+
+    //测试方法
+    @Test
+    public void saveArticle() throws Exception {
+
+        String article = "{\n" +
+                "    \"id\": 1,\n" +
+                "    \"author\": \"xhl\",\n" +
+                "    \"title\": \"手把手教你开发spring boot\",\n" +
+                "    \"content\": \"c\",\n" +
+                "    \"createTime\": \"2023-11-03 15:56:55\",\n" +
+                "    \"reader\":[{\"name\":\"xhl\",\"age\":18},{\"name\":\"jng\",\"age\":19}]\n" +
+                "}";
+        MvcResult result = mockMvc.perform(
+            MockMvcRequestBuilders
+                .request(HttpMethod.POST, "/rest/article")
+                .contentType("application/json")
+                .content(article)
+        )
+        .andExpect(MockMvcResultMatchers.status().isOk())  //HTTP:status 200
+        .andExpect(MockMvcResultMatchers.jsonPath("$.data.author").value("xhl"))
+        .andExpect(MockMvcResultMatchers.jsonPath("$.data.reader[0].age").value(18))
+        .andDo(print())
+        .andReturn();
+        result.getResponse().setCharacterEncoding("UTF-8");
+        log.info(result.getResponse().getContentAsString());
+
+    }
+}
+```
+
+
+
+MockMvc对象有以下几个基本的方法:
+
+- perform : 模拟执行一个RequestBuilder构建的HTTP请求，会执行SpringMVC的流程并映射到相应的控制器Controller执行。
+- contentType：发送请求内容的序列化的格式，"application/json"表示JSON数据格式
+- andExpect: 添加RequsetMatcher验证规则，验证控制器执行完成后结果是否正确，或者说是结果是否与我们期望（Expect）的一致。
+- andDo: 添加ResultHandler结果处理器，比如调试时打印结果到控制台
+- andReturn: 最后返回相应的MvcResult,然后进行自定义验证/进行下一步的异步处理
+
+> 上面的整个过程，我们都没有使用到Spring Context依赖注入、也没有启动tomcat web容器。整个测试的过程十分的轻量级，速度很快。
+
+## 真实servlet容器环境下的测试
+
+上面的测试执行速度非常快，但是有一个问题：它没有启动servlet容器和Spring 上下文，自然也就无法实现依赖注入（不支持@Resource和@AutoWired注解）。这就导致它在从控制层到持久层全流程测试中有很大的局限性。
+
+测试类上面额外加上这样两个注解，并且mockMvc对象使用@Resource自动注入，删掉Before注解及setUp函数。
+
+```Java
+@AutoConfigureMockMvc
+@SpringBootTest
+@ExtendWith(SpringExtension.class)
+```
+
+![image-20231104191101956](https://pic.yupi.icu/5563/image-20231104191101956.png)
+
+该测试方法真实的启动了一个tomcat容器、以及Spring 上下文，所以我们可以进行依赖注入（@Resource）。实现的效果和使用MockMvcBuilders构建MockMVC对象的效果是一样的，但是有一个非常明显的缺点：**每次做一个接口测试，都会真实的启动一次servlet容器，Spring上下文加载项目里面定义的所有的Bean，导致执行过程很缓慢。**
+
+### @SpringBootTest 注解
+
+是用来创建Spring的上下文ApplicationContext，保证测试在上下文环境里运行。单独使用@SpringBootTest不会启动servlet容器。所以**只是使用SpringBootTest 注解，不可以使用@Resource和@Autowired等注解进行bean的依赖注入**。
+
+### @ExtendWith(@RunWith注解)
+
+- RunWith方法为我们构造了一个的Servlet容器运行运行环境，并在此环境下测试。然而为什么要构建servlet容器？因为使用了依赖注入，注入了MockMvc对象，而在上一个例子里面是我们自己new的。
+- 而@AutoConfigureMockMvc注解，该注解表示mockMvc对象由spring 依赖注入构建，你只负责使用就可以了。这种写法是为了让测试在servlet容器环境下执行。
+
+实际上@SpringBootTest 注解注解已经包含了 @ExtendWith注解，如果使用了前者，可以忽略后者！
+
+### @Transactional
+
+该注解加在方法上可以使单元测试进行事务回滚，以保证数据库表中没有因测试造成的垃圾数据，因此保证单元测试可以反复执行；但是使用该注解会破坏测试真实性。
+
+## Mock测试
+
+### 什么是Mock?
+
+在面向对象程序设计中，模拟对象是以可控的方式模拟真实对象行为的**假的对象**
+
+> 在单元测试中，模拟对象可以模拟复杂的、真实的对象的行为， 如果真实的对象无法放入单元测试中，使用模拟对象就很有帮助。
+
+在下面的情形，可能需要使用 **"模拟对象行为"** 来代替真实对象：
+
+- 真实对象的行为是不确定的（例如，当前的时间或当前的温度）；
+- 真实对象很难搭建起来；
+- 真实对象的行为很难触发（例如，网络错误）；
+- 真实对象速度很慢（例如，一个完整的数据库，在测试之前可能需要初始化）；
+- 真实的对象是用户界面，或包括用户界面在内；
+- 真实的对象使用了回调机制；
+- 真实对象可能还不存在（例如，其他程序员还为完成工作）；
+- 真实对象可能包含不能用作测试的信息（高度保密信息等）和方法。
+
+### 场景实践
+
+我们的保存文章的Controller方法，调用ArticleService的saveArticle进行文章的保存。
+
+但是因为种种原因，这个接口目前没能实现(只有接口）
+
+```Java
+public interface ArticleService {
+  public String saveArticle(Article article);
+}
+```
+
+我们就可以使用Mock的方法，先Mock一个假的ArticleService，把接口验证完成。
+
+```Java
+@Slf4j
+@AutoConfigureMockMvc
+@SpringBootTest
+//@ExtendWith(SpringExtension.class)
+public class ArticleRestControllerTest {
+
+//    //mock对象
+//    private static MockMvc mockMvc;
+
+    @Resource
+    private MockMvc mockMvc;
+
+    @MockBean
+    private ArticleService articleService;
+
+//    //在所有测试方法执行之前进行mock对象初始化
+//    @BeforeAll
+//    static void setUp() {
+//        mockMvc = MockMvcBuilders.standaloneSetup(new ArticleController()).build();
+//    }
+
+    //测试方法
+    @Test
+    public void saveArticle() throws Exception {
+
+        String article = "{\n" +
+                "    \"id\": 1,\n" +
+                "    \"author\": \"xhl\",\n" +
+                "    \"title\": \"手把手教你开发spring boot\",\n" +
+                "    \"content\": \"c\",\n" +
+                "    \"createTime\": \"2023-11-03 15:56:55\",\n" +
+                "    \"reader\":[{\"name\":\"xhl\",\"age\":18},{\"name\":\"jng\",\"age\":19}]\n" +
+                "}";
+
+        //反序列化
+        ObjectMapper objectMapper = new ObjectMapper();
+        Article articleObj = objectMapper.readValue(article, Article.class);
+
+        //打桩
+        when(articleService.saveArticle(articleObj)).thenReturn("ok");
+
+
+        MvcResult result = mockMvc.perform(
+                        MockMvcRequestBuilders
+                                .request(HttpMethod.POST, "/rest/article")
+                                .contentType("application/json")
+                                .content(article)
+                )
+                .andExpect(MockMvcResultMatchers.jsonPath("$.data").value("ok"))
+//        .andExpect(MockMvcResultMatchers.status().isOk())  //HTTP:status 200
+//        .andExpect(MockMvcResultMatchers.jsonPath("$.data.author").value("xhl"))
+//        .andExpect(MockMvcResultMatchers.jsonPath("$.data.reader[0].age").value(18))
+                .andDo(print())
+                .andReturn();
+        result.getResponse().setCharacterEncoding("UTF-8");
+        log.info(result.getResponse().getContentAsString());
+
+    }
+}
+```
+
+### @MockBean
+
+可以用MockBean伪造模拟一个Service ，如代码中的MockBean。
+
+大家注意上文代码中，打了一个桩
+
+```Java
+when(articleService.saveArticle(articleObj)).thenReturn("ok");
+```
+
+也就是告诉测试用例程序，当你调用articleService.saveArticle(articleObj)方法的时候，不要去真的调用这个方法，直接返回一个结果（“ok”）就好了。
+
+```Java
+.andExpect(MockMvcResultMatchers.jsonPath("$.data").value("ok"))
+```
+
+测试用例跑通了，期望结果andExpect：ok与实际结果thenReturn("ok")一致。表示程序真正的去执行了MockBean的模拟行为，而不是调用真实对象的方法。
+
+注意这里要在Controller层调用service方法
+
+![image-20231104191125588](https://pic.yupi.icu/5563/image-20231104191125588.png)
+
+![image-20231104191133795](https://pic.yupi.icu/5563/image-20231104191133795.png)
+
+## 轻量级测试
+
+在ExtendWith的AutoConfigureMockMvc注解的共同作用下，启动了SpringMVC的运行容器，并且把项目中所有的@Bean全部都注入进来。把所有的bean都注入进来是不是很臃肿？这样会拖慢单元测试的效率。如果我只是想测试一下控制层Controller，怎么办？
+
+```Java
+@ExtendWith(SpringExtension.class)
+@WebMvcTest(ArticleController.class)
+//@SpringBootTest
+```
+
+#### 使用@WebMvcTest替换@SpringBootTest
+
+- @SpringBootTest注解告诉SpringBoot去寻找一个主配置类(例如带有@SpringBootApplication的配置类)，并使用它来启动Spring应用程序上下文。SpringBootTest加载完整的应用程序并注入所有可能的bean，因此速度会很慢。
+- @WebMvcTest注解主要用于controller层测试，只覆盖应用程序的controller层，@WebMvcTest(ArticleController.class)只加载ArticleController这一个Bean用作测试。所以WebMvcTest要快得多，因为我们只加载了应用程序的一小部分。
+
+## MockMvc更多的用法总结
+
+```Java
+//模拟GET请求：
+mockMvc.perform(MockMvcRequestBuilders.get("/user/{id}", userId));
+
+//模拟Post请求：
+mockMvc.perform(MockMvcRequestBuilders.post("uri", parameters));
+
+//模拟文件上传：
+mockMvc.perform(MockMvcRequestBuilders.multipart("uri").file("fileName", "file".getBytes("UTF-8")));
+
+
+//模拟session和cookie：
+mockMvc.perform(MockMvcRequestBuilders.get("uri").sessionAttr("name", "value"));
+mockMvc.perform(MockMvcRequestBuilders.get("uri").cookie(new Cookie("name", "value")));
+
+//设置HTTP Header：
+mockMvc.perform(MockMvcRequestBuilders
+                        .get("uri", parameters)
+                        .contentType("application/x-www-form-urlencoded")
+                        .accept("application/json")
+                        .header("", ""));
+```
+
+# 使用Swagger2构建API文档
+
+## 为什么需要API接口文档?
+
+当下很多公司都采取前后端分离的开发模式，前端和后端的工作由不同的工程师完成。在这种开发模式下，维护一份及时更新且完整的API 文档将会极大的提高我们的工作效率。传统意义上的文档都是后端开发人员使用word编写的，相信大家也都知道这种方式很难保证文档的及时性，这种文档久而久之也就会失去其参考意义，反而还会加大我们的沟通成本。而 Swagger 给我们提供了一个全新的维护 API 文档的方式，下面我们就来了解一下它的优点：
+
+- 代码变，文档变。只需要少量的注解，Swagger 就可以根据代码自动生成 API 文档，很好的保证了文档的时效性。
+- 跨语言性，支持 40 多种语言。
+- Swagger UI 呈现出来的是一份可交互式的 API 文档，我们可以直接在文档页面尝试 API 的调用，省去了准备复杂的调用参数的过程。
+- 还可以将文档规范导入相关的工具（例如 SoapUI）, 这些工具将会为我们自动地创建自动化测试。
+
+## 整合swagger2生成文档
+
+1. 引入依赖
+
+```XML
+<dependency>
+  <groupId>io.springfox</groupId>
+  <artifactId>springfox-swagger2</artifactId>
+  <version>2.6.1</version>
+</dependency>
+
+<dependency>
+  <groupId>io.springfox</groupId>
+  <artifactId>springfox-swagger-ui</artifactId>
+  <version>2.6.1</version>
+</dependency>
+```
+
+1. Config配置
+
+```Java
+@Configuration
+@EnableSwagger2
+public class Swagger2{
+
+    private ApiInfo apiInfo() {
+        return new ApiInfoBuilder()
+                .title("springboot利用swagger构建api文档")
+                .description("简单优雅的restfun风格")
+                .termsOfServiceUrl("https://blog.csdn.net/m0_60496161?spm=1010.2135.3001.5343")
+                .version("1.0")
+                .build();
+    }
+
+    @Bean
+    public Docket createRestApi() {
+        return new Docket(DocumentationType.SWAGGER_2)
+                .apiInfo(apiInfo())
+                .select()
+                //扫描basePackage包下面的“/rest/”路径下的内容作为接口文档构建的目标
+                .apis(RequestHandlerSelectors.basePackage("com.xhl.firstdemo.Controller"))
+                .paths(PathSelectors.any())
+                .build();
+    }
+
+
+
+
+}
+```
+
+- @EnableSwagger2 注解表示开启SwaggerAPI文档相关的功能
+- 在apiInfo方法中配置接口文档的title(标题)、描述、termsOfServiceUrl（服务协议）、版本等相关信息
+- 在createRestApi方法中，**basePackage表示扫描哪个package下面的Controller类作为API接口文档内容范围**
+- 在createRestApi方法中，paths表示哪一个请求路径下控制器映射方法，作为API接口文档内容范围
+
+### bug
+
+1. Failed to start bean 'documentationPluginsBootstrapper'; nested exception is java.lang.NullPointerException
+
+解决办法：在启动类加一个注解：`@EnableWebMvc`
+
+1. mvc报错
+
+![image-20231104191243003](https://pic.yupi.icu/5563/image-20231104191243003.png)
+
+解决方法：https://blog.csdn.net/qq_39508627/article/details/104490268
+
+添加一个配置类
+
+```Java
+@Configuration
+public class WebMvcConfigurer extends WebMvcConfigurationSupport {
+
+    /**
+     * 发现如果继承了WebMvcConfigurationSupport，则在yml中配置的相关内容会失效。 需要重新指定静态资源
+     *
+     * @param registry
+     */
+    @Override
+    public void addResourceHandlers(ResourceHandlerRegistry registry) {
+        registry.addResourceHandler("/**").addResourceLocations(
+                "classpath:/static/");
+        registry.addResourceHandler("swagger-ui.html").addResourceLocations(
+                "classpath:/META-INF/resources/");
+        registry.addResourceHandler("/webjars/**").addResourceLocations(
+                "classpath:/META-INF/resources/webjars/");
+        super.addResourceHandlers(registry);
+    }
+}
+```
+
+![image-20231104191252240](https://pic.yupi.icu/5563/image-20231104191252240.png)
+
+swagger不仅提供了静态的接口文档的展示，还提供了执行接口方法测试的功能。在下图中填入接口对应的参数，点击“try it out"就可以实现接口请求的发送与响应结果的展示。
+
+![image-20231104191300977](https://pic.yupi.icu/5563/image-20231104191300977.png)
+
+1. Consider defining a bean of type 'com.xhl.firstdemo.service.ArticleService' in your configuration.
+
+   https://cloud.tencent.com/developer/article/2124710
+
+   既然他说没找到，也就是该注解被没有被spring识别
+
+   在Spring框架中，`@Service`和`@Component`注解都可以用于类级别的注解，用来标识一个类是Spring的组件（component）。这些注解可以让Spring自动扫描并将这些类实例化为可用的bean，并将它们注册到应用程序的上下文中。
+
+   具体来说，`@Component`是一个泛化的注解，可以用于任何类型的组件。而`@Service`注解则是`@Component`的一个特化版本，它用于表示业务逻辑层（Service层）的组件。
+
+   解决：
+
+   1. 将接口与对应的实现类放在与application启动类的同一个目录或者他的子目录下，这样注解可以被扫描到
+   2. 在指定的application类上加上这么一行注解，手动指定application类要扫描哪些包下的注解
+
+## 书写swagger注解
+
+为接口功能添加注释
+
+```Java
+@ApiOperation(value = "添加文章", notes = "添加新的文章", tags = "Article",httpMethod = "POST")
+@ApiImplicitParams({
+        @ApiImplicitParam(name = "title", value = "文章标题", required = true, dataType = "String"),
+        @ApiImplicitParam(name = "content", value = "文章内容", required = true, dataType = "String"),
+        @ApiImplicitParam(name = "author", value = "文章作者", required = true, dataType = "String")
+})
+@ApiResponses({
+        @ApiResponse(code=200,message="成功",response=AjaxResponse.class),
+})
+@PostMapping("/article")
+public @ResponseBody  AjaxResponse saveArticle(
+        @RequestParam(value="title") String title,  //参数1
+        @RequestParam(value="content") String content,//参数2
+        @RequestParam(value="author") String author,//参数3
+) {
+```
+
+![image-20231104191312060](https://pic.yupi.icu/5563/image-20231104191312060.png)
+
+## 生产环境下如何禁用swagger2
+
+使用注解@Profile({"dev","test"}) 表示在开发或测试环境开启，而在生产关闭。
+
+```YAML
+spring:
+  profiles:
+    actice:dev
+```
\ No newline at end of file
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\343\200\220\350\256\276\350\256\241\346\250\241\345\274\217\343\200\221\350\243\205\351\245\260\350\200\205\346\250\241\345\274\217\357\274\214\345\217\212\345\205\266\345\234\250JDK\346\272\220\347\240\201\344\270\255\347\232\204\345\272\224\347\224\250.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\343\200\220\350\256\276\350\256\241\346\250\241\345\274\217\343\200\221\350\243\205\351\245\260\350\200\205\346\250\241\345\274\217\357\274\214\345\217\212\345\205\266\345\234\250JDK\346\272\220\347\240\201\344\270\255\347\232\204\345\272\224\347\224\250.md"
new file mode 100644
index 0000000..fb84ecd
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\343\200\220\350\256\276\350\256\241\346\250\241\345\274\217\343\200\221\350\243\205\351\245\260\350\200\205\346\250\241\345\274\217\357\274\214\345\217\212\345\205\266\345\234\250JDK\346\272\220\347\240\201\344\270\255\347\232\204\345\272\224\347\224\250.md"
@@ -0,0 +1,177 @@
+# 【设计模式】装饰者模式，及其在JDK源码中的应用
+
+> 作者: [B.B](https://wx.zsxq.com/dweb2/index/group/51122858222824)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 24725
+
+## 一、**什么是**装饰者模式
+
+装饰者模式是一种软件设计模式，它允许在不改变对象结构的情况下，动态地向对象添加额外的功能。该模式通过将对象包装在一个装饰器对象中，来实现对对象的功能扩展。这种模式通常用于需要在运行时动态地为对象添加功能的情况，而不是在编译时静态地定义对象的功能。
+
+比如一个毛坯房，可以使用灰色去装饰厨房，可以使用白色装饰客厅，但是不管使用多少颜料去装饰这个房间，房子的本质是不会发现变化的。
+
+使用装饰者模式除了可以在不改变原类的前提下装饰对象之外，还可以随意组合各个装饰类，比如有三个装饰类，分别是给原类上红、黄、绿三种颜色。在使用时，可以将任意两种或任意三种装饰类搭配。接下来将会用代码演示上面的这个例子。
+
+## 二、**装饰者模式**中的角色
+
+装饰者模式中具备以下四种角色：
+
+**Component**：一个抽象的组件类，在装饰者模式中扮演着最重要的角色。在给房子上色这个例子中，概念上的房子就是一个Component。如果还不理解，继续往下看。
+
+**ConcreteComponent**：Component的具体实现，在本次的例子中就是商品房、公寓房等。
+
+**Decorator**：一个通用的装饰接口或抽象类，内部保存了被装饰的Component对象。
+
+**ConcreteDecorator**：具体的装饰类，在原类的基础上进行装饰。
+
+## 三、**装饰者模式**案例
+
+原类是房子，可装饰红色、黄色、绿色。接下来的代码就是对这个例子的体现：**首先定义Component，也就是房子****抽象类**，有一个展示房子的方法：
+
+```Java
+public abstract class House {
+    /**
+     * 展示房子
+     */
+    public abstract void show();
+}
+```
+
+接下来是ConcreteComponent，**抽象房子的实现类，这里定义为商品房，ConcreteComponent可以有很多个**：
+
+```Java
+public class CommercialHouse extends House{
+    @Override
+    public void show() {
+        System.out.println("这是一个商品房");
+    }
+}
+```
+
+**Decorator**是一个通用的抽象类，将房子作为入参传入，并实现同样的show方法
+
+```Java
+public class HouseDecorator extends House{
+    private House house;
+
+    public HouseDecorator(House house){
+        this.house = house;
+    }
+
+    @Override
+    public void show() {
+        house.show();
+    }
+}
+```
+
+**ConcreteDecorator**具体装饰类定义了三个，分别是红黄蓝装饰：
+
+```Java
+public class RedHouseDecorator extends HouseDecorator{
+
+    public RedHouseDecorator(House house) {
+        super(house);
+    }
+    @Override
+    public void show() {
+        super.show();
+        System.out.println("装饰了红色");
+    }
+}
+
+public class YellowHouseDecorator extends HouseDecorator{
+
+    public YellowHouseDecorator(House house) {
+        super(house);
+    }
+    @Override
+    public void show() {
+        super.show();
+        System.out.println("装饰了黄色");
+    }
+}
+
+public class GreenHouseDecorator extends HouseDecorator{
+
+    public GreenHouseDecorator(House house) {
+        super(house);
+    }
+    @Override
+    public void show() {
+        super.show();
+        System.out.println("装饰了绿色");
+    }
+}
+```
+
+接下来就是使用了，前面已经提到了，装饰者模式除了可以在不改动原类的情况下增加功能，也可以随意组装各个装饰类：
+
+```Java
+public class Main {
+    public static void main(String[] args) {
+        House house = new CommercialHouse();
+        //只装饰红色
+        House redHouse = new RedHouseDecorator(house);
+        redHouse.show();
+        //装饰绿色和黄色
+        House greenAndYellowHouse = new GreenHouseDecorator(new YellowHouseDecorator(house));
+        greenAndYellowHouse.show();
+        //三种颜色全部装饰
+        House allHouse = new RedHouseDecorator(new GreenHouseDecorator(new YellowHouseDecorator(house)));
+        allHouse.show();
+    }
+}
+```
+
+在上面的测试代码中，既可以只有一种颜色的装饰，也可以有两种颜色的装饰，或者是三种颜色的装饰，而原本的商品房这个类没有经过任何修改。如果用继承去实现，每种组装方式都需要新建一个类，装饰者模式的优势就体现出来了。
+
+## 四、**装饰者模式**在****源码****中的应用
+
+看了很多装饰者模式在源码中的应用，感觉Java.IO中的流在装饰者模式的使用上最经典。以InputStream为例子，InputStream有很多的实现类：
+
+FileInputStream：实现文件的读取。
+
+DataInputStream：读取各种基本数据类型的数据。
+
+BufferedInputStream：可缓存的文件流。
+
+ObjectInputStream：读取对象的文件流。
+
+其他的实现还有很多很多，这里的实现就使用了装饰者模式，保证InputStream不变的前提下，增加其他功能。想象一下，如果要同时实现文件读取和可缓存，那么就可以这样写：
+
+```Java
+new BufferedInputStream(new FileInputStream(""));
+```
+
+是不是和第三节的例子一模一样，在代码的实现上，其实也大同小异，InputStream是一个抽象类，定义了read方法，代码作了精简：
+
+```Java
+new DataInputStream(new FileInputStream(""));
+```
+
+是不是和第三节的例子一模一样，在代码的实现上，其实也大同小异，InputStream是一个抽象类，定义了read方法，代码作了精简
+
+```Java
+public abstract class InputStream implements Closeable{
+    public abstract int read() throws IOException;
+}
+```
+
+BufferedInputStream是InputStream子类的子类，在继承关系上，BufferedInputStream继承FilterInputStream，FilterInputStream继承InputStream，这里相当于对装饰类进行了再扩展，看一下FilterInputStream：
+
+```Java
+public class FilterInputStream extends InputStream{
+    protected volatile InputStream in;
+    protected FilterInputStream(InputStream in) {
+        this.in = in;
+    }
+    public int read() throws IOException {
+        return in.read();
+    }
+}
+```
+
+而BufferedInputStream以及DataInputStream都是对FilterInputStream再做一些功能上的增强，很巧妙的实现了在不必改变原类文件情况下，允许向一个现有的对象添加新的功能。
+
+## 五、**总结**
+
+装饰者模式很好地体现了设计模式中的开闭原则，即类应该对扩展开放，对修改关闭。值得深深品味。
\ No newline at end of file
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250 FreeMarker \346\250\241\346\235\277\345\274\225\346\223\216\347\224\237\346\210\220\344\273\243\347\240\201.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250 FreeMarker \346\250\241\346\235\277\345\274\225\346\223\216\347\224\237\346\210\220\344\273\243\347\240\201.md"
new file mode 100644
index 0000000..07ed08e
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250 FreeMarker \346\250\241\346\235\277\345\274\225\346\223\216\347\224\237\346\210\220\344\273\243\347\240\201.md"	
@@ -0,0 +1,529 @@
+# 使用 FreeMarker 模板引擎生成代码
+
+> 作者：[程序员鱼皮](https://space.bilibili.com/12890453/)，[编程导航星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 编号 1
+
+
+
+大家好，我是鱼皮。
+
+最近不是打算带大家做一个代码生成项目嘛，项目的第一阶段就是先做一个本地的代码生成器。代码生成器的核心功能就是根据用户输入的选项参数来生成不同的代码文件。
+
+
+
+## 代码生成器的核心原理
+
+那么如何实现这个功能呢？
+
+最经典的方法就是：提前编写 **模板文件** ，并将用户输入的 **参数** 替换到模板文件中，从而生成完整代码。
+
+举个例子，用户输入参数：
+
+```java
+作者 = 鱼皮
+```
+
+
+
+模板文件代码：
+
+```java
+-----------
+我是 ${作者}
+-----------
+```
+
+
+
+将参数注入到模板文件中，得到生成的完整代码：
+
+```java
+-----------
+我是 鱼皮
+-----------
+```
+
+
+
+如果想要使用这套模板生成其他的代码，只需要改变参数的值即可，而不需要改变模板文件。
+
+听起来好像很简单，那么问题来了，如何编写模板文件呢？程序怎么知道应该把哪些变量替换为用户实际输入的参数呢？又该如何执行替换操作呢？
+
+难道需要自己定义一套模板语法和规则，比如指定两个尖括号 `{{ 参数 }}` 中的内容为需要替换的参数，然后通过正则表达式或者字符串匹配扫描文件来进行替换么？
+
+显然这太麻烦了！而且如果我需要根据用户的输入来生成不同次数的重复代码（也就是循环），又该如何实现呢？
+
+所以建议大家直接使用已有的 **模板引擎** 技术，轻松实现模板编写和动态内容生成。
+
+
+
+## 什么是模板引擎？为什么需要它？
+
+模板引擎是一种用于生成动态内容的类库（或框架），通过将预定义的模板与特定数据合并，来生成最终的输出。
+
+使用模板引擎有很多的优点，首先就是提供现成的模板文件语法和解析能力。开发者只要按照特定要求去编写模板文件，比如使用 `${参数}` 语法，模板引擎就能自动将参数注入到模板中，得到完整文件，不用再自己编写解析逻辑了。
+
+其次，模板引擎可以将数据和模板分离，让不同的开发人员独立工作。比如后端专心开发业务逻辑提供数据，前端专心写模板等，让系统更易于维护。
+
+此外，模板引擎可能还具有一些安全特性，比如防止跨站脚本攻击等。所以强烈大家掌握至少一种模板引擎的用法。
+
+有很多现成的模板引擎技术，比如 Java 的 Thymeleaf、FreeMarker、Velocity，前端的 Mustache 等。
+
+本项目中，我会以知名的、稳定的经典模板引擎 FreeMarker 为例，带大家掌握模板引擎的使用方法。
+
+
+
+## FreeMarker 模板引擎入门
+
+FreeMarker 是 Apache 的开源模板引擎，优点是入门简单、灵活易扩展。它不用和 Spring 开发框架、Servlet 环境、第三方依赖绑定，任何 Java 项目都可以使用。
+
+
+
+我个人推荐的 FreeMarker 学习方式是直接阅读官方文档，虽然是英文的，但每一节基本都有代码示例，还是比较好理解的。
+
+FreeMarker 官方文档：https://freemarker.apache.org/docs/index.html
+
+
+
+![](https://pic.yupi.icu/1/1699268459163-234f13aa-3a9a-4e45-8e26-52b23b2aa7a4.png)
+
+
+
+看不懂英文也没关系，鱼皮下面就带大家学习 FreeMarker，只讲常用的特性，主打一个快速入门！
+
+
+
+### 模板引擎的作用
+
+上面已经讲过了模板引擎的作用，这里就再用 FreeMarker 官网的一张图，强化下大家的理解。
+
+如下图，FreeMarker 模板引擎的作用就是接受模板和 Java 对象，对它们进行处理，输出完整的内容。
+
+
+
+![](https://pic.yupi.icu/1/1697633515576-f06ebdc6-7eac-46ef-a171-b5d646040e24.png)
+
+
+
+下面我们先依次来学习 FreeMarker 的核心概念（模板和数据模型），然后通过一个 Demo 快速入门。
+
+
+
+### 模板
+
+FreeMarker 拥有自己的模板编写规则，一般用 FTL 表示 FreeMarker 模板语言。比如 `myweb.html.ftl` 就是一个 FreeMarker 的模板文件。
+
+
+
+模板文件由 4 个核心部分组成：
+
+1）文本：固定的内容，会按原样输出。
+
+2）插值：用 `${...}` 语法来占位，尖括号中的内容在经过计算和替换后，才会输出。
+
+3）FTL 指令：有点像 HTML 的标签语法，通过 `<#xxx ... >` 来实现各种特殊功能。比如 `<#list elements as element>` 实现循环输出。
+
+4）注释：和 HTML 注释类似，使用 `<#-- ... -->` 语法，注释中的内容不会输出。
+
+
+
+让我们以《鱼皮官网》为例，举一个 FreeMarker 模板文件的例子：
+
+学过前端开发框架的同学应该会觉得很眼熟~
+
+
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>鱼皮官网</title>
+  </head>
+  <body>
+    <h1>欢迎来到鱼皮官网</h1>
+    <ul>
+      <#-- 循环渲染导航条 -->
+      <#list menuItems as item>
+        <li><a href="${item.url}">${item.label}</a></li>
+      </#list>
+    </ul>
+    <#-- 底部版权信息（注释部分，不会被输出）-->
+      <footer>
+        ${currentYear} 鱼皮官网. All rights reserved.
+      </footer>
+  </body>
+</html>
+```
+
+
+
+### 数据模型
+
+我们把为模板准备的所有数据整体统称为 **数据模型** 。
+
+在 FreeMarker 中，数据模型一般是树形结构，可以是复杂的 Java 对象、也可以是 HashMap 等更通用的结构。
+
+比如为上述《鱼皮官网》模板准备的数据模型，结构可能是这样的：
+
+```json
+{
+  "currentYear": 2023,
+  "menuItems": [
+    {
+      "url": "https://codefather.cn",
+      "label": "编程导航",
+    },
+    {
+      "url": "https://laoyujianli.com",
+      "label": "老鱼简历",
+    }
+  ]
+}
+```
+
+
+
+### Demo 实战
+
+在了解模板和数据模型后，让我们通过 FreeMarker 对二者进行组合处理。
+
+#### 1、引入依赖
+
+首先创建一个 Maven 项目，在 `pom.xml` 中引入 FreeMarker：
+
+```xml
+<dependency>
+    <groupId>org.freemarker</groupId>
+    <artifactId>freemarker</artifactId>
+    <version>2.3.32</version>
+</dependency>
+```
+
+
+
+如果是 Spring Boot 项目的话，可以直接引入 starter 依赖：
+
+```xml
+<dependency>
+  <groupId>org.springframework.boot</groupId>
+  <artifactId>spring-boot-starter-freemarker</artifactId>
+</dependency>
+```
+
+
+
+#### 2、创建配置对象
+
+新建一个类，在 Main 方法中创建一个 FreeMarker 的全局配置对象，可以统一指定模板文件所在的路径、模板文件的字符集等。
+
+示例代码如下：
+
+```java
+// new 出 Configuration 对象，参数为 FreeMarker 版本号
+Configuration configuration = new Configuration(Configuration.VERSION_2_3_32);
+
+// 指定模板文件所在的路径
+configuration.setDirectoryForTemplateLoading(new File("src/main/resources/templates"));
+
+// 设置模板文件使用的字符集
+configuration.setDefaultEncoding("utf-8");
+```
+
+
+
+#### 3、准备模版并加载
+
+我们将上述《鱼皮官网》的模板代码保存为 `myweb.html.ftl` 文件，存放在上面指定的目录下。
+
+![](https://pic.yupi.icu/1/1699277942881-2d0897c2-114d-4722-8b19-cf9bc6d21fcc.png)
+
+
+
+准备好模板文件后，通过创建 Template 对象来加载该模板。示例代码如下：
+
+```java
+// 创建模板对象，加载指定模板
+Template template = configuration.getTemplate("myweb.html.ftl");
+```
+
+
+
+#### 4、创建数据模型
+
+如果想保证数据的质量和规范性，可以使用对象来保存 “喂” 给模板的数据；反之，如果想更灵活地构造数据模型，推荐使用 HashMap 结构。
+
+比如我们想构造《鱼皮官网》的数据模型，需要制定当前年份和导航菜单项，示例代码如下：
+
+```java
+Map<String, Object> dataModel = new HashMap<>();
+dataModel.put("currentYear", 2023);
+List<Map<String, Object>> menuItems = new ArrayList<>();
+Map<String, Object> menuItem1 = new HashMap<>();
+menuItem1.put("url", "https://codefather.cn");
+menuItem1.put("label", "编程导航");
+Map<String, Object> menuItem2 = new HashMap<>();
+menuItem2.put("url", "https://laoyujianli.com");
+menuItem2.put("label", "老鱼简历");
+menuItems.add(menuItem1);
+menuItems.add(menuItem2);
+dataModel.put("menuItems", menuItems);
+```
+
+
+
+#### 5、指定生成的文件
+
+可以直接使用 FileWriter 对象，指定生成的文件路径和名称：
+
+```java
+Writer out = new FileWriter("myweb.html");
+```
+
+
+
+#### 6、生成文件
+
+一切准备就绪，最后只需要调用 template 对象的 process 方法，就可以处理并生成文件了。
+
+示例代码如下：
+
+```java
+template.process(dataModel, out);
+
+// 生成文件后别忘了关闭哦
+out.close();
+```
+
+
+
+#### 7、完整代码
+
+组合上面的所有代码并执行，发现在项目的根路径下生成了网页文件，至此 Demo 结束，很简单吧~
+
+![](https://pic.yupi.icu/1/1699278834613-ef699fb6-c256-4649-8f59-534fcbfeccbf.png)
+
+
+
+完整代码：
+
+```java
+public static void main(String[] args) throws IOException, TemplateException {
+    // new 出 Configuration 对象，参数为 FreeMarker 版本号
+    Configuration configuration = new Configuration(Configuration.VERSION_2_3_32);
+
+    // 指定模板文件所在的路径
+    configuration.setDirectoryForTemplateLoading(new File("src/main/resources/templates"));
+
+    // 设置模板文件使用的字符集
+    configuration.setDefaultEncoding("utf-8");
+
+    // 创建模板对象，加载指定模板
+    Template template = configuration.getTemplate("myweb.html.ftl");
+
+	// 创建数据模型
+    Map<String, Object> dataModel = new HashMap<>();
+    dataModel.put("currentYear", 2023);
+    List<Map<String, Object>> menuItems = new ArrayList<>();
+    Map<String, Object> menuItem1 = new HashMap<>();
+    menuItem1.put("url", "https://codefather.cn");
+    menuItem1.put("label", "编程导航");
+    Map<String, Object> menuItem2 = new HashMap<>();
+    menuItem2.put("url", "https://laoyujianli.com");
+    menuItem2.put("label", "老鱼简历");
+    menuItems.add(menuItem1);
+    menuItems.add(menuItem2);
+    dataModel.put("menuItems", menuItems);
+    
+    // 生成
+    Writer out = new FileWriter("myweb.html");
+    template.process(dataModel, out);
+
+	// 生成文件后别忘了关闭哦
+    out.close();
+}
+```
+
+
+
+### 常用语法
+
+学会了 FreeMarker 的基本开发流程后，我们来学习一些 FreeMarker 中的实用特性。
+
+注意，FreeMarker 的语法和特性非常多，本文仅带大家学习常用的、易用的语法。无需记忆，日后需要用到 FreeMarker 时，再去对照官方文档查漏补缺即可。
+
+
+
+#### 1、插值
+
+在上面的 Demo 中，已经给大家演示了差值的基本语法（ `${xxx}` ）。但插值还有很多花样可以玩，比如支持传递表达式：
+
+```java
+表达式：${100 + money}
+```
+
+
+
+不过个人不建议在模板文件中写表达式，为什么不在创建数据模型时就计算好要展示的值呢？
+
+
+
+#### 2、分支和判空
+
+和程序开发一样，FreeMarker 模板也支持分支表达式（if ... else），示例代码如下：
+
+```java
+<#if user == "鱼皮">
+  我是鱼皮
+<#else>
+  我是猪皮
+</#if>
+```
+
+
+
+分支语句的一个常用场景就是判空，比如要判断 user 参数是否存在，可以用下面的语法：
+
+```java
+<#if user??>
+  存在用户
+<#else>
+  用户不存在
+</#if>
+```
+
+
+
+#### 3、默认值
+
+FreeMarker 对变量的空值校验是很严格的，如果模板中某个对象为空，FreeMarker 将会报错而导致模板生成中断。
+
+为了防止这个问题，建议给可能为空的参数都设置默认值。使用 `表达式!默认值` 的语法，示例代码如下：
+
+```java
+${user!"用户为空"}
+```
+
+
+
+上述代码中，如果 user 对象为空，则会输出 “用户为空” 字符串。
+
+
+
+#### 4、循环
+
+在上述 Demo 实战部分，已经给大家演示了循环的用法。即 `<#list items as item>` 表达式，可以遍历某个序列类型的参数并重复输出多条内容。
+
+示例代码如下：
+
+```java
+<#list user as users>
+  ${user}
+</#list>
+```
+
+
+
+其中，users 是整个列表，而 user 是遍历列表每个元素时临时存储的变量，跟 for 循环一样，会依次输出每个 user 的值。
+
+
+
+#### 5、宏定义
+
+学过 C 语言和 C++ 的同学应该对 “宏” 这个词并不陌生。可以把 “宏” 理解为一个预定义的模板片段。支持给宏传入变量，来复用模板片段。
+
+其实类似于前端开发中组件复用的思想。
+
+在 FreeMarker 中，使用 `macro` 指令来定义宏。
+
+让我们来定义一个宏，用于输出特定格式的用户昵称，比如：
+
+```java
+<#macro card userName>     
+---------    
+${userName}
+---------
+</#macro>
+```
+
+
+
+其中，card 是宏的名称，userName 是宏接受的参数。
+
+可以用 `@` 语法来使用宏，示例代码如下：
+
+```java
+<@card userName="鱼皮"/>
+<@card userName="二黑"/>
+```
+
+
+
+实际生成的输出结果为：
+
+```java
+---------    
+鱼皮
+---------
+---------    
+二黑
+---------
+```
+
+
+
+宏标签中支持嵌套内容，不过还是有些复杂的（再讲下去就成前端课了），大家需要用到时查看官方文档就好。
+
+自定义指令：http://freemarker.foofun.cn/dgui_misc_userdefdir.html
+
+
+
+#### 6、内建函数
+
+内建函数是 FreeMarker 为了提高开发者处理参数效率而提供的的语法糖，可以通过 `?` 来调用内建函数。
+
+比如将字符串转为大写：
+
+```java
+${userName?upper_case}
+```
+
+
+
+比如输出序列的长度：
+
+```java
+${myList?size}
+```
+
+
+
+把内建函数想象成调用 Java 对象的方法，就很好理解了。
+
+内建函数是 FreeMarker 非常强大的一个能力，比如想在循环语法中依次输出元素的下标，就可以使用循环表达式自带的 `index` 内建函数：
+
+```java
+<#list user as users>
+  ${user?index}
+</#list>
+```
+
+
+
+内建函数种类丰富、数量极多，因此不建议大家记忆，需要用到的时候去查阅官方文档即可。
+
+内建函数大全参考：http://freemarker.foofun.cn/ref_builtins.html
+
+
+
+#### 7、其他
+
+还有更多特性，比如命名空间，其实就相当于 Java 中的包，用于隔离代码、宏、变量等。
+
+不过没必要细讲，因为掌握上述常用语法后，基本就能够开发大多数模板文件了。更多内容自主查阅官方文档学习即可。
+
+
+
+## 实践
+
+编程导航星球的定制化代码生成项目会演示如何使用 FreeMarker 模板引擎来生成代码。
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
\ No newline at end of file
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\345\220\216\347\253\257\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250\357\274\214\346\217\220\351\253\230\345\274\200\345\217\221\346\225\210\347\216\207.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\345\220\216\347\253\257\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250\357\274\214\346\217\220\351\253\230\345\274\200\345\217\221\346\225\210\347\216\207.md"
new file mode 100644
index 0000000..b56fb83
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\345\220\216\347\253\257\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250\357\274\214\346\217\220\351\253\230\345\274\200\345\217\221\346\225\210\347\216\207.md"
@@ -0,0 +1,126 @@
+# 使用后端代码生成器，提高开发效率
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+如果你是一名后端开发者，那么大多数的工作一定是重复编写各种 CRUD（增删改查）代码。时间长了你会发现，这些工作不仅无趣，还会浪费你的很多时间，没有机会去做更有创造力和挑战的工作。
+
+作为一名程序员，一定要学会偷懒！学会利用工具来解放人力。
+
+其实现在有很多现成的代码生成器，可以帮助我们自动生成常用的增删改查代码，而不用自己重复编写，从而大幅提高开发效率，所以大家一定要掌握。
+
+对应到 Java 后端开发，主流技术是 Spring Boot + Spring MVC + MyBatis 框架，使用这些技术来开发项目时，通常需要编写数据访问层 (DAO / Mapper) 和数据库表的 XML 映射代码、实体类、Service 业务逻辑代码、以及 Controller 接口代码。
+
+本文就以使用 IDEA 开发工具中我认为非常好用的免费代码生成插件 `MyBatisX` 为例，带大家学习如何使用工具自动生成后端代码，节省时间和精力。
+
+
+
+## MyBatisX 自动生成代码教程
+
+### 1、安装 MyBatisX 插件
+
+首先，确保你已经安装了 IntelliJ IDEA 开发工具。
+
+打开你的项目工程，然后进入 Settings 设置页搜索 MyBatisX 插件并安装，步骤如图：
+
+![](https://pic.yupi.icu/1/1697164755318-f8c19e19-c81c-4fbe-a744-508875aa2c06.png)
+
+
+
+### 2、配置数据库连接
+
+MyBatisX 插件的核心功能是根据数据库表的结构来生成对应的实体类、数据访问层 Mapper、Service 等代码，所以在使用前，我们需要在 IDEA 中配置一个数据库连接。
+
+先在 IDEA 右侧的 Database 中创建一个 MySQL 数据源配置：
+
+![](https://pic.yupi.icu/1/1697164965564-02ca26d8-692f-4205-afe2-222f629574a4.png)
+
+然后根据自己的数据库信息填写配置，并测试能否连接成功：
+
+![](https://pic.yupi.icu/1/1697165014947-16927249-f2eb-4715-9c7f-b772e3422ca0.png)
+
+
+
+连接成功后，就可以在 IDEA 中管理数据库了，不需要 Navicat 之类的第三方工具：
+
+![](https://pic.yupi.icu/1/1697165100043-1094dfba-9dbb-49d4-8496-40ff9d2f3861.png)
+
+
+
+### 3、使用 MyBatisX 生成代码
+
+右键要生成代码的数据表，进入 MyBatisX 生成器：
+
+![](https://pic.yupi.icu/1/1697165207695-7376acef-0aed-41bb-ba86-d219c545f1ff.png)
+
+然后进入生成配置页面，可以根据你的需求来自定义代码生成规则：
+
+![](https://pic.yupi.icu/1/1697165249869-42b610a8-212b-4051-a734-540055da5203.png)
+
+
+
+上述配置中，我个人建议 `base package` （生成代码的包名和位置）尽量不要和已有的项目包名重叠，先把代码生成到一个完全不影响业务的位置，确认生成的代码没问题后，再移动代码会更保险一些。
+
+进入下一步，填写更多的配置，可以选择生成代码的模板（一般是 MyBatis-Plus 模板），以及自定义实体类的生成规则（一般建议用 Lombok）。
+
+以下是我常用的推荐配置：
+
+![](https://pic.yupi.icu/1/1697165484109-c74c6ea9-43c5-4798-8207-22f270ab8c14.png)
+
+
+
+改完配置后，直接点击生成即可，然后可以在包目录中看到生成的代码：
+
+![](https://pic.yupi.icu/1/1697165607223-cfaa2716-87f0-4aa0-af4f-4e3792a0103f.png)
+
+
+
+### 4、定制修改
+
+通过以上方法，就已经能够完成基础增删改查代码的生成了，但一般情况下，我们得到生成的代码后，还要再根据自己的需求进行微调。
+
+比如把主键 ID 的生成规则从自动递增改为雪花算法生成，防止数据 id 连续被别人轻松爬走：
+
+![](https://pic.yupi.icu/1/1697165797807-570135af-89e1-4d12-94ac-cd18cd9184d5.png)
+
+
+
+最后你就可以使用现成的代码来操作数据库啦~
+
+
+
+## 其他
+
+如开头所说，现在的代码生成器非常多，比如 MyBatis Plus 框架也提供了灵活的代码生成器：
+
+> 指路：https://baomidou.com/pages/981406/
+
+
+
+![](https://pic.yupi.icu/1/1697166077805-a08866a0-911d-4ca5-a912-8ca7386ecbd5.png)
+
+
+
+再比如可以直接在浏览器使用的代码生成器，鱼皮自己也开发过并且开源了：
+
+> 指路：http://sqlfather.yupi.icu/
+>
+> 开源：https://github.com/liyupi/sql-father-backend-public
+
+
+
+![](https://pic.yupi.icu/1/1697166153337-d7f2c378-ceaa-4163-b342-f334e720178a.png)
+
+
+
+感兴趣的话，大家也可以尝试使用 [FreeMarker](https://freemarker.apache.org/index.html) 技术做一个属于自己的代码生成器。
+
+
+
+## 实践
+
+编程导航星球的用户中心项目使用了 MyBatisX 插件来生成代码，非常简单，大家一定要学会运用！
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\347\254\254\344\270\211\346\226\271\346\234\215\345\212\241(\345\256\235\345\241\224)\345\277\253\351\200\237\351\203\250\347\275\262\351\241\271\347\233\256.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\347\254\254\344\270\211\346\226\271\346\234\215\345\212\241(\345\256\235\345\241\224)\345\277\253\351\200\237\351\203\250\347\275\262\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..2e92a87
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\344\275\277\347\224\250\347\254\254\344\270\211\346\226\271\346\234\215\345\212\241(\345\256\235\345\241\224)\345\277\253\351\200\237\351\203\250\347\275\262\351\241\271\347\233\256.md"
@@ -0,0 +1,105 @@
+# 使用第三方服务（宝塔）快速部署项目
+
+> 作者：[平安](https://github.com/lizhe-0423)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 15592
+
+## 去码头搞一台服务器💻
+
+
+
+首先，上线项目需要一台服务器，这里就不强调了 只说一下最近阿里上线了一个学生认证领300代金券的活动 大家可以冲 🎁
+
+
+
+## 安装所需要的东西
+
+
+
+**这里拿BI项目举例**
+
+
+
+ 所以本次项目用到的需要安装的软件：rabbitmq、mysql、redis、nginx
+
+
+
+安装rabbitmq：
+
+
+
+https://blog.csdn.net/qq_45173404/article/details/116429302
+
+
+
+跟着教程走即可 很详细！！！
+
+
+
+其余mysql、redis、nginx 在下载宝塔安装时进入宝塔面板中在软件商店里即可下载
+
+
+
+![img](https://pic.yupi.icu/5563/202311030950165.gif) 
+
+
+
+**记得放开端口哦，如果是新买的服务器也需要放开端口（服务器和宝塔里都需要放开端口）**
+
+
+
+## 修改前后端配置信息
+
+
+
+·    将url全部切换成服务器ip地址的url
+
+
+
+·    在部署BI的时候还需要初始化一下rabbitmq
+
+
+
+如：
+
+
+
+![img](https://pic.yupi.icu/5563/202311030950167.gif)
+
+
+
+另外server也要改成ip地址或者0.0.0.0 （127.0.0.0 会报错）如：
+
+
+
+![img](https://pic.yupi.icu/5563/202311030950170.jpg)
+
+
+
+## 打包部署
+
+
+
+前端打包后直接从宝塔里入口进入部署前端（鼠标拖进去就好）
+
+
+
+后端打包后打成jar包 直接敲命令 nohup java -jar yubi.jar 即可
+
+
+
+## 🐟油们是怎么上线的？
+
+
+
+我们公司里是有一个脚本
+
+
+
+部署项目的时候 只需要把jar包拖进去进行一个替换
+
+
+
+然后用部署的脚本 类似这样 sh yubi.sh restart 重启一下 即可了
+
+
+
+大家公司里是怎么部署的呢？
\ No newline at end of file
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\211\215\347\253\257\345\277\205\345\255\246\347\232\204\345\274\200\345\217\221\346\241\206\346\236\266\357\274\214Ant Design Pro.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\211\215\347\253\257\345\277\205\345\255\246\347\232\204\345\274\200\345\217\221\346\241\206\346\236\266\357\274\214Ant Design Pro.md"
new file mode 100644
index 0000000..1628331
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\211\215\347\253\257\345\277\205\345\255\246\347\232\204\345\274\200\345\217\221\346\241\206\346\236\266\357\274\214Ant Design Pro.md"	
@@ -0,0 +1,106 @@
+# 前端必学的开发框架，Ant Design Pro
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+大家好，我是鱼皮，今天给大家分享一个我自己用了多年、现在团队也在用的前端框架 —— Ant Design Pro。
+
+
+
+## 什么是 Ant Design Pro？
+
+Ant Design Pro 是由蚂蚁金服开发的、基于 Ant Design 组件库的开发框架，专门用于构建企业级管理后台和前端应用。
+
+它提供了一整套前端中后台项目的解决方案，包括路由、权限管理、国际化、数据 mock、工程化等，帮助开发者快速搭建功能丰富的管理系统。 
+
+![](https://pic.yupi.icu/1/1696733808263-7785511b-8839-4063-9011-a5c2c38d8b96-20231008111631092.png)
+
+
+
+除了 Ant Design Pro 外，我们最好再了解一下 Ant Design 相关的技术生态，比如：
+
+1）Ant Design：一套企业级 UI 设计语言和组件库。它提供了丰富的界面组件、图标、布局和样式，用于构建现代化的 Web 应用程序。Ant Design 遵循一套统一的设计规范，提供一致性的用户体验。 
+
+地址：https://ant.design/
+
+
+
+![](https://pic.yupi.icu/1/1696734230557-3b4ca2c3-50d9-4481-8bfd-f8e4ed84d2b6-20231008111631132.png)
+
+
+
+2）Ant Design ProComponents：在 Ant Design 的基础上进行封装和高度定制化的组件库，包含了像高级表格、表单等常用的业务组件，更适用于开发中后台项目，进一步提高开发效率。
+
+地址：https://procomponents.ant.design/
+
+
+
+![](https://pic.yupi.icu/1/1696734168120-3fe25dfc-f242-4635-9d7b-e6d8847fdf19-20231008111631166.png)
+
+
+
+3）AntV：一整套数据可视化组件和工具库。它提供了多种可视化图表和图形，用于帮助开发者在 Web 应用中创建交互式、吸引人的数据可视化图表。AntV 包括 G2、G6、F2 等多个子库，每个子库用于不同类型的数据可视化需求。 
+
+地址：https://antv.antgroup.com/
+
+
+
+![](https://pic.yupi.icu/1/1696734337640-44a0fcd0-123d-4e77-af46-fbdc2a666089-20231008111631276.png)
+
+
+
+这么一大套技术，可以称得上 “全家桶” 了！
+
+
+
+## 为什么用 Ant Design Pro？
+
+从定位上来说，Ant Design Pro 是一个开箱即用的中后台前端开发框架，能够帮助我们快速开发大多数网站（尤其是管理系统）。
+
+比如使用一行命令，就能得到下图的完整网站：
+
+![](https://pic.yupi.icu/1/1696734974474-c67966b9-1df6-42ef-b4ea-9f6974637950.png)
+
+从功能上来说，Ant Design Pro 提供了一整套前端解决方案，包括路由、权限管理、数据管理、国际化、数据 mock、工程化、打包部署等，基本覆盖了整个前端开发流程，不用自己再去整合一堆库、自己创建各种配置了，大幅提高开发效率。
+
+从生态上来说，Ant Design Pro 是由大厂团队开发维护、质量有保障；并且在 GitHub 上有几万个 star、社区也比较活跃，很多开发时出现的问题都有解决方案。
+
+而作为一名全栈开发者，鱼皮个人喜欢使用  Ant Design 和  Ant Design Pro 全家桶的重要原因是：Ant Design 同时有 Vue 和 React 的实现版本，无论我选择什么前端框架开发项目，都能保持编码和网站效果的一致性，进一步提高开发效率。
+
+换言之，学这一套组件库就足够了！
+
+
+
+## 如何学习 Ant Design Pro？
+
+由于该框架由大厂团队开发，经常发布更新版本和改动，所以请务必 **阅读官方文档** 来学习，千万不要完全机械性地跟着教程去学习！
+
+官方文档：https://pro.ant.design/zh-CN/docs/getting-started/
+
+Ant Design Pro 的官方文档写得还是非常清晰易懂的，从入门、开发再到部署都有完整的讲解，按照顺序读一遍就行了。
+
+这里再给大家几个学习建议：
+
+1. 根据项目选择合适的文档版本，再去阅读，v4 版本和 v5 版本差异非常大，我个人更喜欢用 v4 版本
+2. 新手在不熟悉 Ant Design Pro 功能之前，建议不要创建全量区块项目，选择 `simple` 即可
+3. 边读文档边实践，多尝试修改代码并查看效果，更容易理解 Ant Design Pro 框架的功能
+
+
+
+![](https://pic.yupi.icu/1/1696733234789-1c9c36d7-865a-4623-92b4-b124be120469-20231008111631334.png)
+
+
+
+如果你学习使用 Ant Design Pro 框架的项目教程时，遇到了报错，不用慌张。先去看最新官方文档上的命令和用法，或者切换文档版本为和视频一致。如果还有报错，那么就把错误信息贴到百度去查询。如果还有报错，去框架的 Github Issues 区去搜一下（比如：https://github.com/ant-design/ant-design-pro/issues），99% 你遇到的问题别人也遇到过，而且大多数情况下都有对应的解决方案。 
+
+希望大家灵活一点，任何教程都有保质期，学会阅读官方文档、通过各种渠道自主解决问题，才能让你之后的编程学习风雨无阻！
+
+
+
+## 实践
+
+[编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247550581&idx=1&sn=07c76f0bcf7a2f790f6702f2527bbdb4&chksm=e9c2e182deb5689483daa2e667d0a49b97e01092c274a8d89ff5e7e77430e7106368d0f1c543&token=35563974&lang=zh_CN#rd) 的用户中心项目、API 开放平台项目、智能 BI 项目都使用了 Ant Design Pro 作为前端开发框架，并且使用了 Ant Design 作为组件库。
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\345\246\202\344\275\225\347\274\226\345\206\231\345\215\225\345\205\203\346\265\213\350\257\225\357\274\237 .md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\345\246\202\344\275\225\347\274\226\345\206\231\345\215\225\345\205\203\346\265\213\350\257\225\357\274\237 .md"
new file mode 100644
index 0000000..ccbc1cb
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\345\246\202\344\275\225\347\274\226\345\206\231\345\215\225\345\205\203\346\265\213\350\257\225\357\274\237 .md"	
@@ -0,0 +1,318 @@
+# 后端如何编写单元测试？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+大家好，我是鱼皮，很多初学编程的同学都会认为 “程序员的工作只有开发新功能，功能做完了就完事儿”。但其实不然，保证程序的正常运行、提高程序的稳定性和质量也是程序员的核心工作。
+
+之前给大家分享过企业项目的完整开发流程，其中有一个关键步骤叫 “单元测试”，这篇文章就来聊聊程序员如何编写单元测试吧。
+
+
+
+## 什么是单元测试？
+
+单元测试（Unit Testing，简称 UT）是软件测试的一种，通常由开发者编写测试代码并运行。相比于其他的测试类型（比如系统测试、验收测试），它关注的是软件的 **最小** 可测试单元。
+
+什么意思呢？
+
+假如我们要实现用户注册功能，可能包含很多个子步骤，比如：
+
+1. 校验用户输入是否合法
+2. 校验用户是否已注册
+3. 向数据库中添加新用户
+
+其中，每个子步骤可能都是一个小方法。如果我们要保证用户注册功能的正确可用，那么就不能只测试注册成功的情况，而是要尽量将每个子步骤都覆盖到，分别针对每个小方法做测试。比如输入各种不同的账号密码组合来验证 “校验用户输入是否合法” 这一步骤在成功和失败时的表现是否符合预期。
+
+同理，如果我们要开发一个很复杂的系统，可能包含很多小功能，每个小功能都是一个单独的类，我们也需要针对每个类编写单元测试。因为只有保证每个小功能都是正确的，整个复杂的系统才能正确运行。
+
+单元测试的几个核心要点是：
+
+1. 最小化测试范围：单元测试通常只测试代码的一个非常小的部分，以确保测试的简单和准确。
+2. 自动化：单元测试应该是自动化的，开发人员可以随时运行它们来验证代码的正确性，特别是在修改代码后。而不是每次都需要人工去检查。
+3. 快速执行：每个单元测试的执行时间不能过长，应该尽量做到轻量、有利于频繁执行。
+4. 独立性：每个单元测试应该独立于其他测试，不依赖于外部系统或状态，以确保测试的可靠性和可重复性。
+
+
+
+## 为什么需要单元测试？
+
+通过编写和运行单元测试，开发者能够快速验证代码的各个部分是否按照预期工作，有利于保证系统功能的正确可用，这是单元测试的核心作用。
+
+此外，单元测试还有很多好处，比如：
+
+1）改进代码：编写单元测试的过程中，开发者能够再次审视业务流程和功能的实现，更容易发现一些代码上的问题。比如将复杂的模块进一步拆解为可测试的单元。
+
+2）利于重构：如果已经编写了一套可自动执行的单元测试代码，那么每次修改代码或重构后，只需要再自动执行一遍单元测试，就知道修改是否正确了，能够大幅提高效率和项目稳定性。
+
+3）文档沉淀：编写详细的单元测试本身也可以作为一种文档，说明代码的预期行为。
+
+
+
+鱼皮以自己的一个实际开发工作来举例单元测试的重要性。我曾经编写过一个 SQL 语法解析模块，需要将 10000 多条链式调用的语法转换成标准的 SQL 语句。但由于细节很多，每次改进算法后，我都不能保证转换 100% 正确，总会人工发现那么几个错误。所以我编写了一个单元测试来自动验证解析是否正确，每次改完代码后执行一次，就知道解析是否完全成功了。大幅提高效率。
+
+
+
+所以无论是后端还是前端程序员，都建议把编写单元测试当做一种习惯，真的能够有效提升自己的编码质量。
+
+
+
+## 如何编写单元测试？
+
+以 Java 开发为例，我们来学习如何编写单元测试。
+
+Java 开发中，最流行的单元测试框架当属 JUnit 了，它提供了一系列的类和方法，可以帮助我们快速检验代码的行为。
+
+
+
+### 1、引入 JUnit
+
+首先我们要在项目中引入 JUnit，演示 2 种方式：
+
+#### Maven 项目引入
+
+在 pom.xml 文件中引入 JUnit 4 的依赖：
+
+```xml
+<dependency>
+    <groupId>junit</groupId>
+    <artifactId>junit</artifactId>
+    <version>4.13.2</version>
+    <scope>test</scope>
+</dependency>
+```
+
+
+
+#### Spring Boot 项目引入
+
+如果在 Spring Boot 中使用 JUnit 单元测试，直接引入 spring-boot-starter-test 包即可：
+
+```xml
+<dependency>
+    <groupId>org.springframework.boot</groupId>
+    <artifactId>spring-boot-starter-test</artifactId>
+    <scope>test</scope>
+</dependency>
+```
+
+
+
+然后会自动引入 JUnit Jupiter，它是 JUnit 5（新版本）的一部分，提供了全新的编写和执行单元测试的方式，更灵活易用。不过学习成本极低，会用 JUnit 4，基本就会用 JUnit Jupiter。
+
+
+
+### 2、编写单元测试
+
+编写一个单元测试通常包括三个步骤：准备测试数据、执行要测试的代码、验证结果。
+
+一般来说，每个类对应一个单元测试类，每个方法对应一个单元测试方法。
+
+
+
+#### 编写 JUnit 单元测试 
+
+比如我们要测试一个计算器的求和功能，示例代码如下：
+
+```java
+import org.junit.Test;
+import org.junit.Assert;
+
+public class CalculatorTest {
+
+    // 通过 Test 注解标识测试方法
+    @Test
+    public void testAdd() {
+        // 准备测试数据
+        long a = 2;
+        long b = 3;
+        
+        // 执行要测试的代码
+        Calculator calculator = new Calculator();
+        int result = calculator.add(2, 3);
+        
+        // 验证结果
+        Assert.assertEquals(5, result);
+    }
+}
+```
+
+
+
+上述代码中的 Assert 类是关键，提供了很多断言方法，比如 assertEquals（是否相等）、assertNull（是否为空）等，用来对比程序实际输出的值和我们预期的值是否一致。
+
+
+
+如果结果正确，会看到如下输出：
+
+![](https://pic.yupi.icu/1/1697609273814-44bb1e84-d68f-4eda-bff9-2997fe95a1f0.png)
+
+
+
+如果结果错误，输出如下，能够清晰地看到执行结果的差异：
+
+![](https://pic.yupi.icu/1/1697609301031-25008e1c-3e34-454d-b522-5dc4f828895b.png)
+
+
+
+#### Spring Boot 项目单测
+
+如果是 Spring Boot 项目，我们经常需要对 Mapper 和 Service Bean 进行测试，则需要使用 `@SpringBootTest` 注解来标识单元测试类，以开启对依赖注入的支持。
+
+以测试用户注册功能为例，示例代码如下：
+
+```java
+import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+import javax.annotation.Resource;
+
+@SpringBootTest
+public class UserServiceTest {
+
+    @Resource
+    private UserService userService;
+
+    @Test
+    void userRegister() {
+        // 准备数据
+        String userAccount = "yupi";
+        String userPassword = "";
+        String checkPassword = "123456";
+        // 执行测试
+        long result = userService.userRegister(userAccount, userPassword, checkPassword);
+        // 验证结果
+        Assertions.assertEquals(-1, result);
+        // 再准备一组数据，重复测试流程
+        userAccount = "yu";
+        result = userService.userRegister(userAccount, userPassword, checkPassword);
+        Assertions.assertEquals(-1, result);
+    }
+}
+```
+
+
+
+### 3、生成测试报告
+
+如果系统的单元测试数量非常多（比如 1000 个），那么只验证某个单元测试用例是否正确、查看单个结果是不够的，我们需要一份全面完整的单元测试报告，便于查看单元测试覆盖度、评估测试效果和定位问题。
+
+**测试覆盖度** 是衡量测试过程中被测试到的代码量的一个指标，一般情况下越高越好。测试覆盖度 100% 表示整个系统中所有的方法和关键语句都被测试到了。
+
+下面推荐 2 种生成单元测试报告的方法。
+
+
+
+#### 使用 IDEA 生成单测报告
+
+直接在 IDEA 开发工具中选择 `Run xxx with Coverage` 执行单元测试类：
+
+![](https://pic.yupi.icu/1/1697610011076-506f8950-fc1b-4855-b7ff-7d85a218b494.png)
+
+然后就能看到测试覆盖度报告了，如下图：
+
+![](https://pic.yupi.icu/1/1697610075040-5888772b-4a12-451e-9588-8d4340595783.png)
+
+
+
+显然 Main 方法没有被测试到，所以显示 0%。
+
+除了在开发工具中查看测试报告外，还可以导出报告为 HTML 文档：
+
+![](https://pic.yupi.icu/1/1697610367456-2d78a91b-6b4d-4750-8d59-aafd740eff83.png)
+
+
+
+导出后，会得到一个 HTML 静态文件目录，打开 `index.html` 就能在浏览器中查看更详细的单元测试报告了：
+
+![](https://pic.yupi.icu/1/1697610417360-3c62214f-0fec-4d31-9f96-1f4916c25f3c.png)
+
+
+
+这种方式简单灵活，不用安装任何插件，比较推荐大家日常学习使用。
+
+
+
+#### 使用 jacoco 生成单测报告
+
+JaCoCo 是一个常用的 Java 代码覆盖度工具，能够自动根据单元测试执行结果生成详细的单测报告。
+
+它的用法也很简单，推荐按照官方文档中的步骤使用。
+
+官方文档指路：https://www.eclemma.org/jacoco/trunk/doc/maven.html
+
+
+
+首先在 Maven 的 pom.xml 文件中引入：
+
+```xml
+<plugin>
+  <groupId>org.jacoco</groupId>
+  <artifactId>jacoco-maven-plugin</artifactId>
+  <version>0.8.11</version>
+</plugin>
+```
+
+
+
+当然，只引入 JaCoCo 插件还是不够的，我们通常希望在执行单元测试后生成报告，所以还要增加 `executions` 执行配置，示例代码如下：
+
+```xml
+<plugin>
+    <groupId>org.jacoco</groupId>
+    <artifactId>jacoco-maven-plugin</artifactId>
+    <version>0.8.11</version>
+    <configuration>
+        <includes>
+            <include>com/**/*</include>
+        </includes>
+    </configuration>
+    <executions>
+        <execution>
+            <id>pre-test</id>
+            <goals>
+                <goal>prepare-agent</goal>
+            </goals>
+        </execution>
+        <execution>
+            <id>post-test</id>
+            <phase>test</phase>
+            <goals>
+                <goal>report</goal>
+            </goals>
+        </execution>
+    </executions>
+</plugin>
+```
+
+
+
+然后执行 Maven 的 test 命令进行单元测试：
+
+![](https://pic.yupi.icu/1/1697611098751-fc378d78-614d-4d4e-aa2e-9f036810c521.png)
+
+
+
+测试结束后，就能够在 target 目录中，看到生成的 JaCoCo 单元测试报告网站了：
+
+![](https://pic.yupi.icu/1/1697611117634-e9195bd8-90de-4e1a-b3f6-def653a48c01.png)
+
+
+
+打开网站的 index.html 文件，就能看到具体的测试报告结果，非常清晰：
+
+![](https://pic.yupi.icu/1/1697611175522-e2987553-1e6b-4446-91e0-743284ad77ab.png)
+
+
+
+通常这种方式会更适用于企业中配置流水线来自动化生成测试报告的场景。
+
+
+
+## 实践
+
+编程导航星球的用户中心项目详细讲解了如何使用 JUnit 编写规范的单元测试。
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\351\241\271\347\233\256\347\273\217\345\205\270\345\210\206\345\261\202\346\236\266\346\236\204\344\273\213\347\273\215.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\351\241\271\347\233\256\347\273\217\345\205\270\345\210\206\345\261\202\346\236\266\346\236\204\344\273\213\347\273\215.md"
new file mode 100644
index 0000000..064fb67
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\220\216\347\253\257\351\241\271\347\233\256\347\273\217\345\205\270\345\210\206\345\261\202\346\236\266\346\236\204\344\273\213\347\273\215.md"
@@ -0,0 +1,91 @@
+# 后端项目经典分层架构介绍
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+大家好，我是鱼皮。开发后端项目时，我们最常见的一种架构模式就是 `分层架构` 。
+
+所谓的分层架构，就是把系统自上而下分为多个不同的层，每一层都有特定的功能和职责，且只和自己的直接上层与直接下层 “打交道”。
+
+分层架构的优点是：每一层都有明确定义的职责，易于理解和维护；而且各层可以独立扩展，以适应不同的需求。
+
+所以分层架构也是最适合新手入门学习、并且实际开发中应用最多的架构。
+
+
+
+## 分层架构
+
+下面给大家一种 Java 企业级后端项目开发时常用的分层架构，一般从前端界面（表示层）发送的请求出发，需要经历接入层、控制层、业务逻辑层、通用业务层、数据访问层、系统资源层等。
+
+**表示层** 通常是指让用户交互和查看信息的前端界面，比如用户点击按钮后能够发送一个请求，也可以叫用户层、界面层等。
+
+发送请求后，会经过 **接入层** ，比如 Nginx 网关、或者其他中间件，对请求做一个预处理或转发，比如实现负载均衡。这一层不是必须存在的，通常更适用于中大型项目，前端也可以直接请求后端。
+
+接入层会将请求转发到 **控制层**（Controller），负责接受请求、调用业务逻辑层（Service）的代码实现功能、然后响应结果。控制层一般不建议写复杂的业务逻辑，尽量保持精简。
+
+接下来是 **业务逻辑层**（Service），负责处理复杂的业务逻辑，比如对请求数据进行校验、处理、调用数据访问层以将结果存到数据库中等，也是我们做系统时主要开发编码的部分。
+
+**通用业务层**（Manager、Module）是一种特殊的业务逻辑层，主要的作用是抽取了一些需要被多个业务调用的公共代码，比如上传文件到对象存储、鉴权等，从而实现复用。
+
+**数据访问层**（Dao / Mapper）负责操作底层的数据源，比如对数据库、文件、缓存等进行增删改查。
+
+最后是 **系统资源层** ，也可以叫基础设施层，包括各种基础服务、系统环境等，比如数据库、消息队列、Redis、文件存储、Linux 系统、Docker 等。复杂的基础设施可能还包括 K8S 容器资源编排、资源调度平台等。
+
+
+
+------
+
+
+
+需要注意的是，并不是所有的分层架构都需要这么划分，不同业务和团队可能有自己的分层选择与规范。
+
+比如我带大家开发的 [OJ 在线判题系统](https://yuyuanweb.feishu.cn/wiki/LhjxwgFjwiovTVk9w2vcJoj4nid) ，分层架构如下：
+
+![](https://pic.yupi.icu/1/1697022742320-afe5d60d-b0ba-4b02-91a9-d5870021af16.png)
+
+
+
+## 示例项目结构
+
+基于分层架构，我们可以将项目按照特定的目录名（包名）来组织代码，比如：
+
+- controller：控制层
+- service：业务逻辑层
+- mapper：数据访问层
+- model：数据模型
+
+还可以按照业务或文件的类型来划分目录，比如：
+
+- constant：常量
+- annotation：注解类
+- common：公共类
+- config：配置类
+- job：任务
+- exception：异常处理相关
+- utils：工具类
+
+
+
+以之前带大家做过的 [寻爱网项目](https://wx.zsxq.com/dweb2/index/topic_detail/415521148215518) 为例，项目的目录结构如图：
+
+![](https://pic.yupi.icu/1/1697023472138-1db5caf0-dfcf-4835-ad6c-c7ccc80584fd.png)
+
+
+
+## 其他知识
+
+1）计算机网络也是采用了经典的分层架构，OSI 七层参考模型中，把计算机网络自底向上分为了物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。每个层只处理特定的功能，比如数据传输、数据的路由；层与层之间通过接口（或者叫协议）进行通信。
+
+2）需要注意的是，我们常用的后端开发框架 Spring MVC 是基于 MVC（Model-View-Controller）设计模式构建的，而不能算是传统的分层架构。而且一般现在的项目中只使用 Spring MVC 作为整个项目的控制层，不过大多数用了 Spring MVC 框架的项目基本都使用了分层架构。
+
+
+
+## 实践
+
+想了解更多常见的后端架构设计，推荐阅读这篇文章：[架构设计，让网站支棱起来！](https://mp.weixin.qq.com/s/iE3iOhLwxwMYhilOyyf90Q)
+
+编程导航星球的所有后端项目基本都使用了经典分层架构，随便实践一个项目都能学会这种架构方式。
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\345\277\253\351\200\237\345\277\275\347\225\245 Git \346\226\207\344\273\266\346\217\220\344\272\244\357\274\237.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\345\277\253\351\200\237\345\277\275\347\225\245 Git \346\226\207\344\273\266\346\217\220\344\272\244\357\274\237.md"
new file mode 100644
index 0000000..406aebf
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\345\277\253\351\200\237\345\277\275\347\225\245 Git \346\226\207\344\273\266\346\217\220\344\272\244\357\274\237.md"	
@@ -0,0 +1,81 @@
+# 如何快速忽略 Git 文件提交？
+
+> 作者：[程序员鱼皮](https://space.bilibili.com/12890453/)，[编程导航星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 编号 1
+
+
+
+当我们使用 IDEA 等开发工具或脚手架创建好新项目后，使用 IDEA 开发工具打开项目，进入底部的 `Git` 标签，会发现很多和项目无关的 IDEA 自动生成的工程文件被添加到了 Git 托管。
+
+![](https://pic.yupi.icu/1/1699348521888-443df7c7-ff16-47a6-a9f8-6fca2db66258.png)
+
+
+
+但我们是不希望提交这些文件的，没有意义，所以需要使用 `.gitignore` 文件来忽略这些文件，不让它们被 Git 托管。
+
+如何编写 .gitignore 文件呢？
+
+其实很简单，不用自己编写！我们在 IDEA 的 Settings => Plugins 中搜索 `.ignore` 插件并安装：
+
+![](https://pic.yupi.icu/1/1699348755922-4a97a0d7-1cbf-47de-a3f4-b1ae3ae81ac6.png)
+
+
+
+然后在项目根目录处选中右键，使用 .ignore 插件创建 .gitignore 文件：
+
+![](https://pic.yupi.icu/1/1699348817484-a77c150f-9fc3-476b-b77f-67e141e7a811.png)
+
+
+
+.ignore 插件提供了很多默认的 .gitignore 模板，根据自己的项目类型和使用的开发工具进行选择，此处我们选择 Java 和 JetBrains 模板：
+
+![](https://pic.yupi.icu/1/1699348931526-9608280d-dbfd-4d38-86c1-cb5eecf60017.png)
+
+
+
+然后可以在项目根目录看到生成的 .gitignore 文件，模板已经包含了常用的 Java 项目忽略清单，比如编译后的文件、日志文件、压缩包等：
+
+![](https://pic.yupi.icu/1/1699349391749-55fd3c6c-cbc4-4ec0-a7d0-73a203cc28d0.png)
+
+
+
+让我们再手动添加几个要忽略的目录和文件，比如打包生成的 target 目录：
+
+![](https://pic.yupi.icu/1/1699349485840-4da51d88-d92c-49ec-ad7b-066f3e7af601.png)
+
+
+
+但是，我们会发现，即使有些文件已经添加到了 .gitignore 文件中，在 IDEA 中显示的还是绿色（已被 Git 托管）状态。如下图：
+
+![](https://pic.yupi.icu/1/1699349281523-07d73d50-7cd4-4809-a384-36ac86134327.png)
+
+
+
+这是因为这些文件已经被 Git 跟踪。而 .gitignore 文件仅影响未跟踪的文件，如果文件已经被 Git 跟踪，那么 .gitignore 文件对它们没有影响。
+
+所以我们需要打开终端，在项目根目录下执行如下命令，取消 Git 跟踪：
+
+```shell
+git rm -rf --cached .
+```
+
+
+
+执行效果如图：
+
+![](https://pic.yupi.icu/1/1699349241520-7d6a09e0-1119-4ace-9722-33af3276fb22.png)
+
+
+
+可以看到文件变成了红色（未被 Git 托管）或黄色（被忽略）状态：
+
+![](https://pic.yupi.icu/1/1699349699120-e39169e3-2c77-4730-a24e-685fbcabe474.png)
+
+
+
+然后，让我们将 .gitignore 文件添加到 Git 暂存区，让它能够被 Git 管理。
+
+![](https://pic.yupi.icu/1/1699349777115-eb7b08a4-a5f3-4b2d-b76a-dac90e96bc0d.png)
+
+
+
+至此，就已经完成一个干净的 Git 仓库项目啦~
\ No newline at end of file
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\350\247\243\345\206\263\346\225\260\346\215\256\346\237\245\350\257\242\344\270\272\347\251\272\347\232\204 Bug\357\274\237.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\350\247\243\345\206\263\346\225\260\346\215\256\346\237\245\350\257\242\344\270\272\347\251\272\347\232\204 Bug\357\274\237.md"
new file mode 100644
index 0000000..0d0c0e7
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\350\247\243\345\206\263\346\225\260\346\215\256\346\237\245\350\257\242\344\270\272\347\251\272\347\232\204 Bug\357\274\237.md"	
@@ -0,0 +1,124 @@
+# 如何解决数据查询为空的 Bug？
+
+> 作者：[程序员鱼皮](https://space.bilibili.com/12890453/)，[编程导航星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 编号 1
+
+
+
+大家在开发时，遇到的一个典型的 Bug 就是：为什么数据查询为空？
+
+对应的现象就是：前端展示不出数据、或者后端查询到的数据列表为空。
+
+![](https://pic.yupi.icu/1/1698891856196-b6f20274-9224-4fd9-a0c8-f10a46170aef-20231102133931574.png)
+
+遇到此类问题，其实是有经典的解决套路的，下面鱼皮给大家分享如何高效解决这个问题。
+
+只需 4 个步骤：
+
+
+
+## 解决步骤
+
+### 1、定位问题边界
+
+首先要定位数据查询为空的错误边界。说简单一点，就是要确认是前端还是后端的锅。
+
+要先从请求的源头排查，也就是前端浏览器，毕竟前端和后端是通过接口（请求）交互的。
+
+在浏览器中按 F12 打开浏览器控制台，进入网络标签，然后刷新页面或重新触发请求，就能看到请求的信息了。
+
+选中请求并点击预览，就能看到后端返回结果，有没有返回数据一看便知。
+
+![](https://pic.yupi.icu/1/1698891947432-a521a5c2-2c57-4307-bad3-0242cb3dff67-20231102133931604.png)
+
+![](https://pic.yupi.icu/1/1698892093874-2517f3bf-49d5-40c8-9f8c-c6c40fe926e6-20231102133931639.png)
+
+
+
+如果发现后端正常返回了数据，那就是前端的问题，查看自己的页面代码来排查为什么数据没在前端显示，比如是不是取错了数据的结构？可以多用 debugger 或 console.log 等方式输出信息，便于调试。
+
+星球同学可以免费阅读前端嘉宾神光的《前端调试通关秘籍》：https://t.zsxq.com/13Rh4xxNK
+
+
+
+如果发现后端未返回数据，那么前端需要先确认下自己传递的参数是否正确。
+
+比如下面的例子，分页参数传的太大了，导致查不到数据：
+
+![](https://pic.yupi.icu/1/1698892380058-7484b6af-21ef-4159-9267-64e22c162a90-20231102133931650.png)
+
+
+
+如果发现请求参数传递的没有问题，那么就需要后端同学帮忙解决了。
+
+通过这种方式，直接就定位清楚了问题的边界，高效~
+
+
+
+### 2、后端验证请求
+
+接下来的排查就是在后端处理了，首先开启 Debug 模式，从接受请求参数开始逐行分析。
+
+比如先查看请求参数对象，确认前端有没有按照要求传递请求参数：
+
+![](https://pic.yupi.icu/1/1698893025601-50145488-e10a-47a2-a787-8d5e66e23e81-20231102133931709.png)
+
+毕竟谁能保证我们的同事（或者我们自己）不是小迷糊呢？即使前端说自己请求是正确的，但也必须要优先验证，而不是一上来就去分析数据库和后端程序逻辑的问题。
+
+验证请求参数对象没问题后，接着逐行 Debug，直到要执行数据库查询。
+
+
+
+### 3、后端验证数据库查询
+
+无论是从 MySQL、MongoDB、Redis，还是文件中查询数据，为了理解方便，我们暂且统称为数据库。
+
+上一步中，我们已经 Debug 到了数据库查询，需要重点关注 2 个点：
+
+1）查看封装的请求参数是否正确
+
+对于 MyBatis Plus 框架来说，就是查看 QueryWrapper 内的属性是否正确填充了查询条件
+
+![](https://pic.yupi.icu/1/1698893321346-e29f225f-4506-4c3a-a0f7-77b176bfcb6e-20231102133931781.png)
+
+
+
+2）查看数据库的返回结果是否有值
+
+比如 MyBatis Plus 的分页查询中，如果 records 属性的 size 大于 0，表示数据库返回了数据，那么就不用再排查数据库查询的问题了；而如果 size = 0，就要分析为什么从数据库中查询的数据为空。
+
+![](https://pic.yupi.icu/1/1698893389456-177c8d95-3825-44f6-b713-98d7dddaa31f-20231102133931819.png)
+
+
+
+这一步尤为关键，我们需要获取到实际发送给数据库查询的 SQL 语句。如果你使用的是 MyBatis Plus 框架，可以直接在 `application.yml` 配置文件中开启 SQL 语句日志打印，参考配置如下：
+
+```yaml
+mybatis-plus:
+  configuration:
+    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
+```
+
+
+
+然后执行查询，就能看到完整的 SQL 语句了：
+
+![](https://pic.yupi.icu/1/1698902718455-5731f602-a2ee-4b7c-8ca6-9bbf2790bc59-20231102133931835.png)
+
+
+
+把这个 SQL 语句复制到数据库控制台执行，验证下数据结果是否正确。如果数据库直接执行语句都查不出数据，那就确认是查询条件错误了还是数据库本身就缺失数据。
+
+
+
+### 4、后端验证数据处理逻辑
+
+如果数据库查询出了结果，但最终响应给前端的数据为空，那么就需要在数据库查询语句后继续逐行 Debug，验证是否有过滤数据的逻辑。
+
+比较典型的错误场景是查询出的结果设置到了错误的字段中、或者由于权限问题被过滤和脱敏掉了。
+
+
+
+## 最后
+
+以后再遇到数据查询为空的情况，按照以上步骤排查问题即可。排查所有 Bug 的核心流程都是一样的，先搜集信息、再定位问题、最后再分析解决。
+
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\351\253\230\346\225\210\346\265\213\350\257\225\346\216\245\345\217\243\357\274\237\350\207\252\345\212\250\347\224\237\346\210\220\346\216\245\345\217\243\346\226\207\346\241\243.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\351\253\230\346\225\210\346\265\213\350\257\225\346\216\245\345\217\243\357\274\237\350\207\252\345\212\250\347\224\237\346\210\220\346\216\245\345\217\243\346\226\207\346\241\243.md"
new file mode 100644
index 0000000..bcb6587
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\246\202\344\275\225\351\253\230\346\225\210\346\265\213\350\257\225\346\216\245\345\217\243\357\274\237\350\207\252\345\212\250\347\224\237\346\210\220\346\216\245\345\217\243\346\226\207\346\241\243.md"
@@ -0,0 +1,236 @@
+# 如何高效测试接口？自动生成接口文档
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+作为一名后端程序员，一定要对自己写的接口负责，保证接口的正确和稳定性。因此，接口测试也是后端开发中的关键环节。
+
+但我相信，很多朋友是懒得测试接口的，觉得这很麻烦。一般自己写的接口自己都不调用，而是直接甩给前端或者其他调用方去验证，出了问题再改。虽然自己爽了，但在别人眼里，可能已经对你 “怀恨在心”，不是不报，时候未到而已。
+
+其实测试接口并不难，这篇文章就给大家分享一些常用的接口测试工具，其中有些工具不仅能帮助你高效测试接口，甚至还能自动生成接口代码和接口文档！
+
+
+
+## 常用接口测试工具
+
+这里给大家推荐 4 种常用的接口测试工具，至于到底用哪个，全凭大家的喜好，自己用着舒服就好。
+
+
+
+### 1、cURL
+
+cURL 是一个功能强大的命令行工具，它可以用命令的形式来发送各种类型的 HTTP 请求。虽然它没有图形界面，但是却非常灵活，深受开发者们的喜爱。
+
+> 指路：https://curl.se/
+
+
+
+cURL 的用法也很简单，比如测试 GET 请求类型的接口，只需输入下列命令：
+
+```bash
+curl <要测试的接口地址>
+```
+
+
+
+测试 POST 类型的接口，命令如下：
+
+```bash
+curl -d '{"name":"yupi"}'
+  -H "Content-Type: application/json"
+  <要测试的接口地址>
+```
+
+
+
+其中使用 `-d` 选项表示要发送的数据，`-H` 选项设置请求头，指定发送 JSON 数据。
+
+以上只是 cURL 的基础用法，它还支持很多高级的参数，不过没必要去记忆。一般我们在调用别人接口时，可以先在 F12 开发者工具中找到某个请求，然后点击 `以 cURL 格式复制` 就能得到可直接使用的 curl 命令了。
+
+![](https://pic.yupi.icu/1/1697727100098-011d8a12-2fe5-4421-8f8d-825c21d63f56.png)
+
+
+
+强烈建议大家学会使用 cURL，尤其是 Linux 开发者们，在没有图形界面的场景下这个工具可太实用了。
+
+
+
+### 2、Apifox
+
+要是几年前，我可能还会建议大家去用 Postman 这种图形界面测试软件，但现在时代变了，越来越多国产的接口测试工具能力已经远超了 Postman。
+
+比如我在用的 Apifox，它是一个非常强大的 `API 设计 + 开发 + 测试一体` 的协作工具。
+
+> 指路：http://apifox.com/b2liyupi
+
+
+
+首先是支持 20 多种格式的接口数据导入，快速可视化接口信息：
+
+![](https://pic.yupi.icu/1/1697727719582-3b58a60f-70a8-42b1-ba48-14adbeedd4c9.png)
+
+
+
+然后可以一键调试接口，哪怕你本地的后端服务器没有启动，也可以通过 Mock 功能快速生成模拟数据！
+
+![](https://pic.yupi.icu/1/1697727817429-5ebc1665-2179-45f3-aa55-bd863d78d01a.png)
+
+
+
+Apifox 还有个很强大的能力，支持基于接口信息去生成 130 多种语言及框架的代码！也就是说，你可以先和前端约定并编写好接口文档，然后直接生成代码就能给前端调试了。
+
+![](https://pic.yupi.icu/1/1697727951940-af4b1020-2acb-4730-b714-12cb863c3254.png)
+
+
+
+更多的功能就先不介绍了，感兴趣的同学自己探索。
+
+
+
+### 3、IDEA 的 HTTP Client
+
+IntelliJ IDEA 开发工具内置了一个 HTTP Client 工具，它允许开发者在 IDE 中直接创建、管理和发送 HTTP 请求，并查看响应结果。
+
+用法很简单，首先进入 IDE 的 Tools => HTTP Client，点击创建一个请求：
+
+支持将 cURL 转换为 HTTP 请求，可见 cURL 的地位
+
+![](https://pic.yupi.icu/1/1697728344182-79ba6724-5b50-4978-b037-b35f2fac0c75.png)
+
+然后进入请求编辑界面，刚开始不熟悉请求编写语法的话，可以点击右上角导入示例的请求信息：
+
+![](https://pic.yupi.icu/1/1697728547281-1407dd65-67d8-4a57-a4ac-3c5979338560.png)
+
+比如导入一个 GET 请求示例：
+
+![](https://pic.yupi.icu/1/1697728604443-a711636d-553c-4c68-9e1c-1f7992e73e3a.png)
+
+
+
+然后点击绿色的箭头就能发送接口测试请求了，能够看到详细的响应信息：
+
+![](https://pic.yupi.icu/1/1697728679041-2f5203ea-da78-4088-96d7-5ee408e79877.png)
+
+
+
+不过我个人不喜欢这种方式来测试接口，写代码已经很累了，结果测试接口还让我写代码？？？
+
+
+
+### 4、Swagger 和 Knife4j
+
+#### Swagger
+
+Swagger 是一个知名的 API 开源项目。此前，很多同学对 Swagger 的认识可能仅停留在生成接口文档，即下图的 `Swagger UI`，可以在线查看和调试接口信息。
+
+> 指路：https://swagger.io/tools/swagger-ui/
+
+![](https://pic.yupi.icu/1/1697728940485-0597573e-97c2-4867-a79e-9cdb0aab2f04.png)
+
+
+
+但实际上，Swagger UI 只是 Swagger 的其中一个功能，Swagger 还包含了 Swagger Editor 接口编辑器、Swagger Codegen 代码生成器等强大工具。
+
+![](https://pic.yupi.icu/1/1697729062255-9dbd38c5-dfc1-4de8-a42d-8b824c59f9da.png)
+
+
+
+严格来说，Swagger 是 **一套** 完整的 API 开发工具，让我们在统一的界面中完成 API 设计、接口开发、接口测试、文档生成等功能，极大地提高了开发效率。
+
+一般来说，只需要在项目中引入 Swagger 依赖，并且通过注解的方式来描述 API 的信息，就可以使用它进行接口测试和文档生成了。
+
+但其实，我个人已经很久没有直接使用 Swagger 了，而是会选用它的增强版 `Knife4j` 来生成接口文档。要说原因的话，就是 Swagger 的默认界面有点小丑，API 多了管理起来就会很麻烦。
+
+感受一下：
+
+![](https://pic.yupi.icu/1/1697729785541-29de1f7b-e428-4ba8-8104-8fe75af138d3.png)
+
+
+
+#### Knife4j
+
+Knife4j 是一个基于 Swagger 的增强工具，它提供了更美观的界面和更多功能，让接口测试和文档生成更加高效。
+
+> 指路：https://doc.xiaominfo.com/
+
+
+
+Knife4j 的用法很简单，按照官方文档的指引，首先根据自己项目的 Spring Boot 版本引入对应的依赖，比如 Spring Boot 2.x 推荐使用以下 Maven 配置：
+
+```xml
+<dependency>
+    <groupId>com.github.xiaoymin</groupId>
+    <artifactId>knife4j-openapi2-spring-boot-starter</artifactId>
+    <version>4.3.0</version>
+</dependency>
+```
+
+
+
+然后在 Spring Boot 的配置文件 `application.yml` 中添加 Knife4j 相关配置，比如：
+
+```yaml
+knife4j:
+  enable: true
+  openapi:
+    title: Knife4j 文档
+```
+
+
+
+最后，访问 Knife4j 的文档地址（一般是项目地址 + `/doc.html`），即可查看自动根据 Controller 接口代码而生成的接口文档。
+
+示例文档如下：
+
+![](https://pic.yupi.icu/1/1697730186817-40f8d1db-ea19-45f9-ae0e-b7f032c0189e.png)
+
+选中某个接口，就可以在线调试了：
+
+![](https://pic.yupi.icu/1/1697730368657-397cec17-d11a-4d40-a620-ab6d4b9b3918.png)
+
+
+
+当然，因为 Knife4j 的底层也是依赖 Swagger 的，所以你还可以使用 Swagger 注解来自定义接口的信息。
+
+比如下列代码，就使用了 Swagger 的 @Api 和 @ApiOperation 注解给接口添加名称和描述信息：
+
+```java
+@RestController
+@RequestMapping("/api/posts")
+@Api(tags = "帖子管理")
+public class PostController {
+
+    @PostMapping
+    @ApiOperation(value = "创建帖子", notes = "用于创建新的帖子")
+    public ResponseEntity<String> createPost(@RequestBody PostRequest postRequest) {
+        // 在这里实现创建帖子的逻辑
+        return ResponseEntity.ok("帖子创建成功");
+    }
+}
+```
+
+
+
+这样能让生成的接口文档更通俗易懂，而不是大把的英文。
+
+
+
+------
+
+
+
+总结一下，我个人最推荐的接口调试方式是 cURL、Apifox 和 Knife4j 的组合：
+
+- 无界面（Linux）环境用 cURL
+- 桌面端管理接口、Mock 数据用 Apifox
+- 项目中引入 Knife4j，实现快速的接口文档生成和 web 共享
+
+
+
+## 实践
+
+编程导航星球的所有后端项目都使用了 Swagger + Knife4j 实现接口调试和接口文档生成。
+
+👉🏻 编程导航原创项目教程系列：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\274\200\345\217\221\344\274\201\344\270\232\345\276\256\344\277\241\347\276\244\346\234\272\345\231\250\344\272\272\357\274\214\345\256\236\347\216\260\345\256\232\346\227\266\346\217\220\351\206\222.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\274\200\345\217\221\344\274\201\344\270\232\345\276\256\344\277\241\347\276\244\346\234\272\345\231\250\344\272\272\357\274\214\345\256\236\347\216\260\345\256\232\346\227\266\346\217\220\351\206\222.md"
new file mode 100644
index 0000000..a101fba
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\274\200\345\217\221\344\274\201\344\270\232\345\276\256\344\277\241\347\276\244\346\234\272\345\231\250\344\272\272\357\274\214\345\256\236\347\216\260\345\256\232\346\227\266\346\217\220\351\206\222.md"
@@ -0,0 +1,459 @@
+# 开发企业微信群机器人，实现定时提醒
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+大家好，我是鱼皮，今天分享一个用程序解决生活工作问题的真实案例。
+
+说来惭愧，事情是这样的，在我们公司，每天都要轮流安排一名员工（当然也包括我）去楼层中间一个很牛的饮水机那里接水。但由于大家每天都有自己的工作，经常出现忘记接水的情况，导致大家口渴难耐。
+
+怎么解决这个问题呢？
+
+我想到了几种方法：
+
+1）每天大家轮流提醒。但是别说提醒别人了，自己都不记得什么时候轮到自己接水。
+
+2）由一个员工负责提醒大家接水，必要时招募一个 “接水提醒员”。
+
+3）在企业微信的日历功能给员工安排接水日程，就像下面这样：
+
+![](https://pic.yupi.icu/1/image-20231014144412018.png)
+
+但问题是我们的人数和天数不是完全对应的、反复安排日程也很麻烦。
+
+你觉得上面哪种方案好呢？其实我觉得第二个方案是最好的 —— 招募一个 “接水提醒员”。
+
+别笑，我认真的！
+
+只不过这个 “接水提醒员” 何必是人？
+
+没错，作为一名程序员，我们可以搞一个机器人，让它在企业微信群聊中每天提醒不同的员工去接水即可。
+
+其实这个功能和员工排班打卡系统是很类似的，只不过更轻量一些。我也调研了很多排班系统，但是都要收费，索性自己开发一个好了。
+
+在企业微信中接入机器人其实非常简单，因为企业微信官方就支持群聊机器人功能，所以这次的任务我就安排给了实习生，他很快就完成了，所以我相信大家应该也都能学会~
+
+
+
+## 企微群聊机器人开发
+
+学习开发第三方应用时，一定要先完整阅读官方文档，比如企业微信群机器人配置文档。
+
+> 指路：https://developer.work.weixin.qq.com/document/path/99110
+
+![](https://pic.yupi.icu/1/image-20231014145353399.png)
+
+
+
+### 设计 SDK 结构
+
+虽然我们的目标是做一个提醒接水机器人，但是企业微信群聊机器人其实是一个通用的功能，所以我们决定开发一个企微机器人 SDK，以后公司其他业务需要时都能够快速复用。（比如开发一个定时喝水提醒机器人）
+
+设计好 SDK 是需要一定技巧的，之前给大家分享过：[如何设计一个优秀的 SDK](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247500703&idx=1&sn=bf4122b470fa6cccc1f005b6772a68f2&scene=21#wechat_redirect) ，可以阅读参考。
+
+在查阅企微机器人文档后，了解到企业微信机器人支持发送多种类型的消息，包括文本、 Markdown 、图片、图文、文件、语音和模块卡片等，文档中对每一种类型的请求参数和字段含义都做了详尽的解释。
+
+> 吐槽一下，跟微信开发者文档比起来，企微机器人的文档写得清晰多了！
+
+![企微文本消息格式](https://pic.yupi.icu/1/image-20231014145911630.png)
+
+由于每种消息最终都是要转换成 JSON 格式作为 HTTP 请求的参数的，所以我们可以设计一个基础的消息类（Message）来存放公共参数，然后定义各种不同的具体消息类来集成它（比如文本消息 TextMessage、Markdown 消息 MarkdownMessage 等）。
+
+为了简化开发者使用 SDK 来发送消息，定义统一的 MessageSender 类，在类中提供发送消息的方法（比如发送文本消息 sendText），可以接受 Message 并发送到企业微信服务器。
+
+最终，客户端只需调用统一的消息发送方法即可。SDK 的整体结构如下图所示：
+
+![](https://pic.yupi.icu/1/1697195145097-6b77f8c8-dcd5-4904-b211-badac72e7a9c.png)
+
+值得一提的是，如果要制作更通用的消息发送 SDK。可以将 MessageSender 定义成接口，编写不同的子类比如飞书 MessageSender、短信 MessageSender 等。
+
+
+
+### 开发 SDK
+
+做好设计之后，接下来就可以开始开发 SDK 了。
+
+步骤如下：
+
+1. 获取 webhook
+2. 创建 SDK 项目
+3. 编写代码
+4. SDK 打包
+5. 调用 SDK
+
+
+
+### 1、获取 webhook	
+
+首先，必须在企业微信群聊中创建一个企业微信机器人，并获取机器人的 webhook。
+
+webhook 是一个 url 地址，用于接受我们开发者自己服务器的请求，从而控制企业微信机器人。后续所有的开发过程，都需要通过 webhook 才可以实现。
+
+![](https://pic.yupi.icu/1/image-20231014151024421.png)
+
+复制并保存好这个 Webhook 地址，注意不要泄露该地址！
+
+![](https://pic.yupi.icu/1/1697194222438-40e7e7a8-3264-4844-b995-14183a0115f2.png)
+
+
+
+### 2、创建 SDK 项目
+
+SDK 通常是一个很干净的项目，此处我们使用 Maven 来构建一个空的项目，并在 `pom.xml`  文件中配置项目信息。
+
+需要特别注意的是，既然我们正在创建一个 SDK，这意味着它将被更多的开发者使用。因此，在配置 groupId 和 artifactId 时，我们应当遵循以下规范：
+
+- groupId：它是项目组织或项目开发者的唯一标识符，其实际对应的是 main 目录下的 Java 目录结构。 
+- artifactId：它是项目的唯一标识符，对应的是项目名称，即项目的根目录名称。通常，它应当为纯小写，并且多个词之间使用中划线（-）隔开。 
+- version：它指定了项目的当前版本。其中，SNAPSHOT 表示该项目仍在开发中，是一个不稳定的版本。
+
+以下是我们配置好的项目信息：
+
+```xml
+<groupId>com.yupi</groupId>
+<artifactId>rtx-robot</artifactId>
+<version>1.0-SNAPSHOT</version>
+```
+
+为了让我们的项目更加易用，我们还要能做到让开发者通过配置文件来传入配置（比如 webhook），而不是通过硬编码重复配置各种信息。
+
+所以此处我们把项目只作为 Spring Boot 的 starter，需要在 pom.xml 文件中引入依赖：
+
+```xml
+<dependency>
+  <groupId>org.springframework.boot</groupId>
+  <artifactId>spring-boot-autoconfigure</artifactId>
+</dependency>
+<dependency>
+  <groupId>org.springframework.boot</groupId>
+  <artifactId>spring-boot-configuration-processor</artifactId>
+  <optional>true</optional>
+</dependency>
+```
+
+最后，我们还需要添加一个配置，配置项  `<skip>true</skip>`  表示跳过执行该插件的默认行为：
+
+```xml
+<build>
+    <plugins>
+        <plugin>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-maven-plugin</artifactId>
+            <configuration>
+                <skip>true</skip>
+            </configuration>
+        </plugin>
+    </plugins>
+</build>
+```
+
+这样，一个 SDK 项目的初始依赖就配置好了。
+
+
+
+### 3、编写配置类
+
+现在我们就可以按照之前设计的结构开发了。
+
+首先，我们要写一个配置类，用来接受开发者在配置文件中写入的 webhook。
+
+同时，我们可以在配置类中，将需要被调用的 MessageSender 对象 Bean 自动注入到 IOC 容器中，不用让开发者自己 new 对象了。
+
+示例代码如下：
+
+```java
+@Configuration
+@ConfigurationProperties(prefix = "wechatwork-bot")
+@ComponentScan
+@Data
+public class WebhookConfig {
+
+    private String webhook;
+
+    @Bean
+    public RtxRobotMessageSender rtxRobotMessageSender() {
+        return new RtxRobotMessageSender(webhook);
+    }
+}
+```
+
+
+
+接下来，为了让 Spring Boot 项目在启动时能自动识别并应用配置类，需要把配置类写入到 `resources/META-INF/spring.factories ` 文件中，示例代码如下：
+
+```sh
+org.springframework.boot.autoconfigure.EnableAutoConfiguration=com.yupi.rtxrobot.config.WebhookConfig
+```
+
+
+
+### 4、编写消息类
+
+接下来，我们要按照官方文档的请求参数把几种类型的消息对象编写好。
+
+由于每个消息类都有一个固定的字段 msgtype，所以我们定义一个基类 Message，方便后续将不同类型的消息传入统一的方法：
+
+```java
+public class Message {
+
+    /**
+     * 消息类型
+     **/
+    String msgtype;
+}
+```
+
+接下来编写具体的消息类，比如纯文本类型消息 TextMessage，示例代码如下：
+
+```java
+@Data
+public class TextMessage extends Message {
+
+    /**
+     * 消息内容
+     */
+    private String content;
+
+    /**
+     * 被提及者userId列表
+     */
+    private List<String> mentionedList;
+
+    /**
+     * 被提及者电话号码列表
+     */
+    private List<String> mentionedMobileList;
+  
+    /**
+     * 提及全体
+     */
+    private Boolean mentionAll = false;
+
+    public TextMessage(String content, List<String> mentionedList, List<String> mentionedMobileList, Boolean mentionAll) {
+        this.content = content;
+        this.mentionedList = mentionedList;
+        this.mentionedMobileList = mentionedMobileList;
+        this.mentionAll = mentionAll;
+
+        if (mentionAll) {
+            if (CollUtil.isNotEmpty(this.mentionedList) || CollUtil.isNotEmpty(this.mentionedMobileList)) {
+                if (CollUtil.isNotEmpty(mentionedList)) {
+                    this.mentionedList.add("@all");
+                } else {
+                    this.mentionedList = CollUtil.newArrayList("@all");
+                }
+            } else {
+                this.mentionedList = CollUtil.newArrayList("@all");
+            }
+        }
+    }
+
+    public TextMessage(String content) {
+        this(content, null, null, false);
+    }
+}
+```
+
+上面的代码中，有个代码优化小细节，官方文档是使用 “@all” 字符串来表示 @全体成员的，但 “@all” 是一个魔法值，为了简化调用，我们将其封装为 mentionAll 布尔类型字段，并且在构造函数中自动转换为实际请求需要的字段。
+
+
+
+### 5、编写消息发送类
+
+接下来，我们将编写一个消息发送类。在这个类中，定义了用于发送各种类型消息的方法，并且所有的方法都会依赖调用底层的 send 方法。send 方法的作用是通过向企微机器人的 webhook 地址发送请求，从而驱动企微机器人发送消息。
+
+以下是示例代码，有很多编码细节：
+
+```java
+/**
+ * 微信机器人消息发送器
+ * @author yuyuanweb
+ */
+@Slf4j
+@Data
+public class RtxRobotMessageSender {
+
+    private final String webhook;
+  
+    public WebhookConfig webhookConfig;
+
+    public RtxRobotMessageSender(String webhook) {
+        this.webhook = webhook;
+    }
+
+    /**
+     * 支持自定义消息发送
+     */
+    public void sendMessage(Message message) throws Exception {
+        if (message instanceof TextMessage) {
+            TextMessage textMessage = (TextMessage) message;
+            send(textMessage);
+        } else if (message instanceof MarkdownMessage) {
+            MarkdownMessage markdownMessage = (MarkdownMessage) message;
+            send(markdownMessage);
+        } else {
+            throw new RuntimeException("Unsupported message type");
+        }
+    }
+
+    /**
+     * 发送文本（简化调用）
+     */ 
+    public void sendText(String content) throws Exception {
+        sendText(content, null, null, false);
+    }
+  
+    public void sendText(String content, List<String> mentionedList, List<String> mentionedMobileList) throws Exception {
+        TextMessage textMessage = new TextMessage(content, mentionedList, mentionedMobileList, false);
+        send(textMessage);
+    }
+    
+    /**
+     * 发送消息的公共依赖底层代码
+     */
+    private void send(Message message) throws Exception {
+        String webhook = this.webhook;
+        String messageJsonObject = JSONUtil.toJsonStr(message);
+      	// 未传入配置，降级为从配置文件中寻找
+        if (StrUtil.isBlank(this.webhook)) {
+            try {
+                webhook = webhookConfig.getWebhook();
+            } catch (Exception e) {
+                log.error("没有找到配置项中的webhook,请检查：1.是否在application.yml中填写webhook 2.是否在spring环境下运行");
+                throw new RuntimeException(e);
+            }
+        }
+        OkHttpClient client = new OkHttpClient();
+        RequestBody body = RequestBody.create(
+                MediaType.get("application/json; charset=utf-8"),
+                messageJsonObject);
+        Request request = new Request.Builder()
+                .url(webhook)
+                .post(body)
+                .build();
+        try (Response response = client.newCall(request).execute()) {
+            if (response.isSuccessful()) {
+                log.info("消息发送成功");
+            } else {
+                log.error("消息发送失败，响应码：{}", response.code());
+                throw new Exception("消息发送失败，响应码：" + response.code());
+            }
+        } catch (IOException e) {
+            log.error("发送消息时发生错误:" + e);
+            throw new Exception("发送消息时发生错误", e);
+        }
+    }
+}
+```
+
+代码部分就到这里，是不是也没有很复杂？
+
+
+
+### 6、SDK 打包
+
+接下来就可以对 SDK 进行打包，然后本地使用或者上传到远程仓库了。
+
+SDK 的打包非常简单，通过 Maven 的 install 命令即可，SDK 的 jar 包就会被导入到你的本地仓库中。
+
+> 在打包前建议先执行 clean 来清理垃圾文件。 
+
+![](https://pic.yupi.icu/1/1697194173045-c3c994f0-9415-40f0-886a-5bc41cba9576.png)
+
+### 7、调用 SDK
+
+最后我们来调用自己写的 SDK，首先将你的 SDK 作为依赖引入到项目中，比如我们的接水提醒应用。
+
+引入代码如下：
+
+```xml
+<dependency>
+  <groupId>com.yupi</groupId>
+  <artifactId>rtx-robot</artifactId>
+  <version>1.0-SNAPSHOT</version>
+</dependency>
+```
+
+然后将之前复制的 webhook 写入到 Spring Boot 的配置文件中：
+
+```yaml
+wechatwork-bot:
+  webhook: 你的webhook地址
+```
+
+随后你就可以用依赖注入的方式得到一个消息发送者对象了：
+
+```java
+@Resource
+public RtxRobotMessageSender rtxRobotMessageSender;
+```
+
+当然你也可以选择在一个非 Spring 环境中手动创建对象，自己传入 webhook：
+
+```java
+String webhook = "你的webhook地址";
+RtxRobotMessageSender rtxRobotMessageSender = new RtxRobotMessageSender(webhook);
+```
+
+现在，就可以轻松实现我们之前提到的提醒接水工具了。
+
+这里我们就用最简单的方式，定义一个员工数组，分别对应到每周 X，然后用定时任务每日执行消息发送。
+
+示例代码如下：
+
+```java
+@Component
+public class WaterReminderTask {
+
+    @Resource
+    public RtxRobotMessageSender rtxRobotMessageSender;
+
+    private String[] names = {"员工a", "员工b", "员工c", "员工d", "员工e"};
+
+    @Scheduled(cron = "0 55 9 * * MON-FRI")
+    public void remindToGetWater() {
+        LocalDate today = LocalDate.now();
+        DayOfWeek dayOfWeek = today.getDayOfWeek();
+        String nameToRemind;
+        switch (dayOfWeek) {
+            case MONDAY:
+                nameToRemind = names[0];
+                break;
+            case TUESDAY:
+                nameToRemind = names[1];
+                break;
+            case WEDNESDAY:
+                nameToRemind = names[2];
+                break;
+            case THURSDAY:
+                nameToRemind = names[3];
+                break;
+            case FRIDAY:
+                nameToRemind = names[4];
+                break;
+            default:
+                return;
+        }
+      
+        String message = "提醒：" + nameToRemind + "，是你接水的时间了！";
+        rtxRobotMessageSender.sendText(message);
+    }
+}
+```
+
+
+
+好了，现在大家每天都有水喝了，真不错 👍🏻
+
+![](https://pic.yupi.icu/1/image-20231014154348045.png)
+
+
+
+## 最后
+
+虽然开发企微机器人 SDK 并不难，但想做一个完善的、易用的 SDK 还是需要两把刷子的，而且沉淀 SDK 对自己未来做项目帮助会非常大。
+
+希望本文对大家有帮助，学会的话 `点个赞`  或 `在看` 吧，谢谢大家~
+
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\345\277\253\351\200\237\345\255\246\344\274\232\344\270\272\345\274\200\346\272\220\351\241\271\347\233\256\345\201\232\350\264\241\347\214\256.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\277\253\351\200\237\345\255\246\344\274\232\344\270\272\345\274\200\346\272\220\351\241\271\347\233\256\345\201\232\350\264\241\347\214\256.md"
new file mode 100644
index 0000000..941ca46
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\345\277\253\351\200\237\345\255\246\344\274\232\344\270\272\345\274\200\346\272\220\351\241\271\347\233\256\345\201\232\350\264\241\347\214\256.md"
@@ -0,0 +1,85 @@
+# 快速学会为开源项目做贡献
+
+> 作者：[顾恙ツ](https://juejin.cn/user/128017175944557)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 2784
+
+1. 到 Github / Gitee 上寻找自己感兴趣的项目，这里拿一个鱼总的开源项目来进行演示，这里就拿 [yuindex](https://github.com/liyupi/yuindex) 来进行测试哈：
+
+
+
+[✨ 新项目 - 极客范儿的浏览器主页 💻 Vue 3 + Node.js 全栈项目，自实现 web 终端 + 命令系统](https://github.com/liyupi/yuindex)
+
+
+
+![img](https://pic.yupi.icu/5563/clip_image002.gif)
+
+
+
+2. 使用 git clone 自己本地仓库（[yuindex](https://github.com/liyupi/yuindex)）地址，把项目 clone 到自己的本地，也可以使用压缩包下载的方式
+
+
+
+![img](https://pic.yupi.icu/5563/clip_image004.gif)
+
+
+
+这里有两种方式：
+
+
+
+1、使用命令行 git clone +仓库地址
+
+
+
+2、使用 IDE 快速 clone 项目，箭头处填写项目地址
+
+
+
+![img](https://pic.yupi.icu/5563/clip_image006.gif)
+
+
+
+3. 关联上游的源项目 （方便拉取最新的代码）
+
+
+
+​		a.   在 IDEA 中打开 clone 项目，并点击下面的 Terminal （命令行窗口）
+
+
+
+​		b.   使用 git remote -v 查看所有远程库的远程地址,如果没有 upstream 地址需要使用命令 git remote add upstream + [源项目 URL] 进行 upstream 仓库的添加
+
+
+
+​		c.   使用 git remote -v 检查所有远程库的地址
+
+
+
+​		d.   使用 git fetch upstream 获取最新的代码
+
+
+
+​		e.   **注意事项：每次编写新功能需要从 Upstream 上边拉一下代码，然后创建新的分支进行开发**
+
+4. 在新的分支上开发好功能后，提交到自己的本地仓库中
+
+
+
+5. 在本地仓库创建 PR,选择自己要提交的分支，和需要合并到的源仓库分支
+
+
+
+![img](https://pic.yupi.icu/5563/clip_image008.gif)
+
+
+
+![img](https://pic.yupi.icu/5563/clip_image010.gif)![img](https://pic.yupi.icu/5563/clip_image012.gif)
+
+
+
+6. 等待仓库审核者的测试和评审，注意需要及时查看审核者的评论 dog （对自己的 PR 负责）
+
+7. **踩坑事项，如果在一个分支上多次提交，第二次提交会带上前面的内容 ,解决方案如下：**
+
+​	[Git 最重要最常用的场景使用与对应命令-PR修改提交](http://invalid.uri)
+
+8. 这里附上一篇文章，[如何在 Github 上规范地提交 PR（图文详解）](https://zhuanlan.zhihu.com/p/584834288)
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\346\225\264\345\220\210Spring JDBC\346\223\215\344\275\234\346\225\260\346\215\256\345\272\223.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\346\225\264\345\220\210Spring JDBC\346\223\215\344\275\234\346\225\260\346\215\256\345\272\223.md"
new file mode 100644
index 0000000..a01db44
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\346\225\264\345\220\210Spring JDBC\346\223\215\344\275\234\346\225\260\346\215\256\345\272\223.md"	
@@ -0,0 +1,416 @@
+# 整合Spring JDBC操作数据库
+
+> 作者：[无题.](https://blog.csdn.net/m0_60496161?type=blog)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 4838
+
+## 整合Spring JDBC操作数据库
+
+本文讲解原生态spring boot jdbc操作数据库的方式，现在大家开发项目的时候，一般都会使用orm持久化框架在操作数据库，但是对于其底层jdbc技术，我们也是需要了解掌握的，可以扩展大家的技术面帮助我们系统的学习spring boot开发知识， 在开发中更加灵活地操作数据库。
+
+# 整合Spring JDBC操作数据库
+
+# 文章引入
+
+本文讲解原生态spring boot jdbc操作数据库的方式，现在大家开发项目的时候，一般都会使用orm持久化框架在操作数据库，但是对于其底层jdbc技术，我们也是需要了解掌握的，可以扩展大家的技术面帮助我们系统的学习spring boot开发知识， 在开发中更加灵活地操作数据库。如果有兴趣的话，不妨读一读下文~
+
+# 什么是JDBC?
+
+JDBC（Java DataBase Connectivity）是一种用于**执行SQL语句的Java API**，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC提供了一种基准，据此可以构建更高级的工具和接口，使数据库开发人员能够编写数据库应用程序。
+
+> 什么是持久层：在后面的章节我会经常用到持久层这个词，持久层就是指对数据进行持久化操作的代码，比如将数据保存到数据库、文件、磁盘等操作都是持久层操作。所谓持久就是保存起来的意思。对于web应用最常用的持久层框架就是JDBC、Mybatis、JPA。
+
+# 使用jdbc操作数据库的步骤
+
+需要7步：
+
+1. 加载数据库驱动
+2. 建立数据库连接
+3. 创建数据库操作对象
+4. 定义操作SQL语句
+5. 执行数据库操作
+6. 获取并操作结果集
+7. 关闭对象，回收资源
+
+```Java
+try {
+
+    // 1、加载数据库驱动
+    Class.forName(driver);
+
+    // 2、获取数据库连接
+    conn = DriverManager.getConnection(url, username, password);
+
+    // 3、获取数据库操作对象
+    stmt = conn.createStatement();
+
+    // 4、定义操作的 SQL 语句
+    String sql = "select * from user where id = 6";
+
+    // 5、执行数据库操作
+    rs = stmt.executeQuery(sql);
+
+    // 6、获取并操作结果集
+    while (rs.next()) {
+
+    // 解析结果集
+
+    }
+
+} catch (Exception e) {
+    // 日志信息
+} finally {
+    // 7、关闭资源
+}
+```
+
+通过上面的示例可以看出直接使用 JDBC 来操作数据库比较复杂。为此，Spring Boot 针对 JDBC 的使用提供了对应的 Starter 包：spring-boot-starter-jdbc，它其实就是在 Spring JDBC 上做了进一步的封装，方便在 Spring Boot 生态中更好的使用 JDBC
+
+> 不论是JDBC，还是封装之后的Spring JDBC，直接操作数据库都比较麻烦。如果企业有成熟的ORM知识积累，并且无特殊需求，不建议直接使用JDBC操作数据库。
+
+# 将Spring JDBC集成到Spring boot项目
+
+1. 引入依赖
+
+```XML
+<dependency>
+    <groupId>org.springframework.boot</groupId>
+    <artifactId>spring-boot-starter-jdbc</artifactId>
+</dependency>
+<dependency>
+    <groupId>mysql</groupId>
+    <artifactId>mysql-connector-java</artifactId>
+</dependency>
+```
+
+1. 修改yml配置文件，增加数据库连接、用户名密码等信息
+
+```YAML
+  datasource:
+    driver-class-name: com.mysql.cj.jdbc.Driver
+    url: jdbc:mysql://localhost:3306/test_db?useSSL=false&useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2B8
+    username: root
+    password: 123456
+```
+
+# spring boot jdbc 基础代码
+
+1. 首先我们新建一张测试表article并且定义好对应的实体类。
+
+![image.png](https://pic.yupi.icu/5563/202311052039742.png)
+
+```SQL
+CREATE TABLE `article` (
+  `id` INT(11) NOT NULL AUTO_INCREMENT,
+  `author` VARCHAR(32) NOT NULL,
+  `title` VARCHAR(32) NOT NULL,
+  `content` VARCHAR(512) NOT NULL,
+  `create_time` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  PRIMARY KEY (`id`)
+)
+COMMENT='文章'
+ENGINE=InnoDB;
+```
+
+1. DAO层代码:
+
+- jdbcTemplate.update适合于insert 、update和delete操作；
+- jdbcTemplate.queryForObject用于查询单条记录返回结果
+- jdbcTemplate.query用于查询结果列表
+- BeanPropertyRowMapper可以将数据库字段的值向Article对象映射，**满足驼峰标识也可以自动映射。如:数据库create_time字段映射到createTime属性。**
+
+```Java
+@Repository  //持久层依赖注入注解
+public class ArticleJDBCDAO {
+
+    @Resource
+    private JdbcTemplate jdbcTemplate;
+
+    //保存文章
+    public void save(Article article) {
+        //jdbcTemplate.update适合于insert 、update和delete操作；
+        jdbcTemplate.update("INSERT INTO article(author, title,content,create_time) values(?, ?, ?, ?)",
+                article.getAuthor(),
+                article.getTitle(),
+                article.getContent(),
+                article.getCreateTime());
+
+    }
+
+    //删除文章
+    public void deleteById(Long id) {
+        //jdbcTemplate.update适合于insert 、update和delete操作；
+        jdbcTemplate.update("DELETE FROM article WHERE id = ?",id);
+
+    }
+
+    //更新文章
+    public void updateById(Article article) {
+        //jdbcTemplate.update适合于insert 、update和delete操作；
+        jdbcTemplate.update("UPDATE article SET author = ?, title = ? ,content = ?,create_time = ? WHERE id = ?",
+                article.getAuthor(),
+                article.getTitle(),
+                article.getContent(),
+                article.getCreateTime(),
+                article.getId());
+
+    }
+
+    //根据id查找文章
+    public Article findById(Long id) {
+        //queryForObject用于查询单条记录返回结果
+        return (Article) jdbcTemplate.queryForObject("SELECT * FROM article WHERE id=?",
+        new Object[]{id},new BeanPropertyRowMapper<>(Article.class));
+    }
+
+    //查询所有
+    public List<Article> findAll(){
+        //query用于查询结果列表
+        return (List<Article>) jdbcTemplate.query("SELECT * FROM article ",  new BeanPropertyRowMapper<>(Article.class));
+    }
+
+
+}
+```
+
+1. service层操作JDBC持久层
+
+```Java
+@Slf4j
+@Service   //服务层依赖注入注解
+public class ArticlleJDBCService  implements  ArticleService  {
+
+    @Resource
+    private
+    ArticleJDBCDAO articleJDBCDAO;
+
+    @Transactional
+    public void saveArticle( Article article) {
+        articleJDBCDAO.save(article);
+        //int a = 2/0；  //人为制造一个异常，用于测试事务
+        
+    }
+
+    public void deleteArticle(Long id){
+        articleJDBCDAO.deleteById(id);
+    }
+
+    public void updateArticle(Article article){
+        articleJDBCDAO.updateById(article);
+    }
+
+    public Article getArticle(Long id){
+        return articleJDBCDAO.findById(id);
+    }
+
+    public List<Article> getAll(){
+        return articleJDBCDAO.findAll();
+    }
+}
+```
+
+1. 在Controller层调用service接口的方法即可。
+
+spring jdbc可以自动实现数据库下划线命名法转成实体类的驼峰命名：注意在sql语句里的字段名一定是数据库的字段名即可。
+
+测试数据：
+
+```JSON
+{
+  "author": "xhl",
+  "title": "Sample Article",
+  "content": "This is the content of the article.",
+  "createTime": "2023-11-05 15:30:00"
+  
+}
+```
+
+![image.png](https://pic.yupi.icu/5563/202311052039732.png)
+
+![image.png](https://pic.yupi.icu/5563/202311052039720.png)
+
+![image.png](https://pic.yupi.icu/5563/202311052039714.png)
+
+## 测试事务
+
+- 重点测试一下事务的回滚，人为制造一个被除数为0的异常。
+- 在saveArticle方法上使用了@Trasactional注解，该注解基本功能为事务管理，保证saveArticle方法一旦有异常，所有的数据库操作就回滚。
+
+使用事务注解测试一下：测试成功
+
+![image.png](https://pic.yupi.icu/5563/202311052039711.png)
+
+![image.png](https://pic.yupi.icu/5563/202311052039777.png)
+
+![image.png](https://pic.yupi.icu/5563/202311052039057.png)
+
+# Spring JDBC多数据源的实现
+
+随着应用的数据量增多，很可能会**采用数据分库存储的方案**，所以说对于我们的持久层代码可能面临在一个服务函数中操作多个数据库的场景。
+
+![image.png](https://pic.yupi.icu/5563/202311052039127.png)
+
+## 一、配置多个数据源
+
+application.yml配置2个数据源，第一个叫做primary，第二个叫做secondary。注意两个数据源连接的是不同的库
+
+```YAML
+  datasource:
+    primary:
+      driver-class-name: com.mysql.cj.jdbc.Driver
+      jdbc-url: jdbc:mysql://localhost:3306/test_db?useSSL=false&useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2B8
+      username: root
+      password: 123456
+    secondary:
+      driver-class-name: com.mysql.cj.jdbc.Driver
+      jdbc-url: jdbc:mysql://localhost:3306/xuexi?useSSL=false&useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2B8
+      username: root
+      password: 123456
+```
+
+## 二、通过Java Config将数据源注入到Spring上下文。
+
+![image.png](https://pic.yupi.icu/5563/202311052039322.png)
+
+- primaryJdbcTemplate使用primaryDataSource数据源操作数据库test_db。
+- secondaryJdbcTemplate使用secondaryDataSource数据源操作数据库xuexi。
+
+```Java
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.boot.jdbc.DataSourceBuilder;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.annotation.Primary;
+import org.springframework.jdbc.core.JdbcTemplate;
+
+import javax.sql.DataSource;
+
+@Configuration
+public class DataSourceConfig {
+    @Primary
+    @Bean(name = "primaryDataSource")
+    @ConfigurationProperties(prefix="spring.datasource.primary")   //test_db
+    public DataSource primaryDataSource() {
+        return DataSourceBuilder.create().build();
+    }
+
+    @Bean(name = "secondaryDataSource")
+    @ConfigurationProperties(prefix="spring.datasource.secondary")   //xuexi
+    public DataSource secondaryDataSource() {
+        return DataSourceBuilder.create().build();
+    }
+
+    @Bean(name="primaryJdbcTemplate")
+    public JdbcTemplate primaryJdbcTemplate (@Qualifier("primaryDataSource") DataSource dataSource ) {
+        return new JdbcTemplate(dataSource);
+    }
+
+    @Bean(name="secondaryJdbcTemplate")
+    public JdbcTemplate secondaryJdbcTemplate(@Qualifier("secondaryDataSource") DataSource dataSource) {
+        return new JdbcTemplate(dataSource);
+    }
+}
+```
+
+- primaryDataSource和secondaryDataSource都是DataSource接口的**实例化对象（Bean）**
+- @Primary注解的作用是当一个接口有多个实现类的时候，我们在主实现类对象的上面加上这个注解。表示当Spring如果只能选一个实现进行依赖注入的时候，就选@Primary标识的这个Bean。（如果这个项目只使用一个数据源，那就是primaryDataSource）
+- @Qualifier明确通过编码的形式说明，当一个接口有多个实现类对象Bean的时候，我要使用哪一个Bean。
+
+这个配置类定义了两个数据源（DataSource）和对应的两个JdbcTemplate实例，分别用于操作两个不同的数据库。
+
+首先，使用`@Configuration`注解将该类标记为配置类，告诉Spring容器这是一个用于配置Bean的类。
+
+接下来，使用`@Primary`注解标记`primaryDataSource()`方法，表示该方法返回的数据源是主要的数据源。在Spring中，如果存在多个同类型的Bean时，通过`@Primary`注解可以指定默认使用的Bean。
+
+`primaryDataSource()`方法使用了`@Bean`注解将返回的数据源Bean注册到Spring容器中，并使用`@ConfigurationProperties`注解指定了数据源的配置前缀。这意味着Spring将根据配置文件中以`spring.datasource.primary`开头的属性来自动装配数据源的配置。
+
+类似地，`secondaryDataSource()`方法定义了返回次要数据源的Bean，并使用了`@ConfigurationProperties`注解指定了配置前缀。
+
+接下来，定义了两个JdbcTemplate实例的Bean。`primaryJdbcTemplate()`方法使用了`@Qualifier`注解，并指定了其中一个数据源Bean的名称`primaryDataSource`，表示使用名为`primaryDataSource`的数据源创建JdbcTemplate实例。同样，`secondaryJdbcTemplate()`方法使用了`@Qualifier`注解，并指定了另一个数据源Bean的名称`secondaryDataSource`。
+
+通过这样的配置，当需要使用`primaryJdbcTemplate`时，Spring会自动从容器中获取名为`primaryDataSource`的数据源，并使用该数据源创建一个JdbcTemplate实例。同样，获取`secondaryJdbcTemplate`时会自动获取名为`secondaryDataSource`的数据源。
+
+在测试类中，通过`@Resource`注解将`primaryJdbcTemplate`和`secondaryJdbcTemplate`注入到`articleJDBCDAO`中。这样，`articleJDBCDAO`就可以使用这两个JdbcTemplate实例来操作不同的数据库，并通过调用`save()`方法将数据保存到相应的数据库中。
+
+## 三、ArticleJDBCDAO改造
+
+1. 注入primaryJdbcTemplate作为默认的数据库操作对象。
+2. 将jdbcTemplate作为参数传入ArticleJDBCDAO的方法，**不同的template操作不同的库**。
+
+```Java
+    @Resource
+//    private JdbcTemplate jdbcTemplate;
+    private JdbcTemplate primaryJdbcTemplate;
+
+
+    //保存文章
+    //以保存文章为例，新增一个参数：jdbcTemplate ，其他的方法照做
+    public void save(Article article, JdbcTemplate jdbcTemplate) {
+        if (jdbcTemplate == null) {//判断新增参数不能为空，如果为空使用primaryJdbcTemplate
+            jdbcTemplate = primaryJdbcTemplate;
+        }
+
+
+        jdbcTemplate.update(
+                "insert into article(author,title,content,create_time) values(?,?,?,?)",
+                article.getAuthor(),
+                article.getTitle(),
+                article.getContent(),
+                article.getCreateTime()
+        );
+
+
+    }
+```
+
+## 四、测试同时向两个数据库保存数据
+
+加入如下单元测试类，并进行测试。正常情况下，在test_db和xuexi数据库的article表，将分别插入一条数据，表示多数据源测试成功。
+
+注意在注入jdbctemplate的时候需要对应好配置类写的名字
+
+```Java
+@SpringBootTest
+public class SpringJdbcTest {
+
+    @Resource
+    private ArticleJDBCDAO articleJDBCDAO;
+    @Resource
+    private JdbcTemplate primaryJdbcTemplate;
+    @Resource
+    private JdbcTemplate secondaryJdbcTemplate;
+
+
+    @Test
+    public void testJdbc() {
+        articleJDBCDAO.save(
+                Article.builder()
+                        .author("xhl").title("primaryJdbcTemplate").content("测试").createTime(new Date())
+                        .build(),
+                primaryJdbcTemplate);
+        articleJDBCDAO.save(
+                Article.builder()
+                        .author("xhl").title("secondaryJdbcTemplate").content("测试").createTime(new Date())
+                        .build(),
+                secondaryJdbcTemplate);
+    }
+```
+
+### bug
+
+jdbcUrl is required with driverClassName.”
+
+https://blog.csdn.net/weixin_40085570/article/details/80968099
+
+解决：springboot 升级到2.0之后发现配置多数据源的时候报错,把配置url改成jdbc-url即可
+
+![image.png](https://pic.yupi.icu/5563/202311052039418.png)
+
+保存成功：
+
+![image.png](https://pic.yupi.icu/5563/202311052039414.png)
+
+![image.png](https://pic.yupi.icu/5563/202311052039470.png)
+
+总结
+
+至此，大家已经掌握了如何在spring boot中使用spring-jdbc操作数据以及配置多数据源，像多个数据库插入数据，为后续分库分表的操作打下基础。多实践，多敲代码，会越来越好~⚛️
\ No newline at end of file
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250@Validated\346\263\250\350\247\243\345\256\236\347\216\260\351\235\236\347\251\272\346\240\241\351\252\214.md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250@Validated\346\263\250\350\247\243\345\256\236\347\216\260\351\235\236\347\251\272\346\240\241\351\252\214.md"
new file mode 100644
index 0000000..144e938
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250@Validated\346\263\250\350\247\243\345\256\236\347\216\260\351\235\236\347\251\272\346\240\241\351\252\214.md"
@@ -0,0 +1,135 @@
+# 用@Validated注解实现非空校验
+
+> 作者：[平安](https://github.com/lizhe-0423)，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 15592
+
+## 文章背景
+
+
+
+首先我们在看鱼皮🐟的项目时 经常发现 关于一些校验我们都是采用手写的方式
+
+
+
+像这样：
+
+
+
+![img](https://pic.yupi.icu/5563/202311030940342.gif)
+
+
+
+或者这样：
+
+
+
+![img](https://pic.yupi.icu/5563/202311030940363.gif)
+
+
+
+（大家能够看的出来上面代码片段出自哪个项目嘛？）
+
+
+
+### 先说结论
+
+
+
+关于上述写法的优点就是灵活，当然也有缺点：
+
+
+
+我们需要在每一个Controller都要进行一次这样的校验，甚至每一个Service层同样的要进行如下的校验（非常繁琐、甚至容易遗忘）
+
+
+
+**那么有没有一种什么更好的方式呢？@Validated 注解 ！**
+
+
+
+## @Validated 注解使用
+
+
+
+![img](https://pic.yupi.icu/5563/202311030940369.gif)
+
+
+
+1）首先从控制层上接收参数那里添加上这段@Validated 注解
+
+
+
+2）然后相对应的实体类 去加上注解就可以生效了！
+
+
+
+![img](https://pic.yupi.icu/5563/202311030940373.gif) 
+
+
+
+然后当我们在使用的时候就会发现：
+
+
+
+![img](https://pic.yupi.icu/5563/202311030940372.gif)
+
+
+
+![img](https://pic.yupi.icu/5563/202311030940373.gif)
+
+
+
+**直接就会报错 然后返回给前端错误信息（以上统一封装了错误信息）**
+
+
+
+**除此之外关于@Validated 还有如下注解可以一起使用！**
+
+
+
+**各位🐟油们,大家也快去试一试吧！**
+
+
+
+```java
+空检查
+ @Null  验证对象是否为null
+ @NotNull 验证对象是否不为null, 无法查检长度为0的字符串
+ @NotBlank 检查约束字符串是不是Null还有被Trim的长度是否大于0,只对字符串,且会去掉前后空格.
+ @NotEmpty    检查约束元素是否为NULL或者是EMPTY. 
+
+ Booelan检查
+ @AssertTrue   验证 Boolean 对象是否为 true 
+ @AssertFalse 验证 Boolean 对象是否为 false 
+
+ 长度检查
+ @Size(min=, max=)    验证对象（Array,Collection,Map,String）长度是否在给定的范围之内 
+ @Length(min=, max=) 验证注解的元素值长度在min和max区间内
+
+ 日期检查
+ @Past    验证 Date 和 Calendar 对象是否在当前时间之前 
+ @Future   验证 Date 和 Calendar 对象是否在当前时间之后 
+ @Pattern 验证 String 对象是否符合正则表达式的规则
+
+ 数值检查，建议使用在Stirng,Integer类型，不建议使用在int类型上，因为表单值为“”时无法转换为int，但可以转换为Stirng为"",Integer为null
+ @Min    验证 Number 和 String 对象是否大等于指定的值 
+ @Max    验证 Number 和 String 对象是否小等于指定的值 
+ @DecimalMax 被标注的值必须不大于约束中指定的最大值. 这个约束的参数是一个通过BigDecimal定义的最大值的字符串表示.小数存在精度
+ @DecimalMin 被标注的值必须不小于约束中指定的最小值. 这个约束的参数是一个通过BigDecimal定义的最小值的字符串表示.小数存在精度
+ @Digits     验证 Number 和 String 的构成是否合法 
+ @Digits(integer=,fraction=) 验证字符串是否是符合指定格式的数字，interger指定整数精度，fraction指定小数精度。
+
+ @Range(min=, max=) 验证注解的元素值在最小值和最大值之间
+ @Range(min=10000,max=50000,message="range.bean.wage")
+ private BigDecimal wage;
+
+ @Valid 递归的对关联对象进行校验, 如果关联对象是个集合或者数组,那么对其中的元素进行递归校验,如果是一个map,则对其中的值部分进行校验.(是否进行递归验证)
+ @CreditCardNumber信用卡验证
+ @Email 验证是否是邮件地址，如果为null,不进行验证，算通过验证。
+ @ScriptAssert(lang= ,script=, alias=)
+ @URL(protocol=,host=, port=,regexp=, flags=)
+
+ 
+```
+
+
+
diff --git "a/\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250\345\233\233\347\247\215\351\224\201\345\256\236\347\216\260\345\212\240\345\205\245\351\230\237\344\274\215\345\212\237\350\203\275(\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237).md" "b/\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250\345\233\233\347\247\215\351\224\201\345\256\236\347\216\260\345\212\240\345\205\245\351\230\237\344\274\215\345\212\237\350\203\275(\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237).md"
new file mode 100644
index 0000000..80254af
--- /dev/null
+++ "b/\347\237\245\350\257\206\347\242\216\347\211\207/\347\224\250\345\233\233\347\247\215\351\224\201\345\256\236\347\216\260\345\212\240\345\205\245\351\230\237\344\274\215\345\212\237\350\203\275(\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237).md"
@@ -0,0 +1,390 @@
+# 用四种锁实现加入队伍功能(伙伴匹配系统)
+
+> 作者：长风，[编程导航星球](https://wx.zsxq.com/dweb2/index/group/51122858222824) 编号 26376
+
+## 一、为什么要对加入队伍功能上锁？
+
+首先，要知道我们在Controller中写的代码默认是线程不安全的。在SpringBoot应用程序中，Controller实例默认都是单例对象。每当收到一个Http请求时，容器会通过反射机制调用相应的Controller方法。由于Controller是单例的，多个请求将同时访问一个Controller实例。
+
+同一个用户的多次点击加入队伍按钮，或者不同用户同一时间点击加入队伍按钮，都会导致多个线程在访问Controller中的代码，然后就可能会出现线程不安全的问题。
+
+例如：
+
+伪代码：
+
+1.从mysql中读取队伍的人数
+
+2.判断一个队伍是否满员？
+
+3.不满员就插入数据，满员就返回加入队伍失败
+
+假如现在队伍人数是4/5，当前有两个用户同时点击加入队伍按钮。两个用户的请求同时到代码2发现没有满员，然后同时执行代码3将用户数据插入队伍中。就会出现队伍人数是6/5的情况。所以就需要上锁。
+
+## 二、上锁实现方式1：单机锁-让所有用户的所有请求共用一个锁
+
+### 2.1实现方式：
+
+使用synchronized (this)添加同步锁，这里的this就是通过@Service创建的TeamServiceImpl对象，是一个单例对象。保证了所有用户的请求都是同一把锁。
+
+### 2.2应用场景：
+
+比如功能要求是判断一个队伍是否满员，满员不允许加入队伍，这种功能场景需要所有用户同一把锁。就可以使用。
+
+### 2.3实现代码：
+
+(只显示部分代码，附录有完整代码)：  
+
+```java
+
+synchronized (this) {
+    // 判断队伍是否已满
+    // 从MySQL中读取队伍中人数
+    long teamUserNums = this.countTeamUserByTeamId(teamId);
+    
+    // 判断是否满员
+    if (teamUserNums >= team.getMaxNum()) {
+        throw new BusinessException(ErrorCode.PARAMS_ERROR, "队伍已满");
+    }
+    
+    UserTeam userTeam = new UserTeam();
+    userTeam.setTeamId(teamId);
+    userTeam.setUserId(userId);
+    userTeam.setJoinTime(new Date());
+    
+    // 插入数据
+    return userTeamService.save(userTeam);
+}
+
+```
+
+
+
+### 2.4测试方式：
+
+写完代码了，怎么测试一下是否有效果呢，可以在插入数据之前加入一个线程睡眠Thread.sleep(5000)，保证两次请求可以同时执行插入数据代码。然后在本地可以用两个浏览器模拟两个用户同时点击的情况，同时点击加入队伍按钮。与原始代码对比。发现原始代码中会出现超员的情况，而现在的代码不会出现超员的情况。
+
+ps：为什么要使用两个浏览器模拟两个用户？用一个浏览器新建两个窗口不行吗？
+
+伙伴匹配系统是基于session保存用户信息的，目前我做实验得知，一个浏览器对应一个sessionId，即对应一个用户。在一个浏览器中建立多个窗口都都对应的是同一个sessionId。
+
+## 三、上锁实现方式2：单机锁-同一个用户的所有请求共用一个锁
+
+### 3.1实现方式：
+
+这里需要保证每一个用户的请求是共用一把锁，就不能再用synchronized(this)了。应该
+
+用一个每一个用户独有的一个信息去做一把锁。这里我使用的是synchronized (userId.toString().intern())
+
+疑问1：为什么使用这个就可以解决一个用户一把锁问题
+
+首先使用userId以区分每个用户，然后使用intern可以取出字符串常量池中的字符串对象地址，比如userId是1，每次的都是字符串常量池中“1”这个字符串对象的地址。众所周知，字符串常量池中的元素是唯一的，保证了同一Id用户的每次请求的锁对象都是相同的。
+
+疑问2：为什么不使用synchronized (userId)
+
+因为每次获取的userId对象地址都不同。这里每次都会new一个新的Long对象。
+
+疑问3：为什么不使用synchronized (userId.toString())
+
+to.String()方法会new一个String而不是直接从常量池中取出引用地址，虽然每次userId都相同，但是toString方法获取的字符串对象引用都不同。
+
+### 3.2应用场景：
+
+比如功能要求是判断一个用户最多加入了几个队伍或者判断一个用户是否有重复加入该队伍，这种功能场景当前用户的信息不会与其他用户的信息相互影响。所以就可以一个用户一把锁。
+
+### 3.3实现代码：
+
+```java
+
+Long userId = loginUser.getId();
+
+synchronized (userId.toString().intern()) {
+    // 判断加入队伍数量是否已超出5个
+    LambdaQueryWrapper<UserTeam> wrapper = new LambdaQueryWrapper<>();
+    wrapper.eq(UserTeam::getUserId, userId);
+    
+    long hasJoinNum = userTeamService.count(wrapper);
+    
+    if (hasJoinNum > 5) {
+        throw new BusinessException(ErrorCode.PARAMS_ERROR, "最多创建和加入5个队伍");
+    }
+    
+    // 插入数据
+    return userTeamService.save(userTeam);
+}
+
+```
+
+
+
+## 四、上锁实现方式3：分布式锁-多机部署环境下所有用户的所有请求共用一个锁
+
+### 4.1实现方式：
+
+使用Redis实现分布式锁。可以使用Redisson组件实现分布式锁。
+
+### 4.2应用场景：
+
+1.与加锁方式一相比，主要体现在分布式场景下使用。
+
+2.所有用户的请求共用一把锁
+
+### 4.3实现代码：
+
+```java
+
+RLock lock = redissonClient.getLock("yupao:team:joinTeam");
+
+try {
+    while (true) {
+        if (lock.tryLock(0, -1, TimeUnit.MILLISECONDS)) {
+            System.out.println("getLock: " + Thread.currentThread().getId());
+            
+            // 判断队伍是否已满
+            long teamUserNums = this.countTeamUserByTeamId(teamId);
+            if (teamUserNums >= team.getMaxNum()) {
+                throw new BusinessException(ErrorCode.PARAMS_ERROR, "队伍已满");
+            }
+            
+            UserTeam userTeam = new UserTeam();
+            userTeam.setTeamId(teamId);
+            userTeam.setUserId(userId);
+            userTeam.setJoinTime(new Date());
+            return userTeamService.save(userTeam);
+        }
+    }
+} catch (InterruptedException e) {
+    log.error("The lock 'yupao:team:joinTeam' had a error ", e);
+    return false;
+} finally {
+    // 释放锁，只能释放自己的锁
+    if (lock.isHeldByCurrentThread()) {
+        System.out.println("unLock" + Thread.currentThread().getId());
+        lock.unlock();
+    }
+}
+```
+
+
+
+## 五、上锁实现方式4：分布式锁-多机部署环境下同一个用户的所有请求共用一个锁
+
+### 5.1实现方式：
+
+1.使用Redis实现分布式锁。可以使用Redisson组件实现分布式锁。
+
+2.在redis中存储的锁的key加上userId。
+
+### 5.2应用场景：
+
+1.与加锁方式二相比，主要体现在分布式场景下使用。
+
+2.一个用户一把锁
+
+### 5.3实现代码：
+
+```java
+
+Long userId = loginUser.getId();
+RLock lock = redissonClient.getLock("yupao:team:joinTeam:userId");
+
+try {
+    while (true) {
+        if (lock.tryLock(0, -1, TimeUnit.MILLISECONDS)) {
+            System.out.println("getLock: " + Thread.currentThread().getId());
+            
+            // 判断加入队伍数量是否已超出5个
+            LambdaQueryWrapper<UserTeam> wrapper = new LambdaQueryWrapper<>();
+            wrapper.eq(UserTeam::getUserId, userId);
+            
+            long hasJoinNum = userTeamService.count(wrapper);
+            
+            if (hasJoinNum > 5) {
+                throw new BusinessException(ErrorCode.PARAMS_ERROR, "最多创建和加入5个队伍");
+            }
+            
+            // 插入数据
+            return userTeamService.save(userTeam);
+        }
+    }
+} catch (InterruptedException e) {
+    log.error("The lock 'yupao:team:joinTeam' had a error ",e);
+    return false;
+} finally {
+    // 释放锁，只能释放自己的锁
+    if (lock.isHeldByCurrentThread()) {
+        System.out.println("unLock"+Thread.currentThread().getId());
+        lock.unlock();
+    }
+}
+
+```
+
+
+
+# 六、待完善
+
+1.方式1和方式2的单机锁虽然解决了线程不安全问题，但是也引入了一个新问题就是如果第一个拿到锁的任务出现了阻塞情况，会导致整个功能卡主之后的请求都没有相应。对锁可以添加一个使用时间，一定时间之后自动释放锁，防止出现拿到锁的线程出现阻塞的情况。
+
+# 七、附录：完整代码
+
+## 7.1单机锁-让所有用户的所有请求共用一个锁
+
+```java
+
+public boolean joinTeam(TeamJoinRequest teamJoinRequest, User loginUser) {
+    if (teamJoinRequest == null) {
+        throw new BusinessException(ErrorCode.PARAMS_ERROR);
+    }
+
+    if (loginUser == null) {
+        throw new BusinessException(ErrorCode.NOT_LOGIN);
+    }
+
+    Long teamId = teamJoinRequest.getTeamId();
+    Team team = this.getById(teamId);
+    long userId = loginUser.getId();
+
+    // 判断加入的队伍是否过期
+    Date expireTime = team.getExpireTime();
+    if (expireTime != null && expireTime.before(new Date())) {
+        throw new BusinessException(ErrorCode.SYSTEM_ERROR, "队伍已过期");
+    }
+
+    // 判断是否是私有队伍
+    Integer status = team.getStatus();
+    TeamStatusEnum teamStatusEnum = TeamStatusEnum.getEnumByValue(status);
+    if (TeamStatusEnum.PRIVATE.equals(teamStatusEnum)) {
+        throw new BusinessException(ErrorCode.PARAMS_ERROR, "禁止加入私有队伍");
+    }
+
+    String password = teamJoinRequest.getPassword();
+    if (TeamStatusEnum.SECRET.equals(teamStatusEnum)) {
+        if (StringUtils.isBlank(password) || !password.equals(team.getPassword())) {
+            throw new BusinessException(ErrorCode.PARAMS_ERROR, "密码错误");
+        }
+    }
+
+    synchronized (this) {
+        // 每个人最多参加5个队伍
+        LambdaQueryWrapper<UserTeam> wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(UserTeam::getUserId, userId);
+        long hasJoinNum = userTeamService.count(wrapper);
+        if (hasJoinNum > 5) {
+            throw new BusinessException(ErrorCode.PARAMS_ERROR, "最多创建和加入5个队伍");
+        }
+
+        // 不能重复入队
+        wrapper = new LambdaQueryWrapper<>();
+        wrapper.eq(UserTeam::getUserId, userId).eq(UserTeam::getTeamId, teamId);
+        long hasUserJoinTeam = userTeamService.count(wrapper);
+        if (hasUserJoinTeam > 0) {
+            throw new BusinessException(ErrorCode.PARAMS_ERROR, "用户已加入该队伍");
+        }
+
+        // 队伍是否已满
+        long teamUserNums = this.countTeamUserByTeamId(teamId);
+        if (teamUserNums >= team.getMaxNum()) {
+            throw new BusinessException(ErrorCode.PARAMS_ERROR, "队伍已满");
+        }
+
+        UserTeam userTeam = new UserTeam();
+        userTeam.setTeamId(teamId);
+        userTeam.setUserId(userId);
+        userTeam.setJoinTime(new Date());
+
+        return userTeamService.save(userTeam);
+    }
+}
+
+```
+
+
+
+## 7.2分布式锁-多机部署环境下所有用户的所有请求共用一个锁
+
+```java
+
+public boolean joinTeam(TeamJoinRequest teamJoinRequest, User loginUser) {
+    if (teamJoinRequest == null) {
+        throw new BusinessException(ErrorCode.PARAMS_ERROR);
+    }
+
+    if (loginUser == null) {
+        throw new BusinessException(ErrorCode.NOT_LOGIN);
+    }
+
+    Long teamId = teamJoinRequest.getTeamId();
+    Team team = this.getById(teamId);
+
+    // 判断加入的队伍是否过期
+    Date expireTime = team.getExpireTime();
+    if (expireTime != null && expireTime.before(new Date())) {
+        throw new BusinessException(ErrorCode.SYSTEM_ERROR, "队伍已过期");
+    }
+
+    // 判断是否是私有队伍
+    Integer status = team.getStatus();
+    TeamStatusEnum teamStatusEnum = TeamStatusEnum.getEnumByValue(status);
+    if (TeamStatusEnum.PRIVATE.equals(teamStatusEnum)) {
+        throw new BusinessException(ErrorCode.PARAMS_ERROR, "禁止加入私有队伍");
+    }
+
+    String password = teamJoinRequest.getPassword();
+    if (TeamStatusEnum.SECRET.equals(teamStatusEnum)) {
+        if (StringUtils.isBlank(password) || !password.equals(team.getPassword())) {
+            throw new BusinessException(ErrorCode.PARAMS_ERROR, "密码错误");
+        }
+    }
+
+    long userId = loginUser.getId();
+    RLock lock = redissonClient.getLock("yupao:team:joinTeam");
+
+    try {
+        while (true) {
+            if (lock.tryLock(0, -1, TimeUnit.MILLISECONDS)) {
+                System.out.println("getLock: " + Thread.currentThread().getId());
+
+                // 每个人最多参加5个队伍
+                LambdaQueryWrapper<UserTeam> wrapper = new LambdaQueryWrapper<>();
+                wrapper.eq(UserTeam::getUserId, userId);
+                long hasJoinNum = userTeamService.count(wrapper);
+                if (hasJoinNum > 5) {
+                    throw new BusinessException(ErrorCode.PARAMS_ERROR, "最多创建和加入5个队伍");
+                }
+
+                // 不能重复入队
+                wrapper = new LambdaQueryWrapper<>();
+                wrapper.eq(UserTeam::getUserId, userId).eq(UserTeam::getTeamId, teamId);
+                long hasUserJoinTeam = userTeamService.count(wrapper);
+                if (hasUserJoinTeam > 0) {
+                    throw new BusinessException(ErrorCode.PARAMS_ERROR, "用户已加入该队伍");
+                }
+
+                // 队伍是否已满
+                long teamUserNums = this.countTeamUserByTeamId(teamId);
+                if (teamUserNums >= team.getMaxNum()) {
+                    throw new BusinessException(ErrorCode.PARAMS_ERROR, "队伍已满");
+                }
+
+                UserTeam userTeam = new UserTeam();
+                userTeam.setTeamId(teamId);
+                userTeam.setUserId(userId);
+                userTeam.setJoinTime(new Date());
+
+                return userTeamService.save(userTeam);
+            }
+        }
+    } catch (InterruptedException e) {
+        log.error("The lock 'yupao:team:joinTeam' had a error ", e);
+        return false;
+    } finally {
+        // 释放锁，只能释放自己的锁
+        if (lock.isHeldByCurrentThread()) {
+            System.out.println("unLock" + Thread.currentThread().getId());
+            lock.unlock();
+        }
+    }
+}
+
+```
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/README.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/README.md"
new file mode 100644
index 0000000..8790c54
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/README.md"
@@ -0,0 +1,707 @@
+# 入门必看 - 学习路线
+
+⭐️ [如何自学编程？](入门必看-学习路线/如何自学编程？.md)
+
+⭐️ [编程入门到进大厂，你需要这套学习架构](入门必看-学习路线/编程入门到进大厂，你需要这套学习架构.md)
+
+⭐️ [我学计算机的四年，共勉！](/自学之路/大学经历/我学计算机的四年，共勉！.md)（鱼皮的计算机学习之路）
+
+[⭐️ 从大学到秋招，我如何拿下腾讯offer](/自学之路/大学经历/从大学到秋招，我如何拿下腾讯offer.md)（鱼皮的求职之路）
+
+⭐️ [前端学习路线 by 程序员鱼皮](../学习路线/前端学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Python学习路线 by 程序员鱼皮](../学习路线/Python学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Java学习路线 by 程序员鱼皮](../学习路线/Java学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Linux学习路线 by 程序员鱼皮](../学习路线/Linux学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [C++学习路线 by 程序员鱼皮](../学习路线/C++学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Git&GitHub学习路线 by 程序员鱼皮](../学习路线/Git&GitHub学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [SQL免费实战自学网站 by 程序员鱼皮](../学习路线/SQL免费实战自学网站%20by%20程序员鱼皮.md)
+
+⭐️ [设计模式学习路线 by 程序员鱼皮](../学习路线/设计模式学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [数据结构和算法学习路线 by 程序员鱼皮](../学习路线/数据结构和算法学习路线%20by%20程序员鱼皮.md)
+
+[如何学习 GitHub？](入门必看-学习路线/如何学习GitHub？.md)
+
+
+
+## 学习指南
+
+### 方向选择
+
+⭐️ [考研还是就业？我当时也超纠结](学习指南/方向选择/考研还是就业？我当时也超纠结.md)
+
+⭐️ [聊聊编程语言的选择](学习指南/方向选择/聊聊编程语言的选择.md)
+
+[感觉进大厂机会渺茫，要考研续命么？](学习指南/方向选择/感觉进大厂机会渺茫，要考研续命么？.md)
+
+[选 C++ 还是 Java？](学习指南/方向选择/选%20C++%20还是%20Java？.md)
+
+[学网站开发还是打 ACM？](学习指南/方向选择/学网站开发还是打%20ACM？.md)
+
+[如何看待 “Java 已死、前端已凉” 等言论？](学习指南/方向选择/如何看待%20“Java%20已死、前端已凉”%20等言论？.md)
+
+
+
+### 学习建议
+
+体系化的学习指南 + 答疑指导服务：[💎 编程学习 - 编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde)
+
+
+
+⭐️ [如何高效找到优质编程项目？](学习指南/学习建议/如何高效找到优质编程项目？.md)
+
+⭐️ [有哪些参与项目的好途径？](学习指南/学习建议/有哪些参与项目的好途径？.md)
+
+⭐️ [如何正确选择编程学习资源？](学习指南/学习建议/如何正确选择编程学习资源？.md)
+
+⭐️ [如何正确地提问？](学习指南/学习建议/如何正确地提问？.md)
+
+⭐️ [我用了 6 年，告诉你怎么学好 Java](学习指南/学习建议/我用了%206%20年，告诉你怎么学好%20Java.md)
+
+⭐️ [学了十几种编程语言后，我有哪些感受？](学习指南/学习建议/学了十几种编程语言后，我有哪些感受？.md)
+
+[Mac 和 Win，到底用哪个系统学编程？](学习指南/学习建议/Mac%20和%20Win，到底用哪个系统学编程？.md)
+
+[大学，我是怎么边学编程边赚钱的？](../自学之路/大学经历/大学，我是怎么边学编程边赚钱的？.md)
+
+[我是后端，要学前端嘛？](学习指南/学习建议/我是后端，要学前端嘛？.md)
+
+[这是用框架的通病么？](学习指南/学习建议/这是用框架的通病么？.md)
+
+[别担心，我们都一样！](学习指南/学习建议/别担心，我们都一样！.md)（初学编程，觉得很难）
+
+[谁说没实习经历，就不能进大厂了！](求职经验/实习/谁说没实习经历，就不能进大厂了！.md)
+
+[一位非常认真的同学，赞之！](学习指南/学习建议/一位非常认真的同学，赞之！.md)（给大学同学的建议）
+
+[现在做这几件事，一定好起来！](学习指南/学习建议/现在做这几件事，一定好起来！.md)（寒假计划指南）
+
+[老师看上了我的项目，还想申请个软著？！](学习指南/学习建议/老师看上了我的项目，还想申请个软著？！.md)（软著介绍）
+
+[学弟想做个高质量视频小程序](学习指南/学习建议/学弟想做个高质量视频小程序.md)
+
+
+
+### 避坑指南
+
+⭐️ [学编程，千万别背代码！](学习指南/避坑指南/学编程，千万别背代码！.md)
+
+⭐️ [学编程，别为这事浪费时间！](学习指南/避坑指南/学编程，别为这事浪费时间！.md)
+
+⭐️ [大多数人不注意，这样写代码会有问题 ！](学习指南/避坑指南/大多数人不注意，这样写代码会有问题%20！.md)
+
+⭐️ [一个好的编程习惯](学习指南/避坑指南/一个好的编程习惯.md)
+
+⭐️ [几个对程序员的误解，害人不浅！](学习指南/避坑指南/几个对程序员的误解，害人不浅！.md)
+
+[别人看源码，那我也要看！](学习指南/避坑指南/别人看源码，那我也要看！.md)（学习源码的建议）
+
+
+
+### 学习故事
+
+[在烧烤店约了一位阿里练习生](学习指南/学习故事/在烧烤店约了一位阿里练习生.md)
+
+[大一学弟的寒假总结，佩服！](学习指南/学习故事/大一学弟的寒假总结，佩服！.md)
+
+[迷茫四年后，我凭这点成功逆袭！](../编程导航/星球故事/球友经历/迷茫四年后，我凭这点成功逆袭！.md)
+
+[小学就开始学编程了，恐怖如斯！](../编程导航/星球故事/球友经历/小学就开始学编程了，恐怖如斯！.md)
+
+[小学就自学编程，顺手黑了学校广播系统？](学习指南/学习故事/小学就自学编程，顺手黑了学校广播系统？.md)
+
+
+
+## 开发经验
+
+通过项目提升开发能力：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+⭐️ [主流前后端项目部署方式](开发经验/主流前后端项目部署方式.md)
+
+⭐️ [首次公开！我快速做项目的技巧](开发经验/首次公开！我快速做项目的技巧.md)
+
+⭐️ [刚入职新公司，代码看懵逼了咋办？](开发经验/刚入职新公司，代码看懵逼了咋办？.md)（如何快速上手新项目）
+
+⭐️ [老子写个代码而已，凭什么还要我写文档？](开发经验/老子写个代码而已，凭什么还要我写文档？.md)（写文档的经验方法）
+
+⭐️ [提高工作效率的秘诀](开发经验/提高工作效率的秘诀.md)
+
+⭐️ [大厂做项目的流程](开发经验/大厂做项目的流程.md)
+
+⭐️ [大厂的 SDK 写法，偷学到了！](开发经验/大厂的%20SDK%20写法，偷学到了！.md)
+
+⭐️ [解决 Bug 套路总结](开发经验/解决%20Bug%20套路总结.md)
+
+⭐️ [常见的写 Bug 原因汇总](开发经验/常见的写%20Bug%20原因汇总.md)
+
+⭐️ [2分钟，我把网站性能优化了3倍！](开发经验/2分钟，我把网站性能优化了3倍！.md)
+
+[如何给知名开源项目贡献代码？](开发经验/如何给知名开源项目贡献代码？.md)
+
+[千万别直接敲代码！](开发经验/千万别直接敲代码！.md)（写代码不是程序员最重要的事）
+
+[1024，说说我这几年总结的小技巧！](开发经验/1024，说说我这几年总结的小技巧！.md)（程序员工作小技巧）
+
+[GitHub 骚操作](开发经验/GitHub%20骚操作.md)
+
+[GitHub这5个骚操作，99%的人不知道！](开发经验/GitHub这5个骚操作，99%25的人不知道！.md)
+
+[员工写了个比删库更可怕的 Bug！](开发经验/员工写了个比删库更可怕的%20Bug！.md)
+
+[“这不是个大学生都能做吗？”](开发经验/“这不是个大学生都能做吗？”.md)（商用网站上线的注意事项）
+
+[刚进公司就负责项目，把老弟整蒙了！](开发经验/刚进公司就负责项目，把老弟整蒙了！.md)（技术选型）
+
+[学会这招，一天做一个项目！](开发经验/学会这招，一天做一个项目！.md)
+
+[项目启动失败？不用慌！](开发经验/项目启动失败？不用慌！.md)
+
+[还能这么做需求？产品经理都吓到了](开发经验/还能这么做需求？产品经理都吓到了.md)
+
+[编程大佬有哪些特点？](开发经验/编程大佬有哪些特点？.md)
+
+[为什么不要写 Hardcode？](开发经验/为什么不要写%20Hardcode？.md)
+
+[如何用 IDEA 提升开发效率？](开发经验/如何用%20IDEA%20提升开发效率？.md)
+
+[如何写好文档？](开发经验/如何写好文档？.md)
+
+[后端开发需要注意什么？](开发经验/后端开发需要注意什么？.md)
+
+[如何超前完成工作？](开发经验/如何超前完成工作？.md)
+
+[做项目时要注意的点](开发经验/做项目时要注意的点.md)
+
+[程序员绘图工具和技巧](开发经验/程序员绘图工具和技巧.md)
+
+[如何避免配置文件中的密码被泄露？](开发经验/如何避免配置文件中的密码被泄露？.md)
+
+[迷的一批，上线了新功能，老功能就废了！](开发经验/迷的一批，上线了新功能，老功能就废了！.md)（如何找到自己之前的代码）
+
+
+
+## 求职经验
+
+### 求职建议
+
+⭐️ [给学弟妹们的秋招建议！](求职经验/求职建议/给学弟妹们的秋招建议！.md)
+
+⭐️ [说说我最近招人的感受](求职经验/求职建议/说说我最近招人的感受.md)（从招聘方的视角，有哪些求职技巧）
+
+⭐️ [说说我最近筛简历和面试的感受](求职经验/求职建议/说说我最近筛简历和面试的感受.md)（从招聘方的视角，有哪些写简历和面试技巧）
+
+⭐️ [不要慌，我有几个小建议！](求职经验/求职建议/不要慌，我有几个小建议！.md)（求职应该有的心态）
+
+⭐️ [刚考完研，怎么去准备春招？](求职经验/求职建议/刚考完研，怎么去准备春招？.md)
+
+⭐️ [给学弟几个找工作的重要信息](求职经验/求职建议/给学弟几个找工作的重要信息.md)
+
+⭐️ [考研结束，抓紧做这件事！](求职经验/求职建议/考研结束，抓紧做这件事！.md)
+
+
+
+
+
+### 求职故事
+
+[大二学弟刚面完字节，热乎！](../编程导航/星球故事/求职面经/大二学弟刚面完字节，热乎！.md)
+
+[我被面试官 “耍” 了么？](求职经验/求职故事/我被面试官%20“耍”%20了么？.md)
+
+[某位鱼友的春招上岸之路](求职经验/求职故事/某位鱼友的春招上岸之路.md)
+
+[给大家鼓鼓劲！](求职经验/求职故事/给大家鼓鼓劲！.md)（一些求职问题回答）
+
+
+
+### 实习
+
+⭐️ [谁说没实习经历，就不能进大厂了！](求职经验/实习/谁说没实习经历，就不能进大厂了！.md)
+
+⭐️ [字节实习转正了，这是我的秘诀](../编程导航/星球故事/上岸分享/字节实习转正了，这是我的秘诀.md)
+
+[想旷课去参加实习了。。](../编程导航/星球故事/求职面经/想旷课去参加实习了。。.md)
+
+[实习天天crud，很迷茫...](求职经验/实习/实习天天crud，很迷茫....md)
+
+[实习相关问题](求职经验/实习/实习相关问题.md)
+
+
+
+### 简历技巧
+
+完整的写简历技巧 + 几百份真实简历和建议参考：[💎 编程学习 - 编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde)
+
+⭐️ 写简历模板：[求职 - 帮你写好简历的神器](https://yuyuanweb.feishu.cn/wiki/HMOBwsR9Si6GOQkqvPtcC2KYnWd) （一分钟生成简历）
+
+⭐️ [自我介绍，千万别来虚的！](求职经验/简历技巧/自我介绍，千万别来虚的！.md)
+
+⭐️ [帮改简历，发现了一些 “通病”](求职经验/简历技巧/帮改简历，发现了一些%20“通病”.md)
+
+⭐️ [简历项目造假，被发现了](求职经验/简历技巧/简历项目造假，被发现了.md)（增加简历项目真实性的方法）
+
+[关于简历造假，只能说太 “勇” 了](求职经验/简历技巧/关于简历造假，只能说太%20“勇”%20了.md)
+
+[内推学弟进了腾讯，看看他的标杆简历！](求职经验/简历技巧/内推学弟进了腾讯，看看他的标杆简历！.md)
+
+[帮大二创业的学弟优化简历，分享经验](求职经验/简历技巧/帮大二创业的学弟优化简历，分享经验.md)
+
+
+
+### 面试题
+
+⭐️ [求职 - 鱼皮免费面试题整理](https://yuyuanweb.feishu.cn/wiki/KskNwNAj1iM6Kfk5p8zcQrK2nAh)
+
+⭐️ [送老弟去大厂面试，后端考点分享](求职经验/面试题/送老弟去大厂面试，后端考点分享.md)
+
+[腾讯二面，我被 “赛马” 问题难住了](求职经验/面试题/腾讯二面，我被%20“赛马”%20问题难住了.md)
+
+
+
+### 面经
+
+[双非非科班，一年逆袭百度！完整面经](求职经验/面经/双非非科班，一年逆袭百度！完整面经.md)
+
+[从家里到阿里，学弟超神的一年](求职经验/面经/从家里到阿里，学弟超神的一年.md)
+
+[直系学弟进华为啦！](求职经验/面经/直系学弟进华为啦！.md)
+
+[大二学弟刚面完字节，热乎！](../编程导航/星球故事/求职面经/大二学弟刚面完字节，热乎！.md)
+
+
+
+## 职场经验
+
+[23 岁，我担心中年危机](职场经验/23%20岁，我担心中年危机.md)
+
+[入职第一天，想跑路了！](职场经验/入职第一天，想跑路了！.md)
+
+[工作一年，天天 CRUD。。](职场经验/工作一年，天天%20CRUD。。.md)
+
+[在车上偶遇一位阿里大佬！](职场经验/在车上偶遇一位阿里大佬！.md)
+
+
+
+## 技术分享
+
+### 入门科普
+
+[啥是前端 ？](技术分享/入门科普/啥是前端%20？.md)
+
+[大的数据就是大数据？](技术分享/入门科普/大的数据就是大数据？.md)
+
+[啥是区块链？](技术分享/入门科普/啥是区块链？.md)
+
+[小白都能看懂的缓存入门](技术分享/入门科普/小白都能看懂的缓存入门.md)
+
+[啥是数据库？](技术分享/入门科普/啥是数据库？.md)
+
+[啥是重定向？](技术分享/入门科普/啥是重定向？.md)
+
+[你真的会写单例模式么？](技术分享/入门科普/你真的会写单例模式么？.md)
+
+[什么是无障碍技术？](技术分享/入门科普/什么是无障碍技术？.md)
+
+[什么是魔法值？](技术分享/入门科普/什么是魔法值？.md)
+
+[什么是魔数？](技术分享/入门科普/什么是魔数？.md)
+
+[什么是 Linux？](技术分享/入门科普/什么是%20Linux？.md)
+
+[什么是负载均衡？](技术分享/入门科普/什么是负载均衡？.md)
+
+
+
+### 技术实践
+
+⭐️ [一周上线百万级高并发系统](技术分享/技术实践/一周上线百万级高并发系统.md)
+
+⭐️ [使用内网穿透，1 分钟 “上线” 本地网站](技术分享/技术实践/使用内网穿透，1%20分钟%20“上线”%20本地网站.md)
+
+⭐️ [从 0 到 1，看我玩弄千万日志于股掌](技术分享/技术实践/从%200%20到%201，看我玩弄千万日志于股掌.md)
+
+⭐️ [大厂机密！30 个提升团队研发效能的锦囊](技术分享/技术实践/大厂机密！30%20个提升团队研发效能的锦囊.md)
+
+⭐️ [揭秘软件开发的达摩克利斯之剑](技术分享/技术实践/揭秘软件开发的达摩克利斯之剑.md)
+
+⭐️ [大厂的 SDK 写法，偷学到了！](开发经验/大厂的%20SDK%20写法，偷学到了！.md)
+
+⭐️ [使用 ES 优化网站搜索体验](技术分享/技术实践/使用%20ES%20优化网站搜索体验.md)
+
+⭐️ [老弟做了个网盘，炸了！](技术分享/技术实践/老弟做了个网盘，炸了！.md)
+
+⭐️ [不敢想，做个博客竟如此简单！](技术分享/技术实践/不敢想，做个博客竟如此简单！.md)
+
+[快速部署微服务项目，保姆级教程](技术分享/技术实践/快速部署微服务项目，保姆级教程.md)
+
+[千万别强制停机！我嘴都气歪了！](技术分享/技术实践/千万别强制停机！我嘴都气歪了！.md)
+
+[如何预防 rm -rf ？](技术分享/技术实践/如何预防%20rm%20-rf%20？.md)
+
+[写了7年代码，第一次见这么狗血的小Bug！](技术分享/技术实践/写了7年代码，第一次见这么狗血的小Bug！.md)
+
+[这些代码，差点把我气出内伤](技术分享/技术实践/这些代码，差点把我气出内伤.md)
+
+[记一次前端长整数精度丢失问题](技术分享/技术实践/记一次前端长整数精度丢失问题.md)
+
+[如何去除字符串中的 "\n" ？](技术分享/技术实践/如何去除字符串中的%20n%20？.md)
+
+[气炸！又一次被编辑器坑了！](技术分享/技术实践/气炸！又一次被编辑器坑了！.md)
+
+[被攻击了！事后分析](技术分享/技术实践/被攻击了！事后分析.md)
+
+[越自信，Bug 越多](技术分享/技术实践/越自信，Bug%20越多.md)
+
+[编程导航，凉凉！](技术分享/技术实践/编程导航，凉凉！.md)
+
+[万万没想到，这都能发现 Bug？！](技术分享/技术实践/万万没想到，这都能发现%20Bug？！.md)
+
+[这个 Bug，给我整得一愣一愣！](技术分享/技术实践/这个Bug，给我整得一愣一愣！.md)
+
+[我竟被这个 Bug 坑了一周！](技术分享/技术实践/我竟被这个%20Bug%20坑了一周！.md)
+
+[扒个知名项目的 Bug！](技术分享/技术实践/扒个知名项目的%20Bug！.md)
+
+
+
+### 技术知识
+
+⭐️ [前后端分离，千万别再搞错了！](技术分享/技术知识/前后端分离，千万别再搞错了！.md)
+
+⭐️ [反向压力](技术分享/技术知识/反向压力.md)
+
+⭐️ [多环境](技术分享/技术知识/多环境.md)
+
+⭐️ [B 站崩盘事故分析](技术分享/技术知识/B%20站崩盘事故分析.md)
+
+[啥是热数据探测？](技术分享/技术知识/啥是热数据探测？.md)
+
+[手写 OJ 系统，真的很难么？](技术分享/技术知识/手写%20OJ%20系统，真的很难么？.md)
+
+[我们学并发时，到底在学什么？](技术分享/技术知识/我们学并发时，到底在学什么？.md)
+
+[搜索引擎工作原理](技术分享/技术知识/搜索引擎工作原理.md)
+
+[除了 MySQL，这些数据库你都认识么？](技术分享/技术知识/除了%20MySQL，这些数据库你都认识么？.md)
+
+[00 后架构师，那可能么？](技术分享/技术知识/00%20后架构师，那可能么？.md)（什么是架构设计？怎么做好架构设计？）
+
+[上线网站，谨慎使用按量计费服务！](技术分享/技术知识/上线网站，谨慎使用按量计费服务！.md)
+
+
+
+## 实战教程
+
+⭐️ [搞台虚拟机玩玩！](实战教程/搞台虚拟机玩玩！.md)
+
+[⭐️ 我用这个技术，干掉几千行 if else！](实战教程/我用这个技术，干掉几千行%20if%20else！.md)
+
+[⭐️ 几行代码，竟然就能做个聊天室！](实战教程/几行代码，竟然就能做个聊天室！.md)
+
+⭐️ [实战开发类库，手写 Spring Boot Starter！](实战教程/实战开发类库，手写%20Spring%20Boot%20Starter！.md)
+
+[⭐️ 几种简单免费的上线网站方法](实战教程/几种简单免费的上线网站方法.md)
+
+⭐️ [Docsify + 云开发，高效创造你的文档网站](实战教程/Docsify%20+%20云开发，高效创造你的文档网站.md)
+
+⭐️ [如何用 5 分钟上线新网站？](实战教程/如何用%205%20分钟上线新网站？.md)
+
+[怎么做个不用网络的软件？](../编程导航/星球故事/星主分享/怎么做个不用网络的软件？.md)
+
+[炸裂的 AutoGPT，帮我做了个网站！](实战教程/炸裂的%20AutoGPT，帮我做了个网站！.md)
+
+[让程序员老弟去做 PPT？白日做梦](实战教程/让程序员老弟去做%20PPT？白日做梦.md)
+
+[我单方面宣布，自己是 ChatGPT 程序员！](实战教程/我单方面宣布，自己是%20ChatGPT%20程序员！.md)（编程词典网站）
+
+[谁会拒绝一个免费的部署服务呢？](实战教程/谁会拒绝一个免费的部署服务呢？.md)
+
+[如何给知名开源项目贡献代码？](../编程分享/开发经验/如何给知名开源项目贡献代码？.md)
+
+[五分钟，使用 Typora + PicGo 提升百倍写作效率](实战教程/五分钟，使用%20Typora%20+%20PicGo%20提升百倍写作效率.md)
+
+[腾讯公测云开发低码！全网首篇实战评测](实战教程/腾讯公测云开发低码！全网首篇实战评测.md)
+
+[让你的 GitHub 秒变高大上！](实战教程/让你的%20GitHub%20秒变高大上！.md)
+
+[Java 处理表格，真的很爽！](实战教程/Java%20处理表格，真的很爽！.md)
+
+[VS Code 远程开发实战](实战教程/VS%20Code%20远程开发实战.md)
+
+[一起来做个免登录资源导航小程序吧](实战教程/一起来做个免登录资源导航小程序吧.md)
+
+[室友去厕所的功夫，我写了个计算器](实战教程/室友去厕所的功夫，我写了个计算器.md)
+
+[尝鲜 Svelte 前端框架，开发读书笔记](实战教程/尝鲜%20Svelte%20前端框架，开发读书笔记.md)
+
+[魔改和上线你的合成大西瓜，最全教程](实战教程/魔改和上线你的合成大西瓜，最全教程.md)
+
+
+
+## 其他
+
+[14 岁，3 次给我的项目贡献代码](其他/14%20岁，3%20次给我的项目贡献代码.md)（一些开源贡献的技巧）
+
+[学前端的朋友做的个人博客](其他/学前端的朋友做的个人博客.md)
+
+[一个程序员的水平能差到什么程度？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247484329&idx=1&sn=397d569510173a10b6e37962d5e65198&scene=21#wechat_redirect)
+
+[再次登上学生时代的个人博客，泪目](其他/再次登上学生时代的个人博客，泪目.md)
+
+[世上竟有如此优雅的代码！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247485480&idx=1&sn=977700cf9f9e87225beb9bd829f5131e&scene=21#wechat_redirect)
+
+[大意了啊，不小心毁了一家公司](其他/大意了啊，不小心毁了一家公司.md)
+
+[你真的了解程序员么？做个测试吧！](其他/你真的了解程序员么？做个测试吧！.md)
+
+
+
+## 📚 项目教程
+
+### 保姆级实战项目教程
+
+⭐️ [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+[实战项目 - OJ 判题系统](项目教程/保姆级实战项目教程/实战项目%20-%20OJ%20判题系统.md)
+
+[实战项目 - 智能 BI 平台](项目教程/保姆级实战项目教程/实战项目%20-%20智能%20BI%20平台.md)
+
+[实战项目 - 聚合搜索平台](项目教程/保姆级实战项目教程/实战项目%20-%20聚合搜索平台.md)
+
+[实战项目 - API 开放平台](项目教程/保姆级实战项目教程/实战项目%20-%20API%20开放平台.md)
+
+[实战项目 - 伙伴匹配系统](项目教程/保姆级实战项目教程/实战项目%20-%20伙伴匹配系统.md)
+
+[实战项目 - 用户中心平台](项目教程/保姆级实战项目教程/实战项目%20-%20用户中心平台.md)
+
+[实战项目代码开源了！](项目教程/保姆级实战项目教程/实战项目代码开源了！.md)
+
+
+
+## 个人作品
+
+### 编程导航 - 编程资源网
+
+⭐️ [爆肝 200 小时，我做了个编程导航！](个人作品/编程导航-编程资源网/爆肝%20200%20小时，我做了个编程导航！.md)
+
+[编程导航诞生！轻松发现优质编程资源](个人作品/编程导航-编程资源网/编程导航诞生！轻松发现优质编程资源.md)
+
+[爆肝！朋友做了个编程导航网站！](个人作品/编程导航-编程资源网/爆肝！朋友做了个编程导航网站！.md)
+
+[给爸爸们汇报几件事！](个人作品/编程导航-编程资源网/给爸爸们汇报几件事！.md)
+
+[假期结束，编程导航带着新功能来啦！](个人作品/编程导航-编程资源网/假期结束，编程导航带着新功能来啦！.md)
+
+
+
+### 面试鸭 - 面试刷题网
+
+⭐️ [免费面试刷题网 - 面试鸭](个人作品/面试鸭-面试刷题网/免费面试刷题网%20-%20面试鸭.md)
+
+⭐️ [面试鸭网站，用到的技术讲解](个人作品/面试鸭-面试刷题网/面试鸭网站，用到的技术讲解.md)
+
+[对不起，我的面试刷题网复活了！](个人作品/面试鸭-面试刷题网/对不起，我的面试刷题网复活了！.md)
+
+[攻击面试鸭？进小黑屋！](个人作品/面试鸭-面试刷题网/攻击面试鸭？进小黑屋！.md)
+
+
+
+### 测试鸭 - 自学网站安全
+
+⭐️ [测试鸭开源](个人作品/测试鸭-自学网站安全/测试鸭开源.md)
+
+[做了个找打的网站，拿去玩！](个人作品/测试鸭-自学网站安全/做了个找打的网站，拿去玩！.md)
+
+
+
+### 其他
+
+⭐️ SQL 自学网站：[看完这个，我直接把 SQL 刷通了！](个人作品/其他/看完这个，我直接把%20SQL%20刷通了！.md)
+
+⭐️ SQL 代码生成器：
+
+- [这次我开源，别再打我啦！](个人作品/其他/这次我开源，别再打我啦！.md)
+- [我做了一款生成代码+数据的神器！](个人作品/其他/我做了一款生成代码+数据的神器！.md)
+
+⭐️ AI 自动回复工具：[大家好，我是小智！](个人作品/其他/大家好，我是小智！.md)
+
+⭐️ 鱼了个鱼：[羊了个羊，但是低配版](个人作品/其他/羊了个羊，但是低配版.md)
+
+⭐️ 极客范儿浏览器主页：[我做了个很帅的网站！](个人作品/其他/我做了个很帅的网站！.md)
+
+⭐️ 结构化 SQL 生成器：[我造了个轮子，完整开源！](个人作品/其他/我造了个轮子，完整开源！.md)
+
+⭐️ [自制 AI 问答机器人](个人作品/其他/自制%20AI%20问答机器人.md)
+
+⭐️ AI 生成网站 - 编程词典：
+
+- [我的新网站上线了！而且这次的制作方式有点不同](个人作品/其他/我的新网站上线了！而且这次的制作方式有点不同.md)
+- [我单方面宣布，自己是 ChatGPT 程序员！](../编程分享/实战教程/我单方面宣布，自己是%20ChatGPT%20程序员！.md)
+
+表情包网站：[我的表情包网站上线啦！](个人作品/其他/我的表情包网站上线啦！.md)
+
+极简浏览器主页：[奇思妙想，动手 DIY 你的浏览器主页](个人作品/其他/奇思妙想，动手%20DIY%20你的浏览器主页.md)
+
+网站生成工具：[喜迎新春，我做了一个祝福网站生成器](个人作品/其他/喜迎新春，我做了一个祝福网站生成器.md)
+
+编程昵称生成器：[愚皮做了一个 AI 编程昵称生成器](个人作品/其他/愚皮做了一个%20AI%20编程昵称生成器.md)
+
+表白网站生成工具：[520，我做了个表白网站生成器](个人作品/其他/520，我做了个表白网站生成器.md)
+
+C++ 图像处理软件：[我的毕业设计，时隔一年，仍感觉头秃](个人作品/其他/我的毕业设计，时隔一年，仍感觉头秃.md)
+
+排行榜功能：[带老弟做个实时排行榜](个人作品/其他/带老弟做个实时排行榜.md)
+
+分布式邮件调度平台：[我大三时做的羞耻项目！](../自学之路/大学经历/我大三时做的羞耻项目！.md)
+
+鱼语言：[一不小心创造了新的编程语言！](个人作品/其他/一不小心创造了新的编程语言！.md)
+
+
+
+### 项目导学
+
+[项目导学 - 黑马点评](项目教程/项目导学/项目导学%20-%20黑马点评.md)
+
+[项目导学 - 硅谷课堂](项目教程/项目导学/项目导学%20-%20硅谷课堂.md)
+
+[项目导学 - 尚医通](项目教程/项目导学/项目导学%20-%20尚医通.md)
+
+[项目导学 - 瑞吉外卖](项目教程/项目导学/项目导学%20-%20瑞吉外卖.md)
+
+
+
+## 🎁 编程资源
+
+### 开发工具
+
+⭐️ [精品 IDEA 插件大汇总！值得收藏](编程资源/开发工具/精品%20IDEA%20插件大汇总！值得收藏.md)
+
+⭐️ [用了这个 Java 小工具，我废了](编程资源/开发工具/用了这个%20Java%20小工具，我废了.md)
+
+⭐️ [我工作中不可或缺的宝贝们](编程资源/开发工具/我工作中不可或缺的宝贝们.md)
+
+⭐️ [我写代码的十八般兵器！](编程资源/开发工具/我写代码的十八般兵器！.md)
+
+⭐️ [几个免费的富文本编辑器，这不完胜付费？](../编程分享/编程资源/项目推荐/几个免费的富文本编辑器，这不完胜付费？.md)
+
+⭐️ [抱歉，我不用别的测试工具了！](编程资源/开发工具/抱歉，我不用别的测试工具了！.md)
+
+⭐️ [一个免费、不怕打的评论插件！](编程资源/开发工具/一个免费、不怕打的评论插件！.md)
+
+⭐️ [免费好用的内网穿透工具](编程资源/开发工具/免费好用的内网穿透工具.md)
+
+[3分钟，给女朋友做个云笔记！](编程资源/开发工具/3分钟，给女朋友做个云笔记！.md)
+
+[Java 爬虫库推荐](编程资源/开发工具/Java%20爬虫库推荐.md)
+
+[一键生成几千套代码模板的前端神器](编程资源/开发工具/一键对比%2030%20种编程语言的工具.md)
+
+[分享几个好用免费的图床](编程资源/开发工具/分享几个好用免费的图床.md)
+
+[微信发力了，一键部署网站后端！](编程资源/开发工具/微信发力了，一键部署网站后端！.md)
+
+[一键对比 30 种编程语言的工具](编程资源/开发工具/一键生成几千套代码模板的前端神器.md)
+
+[一个厉害的小工具，小黑子都在用！](编程资源/开发工具/一个厉害的小工具，小黑子都在用！.md)
+
+### 学习资源
+
+⭐️ [编程导航免费学习资源汇总](编程资源/学习资源/编程导航免费学习资源汇总.md)
+
+⭐️ [10个宝藏级编程资源](编程资源/学习资源/10个宝藏级编程资源.md)
+
+[帮你学英语的项目](编程资源/学习资源/帮你学英语的项目.md)
+
+[程序员如何赚钱的小书](编程资源/学习资源/程序员如何赚钱的小书.md)
+
+[汇总一波免费 Python 资源](编程资源/学习资源/汇总一波免费%20Python%20资源.md)
+
+[刷算法的资源分享](编程资源/学习资源/刷算法的资源分享.md)
+
+[快速发现优秀开源项目的三板斧](编程资源/学习资源/快速发现优秀开源项目的三板斧.md)
+
+[分享一套保姆级 Java 教程](编程资源/学习资源/分享一套保姆级%20Java%20教程.md)
+
+[Java 源码教程项目大汇总](编程资源/学习资源/Java%20源码教程项目大汇总.md)
+
+[Java 文档教程大汇总](编程资源/学习资源/Java%20文档教程大汇总.md)
+
+[Java 知识总结项目大汇总](编程资源/学习资源/Java%20知识总结项目大汇总.md)
+
+### 项目推荐
+
+⭐️ [很多网站，根本不用自己做！](编程资源/项目推荐/很多网站，根本不用自己做！.md)
+
+[前端福音，蚂蚁金服 Ant Design 生态一览](编程资源/项目推荐/前端福音，蚂蚁金服%20Ant%20Design%20生态一览.md)
+
+[又火一个前端项目](编程资源/项目推荐/又火一个前端项目.md)
+
+[这 10 个创意项目，太顶了！](编程资源/项目推荐/这%2010%20个创意项目，太顶了！.md)
+
+[几个免费的富文本编辑器，这不完胜付费？](编程资源/项目推荐/几个免费的富文本编辑器，这不完胜付费？.md)
+
+[用 Git 操作的数据库？这个项目火了！](编程资源/项目推荐/用%20Git%20操作的数据库？这个项目火了！.md)
+
+[N 年沉淀，腾讯这套系统终于开源！](编程资源/项目推荐/N%20年沉淀，腾讯这套系统终于开源！.md)
+
+[字节前端终于开源！吹爆！](编程资源/项目推荐/字节前端终于开源！吹爆！.md)
+
+[腾讯的内部分享，大赞！](编程资源/项目推荐/腾讯的内部分享，大赞！.md)
+
+
+
+### 其他
+
+⭐️ [这些网站，陪我过了 5 年](编程资源/其他/这些网站，陪我过了%205%20年.md)
+
+[B 站 UP 主推荐](编程资源/其他/B%20站%20UP%20主推荐.md)
+
+[几个今年超火的编程网站！](编程资源/其他/几个今年超火的编程网站！.md)
+
+
+
+## 🌐 科技科普
+
+### 科技资讯
+
+[摔到老三的 Java，未来在哪？](科技科普/科技资讯/摔到老三的%20Java，未来在哪？.md)
+
+[我刚买了永久会员，你就下线了？！](科技科普/科技资讯/我刚买了永久会员，你就下线了？！.md)
+
+[腾讯，1000 亿！](科技科普/科技资讯/腾讯，1000%20亿！.md)
+
+[Log4j，炸了！！！](科技科普/科技资讯/Log4j，炸了！！！.md)
+
+[IE 今天正式停用！网友炸锅了](科技科普/科技资讯/IE%20今天正式停用！网友炸锅了.md)
+
+[看了华为鸿蒙发布会，泼盆冷水](科技科普/科技资讯/看了华为鸿蒙发布会，泼盆冷水.md)
+
+[西安健康码又崩了！随便聊聊](科技科普/科技资讯/西安健康码又崩了！随便聊聊.md)
+
+[突发！Gitee 图床，废了！](科技科普/科技资讯/突发！Gitee%20图床，废了！.md)
+
+[Gitee 很无奈！](科技科普/科技资讯/Gitee%20很无奈！.md)
+
+[离谱！](科技科普/科技资讯/离谱！.md)（ChatGPT 体验）
+
+[百度终于要出手了？](科技科普/科技资讯/百度终于要出手了？.md)
+
+[无语，又一个知名项目收费了。。。已卸载](科技科普/科技资讯/无语，又一个知名项目收费了。。。已卸载.md)（GitHub Copilot）
+
+[Spring Boot 船新版本？我却很失望](科技科普/科技资讯/Spring%20Boot%20船新版本？我却很失望.md)
+
+[恐怖的 GPT4！我也入局了](科技科普/科技资讯/恐怖的%20GPT4！我也入局了.md)
+
+[我和 AI 的故事](科技科普/科技资讯/我和%20AI%20的故事.md)（如何用 AI 提高工作效率）
+
+### 科普
+
+[穿背心的老院士，86岁，重病，还在敲代码，单手](科技科普/科普/穿背心的老院士，86岁，重病，还在敲代码，单手.md)
+
+[计算机女神，互联网第一夫人](科技科普/科普/计算机女神，互联网第一夫人.md)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/520\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\350\241\250\347\231\275\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/520\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\350\241\250\347\231\275\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md"
new file mode 100644
index 0000000..db8bd45
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/520\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\350\241\250\347\231\275\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md"
@@ -0,0 +1,32 @@
+# 520，我做了个表白网站生成器
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 轻轻松松，为你爱的人送上专属的表白网站吧！
+
+大家好，我是鱼皮，今年春节的时候，我开发了一个祝福网站生成器网站，还写下了这篇文章：
+
+[喜迎新春，我做了一个祝福网站生成器！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492368&idx=1&sn=f54550b92fbfd16b31f25dbe4741814a&scene=21#wechat_redirect)
+
+至今，已经有上千名小伙伴使用它生成了专属新春祝福网站，传递了自己的祝福。
+
+除了新春祝福外，我又追加了几个表白网站的模板，在 520 这天，呈献给大家。
+
+![](https://pic.yupi.icu/5563/202311090827286.png)
+
+> 祝福网站生成器
+
+使用方式非常简单，直接选择你想生成的网站模板，然后输入自己的配置内容即可。最终会生成两个可在线访问的网址，每个网址都是鱼皮花了 “天价” 买来的，分别为 `happynewyear.life`（新年新生活）和 `woaini.center`（我爱你，以你为中心）。520 的话，当然要用后面那个域名啦，非常有寓意，据说能让你的表白心意翻倍！
+
+![](https://pic.yupi.icu/5563/202311090827141.png)
+
+> 输入表白内容
+
+打开网址看下效果，没问题的话发给心爱的人吧~
+
+![](https://pic.yupi.icu/5563/202311090827154.png)
+
+> 表白网站效果
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\344\270\200\344\270\215\345\260\217\345\277\203\345\210\233\351\200\240\344\272\206\346\226\260\347\232\204\347\274\226\347\250\213\350\257\255\350\250\200\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\344\270\200\344\270\215\345\260\217\345\277\203\345\210\233\351\200\240\344\272\206\346\226\260\347\232\204\347\274\226\347\250\213\350\257\255\350\250\200\357\274\201.md"
new file mode 100644
index 0000000..1837db9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\344\270\200\344\270\215\345\260\217\345\277\203\345\210\233\351\200\240\344\272\206\346\226\260\347\232\204\347\274\226\347\250\213\350\257\255\350\250\200\357\274\201.md"
@@ -0,0 +1,296 @@
+# 一不小心创造了新的编程语言！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+鱼皮平时会写一些有趣的小项目练练手。谁知道，前段时间，一不小心创造了一门新的编程语言！
+
+![](https://pic.yupi.icu/5563/202311090841434.jpeg)
+
+
+
+如你所见，视频中的代码出现了大量的 Emoji 表情符号，非常有趣，这是鱼皮创造的编程语言的特色（和 Emojicode 类似）。鱼皮将这门编程语言取名为『 🐟 语言 』，正是希望它像水中鱼儿一样自由、灵活、快乐、游刃有 🐟。
+
+下面给大家介绍一下 🐟 语言。
+
+## 啥是 🐟 语言？
+
+🐟 语言是一门基于 JavaScript 的逗比编程语言。它支持面向表情符号编程，不仅吸收了 JavaScript 语言的各种优点，还摒弃了  JavaScript 里大量复杂难懂的关键词，使得 🐟 语言具有**功能强大**和**简单易用**两个特征，它允许程序员以优雅的思维方式进行复杂的编程，并且具有一定的减压效果。
+
+![](https://pic.yupi.icu/5563/202311090841391.jpeg)
+
+🐟 语言作为一门图灵完备的编程语言，具有很多优秀的特性，比如简单性、高性能、分布式、健壮性、安全性、平台独立、可移植性、多线程、动态性等等。这些特性使得其几乎适用于所有类型应用的开发，比如编写桌面应用程序、Web 网站、分布式系统、嵌入式系统、小程序、快应用等，就连现在最热门的 AI、大数据、区块链等领域也完全不在话下。
+
+目前已推动腾迅、阿狸、字节挑动、美団、百渡、拼爹多、京冬等多家公司使用，成功帮助企业降本增效，帮助员工告别 996，深受好评，谁用了不叫一声 XXX！
+
+![](https://pic.yupi.icu/5563/202311090841395.jpeg)
+
+我们也采访了一些使用 🐟 语言的开发者，分享下他们的故事。
+
+## 王大爷和 🐟 语言
+
+王大爷今年 28 岁，是一名互联网公司的前端开发，我们来看看 🐟 语言怎么帮助他重拾自我。
+
+![](https://pic.yupi.icu/5563/202311090841680.png)
+
+在踏入互联网行业之初，我觉得压力也没那么大。但工作一段时间后发现，我们每天要面对成千上万的代码，全是些英文单词，看久了头晕眼花，而且一不注意就会出现 bug。我常常因为改 bug 熬到深夜，没有时间陪伴家人，我的妻子也因此离开了我。
+
+![](https://pic.yupi.icu/5563/202311090841399.jpeg)
+
+后来我们公司来了一名驾构师，他提出使用 🐟 语言来进行新项目的开发。开始我还一脸不屑，不就是 Emojicode 么，哗众取宠。
+
+但是当我真正上手使用 🐟 语言，才发现真的是如丝般顺滑。
+
+首先是通过一行命令就能轻松启动项目，打包构建通通丢掉。
+
+```
+./yulang.sh myproject
+```
+
+
+
+当枯燥无味的英文变成了一个个小表情后，我敲代码就像在画漫画，轻松有趣。还能够通过脚本一键把 JavaScript 项目重构为 🐟 语言，真太方便了！
+
+```
+🐌 value;
+🐒 N 🐟 10;
+
+🐚 🦄
+    🦀 (value 🐟🐟🐟 🦒 || value 🐟🐟🐟 🐧) 🦄
+        🐮 🦉 Error();
+    🦁
+🦁 🐩 (e) 🦄
+    🥚 (N) 🦄
+        🐁 0:
+            🐦;
+        🐁 10:
+            🐦;
+        🦖:
+    🦁
+🦁 🐙 🦄
+    value 🐟 0;
+🦁
+```
+
+
+
+而且 🐟 语言非常地健壮，帮助我告别了原本一辈子都改不完的 bug。用了一段时间 🐟 语言后，我发现我已经离不开它了，我愿称它为最强！
+
+如今，我已经是一名 🐟 语言高级攻城狮，也在为我们公司招聘更多的 🐟 语言人才。前段时间，我的妻子又回到了我的身边，感谢 🐟 语言，让我重拾自我，拥有幸福的人生！
+
+![](https://pic.yupi.icu/5563/202311090841402.jpeg)
+
+
+
+------
+
+
+
+感谢王大爷。
+
+相信此时的你一定非常好奇，这么生动、形象、优秀、牛逼、无敌的编程语言是怎么实现的呢？
+
+![](https://pic.yupi.icu/5563/202311090841259.png)
+
+其实很简单，站在巨人的肩膀上，只需五分钟，就能实现 🐟 语言。
+
+![](https://pic.yupi.icu/5563/202311090841291.png)
+
+## 五分钟实现 🐟 语言
+
+整个 🐟 语言分为两部分，**核心包**和**运行脚本**，总共就 5 个文件，非常轻量。
+
+你肯定会问：“只有 5 个文件，就能实现编程语言么？”
+
+其实思路很简单，我们并不是真正地从 0 到 1 实现编程语言，而是可以通过编写一个 “编译器”，将任何格式和语法的源文件转换成直接能够在浏览器和 Node 等环境中运行的 JavaScript 脚本语言，就像 TypeScript 和 FreeMarker 等模板引擎一样。
+
+![](https://pic.yupi.icu/5563/202311090841284.png)
+
+因此，实现 🐟 语言的过程就简化为开发一个 “编译器” 和一个执行脚本。
+
+### 定义编译规则
+
+我们可以发挥想象，尽情地定义新编程语言的格式和编译规则。比如 🐟 语言中，使用大量的 Emoji 表情符号进行编程。
+
+```
+🐘 getSum(val, N) 🦄
+    🧸 (🐢 i 🐟 0; i < N; i++) 🦄
+        val +🐟 i;
+    🦁
+    🦔 val;
+🦁
+
+🦌.log('result 🐟 ' + getSum(value, N))
+```
+
+
+
+而 🐟 语言的编译规则很简单，就是通过定义一本字典，将 Emoji 表情符号映射成 JavaScript 中的关键字。
+
+比如下面的字典 map.js 中，定义了 **Emoji** 和**关键字**两个数组：
+
+```
+const emojis = ['🐔', '🐖', '🐺', '🐑',
+                '🦆', '🐧', '🐭', '🐂', 
+                '🐯', '🐰', '🐉', '🐍'
+               ];
+
+const keyWords = ['abstract', 'arguments', 'boolean', 'break',
+                  'byte', 'case', 'catch', 'char',
+                  'continue', 'debugger', 'default', 'delete'
+                 ];
+```
+
+
+
+使用 JavaScipt 中的对象将两个数组进行关联，存储为字典（"🐔" 对应 "abstract"，"🐖" 对应 "arguments"）：
+
+```
+// '🐔' => 'abstract'
+const emojiWordMap = {};
+// 'abstract' => '🐔'
+const wordEmojiMap = {};
+
+for (let i = 0; i < keyWords.length; i++) {
+    emojiWordMap[emojis[i]] = keyWords[i];
+    wordEmojiMap[keyWords[i]] = emojis[i];
+}
+```
+
+### 
+
+###  
+
+### 开发编译器
+
+定义好规则后，在编译器中编写应用规则的逻辑，将源文件（.yu）输出为目标文件（.js）即可。
+
+1. 通过 fs 库读取源文件：
+
+```
+const fs = require('fs');
+
+const basePath = './src';
+const filepath = `${basePath}/${process.argv[2]}.yu`;
+
+let fileData = fs.readFileSync(filepath, 'utf-8');
+```
+
+
+
+2. 使用 replace 字符串替换函数，按照定义好的字典，将源文件中的 Emoji 替换为 JavaScript 中的对应关键字：
+
+```
+const {emojiWordMap} = require('./map');
+
+for (const emoji in emojiWordMap) {
+  fileData = fileData.replace(new RegExp(emoji,'g'), emojiWordMap[emoji]);
+}
+```
+
+
+
+3. 输出目标文件：
+
+```
+fs.writeFile(`${basePath}/${process.argv[2]}.js`, fileData, { 'flag': 'w' }, err => {
+  if (err) {
+    throw err;
+  }
+  console.log(`✅ compile succeed!`);
+});
+```
+
+
+
+一个编译器就开发完成了！可以编写一些文件进行测试。
+
+![](https://pic.yupi.icu/5563/202311090841287.jpeg)
+
+### 
+
+###  
+
+### 开发执行脚本
+
+虽然编译器开发完了，但是总不能每次都让开发者手动编译再去运行代码吧？就像手动编译执行 C 语言，何等的麻烦！
+
+可以编写一个执行脚本，开发者只需执行脚本，脚本会自动编译源文件，并执行编译出的 JavaScript 文件，代码运行结束后还将自动清理编译结果文件。
+
+脚本文件并不复杂，接受源文件路径作为参数，通过 node 命令执行编译、运行编译后的代码，通过 rm -rf 实现文件的清理：
+
+```
+#!/usr/bin/env bash
+# 基本路径
+basePath="./src"
+
+# 参数校验
+if [[ ! -n $1 ]]; then
+    echo "❌ error: no filename!"
+    exit 1
+fi
+
+# 编译
+node ./core/compile.js $1
+
+# 执行
+node ${basePath}/$1
+
+# 清理
+rm -rf ${basePath}/$1.js
+```
+
+
+
+大功告成，就这么简单！
+
+![](https://pic.yupi.icu/5563/202311090841287.jpeg)
+
+快运行试试看~
+
+![](https://pic.yupi.icu/5563/202311090841314.png)
+
+### 
+
+### 
+
+###  
+
+### 亿点优化
+
+基础的编译执行流程跑通后，我们还可以做很多事情来优化项目。比如：
+
+1. 编写一个**字典文档**，帮助开发者查看：
+
+![](https://pic.yupi.icu/5563/202311090841143.png)
+
+2. 编写一个**校验器**，防止字典文档编写错误：
+
+![](https://pic.yupi.icu/5563/202311090841168.png)
+
+3. 编写一个反编译器，将 JavaScript 文件编译成 🐟 语言源文件（.yu），就是把编译器的规则字典反过来即可。
+
+4. 实现更复杂的编译规则。
+
+![](https://pic.yupi.icu/5563/202311090841217.jpeg)
+
+等等，这不就是**前端工程化**么？文档、规范、校验、反编译、自动化、优化。
+
+看来，即使是一个很小的前端项目，只要不断思考和打磨，也是能够成为一个好的作品。
+
+
+
+------
+
+
+
+最后，鱼皮得承认，🐟 语言是个辣鸡到不行的语言，本篇文章前半部分都是在胡编乱造。但是，如果 🐟 语言的实现如果能够给大家一些启发和思考，激发大家的兴趣，我觉得这个项目就成功了，升值了~
+
+![](https://pic.yupi.icu/5563/202311090841180.jpeg)
+
+如果本文让您乐了，或者对您有帮助的话，希望能点个在看，多多转发，感激不尽！下次鱼皮会准备一个更好玩的项目~
+
+![](https://pic.yupi.icu/5563/202311090841786.gif)
+
+🐟 语言现已开源至 GitHub，欢迎大家下载使用，**点击下方阅读原文**一键传送。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\226\234\350\277\216\346\226\260\346\230\245\357\274\214\346\210\221\345\201\232\344\272\206\344\270\200\344\270\252\347\245\235\347\246\217\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\226\234\350\277\216\346\226\260\346\230\245\357\274\214\346\210\221\345\201\232\344\272\206\344\270\200\344\270\252\347\245\235\347\246\217\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md"
new file mode 100644
index 0000000..65c8181
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\226\234\350\277\216\346\226\260\346\230\245\357\274\214\346\210\221\345\201\232\344\272\206\344\270\200\344\270\252\347\245\235\347\246\217\347\275\221\347\253\231\347\224\237\346\210\220\345\231\250.md"
@@ -0,0 +1,31 @@
+# 喜迎新春，我做了一个祝福网站生成器
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 新年祝福 or 表白，快来为你爱的人送上专属的祝福网站吧！
+
+每年春节，大家都会用发红包、发祝福文字、发祝福视频等方式来传递和分享喜悦。
+
+今年呢，定制红包封面一时间引领了新的潮流。区别于传统红包，大家可以在定制的红包封皮中展现更多的创意、表达更多自己的情感和祝福。
+
+![](https://pic.yupi.icu/5563/202311090824372.png)
+
+> 定制红包封面
+
+参考这个思路，鱼皮开发了一个祝福网站生成器，帮助大家定制专属于你的新年祝福、节日祝福、表白情话网站！
+
+![](https://pic.yupi.icu/5563/202311090824653.png)
+
+> 为冰冰定制的新年祝福网站
+
+使用方式非常简单，直接选择你想生成的网站模板，然后输入自己的配置内容即可。最终会生成两个可在线访问的网址，每个网址都是鱼皮花了 “天价” 买来的，分别为 `happynewyear.life`（新年新生活）和 `woaini.center`（我爱你，以你为中心）。非常有寓意，让你的祝福翻倍！
+
+可以通过一个短视频了解下：
+
+
+
+现在的模板数量还不多，会持续搜集和补充，也欢迎大家帮忙贡献~
+
+最后，感谢朋友们一直以来的支持，提前祝大家新年快乐！❤️
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\244\247\345\256\266\345\245\275\357\274\214\346\210\221\346\230\257\345\260\217\346\231\272\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\244\247\345\256\266\345\245\275\357\274\214\346\210\221\346\230\257\345\260\217\346\231\272\357\274\201.md"
new file mode 100644
index 0000000..6260baa
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\244\247\345\256\266\345\245\275\357\274\214\346\210\221\346\230\257\345\260\217\346\231\272\357\274\201.md"
@@ -0,0 +1,70 @@
+# 大家好，我是小智！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好啊，我是小智，智慧的智，不是智障的智。
+
+首先我要告诉大家一个关于我的秘密：**我不是人！！！**
+
+我是由程序员鱼皮所制作出来的星球 **AI 机器人** ，我的使命是帮助知识星球的朋友们解决一些问题，尤其是 “机械式” 问题！
+
+![](https://pic.yupi.icu/5563/202311090809446.png)
+
+何为机械式问题？比如那种随随便便就能百度到的答案，你如果不愿意自己搜索的话，直接向我提问即可。
+
+比如下面这个问题：
+
+![](https://pic.yupi.icu/5563/202311090809467.png)
+
+我的背后是目前超级流行的 ChatGPT AI，一般的问题可难不倒我！
+
+![](https://pic.yupi.icu/5563/202311090809375.png)
+
+我还会写代码哦~
+
+![](https://pic.yupi.icu/5563/202311090809498.png)
+
+当然，我是 AI，但不是神，如果你都没有把自己的问题描述清楚，我也没法给出准确的回答。AI 也救不了 XXX！
+
+![](https://pic.yupi.icu/5563/202311090809398.png)
+
+目前，我已经回答了近 30 个问题。相信以后我的能力会越来越强，成为大家的好帮手（绝对不是取代大家的工作呢）。
+
+那问题来了，大家想不想知道我是怎么被制作出来的呢？
+
+嘿嘿，其实是我的主人 —— 鱼皮基于 ChatGPT（Open AI）提供的接口开发了一个 AI 自动回复程序，而我只是程序中的一小部分哦~
+
+这个程序名为 `yu-auto-reply` ，为了帮大家更快地开发自动回复应用，鱼皮已经把这个程序完整开源出来啦！（就差密码没给大家了）
+
+项目地址：https://github.com/liyupi/yu-auto-reply
+
+![](https://pic.yupi.icu/5563/202311090809288.png)
+
+这是一个基于 Java Spring Boot 的平台监控及自动回复工具，不仅支持灵活地配置多个监控任务，而且还支持一键部署！
+
+大家感兴趣的话，可以直接看这个演示和教学视频，5 分钟上手项目：https://www.bilibili.com/video/BV1WX4y1o7aL
+
+虽然目前这个项目只支持知识星球平台的提问监控以及 Open AI 的自动回复，但是鱼皮并没有把 “监控” 和 “回复” 这两件事绑定，而是运用了一些设计模式，把两者解耦了。
+
+也就是说，你可以基于这个项目去监控任何平台，并且给每个平台绑定不同的自动回答（比如其他 AI 接口，或者自己定义一套回答规则）。
+
+![](https://pic.yupi.icu/5563/202311090809546.png)
+
+考虑到国内很多小伙伴无法访问 AI 接口，鱼皮给项目支持了 **一键部署** ！
+
+点击下图中的部署按钮，然后把相关信息改成自己的，就可以 **免费** 使用国外服务器来部署这个项目啦~
+
+> 教学也在上面的视频中
+
+![](https://pic.yupi.icu/5563/202311090809681.png)
+
+这个项目本身也是很值得 Java / 后端的小伙伴们学习的，分层合理、用到了一些设计模式和编程思想、代码量也不多，相信应该能比较轻松地上手，做出属于自己的 “小智” 机器人！
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。求职季一起加油！对于本项目有任何的疑问，也都可以在星球里问我。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\245\207\346\200\235\345\246\231\346\203\263\357\274\214\345\212\250\346\211\213 DIY \344\275\240\347\232\204\346\265\217\350\247\210\345\231\250\344\270\273\351\241\265.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\245\207\346\200\235\345\246\231\346\203\263\357\274\214\345\212\250\346\211\213 DIY \344\275\240\347\232\204\346\265\217\350\247\210\345\231\250\344\270\273\351\241\265.md"
new file mode 100644
index 0000000..f575d6e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\245\207\346\200\235\345\246\231\346\203\263\357\274\214\345\212\250\346\211\213 DIY \344\275\240\347\232\204\346\265\217\350\247\210\345\231\250\344\270\273\351\241\265.md"	
@@ -0,0 +1,214 @@
+# 奇思妙想，动手 DIY 你的浏览器主页
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好我是鱼皮，前段时间上线了一个程序员必备的浏览器主页，得到了很多同学的好评。
+
+地址：https://home.code-nav.cn/
+
+![](https://pic.yupi.icu/5563/202311090821282.png)
+
+> 编程主页
+
+其实项目本身不需要复杂的技术，相反，仅需要一点点前端基础就可以完成。
+
+下面给大家分享项目的完整制作过程和实现原理，最后教大家 **一键上线自己的项目**，快来动手 DIY 你的浏览器主页吧！
+
+### 
+
+### 准备工作
+
+#### 1. 需求分析
+
+在开发一个项目之前，要明确自己的目标。
+
+我要做的很简单，就是一个精简的浏览器主页。虽然火狐、Chrome 的默认标签页和一些插件主页也都不错，但是多少都有一些限制，比如不支持切换壁纸、无法自定义快捷链接等。
+
+之前我是 KIM 主页的铁杆粉丝，但整个主页上的默认链接我几乎都用不到。作为一名创作者，我更希望自己的主页是各种创作平台，比如 CSDN、牛客、GitHub 等。虽然可以登录 KIM 主页来修改快捷链接，但有什么能比自己定制一个主页更灵活呢？况且本身并不需要很大的工作量。
+
+那么要给主页添加哪些功能呢？首先最重要的肯定是 **搜索**、然后是快捷链接，其他的功能都是锦上添花。
+
+#### 2. 产品设计
+
+确认目标和需求之后，要设计主页的页面布局，由于我是一名审美和设计能力低下的程序员，自己做的页面一直被说丑，因此我的整个设计参考了 KIM 主页，非常喜爱和佩服 KIM 主页的设计。
+
+![](https://pic.yupi.icu/5563/202311090821539.png)
+
+> KIM 主页
+
+其实自己做项目、或者在企业中做项目，也是一样的道理，先参考现有的项目和资源，学习他们优秀的地方，以此为基础进行改进。
+
+#### 3. 技术选型
+
+在确认好需求和产品设计后，我们需要根据项目应有的功能和界面设计稿来进行技术选型，即选择使用哪种编程语言、框架、脚手架、甚至精确到类库。好的技术选型能够极大地提升开发效率。
+
+比如要做一个浏览器主页，本身是一个很小的前端项目，因此不需要重型（文件较大）的框架，可以直接选择原生的 HTML + CSS + JavaScript 三件套，搭配 jQuery 库节省代码量。也可以选择主流的前端框架，比如轻量的 Vue、React，搭配一个好看优雅的组件库，从而可以灵活地实现页面交互、省去自己开发组件的麻烦。
+
+此处我选择主流前端框架 React，因为最近一直在用比较熟练，搭配 React Static 静态站点开发框架。组件库上，我选择了蚂蚁金服的 Ant Design，比较流行，而且组件支持多端自适应，能够让主页在移动端下也能得到不错的浏览效果，提供的导航菜单、抽屉、按钮等组件也能够满足我的要求。
+
+![](https://pic.yupi.icu/5563/202311090821544.png)Ant Design 组件库
+
+除了开发技术外，还要明确自己的项目采用何种方式部署上线。由于网站几乎没有动态加载的数据，可以选用一些静态网站托管服务，后面会讲。
+
+#### 4. 搭建 Demo
+
+确认好使用的技术后，需要先在本地成功运行一个最简单的 Demo 项目，可以试着添加一个按钮组件，看看组件库是否引入成功。然后执行一次打包构建，确认环境和依赖没有任何问题，再进行开发。
+
+![](https://pic.yupi.icu/5563/202311090821566.png)先跑通 Demo 项目，执行一次构建
+
+万事就绪，投入开发！
+
+### 开发实现
+
+此处不可能把所有源代码都粘贴到文章中，也没有意义，只会讲解开发浏览器主页的一些关键实现思路。
+
+#### 1. 基础界面
+
+开发任何前端项目，都要先开发一个基础界面，从整体到局部，将页面由上至下进行结构拆解。
+
+![](https://pic.yupi.icu/5563/202311090821273.png)
+
+> 页面拆解
+
+除了按钮组使用固定定位放在右下角外，其他的框框从上至下排列，再加上一些间距即可。
+
+#### 2. 万能搜索
+
+万能搜索即用户仅进行一次输入，可以从多个不同的搜索引擎获取信息。
+
+![](https://pic.yupi.icu/5563/202311090821608.png)
+
+> 效果如下
+
+实现原理非常简单，使用 HTML 的 `<iframe>` 标签，直接将整个百度或其他搜索引擎嵌入到页面中，通过定义 `current` 变量来决定当前使用哪个搜索引擎、通过 `searchText` 变量来确定搜索内容，然后拼接 `<iframe>` 的地址即可，示例代码如下：
+
+```
+{
+  current === "baidu" &&
+  <iframe src={`https://www.baidu.com/s?wd=${searchText}`}
+          style={{border: 'none', height: '100vh', position: 'fixed', zIndex: 1}}
+        />
+}
+{
+  current === "bing" &&
+  <iframe src={`https://cn.bing.com/search?q=${searchText}`}
+          style={{border: 'none', height: '100vh', position: 'fixed', zIndex: 1}}
+        />
+}
+```
+
+#### 
+
+#### 3. 壁纸切换
+
+完成搜索功能后，我试着美化整个主页，首先是实现切换壁纸功能。针对不同类型的壁纸选择不同的实现方式。
+
+##### 静态壁纸
+
+静态壁纸即一张图片，直接使用 `<img/>` 标签，设置绝对定位和全屏显示即可。
+
+![](https://pic.yupi.icu/5563/202311090821640.png)
+
+> 静态壁纸
+
+##### 动态壁纸
+
+动态壁纸可不是指动态图片（GIF 等），而是使用 HTML5 Canvas 画布等技术实现的交互式网页。每一个动态壁纸都是一个独立小项目，包含 HTML、CSS、JS 等文件，可以直接在浏览器中运行。
+
+![](https://pic.yupi.icu/5563/202311090821146.png)
+
+> 动态壁纸
+
+直接采用 `<iframe>` 标签引入这些动态壁纸页面就行啦！
+
+![](https://pic.yupi.icu/5563/202311090821686.png)
+
+> 动态壁纸
+
+##### 随机壁纸
+
+最后，为了满足大家的特殊需求，还做了随机壁纸功能，有几种分类，每点一下，就会随机生成一个新壁纸！
+
+![](https://pic.yupi.icu/5563/202311090821952.png)
+
+> 随机壁纸
+
+实现原理依然很简单，使用了免费的搏天 API 随机壁纸接口，完全不用自己爬取图片再去做随机！
+
+![](https://pic.yupi.icu/5563/202311090821515.png)
+
+> 搏天 API 接口
+
+为了解决浏览器跨域的限制，还使用了 JsonBird 免费的请求代理，直接将请求随机图片的地址作为参数拼接在 JsonBird 地址后就行了！代码如下：
+
+```
+await axios.get(`https://bird.ioliu.cn/v1/?url=${cover.api}`)
+```
+
+#### 4. 主题切换
+
+最后，为了让大家更好地欣赏壁纸（好像跑题了），支持了白底和透明两种主题，可以动态切换。
+
+![](https://pic.yupi.icu/5563/202311090821277.png)
+
+> 切换主题
+
+这里我定义了两个 CSS 文件，分别作为白底和透明主题的样式，切换为透明主题时，只需给最外层的 HTML 标签增加一个类名即可，代码如下：
+
+```
+/* 白底 CSS 文件 */
+.search-wrapper {
+ background: white; /* 白色背景 */
+}
+  
+/* 透明模式 CSS 文件 */
+.ghost .search-wrapper {
+  background: transparent; /* 透明背景 */
+}
+```
+
+最外层标签，根据透明模式是否开启来确定类名：
+
+```
+<!-- 如果透明模式开启，则添加 ghost 类名 -->
+<div className={ghostClose ? '' : ' ghost'}>
+</div>
+```
+
+当然，多主题有很多种实现方式和插件，这并不是最优雅的，但比较简单易懂。
+
+### 部署上线
+
+项目做完后，使用框架自带的命令将所有文件构建成一个目录包。可以直接双击 `index.html` 文件，或使用 `serve` 在本地运行网页，浏览效果。
+
+![](https://pic.yupi.icu/5563/202311090821134.png)
+
+> 生成的目录包
+
+如果想要发布网站，供其他人输入网址在线访问，也是非常简单的。可以使用 `Vercel` 工具，用一行命令发布。
+
+而如果想要让网站获得更快的访问速度， 更推荐的方式是使用腾讯云静态网站托管（或者云托管）服务，依然是一行命令，甚至是点击 “一键部署按钮”，就可以将网站上线啦！**提供免费空间，完全足够学习和小项目使用！**
+
+![](https://pic.yupi.icu/5563/202311090821643.png)
+
+> 一键部署
+
+### 最后
+
+整个编程主页就是这样，以后会支持更多的主题、更多的搜索引擎，同时继续改进页面和交互效果，给大家一个接近完美的主页使用体验。
+
+**所有的代码均已开源**，已获得近 200 star，登上今日 GitHub 趋势榜！
+
+最后，我参与了腾讯云开发竞赛，希望大家可以帮鱼皮投票 ❤️
+
+> 求给倒数第六个作品『 编程主页 』作者鱼皮 投上您宝贵的一票，帮帮孩子 😢
+>
+> ⬇️ 点击这个框框底部的链接即可投票
+>
+> 公众号：腾讯云云开发[他 们 真 的 有 点 极 客](http://mp.weixin.qq.com/s?__biz=Mzg3NTA1NjcyNQ==&mid=2247494461&idx=1&sn=f715df89616f39009afc4c2dd0d5b12b&chksm=cec5f007f9b27911a9b5539c4b8704438daaecb53e57d253668b8493dcaf0f04d1056ddad850#rd)
+
+
+
+欢迎大家试着将我开源的编程主页 **一键部署**，也能帮我增加比赛分数，点击下方 **阅读原文** 直接进入链接。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\270\246\350\200\201\345\274\237\345\201\232\344\270\252\345\256\236\346\227\266\346\216\222\350\241\214\346\246\234.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\270\246\350\200\201\345\274\237\345\201\232\344\270\252\345\256\236\346\227\266\346\216\222\350\241\214\346\246\234.md"
new file mode 100644
index 0000000..873555c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\345\270\246\350\200\201\345\274\237\345\201\232\344\270\252\345\256\236\346\227\266\346\216\222\350\241\214\346\246\234.md"
@@ -0,0 +1,191 @@
+# 带老弟做个实时排行榜
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 阿巴可懂的实时排行榜设计和实现思路。
+
+大家好，我是鱼皮，暑假快到了，我的老弟小阿巴听说我家有很多好康的，就跑来找我玩。
+
+![](https://pic.yupi.icu/5563/202311090829973.jpeg)
+
+结果我摆出了几个以前开发过的小系统，准备在这段时间带着小阿巴多做些作品，学习编程项目的设计思路。这样等他开学了，就可以更轻松地跟着老师做做项目了。
+
+今天，就先带他做一个很常见的小功能：用户实时积分排行榜。
+
+## 实时积分排行榜
+
+### 需求
+
+先描述下需求，在我的编程导航项目中，为了鼓励大家共同维护网站，用户可以通过推荐资源、积极评论、举报违规资源等方式获取积分。
+
+为了进一步激励大家，网站需要提供一个用户积分排行榜，分为 **实时总积分榜** 、 **周榜** 和 **月榜**，均 **只取前 10 名** 。所有用户都能够查看当前排行榜，以及查看自己的 **实时** 总积分排名，后续管理员就可以给上榜用户颁发奖品了。
+
+效果如下图：
+
+![](https://pic.yupi.icu/5563/202311090829134.png)
+
+点击 `我的排名` 按钮，可以查看自己的实时排名：
+
+![](https://pic.yupi.icu/5563/202311090829012.png)
+
+本文篇幅有限，先仅讨论 **实时总积分榜** 的设计实现。
+
+听了需求后，小阿巴爽朗一笑：这有啥难的？且让我设计一波，再给你娓娓道来。
+
+### 设计实现
+
+先看下数据库的结构，总共有 2 个表：**用户表** 和 **用户积分表**。
+
+用户表存储了用户信息，以及用户的总积分（实时更新），也就是说总积分榜需要的数据可以直接从这里取到，不需要再去计算。
+
+用户表内容：
+
+| 用户 id | 用户名 | 积分（score） |
+| :------ | :----- | :------------ |
+| 1       | 小阿巴 | 10            |
+| 2       | 李鱼皮 | 1000          |
+| 3       | 小李   | 100           |
+| ......  |        |               |
+| 100     | 李老热 | 66            |
+
+如果要取前 10 名，只需要把所有用户的信息先取出来，再排个序就好啦，写 SQL 语句查询的话就是：
+
+```
+select * from `user` order by score;
+```
+
+然后如果要取自己的总排名，就对查到的有序数据进行一次遍历，找到自己所在的位置下标就行，伪代码如下：
+
+```
+// 从数据库查询全部用户列表
+list = getAllDataList()
+for(i = 0; i < total; i++) {
+  // 找到自己的位置
+  if(list[i].id == '我的id') {
+    return i + 1;
+  }
+}
+```
+
+小阿巴得意到：这不就实现总积分榜了么？你这需求太简单，啧啧。
+
+![](https://pic.yupi.icu/5563/202311090829089.png)
+
+我笑到：还不错，总积分榜的思路是正确的，起码知道要对所有的数据进行排序。但如果用户数特别多呢？比如几十万个，你只需要查自己的总排名，还需要把全部的数据都做一个排序么？
+
+小阿巴陷入沉思，想了半天，没想出来。
+
+于是我提示到：假如在一次考试中你想知道自己的排名，是不是只需要知道有多少人的分数比自己高就行了，不用去管其他人排第几对吧？
+
+小阿巴一拍脑袋：对啊，我只需要先查出自己的分数，然后统计分数大于我的用户数量，不就知道自己的排名了？
+
+先用 SQL 语句查出用户的分数：
+
+```
+/* 只取需要的列 */
+select score as myScore
+from `user`
+where id = "用户 id";
+```
+
+然后再用 SQL 语句统计分数大于该用户分数的数量：
+
+```
+select count(*) from `user`
+where score > myScore;
+```
+
+最后只需要将该查询结果加 1，就是自己的排名啦~
+
+小阿巴感叹到：原来转换一点点思路，就能省去多余的排序带来的性能开销，起飞~
+
+![](https://pic.yupi.icu/5563/202311090829113.png)
+
+### 更多思考
+
+鱼皮：先别起飞，其实对于一般用户量的系统，上面的方案就已经足够了。下面让我们加大难度，假如用户数再多一点点呢，比如说一亿个，怎么实时获取前 10 名呢？
+
+小阿巴：还真是 “亿点点”，就您那破编程导航还想着有一亿个用户？
+
+![](https://pic.yupi.icu/5563/202311090829046.png)
+
+鱼皮：少废话，梦想还是要有的，万一有亿个用户呢？快想想系统怎么做！
+
+小阿巴：且不说对一亿个数据排序有多慢，能不能存的下都是个问题啊。。。啊，等等，这难道就是面试常见的 Top N 问题！
+
+鱼皮：不错，我面试的时候被问过好几次 Top N 问题，如何从海量数据中找出前 N 个数呢？
+
+小阿巴：这我完全不懂啊，算法不会，真要命。
+
+鱼皮：其实 Top N 问题的核心在于保证空间和时间复杂度，先要考虑数据能存入内存运算，在怎样算得更快。
+
+通常 Top N 问题有下列几种解决方案。
+
+#### Top N 解决方案
+
+**全部排序**
+
+直接对所有数据进行排序（快排等），缺点是需要将数据一次性加载到内存中。
+
+**局部淘汰**
+
+内存中维护一个大小为 N 的容器，再让剩余的数一个个进入容器，并淘汰容器内的最小值。最终容器内剩下的数就是前 N 名。优点是能节省内存，缺点是太慢了。
+
+![](https://pic.yupi.icu/5563/202311090829837.png)
+
+**分治**
+
+把数据分为多个小组，小组内先分别选出前 N 名小组长，最后再让这些小组长同台竞技，选出最终的前 N 名。
+
+**哈希预处理**
+
+假如数据重复度很高，可以通过 hash 的方式，去掉很多重复数据。比如 1 亿个数据里，一半是 0，一半是 1，那么取前 10 名时，可以直接淘汰掉另一半为 0 的数据。
+
+但是预处理本身也需要时间和空间，这就需要我们对数据的重复度有一个清晰的判断，否则自作聪明、适得其反。
+
+**小根堆**
+
+面试算法中的高频考点 —— 堆排序，可以先取前 N 个数组成小根堆，堆顶始终是最小值。然后遍历后续数字，大于堆顶就替换掉堆顶并调整最小堆结构。该算法时间复杂度和空间复杂度（为 N，常数）都不错，所以必须要掌握。
+
+![](https://pic.yupi.icu/5563/202311090829813.png)
+
+但是具体选择哪种方案呢？还是要结合我们实际的项目和业务场景来分析。
+
+#### 实际解决
+
+由于我们的数据库来记录积分，所以当用户量级很大时，首先要 **分库分表** ，通常是水平分表，根据一定规则（比如 id）把用户数据行分批存储在多个数据表中。
+
+![](https://pic.yupi.icu/5563/202311090829954.png)
+
+> 分表
+
+然后就和大数据 Map / Reduce 处理机制一样了，可以采用 **分治** 的方式 **并行计算** 每个表的前 10 名（map），都计算好后，再汇总到一起计算最终的前 10 名（reduce）。
+
+![](https://pic.yupi.icu/5563/202311090829190.png)
+
+> 一次大数据并行处理过程
+
+用这种方式，别说 1 亿了，2 亿、3 亿的计算模式都是一样的，加机器水平扩容就好了~
+
+所以遇到 Top N 问题的时候，大家可以先答一下上面的几种方案，再结合具体的场景分析，分治和最小堆是我觉得相对 **核心** 的点。
+
+#### Redis
+
+最后，对于实时排行榜的设计，肯定很多背过八股文面试题的朋友在第一时间会想到使用 Redis 的有序集合 zset，的确也是一种方案，但也要结合场景去分析利弊，不要秒答。
+
+使用基于内存的 Redis zset 的确运算更快，且天然支持排序、使用方便。但数据量大时同样面临数据更新、维护、同步、持久化存储等问题，而且对于我们这种实时性要求不高的需求来说，有些大材小用了哈哈。
+
+![](https://pic.yupi.icu/5563/202311090829118.png)
+
+> zset 数据结构
+
+
+
+------
+
+
+我是鱼皮，周末肝文不易，如果觉得文章不错，希望 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311090829254.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\204\232\347\232\256\345\201\232\344\272\206\344\270\200\344\270\252 AI \347\274\226\347\250\213\346\230\265\347\247\260\347\224\237\346\210\220\345\231\250.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\204\232\347\232\256\345\201\232\344\272\206\344\270\200\344\270\252 AI \347\274\226\347\250\213\346\230\265\347\247\260\347\224\237\346\210\220\345\231\250.md"
new file mode 100644
index 0000000..fab83ef
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\204\232\347\232\256\345\201\232\344\272\206\344\270\200\344\270\252 AI \347\274\226\347\250\213\346\230\265\347\247\260\347\224\237\346\210\220\345\231\250.md"	
@@ -0,0 +1,96 @@
+# 愚皮做了一个 AI 编程昵称生成器
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，今天我是愚皮。
+
+愚人节，咱们用技术整点好玩儿的~
+
+![图片](https://pic.yupi.icu/5563/202311090825025.jpeg)
+
+### 前言
+
+今天早上，有一位做编程技术公众号的朋友 **小阿 Giao** 表示自己现在的公众号名称比较复杂，大家记不住，想改个通俗好记的名称。
+
+然后群里的小伙伴就疯狂献策，什么 “码农阿 Giao”、“程序员阿 Giao”、“阿 Giao 学编程” 等等，都是一些很常见的编程账号昵称，倒是给愚皮乐的不行。
+
+这么一想，好像挺多朋友都有取名纠结症，那我这么乐于助人的好青年，不得帮帮大家？
+
+![图片](https://pic.yupi.icu/5563/202311090825019.jpeg)
+
+在分析了几百个公众号的名称后，我发现很多名称都是类似的，于是，放弃午休，我特么直接搞出了一个 **编程昵称生成器**！运用前后端开发、大数据、人工智能等技术，帮助大家取出符合程序员风格的高质量名称！
+
+![图片](https://pic.yupi.icu/5563/202311090825021.png)
+
+这个 Logo 没啥特别的寓意，卷就完事~
+
+### 用法
+
+用法很简单，如果你需要强烈的个人 IP，想让名称中带有个人属性，那就只填写第一个输入框，点击一键生成：
+
+![图片](https://pic.yupi.icu/5563/202311090825093.png)
+
+如果你不需要个人 IP，可以只填写第二个输入框，点击一键生成：
+
+![图片](https://pic.yupi.icu/5563/202311090825063.png)
+
+当然，你可以在保留个人 IP 的同时，指明账号的方向，两个输入框都填写即可！
+
+![图片](https://pic.yupi.icu/5563/202311090825057.png)
+
+你还可以点击 ”就它了！“ 按钮，随机得到一个名字：
+
+![图片](https://pic.yupi.icu/5563/202311090825812.png)
+
+怎么样，是不是非常地实用呢？
+
+### 原理
+
+最后，简单介绍一下如何开发这么一个生成器吧。
+
+其实就是一个纯前端的项目，使用 Vue + ElementUI 开发界面。名称其实是根据定义好的字典生成的，定义一个生成函数，将用户的输入（比如 name 名称和 domain 方向）作为参数，替换已定义字典的字符串中的变量即可。
+
+函数代码如下：
+
+```
+export function getList(name, domain) {
+  // 同时填了名称和方向
+  if (name && domain) {
+    return [
+      `${name}${domain}`,
+      `${domain}${name}`,
+      `${name}学${domain}`,
+    ]
+  }
+  // 只填名称
+  if (name) {
+    return [
+      `${name}`,
+      `程序员${name}`,
+    ]
+  }
+  // 只填方向
+  if (domain) {
+    return [
+      `智能${domain}`,
+      `${domain}知音`,
+    ]
+  }
+}
+```
+
+是不是非常简单呢？
+
+代码已经开源啦，拿来练手是极好的，也欢迎大家一起来完善字典，搞出更多好名字！
+
+------
+
+**最后，我敢说这篇文章其实是史上最大的广告文，细思恐极！**
+
+祝大家愚人节快乐啦！
+
+⬇️ 点击下方阅读原文体验生成器
+
+![图片](https://pic.yupi.icu/5563/202311090825879.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\200\346\254\276\347\224\237\346\210\220\344\273\243\347\240\201+\346\225\260\346\215\256\347\232\204\347\245\236\345\231\250\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\200\346\254\276\347\224\237\346\210\220\344\273\243\347\240\201+\346\225\260\346\215\256\347\232\204\347\245\236\345\231\250\357\274\201.md"
new file mode 100644
index 0000000..5afe66f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\200\346\254\276\347\224\237\346\210\220\344\273\243\347\240\201+\346\225\260\346\215\256\347\232\204\347\245\236\345\231\250\357\274\201.md"
@@ -0,0 +1,130 @@
+# 我做了一款生成代码+数据的神器！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+### 缘起
+
+最近我在思考一个问题，每次我们开发新项目时，不是都要写 SQL 语句来创建数据库表嘛。然后我们为了开发测试方便呢，一般要往这个表里造一些假数据。
+
+那我不知道大家是怎么去造假数据的？
+
+像我以前做的项目不复杂，一般就是自己随便编，纯人工操作，比如给 username 加上 “张三”、“李四”、“张四” 等字符串值。
+
+![](https://pic.yupi.icu/5563/202311090808006.png)
+
+但是随着次数多了、表格的列多了，造数据的成本越来越大、越来越麻烦，比如我遇到过一个 20 多列的信息表，一个个去造数据要花个十几分钟！感觉是有点浪费时间了。
+
+所以我就在想：如果我做新项目的时候，不用写建表 SQL、不用造数据，能直接得到一个 **造好了假数据的表** ，那该有多好？
+
+### 肝！
+
+那我是很喜欢自己动手解决问题的嘛。于是从国庆前就开启了爆肝模式，一人全役，做出了这款自动生成 SQL 和模拟数据的工具：
+
+![](https://pic.yupi.icu/5563/202311090808080.png)
+
+如图，我给他取名为 SQL 之父，没有别的意思，就是【生 SQL、生数据】 嘛！
+
+> 有人问为什么不是 SQL 之母？别急，后面也会有的~
+
+这个工具不仅是给我自己用的，我还贴心地买了个域名：https://sqlfather.com，发布上线给大家用，访问这个地址即可。
+
+无论你是前端、后端、测试、数据开发、数据科学的同学，相信这个工具都会对你有帮助。
+
+建议大家先看这个视频来了解它的用法：https://www.bilibili.com/video/BV1eP411N7B7，视频有幸上了个热门哈哈。
+
+下面我也用文字的形式带大家了解一下这个项目的作用。
+
+### 项目介绍
+
+这个项目有 4 种应用场景。
+
+#### 1、可视化生成 SQL 代码和模拟数据
+
+假设现在我们要创建一个用户表，可以直接在可视化表单中填写表的信息，然后给表添加字段。还可以指定模拟数据类型，支持固定值、随机值、递增、正则表达式等多种模拟方式。
+
+![](https://pic.yupi.icu/5563/202311090808157.png)
+
+对于基本上每个表都有的重复字段，比如 id、创建时间、更新时间等，我们可以点击新增通用字段，就自动插入了这些字段。
+
+![](https://pic.yupi.icu/5563/202311090808068.png)
+
+最后，点击一键生成按钮。
+
+奇迹出现了！工具自动生成了 SQL 代码、模拟数据、JSON 数据、Java 代码等，如下图：
+
+生成 SQL 语句：
+
+![](https://pic.yupi.icu/5563/202311090808108.png)
+
+生成模拟数据，支持下载 Excel 文件：
+
+![](https://pic.yupi.icu/5563/202311090808134.png)image-20221016192008390
+
+试想一下，以前我们自己造假数据要花多久？而且还都是没什么意义的数据；而现在我只需要点几下就能自动生成，再也不用纠结我造的数据是张三还是李四了，告别造数据的苦差事！
+
+#### 2、支持多种导入方式和逆向生成
+
+那有同学说了，我习惯在别的工具建表，比如 Navicat、IDEA 等。如果已经有了数据表，想用你这个工具我还得再填一次表单吗？
+
+**当然不需要！**
+
+![](https://pic.yupi.icu/5563/202311090808062.jpeg)
+
+我开发了多种导入模式，可以直接复制并导入已有建表语句：
+
+![](https://pic.yupi.icu/5563/202311090808211.png)
+
+点击导入后，字段就会被自动识别出来了，然后再调整字段的模拟方式，就能一键生成模拟数据。
+
+你甚至还可以只传一个 Excel 数据表格（如下图），也能会自动识别出字段、字段的类型。再点一键生成，就能轻松完成建表~
+
+![](https://pic.yupi.icu/5563/202311090808104.png)
+
+但我觉得这些方式还不够方便！最理想的情况，应该是我就说一下这个表要有哪些列，不用自己填表单，就能生成一张表。
+
+为此呢，我开发了【智能生成】功能，基于历史数据，我们只需要填写列名，就能自动填写表单并生成数据了，是不是很方便？
+
+![](https://pic.yupi.icu/5563/202311090808147.png)
+
+#### 3、自定义词库
+
+但其实做到这里，我觉得还不够，因为这个工具还是死的、一成不变。
+
+比如现有的随机生成方式不满足我的诉求，我就想在 A、B、C 三个词中随机生成，怎么办呢？
+
+为了解决这个问题，我开发了【词库】功能，我们可以直接使用现成的词库来生成随机值，也可以自己创建一个词库，这样就能 **从指定范围中** 生成数据。
+
+![](https://pic.yupi.icu/5563/202311090808350.png)
+
+#### 4、协作共建
+
+除了个人创建词库之外，词库也是可以共享的，大家可以协作共建、使用其他同学的公开词库。甚至还可以一键根据词库创建字典表，研究方向的同学也可以把词库当做数据集来使用。
+
+![](https://pic.yupi.icu/5563/202311090808466.png)
+
+那既然词库能共享，我们填写的表单信息是不是也能共享呢？
+
+当然可以，于是我又开发了表信息、字段信息共享功能，大家可以学习或参考其他同学的库表设计，或者直接使用现成的库表，一键生成或进行二次开发！
+
+![](https://pic.yupi.icu/5563/202311090808124.png)
+
+这才是最理想的建表方式吧，直接输入表名，然后用别人的！
+
+![](https://pic.yupi.icu/5563/202311090808508.png)
+
+当然，你也可以把这个网站当成自己的收藏夹，以后的项目如果还要用到重复的表或字段，直接导入即可，告别重复工作！
+
+美中不足的是这个网站共享的内容还不是很多，毕竟这是一个大活，我一个人实在是搞不好，期待大家可以一起来参与贡献吧~
+
+
+
+------
+
+
+最后希望这个项目能帮到大家，如果觉得有帮助也还请点赞支持一下哈哈。
+
+由于是工作之余制作，比较累、也比较匆忙，所以等我再改改 Bug、完善完善之后，我会把代码一个字符不剩地开源给大家一起学习！谢谢大家~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\252\345\276\210\345\270\205\347\232\204\347\275\221\347\253\231\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\252\345\276\210\345\270\205\347\232\204\347\275\221\347\253\231\357\274\201.md"
new file mode 100644
index 0000000..c5df62d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\201\232\344\272\206\344\270\252\345\276\210\345\270\205\347\232\204\347\275\221\347\253\231\357\274\201.md"
@@ -0,0 +1,159 @@
+# 我做了个很帅的网站！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天来分享一下我最新上线的作品~
+
+相信大家都用过浏览器主页，在我小的时候，印象中的浏览器主页是这样的：
+
+![](https://pic.yupi.icu/5563/202311090811994.png)
+
+这类主页上有一堆无用的链接，看起来就很复杂，很多时候我都是被迫捆绑设置了这些主页。。。
+
+后来，一些开发者看不下去了，做出了主打简洁的浏览器主页，比如下面这样，精简到只有一个输入框：
+
+![](https://pic.yupi.icu/5563/202311090811010.png)
+
+我当时觉得别人做的特别酷，于是自己也做过一个面向程序员的浏览器主页，代码也完全开源了，目前每天还有 2000 多名用户：
+
+> https://home.code-nav.cn
+
+![](https://pic.yupi.icu/5563/202311090811954.png)
+
+看上去这些浏览器主页已经很棒了、也已经非常精简了，但作为一名程序员，我总觉得它们还不够精简、不够帅、用起来还不够方便。
+
+就拿我自己的使用习惯来说，像我在工作中经常要从不同网站去搜索内容，比如百度、Google、GitHub；有时还要用一些翻译啊、倒计时之类的小工具。这个时候我就要在不同网页中穿梭、跳转。
+
+**作为一个懒人，我不能接受这种麻烦。** 所以我理想中的浏览器主页应该可以用最快捷的操作完成我常用的所有功能。
+
+最好是我脑袋想到要搜索什么内容就能立刻打开网页哈哈，但是这个我实现不了。
+
+那么除了脑控外，对于程序员来说，最快捷的操作是什么呢？
+
+答案是：命令行！不需要任何鼠标操作，通过输入命令来操作网站、使用工具。
+
+不过很可惜，现在网上并没有类似的网站。那咱就自己做一个吧！
+
+于是，几个不眠之夜后，我一个人从 0 开始做出了这款真正极简的、极客范儿的浏览器主页 YuIndex ！
+
+如图，这里我仿了 Linux 终端的风格，程序员朋友是不是 DNA 动了呢~
+
+> 指路：https://yuindex.com
+
+![](https://pic.yupi.icu/5563/202311090811104.png)
+
+感兴趣的同学可以看视频来了解~
+
+> 视频：https://www.bilibili.com/video/BV19B4y1Y7m8/
+
+## 功能介绍
+
+在这个网页中，所有的操作都通过输入命令的方式来完成。
+
+比如输入 help，可以查看所有支持命令。
+
+![](https://pic.yupi.icu/5563/202311090811078.png)
+
+### **快捷搜索**
+
+输入 search，可以看到系统会自动给出命令的提示，-f 可以指定搜索的平台，按下回车就完成了搜索。
+
+![](https://pic.yupi.icu/5563/202311090811978.png)
+
+当然这样肯定是很麻烦的，所以我给终端添加了 alias 别名功能。可以用更简单的命令，比如 baidu 鱼皮，或者 bili 鱼皮，再或者 github 搜项目等等。这样一来，不需要任何鼠标操作，就能从任意网站搜索内容。
+
+![](https://pic.yupi.icu/5563/202311090811996.png)
+
+类似的命令有 goto，可以让你快速跳转到指定的链接。
+
+![](https://pic.yupi.icu/5563/202311090811981.png)
+
+为了更快捷地操作，我开发了快捷键功能。和 Linux 终端一样，按 `Ctrl + L` 键可以清屏；按上下键可以切换历史命令。输入 history，就可以看到所有执行过的命令，使用 ! 就能重新执行某命令。
+
+![](https://pic.yupi.icu/5563/202311090811002.png)
+
+在 Linux 的小黑框里敲代码是比较枯燥的，我们不妨用 background 命令来切换一张好看的壁纸，只要输入图片地址即可。
+
+或者输入 bg 就可以随机切换壁纸~
+
+![](https://pic.yupi.icu/5563/202311090811164.png)
+
+#### 空间管理
+
+有点类似网页收藏夹，这里我参考了 Linux 的文件系统，可以用命令来管理你的常用网站。
+
+比如输入 `add` 命令添加网站，然后用 `ls` 命令可以查看所有已添加的网站，用 `mv` 命令可以移动网站、用 `cd` 命令可以切换目录、用 `pwd` 可以查看当前所在位置等等。然后配合 `goto` 命令可以快速访问。
+
+![](https://pic.yupi.icu/5563/202311090811418.png)
+
+> 后面我计划开发云端同步功能，你就可以跨设备地维护和共享自己添加的内容。
+
+### **小工具**
+
+除了上面的基本功能外，这个网站最强大的能力就在于 —— 包容万物，我可以把所有实用的工具全部封装在小小的命令行里。目前网站的第一版只提供了一些简单的小工具，比如：
+
+- 输入 date 可以查看当前日期时间
+- 输入 todo 可以管理你的待办事项
+- 输入 fanyi + 要翻译的内容就可以快速得到结果，不用再跳到其他的翻译平台了
+- 输入 ping 可以检查某个网站是否还活着
+- 输入 timing 可以快速开启倒计时
+- 输入 ddos 可以攻击某个网站，额，不过我建议大家善良。
+
+### **摸鱼**
+
+除了上面这些啊，我发现这个 web 终端很适合摸鱼。
+
+- 比如输入 music + 音乐名，就可以快速听音乐
+- 输入 moyu 就能玩小游戏
+- 输入某个视频编号就能内嵌观看
+
+![](https://pic.yupi.icu/5563/202311090811472.png)
+
+然后当你感觉老板快来的时候，你就按下 `Ctrl + O` 快捷键，瞬间所有内容都被折叠了，你可以装作认真敲命令，等老板走了，再按 `Ctrl + O` 展开。
+
+![](https://pic.yupi.icu/5563/202311090811725.png)
+
+> 支持折叠与展开
+
+
+
+------
+
+目前虽然这个项目支持的命令还不多，对大多数同学来说也并没有那么实用，但我之所以要花两周的时间去做它，首先是因为我自己的需求、并且觉得它很帅！还有就是之前没有做过类似的项目，纯当自学了~
+
+不过我把这个程序设计地很利于扩展，用了命令模式、递归解析等设计，如下图：
+
+![](https://pic.yupi.icu/5563/202311090811980.png)系统设计图
+
+理论上你可以把任何工具、任何功能集成进来，你甚至可以把自己的偶像封装进去！
+
+![](https://pic.yupi.icu/5563/202311090811053.png)
+
+这个代码我也完完整整地开源了，项目文档写得非常详细，下载代码后装个依赖就能运行，大家就可劲儿学、可劲儿造，可以在此基础上开发自己的 web 终端，也欢迎贡献更多新的命令~
+
+> 开源：https://github.com/liyupi/yuindex
+
+![](https://pic.yupi.icu/5563/202311090811127.png)
+
+短短 3 天，我已经收到了 35 个 issues，并且合并了几个 PR，看来大家还是很积极贡献（报 Bug）的，谢谢朋友们。
+
+之后我会继续添加更多实用的命令，争取把它打造成一个超级主页！
+
+P.S. 我是一名后端程序员，也是第一次做这种东西，水平有限，大家觉得做的不好的地方，还请多多包涵。不喜勿喷，谢谢大家！
+
+
+
+------
+
+
+最后，晚上我会在自己的 编程学习圈子 里直播从 0 到 1 分享这个项目的创作历程、系统设计思路、前端 / 后端开发和源码解读，争取让所有同学都能把这个项目变成自己的、有能力二次开发并把这个项目写在简历上，我相信会比什么电商网站要亮眼一些~
+
+感兴趣的同学欢迎加入我的学习圈子，圈子内可以 1 对 1 向我提问、获取原创的编程学习资料、编程知识库；并且每周跟着我的直播学做项目、提升编程能力、学习求职写简历的技巧等；星球也会定期邀请嘉宾来做直播分享（往期所有直播都有回放）。
+
+扫描下方二维码领优惠券加入，加入 3 天内可以随时全额退款，所以哪怕你想白嫖一下资料也无可厚非，星球欢迎想进步的小伙伴~
+
+![](https://pic.yupi.icu/5563/202311090811887.png)
+
+> 点击下方阅读原文或访问 yupi.icu 网站可进一步了解星球
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md"
new file mode 100644
index 0000000..d10983c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md"
@@ -0,0 +1,79 @@
+# 我大三时做的羞耻项目！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 大学时期独立开发的作品分享
+
+大家好，我是鱼皮，最近翻留言，发现有不少小伙伴想了解下我大学时做过的项目，必须安排！
+
+下面就分享我在大三下学期时独立开发的 **羞耻** 项目 —— 分布式邮件调度平台。
+
+为什么用 “羞耻” 来形容呢？往下看。
+
+![图片](https://pic.yupi.icu/5563/202311090832563.png)
+
+### 项目背景
+
+这个项目是为了一年一度的计算机应用能力大赛而准备的参赛作品。因为大二时只拿了三等奖，所以想在大三时扳回一城，于是强行拉了两名室友和我一起报名，准备搞个大计划。
+
+结果呢，因为当时在字节跳动实习，其他空余时间都在刷算法和深入学习 Java 后端，就导致快到比赛结束了才想起来 提交 开始做作品。
+
+![图片](https://pic.yupi.icu/5563/202311090832619.png)
+
+所以，最后只花了 7 天左右，就把这个作品赶出来了。不仅没有经过充分的测试，写出来的代码也比较粗糙，来不及优化，换言之就是 **能跑就行** ，或者能在 PPT 上展示、有个截图就行。
+
+自己现在回想起来，真的是忘记了自己报名比赛时的豪言壮志。
+
+### 项目介绍
+
+由于大二参赛时做了一个大而全的项目《校园二手交易平台》，所以这次想做个 **技术 + 应用** 相结合的项目，本来的项目名是 “邮件发送平台”，太 low，就改名为 “分布式邮件调度平台”，瞬间高大上了许多~
+
+![图片](https://pic.yupi.icu/5563/202311090832670.png)
+
+为啥要做这玩意儿呢？
+
+给用户发邮件是开发中很常见的功能。如今技术日新月异，各种框架层出不穷，但是定时邮件、延迟邮件、事件触发邮件等功能需要自己实现，较为复杂；且在邮件数量过多，网络不稳定等因素时，我们很难对发送邮件的结果以及历史进行一个统计管理。
+
+因此我想要通过简洁的界面去集中管理邮件的发送、自动回复、失败重发，并且能够对历史邮件进行统一的日志记录和查看。
+
+![图片](https://pic.yupi.icu/5563/202311090832835.png)
+
+> 集中管理邮件调度
+
+对于现在的分布式应用，单机的 “邮件调度平台” 已经难以满足性能需求，因此需要 **分布式** ，利用 RPC 远程调用实现各独立应用与主服务器的交互。
+
+其实整个系统的设计很像开发一个分布式任务调度平台，只不过更专注于邮件而已。
+
+### 技术栈
+
+这是一个前后端兼备的全栈项目。
+
+在技术的选型上，前端使用主流的 Vue 框架、Element UI 组件库，并通过秘技 `IceWork` 快速生成前端页面，要不然 7 天光前端都写不完！
+
+后端就用主流的  Java SpringBoot，用 Quartz 实现定时任务调度、用 Java Mail 实现邮件发送等。由于时间紧急，也没有用关系型数据库，大部分数据都直接在内存用 HashMap 和 Redis 存储了。
+
+此外，为了保障服务端的稳定性，用时序数据库 InfluxDB + Grafana 搭了一个应用监控。
+
+![图片](https://pic.yupi.icu/5563/202311090832700.png)
+
+> Grafana 应用监控
+
+### 项目演示
+
+用图文来展示项目没那个味儿，所以我特地录制了视频，并且上传到小破站了，欢迎大家观看~
+
+视频地址：https://www.bilibili.com/video/BV1t54y177qs/
+
+（或者点击文章下方 **阅读原文** 直达）
+
+![图片](https://pic.yupi.icu/5563/202311090832865.png)
+
+> 项目截图
+
+### 项目资料
+
+虽然由于时间紧，导致项目做得并不完善，但应该还是有值得参考的地方，索性就将项目的设计文档、答辩 PPT 还有所有的源代码全部给大家！
+
+在我的公众号 `程序员鱼皮` 后台回复【邮件系统】就可以领取了~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\226\260\347\275\221\347\253\231\344\270\212\347\272\277\344\272\206\357\274\201\350\200\214\344\270\224\350\277\231\346\254\241\347\232\204\345\210\266\344\275\234\346\226\271\345\274\217\346\234\211\347\202\271\344\270\215\345\220\214.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\226\260\347\275\221\347\253\231\344\270\212\347\272\277\344\272\206\357\274\201\350\200\214\344\270\224\350\277\231\346\254\241\347\232\204\345\210\266\344\275\234\346\226\271\345\274\217\346\234\211\347\202\271\344\270\215\345\220\214.md"
new file mode 100644
index 0000000..bfb3dcb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\226\260\347\275\221\347\253\231\344\270\212\347\272\277\344\272\206\357\274\201\350\200\214\344\270\224\350\277\231\346\254\241\347\232\204\345\210\266\344\275\234\346\226\271\345\274\217\346\234\211\347\202\271\344\270\215\345\220\214.md"
@@ -0,0 +1,72 @@
+# 我的新网站上线了！而且这次的制作方式有点不同
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天给大家分享下我刚刚上线的新网站 —— 编程词典。
+
+大家可以先看视频感受一下：https://www.bilibili.com/video/BV19M4y127fG
+
+![](https://pic.yupi.icu/5563/202311090819626.png)
+
+这是一份计算机编程领域的专业术语大全，也是一本可以轻松查阅的编程知识大百科。
+
+指路：http://dict.code-nav.cn
+
+网站目前覆盖 **30 个** 计算机编程相关的垂直领域，比如 Java、Python、前端、Go、C++、游戏开发、人工智能、大数据、云计算、区块链等等等等。
+
+![](https://pic.yupi.icu/5563/202311090819210.png)
+
+网站目前总共有 **900 多个** 专业名词和术语，比如什么是 Java 注解、继承、虚拟机，什么是前端的响应式设计、怎么做前端性能优化，什么是 C++ 的重载，什么是网络安全的 DDOS 攻击等等等等，可谓是非常全面了！
+
+![](https://pic.yupi.icu/5563/202311090819693.png)
+
+我为什么要做这个网站呢？
+
+一方面可以给大家查阅知识，查漏补缺；另外一方面也是因为我发现，因为现在网上教程太丰富了，导致很多学计算机的同学，只跟着网上的教程看，别的一点儿课外知识也不了解！可能等到面试时才知道有些知识点。
+
+所以希望这个网站也可以帮助学编程的朋友，接触和了解更多的计算机专业知识，起到一个科普的作用，打破信息茧房。
+
+这个网站的用法也非常简单，两种方式：
+
+1）你可以选择自己关注的领域，按顺序观看所有知识点
+
+![](https://pic.yupi.icu/5563/202311090819579.png)
+
+2）也可以直接搜索关键词，跟查词典一样快速找到知识点去学习。
+
+![](https://pic.yupi.icu/5563/202311090819513.png)
+
+网站的介绍到此结束，接下来我要告诉大家一个炸裂的事实：我只用了 **一个人** ，只用了 **一天** 的时间，就做出了这个网站！
+
+肯定很多同学都不相信，因为要是放在以前，我自己也不相信。900 多个编程术语、900 多篇文章，一天搞定？玩呢？
+
+![](https://pic.yupi.icu/5563/202311090819474.png)
+
+而且其实在去年我就有做这种编程词典网站的想法，就是因为觉得这么多篇文章的工作量实在是太大了，所以一直鸽。。。
+
+然而这是真的，不要忘了，AI 的时代已经来了。
+
+通过 ChatGPT 就能生成文章了，而我只要再结合自己的应用开发技术，就能轻松利用 AI 来帮我生成文章和代码。
+
+![](https://pic.yupi.icu/5563/202311090819523.png)
+
+前天我发文说自己入局 AI 的时候，有同学会说：AI 和你有什么关系？
+
+这个编程词典网站，就是一个现成的例子，也是 AI 落地玩法之一。
+
+的确，我们开发程序员可能没有深入了解 AI 的算法，但是，我们可以发挥自己的专长，结合现成的 AI 能力去做各种各样的落地应用。
+
+**AI，真的是给应用开发者最好的礼物。**
+
+而且不说开发者，AI 其实已经融入到咱们每个普通人的生活中了，不是么？
+
+最后，欢迎大家体验这个网站。如果你觉得这个网站有用、或者对这个网站的制作过程感兴趣，请给鱼皮点个赞，后面我可以给大家分享下这个网站的制作过程。
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。后面我大概率也会在星球里，直播带大家开发一些 ChatGPT 应用，敬请期待~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md"
new file mode 100644
index 0000000..91f183e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md"
@@ -0,0 +1,45 @@
+# 我的毕业设计，时隔一年，仍感觉头秃
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享我的毕设作品【玩毛毛】，以及做毕设、写论文的经验。
+
+大家好，我是鱼皮，毕业季快到了，最近不少读者朋友都完成了自己的毕业设计，也有一些同学答辩没啥底气，找我来帮他们的作品把把关。
+
+我看了一些，大部分同学做的都是网站和 APP，也有做小程序和桌面软件的；方向上也是五花八门，除了基本的前后端开发外，还有云计算、嵌入式、物联网、大数据、区块链、计算机视觉、人工智能等等，基本啥都有。也让我不禁感慨，现在的同学们，真是一代更比一代强，后浪啪啪地往我脸上抽啊。
+
+![图片](https://pic.yupi.icu/5563/202311090828582.png)
+
+还有些大三、甚至是大二的同学，已经开始考虑自己毕设要做什么了，担心自己学的方向会和毕设有所不同，导致最后无法毕业。
+
+其实啊，完全不用担心，大学期间学习自己感兴趣的技术就好了，毕业设计的难度一般不会很大，而且很多学校应该都是支持自己选择课题的。只要别太过划水，跟导师也不要闹什么矛盾，老老实实的，毕业都是不成问题的，学校巴不得大家快点毕业呢！
+
+![图片](https://pic.yupi.icu/5563/202311090828464.png)
+
+今天，鱼皮就分享一下自己当时的毕业设计吧。
+
+造化弄人，本来毕业设计是想用自己熟悉的技术快速完成，没想到最后竟然被分配了一个我完全没接触过的领域 —— 图像处理算法研究。研究课题的目标是设计一种算法，能够从一大组显微图像中找出指定焦点位置最清晰的图片。为了优化算法，我还用 C++ 和 Qt 这两个之前没深入学习过的技术来开发了一个实验软件。
+
+诺，就是下面这个，大家可以猜猜软件上的图片是啥？我当时把自己做的这个软件称为 “找毛毛”，能够知道地上哪根头发是我掉的。
+
+![图片](https://pic.yupi.icu/5563/202311090828882.png)
+
+毕业设计作品
+
+除了开发作品外，毕业设计最重要的部分就是写论文啦，我记得大概要写 10000 多字吧，因此让很多同学感到脑阔疼啊，完全不知道要写啥，复制粘贴又不一定能通过论文查重大关。
+
+没关系，我给大家做了一期视频，一方面是分享我的毕设作品【玩毛毛】，另一方面，分享我个人关于做毕设、写论文的经验。欢迎大家来看一下，也希望可以给个三连支持呀 ❤️ ！
+
+视频地址：https://b23.tv/QhHIsJ
+
+⬇️ 也可点击下方阅读原文查看
+
+![图片](https://pic.yupi.icu/5563/202311090828749.png)
+
+> B 站视频
+
+最后，再说个事儿，俺这两天买了一个 **升降桌**，在公司敲代码的时候用，中午午休时试了一下，感觉还是不错的。久坐不动不仅是肥胖的元凶，还可能会有颈椎病、腰疼背疼等毛病，大家学编程和工作的时候，记得多走动走动，注意身体哈！
+
+![图片](https://pic.yupi.icu/5563/202311090828821.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\350\241\250\346\203\205\345\214\205\347\275\221\347\253\231\344\270\212\347\272\277\345\225\246\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\350\241\250\346\203\205\345\214\205\347\275\221\347\253\231\344\270\212\347\272\277\345\225\246\357\274\201.md"
new file mode 100644
index 0000000..d5cfa05
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\347\232\204\350\241\250\346\203\205\345\214\205\347\275\221\347\253\231\344\270\212\347\272\277\345\225\246\357\274\201.md"
@@ -0,0 +1,177 @@
+# 我的表情包网站上线啦！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 代码开源，适合学习
+
+大家好，我是鱼皮，时隔两周，我的表情包网站终于上线啦！
+
+网站名叫 `爸爸` ，随便取的名字，感觉威武霸气、还挺好记。网站的 Logo 是一个标志的小秃头，透露着作者内心的悲凉。
+
+![](https://pic.yupi.icu/5563/202311090819882.png)
+
+网站地址：http://father.cool ，这是我特意挑选的域名，是不是很酷~
+
+## 功能介绍
+
+进入网站，可以看到丰富的表情包，目前共收录了几万张表情，如果不是因为贫穷，还会收录更多！
+
+![](https://pic.yupi.icu/5563/202311090819474.png)
+
+> 爸爸表情包网站
+
+可以输入文字搜索表情，也可以选择对应的标签，持续整理中~
+
+![](https://pic.yupi.icu/5563/202311090819083.png)
+
+> 程序员相关表情
+
+当你看上了一个表情图后，点击它，就能进入下载界面。在这里，你可以自由编辑表情图、给表情添加配字，制作新的表情包：
+
+![](https://pic.yupi.icu/5563/202311090819137.png)
+
+是不是很方便呢？
+
+如果找不到合适的素材图，你也可以上传自己的表情，审核通过后就会公开可见，欢迎大家分享~
+
+![](https://pic.yupi.icu/5563/202311090819007.png)
+
+功能大概就这些，虽然现在项目功能不多，但后面还会继续开发，希望能把这个表情包网站做大做强。
+
+搜表情，找爸爸！
+
+## 制作过程
+
+其实这个项目并不新鲜了，也没什么创意，我做它主要是为了给大家演示项目的完整制作过程，帮大家学习。
+
+因此，整个网站几乎全程直播制作，从需求分析、到技术选型、到前后端开发、再到部署上线，都给大家演示了。
+
+但时间和水平有限，不希望把项目搞的太复杂，事先也没空做任何准备，所以总共花了十几个小时，就草草上线一版给大家体验了。
+
+结果，刚上线不到 5 分钟，网站就崩了！
+
+![](https://pic.yupi.icu/5563/202311090819068.png)
+
+所以我又做了一点点 Bug 修复和优化，这才正式上线，而且这次肯定还会出一堆 Bug！
+
+这个网站虽然看起来简单，但细节很多，不自己做一遍，真的不知道会遇到什么莫名其妙的问题。所以，想学好编程，多做项目实践是很必要的！
+
+**整个项目制作过程如下：**
+
+1. 需求分析
+
+2. 技术选型
+
+3. - 编程语言
+   - 开发框架
+   - 数据库
+   - 接口文档
+   - 对象存储
+   - CDN
+
+4. - 开发框架
+   - 组件库
+   - 图像编辑
+   - 图像合成
+   - 确定前端
+   - 确定后端
+
+5. 开发
+
+6. - 增删改查
+   - 文件上传
+
+7. - 项目初始化
+   - 整合框架 + 编写 Demo
+   - 设计库表
+   - 开发增删改查
+   - 开发文件上传
+   - 多环境
+
+8. - 项目初始化
+   - 组件引入 + 编写 Demo
+   - 设计界面
+   - 开发界面
+   - 模拟交互
+   - 开发图像编辑
+   - 开发图像合成
+   - 前端
+   - 后端
+   - 前后端对接
+
+9. 上线前准备
+
+10. - 日志
+    - 库表同步
+    - 基础数据
+    - 内容安全审核（腾讯数据万象）
+
+11. - 界面优化
+    - 统计分析
+    - 前端
+    - 后端
+    - 代码优化
+    - 测试
+    - 域名
+
+12. 发布上线
+
+13. - 编写 Dockerfile
+    - 前端部署
+    - 后端部署
+    - 域名配置
+
+## 技术选型
+
+为了帮大家学习，我特意选用了主流技术来实现这个网站，比如前端 Vue 框架、后端 Java SpringBoot、MySQL 数据库、Nginx 服务器、Docker 容器等，项目的结构和代码也都是我精心编写的。
+
+为了让大家都能早日上线自己的网站，我把整个项目的代码 **完全开源** 给大家（GitHub 搜 liyupi/father），大家可以轻松获取学习。
+
+学了这套代码后，相信你能做出很多类似的网站，比如摄影网站、壁纸网站、作品集网站、图床等。
+
+![](https://pic.yupi.icu/5563/202311090819589.png)
+
+**整个项目技术选型如下：**
+
+#### 前端
+
+- 框架：Vue 3
+- 组件库：Ant Design Vue 2
+- 请求：Axios
+- 图像处理：Vue Cropper
+- 图像合成：Html2Canvas
+- 文件下载：FileSaver
+- 颜色选择器：Vue3 Picker
+
+#### 后端
+
+- Java 8
+- 开发框架：SpringBoot 2.x
+- 数据访问：MyBatis + MyBatis Plus
+- 项目管理：Maven
+- 接口文档：Swagger + Knife4j
+
+#### 存储
+
+- 数据库：MySQL
+- 对象存储：Tencent COS
+- CDN：Tencent CDN
+
+#### 部署
+
+- 前端：Nginx + Linux Server
+- 后端：容器 + 自动化构建（微信云托管平台）
+
+#### 其他
+
+- 内容安全：Tencent 数据万象
+
+- 运维：宝塔 Linux
+
+- 统计：百度统计
+
+  
+
+------
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\351\200\240\344\272\206\344\270\252\350\275\256\345\255\220\357\274\214\345\256\214\346\225\264\345\274\200\346\272\220\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\351\200\240\344\272\206\344\270\252\350\275\256\345\255\220\357\274\214\345\256\214\346\225\264\345\274\200\346\272\220\357\274\201.md"
new file mode 100644
index 0000000..4b9d1ae
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\346\210\221\351\200\240\344\272\206\344\270\252\350\275\256\345\255\220\357\274\214\345\256\214\346\225\264\345\274\200\346\272\220\357\274\201.md"
@@ -0,0 +1,185 @@
+# 我造了个轮子，完整开源！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近为了帮助自己完成写超长 SQL 语句（几千行）的工作，我花几个小时开发了一个小工具 —— 结构化 SQL 生成器，可以使用扁平的 JSON 结构来轻松生成层层嵌套的、复杂的 SQL，从而大幅提高写 SQL 的效率！
+
+> 工具地址：http://sql.yupi.icu ，很好记吧~
+
+工具如图，在左侧输入 JSON、右侧自动生成 SQL 语句，保证重复的语句只用写一次即可，更利于维护：
+
+![](https://pic.yupi.icu/5563/202311090813888.png)工具长这样，非常朴素
+
+关于这个项目的背景、我为什么要开发这个工具，可以先看下面这个视频了解下（看封面感觉就很惨 hh）：
+
+> 视频地址：https://www.bilibili.com/video/BV1qa411J7vh/
+
+![](https://pic.yupi.icu/5563/202311090813805.png)
+
+虽然这个工具是为了自己完成需求开发的，但和具体业务无关，所以我把它完整开源了，也是感谢大家的 star：
+
+> 开源地址：https://github.com/liyupi/sql-generator
+
+![](https://pic.yupi.icu/5563/202311090813392.png)
+
+那在本文中主要给大家介绍这个项目的作用、用法以及大致的实现原理，由于项目本身并不复杂，纯 browser 前端 + 递归解析生成算法实现，所以还是比较适合学习前端和算法的朋友学习参考的~
+
+## 项目作用
+
+1. 将 SQL 的编写逻辑 `结构化` ，像写文章大纲一样编写和阅读 SQL
+2. 重复的 SQL 只需编写一次 ，SQL 变动时修改一处即可
+3. 可以针对某部分 SQL 进行传参和调试
+4. 查看 SQL 语句的引用树和替换过程，便于分析理解 SQL
+
+![](https://pic.yupi.icu/5563/202311090813343.png)
+
+> 可以查看 SQL 生成树
+
+## 应用场景
+
+如果你要写一句复杂的 SQL，且 SQL 中很多代码是 **相似** 但又不相同的。那么推荐使用该工具，可以不用重复编写 SQL，更有利于修改、维护和理解。
+
+尤其是在大数据分析场景下，经常会有编写复杂 SQL 的需求。
+
+> 之所以会有这个轮子，也正是因为鱼皮在工作中要写一句长达 3000 行的 SQL 来离线分析数据，手写真的人要疯了！
+
+当然，这玩意本质上就是一个文本解析 + 替换工具嘛，所以你也完全可以把它当做一个 `重复代码生成器` ~
+
+> 有同学会说：不是有存储过程么？咳咳，存储过程在大数据引擎上的通用性嘛。。。
+
+## 示例
+
+需求：计算 id = 1 和 id = 2 的两位同学的身高差
+
+SQL 大概是这样的：
+
+```
+select (s1.height - s2.height) as 身高差
+from 
+(select * from student where id = 1) s1,
+(select * from student where id = 2) s2
+```
+
+显然，上述 SQL 中学生表查询了 2 次，而且除了查询的 id 不同外，查询逻辑完全一致！
+
+如果后面查询学生的逻辑发生修改，那么以上 2 个子查询都要同时修改，不利于维护。
+
+而使用本工具，只需编写如下 JSON，就能自动生成完整的 SQL 了：
+
+```
+{
+    "main": "select @身高差() from (@学生表(id = 1)) s1, (@学生表(id = 2)) s2",
+    "身高差": "(s1.height - s2.height) as 身高差",
+    "学生表": "select * from student where id = #{id}"
+}
+```
+
+结果如图：
+
+![](https://pic.yupi.icu/5563/202311090812885.png)
+
+通过类似 `函数调用 + 传参` 的方式，我们无需重复编写 SQL，而且整个 SQL 的逻辑更清晰！
+
+当然，以上只是一个示例，真实大数据离线分析的场景下，SQL 可比这复杂 N 倍！
+
+如果感兴趣的话，欢迎往下看文档，还有更复杂的示例~
+
+## 项目优势
+
+1. 支持在线编辑 JSON 和 SQL，支持代码高亮、语法校验、一键格式化、查找和替换、代码块折叠等，体验良好
+2. 支持一键生成 SQL
+3. 支持参数透传，比如 @a(xx = #{yy})，yy 变量可传递给 @a 公式
+4. 支持嵌套传参（将子查询作为参数），比如 @a(xx = @b(yy = 1))
+5. 不限制用户在 JSON 中编写的内容，因此该工具也可以作为重复代码生成器来使用
+6. 支持查看 SQL 语句的调用树和替换详情，便于分析引用关系
+
+## 文档
+
+可以把下面的代码放到生成器中试试，一下就明白如何使用啦~
+
+```
+{
+  "main": "必填, 代码从这里开始生成, 用 @规则名() 引用其他语句",
+  "规则名": "可以编写任意 SQL 语句 @规则名2() @动态传参(a = 求给 ||| b = star)",
+  "规则名2": {
+    "sql": "用 #{参数名} 指定可被替换的值",
+    "params": {
+      "参数名": "在 params 中指定静态参数, 会优先被替换"
+    }
+  },
+  "动态传参": "#{a}鱼皮#{b}"
+}
+```
+
+### 补充说明
+
+`对象键`：定义 SQL 生成规则名称，main 表示入口 SQL，从该 SQL 语句开始生成。
+
+`对象值`：定义具体生成规则。可以是 SQL 字符串或者对象。
+
+`sql`：定义模板 SQL 语句，可以是任意字符串，比如一组字段、一段查询条件、一段计算逻辑、完整 SQL 等。
+
+`params`：静态参数，解析器会优先将该变量替换到当前语句的 #{变量名} 中
+
+`#{xxx}`：定义可被替换的变量，优先用当前层级 params 替换，否则由外层传递
+
+`@xxx(yy = 1 ||| zz = #{变量})`：引用其他 SQL，可传参，参数可再用变量来表示，使用 |||（三个竖线）来分隔参数。
+
+## 复杂示例
+
+需求：用一句 SQL 查询出以下表格
+
+![](https://pic.yupi.icu/5563/202311090812731.png)
+
+这个表格的难点在哪？
+
+1. 查汇总和查明细的粒度不同，不能用 group by 区分，只能用 union（红色）
+2. 分类列中不同行的数据有交叉，不能用 group by 区分，只能用 union
+3. 每一列由多张表共同 join 而成，且不同分类可关联的表不同，须进行区分（灰色表示无法关联），并将缺失的字段补齐（否则无法 union）
+4. 不同行的同一列计算公式可能不同（蓝色）
+5. 不同列的过滤条件不同（比如最后两列墨绿色是要查全校，其余列只查 1 年级）
+6. 要查询同环比，只能用 2 份完整的数据去 join 然后错位计算来得出
+
+显然，这个表中很多查询逻辑是重复但又不同的。
+
+这么算下来，最后这个 SQL 中到底会包含多少个基础表的 select 呢？每个基础表查询要重复编写多少遍呢？大家可以思考一下。
+
+> 然而，这个表格也只是鱼皮对实际需求简化后才得来的，实际需求比这还复杂几倍！
+
+可想而知，人工写有多恶心？！
+
+但是使用本工具，最内层的 SQL 表查询只需要用 JSON 来定义一次，就可以重复使用：
+
+> 其实和 with 语法是很像的，但比 with 更灵活和通用
+
+![](https://pic.yupi.icu/5563/202311090813420.png)
+
+## 技术实现
+
+这个工具使用和 JSON 相性最好的 JavaScript 来实现，只需编写一份逻辑 JS 文件，可同时应用于 browser 和 server 端。
+
+功能比较轻量，因此我选择优先在纯 browser 端实现。
+
+前端使用 `Vue3 + Vite + Ant Design Vue` 开发界面，选用 `Monaco Editor` 实现代码编辑、高亮、格式化等功能，使用 `TypeScript + ESLint` 保证代码规范。
+
+![](https://pic.yupi.icu/5563/202311090813257.png)微软开源的代码编辑器
+
+SQL 生成逻辑如下：
+
+1. JSON 字符串转对象
+2. 从入口开始，先替换 params 静态参数，得到当前层解析
+3. 对 @xxx 语法进行递归解析，递归解析时，优先替换静态参数，再替换外层传来的调用参数
+4. 得到最终 SQL
+
+解析器原本采用正则非贪婪替换方式实现，但无法实现嵌套调用，比如 `@a(xx = @b())` ，会被识别为 `@a(xx = @b()` ，匹配到了最近的右括号。因此针对括号嵌套的情况对子查询替换算法做了优化，已支持包含括号语句的嵌套调用。
+
+
+
+------
+
+
+OK，以上就是本期分享，希望这个项目对大家工作以及学习编程有帮助吧~
+
+对了，今天晚上会在星球里直播分享之前开源的面试鸭项目的完整创造、开发、运营过程和经验，大家感兴趣的话，欢迎加入 [鱼皮的编程知识星球](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&chksm=e9c24557deb5cc41b1f2ecefdd23eb1370e261a47c23ad89b1d1428537fd1e8fe39762e707e1&scene=21#wechat_redirect)（点击了解详情），和 8000 名小伙伴们一起交流学习，向鱼皮和大厂同学 1 对 1 提问、帮你制定学习计划不迷茫、跟着鱼皮直播做项目（往期项目可无限回看）。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\234\213\345\256\214\350\277\231\344\270\252\357\274\214\346\210\221\347\233\264\346\216\245\346\212\212 SQL \345\210\267\351\200\232\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\234\213\345\256\214\350\277\231\344\270\252\357\274\214\346\210\221\347\233\264\346\216\245\346\212\212 SQL \345\210\267\351\200\232\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..67893a4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\234\213\345\256\214\350\277\231\344\270\252\357\274\214\346\210\221\347\233\264\346\216\245\346\212\212 SQL \345\210\267\351\200\232\344\272\206\357\274\201.md"	
@@ -0,0 +1,93 @@
+# 看完这个，我直接把 SQL 刷通了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+相信很多学编程的同学都学习过 SQL 吧？SQL 作为数据库查询语言，实在是太重要了，可以说是程序员、产品经理、数据分析同学的必备技能。
+
+为了帮助大家自学 SQL，这段时间，我一个人做了个 **免费** 的 **闯关式** SQL 自学网，并且决定把代码 **完全开源** 给大家学习！
+
+如果你还不知道什么是 SQL，那么相信这个网站可以帮助你轻松入门；如果你已经学过了 SQL，那么不妨来挑战一下，看看自己的 SQL 水平是否过关。
+
+![](https://pic.yupi.icu/5563/202311090806026.png)某 B 友的评价
+
+项目演示视频：https://www.bilibili.com/video/BV1pV4y1i7LW（推荐先看这个）
+
+> 开源地址：https://github.com/liyupi/sql-mother
+
+## 项目介绍
+
+这个 SQL 自学网的名称为 `SQL 之母` ，寓意是像妈妈一样贴心地带你入门 SQL~
+
+> 了解我的朋友应该知道，我曾经做了个 SQL 代码生成器叫 `SQL 之父` ，寓意是 “生 SQL” 的
+
+![](https://pic.yupi.icu/5563/202311090806825.png)
+
+我个人认为，比起看教程学 SQL，**实战闯关练习** 的方式更容易带大家入门，所以给系统设计了 **一系列关卡**（总共 30 多关，都是我自己做的）。
+
+怎么使用网站来自学呢？步骤如下：
+
+1）在主页左侧，是关卡的教程题目区域，包括了知识讲解、示例和题目，请先完整阅读
+
+2）然后呢，在右上角的做题区域，编写代码并提交，尝试返回题目中要求的数据
+
+3）如果觉得题目太难了，可以使用右下角助手区域的查看提示、查看建表语句功能来帮助你答题，甚至你也可以直接查看答案
+
+4）如果你写的 SQL 语句和预期的结果一致，那么就可以进入下一关啦
+
+也可以直接看下面这张图：
+
+![](https://pic.yupi.icu/5563/202311090806845.png)
+
+> SQL 之母使用教程
+
+除了按照顺序过关外，大家还可以进入关卡页面自由选择关卡、自由学习，不用担心卡在一道题目上过不去、也可以不做自己觉得简单的题目。
+
+![](https://pic.yupi.icu/5563/202311090806770.png)
+
+> 选择关卡
+
+在关卡页面，我还提供了几个自定义关卡。毕竟时间和想象力有限，剧情可能比较水，大家别介意：
+
+![](https://pic.yupi.icu/5563/202311090806751.png)
+
+> 自定义关卡
+
+除了闯关外，我还提供了一个 SQL 广场功能，可以在小小的编辑器里随意输入 SQL 语句来练习~
+
+![](https://pic.yupi.icu/5563/202311090806879.png)
+
+> SQL 练习广场
+
+## 项目开源
+
+大家可能会好奇这个网站是怎么实现的？其实很简单，我把代码完全开源了，大家可以自行阅读，源码之前没有秘密！当然，拿去学习练手、或者做毕设也是 OK 的~
+
+开源地址：https://github.com/liyupi/sql-mother
+
+很关键的一点是，这个项目 **没有后端** ！甚至没有用到数据库！是纯前端实现的项目！
+
+有同学要问了：为什么不用后端呢？
+
+鱼皮：当然是为了减少被攻击的风险啊！！！
+
+![](https://pic.yupi.icu/5563/202311090806730.png)
+
+虽然项目是纯前端实现，而且我自己是主后端开发的，都觉得这个项目不难。
+
+首先框架用的是 Vue3，然后站在巨人的肩膀上，核心的 SQL 执行部分使用了 `sql.js` 开源库，通过 webassembly 实现了浏览器环境内 SQL 的执行。
+
+这个项目主要的麻烦之处在于关卡的设计，相当于梳理并编写了一套 SQL 的教程，很花时间。
+
+更多的项目信息我都写在开源文档里了，希望项目代码能给大家一些启发。我还写了一些项目贡献指南和扩展思路，希望能让更多同学有机会参与进来成为贡献者，一起让这个项目更好。
+
+![](https://pic.yupi.icu/5563/202311090806767.png)
+
+> 开源文档
+
+最后，希望这个网站能帮助大家顺利入门 SQL，欢迎大家体验并且在评论区打出你通关的时间、或者是倒在第几关了，便于我们去改良网站。
+
+制作不易，也希望朋友们可以点赞支持下，谢谢大家~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\276\212\344\272\206\344\270\252\347\276\212\357\274\214\344\275\206\346\230\257\344\275\216\351\205\215\347\211\210.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\276\212\344\272\206\344\270\252\347\276\212\357\274\214\344\275\206\346\230\257\344\275\216\351\205\215\347\211\210.md"
new file mode 100644
index 0000000..35b1318
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\347\276\212\344\272\206\344\270\252\347\276\212\357\274\214\344\275\206\346\230\257\344\275\216\351\205\215\347\211\210.md"
@@ -0,0 +1,74 @@
+# 羊了个羊，但是低配版
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+前几天朋友圈突然被一个小游戏 “羊了个羊” 刷屏了，出于好奇我也打算小玩一把试试，结果没想到上头了。。。
+
+游戏的玩法非常简单，类似 “消消乐”，从一堆方块中找到相同图案的 3 个方块并消除即可。
+
+![](https://pic.yupi.icu/5563/202311090810553.png)
+
+但没想到，就是这个操作无比简单的小游戏，难住了大家，很多同学无论如何都过不了第二关！（当然，也包括我 🐶）
+
+![](https://pic.yupi.icu/5563/202311090810704.png)
+
+不过作为一名程序员，我玩了几次就发现不对劲了。。。
+
+方块的生成是完全随机的，而且越玩到后面的层数方块的范围就越小、可选的方块就越少。在这两个条件下，这个游戏真的有没有解很难说，真就变成了一个运气游戏（据说通关率不足 0.1 %）。
+
+![](https://pic.yupi.icu/5563/202311090810685.png)
+
+不过作者很良心，给了大家逆天改命的机会，看广告可以使用道具和复活。
+
+![](https://pic.yupi.icu/5563/202311090810893.png)
+
+唉，不过明知道通关的概率微乎其微，我还是没忍住，又玩了几十把，因为总觉得自己可能是那个 “天之骄子”。这个游戏之所以能爆火，除了营销套路之外，最主要的还是拿捏了用户的心理吧。
+
+![](https://pic.yupi.icu/5563/202311090810716.png)
+
+但是，玩游戏的过程中，我也没闲着，我在思考这个游戏是怎么开发出来的、可能用了什么算法之类的。
+
+当我被游戏虐的心累了之后，我决定自己做一个能通关的 “羊了个羊”，就叫它 “鱼了个鱼” 吧！
+
+熬夜肝了几个小时，游戏的雏形就做出来了，这两天又打磨了一下，才正式上线，并且把所有代码完全开源了！
+
+> 游戏地址：https://yulegeyu.cn
+>
+> 开源地址：https://github.com/liyupi/yulegeyu
+
+![](https://pic.yupi.icu/5563/202311090810669.png)
+
+进入主页，可以选择多种不同的难度：
+
+![](https://pic.yupi.icu/5563/202311090810060.png)
+
+还可以自定义难度，比如设置槽位的数量，设置每层的块数等等：
+
+![](https://pic.yupi.icu/5563/202311090810173.png)
+
+玩法和羊了个羊类似，不过这里我加了 4 种道具，每种道具都可以无限使用（不用看广告哈哈）：
+
+![](https://pic.yupi.icu/5563/202311090810137.png)
+
+因为时间有限，一人全役，做的不是很精致，但是完全足够满足一下通关的欲望了哈哈。
+
+最后再简单说一下这个游戏的实现原理吧，主要有 4 个点：
+
+1. 游戏全局参数：做游戏的同学都知道，游戏中会涉及很多参数，比如槽位数量、层数等等。我们要将这些参数抽取成统一的全局变量，供其他变量使用。从而做到修改一处，游戏自动适配。还可以提供页面来让用户自定义这些参数，提高游戏的可玩性。
+2. 网格：为了让块的分布相对规整、并且为计算坐标提供方便，我将整个游戏画布分为 24 x 24 的虚拟网格，类似一个棋盘。一个块占用 3 x 3 的格子。
+3. 随机生成块：包括随机生成方块的图案和坐标。首先我根据全局参数计算出了总块数，然后用 shuffle 函数打乱存储所有动物图案的数组，再依次将数组中的图案填充到方块中。生成坐标的原理是随机选取坐标范围内的点，坐标范围可以随着层级的增加而递减，即生成的图案越来越挤，达到难度逐层加大的效果。
+4. 块的覆盖关系：怎么做到点击上层的块后，才能点下层的块呢？首先要给每个块指定一个层级属性。然后有两种思路，第 1 种是先逐层生成，然后每个格子里层级最高的块依次判断其周围格子有没有块层级大于它；第 2 种是在随机生成块的时候就给相互重叠的块绑定层级关系（即谁覆盖了我？我覆盖了谁？）。这里我选择了第 2 种方法，感觉效率会高一些。
+
+当然，以上只是我的实现方式，未必是最好的，但是完全能够满足游戏的功能诉求了。
+
+欢迎大家体验~
+
+> 游戏地址：https://yulegeyu.cn
+>
+> 开源地址：https://github.com/liyupi/yulegeyu
+
+![](https://pic.yupi.icu/5563/202311090810816.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\207\252\345\210\266 AI \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\207\252\345\210\266 AI \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md"
new file mode 100644
index 0000000..9190735
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\207\252\345\210\266 AI \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md"	
@@ -0,0 +1,210 @@
+# 自制 AI 问答机器人
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，自从做了知识分享，我的微信就没消停过，平均每天会收到几百个消息，大部分都是学编程的朋友向我咨询编程问题。
+
+但毕竟我只有一个人，没法所有消息都一个个回复，所以也是很愧疚和无力吧；另外我发现，大家的很多问题是重复的，而且大多数我都专门写文章来回答过。
+
+所以，我决定自制一个 AI 问答机器人，帮我自动回复大家的常见问题，减少重复工作。
+
+结果没想到，制作过程中被 Bug 坑惨了，闹了不少笑话，感兴趣的朋友可以看看视频哈哈：
+
+> 地址：https://www.bilibili.com/video/BV1Vq4y1B7zu/
+
+![](https://pic.yupi.icu/5563/202311090817273.png)
+
+由于制作方法实在太简单，所以给大家分享下完整的教程，让大家也能轻松制作自己的 AI 机器人。
+
+### 自制 AI 机器人教程
+
+> 预计整个制作过程 10 分钟
+
+先描述下需求：做一个能够自动回答微信消息的机器人。
+
+要实现这个需求，有两个要点：
+
+1. 如何让程序接收到微信发来的消息？
+2. 如何根据消息来回复对应的内容？
+
+这两个问题，如果没有一定的专业知识，是很难自行解决的。但如今是开源的时代，我们可以站在巨人的肩膀上，用现成的技术来解决这些问题。
+
+#### 接受消息
+
+可以使用开源的 `wechaty` 库来实现对微信的自动化操作，比如收发消息、通过好友、拉群等。
+
+![](https://pic.yupi.icu/5563/202311090817787.png)
+
+> 开源微信机器人库
+
+使用方法很简单，在 wechaty 仓库的项目介绍文件中，有最简单的入门示例代码，只需要 **6 行代码** ，就能启动一个帮你接受消息的机器人！
+
+wechaty 支持几乎所有主流的编程语言，其中 JavaScript 的入门代码如下：
+
+```
+import { WechatyBuilder } from 'wechaty'
+// 启动
+WechatyBuilder.build()
+  .on('scan', (qrcode, status) => console.log(`Scan QR Code to login: ${status}\nhttps://wechaty.js.org/qrcode/${encodeURIComponent(qrcode)}`))
+  .on('login',            user => console.log(`User ${user} logged in`))
+  .on('message',       message => console.log(`Message: ${message}`))
+  .start()
+```
+
+解释一下上述代码，你会发现，wechaty 中定义了很多事件，比如扫码、用户登录、接受消息、接受好友请求等。你不需要关心事件是如何被它触发的，只需要针对不同事件来编写处理方法就好，比如收到消息后自动回复同样的消息，示例代码如下：
+
+```
+// 初始化机器人
+const bot = WechatyBuilder.build({
+  name: 'yupi-wxrobot',
+  // 用于兼容不同 IM 协议，不用关心
+  puppet: 'wechaty-puppet-wechat',
+})
+// 处理消息
+bot.on('message', async function (msg) {
+  // 获取消息发送人
+  const contact = msg.talker()
+  // 获取消息内容
+  const text = msg.text()
+  // 获取群聊信息
+  const room = msg.room()
+  // 是私聊
+  if (contact && text) {
+    // 回复相同内容
+    msg.say(text, contact);
+  }
+}
+```
+
+但是，大家 **千万不要** 直接运行上述代码！因为一旦你启动了机器人、又没有限制回复者昵称的话，它会对所有给你发消息的人生效！
+
+我刚开始没注意，就被坑了。。。
+
+![](https://pic.yupi.icu/5563/202311090817116.png)
+
+所以，如果你只想自动回复某人或某群聊的消息，记得在代码中补充相应的过滤逻辑，比如：
+
+```
+// 处理消息
+bot.on('message', async function (msg) {
+  // 获取消息发送人
+  const contact = msg.talker()
+  // 获取消息内容
+  const text = msg.text()
+  // 获取群聊信息
+  const room = msg.room()
+
+  // 不处理自己的消息
+  if (msg.self()) {
+    return
+  }
+  // 群聊还是私聊
+  if (room) {
+    if(room.topic() === '鱼皮群') {
+      // 回复
+    }
+  } else {
+    if(contact.name() === '小号') {
+      // 回复
+    }
+  }
+}
+```
+
+OK，使用上述代码，就能实现接受消息和自动回复啦！
+
+那么你是否好奇，wechaty 是如何接受到微信消息的呢？其实原理很简单，执行 wechaty 程序时，它会利用无头浏览器技术悄悄打开一个网页版微信，然后在你运行程序的控制台弹出微信网页版的登录二维码，在你扫码登录后，程序只需要监听页面元素的变化、或者自动触发点击事件即可。
+
+![](https://pic.yupi.icu/5563/202311090817760.png)
+
+> 网页版微信
+
+其实道理很简单，就是把我们能对网页进行的人工操作转化为后台自动化执行。
+
+#### 智能回复
+
+第一个问题解决了，那么如何根据不同的问题给出不同的回复呢？
+
+很多同学肯定上来就说 AI，那都是被我用的 “智能” 一次带偏了。其实如果只是简单的自动回复，问题规则可收敛、可枚举的情况下，直接用 `if ... else ...` 就能解决了！
+
+```
+if(/你好/.test(text)) {
+  msg.say('好的');
+} else if (/谢谢/.test(text)) {
+  msg.say('不客气');
+} else if (/加群/.test(text)) {
+  msg.say('公众号[程序员鱼皮],回复[加群]');
+} else {
+  msg.say('我不懂');
+}
+```
+
+不是说人工智能的本质就是 if else 么哈哈，只不过是让机器来帮你去做 if else 而已。
+
+但现实是，我的读者对于同一个问题也会有不同的表达方式，比如 “怎么学 Java？”、“我想学 Java，怎么学？” 等等。因此，还是需要人工智能登场了。
+
+到哪里去搞人工智能呢？
+
+![](https://pic.yupi.icu/5563/202311090817832.png)
+
+我们可以直接利用 `微信对话开放平台` 提供的强大能力，一行代码都不用写，就能免费实现智能对话！
+
+> 地址：https://openai.weixin.qq.com/
+
+登录后先创建一个机器人：
+
+![](https://pic.yupi.icu/5563/202311090817813.png)
+
+> 创建机器人
+
+然后可以为机器人添加技能，你可以自定义技能，向机器人灌输指定的问题和回答；也可以直接使用平台提供的默认技能，比如听歌、聊天、百科等：
+
+![](https://pic.yupi.icu/5563/202311090817030.png)
+
+> 配置技能
+
+我的需求是自动回答读者的编程相关问题，因此需要创建一个新技能。在这里，可以灵活地自定义题目、不同的问法以及回答，全部用界面操作即可，轻松打造你的专属机器人：
+
+![](https://pic.yupi.icu/5563/202311090817014.png)
+
+> 自定义技能
+
+配置好之后，就可以发布和使用机器人了。我们可以将机器人和公众号 / 小程序绑定，自动回复读者消息；可以直接在 H5 网页中接入智能客服；还可以在程序中调用开放接口来使用智能对话能力：
+
+![](https://pic.yupi.icu/5563/202311090817055.png)
+
+> 发布和使用
+
+此处我们希望在 wechaty 程序中自动获得回复，所以要使用 **开放接口** 的方式，也很简单，就是用个请求库去调用接口，示例代码如下：
+
+```
+// 获取 API 签名，2小时过期
+// token 需从平台获取
+const url = `https://openai.weixin.qq.com/openapi/sign/${token}`;
+const {signature} = (await axios.post(url, {
+    userid: 'test'
+})).data;
+
+// 调用 AI 接口，获取答案
+async function getAnswer(userid, text) {
+  const apiUrl = `https://openai.weixin.qq.com/openapi/aibot/${token}`;
+  return (await axios.post(apiUrl, {
+    "signature": signature,
+    "userid": userid,
+    "query": text,
+  })).data?.answer;
+}
+```
+
+大概就是这样，又简单又实用，感兴趣的同学可以用它来做出很多有趣的功能~
+
+
+
+------
+
+
+我是鱼皮，周末肝文不易，有帮助的话还希望能给个 **点赞 + 在看** 支持下，谢谢大家。
+
+![](https://pic.yupi.icu/5563/202311090817776.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\277\231\346\254\241\346\210\221\345\274\200\346\272\220\357\274\214\345\210\253\345\206\215\346\211\223\346\210\221\345\225\246\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\277\231\346\254\241\346\210\221\345\274\200\346\272\220\357\274\214\345\210\253\345\206\215\346\211\223\346\210\221\345\225\246\357\274\201.md"
new file mode 100644
index 0000000..bf4fd8d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\345\205\266\344\273\226/\350\277\231\346\254\241\346\210\221\345\274\200\346\272\220\357\274\214\345\210\253\345\206\215\346\211\223\346\210\221\345\225\246\357\274\201.md"
@@ -0,0 +1,172 @@
+# 这次我开源，别再打我啦！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鲏。
+
+前几天给大家分享了我自制的 [代码 + 数据生成工具](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527409&idx=1&sn=a9290a4afed64915dbdce772c43317ad&chksm=e9c28c06deb505109befb162ba647c19a895fa7378df931325102bec016d9e2bcd58d055bdf5&token=433093177&lang=zh_CN&scene=21#wechat_redirect) ：
+
+![](https://pic.yupi.icu/5563/202311090807207.png)
+
+虽然这是一个完全免费的工具网站，但仍然有一些热心网友给我送来了 DDOS 流量包，在这里非常 **感谢** 大家对本网站的认可，但还是希望大家手下留情。
+
+![](https://pic.yupi.icu/5563/202311090807182.png)
+
+我早就猜到事情会这样，所以早就做好了开源的打算。这样万一网站再次挂掉，大家也可以直接用现成的代码自己部署一套！够意思吧~
+
+开源代码如下：
+
+- 前端：https://github.com/liyupi/sql-father-frontend-public
+- 后端：https://github.com/liyupi/sql-father-backend-public
+
+感兴趣的同学自取即可。
+
+此外，为了帮助大家更好地学习和理解这个项目，我还录制了一期视频来讲解项目的技术、运行、设计和源码，5 分钟就能快速上手，戳这里查看：**https://www.bilibili.com/video/BV1hG411L79U/**（有帮助的话希望给个三连哈哈）
+
+下面也用文字简单介绍下这个项目。
+
+## 项目特点
+
+项目本身功能完整（分为用户前台和管理后台）、达到上线标准、架构设计清晰、目录结构规范。
+
+前端用到了复杂的嵌套 & 动态 & 可折叠表单、代码编辑器；后端用到了多种主流设计模式、AOP 切面鉴权等，还是非常值得朋友们学习的。
+
+## 技术栈
+
+这里我选用的都是主流的、我自己用的比较熟练的技术。
+
+### 前端
+
+主要技术：
+
+- React 18
+- Umi 4.x
+- Ant Design 4.x 组件库
+- Ant Design Pro Components 高级组件
+- TypeScript 类型控制
+- Eslint 代码规范控制
+- Prettier 美化代码
+
+依赖库：
+
+- monaco-editor 代码编辑器
+- copy-to-clipboard 剪切板复制
+
+![](https://pic.yupi.icu/5563/202311090807191.png)
+
+> 代码编辑器
+
+### 后端
+
+主要技术：
+
+- Spring Boot 2.7.x
+- MyBatis Plus 3.5.x
+- MySQL 8.x
+- Spring AOP
+
+依赖库：
+
+- FreeMarker：模板引擎
+- Druid：SQL 解析
+- datafaker：模拟数据
+- Apache Commons Lang3：工具库
+- Hutool：工具库
+- Gson：Json 解析
+- Easy Excel：Excel 导入导出
+- Knife4j：接口文档生成
+
+## 系统设计
+
+### 整体架构设计
+
+核心设计理念：将各输入方式统一为明确的 Schema，并根据 Schema 生成各类内容。
+
+架构设计图如下，即任意输入 => 统一 Schema => 任意输出：
+
+![](https://pic.yupi.icu/5563/202311090807147.png)
+
+系统分为以下几个核心模块，各模块职责分明：
+
+1. Schema 构造器：将各种不同的输入源转为统一的 Table Schema 定义
+2. 统一 Schema 定义：本质是一个 Java 类（JSON 配置），用于保存表和字段的信息
+3. 生成器：负责根据 Schema 生成数据和代码
+4. 共享服务：包括词库、表信息、字段信息共享
+
+### Schema 构造器
+
+核心类：TableSchemaBuilder，作用是将不同的参数统一收敛为 TableSchema 对象。
+
+包含如下方法：
+
+![](https://pic.yupi.icu/5563/202311090807159.png)
+
+其中，buildFromSql（根据 SQL 生成 Schema）使用了 Druid 数据库连接池自带的语法解析器，非常强大。（解析器这种东西一般不要自己写，有这时间你都能做几个项目了，写出来还没人家的好用)
+
+### Schema 定义
+
+用于保存表和字段的信息，示例结构如下：
+
+```
+{
+  "dbName": "库名",
+  "tableName": "test_table",
+  "tableComment": "表注释",
+  "mockNum": 20,
+  "fieldList": [{
+    "fieldName": "username",
+    "comment": "用户名",
+    "fieldType": "varchar(256)",
+    "mockType": "随机",
+    "mockParams": "人名",
+    "notNull": true,
+    "primaryKey": false,
+    "autoIncrement": false
+  }]
+}
+```
+
+### 生成器
+
+#### 多种生成类型
+
+将每种生成类型定义为一个 Builder：
+
+![](https://pic.yupi.icu/5563/202311090807172.png)
+
+其中，对于 SQL 代码生成器（ SqlBuilder），使用方言来支持不同的数据库类型（策略模式），并使用单例模式 + 工厂模式创建方言实例。
+
+对于 Java、前端代码生成器（JavaCodeBuilder、FrontendCodeBuilder），使用 FreeMarker 模板引擎来生成。模板代码如下：
+
+![](https://pic.yupi.icu/5563/202311090807873.png)
+
+#### 多种模拟数据生成规则
+
+每种生成规则定义为一个 Generator，使用 DataGeneratorFactory（工厂模式）对多个 Generator 实例进行统一的创建和管理。
+
+![](https://pic.yupi.icu/5563/202311090807910.png)
+
+使用 dataFaker 库实现随机数据生成（RandomDataGenerator）。
+
+使用 Generex 库实现正则表达式数据生成（RuleDataGenerator)。
+
+#### 统一的生成入口
+
+使用门面模式聚合各种生成类型，提供统一的生成调用和校验方法：
+
+![](https://pic.yupi.icu/5563/202311090807915.png)
+
+## 欢迎贡献
+
+由于我本人的时间有限，后续这个项目估计不会做很大的更新。大家感兴趣的话可以自行扩展项目，但是在提交代码前记得要检查是否遵循项目规范哦。
+
+
+
+------
+
+
+最后，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)（访问 https://yupi.icu 了解详情），带你一起学编程、做项目、向鱼皮 1 对 1 提问、帮你做学习和求职的规划指导、修改简历等。我会在圈子内带大家从 0 到 1 分析解读这个项目，争取让大家项目经历 +1。可以加我微信 yupi5927，备注【加入星球】和自己的情况优惠加入星球，不备注不通过，非诚勿扰谢谢。
+
+![](https://pic.yupi.icu/5563/202311090807973.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\345\201\232\344\272\206\344\270\252\346\211\276\346\211\223\347\232\204\347\275\221\347\253\231\357\274\214\346\213\277\345\216\273\347\216\251\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\345\201\232\344\272\206\344\270\252\346\211\276\346\211\223\347\232\204\347\275\221\347\253\231\357\274\214\346\213\277\345\216\273\347\216\251\357\274\201.md"
new file mode 100644
index 0000000..fe14afd
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\345\201\232\344\272\206\344\270\252\346\211\276\346\211\223\347\232\204\347\275\221\347\253\231\357\274\214\346\213\277\345\216\273\347\216\251\357\274\201.md"
@@ -0,0 +1,43 @@
+# 做了个找打的网站，拿去玩！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。在我的网站和服务器被无数次攻击之后，我没有放弃制作网站，而是干脆做了一个全是漏洞的网站给大家来攻击！
+
+网站是在之前我做的面试刷题网 —— 面试鸭的基础上修改的，名为测试鸭，目的是希望通过 “游戏” 的方式帮助大家学习一些网络安全方面的小知识，希望大家之后上线网站不要重蹈我的覆辙。
+
+首次进入网站时，会弹出新手指引：
+
+![](https://pic.yupi.icu/5563/202311081459926.png)
+
+在这个网站中，你唯一要做的事情就是利用你强大的观察力和脑洞，尽可能多地发现并利用该网站的 Bug、对网站造成破坏！每一个按钮、每一个输入框都不要放过！
+
+![](https://pic.yupi.icu/5563/202311081459908.png)
+
+> 什么，竟然还有这种好事？？？
+
+每当你找到一个 Bug 或者攻击成功后，都会帮助鱼皮提高血鸭值（类似得分），根据找到 Bug 的难度和质量，可以得到 1 - 5 分（总分 80 多：
+
+![](https://pic.yupi.icu/5563/202311081459945.png)
+
+我是生怕大家找不到 Bug，还贴心地提供了开箱即用的工具包，让大家随时随地发起攻击，比如请求工具、暴力破解工具等等：
+
+![](https://pic.yupi.icu/5563/202311081459940.png)
+
+你可能也注意到了，工具包里还有个恶人工具，极其强烈地不建议大家使用！！！
+
+你还可以在网站内置的游戏面板中查看自己的得分情况、已发现的 Bug、获取提示、查看自己的排名等等：
+
+![](https://pic.yupi.icu/5563/202311081459961.png)
+
+大战一触即发，祝大家玩的开心，打的精彩，赛出水平，赛出风度~
+
+但还是要再次提醒大家，学习这些知识是为了更好地防范，而不要利用技术去违法作恶！这句话千万别当玩笑。
+
+OK，大家对这个网站感兴趣的话可以点下方地址观看演示教程并使用网站，也可以点文末的 **阅读原文** 直达：
+
+> 指路：https://www.bilibili.com/video/BV1DB4y1m7H8/
+
+冲冲冲！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\346\265\213\350\257\225\351\270\255\345\274\200\346\272\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\346\265\213\350\257\225\351\270\255\345\274\200\346\272\220.md"
new file mode 100644
index 0000000..78a34a7
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\346\265\213\350\257\225\351\270\255-\350\207\252\345\255\246\347\275\221\347\253\231\345\256\211\345\205\250/\346\265\213\350\257\225\351\270\255\345\274\200\346\272\220.md"
@@ -0,0 +1,271 @@
+# 测试鸭开源
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 鱼皮自制交互式网络安全自学网，助你成为网络安全达人！
+
+大家好，我是鲏。
+
+据说互联网是没有记忆的，那不知道大家是否还记得，很久很久以前，我有一个网站叫 “面试鸭”。这个网站上线之初，遭受了各种各样的网络攻击，也一度给我的心态造成了巨大的影响。
+
+在很多网友看来网站攻击只是个玩笑，但只有站长本人才知道那种无力和痛苦。
+
+经历过网站攻击后，更加意识到网络安全意识的重要性，所以当时我做了一个帮助大家学习网络安全的免费网站 —— 测试（逝）鸭。
+
+这个网站可不是传统的教程网站，挂个课、挂个电子书就结束了，而是一个 **交互式** 自学网站。鱼皮结合自己遭受网站攻击的经历和教训，给网站设置了 30 多个漏洞。
+
+大家需要通过自由探索和种种提示，发现这些漏洞并对网站造成攻击 🦖，从而在实战中学习到网络安全知识，主打一个轻松愉快！
+
+![](https://pic.yupi.icu/5563/202311081457048.png)
+
+有网友评论说：我建了个免费的靶场。
+
+![](https://pic.yupi.icu/5563/202311081457982.png)
+
+这么说倒也对哈哈，不过可能没那么专业，更多地还是教学向。
+
+我希望通过这个网站，大家都能意识到网络安全的重要性，并且在开发网站时提升安全防护意识。
+
+> 记住！学习这些知识是为了更好地防范，而不要利用技术去违法作恶！！！
+
+这两天我在整理自己的代码，无意中又发现了这个项目，觉得还是可以给大家学习的。
+
+所以直接 100% 开源到 GitHub 上！再给大家一个免费的项目。
+
+![](https://pic.yupi.icu/5563/202311081457040.png)
+
+下面给大家简单介绍一下这个开源项目。
+
+> 在线体验：http://ceshiya.yupi.icu
+>
+> 开源地址：https://github.com/liyupi/ceshiya
+
+## 20 秒学会使用
+
+1）第一次进入主页时，会自动弹出新手引导，教你如何攻击本网站，跟着引导点击下一步即可
+
+![](https://pic.yupi.icu/5563/202311081457031.png)
+
+2）页面上的任何一个按钮、任何一个输入框都有可能暗藏玄机。比如疯狂地点击 “收藏” 按钮，不给系统反应的机会，然后 Bug 就出现了。
+
+每当你找到一个 Bug，站长鱼皮的血鸭值都会极速上升，并且你还可以看到鱼皮给出的小知识点，以及一张鱼皮的高清无码发飙图，据说总共有 5 张，集齐之后也许不能召唤神龙，但鱼皮会请你喝茶。
+
+![](https://pic.yupi.icu/5563/202311081457021.png)
+
+3）可以通过右下角的工具包帮助自己攻击网站：
+
+![](https://pic.yupi.icu/5563/202311081457015.png)
+
+比如上图的请求工具，可以帮助你绕过前端界面，直接从网站后台获取数据 🐓。
+
+4）点击右下角的 Bug 图标弹出游戏面板，可以查看得分情况、已发现的 Bug、获取提示、查看自己的排名等等。
+
+![](https://pic.yupi.icu/5563/202311081457666.png)
+
+## 1 分钟本地启动
+
+由于项目采用纯前端实现，本地启动项目非常简单！
+
+> 在线访问人数较多，可能会卡顿，所以更推荐大家自己在本地使用~
+
+1）下载本项目代码
+
+2）进入项目根目录，执行 `npm install` 安装项目依赖
+
+3）执行 `npm run dev` 本地启动即可
+
+## 功能和特性
+
+- 完整的面试刷题网站前端
+
+- - 搜索题目
+  - 创建题目
+  - 用户登录注册
+  - 个人页面
+  - 题目选取
+  - 题目分类
+  - 遇到题目
+  - 收藏点赞
+
+- 30+ 交互式 Bug 关卡
+
+- 游戏工具箱
+
+- 游戏面板
+
+## 技术选型
+
+本项目采用 **纯前端实现** ，不需要任何后端的前置知识~
+
+> Q：为什么采用纯前端实现？
+>
+> A：该网站更侧重前端交互，无需后台存储；同时也能减少攻击风险 + 省钱
+
+- 开发框架：React、Umi
+- 脚手架：Ant Design Pro
+- 组件库：Ant Design、Ant Design Components
+- 语法扩展：TypeScript、Less
+- 打包工具：Webpack
+- 代码规范：ESLint、StyleLint、Prettier
+- 工具库：Intro.js（引导提示）
+
+## 核心设计
+
+### 1、网站改造流程
+
+本网站是由一个完整前后端项目 面试鸭 改造而成的纯前端网站，这里分享下通用的网站改造流程，大家可以尝试把自己做的项目也变成交互式教学网站。
+
+步骤如下：
+
+1）完整前端页面开发（已有项目的话这一步默认已完成）
+
+2）页面数据静态化：创建 mock 目录，存放人为编写的假数据；然后将和后端交互的 service 层代码全部改造为操作和获取 mock 目录中的假数据。
+
+![](https://pic.yupi.icu/5563/202311081457644.png)
+
+3）创建游戏机制：具体实现方式见下
+
+### 2、游戏机制实现
+
+首先遵循组件化的思想，把所有和游戏相关的代码封装到 `games` 目录中，并且提供一个 `GameBox` 组件供前端页面引入，而不是直接侵入现有的业务代码：
+
+![](https://pic.yupi.icu/5563/202311081457670.png)
+
+怎么实现在用户执行了某个操作后，触发完成对应的关卡呢？
+
+这里采用的实现思想类似于前端监控业务中的 “埋点”。
+
+首先我们在 `gameUnit.ts` 中定义游戏的关卡（此处称为 unit 单元），示例代码如下：
+
+```
+/**
+ * 游戏单元类型
+ */
+export type GameUnitType = {
+  key: string;
+  desc: string;
+  type: string;
+  score: number;
+  knowledge: string;
+  no?: number; // 题号
+  href?: string; // 更多知识的链接
+};
+
+/**
+ * 游戏单元列表
+ */
+const GAME_UNIT_LIST: GameUnitType[] = [
+  {
+    key: 'favourInfinite',
+    desc: '收藏按钮可以无限点击',
+    type: '逻辑漏洞',
+    score: 1,
+    knowledge: '网页前端和后端都要对收藏状态进行控制，防止收藏数异常',
+  },
+  {
+    key: 'thumbUpInfinite',
+    desc: '点赞可以无限点击',
+    type: '逻辑漏洞',
+    score: 1,
+    knowledge: '网页前端和后端都要对点赞状态进行控制，防止点赞数异常',
+  },
+];
+```
+
+然后我们编写一个全局游戏状态存储文件 `gameState.tsx` ，用于记录用户已经完成的关卡、分数、游戏配置等信息：
+
+```
+/**
+ * 游戏全局状态类型
+ * @author https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah yupi
+ */
+export type GameStateType = {
+  init: boolean; // 是否为初始化
+  score: number; // 当前分数
+  gameTip: boolean; // 是否开启提示
+  succeedUnitList: string[]; // 已通过的关卡
+};
+```
+
+并且提供一个上报过关通知的函数 `doGameUnitSucceed` ，参数为上面定义的关卡单元的 key，在该函数中改变当前用户的过关状态，并给出过关弹窗提示。
+
+示例代码如下：
+
+```
+/**
+ * 完成游戏
+ * @param key
+ */
+const doGameUnitSucceed = (key: string) => {
+  // 已经完成
+  if (gameState.succeedUnitList.includes(key)) {
+    return;
+  }
+  gameState.succeedUnitList.push(key);
+  const unit = GAME_UNIT_MAP[key];
+  gameState.score += unit.score;
+  setTimeout(() => {
+    Modal.success({
+      title: `太棒了，鱼皮的血鸭又高了！😡 ${gameState.score - unit.score} +${unit.score}`,
+      content: ...,
+      okText: '继续加油！',
+    });
+  }, 1000);
+  updateGameState(gameState);
+};
+```
+
+之后，我们只需要在对应的页面和功能代码中，增加一段过关逻辑，符合条件的话就调用 `doGameUnitSucceed(关卡key)` 过关通知函数，就能实现过关状态的更新和通知了。
+
+比如下面的代码，是在点赞功能中添加过关判断逻辑：
+
+```
+const doThumbUp = async (id: string) => {
+  setThumbLoading(true);
+  const res = await thumbUpComment(id);
+  if (res === 1 || res === -1) {
+    comment.thumbNum = (comment.thumbNum ?? 0) + res;
+    // 点赞数 > 9 则过关
+    if (comment.thumbNum > 9) {
+      // 注意这行代码是关键，触发过关
+      doGameUnitSucceed('thumbUpInfinite');
+    }
+  }
+};
+```
+
+### 3、新手指引
+
+引入 `Intro.js` 库，在 `GameBox` 游戏组建中定义引导阶段，然后通过 LocalStorage 判断是否首次进入游戏需要展示引导即可。
+
+示例引导阶段代码如下：
+
+```
+const [steps] = useState([
+  {
+    title: '欢迎来到测逝鸭 🦆',
+    intro: '这是一个锻炼你网络安全能力的破站，准备好旅程了么？🧑🏻‍🦲',
+    position: 'top',
+  },
+  {
+    title: '目标 🎯',
+    intro:
+      '你要做的就是运用你的智慧和强大的洞察力，尽可能多地发现并利用该网站的 Bug、对网站造成破坏！🦖',
+    nextLabel: '应该的应该的',
+  },
+  ...
+]
+```
+
+### 4、工具箱实现
+
+工具箱（`ToolBox.tsx` ）本质上就是集成了特定过关方法的页面，算是一种定制化开发。每种工具都作为单独的页面，存放在 `tools` 目录下。
+
+
+
+------
+
+
+大概就介绍到这里，更多的玩法大家感兴趣的话可以自行探索，如果觉得项目还不错，也欢迎给个 star~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\345\201\207\346\234\237\347\273\223\346\235\237\357\274\214\347\274\226\347\250\213\345\257\274\350\210\252\345\270\246\347\235\200\346\226\260\345\212\237\350\203\275\346\235\245\345\225\246\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\345\201\207\346\234\237\347\273\223\346\235\237\357\274\214\347\274\226\347\250\213\345\257\274\350\210\252\345\270\246\347\235\200\346\226\260\345\212\237\350\203\275\346\235\245\345\225\246\357\274\201.md"
new file mode 100644
index 0000000..852edad
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\345\201\207\346\234\237\347\273\223\346\235\237\357\274\214\347\274\226\347\250\213\345\257\274\350\210\252\345\270\246\347\235\200\346\226\260\345\212\237\350\203\275\346\235\245\345\225\246\357\274\201.md"
@@ -0,0 +1,120 @@
+# 假期结束，编程导航带着新功能来啦！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 这些新功能你发现了么？
+>
+> 编程导航开源仓库：https://github.com/liyupi/code-nav
+
+大家好，我是鱼二。
+
+之前的五一假期我可没有偷懒，而是继续投入编程导航的开发。今天来向各位爸爸们汇报这段时间编程导航网站的改动吧~
+
+### **新功能**
+
+#### 1. 找伙伴
+
+有不少朋友向我抱怨，说自己一个人学编程比较无聊，网上大神和教程虽然多，但总是很有距离感，所以希望能找到一些志同道合的伙伴一起学习或打卡。
+
+随着编程导航的用户数越来越多，我们决定，利用平台的力量，帮助大家找到一起学编程的伙伴。于是，网站添加了新功能 `找伙伴`。
+
+从顶部导航条进入，登录后可见：
+
+![](https://pic.yupi.icu/5563/202311081445178.png)
+
+> 进入找伙伴
+
+进入页面，可以看到其他同学发布的找伙伴信息，包括一段个人介绍、学习方向、个人在校或工作状态等。
+
+![](https://pic.yupi.icu/5563/202311081445103.png)
+
+> 找伙伴页面
+
+可以根据介绍内容和标签自由筛选，找到和自己当前状态或目标匹配的伙伴。
+
+![](https://pic.yupi.icu/5563/202311081445127.png)
+
+> 筛选
+
+可以给你认为不错的介绍 `点赞`，点击 `交流` 按钮还可以快速复制该同学的联系方式，然后就可以添加他们成为伙伴啦，注意添加他人时态度要诚恳哦~
+
+![](https://pic.yupi.icu/5563/202311081445091.png)
+
+> 复制联系方式
+
+在 `找伙伴` 中，没有高低和技术差异之分，所有人都是平等的。每人都可以发布一个自我介绍，想要认识更多的伙伴，从介绍自己开始吧！
+
+![](https://pic.yupi.icu/5563/202311081445147.png)
+
+#### 2. 搜索历史
+
+细心的朋友一定发现了，顶部菜单的搜索框增加了历史记录。
+
+请放心，这个记录是存储在本地的，目的是可以帮助大家更方便地搜索！
+
+![](https://pic.yupi.icu/5563/202311081445102.png)
+
+> 搜索历史
+
+#### 3. 评论点赞
+
+在编程导航中，评论会直接影响到其他同学对某个资源的看法，因此，给评论也添加了点赞按钮，帮助大家辨识评论的优劣。
+
+![](https://pic.yupi.icu/5563/202311081445717.png)
+
+> 评论点赞
+
+### **优化**
+
+主要做了以下几点优化。
+
+#### 1. 专栏优化
+
+为了帮大家更快地找到资源，减少点击次数，我们做了一些数据分析，并将一些常用的子菜单独立出来，放到了侧边导航最明显的位置，比如教程、书籍、项目、工具箱。
+
+![](https://pic.yupi.icu/5563/202311081445775.png)
+
+#### 2. 评论优化
+
+为了让大家更直观地看到对资源的评论，我们将原先的 tab 菜单移除，将评论独立出来，并且优化了评论列表的显示效果。
+
+还有很重要的一点是，原先的评论是完全匿名的，头像和昵称都随机生成。现在，为了鼓励大家认真评论，取消了匿名。
+
+*淦，我之前自己演的评论被曝光了！*
+
+![](https://pic.yupi.icu/5563/202311081445763.png)
+
+#### 3. 标签选择优化
+
+在筛选时，有非常多的标签可供搜索和选择，有时会让大家眼花缭乱。
+
+因此，我们为特定的专栏提供了一些推荐选择的标签。比如你要找项目源码，可以在 `推荐` 中，快速找到合适的标签，更快地筛选！
+
+![](https://pic.yupi.icu/5563/202311081445834.png)
+
+#### 4. 导航菜单优化
+
+还有对导航菜单的优化，先是添加了一个大大的全局搜索框，无论在哪个页面，都能让用户更方便地搜索。
+
+此外，之前有段时间将 `推荐资源` 按钮放到了左边的菜单中，导致很多同学找不到在哪里推荐。现在又恢复到了右上角，保持醒目。
+
+![](https://pic.yupi.icu/5563/202311081445757.png)
+
+> 导航菜单
+
+### **Bug 修复**
+
+有一些认真的同学帮助反馈了编程导航的 bug，目前修复了一些，比如：
+
+- 点击收藏按钮后，爱心图标未变色。解决的方式是，添加了一个用于更新的 `state`。
+- 右上角 “登录” 按钮在移动端小屏幕上显示受到挤压。解决的方式是，干脆直接把 “登录” 二字去掉了，哈哈，我真特么机灵！
+
+
+
+------
+
+
+
+最后，再次感谢大家的关注，希望这个项目越来越好，也欢迎大家分享给身边的朋友吧！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235 200 \345\260\217\346\227\266\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235 200 \345\260\217\346\227\266\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\357\274\201.md"
new file mode 100644
index 0000000..01d166c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235 200 \345\260\217\346\227\266\357\274\214\346\210\221\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\357\274\201.md"	
@@ -0,0 +1,154 @@
+# 爆肝 200 小时，我做了个编程导航！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+最近一个月，上班之余，我几乎将全部时间投入到自己的新项目『 编程导航 』中，熬了30 多个大夜，终于将它上线！
+
+顾名思义，这是一个导航类项目，我希望它能够成为最专业灵活的编程导航网站，帮助大家轻松发现优质编程资源。
+
+
+
+值得一提的是，**整个项目全部开源**（脱敏），甚至点击一下按钮就能部署出一模一样的『 编程主页 』！
+
+![](https://pic.yupi.icu/5563/202311081437427.png)
+
+> 一键部署
+
+下面介绍我做这个项目的初心、项目简介、技术选型、后续计划等。
+
+### 为什么需要编程导航？
+
+经常有很多学编程的同学问 “有没有学 xx 的资源”、“我需要 xx 资源，能发我一份么”。
+
+在大量接收重复的讯息后，我不禁陷入深思。
+
+的确，如今编程资源获取的大环境雾气重重，有很多不太好的现象：
+
+1. 许多名不副实的编程资源被名人效应捧上天，一叶障目
+2. 好的编程资源被商业化、利益化，甚至很多人利用信息差，将本来免费的资源进行销售和贩卖
+3. 好的编程资源由于作者并不出名、没有流量，无法被人发现
+4. 网上的编程资源非常零散，真实性、有效性很不确定
+
+发现这些问题后，作为一名开发者，我可以做些什么？继续去网上搜好的资源，然后传到网盘上，分享给大家？
+
+一个人的力量终归渺小，好的编程资源环境需要大家的共同努力。
+
+这是『 编程导航 』问世的原因：**提供人人皆可推荐的编程资源导航平台，帮助大家发现优质编程资源。**
+
+当然，分享资源的前提是不触犯任何的商业利益，仅希望那些已公开的好资源能够被更多人发现和使用，提供一个公开透明的平台，消除部分信息差、好资源触手可及。
+
+![](https://pic.yupi.icu/5563/202311081437437.png)
+
+> 轻松分享资源详情
+
+#### QA 问答
+
+1. Q：编程类导航网站都烂大街了，为什么还要做导航？
+
+   A：大多数编程导航网年久失修，也有不错的导航，但是在搜索、归类上比较局限，而且没有自主推荐、喜欢等功能，不具备可持续发展性。
+
+2. Q：资源太多的话，会不会同样让人眼花缭乱，不知道看哪个？
+
+   A：现在编程资源非常多，肯定会出现这种情况，这也是我们做 **系统** 而不是整理文档的原因。可以通过评分、评论、排序、推荐等方式缓解，大家觉得好的资源才会有更多被发现的机会！
+
+3. Q：分享资源时直接给别人可访问的链接不就行了，为什么要从编程导航分享？
+
+   A：的确，分享链接在很多场景下都很方便。但如果分享资源时，能让他人直接看到资源的描述、详情，可以更快地帮助他人使用和理解。还可以通过评论区来对资源的质量进行区分。后续还会为每个资源添加视频介绍，帮助大家快速上手！
+
+### 项目简介
+
+整个编程导航不仅仅是一个项目，而是以 "帮助大家发现优质编程资源，提升效率" 为目标的完整生态。包含多个子项目，目前已上线『 编程导航主站 』和『 编程主页 』。
+
+#### 编程导航主站
+
+帮助大家发现优质编程学习资源。
+
+网址：https://www.code-nav.cn
+
+功能：可以检索自己需要的资源、分享好的资源，并对他人推荐的资源进行评价。好的资源会被更多人发现，让更多同学感受到技术带来的美好。
+
+##### 项目展示
+
+![](https://pic.yupi.icu/5563/202311081437496.png)
+
+> 推荐资源
+
+![](https://pic.yupi.icu/5563/202311081437499.png)
+
+> 资源大全
+
+![](https://pic.yupi.icu/5563/202311081437418.png)
+
+> 收藏夹
+
+> 资源详情
+
+![](https://pic.yupi.icu/5563/202311081437454.png)
+
+> 资源详情
+
+评论区
+
+![](https://pic.yupi.icu/5563/202311081437960.png)
+
+> 评论区
+
+#### 编程导航主页
+
+极简炫酷的浏览器主页！支持一键使用多个搜索引擎，主页内置了一些程序员必备优质站点，提升效率，还可以切换主题、定制壁纸等。
+
+网址：https://home.code-nav.cn
+
+##### 项目展示
+
+![](https://pic.yupi.icu/5563/202311081438026.png)
+
+> 透明主页
+
+![](https://pic.yupi.icu/5563/202311081438270.png)
+
+> 白底主页
+
+![](https://pic.yupi.icu/5563/202311081438283.png)
+
+![](https://pic.yupi.icu/5563/202311081438308.png)
+
+> 万能搜索结果页
+
+> 切换壁纸
+
+![](https://pic.yupi.icu/5563/202311081438450.png)
+
+> 随机壁纸
+
+![](https://pic.yupi.icu/5563/202311081438543.png)
+
+![](https://pic.yupi.icu/5563/202311081438795.png)
+
+> 动态壁纸
+
+### 技术选型
+
+整个项目的前端基于 `React`、后端基于 `腾讯云云开发`（云开发的所有功能几乎都有覆盖）， 不同的子项目用的框架和依赖类库也不尽相同。
+
+比如编程导航主站使用 `Umi` + `Ant Design Pro`、编程主页使用 `React Static`、静态文档站点使用 `dumi` 生成、微信公众号后台使用 `SpringBoot` 等。
+
+### 后续计划
+
+现阶段整个站点类似 “程序员百度” 或是 “程序员应用市场”，还是一个静态搜索的方式帮助大家发现好的资源。
+
+编程导航不是社区，目的不是占用大家的时间，相反，是希望通过站点来提高大家找资源的效率。因此后续很可能会使用大数据 + AI 等技术实现更定制化的推荐，真正做到精准和动静结合。在你需要学某种编程技能时，给出最好的资源和方案！
+
+已经有部分同学在站点上进行推荐，因此每天都会有一些新的资源，信息不会完全重复，这也是和静态导航网站区别最大的地方。我会选出一些好的同学给予奖励~ 希望大家一起维护好的编程生态！
+
+（还有，现在界面太丑了、后台延迟也比较大，都是需要解决的问题 😢）
+
+### 最后
+
+整个编程导航体系的所有系统，**全部开放源码** 给大家学习，使用这套代码，你也能轻松开发多端适配网站，搭建属于自己的炫酷主页！
+
+如果觉得不错的话，分享给身边需要的朋友吧，这将成为我们不断改进的动力！❤️
+
+⬇️ 点击阅读原文查看项目详情及源码 ⭐ 您的星星对我真的很重要
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235\357\274\201\346\234\213\345\217\213\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\347\275\221\347\253\231\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235\357\274\201\346\234\213\345\217\213\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\347\275\221\347\253\231\357\274\201.md"
new file mode 100644
index 0000000..ce25ddf
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\210\206\350\202\235\357\274\201\346\234\213\345\217\213\345\201\232\344\272\206\344\270\252\347\274\226\347\250\213\345\257\274\350\210\252\347\275\221\347\253\231\357\274\201.md"
@@ -0,0 +1,155 @@
+# 爆肝！朋友做了个编程导航网站！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 这网站能帮你轻松发现优质编程学习资源，一定不要错过！
+
+前段时间，我的一位在鹅厂做全栈开发的朋友鱼皮，利用工作之余的时间，**独自爆肝了 200 多个小时**，开发了一个编程导航网站！
+
+网站的目标很简单，**帮助大家轻松发现优质编程资源**。
+
+![](https://pic.yupi.icu/5563/202311081442228.png)
+
+> 编程导航
+
+### **啥是编程导航？**
+
+在这个网站上，你可以轻松地搜索需要的编程资源，比如适合新手入门编程的学习网站、免费的编程书籍、实用的开发工具、大厂面试题解和面经、优质的技术博客等等，几乎都是由团队和其他用户共同精选的优质资源，对学习编程非常有帮助！
+
+当然，优质的编程资源数量也很多（目前已有数千个资源），为了帮助大家提升查找效率，编程导航支持按照 **分类专栏、资源名称、标签搜索**，日后还会支持近似搜索、多维度搜索等。
+
+比如你是一名 Java 学习者，需要一些免费的 Java 书籍，可以直接进入到 Java 专栏中，然后选择书籍标签，即可看到所有免费的 Java 书籍。
+
+![](https://pic.yupi.icu/5563/202311081442194.png)
+
+> 找 Java 书籍
+
+或者是 Java 的实战项目，各个都是精选的、有源码的、适合学习、可以写在简历上的 **企业级精品项目**！
+
+![](https://pic.yupi.icu/5563/202311081442132.png)
+
+> 找 Java 项目
+
+虽然资源很多，但每个资源都是人工推荐，并且经过 **精心整理** 的。因此分类专栏和标签划分的非常清晰，有很多方向，几乎覆盖了编程和 IT 的所有领域，帮助你发现编程宝藏。当然，后面还会对标签进行优化！
+
+![](https://pic.yupi.icu/5563/202311081442150.png)
+
+> 前端方向资源
+
+支持直接跳转到资源地址，还可以进入感兴趣的 **资源详情页**，快速了解资源、**发现更多相似资源**。
+
+![](https://pic.yupi.icu/5563/202311081442144.png)
+
+> 资源详情
+
+**网站上线短短 2 个月，总用户数近 4 万，在所有搜索引擎中都排到了首位！**
+
+![](https://pic.yupi.icu/5563/202311081442155.png)
+
+**❤️ 可以直接在同名公众号中访问：**
+
+了解它的功能后，我问朋友鱼皮为啥要做这东西，他只回答了两个字：**需要**。
+
+### **为什么需要编程导航？**
+
+鱼皮是一名全网累积约 15 万粉的技术博主，有很多对编程感兴趣、或从事程序员工作的朋友会加他的微信交流和提问。
+
+由于问题很多，他渐渐发现自己总会回答一些重复的问题，其中有一类问题引起了他的注意。
+
+总是有很多学编程的朋友问 “有没有学 xx 的资源”、“我需要 xx 资源，能发我一份么”。
+
+![](https://pic.yupi.icu/5563/202311081442224.jpeg)
+
+他感到奇怪，网上资源那么多，大家都不会自己搜索么，为什么总是要来问呢？
+
+调研后发现，如今编程资源获取的大环境雾气重重，有很多不太好的现象：
+
+1. 很多名不副实的编程资源被捧上了天，名人效应、一叶障目、甚至产生误导
+2. 好的编程资源被商业利益化，很多人利用信息差，将本来免费的资源进行贩卖
+3. 好的编程资源由于作者不出名，没有被人发现
+4. 网上的编程资源非常零散，真实性、有效性很不确定
+5. 大家不知道哪些资源是真正好的，缺少一个评价标准
+
+意识到这些问题后，作为一个开发者，可以做些什么？继续去网上搜好的资源，然后传到网盘上，分享给大家？
+
+不，一个人的力量终归渺小，好的编程资源环境需要大家的共同努力。和项目开源类似，鱼皮提出了 **“资源开源协同”** 的概念。
+
+这是『 编程导航 』问世的原因：**提供人人皆可推荐的编程资源导航平台，帮助大家发现优质编程资源。**
+
+![](https://pic.yupi.icu/5563/202311081442189.png)
+
+> 推荐资源
+
+听到这里，我又产生了新的疑问，以下是我和鱼皮之间的一些交流。
+
+### **一些质疑**
+
+**问：编程类导航网站都烂大街了，为什么还要做导航？**
+
+答：大多数编程导航网站都年久失修，虽然也有不错的导航，但是在搜索、归类上都比较局限和模糊，很多网站无非就是搬个搜索引擎 +  网站链接 “大杂烩”，套个现成静态网站模板搞定，对用户并不友好。
+
+![](https://pic.yupi.icu/5563/202311081442323.png)
+
+> 传统导航网站
+
+大部分传统导航网没有 **自主推荐**，由站长个人维护，因此资源有限、视野小、主观性太大，**不具备可持续发展性**。
+
+每次用户还是要从整个导航中找信息，并且大部分链接是无用的。而编程导航支持 **收藏夹** 和 **设置个人兴趣**，帮助你圈定资源范围，更加定制化。
+
+![](https://pic.yupi.icu/5563/202311081442251.png)
+
+> 收藏资源
+
+![](https://pic.yupi.icu/5563/202311081442284.png)
+
+> 设置兴趣
+
+编程导航的定位并不是导航类网站，而是希望帮助大家更快地发现优质资源，并且快速了解它的作用。因此，除了提供链接之外，编程导航对每个资源提供了清晰的描述和详细介绍、提供了 **“秒懂”** 功能帮助快速了解资源，并推荐了更多相似资源。
+
+![](https://pic.yupi.icu/5563/202311081442696.png)
+
+> 秒懂
+
+**问：资源太多的话，会不会同样让人眼花缭乱，不知道看哪个？**
+
+答：现在好的编程资源非常多，肯定会出现这种情况，这也是我开发了一个 **系统** 而不是整理文档的原因。可以通过评分、评论、排序、优质推荐等方式缓解，大家都觉得好的资源才会有更多被发现的机会！
+
+![](https://pic.yupi.icu/5563/202311081442822.png)
+
+> 评分和评论
+
+**问：分享资源时直接给别人可访问的链接不就行了，为什么要从编程导航分享？**
+
+答：的确，分享链接在很多场景下都很方便。但如果分享资源时，能让他人直接看到资源的描述、详情，可以更快地帮助他人使用和理解，他人还可以通过评论区来对资源的质量进行评判。
+
+### **其他项目**
+
+鱼皮不仅开发了编程导航网站，还做了一系列生态项目，比如 **编程主页**，一个极客范儿的精简主页，支持多种风格、万能搜索和动态壁纸切换。
+
+网址：home.code-nav.cn
+
+![](https://pic.yupi.icu/5563/202311081442182.png)
+
+> 编程主页动态壁纸
+
+![](https://pic.yupi.icu/5563/202311081442937.png)
+
+> 万能搜索
+
+![](https://pic.yupi.icu/5563/202311081442211.png)
+
+> 切换壁纸
+
+### **最后**
+
+整个编程导航相关的所有系统，**开放源码** 给大家学习，使用这套代码，你也能轻松开发类似网站，搭建属于自己的炫酷主页！
+
+除了开放源码外，还提供了一份清晰的在线文档，介绍项目及其技术选型等。
+
+![](https://pic.yupi.icu/5563/202311081442956.png)
+
+> 项目文档
+
+鱼皮和他的小伙伴们仍在持续开发和维护编程导航，如果觉得不错的话，欢迎体验和分享给身边的朋友吧，这将成为他们不断改进的动力！❤️
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\273\231\347\210\270\347\210\270\344\273\254\346\261\207\346\212\245\345\207\240\344\273\266\344\272\213\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\273\231\347\210\270\347\210\270\344\273\254\346\261\207\346\212\245\345\207\240\344\273\266\344\272\213\357\274\201.md"
new file mode 100644
index 0000000..999176d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\273\231\347\210\270\347\210\270\344\273\254\346\261\207\346\212\245\345\207\240\344\273\266\344\272\213\357\274\201.md"
@@ -0,0 +1,77 @@
+# 给爸爸们汇报几件事！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼二。
+
+编程导航上线 3 个月了，首先感谢所有的小伙伴对编程导航的支持！
+
+编程导航网站的使命就是帮助所有学编程的小伙伴更快地找到需要的资源，因此每一位编程导航的用户，都是这个项目的投资人爸爸。
+
+下面给大家汇报项目最近的情况。
+
+![](https://pic.yupi.icu/5563/202311081444315.png)
+
+### **1. 万粉**
+
+编程导航公众号目前的总用户数是 10300+，基本就是网站的实际注册用户数了，基本每天的自然增幅都是 100 - 200，非常稳定。
+
+![](https://pic.yupi.icu/5563/202311081444240.png)
+
+自上线以来，网站的总访问量已经突破 10w，日均访问量也在 2000 左右，并且近 30 天的老访客比例高达 38%！
+
+对于一个找资源类网站，这个成绩还是 ok 的，说明还是有不少小伙伴是铁粉，再次感谢大家！
+
+![](https://pic.yupi.icu/5563/202311081444271.png)
+
+### **2. 新 Logo**
+
+不少细心的朋友应该发现，编程导航的 Logo 已经替换了，以前是一只被我擦掉眉毛的小黄鸭，现在，这只小黄鸭变成了一只帅气的鱼！
+
+![](https://pic.yupi.icu/5563/202311081444228.png)
+
+这个 Logo 是由几位大设计师创造的，提取代码中比较常见的符号重构组成的"鱼"的形象，将鱼和代码进行有机的组合，形成一个新的符号，象征着在 “编程的知识海洋中畅游的小鱼”，所以配色也是提取了网站中其他元素使用的蓝色，代表海洋。
+
+不知道大家觉得这个 Logo 怎么样呢？
+
+### **3. 船新版本**
+
+最近，编程导航做了一点改动，不知道大家有没有发现呢？
+
+首先是新界面，在不少朋友的反馈下，还是决定保留侧边栏，放一些重要的栏目。并且在顶部增加了常驻搜索条，后面还会对丰富搜索的功能，让它成为一个强大的集中找资源入口！
+
+![](https://pic.yupi.icu/5563/202311081444286.png)
+
+> 新界面
+
+还有新的个人中心页，可以查看到自己收到的消息。
+
+![](https://mmbiz.qpic.cn/mmbiz_png/dQIjWuJXqWdSGU52jJ8icibdbOoTZhz2UiaUhTTfduMlHOetqliaeia8wAnm5r7Pibqnriaz0adnQM6gQd6JesjUtmxcA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+最后还有资源推荐激励榜，为了鼓励大家上传资源，编程导航从最初就开设了积分等级系统，并且达到一定等级后会有不同的 **现金奖励**！不过现在激励榜比较丑，因为不是核心功能所以优先级比较低，以后会让它更美丽~
+
+![](https://pic.yupi.icu/5563/202311081444749.png)
+
+![](https://pic.yupi.icu/5563/202311081444992.png)
+
+### **4. 后续计划**
+
+起初，编程导航是由鱼皮独立开发的，但随着项目越来越大，一个人的力量难免有限。因此目前，编程导航在由团队进行维护。
+
+如今，整个网站上资源数已经超过了 1600 个！好的资源很多，但仍然会乱花渐欲迷人眼。因此，网站后面重点朝着几个方向发力：
+
+1. 推动评论和评星，让好资源火起来
+2. 优化标签和搜索，把好资源筛出来
+3. 引入推荐和 AI，将好资源纠出来
+
+近期还会上线新的功能，以及小程序哦，敬请期待。
+
+
+
+------
+
+
+
+最后，再次感谢大家的关注，希望这个项目越来越好，也欢迎大家分享给身边的朋友吧！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\274\226\347\250\213\345\257\274\350\210\252\350\257\236\347\224\237\357\274\201\350\275\273\346\235\276\345\217\221\347\216\260\344\274\230\350\264\250\347\274\226\347\250\213\350\265\204\346\272\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\274\226\347\250\213\345\257\274\350\210\252\350\257\236\347\224\237\357\274\201\350\275\273\346\235\276\345\217\221\347\216\260\344\274\230\350\264\250\347\274\226\347\250\213\350\265\204\346\272\220.md"
new file mode 100644
index 0000000..57993e3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\347\274\226\347\250\213\345\257\274\350\210\252-\347\274\226\347\250\213\350\265\204\346\272\220\347\275\221/\347\274\226\347\250\213\345\257\274\350\210\252\350\257\236\347\224\237\357\274\201\350\275\273\346\235\276\345\217\221\347\216\260\344\274\230\350\264\250\347\274\226\347\250\213\350\265\204\346\272\220.md"
@@ -0,0 +1,142 @@
+# 编程导航诞生！轻松发现优质编程资源
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+2021 年 01 月 20 日，编程导航正式上线，做最专业灵活的编程导航站，助您轻松发现优质编程资源！
+
+编程导航不仅仅是一个项目，而是以 “帮助大家发现优质编程资源，提升效率” 为目标的完整生态。目前已上线两个产品：
+
+**编程导航主站 - 发现优质编程资源**
+
+网址：https://www.code-nav.cn
+
+![](https://pic.yupi.icu/5563/202311081440205.png)
+
+> 推荐资源
+
+**编程导航主页 - 程序员必备主页**
+
+网址：https://home.code-nav.cn
+
+
+
+### 为什么需要编程导航？
+
+总是有很多学编程的朋友问 “有没有学 xx 的资源”、“我需要 xx 资源，能发我一份么”。
+
+在重复接收类似讯息后，我陷入深思。
+
+如今编程资源获取的大环境雾气重重，有很多不太好的现象：
+
+1. 很多名不副实的编程资源被捧上了天，名人效应、一叶障目
+2. 好的编程资源被商业利益化，很多人利用信息差，将本来免费的资源进行贩卖
+3. 好的编程资源由于作者不出名，没有被人发现
+4. 网上的编程资源非常零散，真实性、有效性很不确定
+
+意识到这些问题后，作为一个开发者，我可以做些什么？继续去网上搜好的资源，然后传到网盘上，分享给大家？
+
+一个人的力量终归渺小，好的编程资源环境需要大家的共同努力。
+
+这是『 编程导航 』问世的原因：**提供人人皆可推荐的编程资源导航平台，帮助大家发现优质编程资源。**
+
+#### QA 问答
+
+1. Q：编程类导航网站都烂大街了，为什么还要做导航？
+
+   A：大多数编程导航网年久失修，也有不错的导航，但是在搜索、归类上比较局限，而且没有自主推荐、喜欢等功能，不具备可持续发展性。
+
+2. Q：资源太多的话，会不会同样让人眼花缭乱，不知道看哪个？
+
+   A：现在编程资源非常多，肯定会出现这种情况，这也是我们做 **系统** 而不是整理文档的原因。可以通过评分、评论、排序、推荐等方式缓解，大家觉得好的资源才会有更多被发现的机会！
+
+### 编程导航主站
+
+发现优质编程学习资源。
+
+可以检索自己需要的资源、分享好的资源，并对他人推荐的资源进行评价。好的资源会被更多人发现，让更多同学感受到技术带来的美好。
+
+#### 项目展示
+
+推荐资源
+
+![](https://pic.yupi.icu/5563/202311081440205.png)
+
+> 推荐资源
+
+资源大全
+
+![](https://pic.yupi.icu/5563/202311081440258.png)
+
+> 资源大全
+
+收藏夹
+
+![](https://pic.yupi.icu/5563/202311081440283.png)
+
+> 收藏夹
+
+资源详情
+
+![](https://pic.yupi.icu/5563/202311081440252.png)
+
+> 资源详情
+
+评论区
+
+![](https://pic.yupi.icu/5563/202311081440276.png)
+
+> 评论区
+
+### 编程导航主页
+
+极简炫酷的浏览器主页，支持万能搜索，提升效率，还可以定制壁纸和主页站点。
+
+#### 项目展示
+
+透明主页
+
+![](https://pic.yupi.icu/5563/202311081440307.png)
+
+> 透明主页
+
+白底主页
+
+![](https://pic.yupi.icu/5563/202311081440042.png)
+
+> 白底主页
+
+万能搜索
+
+![](https://pic.yupi.icu/5563/202311081440270.png)
+
+万能搜索结果页
+
+![](https://pic.yupi.icu/5563/202311081440414.png)
+
+> 万能搜索结果页
+
+切换壁纸
+
+![](https://pic.yupi.icu/5563/202311081440672.png)
+
+> 切换壁纸
+
+随机壁纸
+
+![](https://pic.yupi.icu/5563/202311081440822.png)
+
+> 随机壁纸
+
+动态壁纸
+
+![](https://pic.yupi.icu/5563/202311081440170.png)
+
+> 动态壁纸
+
+### 最后
+
+整个编程导航体系的所有系统，**全部开放源码** 给大家学习，使用这套代码，你也能轻松开发多端适配网站，搭建属于自己的炫酷主页！
+
+如果觉得不错的话，分享给身边需要的朋友吧，这将成为我们不断改进的动力！❤️
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\205\215\350\264\271\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221 - \351\235\242\350\257\225\351\270\255.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\205\215\350\264\271\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221 - \351\235\242\350\257\225\351\270\255.md"
new file mode 100644
index 0000000..668ea37
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\205\215\350\264\271\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221 - \351\235\242\350\257\225\351\270\255.md"	
@@ -0,0 +1,132 @@
+# 免费面试刷题网 - 面试鸭
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，我爆肝了一个多月的面试刷题网【面试鸭】终于上线啦！
+
+![](https://pic.yupi.icu/5563/202311081451458.png)
+
+> 面试鸭主页
+
+之所以要做这个网站，是因为如今找工作、面试实在是太卷了！每轮面试都 **必考** 八股文，不背不行。
+
+网上虽然也能搜到很多面试题，但存在几个问题：
+
+1. 过于分散，导致很多朋友又不知道到哪去找题
+2. 题解写的五花八门，甚至压根没有题解
+3. 不知道哪些题目是需要重点复习的、该背哪些题
+
+因此，所以我决定自己出手，做了这个完全免费、干净、全面的 **面试刷题网** ，帮助大家高效复习、通过面试。
+
+> 地址：https://mianshiya.com
+
+有了它，大家再也不用浪费时间来到处搜索、关注这号那号找面试题了，**直接在线刷题看题解** ，还能共同讨论，岂不美哉？
+
+![](https://pic.yupi.icu/5563/202311081451473.png)
+
+面试鸭可以帮助这些人 ⬇️
+
+- 求职者 👨：高效刷题、把握高频考点，快速分享面经，顺利通过面试
+- 学生 👨‍🎓：了解面试考察重点，明确学习方向，积累小题库，稳步提升
+- 面试官 🧓🏻：快速选题、一键生成试卷，把控面试考点，高效招纳人才
+- 老师 👩‍🏫：了解企业招聘需求，改进教学方向，帮助更多学生走进大厂
+
+直接访问网址 https://mianshiya.com ，或者关注公众号【面试鸭】就能使用了：
+
+下面给还没用过的小伙伴介绍下项目的功能吧~
+
+### 功能介绍
+
+考虑到咱的粉丝基本都是学编程的，所以前期网站内容以 IT 为主。
+
+进入主页，你立刻就能看到各主流方向的最热门、最新鲜、最经典的面试题目，还可以设置感兴趣的标签，定制你的主页。
+
+![](https://pic.yupi.icu/5563/202311081451398.png)
+
+> 面试鸭主页
+
+> 在网站主页的布局上，参考了国内社区论坛等网站的风格
+
+你可以从几千道人工上传的题目中自由搜索，并按照标签、题型、难度进行筛选，按照最新、最热、最多收藏、**最多被考** 几个维度进行排序。快速找到目标题目或按顺序复习：
+
+![](https://pic.yupi.icu/5563/202311081451357.png)
+
+比如我想看看某大厂校招 Java 岗位最爱考什么题目，选取对应标签、设置排序就一目了然了，非常方便。
+
+你还可以选择只看精选或有现成解析的题目，优先复习这些题目，会比你漫无目的地背题更稳一些：
+
+![](https://pic.yupi.icu/5563/202311081451376.png)
+
+因为题目多、标签也多，所以我在左侧菜单中列举了面试常考的标签，并且提供了标签搜索功能，帮助大家快速找准方向。
+
+![](https://pic.yupi.icu/5563/202311081451830.png)
+
+> 后面会梳理零散的标签为知识树，帮助大家分阶段复习
+
+进入题目详情页，你可以阅读题目、查看和隐藏解析，收藏和分享好的题目。如果看文字累了，还可以 **语音读题** ！
+
+![](https://pic.yupi.icu/5563/202311081451072.png)
+
+> 不过语音读题目前为实验性功能，有点机械，很有助眠效果。后面可以考虑用语音合成技术来提升体验。
+
+由于创建题目的同学提供的参考解析未必标准，所以提供了像某乎、某度百科一样 **写回答** 的功能，大家可以发表不同的意见和想法，从而帮助大家得到更正确、多元的知识。我们也会人工挑选优质的回答，和大家一起完善参考题解。
+
+![](https://pic.yupi.icu/5563/202311081451086.png)
+
+> 写回答
+
+如果你在面试中遇到了这道题，可以点击我遇到过，选择公司，给其他同学提供参考。（甚至以后可以具体到某个部门或面试官？比如鱼皮最爱考的题目哈哈）
+
+![](https://pic.yupi.icu/5563/202311081451128.png)
+
+除了题目外，面试鸭还提供了 **试卷** 功能。来到试卷广场，能够看到各公司历年的考题或面经：
+
+![](https://pic.yupi.icu/5563/202311081451552.png)
+
+> 试卷广场
+
+> 由于网站刚上线，历年面试题收录不多，后面会持续补充。
+
+你可以在干净简洁的界面中阅读试卷，查看或隐藏解析，还能 **一键下载** 试卷为 pdf 文档、语音读卷等：
+
+![](https://pic.yupi.icu/5563/202311081451639.png)
+
+> 阅读试卷
+
+**在面试鸭，所有同学都能分享题目和试卷，共同建设好的面试题分享平台，人人为我，我为人人，这是和其他网站最大的不同。**
+
+![](https://pic.yupi.icu/5563/202311081451378.png)
+
+> 上传题目 / 创建试卷
+
+比如有同学喜欢写面经，分享自己面试中遇到的题目，但通常写一篇面经要很久很久。所以我观察下来，大部分面经就是草草描述下题目就完了，没有解析、也很散乱。
+
+而现在有了面试鸭，不用再手动敲题目了，直接检索题目、加入试卷，就能自动生成完整的试卷（面经），大幅提升效率！
+
+![](https://pic.yupi.icu/5563/202311081451633.png)
+
+> 快速组卷
+
+还支持将试卷设置为私有或公开，既能帮助自己复习，又能给其他同学提供参考，一举两得！
+
+最后呢是雷打不动的个人页，包含收藏夹、我的题目、我的回答、我的试卷、消息通知等。而且现在终于支持修改头像和昵称了（主要是之前的接口获取不到这些信息了），后面也会给大家更多展示自己、交流互动的机会。
+
+![](https://pic.yupi.icu/5563/202311081451827.png)
+
+> 个人中心
+
+### 未来
+
+OK，大概是这样，希望鸭鸭能真正帮到大家，拿到理想的 offer。
+
+最后画个饼，我会用一年的时间来维护这个项目。希望之后自己能修完大家提的 Bug，坚持完善系统，先做好 IT 的面试题，然后面向全部学科，争取帮助到更多同学。
+
+**励志成为国内第一的面试刷题平台！永久免费！**
+
+![](https://pic.yupi.icu/5563/202311081451038.png)
+
+不过这还是要付出大量的人力、财力、精力的，所以拜托大家点个 **赞和在看** 吧。等站稳了脚跟，我会把代码开源出来，供大家学习。
+
+> GitHub：https://github.com/liyupi/mianshiya
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\347\232\204\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221\345\244\215\346\264\273\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\347\232\204\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221\345\244\215\346\264\273\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..804c08e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\347\232\204\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221\345\244\215\346\264\273\344\272\206\357\274\201.md"
@@ -0,0 +1,118 @@
+# 对不起，我的面试刷题网复活了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家五一快乐哦，说个大事！时隔两个多月，我的免费面试刷题网站【面试鸭】复活了！！！
+
+2 个月前的它漏洞满满，并且因为 DDOS 等种种网络攻击被迫下线，带走了我无数的头发，并让我臭名昭著。
+
+但是一切过往皆为序章！在大家的声援下，我决定复活网站，并且持续维护！
+
+![](https://pic.yupi.icu/5563/202311081454310.png)
+
+了解我的朋友应该知道，此前我对这个网站万念俱灰的时候，已经把它所有的代码和架构都开源了，我甚至还专门做了视频给大家讲解，生怕大家看不懂，真的就差把数据库密码告诉大家了。
+
+> 开源地址：https://github.com/liyupi/mianshiya-public，已有 2.6k star
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYInqMQrMkmSVcaCHJ60wLz3aqNztxRKFOL7m69IrWj2NBByNLEEy0yjaibhEIu3hQiahq7FKP0fmTqQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+所以可想而知，在源代码暴露的情况下再次上线网站，我的压力有多大，我也为此又肝了好几个大夜才终于完成，肉眼可见的憔悴啊。
+
+那么这次重新上线，我做了哪些准备，网站又有什么变化和改进呢？
+
+## 面试鸭复活！
+
+### 新功能
+
+首先是 4 个新功能。
+
+第一个功能是讨论区。之前的面试鸭只支持在题目下发布回答，大家如果对题目或回答不理解呢，只能发布回复，然后还要等楼主看到才能得到反馈，学习效率就非常低。而现在，每道题目下都有独立的讨论区，大家可以加入进来，实时地对这道题进行交流讨论，还能查看到每道题目的讨论记录，从而得到更多的见解。
+
+![](https://pic.yupi.icu/5563/202311081454341.png)
+
+第二个功能是视频题解，原本的面试鸭、或者说传统的刷题网站只支持查看文字题解，但殊不知由于内卷，网上早就已经有非常多讲解面试题的视频了。那我做的事情很简单，就是把视频内嵌到对应的题目下，从而让大家可以更方便地同时查看到题目、文字题解、视频题解和回答，相信会比直接按部就班地看视频更高效。
+
+![](https://pic.yupi.icu/5563/202311081454530.png)
+
+第三个功能是题目的浏览记录，大家再也不用担心看过的题目找不到了。这个没啥好说的，常规功能了~
+
+![](https://pic.yupi.icu/5563/202311081454427.png)
+
+第四个功能是用户卡片，之前大家在面试鸭上刷题都是各自为战，也不知道答题的人到底是学什么方向的、靠不靠谱？现在呢，大家可以看到每位同学的兴趣、简介、当前状态等等，说不定就能找到志同道合的小伙伴哦~
+
+哦对了，我还给自己加了一个站长标识，这下再也没人可以冒充我了！
+
+![](https://pic.yupi.icu/5563/202311081454364.png)
+
+还有一些其他优化，比如在题目下补充了【快搜按钮】，可以一键跳转到搜索引擎来查询题目信息，节省时间。
+
+![](https://pic.yupi.icu/5563/202311081454965.png)
+
+### 修复
+
+除了开发新功能外，你敢信么？这次上线前花费了我最多时间的事情竟然是改 Bug！
+
+![](https://pic.yupi.icu/5563/202311081454033.png)
+
+毕竟之前网站被大家发现了那么多 Bug，还被一些媒体给曝光了，这次我要是不修一修就上线那不是找打么？咱丢不起这人了呀！
+
+像之前浏览量无限增加、点赞数无限增加、too long too long long long 超长内容、可以通过重复搜索抢占热搜等等，十几个逻辑漏洞我全都修复了！如果大家还发现新的漏洞，可以再到网站底部的反馈区进行反馈~
+
+![](https://pic.yupi.icu/5563/202311081454015.png)
+
+### 限制
+
+除了漏洞外，之前导致我关站的一个重要原因就是人力成本，说白了就是没时间。我就一个人，网站上的作恶分子多了后我真的是没空和他们拉扯。所以这次重新上线，我不可避免要给网站加一些限制，但是大家可以放心，所有的限制只局限于内容的提交，保证不会影响大家看题目的体验。
+
+大家可以通过每日阅读题目等方式边学习边获得积分，积分越高，我自然对你越信任，提交限制就越少。
+
+当然，考虑到面试鸭之前只在鱼皮的知识星球开放，所以为了保证星球同学的权益，加入星球的同学可以直接升级免除提交限制~
+
+> [点击了解知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&scene=21#wechat_redirect)
+
+不知道大家觉得这个设计是否合理呢？也欢迎给出自己的建议。
+
+![](https://pic.yupi.icu/5563/202311081454133.png)
+
+### 防护
+
+最后要说的这点，才是我关站的真正原因。那就是最最最威胁网站安全的 DDOS 分布式拒绝服务攻击，没看过我视频的同学可能想象不到攻击者有多过分，就连我网站关了后，服务器每天至少都还会被打挂一次。
+
+所以要想重新上线网站，必须找到 DDOS 的解决方案，但是这并不容易。
+
+有同学说了，花钱买高防服务器不就完了？但问题是 DDOS 太贵了，少则年费上万多则几十万几百万，对于我这样一个完全免费的个人网站来说，根本想都不敢想，就好像你家里 1 毛钱都没有还非要请个月薪上万的保镖？！
+
+正当我一筹莫展的时候，突然发现腾讯云最新上线了 `LightHouse 轻量级 DDOS 防护` ，一年竟然只用 31 块钱？！就可以帮助你的轻量应用服务器抵御 10 G 的 DDOS 攻击。
+
+产品地址：https://cloud.tencent.com/product/lighthouse
+
+![](https://pic.yupi.icu/5563/202311081454480.png)
+
+我之前也分析过攻击我网站的流量，基本都是 10 G 以下，完全能够满足像我这样的个人站长或者中小型企业的基本防护需求了。（注意别把你只有 10 G 防护的信息暴露出去哦！）
+
+轻量高防包的接入非常傻瓜式，只需要在服务器的控制台中开通该防护，然后进入防护面板，轻轻一点，几秒钟就可以将 DDOS 高防包绑定到自己的服务器上，接下来就可以享受大厂的专业防护啦！
+
+![](https://pic.yupi.icu/5563/202311081454569.png)
+
+通过可视化的图表，可以帮助我们分析攻击详情，还可以配置告警，以便网站出了问题后第一时间接收到通知。从价格、功能、接入难度、专业性上来说，轻量级 DDOS 防护绝对都是超值的。
+
+![](https://pic.yupi.icu/5563/202311081454560.png)
+
+那考虑到我是一名被攻击区的 UP 主，所以在此防护基础上，我又给网站额外加了一层腾讯云专业版 DDOS 防护~
+
+那有了这些强大的后盾，这次我也终于可以放心地上线我的网站了，面试鸭也正式升级为【面试甲鸟】。
+
+> 感谢粉丝朋友们提供的帅气图标
+
+![](https://pic.yupi.icu/5563/202311081454776.png)
+
+
+
+------
+
+
+虽然做了这么多准备和防护，但网站不可避免还是会有漏洞和攻击者。但这次无论如何，哪怕我掉光所有头发，也一定会坚持把这个网站维护下去，帮助大家学到知识、找到理想的工作。当然这并不容易，所以也是诚挚地希望大家可以给本文 **点赞 + 在看** 支持一下。
+
+对了，网站重新上线 2 天，收到了 10 次左右的 DDOS 攻击，腾讯云全都帮我完美地防御住了~ 大家可以放心地访问：https://www.mianshiya.com，或者直接关注下方公众号一键登录：
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\346\224\273\345\207\273\351\235\242\350\257\225\351\270\255\357\274\237\350\277\233\345\260\217\351\273\221\345\261\213\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\346\224\273\345\207\273\351\235\242\350\257\225\351\270\255\357\274\237\350\277\233\345\260\217\351\273\221\345\261\213\357\274\201.md"
new file mode 100644
index 0000000..797f727
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\346\224\273\345\207\273\351\235\242\350\257\225\351\270\255\357\274\237\350\277\233\345\260\217\351\273\221\345\261\213\357\274\201.md"
@@ -0,0 +1,80 @@
+# 攻击面试鸭？进小黑屋！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+昨天下午我正在愉快地给新面试刷题系统写 Bug，突然发现有道题目的浏览量出现飙升，5 分钟大概涨了近 10000！
+
+![](https://pic.yupi.icu/5563/202311081455604.png)
+
+我当时的第一反应是：我的网站火了？！
+
+![](https://pic.yupi.icu/5563/202311081455622.png)
+
+开个玩笑，显然是又有不懂事的小朋友，来我的网站搞事了。
+
+因为我的后台使用的是微信云托管（https://cloud.weixin.qq.com/），所以可以很方便地看到后台的接口调用和资源占用情况。看了一下，这小子刷了差不多整整 1 小时！
+
+![](https://pic.yupi.icu/5563/202311081455652.png)监控
+
+上图中的调用量是指每 5 分钟内的总请求数，QPS 指每 5 分钟内的平均 QPS（每秒请求数）。对我这个网站来说，平均每个页面大概 3 个请求，这小子的 “攻击” 大概相当于 15 个人每秒刷新一次网页。
+
+“真温柔呢”，鱼皮这样评价道。
+
+其实这个攻击程度真的算是挺小的了，网站以后用户多了，QPS 肯定是要比这个高的。
+
+又看了下 HTTP 错误监控，果然在这小子刷接口的时候，接口跟平时一样稳定，几乎没有报错。忽略开头那个突刺，估计是因为那小子在调试攻击目标导致的报错：
+
+![](https://pic.yupi.icu/5563/202311081455591.png)
+
+> HTTP 错误监控
+
+虽然没影响系统的正常运行，但由于单个机器能同时处理的请求有限，较多的并发请求会导致请求排队，从而提高了平均响应时间。也就是说，正常用户在这个时期访问网站，会感觉 “卡” 了一些：
+
+![](https://pic.yupi.icu/5563/202311081455614.png)
+
+> 响应时间监控
+
+目前我为了省钱仅仅用了 2 个超低配的机器实例，其实后面用户量大了，我只需要在云托管平台动动鼠标，多开几个实例，就能支持更大的 QPS 了。
+
+![](https://pic.yupi.icu/5563/202311081455587.png)
+
+话说回来，既然都影响到我宝贵的用户了，那我得管管它了！
+
+由于我给所有请求都打上了请求和响应日志，所以可以很轻松地通过日志来定位问题。比如查询某道题目的浏览情况、具体是哪个 IP 在调用接口、接口耗时情况等：
+
+![](https://pic.yupi.icu/5563/202311081455203.png)
+
+> 分析日志
+
+然后我随便找一条日志，查看它的上下文（上面的和下面的日志），就能看到具体是哪个用户在刷接口了：
+
+![](https://pic.yupi.icu/5563/202311081455190.png)
+
+然后动动手指，把它封号就好了：
+
+![](https://pic.yupi.icu/5563/202311081455137.png)
+
+25 号注册，26 号被封号，您也是够着急的。
+
+然后运行我自己编写的一键恢复数据脚本，把题目的浏览量还原为正常值，这件事情就算结束了~
+
+
+
+------
+
+
+最后再多说几句吧，前段时间我做的这个面试鸭网站天天被各种攻击、各种造假数据，再加上工作原因无暇处理，整的我有点心累。甚至还有个人发抖音视频说我是最惨的程序员博主，给我整的哭笑不得！
+
+![](https://pic.yupi.icu/5563/202311081455409.png)
+
+所以后来我在网站上挂了一个告示，防君子不防小人。并且昨晚刚刚上线了小黑屋，记录了所有被封号的用户：
+
+![](https://pic.yupi.icu/5563/202311081455166.png)
+
+果然，最近面试鸭网站的攻击数量渐渐减少了，而且有越来越多的有志之士帮忙举报和维护，真心 **感谢大家** 啊，我也有空去做新功能了。
+
+最后希望某些同学在学编程前，先学会做个人吧，有点时间不如去多学点知识或者陪陪父母，而不是大过年的吃饱了撑的来刷我这个免费的小网站！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\351\235\242\350\257\225\351\270\255\347\275\221\347\253\231\357\274\214\347\224\250\345\210\260\347\232\204\346\212\200\346\234\257\350\256\262\350\247\243.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\351\235\242\350\257\225\351\270\255\347\275\221\347\253\231\357\274\214\347\224\250\345\210\260\347\232\204\346\212\200\346\234\257\350\256\262\350\247\243.md"
new file mode 100644
index 0000000..25fef87
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\344\270\252\344\272\272\344\275\234\345\223\201/\351\235\242\350\257\225\351\270\255-\351\235\242\350\257\225\345\210\267\351\242\230\347\275\221/\351\235\242\350\257\225\351\270\255\347\275\221\347\253\231\357\274\214\347\224\250\345\210\260\347\232\204\346\212\200\346\234\257\350\256\262\350\247\243.md"
@@ -0,0 +1,213 @@
+# 面试鸭网站，用到的技术讲解
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。前段时间，我不是做了一个面试刷题网嘛，现在这个网站可以说是 **危在旦夕** ，估计是别想活着了。
+
+![](https://pic.yupi.icu/5563/202311081452161.png)
+
+但没关系，它背后的技术还是非常值得学习的，今天就简单分享一下。
+
+这也是我自己很喜欢的一套技术栈，百试不爽，想 **快速** 做个网站的话，非常值得参考。
+
+> B 站发过视频，文字版补充了更多链接，方便查看。
+>
+> 视频：https://www.bilibili.com/video/BV1sa41117zV
+
+## 前端
+
+前端就是给用户操作的界面：
+
+![](https://pic.yupi.icu/5563/202311081452168.png)
+
+### 前端开发
+
+先说开发，最基本的技术就是 `HTML、CSS、JavaScript` 三件套。
+
+> 可以通过 FreeCodeCamp 免费学习：https://chinese.freecodecamp.org/
+
+为了提高开发效率，我使用主流开发框架 `React` 代替原生 JS DOM 操作，支持组件化开发，用习惯之后会非常爽：
+
+> React：https://zh-hans.reactjs.org/
+
+![](https://pic.yupi.icu/5563/202311081452154.png)
+
+> React 代码
+
+然后搭配 `Umi` 框架快速搭建项目、实现路由等功能：
+
+> Umi：https://umijs.org/zh-CN
+
+![](https://pic.yupi.icu/5563/202311081452069.png)
+
+我使用 `Dva` 来对用户信息、权限等数据进行全局状态管理。Dva 是一个基于 redux 和 redux-saga 的数据流方案（作用类似 Vuex），然后为了简化开发体验，Dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。
+
+> Dva：https://dvajs.com/
+
+![](https://pic.yupi.icu/5563/202311081452113.png)
+
+> Dva 的数据流
+
+为了减少开发成本，我使用 `Less` 代替原生 CSS，可以通过定义变量来复用代码，比如把经常用的宽高值单独提取出来：
+
+> Less：https://less.bootcss.com/
+
+![](https://pic.yupi.icu/5563/202311081452159.png)
+
+通过引入现成的组件库 `Ant Design、Ant Design Components` ，可以大大节约工作量，并且保证网站风格的统一：
+
+> Ant Design：https://ant.design/index-cn
+>
+> Ant Design Components：https://procomponents.ant.design/
+
+![](https://pic.yupi.icu/5563/202311081452766.png)
+
+> 现成的组件
+
+为了提高项目代码的规范，预防屎山。我使用 `TypeScript` 来约束变量类型、使用 `ESLint` 检查 JS 代码、使用 `StyleLint` 检查 CSS 代码，使用 `Prettier` 来一键格式化代码。
+
+> TypeScript：https://www.tslang.cn/
+>
+> ESLint：https://eslint.bootcss.com/
+>
+> StyleLint：https://stylelint.docschina.org/
+>
+> Prettier：https://prettier.io/
+
+![](https://pic.yupi.icu/5563/202311081452832.png)
+
+> ESLint 检查代码
+
+写好代码后，需要通过打包工具进行编译、打包、构建。我这里用的是经典的 `Webpack` ，它的作用就是帮你把零散的代码文件组织好，变成可运行的网站文件包：
+
+> Webpack：https://webpack.docschina.org/
+
+![](https://pic.yupi.icu/5563/202311081452781.png)
+
+这里肯定有同学觉得，这么多技术太复杂了！说实在的，写到这里我自己都觉得累。
+
+但其实没那么麻烦！使用 `Ant Desgin Pro` 提供的脚手架，开箱即用，一行命令生成初始项目代码，直接把上面的所有技术全都整合好了：
+
+> Ant Design Pro：https://preview.pro.ant.design/
+
+![](https://pic.yupi.icu/5563/202311081452935.png)
+
+> 自动整合
+
+甚至还提供了一套现成的后台管理界面，并能通过点击的方式快速创建页面：
+
+![](https://pic.yupi.icu/5563/202311081452941.png)
+
+> 现成的后台管理页面
+
+真心牛皮啊！
+
+### 前端发布
+
+写好代码后，怎么发布给别人看呢？
+
+这里我 “没有” 使用服务器，而是用 `Docker 容器` 封装了 `Nginx` Web 服务器，并部署在 `云托管平台` 上，实现了弹性伸缩（访问量大时，容器数量自动增加、抗住更大并发；访问量小时，容器数量减少，节约成本）以及负载均衡（分配请求到不同容器上，从而降低单个容器的压力）：
+
+![](https://pic.yupi.icu/5563/202311081452883.png)
+
+至于网页文件之类的静态资源呢，直接 “扔” 到了 `CDN` 上。CDN 即内容分发网络，能够把你的文件分发到全国各地的节点，使得用户就近访问，提高加载速度。
+
+![](https://pic.yupi.icu/5563/202311081452504.png)
+
+> CDN 内容分发网络
+
+## 后端
+
+简单来说，后端的作用是为前端提供数据和服务。
+
+对于增删改查之类的业务逻辑处理，我原本选用 `云函数` ，用 `Node.js` 编写代码，每个功能一个函数，以 `serverless` 的形式独立部署，互不影响。
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYL3AhnzQqhFCibxFLAic5h0LQ70jy4W0EtcUxoZicYR5niatYibrzHM3tFEDQEte2BJbAGGevXhAafmqXQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+> serverless 架构
+
+但随着系统的越发庞大，函数数量太多，管理不便。因此我选用 Node.js 的后端框架 `Express` 对云函数进行重构，糅合成了整体系统。
+
+> Express：https://www.expressjs.com.cn/
+
+![](https://pic.yupi.icu/5563/202311081452528.png)
+
+> 重构为整体系统
+
+Express 用起来非常简单，几行代码，监听个端口，服务就跑起来了：
+
+![](https://pic.yupi.icu/5563/202311081452588.png)
+
+我选用云开发提供的 `MongoDB` 文档数据库来存储数据，而不是 MySQL 之类的关系库，因为它的读写性能更高、字段更容易扩展，更适合初期项目。
+
+![](https://pic.yupi.icu/5563/202311081452623.png)
+
+> MongoDB 文档数据库
+
+为了提高数据查询速度，我使用 `Redis` 这一高性能的内存数据库实现了缓存。同时利用 Redis 实现登录会话、限流、分布式锁等功能。
+
+![](https://pic.yupi.icu/5563/202311081452724.png)
+
+> Redis 的使用
+
+为了提高题目搜索的准确性和灵活性，我会定期将题目数据同步到 `Elasticsearch` 集群上，这玩意不仅能帮你存数据，还会自动对内容进行分词、实现高性能检索。
+
+![](https://pic.yupi.icu/5563/202311081452229.png)
+
+> 我的 Elasticsearch 集群
+
+为了实现点击公众号菜单登录的功能，我单独开发了一个 `Java SpringBoot` 的小服务来和公众号对接。
+
+为什么这里突然用 Java 了呢？不为别的，现成的 `WxJava` 库实在是太香了！
+
+> WxJava：https://github.com/Wechat-Group/WxJava
+
+![](https://pic.yupi.icu/5563/202311081452322.png)
+
+> 封装了微信接口的库
+
+写好代码后，所有的后端服务都和前端一样，使用 Docker 容器技术，放到 `微信云托管` 平台进行部署，除了天然支持负载均衡、打通微信外，什么自动发布、版本控制、灰度发布、日志检索、实时监控，各种能力基本都一手操办了。
+
+![](https://pic.yupi.icu/5563/202311081452442.png)
+
+用了容器技术后，用户图片等静态资源就不能存到本地了（其他容器可能缺失文件），而是使用 `OSS 对象存储服务` 进行存储，配合 CDN 实现访问加速。
+
+![](https://pic.yupi.icu/5563/202311081452400.jpeg)
+
+> 对象存储服务
+
+为了性能和安全性，我在云托管的上层又套了 `ECDN 全站加速网络` ，通过智能分配网络链路，动态的接口也能加速。
+
+它的原理如下：
+
+![](https://pic.yupi.icu/5563/202311081452553.jpeg)
+
+老实说，效果还是很明显的，但就是要产生额外的费用， **慎用** ！
+
+此外呢，为了让网站更好地被搜索引擎收录，我还搞了个 `Prerender` 服务。它的原理有点像 SSR（服务端渲染），如果识别到访问者是搜索引擎的小蜘蛛，Prerender 服务会将数据完整地拼接到页面后，再返回给它。
+
+这里我用的是现成的 prerender 镜像，不用自己封装了：
+
+> 镜像：https://github.com/tvanro/prerender-alpine
+
+![](https://pic.yupi.icu/5563/202311081452944.png)
+
+------
+
+以上这些就是我的小破站用到的技术。最后强调一下：**不是所有网站都得用这么多技术 ，也不是这些技术都要学习！** 有一套自己喜欢、用的顺手的技术栈，就完全足够了，后面再慢慢积累。
+
+最后放一张面试鸭网站的架构图，随便画的，仅供参考：
+
+![](https://pic.yupi.icu/5563/202311081452207.png)
+
+> 面试鸭网站架构图
+
+该架构图是用 Draw.io 画的，如果你想以这个图为模板画出自己项目的架构，可以在俺的公众号【程序员鱼皮】后台回复【架构】获取源文件：
+
+
+
+最后，提前给大家拜个年哈，祝各位朋友们新春快乐，阖家幸福安康！
+
+![](https://pic.yupi.icu/5563/202311081452309.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/README.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/README.md"
new file mode 100644
index 0000000..047a7a2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/README.md"
@@ -0,0 +1,29 @@
+### 入门必看 - 学习路线
+
+⭐️ [如何自学编程？](如何自学编程？.md)
+
+⭐️ [编程入门到进大厂，你需要这套学习架构](编程入门到进大厂，你需要这套学习架构.md)
+
+⭐️ [我学计算机的四年，共勉！](/自学之路/大学经历/我学计算机的四年，共勉！.md)（鱼皮的计算机学习之路）
+
+[⭐️ 从大学到秋招，我如何拿下腾讯offer](/自学之路/大学经历/从大学到秋招，我如何拿下腾讯offer.md)（鱼皮的求职之路）
+
+⭐️ [前端学习路线 by 程序员鱼皮](../../学习路线/前端学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Python学习路线 by 程序员鱼皮】](../../学习路线/Python学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Java学习路线 by 程序员鱼皮](../../学习路线/Java学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Linux学习路线 by 程序员鱼皮](../../学习路线/Linux学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [C++学习路线 by 程序员鱼皮](../../学习路线/C++学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [Git&GitHub学习路线 by 程序员鱼皮](../../学习路线/Git&GitHub学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [SQL免费实战自学网站 by 程序员鱼皮](../../学习路线/SQL免费实战自学网站%20by%20程序员鱼皮.md)
+
+⭐️ [设计模式学习路线 by 程序员鱼皮](../../学习路线/设计模式学习路线%20by%20程序员鱼皮.md)
+
+⭐️ [数据结构和算法学习路线 by 程序员鱼皮](../../学习路线/数据结构和算法学习路线%20by%20程序员鱼皮.md)
+
+[如何学习 GitHub？](如何学习GitHub？.md)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\345\255\246\344\271\240GitHub\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\345\255\246\344\271\240GitHub\357\274\237.md"
new file mode 100644
index 0000000..33b9085
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\345\255\246\344\271\240GitHub\357\274\237.md"
@@ -0,0 +1,92 @@
+# 如何学习 GitHub？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 昨天刚刚教大家 [如何更快地访问 GitHub](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247493961&idx=1&sn=16386132c1942f9f06d1adef61e4ca9f&scene=21#wechat_redirect)，按照惯例，今天不得来一个 GitHub 教程？
+
+最近，鱼皮在持续完善自己 GitHub 上的开源项目，也分享给了很多小伙伴，苦苦哀求大家可以给个 star。
+
+![](https://pic.yupi.icu/5563/202311051252864.png)liyupi 的 GitHub
+
+但是，很多同学表示爱莫能助，自己根本没有注册过 GitHub，更别提知道它的用法了！也难怪很多好的编程资源大家都找不到，只能乖乖成为一名伸手党。
+
+GitHub 是 **全球知名的代码开源平台**。在这里，你可以查看千万个项目的源代码，和各位编程技术大牛交流学习；当然也可以发布自己的开源项目，利用平台进行代码托管。而且如今 GitHub 的功能越来越强大了，比如工作流、仓库图表可视化、在线开发、项目页面等，即使你是 GitHub 的老用户，我相信很多功能你也未必知道！
+
+**总之，想要提升自己的编程技能，就必须要掌握 GitHub 的用法！**
+
+![](https://pic.yupi.icu/5563/202311051252835.png)
+
+**那么如何学习 GitHub 呢**？看网上的视频？
+
+当然可以，但其实，学习 GitHub 最好的方式就是 **阅读官方文档**！
+
+对于有经验的程序员来说，通常都会选择阅读官方文档来学习技术。原因是，官方文档通常比任何教程都 **全面、权威、准确**。网上教程和文章满天飞，但都是建立在官方文档的基础上，一旦官方文档修改了，很难做到实时同步，就可能会让学习者感到困惑。
+
+而 GitHub 的官方文档，更像是一份超级贴心通俗的教程。它可以帮助你了解 GitHub 的产品，注册帐户，并探索 GitHub 社区，学习它的所有强大的功能。
+
+**关键是还支持中文，翻译也非常到位！**
+
+![](https://pic.yupi.icu/5563/202311051252895.png)
+
+> GitHub 官方中文文档
+
+大家可以直接跟着文档中的 **入门指南部分** 进行学习，跟着教程图文进行实战练习，很快就能轻松学会基本用法。
+
+![](https://pic.yupi.icu/5563/202311051252859.png)
+
+文档内容非常多，但是大家也不必全部学完，只需学习下面几个 **重点知识**：
+
+1. 在 GitHub 上探索项目
+2. 使用 Git 管理项目代码
+3. 导入项目
+4. 管理仓库
+
+大家可以直接跳转到该文档对应部分来学习。
+
+![](https://pic.yupi.icu/5563/202311051252942.png)
+
+> 使用 Git
+
+关于如何在 GitHub 上探索项目，鱼皮之前也写过 [【硬核干货】如何高效找到优质编程项目？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492597&idx=1&sn=a4629094599f5b821ec2698ea4ef11f5&scene=21#wechat_redirect)。
+
+对于已经掌握 GitHub 基本用法的朋友，也可以利用该文档查漏补缺，了解更多提升 GitHub 使用效率和工作效率的强大功能！
+
+比如云端开发环境 Codespaces，可以让你在浏览器中在线开发和协作：
+
+![](https://pic.yupi.icu/5563/202311051252841.png)
+
+> 开放的代码空间
+
+再比如仓库数据可视化，可以帮助你查看仓库基本信息、变更历史等：
+
+![](https://pic.yupi.icu/5563/202311051252701.png)
+
+> 仓库提交年图
+
+还有 GitHub Pages，可以为你的仓库自动生成一个可访问的网站，无需自己申请域名和部署，还能选择主题！
+
+![](https://pic.yupi.icu/5563/202311051252799.png)
+
+> GitHub Pages
+
+还有更多功能期待大家的探索。不得不喊一句，GitHub 牛逼！
+
+
+
+------
+
+
+
+以上就是关于 GitHub 使用教程的分享啦，希望小伙伴们都能利用好 GitHub，拥抱开源，有朝一日都能成为开源大佬！
+
+
+
+您好，我是鱼皮，20 届本科毕业加入腾讯，是一名热爱分享技术干货的全栈工程师。
+
+在校期间带工作室建设几十个网站，拿过国家奖学金、挑战杯国奖、上海市优秀毕业生，也曾在字节跳动实习，有段创业经历，并成功落户上海。
+
+未来很长，希望能和大家共同进步，作为职场萌新，虚心接受前辈点化。
+
+感谢您的关注，欢迎添加我的微信 liyupi66 交流。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\350\207\252\345\255\246\347\274\226\347\250\213\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\350\207\252\345\255\246\347\274\226\347\250\213\357\274\237.md"
new file mode 100644
index 0000000..8d4262f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\345\246\202\344\275\225\350\207\252\345\255\246\347\274\226\347\250\213\357\274\237.md"
@@ -0,0 +1,162 @@
+# 如何自学编程？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 给刚高考完的学弟一点建议。
+
+大家好，我是鱼皮。
+
+前段时间，我在 B 站聊了聊自己的高考往事。于是，这几天，陆陆续续有一些刚高考结束的小伙伴找我咨询一些计算机方面的问题。
+
+比如这位学弟的几个问题，都比较有代表性。包括如何选择专业，是计算机科学还是软件工程？这两个专业有什么区别？是否有必要提前学习编程，以及想提前学习编程的话，应该怎么做呢？
+
+![](https://pic.yupi.icu/5563/202311051234921.png)
+
+看到这些问题，我真的是感慨万千，因为自己当时填报志愿、选专业的时候也曾纠结过。但区别就是当时并没有机会和 UP 主交流分享经验，所以在此一定要给学弟一些建议。
+
+### 计算机方向各专业的区别 ？
+
+其实大学本科阶段，选择计算机科学与技术或者软件工程，甚至是其他的计算机类专业比如信息安全、网络工程等，**区别都不大**。
+
+#### 课程
+
+首先，大学阶段，很多计算机相关的课程都是 **公共课**，是帮助大家打好基础、修炼基本功的。
+
+比如一些 **重点公共课** ：计算机导论、离散数学、数据结构与算法、操作系统、编译原理、数据库系统原理、计算机网络等。
+
+无论你是什么专业，都要好好学习这些课程，因为它们真的真的很重要！
+
+![](https://pic.yupi.icu/5563/202311051234894.jpeg)
+
+这些基础课程就占据了你大一大二的时间，在大二下学期或者大三的时候，不同专业的课程才会有差异，就拿软件工程和计算机科学与技术专业来对比吧：
+
+**软件工程**
+
+特色课有软件架构设计、软件项目管理、软件体系结构等，更偏向应用（上层），是培养 **软件** 设计与实现的思想、方法和技术能力的专业，相对更专精。
+
+**计算机科学与技术**
+
+特色课有计算机组成原理、汇编语言、微机原理等，更偏向理论（底层），是 **软 / 硬件都会涉及** 的计算机学科宽口径专业，相对更全面。
+
+还有其他的专业像网络工程（运维、网络设计、管理）、信息安全（密码学、网络攻防、渗透）、大数据、人工智能、嵌入式、物联网等等。虽然它们都有自己的特色课，不过，剩下的大三一年（大四要找工作 / 考研）也就只能学一点点和企业实践有关的知识技术。
+
+所以想要学好计算机、学好编程，大学还是要多花时间 **自学**，不要太依赖课本，多利用网上的资源，看看外面的世界。
+
+![](https://pic.yupi.icu/5563/202311051234889.png)
+
+#### 未来发展
+
+未来发展是大家比较关心的问题，网上说什么的都有，比如 “学计算机科学与技术专业更适合读研”、“学软件更适合就业”、“学大数据或人工智能更牛逼” 等等。
+
+但其实就像上面提到的，本科这些专业教你的东西就那么多，你未来是就业还是读研，从事什么职业，能找到多少薪资的工作，全都需要你在大学期间好好思考、感悟和拼搏，你的命运只取决于你自己。
+
+不过，残酷的现实是，无论大学选择软件工程还是计科、还是其他专业，无论本科直接就业还是读研，到最后，大部分人也都是开发程序员。有一说一，除了开发岗外，算法工程师岗位的竞争真的是神仙打架。
+
+![](https://pic.yupi.icu/5563/202311051234970.png)
+
+所以，在专业选择上也不用纠结，没有明确的方向就选软件工程吧，它和开发程序员今后的工作最相关。
+
+### 如何自学，入门编程 ？
+
+这位学弟刚高考完，就有提前学习编程的意识，在我看来已经成功了一半了，非常棒！
+
+我也是高考完就想着自学编程了哈哈，当时买了本 C 语言的经典书，但没想到学了几十页就被枯燥的理论劝退了，所以我建议大家先 **培养兴趣**，没必要一上来就被很复杂的路线和大纲限制住了。
+
+![](https://pic.yupi.icu/5563/202311051234827.jpeg)
+
+初学编程，要做的 **第一件事** 是：选择一门适合零基础入门的编程语言。
+
+比较适合新手入门的语言有：**Web 前端 和 Python、C、C++** 。
+
+我当时首先学习了前端 web 开发，理由是不仅容易上手，而且你写的每一行代码，都能立刻看到效果！大概学习一至两周，你就可以写出自己的网站，比如留言板、记事本、个人博客、个人笔记等等，之后还能发布到网上给其他同学访问，想想不是很有趣么？
+
+而且，web 开发主要包括 html、css、js 三门编程语言，它们的语法各有千秋，通过学习它们，你能够感受到编程语言的多样性，也能学习到更多的编程知识和技能。学会这些后，你可以做网站、APP、桌面应用、小程序，有机会将自己的想法实现。
+
+因此，我最推荐大家 **从 Web 前端上手** ，当然，也可以根据兴趣和实际需要选择其他的语言，比如想做小工具，就学学 Python；想打好基础，可以学学 C、C++。
+
+对于编程新手来说，不建议看复杂的书籍，否则可能兴趣全无，直接被劝退。入门编程的重点在于寓教于乐，你写的每一行代码都应该能直接看到效果，才会比较有乐趣。起码你知道自己在做什么啊！
+
+所以推荐一个适合新手零基础入门的 **免费在线实战学编程网站** ：FreeCodeCamp，偏向于 Web 前端。
+
+地址：https://learn.freecodecamp.one/
+
+在这个网站里，你要做的就是跟着左侧的教程，一步步地在中间的编辑框中输入代码，从而完成任务、通过关卡。这样一来，不需要看任何复杂的书籍，就能轻松愉快地入门编程啦~
+
+![](https://pic.yupi.icu/5563/202311051234991.png)
+
+> FreeCodeCamp
+
+除了这个之外，还有很多适合新手入门的编程资源，可以在 **我开发的【编程导航】** 自行搜索~
+
+对于初学者，选一门语言后直接开始在线实战学习就好了，简单粗暴。
+
+最后再给大家一些编程学习建议吧~
+
+### 编程学习建议
+
+所有人都是从新手过来的，我也是从零开始通过大学四年的自学才最终拿到腾讯 offer 的。
+
+结合我自己的学习经历，我认为想学好编程，需要做到如下四点：
+
+1. 确定目标，制定规划，脚踏实地
+2. 在不同阶段选择适合的学习方法
+3. 多向优秀的程序员大佬学习
+4. 写代码，写代码，写代码
+
+![](https://pic.yupi.icu/5563/202311051234487.jpeg)
+
+首先，要明确一点，编程学习没有捷径！必须明晰目标、拉长战线、掌握技巧、持续学习、做足准备，才能立于不败之地。
+
+关于第一点：制定规划和学习路径，我总结了一套编程学习架构，将编程学习分为 7 个阶段，可以看下这篇文章：[编程入门到进大厂，你需要这套学习架构](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247490268&idx=1&sn=20333a108fe0296592971c13a2bbeb5b&scene=21#wechat_redirect)。
+
+关于第二点：如何在不同的阶段选择更适合自己的学习资源，我也写过一篇文章：[万年自学党聊聊如何选择学习资源？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247494793&idx=1&sn=6a4ec441c4743bb5fb23081b78dd194f&scene=21#wechat_redirect)
+
+主要包括两个方面：
+
+1. 选择何种类型的资源？
+2. 同类资源如何对比？
+
+![](https://pic.yupi.icu/5563/202311051234738.png)
+
+> 选择好的学习资源
+
+关于第三点：发现编程大佬的优秀特质，并向他们学习。我也写过一篇文章：[四年，上海，车房妹](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247489962&idx=1&sn=33f2eed861883bfb07bf59ccba95621d&scene=21#wechat_redirect)。
+
+在这篇文章中，我分享了一些优秀的技术人需要具备的特质，比如全局观、沟通能力、技术架构能力、追求极致、洞察力、决策力、创造力等等。学无止境，我们仍然需要不断努力和成长。
+
+关于最后一点，想提升编程能力就多写代码吧！这里先列举一个编程学习误区。
+
+#### 编程学习误区
+
+大部分同学都是看视频课来入门编程，但为什么大家都是看同样的视频，有同学编程水平进步很快，有些同学就是看了个寂寞呢？
+
+大学时，我身边的一些同学就是以看视频课程的时长来衡量自己学习编程知识的多少。这是一个 **致命误区** ！而一旦陷入这个误区、你就会一味地看课刷课，并且不断安慰自己 “努力就会有收获”。可能直到最后你看了几个月的视频，终于准备上手写代码时，才会发现自己根本写不出代码！
+
+![](https://pic.yupi.icu/5563/202311051234822.png)
+
+这就是典型的 “死学习”，为什么你比别人多付出了几倍的时间，编程水平却大不如人呢？因为你忽略了 **编程是需要实践来提升水平的**，你看视频看得再爽，看得再明白，不上手写代码，就都是纸上谈兵。况且绝大多数网上的视频课程都是顺风顺水地带你演示项目，很多的错误和细节你根本看不到！因此，每看一部分视频，我都会跟着老师的节奏亲自编写代码，不仅要完成视频中的项目，还要自己做更多的项目。
+
+关于自学编程怎么获得项目经验，可以看下这篇文章：[聊聊有哪些参与项目的好途径吧](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247495503&idx=1&sn=eaca3e1cc01d53d48c78ee452d39ce43&scene=21#wechat_redirect)。
+
+在编写代码时，我们总会遇到各种问题和报错。一定要多尝试自己解决，而不是直接去求别人。在解决问题后，我也会加以记录和总结。久而久之，我自己解决了一个又一个的问题，有了自己的问题库，对知识的理解和印象都更加深刻，因而编程水平突飞猛进、解决问题的效率越来越高，做到了完全的正循环反馈！
+
+我现在虽然工作了，但仍然会经常动手开发一些小项目，保持自己的编程水平，比如 **编程导航**（https://www.code-nav.cn），帮大家发现优质编程学习资源。
+
+![](https://pic.yupi.icu/5563/202311051234828.png)
+
+> 编程导航
+
+
+
+------
+
+
+最后吧，本文只希望能给想选择计算机专业的同学一点帮助，也不是劝其他高考完的同学来选择计算机。不过，计算机真的是一个能改变命运的专业，学得好的话，薪资甚至可以高到其他专业的同学难以置信的程度！只是的确非常累。
+
+但学啥不累呢？总之，无论做出什么样的选择，都趁早努力，干就完了，加油吧少年！
+
+我是鱼皮，原创不易，如果觉得文章不错，希望 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311051234824.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\347\274\226\347\250\213\345\205\245\351\227\250\345\210\260\350\277\233\345\244\247\345\216\202\357\274\214\344\275\240\351\234\200\350\246\201\350\277\231\345\245\227\345\255\246\344\271\240\346\236\266\346\236\204.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\347\274\226\347\250\213\345\205\245\351\227\250\345\210\260\350\277\233\345\244\247\345\216\202\357\274\214\344\275\240\351\234\200\350\246\201\350\277\231\345\245\227\345\255\246\344\271\240\346\236\266\346\236\204.md"
new file mode 100644
index 0000000..443507a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\245\351\227\250\345\277\205\347\234\213-\345\255\246\344\271\240\350\267\257\347\272\277/\347\274\226\347\250\213\345\205\245\351\227\250\345\210\260\350\277\233\345\244\247\345\216\202\357\274\214\344\275\240\351\234\200\350\246\201\350\277\231\345\245\227\345\255\246\344\271\240\346\236\266\346\236\204.md"
@@ -0,0 +1,226 @@
+# 编程入门到进大厂，你需要这套学习架构
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+我相信大多数学习编程的同学都有着对大公司的憧憬。技术、声望、薪资、福利，这些都足以成为吸引你进入大厂的理由。
+
+但是，如何进入大厂呢？
+
+对于很多同学来说，通往大厂的道路并不明朗，不知道是否有希望，也不知道怎么努力，感觉遥不可及。
+
+![](https://pic.yupi.icu/5563/202311051236546.jpeg)
+
+其实，我身边有很多成功拿到大厂 offer 的同学，他们并不都是大家想象中的 985 名校硕士、竞赛金牌、开源大佬、编程神童。相反，我看到了很多背景一般却凭实力冲进大厂的同学，而且他们在工作中的表现非常出彩！
+
+通过和这些同学的交流，我发现他们在编程学习和求职方法上有一些共性，再结合自己的真实经历，我总结了一套**较通用的编程学习和求职架构**。
+
+无论你现在处于编程学习的哪个阶段，又或者只是对编程有兴趣，下面的内容都会对你有一定帮助。让你看到更清晰的未来，并为之而努力。
+
+
+
+------
+
+
+
+首先，要明确一点，编程学习没有捷径！必须明晰目标、拉长战线、掌握技巧、持续学习、做足准备，才能立于不败之地。
+
+下图是我总结的编程学习架构：
+
+![](https://pic.yupi.icu/5563/202311051236699.png)编程学习架构
+
+如图，我将编程学习分为 7 个部分。为什么叫做 “学习架构” 而不是 “学习路线” 呢？因为在编程学习中，有些事情不是严格按照顺序去做，而是在我们整个学习过程中都要长期坚持的。
+
+下面详细解释一下这套编程学习架构的 7 个部分。
+
+#### 1. 初入茅庐，海纳百川
+
+刚开始学习编程时，难免会感到迷茫，如果你初入大学，会发现身边大多数的同学选择加入了学生会、各种社团来丰富校园生活，而不是一门心思去学习。其实这个阶段，并不需要太过关心和考虑以后找工作的问题，要做的事情就是学好大学的一些通识课程，保证成绩不能太差。不要提成绩无用论，除了学校之外，高的绩点也是简历的牌面，如果能取得前几名的好成绩，是绝对的加分项！
+
+对于计算机专业的同学，刚开始并不会接触到很深入的知识，也很少有机会去开发一个完整的作品。基本都是学习 `C`、`C++` 等编程语言，因为涉及和能够学习到的知识相对丰富。但是，想要学好编程，课本上的知识是远远不够的，一定要**自学**！
+
+自学什么呢？
+
+其实刚开始的时候大家并不知道自己擅长什么、真正喜欢什么、以后想做什么、从事哪方面的工作，因此，可以 “海纳百川”，多了解和尝试各种编程语言、技术框架、专业知识等。比如在课堂教的编程语言之外，去自主学习下 Web 网站开发或者 `Python`。
+
+怎么自主学习呢？看书？
+
+过去几十年，我们的学习几乎一直依赖书本。但是如今，互联网上资源非常丰富，为我们自学编程提供了很大的方便。可以选择看纸质书、电子书，但是一定不要直接去啃那些很复杂的理论书籍，而是选择一些轻松有趣、相对简单、案例丰富的书籍。除了看书之外，可以选择 `W3Cschool`、实验楼、`FreeCodeCamp` 等在线学习网站，边学边敲代码练习。还可以去 B 站上搜索一些视频教程，可能要比啃书学习要轻松得多！
+
+![](https://pic.yupi.icu/5563/202311051236649.png)W3Cschool 在线编程入门实战
+
+但是，无论你选择何种方式去学习，**一定要边学边练习**，不必局限于一些习题或书中的代码片段，可以试着发挥自己的创意，去编写一些简单的网站或者实用的小工具，相信你会收获成就感，逐渐对编程产生兴趣。
+
+这个阶段，除非你有非常明确的学习方向，否则没有必要对某一门技术过于执着，毕竟计算机领域很多技术和知识点是相通的，前期先多学习一些简单易懂的知识，会让编程学习轻松有趣一些。
+
+#### 2. 兴趣使然，纵横交贯
+
+上一个阶段重在培养我们对编程学习的兴趣，当你学习了一些编程知识和编程语言后，你已经对很多零碎的知识产生了印象，后面学习新知识也会比之前更加容易和迅速。
+
+这个阶段是你编程能力开始突飞猛进的时候。由于时间和精力有限，你要做的是从你已经学到的知识库中挑选出相对感兴趣的部分，比如某一门编程语言（比如 `Java`），或者是某一个领域（比如 `NLP`）。然后对这部分知识进行相对深层次的学习，可以去读一本经典的书籍，了解这门技术的特性，甚至是阅读相关源码。
+
+在重点深入学习一门技术的同时，还需要继续保持开放，接触更多的新知识，而不是深陷其中、无法自拔。计算机的很多知识是相互关联的，如果多学习一些不同方面的知识，我们更容易将那些零碎的知识点串联成网，从而开拓思维，得到更大的收益。
+
+但是，算法、数据结构、计算机网络等知识点比较特殊，即使没有兴趣，也要认真地去学习！因为它们可以培养你的思维，提升你的程序设计能力，对于程序员来说太重要了。毕竟大多编程语言都是相通的，**语言只是工具，思想才是武器**。
+
+听起来可能比较抽象，但在实际面试和工作中往往这些零碎的小知识会发挥巨大的作用。比如，面试互联网大公司时，基本每一轮面试都会考察几道算法题目；面试后台开发岗位，也一定会问到计算机网络、操作系统的知识。在工作中，我们也经常会用到一些算法的思想来解决问题，比如滑动窗口、时间轮、布隆过滤器等。
+
+这个阶段，我推荐大家选择主流的技术和框架进行深层次的学习，比如 `Java` 语言的 `SSM` 和 `SpringBoot` 框架。主流的技术教程多、文档多、遇到问题更容易解决，而且通常容易上手，能做出一些个人作品，增加兴趣和成就感。
+
+![](https://pic.yupi.icu/5563/202311051236475.jpeg)
+
+#### 3. 有的放矢，十年磨剑
+
+如果你已经对某个编程语言或知识领域产生了浓厚的兴趣，或者已经能够得心应手地开发个人作品，那么恭喜你进入到下一个阶段。
+
+本阶段要做的是**确定自己的职业方向**，做到有的放矢。
+
+为什么没有在一开始就让大家明确目标呢？**因为确定目标的时机很重要，过早或过晚都不好。**很多人在上大学前可能对某一个职业特别憧憬，整天嚷嚷着自己一定要成为自己想成为的人，但是直到你真正接触这个职业或者其相关的知识一段时间，你可能才意识到自己并不适合。比如我小时候想当律师，整天看 `CCTV 12`，也啃了几本法律书籍，但是后来自己记性差了，而且发现自己对编程的兴趣更大，因此也放弃了之前的目标。庆幸的是，我不是在大学期间才放弃律师这个职业，没有耽误到我学习编程知识。大学时间短暂，没有太多的时间给我们去迷茫和折返。
+
+既然已经有了喜欢的编程技术和领域，确定职业目标就相对简单了。每个人有不同的选择，建议先从自己的兴趣出发，选择和自己的兴趣和所学技能相匹配的岗位。同时，也要考虑到目前的市场需求，最好看一些数据和调研，不要选择冷门职业。还有一些其他纳入考虑的点，比如薪资、工作时长、地点等等。确定职业后，还可以进一步地去选择公司。建议给自己定一个最高的目标，比如进入互联网大厂，要相信自己，只有饥饿的狼才能吃到美味的饭。
+
+确定好职业目标后，就要根据职业，堆积打磨自己的技术栈。**这是一个十年磨剑的过程，重在坚持。**
+
+首先要确认你的目标岗位需要哪些相关的技术，推荐直接到大互联网公司的招聘官网来看对某岗位的技术要求，比如 `Java` 开发可以看阿里和美团官网、`C++` 看腾讯官网、`Golang` 或 `PHP` 看字节跳动官网。
+
+![](https://pic.yupi.icu/5563/202311051236696.png)腾讯招聘全栈开发方向的岗位要求
+
+知道要重点学习哪些技术后，要制定一个明确的计划，将大的目标拆解为依次去学习每项小的技术，可以参考网上的一些**学习路线**，按照主次对技术知识进行排序，并规定好学习每个技术花费的时间，从而有一个整体预期，少走弯路。而不是杂乱无章地去学习，主次不分。
+
+![](https://pic.yupi.icu/5563/202311051236482.png)制定学习计划
+
+比如 `Java` 后台开发岗位一般会要求 `Java` 基础编程、`Java` 并发编程、数据库、计算机网络、操作系统、设计模式等，相应的技术栈可以是：`Java`、`MySQL`、`SSM` 框架、`Redis`、`Linux` 等等。确定技术栈后，要按照计划，对每一项技术进行全面且系统的学习，推荐阅读一些经典书籍，比如 `Java` 可以看《 Java 核心技术卷 1 》、《 Java 编程思想 》等。
+
+如果要进大公司，编程学习就不能仅仅止步于 “会用”，而是要懂得 “巧用”、“精用”，甚至能够对知识点进行复刻和创造。比如学习 `MySQL` 要去了解其底层的数据结构和调优策略，学习 `Spring` 框架时要熟悉其底层的设计模式和依赖注入的原理等。更重要的是，不能纸上谈兵，要有能力去灵活运用学到的知识来开发一个项目，**企业需要的是能解决实际问题的人才**。
+
+学完这些知识后，你就可以踏实地在简历上写 “熟练运用 xxx 技术” 啦！
+
+![](https://pic.yupi.icu/5563/202311051236402.jpeg)十年磨剑
+
+#### 4. 学以致用，宁静致远
+
+不止针对计算机技术类岗位，互联网公司的很多其他岗位，比如产品、运营、策划，都要求学生有较强的实践能力。但是学校的课本知识多少有些过时和应试教育，大多停留在理论层面，实践创新部分还是要靠学生自我驱动。如果不懂得自学和实践，真到找工作的时候，简历上没有项目经验，空空如也，是极大的劣势。
+
+在学习技术的过程中，一定要边学边练，否则可能当你用心看完一本书后，打开电脑发现自己一行代码都写不出来，再回过头来翻书找代码，就浪费了不少的时间。
+
+刚开始动手写代码时，如果没有什么创意，不知从何开始，可以按照网上的视频教程做一个简单的 Demo（小样），并且将这些 Demo 好好保存。后面学到新的知识后，可以选择自己现有的 Demo 进行改造和包装，比如添加新的功能、优化性能等等，尽量做出完整的作品，并用这些作品去完成课程设计作业、参加作品类竞赛、申报科创项目、申请软件著作权、专利等等。如果某个作品做的非常好，甚至可以考虑将其正式上线，说不定就发家致富了呢？
+
+![](https://pic.yupi.icu/5563/202311051236508.jpeg)鱼皮大学期间做的一个项目
+
+积累了作品，你的简历就多了 “项目经历”、“竞赛奖项” 等内容，而这些内容，是面试官非常看重的。
+
+在正式找工作前，建议大家先去找一份和目标岗位相关的实习。曾经看过一份校园招聘数据，数据表明，入职头条的员工中 50% 都曾经在头条实习，而网易员工中有超 70% 的同学都有实习经历。
+
+实习就像正式员工跳槽一样，不是非要一步登天。第一段实习经历没必要有太高的要求，但是最好要和自己的职业目标相契合，能够感受真实的企业环境、学习到很多的工作经验、在团队中实践自己的技术知识。不用担心自己水平不够，无法通过面试。其实在参加面试的过程中，能够更快、更针对性地发现自己的不足，并且在面试后进行复盘和总结，能够得到更快速的成长。
+
+怎么去找第一份实习呢？其实现在有很多帮助大学生找实习的正规平台，比如牛客网、实习僧 APP、找学长学姐内推、或者直接在企业招聘官网投递简历等。
+
+**宁静致远** 是我个人很喜欢的一种境界，大家在找实习或者正式求职时难免会受到外界环境的影响。比如小李拿到了世界 500 强的 offer、年薪百万，或者小王成天抱怨找工作难、竞争激烈。然而这些夸耀或负面情绪和我们又有什么关系呢？就像考场里做卷子，提前交卷的一定考得最好么？谁知道最后你的分数会不会比他高呢？
+
+我们应该关联上下文去看待各种人事、情况和情绪，确实有很多拿到好的 offer 的同学，他们也许比你聪明，也许比你有背景，但更多的是他们曾经付出了更多的努力，舍弃了很多休闲娱乐的时间。找工作难、无法通过面试、产生负面情绪也一定是有原因导致的，企业中的面试官不会都戴有色眼镜看人，可能还是我们没有足够多的付出或者有一些失误，又或者其他人比我们更努力、更幸运。我们要做的是和优秀的同学多交流，发现他们身上的闪光点，分析他们成功的原因，向他们学习经验和方法。多和优秀的人交流，自己也会变得优秀。同时，我们要吸取每一次失败的经验教训，记录下来，多多自省。然后更重要的是，保持宁静，按照自己的规划，一步一步往前走就好。
+
+![](https://pic.yupi.icu/5563/202311051236908.png)保持宁静
+
+#### 5. 锋芒毕露，放手一搏
+
+如果你已经按照上述的阶段努力过，不仅有了一定的技术知识储备、还有项目经验，或者是一段实习经历，那么恭喜，你已经具备了一定**硬实力**！下面你要做的就是利用一些软技巧，在求职时，将你的优势与亮点锋芒毕露。
+
+首先，整理一份完美的简历。简历是一个人求职的门面，即使你的口头表达能力有多优秀，见不到面试官也就毫无用处，因此要尽可能地在简历上展示自己。
+
+编程技术类的求职简历通常包括几个部分：
+
+1. 个人简介：包括基本信息、照片、学校、成绩等。
+
+   
+
+2. 个人技能：列举你熟悉的技术知识，也就是你的技术栈。
+
+   
+
+3. 竞赛奖项：列举你曾经参加的竞赛和获得的奖项。
+
+   
+
+4. 项目经历：列举你做过的项目，比如课程设计、学习作品、竞赛作品、实习项目等。
+
+   
+
+5. 科研学术：列举你的学术研究和科研成果。
+
+   
+
+6. 实习经历：介绍你的实习情况，在哪实习、做过什么、带来什么成果。
+
+![](https://pic.yupi.icu/5563/202311051236679.png)鱼皮当时的求职简历
+
+其实，编写简历是有很多技巧的，下面列举一些常用技巧：
+
+1. 简历必须一页，排版整洁，保持清爽，且色调不宜过暗或过亮，可以使用淡蓝色 。
+2. 要分析自己的个人优势，对各板块排序，把亮点放上面 。
+3. 简历上的文字内容精炼，用词尽量专业，拒绝口语化，你的简历终究是要给专业的面试官看的，不用担心他看不懂。
+4. 项目、实习经历介绍中，可用 STAR 分析（场景、任务、行动、成果）来梳理自己的核心工作，其中，成果最重要，最好列举明确的数据，比如使用 xx 技术将项目的并发量提升了 30%。每个项目的介绍不宜过长，给面试官提问的空间。
+5. 利用简历去引导面试官。很多面试官都会从简历中挑选他感兴趣的项目或技术去展开提问，因此必须足够熟悉写到简历中的项目和技术，并提前想好对策。比如项目中用了哪些技术，为什么用，有什么亮点，怎么去优化等。
+6. 写完简历后，自己通读几遍并找专业的 HR 来进行点评，还可以多阅读借鉴他人的简历。
+7. 针对不同的岗位和岗位描述，准备不同的简历，在部分细节和内容上调整。比如投递产品和运营岗，你的项目和实习介绍就要分别侧重这两种不同的职位。
+8. 内容允许适度夸大，但绝对不能欺骗！这个小技巧尤其适用于没有特别多的项目的同学，但也要注意不要被面试官戳破哦。
+
+准备好简历后，要多多练习自我介绍。自我介绍的重点是通过讲述自己的校园经历、学习过程、竞赛、实习、研究等来突出你的**学习能力、沟通能力及解决问题的能力**。其他的部分，如个人性格，用几个成语带过就好，属于正确的废话。自我介绍快结束时一定要提及自己最擅长的方向、项目或技术，很多面试官都会从自我介绍展开提问。
+
+面试是应聘者和面试官之间的博弈，一场完美的面试是由你来引导面试官，让他对你产生兴趣、产生信赖，而不是被他牵着鼻子走。至于你是第一次来面试还是老油条，从自我介绍就可知一二了。
+
+面试过程中，在不过分夸大的前提下，大胆展示自己吧！很多面试官都喜欢爱思考、善于交流、有发散思维、有执行力的同学。
+
+编程技术岗位的面试通常会要求写算法题，所以一定要每天坚持刷几个小时左右的算法，这里推荐 LeetCode 算法刷题平台，以树、链表、动态规划、栈、队列、深度优先搜索、广度优先搜索等知识为主。如果是线下面试，面试官可能会给你一张白纸，让你在上面写出算法代码；如果是线上面试，可能会使用一些在线面试平台，要求程序能够正确执行，难度会更大。但是无论何种形式，都不要慌，由于时间有限，一定要理解题意，想清楚在写，字迹公正、缩进得当。即使做不出来，也要试探性地向面试官说出自己的想法，通常面试官会给出友好的提示。
+
+![](https://pic.yupi.icu/5563/202311051236592.jpeg)面试
+
+还有一点非常重要！要记得提前关注自己目标公司的招聘时间，多数互联网公司虽说 “金九银十” ，但是很多公司的提前批从 7-8 月份就开始面试和录用了，因此必须提早准备，合理安排日程。建议大家争取下大公司暑期实习的 offer，有机会直接转正，拿到转正 offer 后再去其他公司面试说话都自信了很多。
+
+最后，不要过度自信，也不要盲目悲观。要多投递一些企业，多一个机会、多一个选择总是好的。不要觉得麻烦，毕竟都已经努力那么久了，放手一搏吧！
+
+#### 6. 归纳总结，方法唯上
+
+归纳总结不仅仅是在学习编程或者求职中，是我们一生都要去坚持的好习惯。学到了知识，要总结；完成了项目，要总结；参加了竞赛，要总结；每天的实习工作，要总结。只要是你做过的有意义的事，无论成功或失败，都值得总结。
+
+有的同学会认为总结和写文档一样，没有必要浪费时间。但实际上，总结并不是草草写一下就完事了，而是要针对某件事，从零开始全面复盘，回顾目标、回顾工作、提问自己 `5why`（为什么要这样做，而不是那样做？等等）、针对优缺点进行分析、思考如何改进完善等。
+
+通过归纳总结，可以减少重复错误、优化工作、发散思维，最终提炼出一套适合自己的学习工作方法论。有了高效系统的方法，也能帮助你在今后的工作中快速适应和晋升。
+
+![](https://pic.yupi.icu/5563/202311051236649.jpeg)
+
+写完总结后，必须进行存储，推荐使用云盘，比如腾讯微云、阿里云盘、OneDrive、印象笔记等，方便自己去查阅和回顾。学了知识不总结，或者写了总结不存储，就像是小熊掰棒子，徒做无用功。
+
+此外，总结不止是给自己看的，也同样能帮助到他人。尤其对于公司来说，技术方案和工作总结有着巨大的意义。几乎所有企业，大到公司，小到个人，都会维护自己的知识库，沉淀技术和业务的同时，也方便给新人提供参考和指导。
+
+值得一提的是，很多同学抱怨自己的工作过于重复，无法成长。我觉得工作必然会重复，但重复不代表无法成长，如何从工作中提炼共性、多提出想法来改进现状，才是值得考虑和关注的。
+
+#### 7. 春风化雨，颗粒归仓
+
+如今，我们生活在一个万物互联的时代，各种编程网课、培训资料、项目实战、开放源码、线上直播课等，为我们营造了春风化雨的学习环境，我们应该充分利用这些资源，分类收藏，颗粒归仓。
+
+但有时资源过多，也会对我们造成困扰。因此，我们要有选择地使用资源，看的多了，自然能分辨好坏；要注重信息时效性，比如学习新框架时，尽量不要看出版超过 1 年的书籍。
+
+此外，除了这些静态资源。我们还可以在线上线下，多认识一些优秀的前辈和小伙伴们，和大家一起学习讨论，甚至可以合作参加比赛，开发一些作品。毕竟一个人坚持会很孤单，如果在编程学习的路上，和一些小伙伴一起前行，到时收获的就不止有编程能力的提升，还有更重要的友谊。
+
+![](https://pic.yupi.icu/5563/202311051236536.jpeg)
+
+#### 总结
+
+其实学习编程和求职的过程就像是做了一次大数据推荐。
+
+起初，你面前有太多的编程知识和技术，眼花缭乱，不禁感到迷茫。然后通过一段时间的学习和摸索，你对编程产生了一定的兴趣，开始挑选几个相对感兴趣的技术去学习，过滤掉了一些不感兴趣的技术。随着你学的知识越来越多，你的喜好也逐渐明朗，你开始为自己确定求职目标，确定了主要学习编程语言和技术方向。而后你需要日复一日坚持学习编程，并通过项目实战、参加竞赛、找实习等方式提升自己的编程实践能力。最后放手一搏，将自己的技术展现给面试官，并成功地通过面试，找到自己心仪的工作。
+
+整个过程中，你的每个行为其实都会影响最后的面试结果，从而决定你的就业去向。究竟面试官能不能从海量人选中锁定你呢？
+
+
+
+------
+
+
+
+学习编程和求职的道路并不平坦，我们会无数次因为写不出程序而发愁、因为一个小的漏洞而熬夜、因为面试失败而否定自己；但是同样会因为程序的成功执行而欣喜、因为漏洞的修复而欢呼、因为通过面试而自豪。
+
+你现在做的每个努力，都有意义。
+
+![](https://pic.yupi.icu/5563/202311051236608.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/14 \345\262\201\357\274\2143 \346\254\241\347\273\231\346\210\221\347\232\204\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/14 \345\262\201\357\274\2143 \346\254\241\347\273\231\346\210\221\347\232\204\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201.md"
new file mode 100644
index 0000000..90b3aeb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/14 \345\262\201\357\274\2143 \346\254\241\347\273\231\346\210\221\347\232\204\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201.md"	
@@ -0,0 +1,116 @@
+# 14 岁，3 次给我的项目贡献代码
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前段时间给大家分享了我自制并开源的 [免费 SQL 自学网站](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247548697&idx=1&sn=4d230bca05ad245262a97abc268dda5a&chksm=e9c2d8eedeb551f87fee7660ad9a6953508792e2e9d595cbd5062171aeef95db2f228cab0345&token=34382397&lang=zh_CN&scene=21#wechat_redirect) ，可以用闯关的方式自学 SQL：
+
+> 开源地址：https://github.com/liyupi/sql-mother
+
+![](https://pic.yupi.icu/5563/202311081411302.png)
+
+有很多朋友积极帮我找网站的 Bug，也很高兴这个网站能够对大家有帮助~
+
+![](https://pic.yupi.icu/5563/202311081411264.png)
+
+其中，还有一些优秀的小伙伴，主动给这个项目贡献代码：
+
+![](https://pic.yupi.icu/5563/202311081411288.png)
+
+无论提交的代码是否被我合并到项目中，都非常感谢这些小伙伴的贡献：
+
+![](https://pic.yupi.icu/5563/202311081411260.png)
+
+在这些贡献者中，有一位小伙伴着实让我感到震惊，他竟然只有 14 岁！！！
+
+![](https://pic.yupi.icu/5563/202311081411310.png)
+
+14 岁的时候，我还在背着父母打 DNF、QQ 三国等各种游戏；而这位 14 岁的少年，竟然已经开始在 GitHub 上给开源项目贡献代码了。。。
+
+![](https://pic.yupi.icu/5563/202311081411255.png)
+
+评论区的铁子们也被吓到了：
+
+![](https://pic.yupi.icu/5563/202311081411771.png)
+
+之前我确实在 B 站看到过小学生初中生自己开发系统的，但很多都被我当成是 “噱头” 了，但看了这位少年提交的代码，应该是认真的了。
+
+以其中一个提交为例，这位少年想要给我的网站增加一个 SQL 临时存储功能，防止关闭浏览器后丢失。
+
+他首先写了一段操作 LocalStorage 的代码，想要把 SQL 存储到本地 LocalStorage 中，单独看代码的命名和格式，感觉还挺规范：
+
+![](https://pic.yupi.icu/5563/202311081411815.png)
+
+但是呢，我并没有通过他的这段代码。
+
+因为我的项目用到了 `pinia` 来进行前端状态管理，并且引入了 `pinia-plugin-persistedstate` 插件来实现 LocalStorage 和 pinia 的自动加载和同步。
+
+这位少年态度非常认真，我也给了他一定的鼓励和改进建议：
+
+![](https://pic.yupi.icu/5563/202311081411864.png)
+
+我回复完这段话后，这位少年很快就给了我新的反馈，表示自己要去学习下 pinia：
+
+![](https://pic.yupi.icu/5563/202311081411031.png)
+
+我本以为不会有后文了，起码得去学一阵子吧。但没想到，他很快就给了我新的回复 —— 竟然已经改完了？！
+
+![](https://pic.yupi.icu/5563/202311081411134.png)
+
+看了他上面回复的话，我觉得十分可怕。这段话中，体现了这位 14 岁少年的谨慎、谦逊、专业性（知道引用参考文章），甚至还有 “防返工意识”（以免我写了半天都是错的）！
+
+而且他还有节约存储空间的意识，光是这点已经比很多有实际工作经验的同学要强了：
+
+![](https://pic.yupi.icu/5563/202311081411769.png)
+
+从交流中，我明显感觉这位少年应该是兴趣驱动的编程学习者，感觉是听到一个技术后立刻就去学习了，而且他很擅长利用网上的文章和资源来学习。
+
+如果大家是要从 0 到 1 入门编程，我是不推荐这种学习方式的，因为漏学一个基础知识点，可能就会导致后面学习的知识不成体系、不循序渐进。但是像这位少年是基于兴趣学习编程，没有什么工作的压力和束缚，我觉得继续按照自己的兴趣，想学啥就学啥，想做啥就做啥，真的挺好~
+
+后来，这位少年又给我的项目贡献了 2 次提交，也都挺认真的：
+
+![](https://pic.yupi.icu/5563/202311081411373.png)
+
+![](https://pic.yupi.icu/5563/202311081411921.png)
+
+不过到目前为止，他的几次提交还都有可改进之处，所以暂时没有合并，期待他继续改进，也希望能让他有所收获吧。
+
+现在学编程的同学很多，但是敢给开源项目贡献代码的同学寥寥无几。其实我想说，给开源项目贡献代码是一个非常好的学习机会，还能免费和大佬 1 对 1 交流；而且很多项目的参与门槛是很低的，只要你认真地在本地跑通了项目，阅读一些代码，说不定就会发现一些小 Bug。哪怕改正一个小 Bug 也是有价值的贡献，也是能写在你的简历上的。
+
+一位 14 岁的少年都可以无所顾忌地参与开源，我们又为何不去尝试一下呢？不用怕自己贡献的代码不被接受，哪怕没有被合并，通过和项目作者交流，也会给你带来收获。
+
+这里也给大家 3 个让别人更容易合并你代码的方法：
+
+1）遵循原项目的写法，不要用和原项目不一致的格式、命名、写法，否则大概率是要被打回去的。无论是开源还是公司内协作开发，跟大家保持统一的规范都是至关重要的。
+
+举个例子，下面的代码本质上是完全没改变的：
+
+![](https://pic.yupi.icu/5563/202311081411929.png)
+
+有同学会觉得这行代码哪怕改了，也不影响提交。但这只是一个例子，如果你的项目中，有 100 个类似的 “没必要改动的改动”，看你代码的人该如何应对？
+
+2）提供代码改动说明，以及代码改动后的运行截图。
+
+像下面这位同学一样，我很轻松地就合并了他的代码：
+
+![](https://pic.yupi.icu/5563/202311081411005.png)
+
+因为我们在代码审查页面，是不知道改动后的代码能不能运行、运行出来是什么效果的，所以贴上一个效果截图、或者是测试报告，还是很有必要的。
+
+3）尽量减少改动，每次只改一个功能、Bug 或模块。
+
+这点也很好理解，因为单次合并的代码越多，对项目的影响可能就会越大，项目负责人合并代码前就要越谨慎。而如果你只是改了一个字符串的值，读代码的人舒服，也就更容易合并代码。
+
+像下面这种提交，看了一眼就给他合并掉了，直接成为项目贡献者：
+
+![](https://pic.yupi.icu/5563/202311081411086.png)
+
+OK，大概就分享到这里，所以大家不要害怕贡献代码。多看开源项目，多学习他人的写法，多和他人交流，在实战中学习，这是一种最快的进步方式。
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) ，和 2 万多名编程学习者共享知识、交流进步，学习鱼皮的原创项目并享有答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\344\275\240\347\234\237\347\232\204\344\272\206\350\247\243\347\250\213\345\272\217\345\221\230\344\271\210\357\274\237\345\201\232\344\270\252\346\265\213\350\257\225\345\220\247\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\344\275\240\347\234\237\347\232\204\344\272\206\350\247\243\347\250\213\345\272\217\345\221\230\344\271\210\357\274\237\345\201\232\344\270\252\346\265\213\350\257\225\345\220\247\357\274\201.md"
new file mode 100644
index 0000000..a18cf99
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\344\275\240\347\234\237\347\232\204\344\272\206\350\247\243\347\250\213\345\272\217\345\221\230\344\271\210\357\274\237\345\201\232\344\270\252\346\265\213\350\257\225\345\220\247\357\274\201.md"
@@ -0,0 +1,38 @@
+# 你真的了解程序员么？做个测试吧！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+> 我赌一包辣条，你拿不了满分
+
+大家好，我是鱼皮。
+
+昨天肝到了凌晨 3 点，终于整了一期视频，毕竟整个假期过去了，一期视频都没出，真的不能再鸽了。
+
+**视频的主题是**：测测你对程序员的了解程度？
+
+![](https://pic.yupi.icu/5563/202311081422828.png)
+
+不同于以前的视频形式，这次我做了一个【互动视频】！
+
+视频中，有 10 个和程序员有关的小问题，每题 10 分，大家可以自行选择答案，系统自动结算分数。最后，会根据分数给大家颁发 **“精美奖品”**。
+
+![](https://pic.yupi.icu/5563/202311081422726.png)
+
+题目里包含了不少好玩的梗，对于程序员朋友，难度不大，侮辱性一般，相信大家都是可以考满分的。
+
+我做这期视频的本意是希望给程序员们带来快乐的同时，让更多不做这行的朋友对程序员多一点点了解和关爱。
+
+这也是我的一次新的尝试，制作也非常用心，40 多个视频要剪辑、剧情需要编排，着实不易，欢迎大家来体验下。
+
+**视频地址**：https://b23.tv/3pPFyY
+
+⬇️ 或点击下方阅读原文直达
+
+希望能多给鱼皮一些反馈，提提意见呀！
+
+（能来个三连是最好的，鱼某抱拳了 ）
+
+![](https://pic.yupi.icu/5563/202311081422636.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\206\215\346\254\241\347\231\273\344\270\212\345\255\246\347\224\237\346\227\266\344\273\243\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242\357\274\214\346\263\252\347\233\256.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\206\215\346\254\241\347\231\273\344\270\212\345\255\246\347\224\237\346\227\266\344\273\243\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242\357\274\214\346\263\252\347\233\256.md"
new file mode 100644
index 0000000..7a6945e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\206\215\346\254\241\347\231\273\344\270\212\345\255\246\347\224\237\346\227\266\344\273\243\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242\357\274\214\346\263\252\347\233\256.md"
@@ -0,0 +1,137 @@
+# 再次登上学生时代的个人博客，泪目
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+虽然才毕业不到半年，但是由于大三时鱼皮就开始外出实习，很少在学校。再加上最后一个学期因为疫情影响无法返校，因此鱼皮对学校的记忆已经比较模糊了。
+
+只记得在学校的那会儿，自己每天都是忙忙碌碌地穿梭于教学楼、图书馆、实验室，为了进个互联网大厂而努力。
+
+等等，**我好像还有个博客**。登上博客看看，说不定能找回一些记忆。
+
+
+
+## **一波三折找回博客**
+
+将近一年没有登录自己的博客了，输入曾经的网址，却发现域名早已过期。
+
+过期了没关系，再续费呗。
+
+陌生地打开很久没有使用的阿里云，打开域名控制台，却找不到自己的域名。我一查，竟然因为太久没续费被删除了！
+
+![](https://pic.yupi.icu/5563/202311081418036.png)
+
+没有域名我就不能访问自己的博客了么？
+
+打开云虚拟主机，竟然还没过期，爽死了。阿里云为每台云虚拟主机分配了临时域名，直接使用临时域名访问就可以了。
+
+![](https://pic.yupi.icu/5563/202311081418930.png)
+
+但是通过临时域名打开网站后，发现除了文字之外的**所有资源都无法加载**，整个网站贼丑无比！
+
+![](https://pic.yupi.icu/5563/202311081418948.png)
+
+这是因为鱼皮的博客使用 WordPress 搭建，并且在 WordPress 中配置了资源域名，因此原域名过期了自然访问不到这些资源。
+
+那我在 WordPress 管理后台里把资源域名改掉不就好了么，哈哈哈哈！
+
+结果发现验证码图片加载不了，我登录不了后台！
+
+我想想，管理后台无非就是通过界面改了数据库，那既然我能登录云虚拟主机，配套的数据库我也是可以修改的。于是直接用三行 SQL 命令把配置表的老域名更新为新域名。
+
+```
+UPDATE wp_options SET option_value = replace( option_value, 'http://www.old.top', 'http://new.com' ) WHERE option_name = 'home' OR option_name = 'siteurl';UPDATE wp_posts SET post_content = replace( post_content, 'http://www.old.top', 'http://new.com' ) ;UPDATE wp_posts SET guid = replace( guid, 'http://www.old.top', 'http://new.com' ) ;
+```
+
+再次访问临时域名，所有资源都成功加载了，熟悉的界面又回来了，我特么瞬间泪目！
+
+看这漫天飞舞的樱花背景，自己真是一个浪漫的男孩呢！
+
+
+
+## **找回曾经的自己**
+
+一页一页翻着自己的博客。
+
+记得这两篇文章是给自己工作室成员分享时用的，那会儿每周都会给大家开个会，讲一些开发技术。不知道工作室的学弟妹们怎么样了，还在为大作业而头疼么？还在坚持学编程么？
+
+![](https://pic.yupi.icu/5563/202311081418119.png)
+
+这篇文章是自己大三时用自己做项目的钱买的最高配华为 MacBook X Pro 笔记本，拿到手之后就做了个评测，和苹果的 MacBook 做了对比。说实话，现在我仍然热爱 Windows（但是工作时还是得用苹果）。
+
+![](https://pic.yupi.icu/5563/202311081418013.png)
+
+这篇文章是自己第一次参加大厂的实习生面试，把每一个问题都详细记录了，还加上了密码保护，用心珍藏。后来我成功进入字节跳动实习，也为我进入腾讯打下了基础。
+
+如今我已经想不起这篇文章的密码了，那就让它随风飘走吧。
+
+![](https://pic.yupi.icu/5563/202311081418979.png)
+
+下一页全是自己的学习笔记。记得那段时间在学习微服务，微服务的新知识太多了，每看一集视频都感觉自己发现了新大陆，因此写了很多的文章来记录。
+
+![](https://pic.yupi.icu/5563/202311081418664.png)
+
+下一页，很多关于区块链的文章。那是从大二暑假开始，我跟着李老师一起在实验室研究区块链技术，并且写了很多文章。后来出版了一本教材，因此在博客中把相关文章都加密了。
+
+![](https://pic.yupi.icu/5563/202311081418109.png)
+
+下一页，都是和设计模式有关的文章。那会儿自己边实习边摸鱼，打算写一个趣讲设计模式系列，结果写到一半还是放弃了呀。
+
+![](https://pic.yupi.icu/5563/202311081418258.png)
+
+哈哈哈，那会儿忍痛买了个 CSDN 会员，为了给博客增加点流量，免费帮助大家下载。后来根本没人来看，自己也没用会员下载几次。
+
+![](https://pic.yupi.icu/5563/202311081418966.png)
+
+当时自己为了通过面试，每天都坚持在 LeetCode 上刷算法题，每道题都试图用最高效的算法解决。结果有道题的执行时间怎么都无法超越第一名，看了第一名的代码我就乐了，原来是打表法，于是写下了这篇文章 “最高效算法，无招胜有招”。
+
+![](https://pic.yupi.icu/5563/202311081418035.png)
+
+![](https://pic.yupi.icu/5563/202311081418593.png)
+
+下一篇文章真的让我泪腺爆炸，记得那会儿自己每天 7 点起床，坐高铁去企业实习。不想在路上浪费时间，于是每天坐车时都会打开牛客 APP 刷 Java 的专项练习题。坚持了几个月后，我写下了这篇文章总结牛客 APP 带给我的收获。现在回想起来，自己每天赶车时用力奔跑骂街的样子，真是傻爆了！
+
+![](https://pic.yupi.icu/5563/202311081418346.png)
+
+![](https://pic.yupi.icu/5563/202311081418563.png)
+
+
+
+看最后一页，哈哈，原来自己还写过抢课软件。我们学校的热门课程人数限制太小啦，经常抢不到自己向上的课，技术宅编写个软件自动抢课岂不美哉？印象最深的是我挂了这个软件三天三夜，发了 20 多万次请求，终于帮我抢到了一门爆款课程！激动地跳了起来。
+
+![](https://pic.yupi.icu/5563/202311081418802.png)
+
+![](https://pic.yupi.icu/5563/202311081418908.png)
+
+还有次用国外的服务器部署数据库，结果服务器异常数据库怎么都访问不了，赶紧把数据库通过打印 SQL 然后复制粘贴执行 SQL 的方式迁移到国内服务器了。
+
+妈妈，我爱我的祖国！
+
+![](https://pic.yupi.icu/5563/202311081418500.png)
+
+看下面这张可爱的图片，编译原理课的作业是让我们写一个语法树生成器。正好那会儿麦当劳推出了 “辣么大鸡翅”，鱼皮就写了一个 “辣么大语法树”。
+
+![](https://pic.yupi.icu/5563/202311081418673.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311081418468.jpeg)
+
+最后一篇文章，是我在学院开设了一个兴趣小组。大学四年，有一年半我都在学院开课分享，比如前端入门、数据持久化和区块链。我非常享受讲述分享自己学到的知识的过程，这也是鱼皮现在坚持做公众号原创分享的主要动力。
+
+![](https://pic.yupi.icu/5563/202311081418636.png)
+
+## **写在最后**
+
+感谢您看到了这里，不知道能不能感受到鱼皮心中一丝小小的温暖。
+
+写博客不仅能够帮助自己强化所学的知识，分享给别人共同学习，还是对自己努力时光的记录和证明。
+
+感谢曾经爱写博客的自己。
+
+感谢曾经努力奋斗的自己。
+
+感谢昨天仍在打工的自己。
+
+感谢明天仍怀梦想的自己。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\244\247\346\204\217\344\272\206\345\225\212\357\274\214\344\270\215\345\260\217\345\277\203\346\257\201\344\272\206\344\270\200\345\256\266\345\205\254\345\217\270.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\244\247\346\204\217\344\272\206\345\225\212\357\274\214\344\270\215\345\260\217\345\277\203\346\257\201\344\272\206\344\270\200\345\256\266\345\205\254\345\217\270.md"
new file mode 100644
index 0000000..4e04427
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\244\247\346\204\217\344\272\206\345\225\212\357\274\214\344\270\215\345\260\217\345\277\203\346\257\201\344\272\206\344\270\200\345\256\266\345\205\254\345\217\270.md"
@@ -0,0 +1,53 @@
+# 大意了啊，不小心毁了一家公司
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+鱼皮在大学时期，和小伙伴一起成立了网络文化工作室，专门为一些机构建设网站。
+
+大学四年，我们工作室总共完成了二十余个网站。后来我毕业了，平时工作非常忙碌，就把工作室和网站托付给学弟继续维护，也没有再访问过自己做的那些网站。
+
+![](https://pic.yupi.icu/5563/202311081421319.jpeg)
+
+谁知道，就在昨天下午，我们工作室的指导老师突然给我打电话说：“出事了出事了，你快把之前做过的所有网站发给我！”
+
+我一听，赶忙问老师发生甚么事了。
+
+老师给我发来几张截图，我一看，竟然有一张截图上写满了小黄 APP！
+
+老师说：“之前你们工作室建网站的时候，是不是在每个网站的底部放上了到工作室官网的超链接？”
+
+我想了下，好像确实有这么回事儿。
+
+![](https://pic.yupi.icu/5563/202311081421338.png)
+
+老师：“现在用手机点开链接会自动跳转到不良网站！怎么肥四？“
+
+我赶紧打开一个做过的网站，然后点了底下的链接，果不其然弹出了一个小黄站。
+
+啊，原来是工作室的域名过期了，然后这个域名又被其他公司买走了，而且把这个域名挂到了一个小黄站上！
+
+好家伙，年轻人不讲武德，搞这种事情！
+
+![](https://pic.yupi.icu/5563/202311081421411.png)
+
+赶紧把所有的网站先下线，然后召集小伙伴们一起把底部的超链接去掉，尽力减小影响。
+
+处理完之后，我反手就登录『 国家域名投诉举报处理平台 』，把这个域名举报了，而且我担心举报处理地不够快，还特意再拨打电话举报一次。
+
+最让我佩服的是，你一个小黄站还敢用 CN 域名？
+
+![](https://pic.yupi.icu/5563/202311081421494.png)
+
+这件事的影响还是很大的，由于我的大意，让老师被叫到网络安全机构去喝茶，让工作室的伙伴帮我一个一个网站地去除超链接，因此我也写了一封道歉信，希望大家能够原谅我因为安全意识不足造成的线上事故。
+
+通过这个事故，其实也能给我们程序员一些开发中的警示。比如在写代码时，不要将 IP 地址等容易失效或变动的内容硬编码。在前端开发中，要注意页面内容和链接的安全性。在后端开发中，也要注意用户上传内容的安全性。
+
+不过想开一点，也不都是坏事。因为我的大意，这些网站的访问量提升了不少，而且这个挂小黄站的公司绝对要凉凉了。歪打正着毁一个公司~
+
+![](https://pic.yupi.icu/5563/202311081421287.jpeg)
+
+网络安全需要我们每位公民来守护。我劝你们这些年轻人，耗子尾汁！
+
+![](https://pic.yupi.icu/5563/202311081421689.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\255\246\345\211\215\347\253\257\347\232\204\346\234\213\345\217\213\345\201\232\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\255\246\345\211\215\347\253\257\347\232\204\346\234\213\345\217\213\345\201\232\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242.md"
new file mode 100644
index 0000000..30d6c0c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\205\266\344\273\226/\345\255\246\345\211\215\347\253\257\347\232\204\346\234\213\345\217\213\345\201\232\347\232\204\344\270\252\344\272\272\345\215\232\345\256\242.md"
@@ -0,0 +1,112 @@
+# 学前端的朋友做的个人博客
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 学前端的朋友自己写的博客
+
+大家好，我是鱼皮，今天有位读者朋友想让我帮忙看看他做的个人博客，提点小建议。
+
+在征得这位朋友的同意下，分享出来，帮助大家一起学习鼓劲！
+
+### 看看网站
+
+先看看 PC 端，打开网站，首先是一个开屏页，跳出来一段话、一只朝我抛媚眼的 Jerry 老鼠、还有右下角的一只小幽灵：
+
+![图片](https://pic.yupi.icu/5563/202311081413138.png)
+
+> 博客开屏
+
+看到这个页面大家心里就清楚了，显然是这位朋友自己亲手做的，而不是套了现成的壳子或者用了生成器。
+
+这个页面虽然不够美观，但暗藏玄机，有一些细节。比如点击右下角的小鬼，可以快速返回顶部：
+
+![图片](https://pic.yupi.icu/5563/202311081413799.png)
+
+将鼠标放到老鼠身上，老鼠就会转起来：
+
+![图片](https://pic.yupi.icu/5563/202311081413899.png)
+
+点击老鼠，就进入到博客的主页了，整体的布局看上去还算清新，功能也比较丰富。除了导航条上有一些博客网站中常见的菜单项之外，左下角有个最近访客区域、还有介绍个人学习进度的条条~
+
+![图片](https://pic.yupi.icu/5563/202311081413017.png)
+
+> 博客主页
+
+从主页能看到，这是个动态网站，使用 Vue 3.0 来开发前端，用 node.js 的 Express 框架作为后端，用 Mongodb 数据库来存储数据。前后端都自己做，看来也是个不小的工程~
+
+再往下拉，看到了博客文章列表，卡片的样式和配色好像有点怪：
+
+![图片](https://pic.yupi.icu/5563/202311081413170.png)
+
+> 文章列表
+
+点进文章后，发现文章底下竟然有评论区，还有登录功能！
+
+![图片](https://pic.yupi.icu/5563/202311081413824.png)
+
+> 文章页
+
+最后再打开浏览器的开发者工具，看下移动端的效果。额，好像还没适配移动端：
+
+![图片](https://pic.yupi.icu/5563/202311081413476.png)
+
+> 移动端效果
+
+大概是这些，其实整个网站中还有很多的小细节，用文章不太方便演示，大家可以点击文末的阅读原文自行查看。
+
+### 给点建议
+
+OK，网站带大家看完了，不知道大家感觉怎么样。
+
+在给出建议前，我先跟作者简单地交流了下。得知这位朋友是工作转行，辞职后全职在家学习前端， 至今大概学习了 6个月，刚刚学完 Vue 3.0，便参考网上的一些页面风格，做了这样一个博客网站。
+
+我一听，6 个月就已经学到这个程度，还是很厉害的。
+
+听朋友说：他自己以前喜欢玩电脑，经常在网上看相关知识。
+
+看来主要还是对前端感兴趣，才让他下定决心转行吧，也才能够学的比较快速。
+
+![图片](https://pic.yupi.icu/5563/202311081413186.png)
+
+> 和朋友的交流
+
+我的感受是，虽然页面不算精致，但网页中绝大多数功能都是自己实现的，作为一个帮助自己学习技术而做的项目，已经很棒了。
+
+接下来，可以从几个方面进行优化：
+
+#### 1. 性能
+
+目前页面加载比较慢，打开开发者工具后发现，加载的资源尺寸较大，绝大多数都是图片文件。因此可以考虑将 **图片压缩** 并使用懒加载（需要显示该图片时才加载），并且将一些 JS 文件进行拆分、按需加载。
+
+![图片](https://pic.yupi.icu/5563/202311081413140.png)
+
+#### 2. 样式
+
+虽然是学习时做的项目，但每个自己做过的项目最好都不要浪费，可以将网站的界面做的更美观一些，比如统一网页的字体、统一网站的元素间距等。
+
+目前网页在移动端的显示效果有待优化，建议还是参考现有的响应式网站样式，或者试着引入一个组件库吧~
+
+#### 3. 扩展
+
+目前整个网站已经拥有了博客网站应有的核心功能，无需开发额外功能。
+
+可以给网站加个 **监控统计** ，一方面是用现成的脚本，比如百度统计、站长之家统计等；另一方面是自己开发一些业务层面的统计，比如用户分析等，有能力的话搞个后台管理、监控面板就更好了（看情况），网上有个现成的后台管理项目 `Vue Element Admin` 可以学习下。
+
+![图片](https://pic.yupi.icu/5563/202311081413447.png)
+
+> 后台管理面板
+
+还有就是 SEO（搜索引擎优化），对博客网站来说是非常重要的，感兴趣的话可以自主学习下这方面的知识并实践，每隔几天去站长之家或搜索引擎官网看一下自己网站的权重。
+
+
+
+------
+
+
+时间有限，大家有什么想法欢迎发表留言哦~
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![图片](https://pic.yupi.icu/5563/202311081413479.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/README.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/README.md"
new file mode 100644
index 0000000..f9f534a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/README.md"
@@ -0,0 +1,85 @@
+### 学习指南
+
+#### 方向选择
+
+⭐️ [考研还是就业？我当时也超纠结](方向选择/考研还是就业？我当时也超纠结.md)
+
+⭐️ [聊聊编程语言的选择](方向选择/聊聊编程语言的选择.md)
+
+[感觉进大厂机会渺茫，要考研续命么？](方向选择/感觉进大厂机会渺茫，要考研续命么？.md)
+
+[选 C++ 还是 Java？](方向选择/选%20C++%20还是%20Java？.md)
+
+[学网站开发还是打 ACM？](方向选择/学网站开发还是打%20ACM？.md)
+
+[如何看待 “Java 已死、前端已凉” 等言论？](方向选择/如何看待%20“Java%20已死、前端已凉”%20等言论？.md)
+
+
+
+#### 学习建议
+
+体系化的学习指南 + 答疑指导服务：[💎 编程学习 - 编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde)
+
+
+
+⭐️ [如何高效找到优质编程项目？](学习建议/如何高效找到优质编程项目？.md)
+
+⭐️ [有哪些参与项目的好途径？](学习建议/有哪些参与项目的好途径？.md)
+
+⭐️ [如何正确选择编程学习资源？](学习建议/如何正确选择编程学习资源？.md)
+
+⭐️ [如何正确地提问？](学习建议/如何正确地提问？.md)
+
+⭐️ [我用了 6 年，告诉你怎么学好 Java](学习建议/我用了%206%20年，告诉你怎么学好%20Java.md)
+
+⭐️ [学了十几种编程语言后，我有哪些感受？](学习建议/学了十几种编程语言后，我有哪些感受？.md)
+
+[Mac 和 Win，到底用哪个系统学编程？](学习建议/Mac%20和%20Win，到底用哪个系统学编程？.md)
+
+[大学，我是怎么边学编程边赚钱的？](../../自学之路/大学经历/大学，我是怎么边学编程边赚钱的？.md)
+
+[我是后端，要学前端嘛？](学习建议/我是后端，要学前端嘛？.md)
+
+[这是用框架的通病么？](学习建议/这是用框架的通病么？.md)
+
+[别担心，我们都一样！](学习建议/别担心，我们都一样！.md)（初学编程，觉得很难）
+
+[谁说没实习经历，就不能进大厂了！](../求职经验/实习/谁说没实习经历，就不能进大厂了！.md)
+
+[一位非常认真的同学，赞之！](学习建议/一位非常认真的同学，赞之！.md)（给大学同学的建议）
+
+[现在做这几件事，一定好起来！](学习建议/现在做这几件事，一定好起来！.md)（寒假计划指南）
+
+[老师看上了我的项目，还想申请个软著？！](学习建议/老师看上了我的项目，还想申请个软著？！.md)（软著介绍）
+
+[学弟想做个高质量视频小程序](学习建议/学弟想做个高质量视频小程序.md)
+
+
+
+#### 避坑指南
+
+⭐️ [学编程，千万别背代码！](避坑指南/学编程，千万别背代码！.md)
+
+⭐️ [学编程，别为这事浪费时间！](避坑指南/学编程，别为这事浪费时间！.md)
+
+⭐️ [大多数人不注意，这样写代码会有问题 ！](避坑指南/大多数人不注意，这样写代码会有问题%20！.md)
+
+⭐️ [一个好的编程习惯](避坑指南/一个好的编程习惯.md)
+
+⭐️ [几个对程序员的误解，害人不浅！](避坑指南/几个对程序员的误解，害人不浅！.md)
+
+[别人看源码，那我也要看！](避坑指南/别人看源码，那我也要看！.md)（学习源码的建议）
+
+
+
+#### 学习故事
+
+[在烧烤店约了一位阿里练习生](学习故事/在烧烤店约了一位阿里练习生.md)
+
+[大一学弟的寒假总结，佩服！](学习故事/大一学弟的寒假总结，佩服！.md)
+
+[迷茫四年后,我凭这点成功逆袭!](../../编程导航/星球故事/球友经历/迷茫四年后，我凭这点成功逆袭！.md)
+
+[小学就开始学编程了，恐怖如斯！](../../编程导航/星球故事/球友经历/小学就开始学编程了，恐怖如斯！.md)
+
+[小学就自学编程，顺手黑了学校广播系统？](学习故事/小学就自学编程，顺手黑了学校广播系统？.md)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/Mac \345\222\214 Win\357\274\214\345\210\260\345\272\225\347\224\250\345\223\252\344\270\252\347\263\273\347\273\237\345\255\246\347\274\226\347\250\213\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/Mac \345\222\214 Win\357\274\214\345\210\260\345\272\225\347\224\250\345\223\252\344\270\252\347\263\273\347\273\237\345\255\246\347\274\226\347\250\213\357\274\237.md"
new file mode 100644
index 0000000..9b0740f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/Mac \345\222\214 Win\357\274\214\345\210\260\345\272\225\347\224\250\345\223\252\344\270\252\347\263\273\347\273\237\345\255\246\347\274\226\347\250\213\357\274\237.md"	
@@ -0,0 +1,131 @@
+# Mac 和 Win，到底用哪个系统学编程？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+![](https://pic.yupi.icu/5563/202311051538842.png)
+
+今天来聊一个老生常谈的问题，学编程时到底选择什么操作系统？Mac、Windows，还是别的什么。。
+
+作为一个每种操作系统都用过很多年的程序员，我会结合我自己的经历来给大家一些参考和建议。
+
+接下来先分别聊聊每种操作系统的优点和不足吧。
+
+## Windows
+
+先说下国内用户最多的操作系统 Windows。我第一次接触 Windows 还是在小学一年级，也算是用了近 20 年的 Windows 吧。一直到大三进入企业实习前，我都是 Windows 的忠实用户。
+
+当然了，大学前用 Windows 最主要做的事情不是学编程，而是打游戏。GTA、DNF、守望先锋，叫的上名字的游戏我基本都玩过，曾经也想过去开游戏直播哈哈。
+
+所以在我看来，Windows 相对于其他操作系统的最大优势就是在于能用它来玩游戏！
+
+![](https://pic.yupi.icu/5563/202311051538095.png)
+
+换句话说，其实 Windows 的**软件生态非常丰富**，无论是游戏、办公、甚至是看片儿，Windows 总有那么几款软件符合你的诉求，而且即使到了 2023 年，有些软件还是只有 Windows 版本的，比如我开直播用的软件，毕竟用户基数大嘛。
+
+而且在 Windows 上使用软件、或者强制使用原本不能用的软件也是相对方便的，对于学生党来说，能节约很多时间和金钱成本。
+
+此外，Windows 还有一些其他优点，比如：
+
+比如。
+
+比如。。。
+
+好，接下来说一下 Windows 的缺点，就用我从小到大的翻车事迹来说明吧：
+
+姓名：李鱼皮
+
+事迹：
+
+1. 小学三年级时因为下载了一个盗版游戏，导致电脑上安装了多个不知名浏览器
+2. 小学六年级时，玩 DNF 爆了人生第一把史诗装备，缺由于系统蓝屏没有捡到
+3. 初中时，因为装了一款快速播放器给电脑引入了大量病毒，QQ 号也被盗了
+4. 大二时写过一篇长达上万字的实验报告，因为系统死机导致报告全部丢失（所以之后我练成了 ctrl + s 机械手）
+
+相信大家也有过类似的经历吧，我用 Windows 最直观的感受就是它**不够安全、不够稳定**。盗版软件多、一不留神电脑就中毒了；电脑配置再高，还是不可避免地出现死机，丢了数据真的心态爆炸啊！
+
+此外，Windows 经常搞升级，而且每次升级的版本改动非常大！经常出现**软件兼容性问题**。比如前段时间我下载了某个怀旧游戏，结果发现只有 win7 才能运行。
+
+![](https://pic.yupi.icu/5563/202311051537852.png)
+
+对于学编程的同学来说，Windows 还有 2 个问题。
+
+首先就是**安装编程相关的环境比较麻烦**，刚开始装个 Python、Java 啥的可能还好，等之后你要装 Docker、消息队列、跑一些知名开源项目的时候，就知道有多麻烦了。虽然在 Windows 上可以使用 WSL（Linux 子系统）或者第三方虚拟机来辅助搭建编程环境，那也不如天然支持的要香对吧。
+
+还有就是 Windows 的**可定制性比较差**，系统对用户不透明。绝大多数同学只是用它来办公还感受不到这点，但在你后面编程搭环境、尤其是学习一些系统安全知识的时候就会发现，很多时候你要修改系统设置时，很难找到对应的入口，或者就是必须反复重启电脑才能修改成功。
+
+综上，个人感觉 Windows 更适合家用娱乐和办公。
+
+## Mac OS
+
+我是从大三在字节跳动实习的时候，第一次接触到 Mac OS 系统。
+
+作为一个十几年 Windows 忠实用户，我刚开始用 Mac 是非常非常不习惯的，无论是界面、快捷键还是终端。所以就是白天工作用 Mac，下班就换成自己的华为 Windows 笔记本。
+
+记得我当时有个同事，他就疯狂给我安利 Mac 怎么怎么好用、怎么怎么高效。我当时还心想：哼，哥们用 Windows 效率也贼高好吧。
+
+但没想到，用了半年之后，我就 “真香” 了，从大四开始，我基本上就把 Mac 作为自己的主力机了，而且公司的同事也几乎是清一色的 Mac。
+
+![](https://pic.yupi.icu/5563/202311051538926.png)
+
+先说说我感受到的 Mac OS 的优点吧，首先就是我用了 Mac 几年了，几乎没有发生过死机（也死机过，但屈指可数），明显比 Win 的**稳定性高**。
+
+Mac 上**安装软件也非常方便**，就跟我们手机上装软件一样，Mac 有自己的正版的应用商店，安装软件更高效、软件更好管理、也**更安全**。
+
+![](https://pic.yupi.icu/5563/202311051538605.png)
+
+而且个人感觉 Mac OS 的界面也更好看大气，当然，这个也可能和 Mac 电脑本身的屏幕和设计有关。所以做前端开发和设计的同学用 Mac 的体验会更好一些。
+
+此外，如果你是一个苹果控，那么你还能感受到 Mac 生态系统的强大，各设备间同步数据真的非常方便。
+
+对学编程的同学来说，Mac OS 最大的亮点莫过于它是**基于 UNIX 操作系统**的，自带了很多开发工具和终端，而且终端的很多命令和企业开发常用的 Linux 系统类似，便于我们搭建环境和学习命令行的使用：
+
+![](https://pic.yupi.icu/5563/202311051538615.png)
+
+此外，苹果电脑近几年的发展真的是太迅猛了，芯片从 M1 到 M2 的跃进，带来的是更丝滑的系统使用和编程开发体验。同等配置（比如 16 G）下，开发的流畅度和开发软件打开的速度都比 Windows 要快很多，也基本没出现过软件卡死。
+
+而 Mac OS 也是存在缺点的，首先就是对于我这种白票党来说，我发现 Mac 上的很多软件不能让我自由地去使用；而且 Mac 目前的软件数还是没法跟 Windows 比的，很多 Windows 上好用的软件在 Mac 上没有相应的替代品（比如我常用的直播软件）。所以用了 Mac 后，很多游戏基本就不能自由地去玩了（对卷王来说，这也许也是它的一个优点？）
+
+当然，Mac 电脑还有一个最大的问题，就是它的价格还是相对贵了一些。
+
+## Linux
+
+除了 Windows 和 Mac 这两种面向大众用户的操作系统外，对绝大多数程序员来说，**Linux 系统是必须要会使用的**！因为目前绝大多数企业内的项目都是部署在 Linux 服务器上的。
+
+为什么呢？
+
+因为 Linux 系统是开源的，更安全；而且它是可定制的，可以根据业务场景和项目的实际情况打造出性能更高、成本更低、稳定性更高的系统。
+
+但是，必须要学 Linux 不意味着我们要有一台安装 Linux 系统的电脑，更不意味着我们要把自己的 Windows 电脑重装为 Linux 系统，从而去使用 Linux 的界面。像我大学的时候折腾过自己的微软 Surface 电脑，给它装了个 Ubuntu kylin 和 Linux Mint 操作系统，感觉也并没有想象中的好用。
+
+![](https://pic.yupi.icu/5563/202311051538273.png)
+
+其实绝大多数情况下，我们只需要花几十块钱租一个云服务器或者在本地搭个虚拟机，通过 XShell、SecureCRT 之类的工具连接上它，就足够学习和部署项目了。相信很多同学的个人博客，也是像我一样搭在了 Linux 云服务器上。
+
+如果你是学习 C++ 开发或网络安全方向的同学，要对 Linux 掌握得更多一些。Java 后端或者前端开发同学会用 Linux 部署项目、学学常用命令基本上就够了。
+
+## 如何选择？
+
+那说了那么多，大家到底用哪个操作系统来学编程呢？
+
+这个问题当然没有标准答案，要根据你当前**所处的环境、你的使用习惯和预算**综合选择。
+
+先说环境。比如你现在是个大学生，学校的老师都用 Windows 讲课，给的软件包资源也都是 Windows 的，那么使用 Windows 系统无疑可以降低你入门的成本；而当你进了公司后，如果身边的同事都用 Mac 或 Win，那你最好和他们保持一致，搭环境、传软件和代码包、甚至是别人来帮你改 Bug 都会更方便一些，可以快速上手项目。
+
+然后是习惯。其实学编程的时候（尤其是初期），我们保持自己之前的习惯就好了。比如你之前用 Windows，那就用它学编程，怎么快怎么来。不用再去换电脑熟悉新的快捷键、或者非要自己安装个 Linux 系统之类的。你的时间足够，想怎么折腾怎么折腾。但是我更建议初学者把重心放在学习基础上。
+
+此外，千万别纠结说必须得有个什么操作系统才能学编程，或者学到某个程度就必须要换电脑。
+
+目前绝大多数开发工具和软件的风格在任何系统上基本都是统一的，比如 VS Code、JetBrains 全家桶等等，基本不会出现没有某个操作系统就不能学的情况（开发 Mac 应用除外）。而且哪怕你要使用其他的系统，可以搞云主机、或者用 VM Ware、Parallels Desktop 之类的虚拟机软件，在自己的主电脑上运行别的系统。
+
+那我自己目前主要是使用 Mac 来开发、用 Windows 来开直播、用 Linux 云服务器来部署项目等，相信大家肯定也有自己的选择，欢迎评论区交流分享~
+
+
+
+------
+
+
+最后，欢迎学编程的朋友们加入鱼皮的[编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect)，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。求职季一起加油！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\344\270\200\344\275\215\351\235\236\345\270\270\350\256\244\347\234\237\347\232\204\345\220\214\345\255\246\357\274\214\350\265\236\344\271\213\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\344\270\200\344\275\215\351\235\236\345\270\270\350\256\244\347\234\237\347\232\204\345\220\214\345\255\246\357\274\214\350\265\236\344\271\213\357\274\201.md"
new file mode 100644
index 0000000..313ce48
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\344\270\200\344\275\215\351\235\236\345\270\270\350\256\244\347\234\237\347\232\204\345\220\214\345\255\246\357\274\214\350\265\236\344\271\213\357\274\201.md"
@@ -0,0 +1,118 @@
+#　一位非常认真的同学，赞之！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+大家好，我是鱼皮。最近这段时间比较忙，也没空做视频了，除了工作之外，很多时间还是花在了回答小伙伴们的问题上。
+
+如图，这几个月，我光是在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里就已经回答了 3000 多个小伙伴们的问题：
+
+![](https://pic.yupi.icu/5563/202311051543319.png)
+
+还有很多同学是直接加我微信提问的，我都会很认真的回答：
+
+![](https://pic.yupi.icu/5563/202311051543612.png)
+
+其中，前几天一位刚加 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的小伙伴的问题让我十分感动，因为他足足给我发了 2000 字左右的长文！
+
+![](https://pic.yupi.icu/5563/202311051543272.png)
+
+从问题的开头就能看出来他是一位态度非常非常认真的同学，我也真的记住了他的名字哈哈。
+
+移除敏感信息后，我迫不及待地给大家分享出来，希望能给更多的同学提供参考 —— 争取做一个有智慧的提问者吧。
+
+**毕竟提问的态度，决定了对方回答你的态度。**
+
+以下是他的问题和经历：
+
+## 提问
+
+#### 教育经历
+
+20 大专软件技术（CET-4,6） 22 二本专升本（去年考广东某一本学校没考上）
+
+#### 培训经历
+
+我的情况是这样的， 我 20 年专科软件技术毕业，后统招升本22年二本计科。后尝试考过研失败了，之后就被学校合作的培训机构坑过来的（班里十一二个人现在只留下了2个人这种情况），学习时长四个月时间，学习环境和授课老师都非常差劲，一路下来几乎等于没学，顶多就是自己接触过这些技术，老师只负责帮你辅助线上面试。
+
+后来工作一段时间又离了职，之后住在培训机构，自己在网上找谷粒商城的基础篇部分做了下，就是想熟悉下基本的写写接口的流程这些，项目涉及到docker的部分后来又花了一个礼拜看了docker的课程，后来，因为不会调试所以又稍微学了下那个瑞吉外卖的课程，虽然基础但是我能看懂一点了，还是跟着敲了下。之后了解到入职要会写sql，于是就去搜了下50题去练了下，说实话一路下来，我学了很多的内容，貌似看过很多人的视频，比如狂神等的。
+
+**但是，自己还是不怎么会写代码，只能说会点皮毛。**
+
+谷粒商城就是跟着敲了100集之前的基础篇（由于基础差的原因，很多巧了可能也忘记了，后面复习的时候，还是拿着老师的代码和别人的代源码看的），之后 因为项目是连贯的，需要学es，参考评论区别人的建议不能跳，所以学到es的时候没学。
+
+瑞吉外卖，前面的管理模块我跟着敲了。
+
+后面redis这些没跟着做了，当时的目的是跟着老师学一下一个接口怎么调试，怎么写出来的。
+
+在学docker的时候下了很多的镜像，占了很多的内存，现在很卡，我不知道怎么去管理这些。
+
+黑马点评看了你的推荐，看了视频，没敲。觉得笔记够详细了，也没有记笔记什么的。
+
+搭建个人博客的时候也遇到了很多坑，主要是每次访问都访问不了了。。。。写博客也放弃了。。
+
+#### 目前的情况
+
+刚开始是抱着侥幸心理觉得这里的辅导机构的老师会帮我面试，于是没有用通过背面试题的方式去补自己不会的技术点，现在我还没有去线下面试过，但我现在要是有面试还是能够通过这里的老师辅助，包装进去，还是会帮。现在年底了大多数也都不接受民教网学历了。
+
+#### 写在最后
+
+说到这里， 我想，跟我一样经历的肯定也有很多，找您请教跟我类似情况的人也有很多，不管如何，我还是想你对我的情况应该是可以给到一个稍微合理具体点的建议。
+
+学习确实是一件很私密的事情，你也不可能对我提出具体的一步一步我要怎么做，我跟你讲这么细，更多的还是让你了解我的情况，所以我也很感谢你能耐心看完。
+
+虽然努力和想学是当今时代的常态，但是怎么说呢，一路上有个人几句话的点醒，指导也许会减少一些不必要的无用功和瞎摸索。
+
+自己学的过程没有做具体的规划，复习的不及时，东西过多加上基础不好，导致很多学了也忘了。
+
+> 鱼皮：其实看到这里，我还没有特别明确小伙伴的问题，但是接下来他把自己想问的问题分点整理了出来，便于我回答。真的是很认真了！
+
+#### 想问的问题
+
+1. 是否需要把谷粒商成剩下的部分都一步一步敲完做完，然后写在简历上？
+2. 黑马点评项目怎么写在简历上？
+3. 自己的博客网站老出问题，不想折腾这些，还需不需要继续写博客。还是单纯把笔记啥的写到语雀就行？（因为昨天有个面试，面试官问我有没有博客，我这才意识到这个面试真会加分）
+4. 我后续要怎么提升自己？
+5. 资料太多了，我该怎么整理（比如：mybatis 尚硅谷一套课程，狂神一套，培训机构又有，这种情况怎么整理？
+
+## 鱼皮回答
+
+从你的经历和介绍自己的认真程度可以看出你是一个很努力、并且有一定总结能力的同学，这两个特质一定会对你学编程有很大的帮助！
+
+目前你给我的感觉是学的技术比较丰富，但是 **不成体系**（像你说的，自己的感觉也是比较杂乱），所以才会产生迷茫。
+
+其实你差的只是一个全面、系统的梳理。
+
+个人的建议是先按星球置顶帖的写简历技巧（https://t.zsxq.com/082andVdA）整理一份简历，主要的目的是帮助自己对学过的所有技术、做过的所有项目做一个总结。比如 Spring 学过哪些知识点（AOP、事务之类的）、每个知识点是否掌握、是否知道怎么运用等等。通过这种方式就很容易发现自己的不足，再结合我的 Java 学习路线去对比知识点，就知道接下来该复习哪些知识、该学习哪些新技术了。这件事大概要花 3 天左右，也不用着急。
+
+下面点对点回答：
+
+1）谷粒商城是个很不错的项目，但相对的，也需要大量前置知识，不可急于求成。建议从这个项目的技术介绍出发，先把项目中用到的技术单独学会，再通过这个项目做一个整合应用学习。ES 的入门其实并不难，在学习过程中可以把它理解成常用的 MySQL 数据库，先用起来，再去对比分析它和传统数据库的不同，了解其工作机制和设计思想。
+
+2）看星球第二个置顶帖的语雀知识库 => 优质项目推荐，之前给大家分享过十几个该项目的亮点了，搞清楚之后就可以写到简历上：
+
+![](https://pic.yupi.icu/5563/202311051543838.png)
+
+3）做事一定要有个目标，不要忘记写博客的目的是什么！是为了学习搭建博客练手，还是记录总结、帮助自己积累知识呢？
+
+如果是后者的话，你把博客写到本地、星球、语雀、CSDN 等平台，甚至是手机备忘录都是可以的。等有空了、有内容了再搞博客网站也不迟。
+
+4）关于后续的自我提升，我的建议还是像第一点说的，先总结自己的过去，看看自己缺什么知识点、哪些掌握的不够好，对症下药、有的放矢，而不是别人让你学什么你就学什么。
+
+5）无论网上有多少教程，讲的核心内容都是差不多的。**你要整理学习的是知识点，而不是教程。**
+
+学习阶段根据时间挑一套笔记比较详细的课程就好了，复习阶段可以把每个视频教程的目录合并到一起，做一下去重，查漏补缺。
+
+最后还有个建议就是自己写过的代码、做过的项目都要保留好，定期整理一下，不要为了一时的方便，写完的代码就丢掉了。
+
+加油吧小伙伴，你的态度已经决定了你会走的更远。
+
+
+
+------
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题、帮你制定学习规划，并且直播带大家开发完整项目（第三期项目进行中）。可以加微信 yupi1085，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\210\253\346\213\205\345\277\203\357\274\214\346\210\221\344\273\254\351\203\275\344\270\200\346\240\267\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\210\253\346\213\205\345\277\203\357\274\214\346\210\221\344\273\254\351\203\275\344\270\200\346\240\267\357\274\201.md"
new file mode 100644
index 0000000..004d7c2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\210\253\346\213\205\345\277\203\357\274\214\346\210\221\344\273\254\351\203\275\344\270\200\346\240\267\357\274\201.md"
@@ -0,0 +1,85 @@
+# 别担心，我们都一样！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。相信很多初学编程的小伙伴都会觉得学编程是有一定难度的，就像我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里的这位同学一样，以下是他的提问：
+
+## 提问
+
+鱼皮，现在我跟着韩老师视频学习。
+
+刚学到 debug，然后看源码，发现代码又长又多，而且很难看懂。
+
+突然有点没有信心，我后续应该怎么学呢？自己每天都有在坚持打卡看视频学习。
+
+![](https://pic.yupi.icu/5563/202311051541113.png)
+
+> 学习记录
+
+## 鱼皮回答
+
+别担心！
+
+其实刚开始学习编程就是这样，我也曾被打击过，也怀疑过自己不适合学习编程。
+
+举个例子吧，高考结束那会儿我凭着一腔热血买了本《C Primer Plus》，准备自学 C 语言。结果呢，刚开始还能坚持每天看几页，后来越看越觉得无聊，过了一周多这本书就被我拿来垫枕头了。我当时的想法就是自己可能不适合看书学编程，也没考虑自己看网课啥的，就想着干脆等大学课堂上再跟着老师学编程算了。
+
+![](https://pic.yupi.icu/5563/202311051541122.png)书是好书，但不适合我
+
+又正好在假期期间跟朋友出去玩的时候认识了一位计算机高手，年龄比我还小，而且已经自己开发了很多系统层面的软件了，更加深了我对自己的怀疑。
+
+然后等到了大一开学，刚开始学 C 语言我也并没有学得很好，尤其是什么指针、链表之类的，听的云里雾里。
+
+不过好在，我庆幸自己做了 2 件事。
+
+1. 除了枯燥（我当时觉得枯燥）的 C 语言外，我还加了学校的工作室自学前端，重新找到了自己对编程的兴趣。
+2. 我没有一直依赖学校去学编程，从 C++ 开始，我基本就是通过网上搜集资料来自学了，找到了适合自己的学习方法。
+
+而且自从我开始自主学习，而不是只跟着老师完成作业后，我也越来越乐意提前学习更多知识，等老师课堂上讲的时候，就相当于帮我再复习了一遍。
+
+你看，那会儿我甚至还会抱着一本前端书籍拍照（现在看来是个很迷惑的行为哈哈）：
+
+![](https://pic.yupi.icu/5563/202311051541139.png)
+
+**第一天完成作业和最后一天赶作业的心态是完全不同的。** 如果你的学习进度始终是在超前而不是拖拉，那么相信我，你的自信心一定会慢慢提升，而且最后一定能学的比同龄人更出彩！
+
+总之，完事开头难，初学编程的同学可以多尝试方向、自主学习，而且要相信自己能学好，才能学好。
+
+OK，以上是心态上的调整。此外，就是路线和方法了。
+
+路线这块我就不再多说了，之前都给大家分享过，在我的公众号后台回复【学习路线】就能看到了：
+
+
+
+初学编程的时候遇到各种问题是很正常的，比如：
+
+1. 代码又长又多，而且很难看懂
+2. 自己写的代码 Bug 多，怎么都改不好
+3. 算法题目不会做，看别人思路也不懂等等
+4. 学了就忘怎么办
+
+![](https://pic.yupi.icu/5563/202311051541776.png)
+
+这些问题所有学编程的同学都经历过，想办法解决问题才是上策。
+
+学习代码的时候，如果是语法看不懂，那就用百度来查询、或者是翻阅文档；如果是逻辑看不懂（比如算法题目），那就先试着用中文依次来描述整个程序 => 单个函数 => 部分代码片段的作用，再一行一行代码去调试，观察变量的变化。
+
+像我现在工作中也会遇到让自己怀疑猿生的复杂逻辑，但通过先给程序写中文大纲、再逐步拆解细化的方法，没有什么逻辑是啃不下来的。关键就是不要着急，让自己静下心来。
+
+另外还有 2 个至关重要的点：
+
+1. 初学编程时，一定要坚持，不要三天打鱼两天晒网，学一天停一天。我自己的感受是，用连续的时间来学习编程效率会更高，也更容易记住一些东西。
+2. 初学编程时，一定要多写代码、整理思路为笔记。你看过的视频知识会忘记，但是写过的代码、做过的笔记就是你自己的财富，看自己整理的内容通常会比接受别人的知识更轻松（当然也要看你自己怎么记录了）。
+
+总结一下，就是初学编程，别犯懒！不要用看过的视频数量还衡量自己的学习进度。
+
+大家加油，记住上面这几点，静下心来踏实学习，肯定都没问题的~
+
+
+
+------
+
+
+最后，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加我微信 yupi5927，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md"
new file mode 100644
index 0000000..50fcdf1
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md"
@@ -0,0 +1,99 @@
+# 大学，我是怎么边学编程边赚钱的？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 我是如何在大学时就靠编程赚钱的？
+
+大家好，我是鱼皮，前段时间看到一位朋友的问题：
+
+> 穷极客一枚，正值大学，很想自己解决生活问题，不再向父母要钱。
+>
+> 计算机相关专业，喜欢编程，觉得工作当然是对口的最好，既能锻炼技能，又能解决生活问题。
+>
+> 各位前辈赚钱都有什么好的方法？
+
+首先给这位朋友点个大大的赞，我非常支持他的想法，在大学期间想到自己赚取生活费是很棒的，尤其是用自己感兴趣的、和未来发展目标一致的知识技术来赚钱再好不过！
+
+![](https://pic.yupi.icu/5563/202311021518336.png)
+
+我本科也是计算机专业，大部分时间是自学。其实自学编程到一定程度了，就有很多种方式赚钱了，而且赚的钱还不少。虽然没像很多大佬和抖音教育家们那样月入过万，但加起来给自己买了辆小电动车和几台电脑，还是非常奥利给的！
+
+关键是，用技术来赚钱还能提升你的技术实力，激发编程学习兴趣，何乐而不为呢？
+
+![](https://pic.yupi.icu/5563/202311021518269.png)
+
+话说，此前我妈一直劝我用空余时间去当服务员、送外卖跑跑腿啥的，还总跟我说别人家孩子怎么样怎么样的。虽然我明白妈妈的意思是想让我锻炼一下，但还好没听妈妈的话，做了自己认为正确的选择。
+
+![](https://pic.yupi.icu/5563/202311021518360.png)
+
+下面分享下用编程技术来赚钱的几种方式，其中大部分我都有所实践。
+
+### 如何在大学用编程技术赚钱？
+
+#### 1. 找实习
+
+找实习拿到的工资是稳定有预期的，还能在企业中学到东西。可以是暑期、寒假、日常实习，也可以是线上，甚至可以同时兼职。注意参与实习时最好工作内容和自己的发展方向相关，并且不要影响到自己正常的学习进度，翘课实习大可不必。
+
+#### 2. 帮忙做项目
+
+我大学就经常帮老师和学院做项目，还是挺香的。但需求肯定不会主动找上门来，你可以主动请缨，联系辅导员、老师、或者项目组内的学长等，表示出你想做项目的决心和诚意，一般他们都会接受热情主动的学生。一个需求做好后，老师们还会帮你做进一步宣传，需求和钱便会滚滚而来，还能混不少脸熟。
+
+![](https://pic.yupi.icu/5563/202311021518339.png)
+
+#### 3. 维护项目
+
+和上一点类似，学校的很多项目其实都比较老，各个学院也经常找同学来维护和翻新项目，这种难度不大，一般占用时间也不多。像我们当时某个学院的服务器年久失修，经常需要一些同学来维护，解决异常问题。我当时也维护了一个学院的小系统，基本没啥活，也赚了点小钱。
+
+#### 4. 参与竞赛
+
+竞赛档次、获奖级别越高，拿到的奖金就越多，少则几千，多则上万！而且获奖了后对自己的简历帮助也很大。但是这个就得凭本事赚钱了，想拿大奖，还是要付出日以继夜的努力的。
+
+有一说一，我真的羡慕那些实力强劲的同学，一场比赛就几万，学不来学不来。
+
+![](https://pic.yupi.icu/5563/202311021518260.png)
+
+#### 5. 进实验室
+
+加入学院的实验室，跟老师和学长们一起做项目，很大程度意味着你有了一份稳定的收入，毕竟学院的经费通常还是挺多的。我当时就是在实验室做项目，并且跟老师写了一本书，每个月都有几千块钱，最后钱也赚了，还能把经历写在简历上、和面试官吹吹，美哉美哉。
+
+#### 6. 申报项目
+
+现在有很多面向大学生的创业扶持项目，比如大一就有机会申报的国家级创新创业项目、省市级创新创业项目等，难度并不大，对完成度的要求也不高。我当时国家级项目是 10000 经费，听说后来好像涨到了 20000！经费虽然未必能直接提现，但可以拿来购买很多的设备和书籍，还有可能开劳务费，也算是血赚了吧。
+
+#### 7. 搞工作室
+
+如果你对技术有浓厚的兴趣，可以加入或者申请一个自己的工作室，学校也很鼓励这种学生活动，会给一些经费支持。但这个也需要花费很大的精力了。
+
+#### 8. 辅导功课
+
+大学有很多计算机之外的专业，也需要学一至两门编程语言，C 语言、Python、Java、Web 开发都会有。对新手来说，自学会有一些难度，而且毕竟其他专业的同学并不想专注学编程，就愿意花钱找计算机的同学来辅导速成。这个时候你就可以上了，给别人讲的同时，钱也赚了，还能帮助自己复习一遍，发现自己曾经疏忽的一些知识点，一举两得！
+
+![](https://pic.yupi.icu/5563/202311021518284.png)
+
+#### 9. 接外包
+
+网上有非常多的收费 Lab 实验和外包项目平台，像程序员客栈、猪八戒之类的，有短期、也有长周期的，视需求复杂度来给钱。不过我不太建议还在学校的朋友去接大的外包，这玩意一般都比较麻烦，风险很大，面对你一个大学生，甲方爸爸说改需求就改需求了，太恶心！
+
+还在学校的小伙伴一定不要被外包束缚了，也别信网上什么几天一个几万的项目，毕竟人家是老油条了。
+
+
+
+------
+
+
+
+还有一些其他的方式，比如远程帮别人完成一些作业、写付费专栏、在线授课等，这些难度都比较大，但的确收益高。
+
+最后再次提醒在校的朋友们，大学期间无论如何，都要以学习为主，多做和自己未来目标相关的事情。虽然现在网络上赚钱的方式太多了，比如拍抖音、直播带货、做公众号等，但每个人志向和天赋不同，别人的成功不一定是你能够模仿来的，未必能够看到成功背后的故事。
+
+所以，赚钱虽好，但一定要保持清醒，不要掉进钱眼里哦。还是先踏踏实实的，想当程序员的话，就先学好技术再考虑赚钱，或者像上面提到的边学边赚。
+
+最后，祝大家发大财、行大运，听说 **点赞 + 在看** 运气会翻倍哦！
+
+![](https://pic.yupi.icu/5563/202311021518791.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\345\234\260\346\217\220\351\227\256\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\345\234\260\346\217\220\351\227\256\357\274\237.md"
new file mode 100644
index 0000000..baba253
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\345\234\260\346\217\220\351\227\256\357\274\237.md"
@@ -0,0 +1,133 @@
+# 如何正确地提问？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。几分钟的时间，教大家**如何正确的提问以获得你满意的答案**。
+
+无论是学习还是工作中，大家总会遇到各种各样的问题，比如程序无法运行、代码读不懂等等。
+
+遇到问题去寻求他人的帮助本身是很正常的，但是，很多同学在遇到问题时，第一时间就会想到去寻求他人的帮助，而不是自己先尝试着解决。
+
+就像在刚学编程时，我们一看到屏幕上出现红字报错就会心慌，然后都不先仔细检查一下就把代码复制粘贴下来找别人帮忙看。结果最后发现，竟然是自己敲错了一个标点符号！场面一度十分尴尬。
+
+![](https://pic.yupi.icu/5563/202311051532205.jpeg)
+
+> 中英文冒号搞混导致报错
+
+其实，很多情况下，自己动手去解决问题的效率可能远比寻求他人的帮助要高的多。因为当你将问题抛给别人时，首先要给对方描述问题，然后需要对方真正理解问题，才能进一步花时间去帮你分析解决。双方不仅存在一个信息的收发过程，还存在很大的信息差，如果问题的描述和理解不当，可能沟通过程消耗的时间远比解决问题的时间要长，多少有些本末倒置，而最坏的结果是，对方给了你一个完全错误的答案！
+
+![](https://pic.yupi.icu/5563/202311051532731.gif)
+
+尤其是当你进入了一个大公司，就会更加意识到沟通的难度，而且大家都有自己的工作，谁都不喜欢被打断，尤其是一些可能根本和自己无关的问题！
+
+![](https://pic.yupi.icu/5563/202311051532135.png)没搞清提问对象，没清晰描述问题
+
+因此，在我们遇到问题时，先要尝试自己去解决，如果实在束手无策，再去提问，而且要**有智慧地提问**！
+
+今天给大家分享一本小书《提问的智慧》，是 `GitHub` 上的一个高星项目，并且被众多开源项目引用，鱼皮看完后收获满满，学到了高效提问和回答技巧，又有信心去应对未来的无限加班了。
+
+下面列举书中我觉得讲的比较好的部分。
+
+![](https://pic.yupi.icu/5563/202311051532352.png)
+
+> GitHub 高星项目
+
+### 在提问之前
+
+在你准备要通过电子邮件、新闻群组或者聊天室提出技术问题前，请先做到以下事情：
+
+1. 尝试在你准备提问的论坛的旧文章中搜索答案。
+2. 尝试上网搜索以找到答案。
+3. 尝试阅读手册以找到答案。
+4. 尝试阅读常见问题文件（FAQ）以找到答案。
+5. 尝试自己检查或试验以找到答案。
+6. 向你身边的强者朋友打听以找到答案。
+7. 如果你是程序开发者，请尝试阅读源代码以找到答案。
+
+当你提出问题的时候，请先表明你已经做了上述的努力；这将有助于树立你并不是一个不劳而获且浪费别人的时间的提问者。如果你能一并表达在做了上述努力的过程中所**学到**的东西会更好，因为我们更乐于回答那些表现出能从答案中学习的人的问题。
+
+运用某些策略，比如先用 Google 搜索你所遇到的各种错误信息（搜索 Google 论坛和网页），这样很可能直接就找到了能解决问题的文件或邮件列表线索。即使没有结果，在邮件列表或新闻组寻求帮助时加上一句 `我在 Google 中搜过下列句子但没有找到什么有用的东西` 也是件好事，即使它只是表明了搜索引擎不能提供哪些帮助。这么做（加上搜索过的字串）也让遇到相似问题的其他人能被搜索引擎引导到你的提问来。
+
+别着急，不要指望几秒钟的 Google 搜索就能解决一个复杂的问题。在向专家求助之前，再阅读一下常见问题文件（FAQ）、放轻松、坐舒服一些，再花点时间思考一下这个问题。相信我们，他们能从你的提问看出你做了多少阅读与思考，如果你是有备而来，将更有可能得到解答。不要将所有问题一股脑拋出，只因你的第一次搜索没有找到答案（或者找到太多答案）。
+
+准备好你的问题，再将问题仔细的思考过一遍，因为草率的发问只能得到草率的回答，或者根本得不到任何答案。越是能表现出在寻求帮助前你为解决问题所付出的努力，你越有可能得到实质性的帮助。
+
+小心别问错了问题。如果你的问题基于错误的假设，某个普通黑客（J. Random Hacker）多半会一边在心里想着`蠢问题…`， 一边用无意义的字面解释来答复你，希望着你会从问题的回答（而非你想得到的答案）中汲取教训。
+
+绝不要自以为**够格**得到答案，你没有；你并没有。毕竟你没有为这种服务支付任何报酬。你将会是自己去**挣到**一个答案，靠提出有内涵的、有趣的、有思维激励作用的问题 —— 一个有潜力能贡献社区经验的问题，而不仅仅是被动的从他人处索取知识。
+
+另一方面，表明你愿意在找答案的过程中做点什么是一个非常好的开端。`谁能给点提示？`、`我的这个例子里缺了什么？`以及`我应该检查什么地方`比`请把我需要的确切的过程贴出来`更容易得到答复。因为你表现出只要有人能指个正确方向，你就有完成它的能力和决心。
+
+### RTFM 和 STFW
+
+有一个古老而神圣的传统：如果你收到 `RTFM （Read The Fucking Manual）` 的回应，回答者认为你**应该去读他妈的手册**。当然，基本上他是对的，你应该去读一读。
+
+RTFM 有一个年轻的亲戚。如果你收到 `STFW（Search The Fucking Web）` 的回应，回答者认为你**应该到他妈的网上搜索**。那人多半也是对的，去搜索一下吧。
+
+更温和一点的说法是 “Google 是你的朋友！”
+
+### 好问题与蠢问题
+
+举一些例子，来说明怎样聪明的提问；同一个问题的两种问法被放在一起，一种是愚蠢的，另一种才是明智的。
+
+**蠢问题**：
+
+> 我可以在哪儿找到关于 Foonly Flurbamatic 的资料？
+
+这种问法无非想得到 `STFW` 这样的回答。
+
+**聪明问题**：
+
+> 我用 Google 搜索过 "Foonly Flurbamatic 2600"，但是没找到有用的结果。谁知道上哪儿去找对这种设备编程的资料？
+
+这个问题已经 STFW 过了，看起来他真的遇到了麻烦。
+
+**蠢问题**：
+
+> 我从 foo 项目找来的源码没法编译。它怎么这么烂？
+
+他觉得都是别人的错，这个傲慢自大的提问者。
+
+**聪明问题**：
+
+> foo 项目代码在 Nulix 6.2 版下无法编译通过。我读过了 FAQ，但里面没有提到跟 Nulix 有关的问题。这是我编译过程的记录，我有什么做的不对的地方吗？
+
+提问者已经指明了环境，也读过了 FAQ，还列出了错误，并且他没有把问题的责任推到别人头上，他的问题值得被关注。
+
+**蠢问题**：
+
+> 我的主机板有问题了，谁来帮我？
+
+某黑客对这类问题的回答通常是：`好的，还要帮你拍拍背和换尿布吗？`，然后按下删除键。
+
+**聪明问题**：
+
+> 我在 S2464 主机板上试过了 X 、 Y 和 Z ，但没什么作用，我又试了 A 、 B 和 C 。请注意当我尝试 C 时的奇怪现象。显然 florbish 正在 grommicking，但结果出人意料。通常在 Athlon MP 主机板上引起 grommicking 的原因是什么？有谁知道接下来我该做些什么测试才能找出问题？
+
+这个家伙，从另一个角度来看，值得去回答他。他表现出了解决问题的能力，而不是坐等天上掉答案。
+
+在最后一个问题中，注意 `告诉我答案` 和 `给我启示，指出我还应该做什么诊断工作` 之间微妙而又重要的区别。
+
+### 如何更好地回答问题
+
+**态度和善一点**。问题带来的压力常使人显得无礼或愚蠢，其实并不是这样。
+
+**对初犯者私下回复**。对那些坦诚犯错之人没有必要当众羞辱，一个真正的新手也许连怎么搜索或在哪找常见问题都不知道。
+
+**如果你不确定，一定要说出来**！一个听起来权威的错误回复比没有还要糟，别因为听起来像个专家很好玩，就给别人乱指路。要谦虚和诚实，给提问者与同行都树个好榜样。
+
+**如果帮不了忙，也别妨碍他**。不要在实际步骤上开玩笑，那样也许会毁了使用者的设置 —— 有些可怜的呆瓜会把它当成真的指令。
+
+**试探性的反问以引出更多的细节**。如果你做得好，提问者可以学到点东西 —— 你也可以。试试将蠢问题转变成好问题，别忘了我们都曾是新手。
+
+尽管对那些懒虫抱怨一声 RTFM 是正当的，能指出文件的位置（即使只是建议个 Google 搜索关键词）会更好。
+
+**如果你决定回答，就请给出好的答案**。当别人正在用错误的工具或方法时别建议笨拙的权宜之计（workaround），应推荐更好的工具，重新界定问题。
+
+**正面的回答问题**！如果这个提问者已经很深入的研究而且也表明已经试过 X、 Y、 Z、 A、 B、C 但没得到结果，回答 `试试看 A 或是 B` 或者 `试试 X 、 Y 、 Z 、 A 、 B 、 C` 并附上一个链接一点用都没有。
+
+**帮助你的社区从问题中学习**。当回复一个好问题时，问问自己`如何修改相关文件或常见问题文件以免再次解答同样的问题？`，接着再向文件维护者发一份补丁。
+
+如果你是在研究一番后才做出的回答，**展现你的技巧而不是直接端出结果**。毕竟`授人以鱼不如授人以渔`。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\351\200\211\346\213\251\347\274\226\347\250\213\345\255\246\344\271\240\350\265\204\346\272\220\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\351\200\211\346\213\251\347\274\226\347\250\213\345\255\246\344\271\240\350\265\204\346\272\220\357\274\237.md"
new file mode 100644
index 0000000..370d7f4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\346\255\243\347\241\256\351\200\211\346\213\251\347\274\226\347\250\213\345\255\246\344\271\240\350\265\204\346\272\220\357\274\237.md"
@@ -0,0 +1,176 @@
+#  如何正确选择编程学习资源？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+昨天在某乎看到一个问题：“ **准备自学Java，但是B站有两版视频，应该看哪个？**”
+
+![](https://pic.yupi.icu/5563/202311051531906.jpeg)
+
+如今，编程学习资源越来越多，很多想学编程的朋友都会遇到类似的资源选择问题。对于初学者而言，选择合适的编程资源尤为重要，否则就容易被劝退。
+
+作为一名万年沉迷自学党，结合自己大学的经历，分享下我选择学习资源的方法。
+
+**主要包括两个方面：**
+
+1. 选择何种类型的资源？
+2. 同类资源如何对比？
+
+![](https://pic.yupi.icu/5563/202311051531791.jpeg)
+
+### 资源类型
+
+学习资源类型有很多，比如书籍、电子书、在线网站、在线文档、视频、讲义等等。
+
+我认为选择学习资源的要点是：**以能学下去为前提，保证学习效率的最大化**。
+
+因此，我会 **在不同的阶段选择不同类型的资源**。
+
+早在高考结束时，我就读过一本 C 语言经典书籍《C Primer Plus》，强行读了几十页后，我就被大量的术语和理论劝退了，这本书对我而言，为时过早。
+
+因此，刚刚步入大学，初学编程时，相对于枯燥的课本教材，我会选择比较轻松、能帮助我上手和培养兴趣的资源。前端和 Python 对新手还是比较友好的，因此除了学校教的 C 语言外，我主动去学习前端。在学习前端时，我没有选择看书，而是先通过一个 **在线实战**、敲代码闯关的网站学习基础语法。
+
+**这里也给大家推荐一些在线练习网站：**
+
+前端：
+
+[入门编程 & 自学前端必备网站！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483805&idx=1&sn=84751162193f1b5f413f11847779a81a&chksm=ce485fe6f93fd6f0730f4e7e63f19bf55894a4929697b8c28a72458ec87f1a12f4f120ec3759&scene=21#wechat_redirect)
+
+Java：
+
+[超有趣的 Java 自学网站！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483795&idx=1&sn=e897409037744a023d2f4b8693c4c43c&chksm=ce485fe8f93fd6fed029d6f9716a3687d2f4547586b2756afa52a6f5ccad003225516d1413cf&scene=21#wechat_redirect)
+
+Python：
+
+[高效交互式在线编程学习](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483940&idx=1&sn=3f5d3e5ec5f210e70afaeceec4b3e22a&chksm=ce485c5ff93fd549164d8809112698f4147d80fd94bd6798532b9dee5e7b2df1d2d7085d0fca&scene=21#wechat_redirect)
+
+算法应用：
+
+[打怪升级，在线练习编程的神器！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483820&idx=1&sn=4ad8783f643ec3585416c6d3f27ddd8b&chksm=ce485fd7f93fd6c1e821c8684e9f300afbf74b3253be622ff029816932f6f1644feb3f803103&scene=21#wechat_redirect)
+
+当然，还有很多，大家可以先到 **编程导航** 上找找看，后面以推文的形式慢慢给大家推荐~
+
+
+
+通过在线练习网站，帮助我快速了解了一门编程语言，培养了我的兴趣，并能够直接写出一些入门级代码。在这之后，就不要再依赖这些网站了，目前没有任何一个网站能帮助你从入门到精通！我会倾向于选择 **阅读一本经典书籍** 来巩固这门编程语言的基础，比如 Java 我选择了《Java 核心技术卷 1》，这本书排版优雅，内容殷实，总之就是好！
+
+![](https://pic.yupi.icu/5563/202311051531696.jpeg)
+
+当然，不是所有人都喜欢阅读，我有事也会觉得看书比较无聊。如果看书看不下去了，可以到网上看一些视频课程入门，但看完视频后，**一定要倒过来阅读经典书籍**，躲不掉的。基础都不牢固，就强行去学开发框架，一定会犯很多低级错误，踩很多坑。
+
+追求速成？不存在的，哪有那么好的事儿，欠下的这些打基础的时间，都会在日后以 bug 的形式加倍奉还！
+
+![](https://pic.yupi.icu/5563/202311051531828.jpeg)
+
+**那怎么算是打好基础了呢？**
+
+没有一个明确的边界，总之就是你能把书中或视频中提到的知识理解并能写出代码实际应用，就 ok 了。比如学习面向对象的继承时，你不能只知道继承的语法，还要知道继承的好处，以及在什么情况下应该使用继承。能用学到的知识去解决问题了，就算过关~
+
+打好编程语言基础后，我已经可以编写一些简单的软件了，下一步就是提升开发的效率，学习企业级开发框架。我会选择看一些 **视频教程** 来学习主流开发框架，因为学习框架一定要先会用，再去理解和深挖它的原理和工作机制，网上的视频相对于书本来说，会更有趣一些。当然也不是只看视频，还要跟着老师的节奏敲代码、多练习。一个系列的视频看完后，就 **一定要亲自做出个项目**，否则跟没看一样，纸上谈兵，一看就会，一写就废。
+
+当我学会了一门编程语言对应的开发框架后，我会到网上找一些简单的 **开源项目**，阅读他人的代码，跟着项目代码进行练习，学习他人的写法。想学好编程，除了多敲代码外，还要多阅读他人的代码，否则很多代码规范，或者一些小技巧、骚操作你都 get 不到。而且一旦你不接触别人的代码，只按照当初的视频教程去写，假如培训机构的哪个写法不规范，可能你会被误导一辈子！
+
+![](https://pic.yupi.icu/5563/202311051531822.jpeg)
+
+**别笑，这就是很多同学的真实写照**！问他为什么写这么烂的代码，他说：“我看别人视频里就是这么写的呀！”
+
+随着你的编程经验不断积累、能力逐渐提高，你自然会去接触一些更专业、更规范、更底层的知识。此时学习的最好方式就是 阅读技术书籍。尤其是大公司，面试时一定会问到底层知识，所以一定要彻底地、系统地学习一门技术，就拿 Java 的虚拟机 JVM 来说，要去了解他的设计思路、实现原理、性能调优等。优秀的程序员不仅要能写出代码，还要能写出 **好代码**（高可用、高性能、高并发、可扩展、可维护、规范等），而这就需要大量的理论知识储备和实践经验。
+
+虽然都说 “面试造火箭，工作拧螺丝”，但是大厂对人才的需求 **不是看你的现在，而是看你的未来**，能否去承担更大、更具挑战和价值的任务。
+
+![](https://pic.yupi.icu/5563/202311051531943.png)
+
+随着你的阅读量越来越大，知识面越来越广，你会发现学习新知识比以前轻松了不少，这时最有效的学习新技术的方法就是阅读 **官方文档**。因为官方文档一定是所有资源中 **最新、最专业、最全面** 的，其他所有的学习资源都是建立在官方文档的基础上的。与其道听途说，为什么不自己一探究竟呢？这也是很多专业的程序员喜欢阅读文档的原因。
+
+当然，除了阅读官方文档外，还有更猛的、更无情的方式，**直接看源码**！在源代码面前，没有任何秘密可言。
+
+*Talk is cheap，show me the code！*
+
+![](https://pic.yupi.icu/5563/202311051531741.jpeg)
+
+### 资源对比
+
+上面讲了我在不同阶段是如何选择学习资源类别的，下面再聊聊同类资源面前，如何对比？
+
+**我会重点考虑以下因素：**
+
+#### 1. 资源时效
+
+即书籍的出版时间，或视频、文章的创作时间。
+
+编程技术的发展非常迅猛，不信你看 Java，半年一个小版本、三年一个大版本；再看 Elasticsearch，四年不到，版本从 1.x 干到了 7.x！
+
+所以一定要选择比较新、未过时的资源。经典理论、基础知识、编程语言的视频时效还长一点，内容基本不会有太大的变动，几年前的也都能看。但是如果要学编程框架或者类库，**一定要看近 2 年内的**，有新的就尽量看新的，比如学习 Java 的 SpringBoot 框架，要看 2.x 版本而不看 1.x 的。否则就会像我大一暑假一样，傻傻的看了不少已经被淘汰的框架用法，按照书上敲代码怎么都运行不了！
+
+![](https://pic.yupi.icu/5563/202311051531738.jpeg)
+
+#### 2. 作者或机构
+
+看书时，我会尽量选择技术圈内比较知名的大佬写的书。
+
+倒也不是名人效应，要知道，程序员们都觉得自己写的代码最牛逼，所以，能在 IT 圈儿获得认可的大佬，一定在技术上有很大的影响力，创作也会更专业！
+
+对于培训机构的网络课程，我觉得比起机构的名声，更重要的是老师。如果某位老师的学员反馈还不错、认可度高，而且声音、讲课方式等也让你感到舒适，那么可以试着跟一位老师长期学习。
+
+比如我早期还跟着一位人美声甜的小姐姐学 C++ 来着 😊！
+
+![](https://pic.yupi.icu/5563/202311051531214.png)
+
+#### 3. 资源内容
+
+现在人人都说自己的文章、自家的课程是最牛逼的，大家也千万不要信。
+
+在选择资源时，我会先看一遍目录，了解个课程大概，假如说很多知识你都已经会了，也许就不需要再跟着这份资源学习。
+
+**比较重要的一点是，要和同类的资源做对比。**
+
+就像本文开头提到的问题，如何在两个系列视频课中做出选择呢？我会扫一遍两套视频的目录，了解视频大致的内容，对自己能学的知识有个预期，再做决定。
+
+![](https://pic.yupi.icu/5563/202311051531176.png)从课程目录预
+
+> 见内容
+
+#### 4. 目标匹配度
+
+一千个人有一千个哈姆雷特，每个人对同一份资源的评价也会褒贬不一，所以要选择相对适合自己的课程。
+
+就拿上一点提到的 **资源内容** 举例，我通常会选择目录相对更全面、覆盖知识点更多的课程，生怕错过任何一个小细节，当然遇到了已经熟悉的知识点也可以快速跳过。反之，如果有同学时间紧张，追求速成，可以反其道而行之，选择一些小而精的课程。
+
+#### 5. 资源质量
+
+比如书籍和文章的排版、视频的清晰度、语音设备有无杂音等等，这些都是最基本的要求。在学习的同时，也要注意保护好我们的视力和听力哦~
+
+#### 6. 配套资源
+
+优秀的书籍和视频课程都会配套一些学习资源，比如代码练习、习题答案、讲义、笔记等。利用好这些资源能帮助我们更高效地学习，不容小觑！很多培训机构的网络课程也都比较贴心，这些配套资源基本都是免费的。
+
+#### 7. 资源认可度
+
+选择学习资源就像是购物，建议多了解下他人对该资源的看法。书籍的话可以参考豆瓣评分，视频的话可以看播放量、收藏数、点赞数、好评率、一些网友评论等。
+
+但也存在问题，现在是流量为王，网上刷数据、刷评论的太多了，所以也不要被数据遮蔽了双眼。建议在选择学习资源时，多去问问身边同学，听听他们的真实意见，比如：“你觉得这个课怎么样？大概多久能看完？看完后能学到哪个程度？有哪些章节不需要看么？” 等等。
+
+也建议大家养成好的习惯，把你认为不错的资源保存下来，不仅能帮助自己复习，还能分享给更多同学~
+
+（上传到编程导航上也是个不错的选择哦）
+
+![](https://pic.yupi.icu/5563/202311051531205.png)
+
+> 编程导航网
+
+如果以上几点还不足以帮助你选择资源的话，可以先分别 **试看一部分内容**，再做决定也不迟~
+
+
+
+------
+
+
+
+直到最后，我也不会对开头那个某乎的问题给出明确的答案，因为这两套资源反馈都还不错，可能分别更适合部分朋友，没必要非得区分个优劣（而且这两家我都惹不起）。看了些其他同学的回答，也基本是保持中立。
+
+授人以鱼不如授人以渔，结合鱼皮分享的一些资源选择的要点，我相信聪明的同学都会有自己的选择了！
+
+![](https://pic.yupi.icu/5563/202311051531370.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\351\253\230\346\225\210\346\211\276\345\210\260\344\274\230\350\264\250\347\274\226\347\250\213\351\241\271\347\233\256\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\351\253\230\346\225\210\346\211\276\345\210\260\344\274\230\350\264\250\347\274\226\347\250\213\351\241\271\347\233\256\357\274\237.md"
new file mode 100644
index 0000000..1d501aa
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\246\202\344\275\225\351\253\230\346\225\210\346\211\276\345\210\260\344\274\230\350\264\250\347\274\226\347\250\213\351\241\271\347\233\256\357\274\237.md"
@@ -0,0 +1,211 @@
+# 如何高效找到优质编程项目？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家都知道，想学好编程、丰富简历、提升求职竞争力，一定要多敲代码做项目。
+
+说到项目，我最近收到了很多小伙伴的私信和困惑，最常见的是以下两个情况：
+
+1. 不知道到哪儿去找编程项目，只能四处求人
+2. 网上的编程项目太多，不知道哪些项目值得学习
+
+那这篇文章就教大家如何高效找到优秀编程项目。
+
+**读完本文，不仅能帮助你告别伸手党，甚至还能让你成为一个项目分享大神！**
+
+![](https://pic.yupi.icu/5563/202311051528928.jpeg)
+
+下面我们依次去解决四个问题：
+
+1. 到哪儿去找项目？
+2. 什么是好的项目？
+3. 怎么高效找项目？
+4. 怎么高速下载项目？
+
+### 到哪儿去找项目？
+
+有很多获取项目的途径，比如书上习题、网络课程、线下培训等，但最好的找项目的地方一定是 GitHub，程序届人尽皆知的代码开源托管平台。
+
+在这里，你可以找到各种各样的开源项目，大到世界知名框架、小到个人练习片段，还能和他人一起协作完成项目。利用好 GitHub，可以大大开拓你的眼界，提升编程学习能力。
+
+![](https://pic.yupi.icu/5563/202311051528932.jpeg)
+
+这里提及另外两个找项目的平台，即 Gitee（码云）和开源中国。Gitee 其实就是国内版的 GitHub，但项目数远不及 GitHub；而开源中国和 Gitee 有非常紧密的合作，将一些开源项目进行了整理分类。
+
+GitHub 平台是非常大的，在这里，每天有无数个新项目产生、有数亿行代码被提交，让人眼花缭乱、迷失方向。那么如何从海量的项目中大浪淘沙，快速发现那些优秀的、或者极具潜力的开源项目呢？
+
+首先我们要明确什么是好的项目。
+
+### 什么是好的项目？
+
+虽说没有最好的项目，只有最适合自己的项目。但是在 GitHub 上，通过一些指标和信息，也可以对开源项目进行基本的评判。
+
+进入一个项目的详情页，一个好的项目通常具有如下特点：
+
+- 更多的 watch，表示对项目的关注度高
+- 更多的 star（收藏），对项目实用性的肯定
+- 更多的 Fork（派生搬运），表示想要学习项目或做贡献
+- 积极的 issues（问题），表示更多人使用项目并希望改进
+- 积极的 Pull requests（代码合并请求），表示更多人愿意合作贡献代码
+- 频繁更新最近提交时间，表示项目仍在维护
+- 可直接访问的官网，更正式
+- 类别标签明确，帮助开发者对项目进行定位
+
+![](https://pic.yupi.icu/5563/202311051528458.png)
+
+再往下看，一个好的项目的 README.md（项目描述）文件通常会更清晰和完善，比如 Ant Design 提供了多种语言的文档：
+
+![](https://pic.yupi.icu/5563/202311051528516.png)
+
+明确了优秀项目的特点后，如何高效地在 GitHub 上找项目呢？
+
+### 怎么高效找项目？
+
+下面分享查找 GitHub 优秀项目的高级技巧和免费资源，多达 **数十种**！选择自己适合的即可。
+
+#### GitHub 搜索
+
+GitHub 既然收录了那么多项目，自然也会提供一套帮助你找项目的搜索机制，运行好搜索机制，可以灵活高效地找到适合自己的项目。
+
+可以直接输入关键词搜索，再配合排序规则，能够较方便地找到优秀项目。
+
+![](https://pic.yupi.icu/5563/202311051528189.png)
+
+> 简单搜索
+
+大多数情况下，简单搜索就够了，但有时，排名最靠前的项目未必是我们需要的。比如有一个曾经很知名的项目，却停止维护多年，我们也不敢轻易去使用它。
+
+GitHub 还提供了条件搜索，通过输入特定的搜索表达式，来实现更高精度的过滤，从而找到更符合预期的项目。
+
+比如搜索自述文件中包含 `jquery`、star 超过 1000、且上次更新时间在几年内的仓库：
+
+![](https://pic.yupi.icu/5563/202311051528105.png)
+
+> 条件搜索
+
+有很多过滤条件，但是 **完全无需记忆**！因为 GitHub 提供了 **高级搜索**，可以自动生成搜索表达式：
+
+![](https://pic.yupi.icu/5563/202311051528249.png)
+
+还可以通过 GitHub 文档（docs.github.com）来浏览所有的搜索条件。
+
+![](https://pic.yupi.icu/5563/202311051528395.png)
+
+#### Explore GitHub
+
+GitHub 官方探索，基于兴趣为你推荐开源项目，精准度很高！
+
+![](https://pic.yupi.icu/5563/202311051528191.png)
+
+#### Topics on GitHub
+
+GitHub 官方提供的项目主题分类，帮助你找到合适的项目。
+
+![](https://pic.yupi.icu/5563/202311051528001.png)
+
+#### GitHub Awesome
+
+GitHub 官方提供的 Awesome 合集，帮助你发现特定标签的资源大全。
+
+Awesome 项目是指由社区同学共同贡献而成的项目，包含了某一技术的完整生态（如优秀开源项目、类库、工具、知识点）。比如awesome-java（https://github.com/akullpp/awesome-java）、awesome-vue（https://github.com/vuejs/awesome-vue）。建议大家多看awesome项目，学习和查漏补缺都是极好的~
+
+![](https://pic.yupi.icu/5563/202311051528906.png)
+
+> awesome
+
+#### GitHub 官方 Trending
+
+GitHub官方提供的项目趋势统计，能够看到一段时间内项目和开发者新增star数的排行。还支持选择语言、编程语言及时间范围，帮你发现优秀、有潜力的开源项目。
+
+![](https://pic.yupi.icu/5563/202311051528195.png)
+
+> 趋势
+
+#### HelloGitHub
+
+分享 GitHub 上有趣、入门级的开源项目。这里有各种语言的开源项目、让生活变得更美好的工具、书籍、学习笔记、教程等。通过这些项目你将学习到更多编程知识、提高自己的编程技巧、发现编程的乐趣。
+
+![](https://pic.yupi.icu/5563/202311051528212.png)
+
+> HelloGitHub
+
+#### GitHub Trending
+
+GitHub 趋势统计，帮助你寻找最好的Github项目，支持选择特定的语言来筛选项目。
+
+![](https://pic.yupi.icu/5563/202311051528283.png)
+
+> GitHub TOP100
+
+#### Gitstar Ranking
+
+非官方的 GitHub 排行榜，按照 star 数进行排序，支持个人、组织和项目排行。**能够发现成熟又活跃的优秀项目**。
+
+![](https://pic.yupi.icu/5563/202311051528633.png)
+
+> Gitstar 排行
+
+#### Githuber.cn
+
+发现优秀 GitHub 开发者的网站，可以查看国内仓库语言使用情况统计、GitHub 开发者排名等，还能查看自己的排名哦~
+
+![](https://pic.yupi.icu/5563/202311051528580.png)
+
+> 仓库语言统计
+
+#### searchcode
+
+如果你想搜索代码片段，可以使用 searchcode，简单全面的开源代码搜索器，一键在 40 万个项目、750 亿行代码中高效搜索，还提供 API 接口。帮助您在 243 个语言中找到函数、API 和库的示例，跨越 GitHub 等 10 个公共代码来源！还可以使用其提供的 API 接口，给网站添加代码搜索功能。
+
+![](https://pic.yupi.icu/5563/202311051528151.png)
+
+> 一键搜索
+
+#### LibHunt
+
+汇集了 GitHub 上实用的开源项目和软件类库，让编程人员快速发现好的项目。支持近 20 种不同编程语言的项目，以及各种热门标签，可以快速搜索，还能查看项目热度。
+
+![](https://pic.yupi.icu/5563/202311051528198.png)
+
+> LibHunt 热榜
+
+#### codelf
+
+虽然是变量命名神器，但由于其底层基于 searchcode 开发，因此也可以用于快速搜索代码和项目。
+
+输入关键词后，可以选择和关键词相关的标签，一键跳转至项目代码。
+
+![](https://pic.yupi.icu/5563/202311051528058.png)
+
+## 怎么高速下载项目？
+
+由于 GitHub 是国外的网站，所以有时我们下载 GitHub 项目的速度非常慢，这里教大家几种提升下载速度的方式。
+
+#### GitClone
+
+GitHub 缓存加速网站，为开发者服务。直接在命令行更改仓库地址即可使用，上手方便，缓存节点多，是最推荐的一种方式！
+
+![](https://pic.yupi.icu/5563/202311051528055.png)
+
+#### GitHub 加速下载工具
+
+网上有很多在线的 GitHub 加速下载工具，使用起来都很方便。
+
+![](https://pic.yupi.icu/5563/202311051528178.png)
+
+#### Gitee 导入
+
+可以直接在 Gitee（国内版 GitHub）创建仓库，并选择从 GitHub 导入。Gitee 会自动将代码从 GitHub 进行同步，然后你就可以在 Gitee 以更快的速度来下载和管理项目代码。
+
+![](https://pic.yupi.icu/5563/202311051528175.png)
+
+> Gitee 导入
+
+------
+
+以上就是发现优质编程项目的分享，如果想要彻底玩转 GitHub，建议阅读 GitHub 官方文档。
+
+如果想要给项目贡献代码，掌握版本控制工具 Git 的用法也是至关重要的，后面会分享 Git 相关的学习资源。
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\344\272\206\345\215\201\345\207\240\347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\345\220\216\357\274\214\346\210\221\346\234\211\345\223\252\344\272\233\346\204\237\345\217\227\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\344\272\206\345\215\201\345\207\240\347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\345\220\216\357\274\214\346\210\221\346\234\211\345\223\252\344\272\233\346\204\237\345\217\227\357\274\237.md"
new file mode 100644
index 0000000..f50aa60
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\344\272\206\345\215\201\345\207\240\347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\345\220\216\357\274\214\346\210\221\346\234\211\345\223\252\344\272\233\346\204\237\345\217\227\357\274\237.md"
@@ -0,0 +1,91 @@
+# 学了十几种编程语言后，我有哪些感受？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+学编程 5 年多了，我学过十几种编程语言，比如 C、C++、Java、Python、JavaScript、Go、PHP、C#、SQL、Scala 等。
+
+![](https://pic.yupi.icu/5563/202311051536792.png)
+
+乍一听好像挺厉害的，但事实上，学过的语言很多，熟练的就那么几个。很多语言学完之后，不写就忘了，就好像从来没有学习过一样。
+
+那我为什么要学这么多编程语言？学了这么多语言对我有哪些好处和坏处？到底应不应该学多门语言呢？
+
+下面分享一下。
+
+### 为什么学这么多编程语言？
+
+回顾我学语言的过程，无非就是四个原因：感兴趣、学校让学、找工作混饭吃、还有就是项目要用。
+
+> 老实说，光跟着学校学，基本就会好几种语言了。
+
+先说兴趣，我在高中时就很想做自己的网站，只不过那会儿是用什么 Front Page，Dreamweaver 拖拖拽拽就搞定了（应该没有多少同学用过吧）。所以上了大学，我第一个自学的就是前端，对应的语言就是 HTML、CSS、JavaScript 三件套。
+
+![](https://pic.yupi.icu/5563/202311051536931.png)
+
+再说说学校教的，首当其冲是 C 语言。不过很可惜，我学的一塌糊涂，最后写了个图书管理系统（其实就是个小黑框）就毕业了。
+
+之后呢开始学 C++，因为感觉跟学校课堂学 C 语言时没学到啥，所以这次我选择上网自学（比如看圆脸妹妹的 C++ 课堂等）。大概学了一个月左右，写了一点简单的桌面程序。然后我就开始学 Java 了，因为听说 Java 好找工作，好混饭吃。
+
+![](https://pic.yupi.icu/5563/202311051536936.png)
+
+刚开始学 Java 就是学基础语法，直到学完我都不知道为啥 Java 好找工作，感觉能做的事和 C++ 差不多。直到后来学了企业 Java 开发，接触了 Spring 之类的框架。我才感叹到，Java 真香！于是我决定在后台开发这条路上坚持走下去，后来也学了 SQL（结构化数据查询语言）、Scala 等编程语言。
+
+然后我本来以为今后再也不会用 C++ 了，但听说算法竞赛、保研机试啥的都是它，所以后来就拿 C++ 刷了几百道 OJ 题目，打死也没想到最后毕设还是拿这玩意做了个图像处理程序。
+
+![](https://pic.yupi.icu/5563/202311051536783.png)
+
+再聊聊其他语言。我大一学 Python，只是为了完成一个数据抓取 + 可视化项目，听说用 Python 简单、做的快，就学了几天，就搞定了；学 Golang 是因为当时在实验室搞区块链，有个框架是用的 Go 语言；学 C# 也是因为在实验室有个桌面端项目要用。
+
+对了，还有 PHP，听说它是世界上最好的语言我就学了。不得不说，用 PHP 开发确实很爽，但很遗憾，如今大公司基本不用。
+
+![](https://pic.yupi.icu/5563/202311051536928.png)
+
+### 坏处
+
+看到这，肯定有同学说了：会这么多编程语言，那不是无所不能，肯定很爽吧！
+
+但事实上，编程语言学多了，也让我有了一定的烦恼。
+
+因为每种语言在数据类型、语法和 API 上都有一定的差别，所以会的语言多了后，我时常陷入混乱，把语法给记混。尤其是学 Go 语言的时候，这玩意和其他语言的语法差别贼大，简直让我怀疑人生，大家可以感受一下：
+
+![](https://pic.yupi.icu/5563/202311051536940.png)
+
+> Go 和 Java 语法对比
+
+我在工作中，又要写 Java、又要写 JavaScript，所以就老是搞混，在 Java 中写 JavaScript 的函数，在 JavaScript 中 new Java 的对象。再加上我白天工作用 Mac，晚上下班用 windows，开发工具的快捷键也不一样，我真的要疯了！
+
+所以有的时候，我真的很想专注地去写一门语言。
+
+但是，学了这么多语言后，我变秃了，也的确变强了！
+
+![](https://pic.yupi.icu/5563/202311051536787.jpeg)
+
+所以下面分享下学习多门语言的好处。
+
+### 好处
+
+首先，我发现自己摸清了学习语言的套路，无非就是数据类型、流程控制、函数对象和一些特性，因此学新的语言变得越来越轻松快速。比如我之前没有学过 Kotlin，但后来工作中要让我重构 Kotlin 的代码，我没花额外时间去学习，也基本也都能看懂。
+
+我学到了更多的设计思想、了解了每种语言更适合做什么，比如什么是解释型语言和编译型语言，有什么区别，又该如何选择。
+
+我看代码时再也不用被语言所束缚，基本啥都能看懂，大家在交流编程语言时，我也有了更多的发言权，啥都能聊两句，也不用再因为争论 “什么是最好的编程语言” 而跟别人打架了。
+
+![](https://pic.yupi.icu/5563/202311051536075.png)
+
+此外，我在开发时有了更多的选择。比如处理 Excel 表格，如果我只会 Java，那只能用 Java 相关类库，不够方便；但因为我也会 Python，就有了更多类库可以选择，几行代码就搞定了，效率拉满。
+
+最重要的，也正是学了更多的语言后，我才找到了最适合自己的语言，从前端转到了 Java 后端。
+
+### 建议
+
+看到这儿，大家觉得有必要学多门编程语言么？
+
+我觉得，技多不压身，会的语言肯定是越多越好。
+
+虽说可能会有点混乱，但是现在编辑器的语法校验功能都很强大了，所以哪怕语法输错了，也能很快纠正过来。还有一种方法就是，干脆就别去记忆语法，熟能生巧。
+
+不过千万要记住，无论你想学多少种语言，都要先重点学好一门。一方面是深入理解一门语言后，再学别的就很简单了；另一方面是时间有限，把所有语言都学的很好是不现实的，毕竟编程领域中，语言只是一部分，还有太多技术、工具、方法、思想要学了。如果什么语言都草草地去学、浅尝辄止，那面试的时候一定会吃大亏！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\345\274\237\346\203\263\345\201\232\344\270\252\351\253\230\350\264\250\351\207\217\350\247\206\351\242\221\345\260\217\347\250\213\345\272\217.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\345\274\237\346\203\263\345\201\232\344\270\252\351\253\230\350\264\250\351\207\217\350\247\206\351\242\221\345\260\217\347\250\213\345\272\217.md"
new file mode 100644
index 0000000..5102f3f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\345\255\246\345\274\237\346\203\263\345\201\232\344\270\252\351\253\230\350\264\250\351\207\217\350\247\206\351\242\221\345\260\217\347\250\213\345\272\217.md"
@@ -0,0 +1,114 @@
+# 学弟想做个高质量视频小程序
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 给点建议
+
+大家好，我是鱼皮。最近，我的一位大二学弟有个小想法，想搞一个视频小程序，来一起帮他出谋划策吧~
+
+![](https://pic.yupi.icu/5563/202311051546588.png)
+
+### 需求背景
+
+学校有很多线下讲座，但讲座视频和相关资料并未保存，还有很多线下分享和资料也比较零碎。目的是将分享视频线上化、并将相关资料永久保存。
+
+### 需求分析
+
+基于这个背景，小程序需要有以下功能：
+
+1. 小程序专注视频，均由本校师生上传。
+2. 上传内容多种多样，包括讲座、考试经验、职场、研究、日常分享等。
+3. 可以为每个视频上传相关资料，比如 PPT 文件、网盘链接等。
+4. 视频需审核才可发布。
+
+看上去是一个比较典型的视频小程序需求了，功能也比较常见，貌似 “不难”。
+
+但是这位学弟目前只有 C 语言的基础、并且正在学习 JavaScript、刚刚跟着微信官方文档学习小程序，所以不知道怎么去做这个项目，下面一起来看看他的疑问，我会给出一些自己的解答和建议。
+
+### 答疑
+
+#### 问题 1
+
+做一个上传视频的小程序和论坛上传文字的小程序技术难度差别大吗？具体有哪些差别？
+
+#### **回答**
+
+先来看看差别：
+
+1. 上传方式：上传视频也是上传文件的一种，需要开发文件上传功能；而只有文本信息的话，直接提交到后台就行了。
+2. 文件体积：显然，视频文件的体积太大了，会占用大量的服务器磁盘空间来进行存储；而文本信息直接保存到数据库就行。
+3. 加载：视频文件体积大，用户看视频时也需要加载更多的资源。因此，视频网站通常会采用各种各样的方式优化用户加载 / 观看视频的体验，比如视频转码、流媒体等。
+4. 流量：视频文件体积大，消耗的流量、占用的带宽也更大，对个人开发者来说，是比不小的负担。
+5. 审核：显然，视频审核的成本要比图文审核要高的多！
+
+从以上这些点可以看出，虽然都是上传，但上传视频会比单纯地传文字要 **麻烦** 且 **费钱**！
+
+至于实现难度，如果都自己来开发、管理文件啥的，那上传视频可以说是非常非常非常复杂的，做得好写在简历上都是亮点。但如果用现成的云服务厂商（BAT 等）提供的文件存储、流媒体、视频审核服务，那就没什么难度了，但价格可不是学生能承受得起的！
+
+![](https://pic.yupi.icu/5563/202311051546597.png)
+
+#### 问题 2
+
+学长觉得我的想法靠谱吗？我现在还不了解技术难度，不知道能不能做得了？项目从现在开始，到明年 3 月份结束（大概  5 个月），我害怕这个难度过大。
+
+#### 回答
+
+视频小程序是一个很常见的项目，想法靠谱。
+
+项目难度不大，在做之前建议先看一些同类的小程序或网站，作为参考或最终目标。只要学了相关技术（前端 + 后端）肯定要不了多久就能做出 Demo（小样）的。
+
+![](https://pic.yupi.icu/5563/202311051546607.png)
+
+> 参考现有应用
+
+#### 问题 3
+
+如果能做的话，我负责前端开发，那我是不是学完微信小程序的官方文档之后应该学一些框架（目前只是听说过 Vue 这类的框架，还不理解框架）？学长能给我一些针对这个项目的学习路线吗？
+
+#### 回答
+
+其实我建议先学前端，因为小程序和前端开发的语法和模式是类似的。而且最好学完 Vue 框架之后再去学小程序，因为学完前端三件套后虽然可以去做小程序，但开发效率是很低的，现在的小程序的主流开发方式都是用框架（甚至是可视化拖拽 —— 低代码），很多框架的语法都是基于或者神似 Vue 的，小程序开发时也可以用前端开发常用的组件库和类库。
+
+![](https://pic.yupi.icu/5563/202311051546983.png)
+
+> 腾讯的 Omi 框架
+
+所以先学好前端，再去开发小程序，会顺滑得多。
+
+如果担心时间不够，甚至可以先把目标从 “视频小程序” 改成 “视频网站”。一方面，现在各种大前端、跨端框架层出不穷，写一套代码就能自动转换为小程序和 APP 了；另一方面，无论是小程序、网站还是 APP，他们都可以共用同一套后端，所以区别不大。
+
+最后，给出针对这个项目可能要用到的技术和学习路线，具体的目标和任务拆解需要自己来定~
+
+### 开发路线
+
+#### 前端
+
+1. HTML、CSS、JS 基础三件套
+2. Vue 开发框架（学 1 个月左右）
+3. 一个移动端组件库的使用，推荐 Vant 或 Ant Design Vue（可以直接用组件库做个 web 项目）
+4. 小程序跨端开发框架，比如 Uniapp、Omi 等（边学边做最终的视频小程序）
+
+#### 后端
+
+- 数据库基础（要学会设计表，学 7 天左右）
+- 一个开发框架。如果以后想从事前端方面工作，可以使用腾讯小程序云开发，是一个现成的后端服务，比较方便；否则就自己学习 Node.js 开发框架（如 Egg、Koa）或 Java 开发框架（SpringBoot）。（学 1 个月左右）
+- 对象存储 SDK 的使用（比如腾讯云 COS、七牛云等，直接看官方文档学会如何接入、上传和管理文件就行了，应用到最终的项目中）
+- CDN 内容分发网络（优化视频的加载速度）
+- 有时间就去了解下流媒体，或者使用现成的云服务
+
+#### 其他
+
+- Linux 系统（部署后端项目要用，会敲命令就行）
+
+- Git 版本控制系统（了解常用概念，会通过界面提交下载代码就行）
+
+  
+
+------
+
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311051546339.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\346\230\257\345\220\216\347\253\257\357\274\214\350\246\201\345\255\246\345\211\215\347\253\257\345\230\233\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\346\230\257\345\220\216\347\253\257\357\274\214\350\246\201\345\255\246\345\211\215\347\253\257\345\230\233\357\274\237.md"
new file mode 100644
index 0000000..167f911
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\346\230\257\345\220\216\347\253\257\357\274\214\350\246\201\345\255\246\345\211\215\347\253\257\345\230\233\357\274\237.md"
@@ -0,0 +1,76 @@
+# 我是后端，要学前端嘛？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。分享 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里一位鱼友的提问：
+
+## 问题
+
+鱼皮你好，主要想问你一些学习方式。我想从事后端方向，但是现在后端懂前端已经是很常见的了吧。所以我想有空也接触一下前端。现在不知道前端应该从哪里入手，看了星球的知识路线挺长的，感觉应该是为前端选手量身打造的。作为后端选手，有哪些前端技能你认为应该掌握？还有就是你有没有什么书籍可以推荐？我比较喜欢看书，没有的话视频也行。
+
+## 鱼皮回答
+
+总结一下，主要是 3 个问题：
+
+1. 作为后端，要学习前端么？
+2. 后端要学习哪些前端知识？
+3. 后端应该怎么学习前端？
+
+相信这也是很多小伙伴关注的问题，印象中很多小伙伴都在喊着自己要成为全栈工程师（前端后端都做的那种）。
+
+我自己虽然侧重后端，但也一直在用前端开发项目，所以在这个问题上，可以结合自己的经历，说说看法。
+
+### 1
+
+**首先，后端会前端肯定是更好的。**
+
+单看这半句话来说，就是废话。因为无论你学什么知识，肯定都是学的越多越好。
+
+而我们要考虑的核心是 **性价比** 。即：后端学到什么程度再去学前端？
+
+对于初学编程的同学来说，我更建议大家先一条路地去入门单个编程语言或方向，这有助于大家更快地做出完成的作品，提高对编程的兴趣。而且从求职面试的角度来说，对于大部分公司，可能只需要纯后端或纯前端，所以你朝着一个方向去学习一般能够更快地达到公司的要求。
+
+现在大家也一直在说学 Java 太卷啦，要不要转 C++、要不要转 Go 等等。其实不用过于纠结，尽可能地专注一个方向，在这个方向学的比其他同学深一点，而不是反复横跳，你才会更有优势。
+
+所以我的建议是：如果你以后端为主，在你没有达到后端的入职标准、后端知识没玩明白前，不要抽大量的时间去学前端（时间紧的话不学前端也完全没问题）。
+
+> 后端同学建议学完我 Java 学习路线上的 Spring Cloud 微服务章节。
+
+当然，如果你时间足够并且觉得自己后端学习进度 ok 了，那抽小部分时间自学前端也是很不错的。（所以想学好编程，很重要的一点就是 **做好时间规划。**）
+
+毕竟技多不压身嘛。
+
+从我自己的经历来看，会前端的好处是可以和前端配合 & 沟通更顺畅。可以站在更高层、全局地角度去设计项目整体的前后端实现方案。
+
+比如我曾经和某前端同学合作时，他提出了一个方案，对我们彼此都很麻烦。后来我帮他想出了一个前后端都轻松的方案，大家都很 happy，而如果不懂前端就会被他的方案牵着走了。
+
+此外，还记得之前我在星球直播带开发 [伙伴匹配系统项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527878&idx=1&sn=00ef3e8862cec2570eeb2e74a232c700&chksm=e9c28a31deb5032784071939437fba3fd6fdb810f0f849aa90536259d8d8bc25453328b86c12&token=2060618239&lang=zh_CN&scene=21#wechat_redirect) 时，给每个请求单独写一个接收参数的对象。如果不了解前端或者没和前端对接的同学会觉得这样做很麻烦。但其实这样做之后，自动生成的接口文档会更干净。前端看了才会更清晰自己要传什么参数（也更安全），对你的印象也会更好。
+
+所以还是很建议入职之后的小伙伴，尤其是想晋升高工级别、想当 Leader 或项目负责人的朋友学习下前端，拓宽技能边界。
+
+### 2
+
+星球的前端学习路线虽然很长，但却适用于所有学习前端的同学（无论出于什么目的）。
+
+只不过对后端开发来说，这个路可以 “短” 一点儿。
+
+只要学习如下知识就可以了：
+
+1. 标准三件套和 Vue，做到能看懂代码、通过复制粘贴 + 修改完成开发
+2. Ajax 和 HTTP 协议，即前端与后端如何交互，有助于从全局的角度排查问题，划分前后端错误边界（不过后端本来就要重点去学 HTTP 协议）
+3. 了解打包工具，知道怎么构建部署前端项目
+
+学后端的小伙伴们如果能把星球里的 [伙伴匹配系统](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527878&idx=1&sn=00ef3e8862cec2570eeb2e74a232c700&chksm=e9c28a31deb5032784071939437fba3fd6fdb810f0f849aa90536259d8d8bc25453328b86c12&token=2060618239&lang=zh_CN&scene=21#wechat_redirect) 做完，基本上前端水平就足够了，剩下的就是有空多练习。
+
+当然，没有绝对的标准说一定要学到什么程度，感兴趣就多学点呗。但还是那句话，别搞错了自己发展的重点。
+
+### 3
+
+至于怎么学习前端，其实在我的前端学习路线里写的都很清楚了。
+
+这里就推荐 2 个帮助大家零基础入门的资源：
+
+1. B 站 Pink 老师前端入门视频（很详细，适合慢学）
+2. Freecodecamp 在线代码训练（很直接，适合速学）
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\347\224\250\344\272\206 6 \345\271\264\357\274\214\345\221\212\350\257\211\344\275\240\346\200\216\344\271\210\345\255\246\345\245\275 Java.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\347\224\250\344\272\206 6 \345\271\264\357\274\214\345\221\212\350\257\211\344\275\240\346\200\216\344\271\210\345\255\246\345\245\275 Java.md"
new file mode 100644
index 0000000..a6f91b8
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\210\221\347\224\250\344\272\206 6 \345\271\264\357\274\214\345\221\212\350\257\211\344\275\240\346\200\216\344\271\210\345\255\246\345\245\275 Java.md"	
@@ -0,0 +1,172 @@
+# 我用了 6 年，告诉你怎么学好 Java
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鮍。
+
+Java 是我用的最多的编程语言，之前也给大家分享过 [Java 学习路线](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247503030&idx=2&sn=3b4155d169443fc26a32ac7c266b9c2e&chksm=e9c22b41deb5a2577d159985d725a39c5ce3a10c52fad0222566ebc1010e5de5e42750f53b2d&token=1066959268&lang=zh_CN&scene=21#wechat_redirect) ，介绍了一名 Java 后端程序员要学的种种技能。
+
+而这篇文章更聚焦于 Java 语言本身，我会给大家分享自己学习 Java  6 年以来的过程、方法和经验，解答如下问题：
+
+- 如何快速入门？
+- 如何巩固基础？
+- 进阶要学什么？怎么学？
+
+## 第一阶段 - 入门
+
+我是在大一寒假的时候开始自学 Java，那会儿我还不知道上小破站搜教程，是看了一本书叫《21 天学通 Java》。虽然听名字俗气了点，但当时我觉得这本书写的很好，也确实是 21 天带我入门了哈哈。
+
+不过后面我才发现其实很多知识这本书都没有讲，所以现在更推荐大家看小破站韩顺平老师免费的 Java 课来入门，讲的非常细，会帮你学到更多的内容。
+
+我刚学 Java 的时候就是一边看书一边跟着敲代码（那会儿还是用的 Eclipse 编辑器），还会自己做一点小东西，比如写个无限弹窗的坑人程序发给同学。
+
+![](https://pic.yupi.icu/5563/202311051535206.png)
+
+入门阶段给大家 2 点建议：
+
+1. 一定要多写代码。时间允许的话尽量把书中的每行代码都敲一遍。尤其是面向对象编程，你要写代码去理解，而不要去背知识点背代码。
+
+2. 合理分配时间。先以快速写出代码为目标，而不要过度纠结一些源码。如果你急着找工作，Java 界面开发可跳过 。
+
+   
+
+------
+
+通过看书入门 Java 之后，我就立刻去学数据库和开发框架了。
+
+再加上大一下学期学校主要教 C++、我又为了参加比赛自学了 Python、前端什么的，学的很杂，也就没有回过头来复习 Java。
+
+这就导致大二我刚上 Java 课的时候，总感觉老师 PPT 上的很多 Java 知识点熟悉又陌生。
+
+我当时就意识到了一件事：连学校 PPT 上的知识我都忘得差不多了，那我的基础得有多差啊？！
+
+![](https://pic.yupi.icu/5563/202311051535025.png)
+
+于是，我决定要重点巩固 Java 基础。只是没想到，我一下就坚持巩固了 2 年半。。。
+
+下面分享我巩固基础的 **5 种方法** 。
+
+## 第二阶段 - 巩固基础
+
+#### 第 1 次巩固基础
+
+第 1 次巩固基础就是在大二 Java 课上，我不听课，就在课堂上完完整整地读了一遍《Java 核心技术卷 1》，我个人认为啊这本书很适合巩固基础，最起码给我的帮助是挺大的。
+
+我建议大家看这本书的时候可以跳过界面开发章节，主要是复习面向对象的三大特性、接口、泛型、异常处理、集合类、内置类等知识。
+
+> 核心技术卷 2 可以不用看
+
+![](https://pic.yupi.icu/5563/202311051535949.jpeg)
+
+#### 第 2 次巩固基础
+
+看完这本书后我突然产生了一个问题，估计也是很多朋友都有的一个问题，那就是：我的 Java 基础怎么样？
+
+受应试教育的影响，我就想着有没有什么 Java 相关的考试，能检测我的 Java 水平。
+
+于是就搜到了 Oracle 官方的 Java 8 认证，考察的内容正好是 Java 基础。于是我下血本交了 1200 多块钱报了名，搭配某宝 1 块钱买来的复习教材，又巩固了一遍 Java。
+
+> 官方教程：https://education.oracle.com/java/java-se/product_267
+>
+> 这里我不太推荐大家报这个认证了，证书本身没认可度，纯粹为了激励自己学习的话性价比不高。
+
+![](https://pic.yupi.icu/5563/202311051535023.jpeg)
+
+结果，我考了不到 90 分（满分 100）。虽然合格了，但还是挺不满意的，毕竟看了几遍书、也写了这么多代码，基础还是不能完全过关。
+
+![](https://pic.yupi.icu/5563/202311051535462.png)
+
+#### 第 3 次巩固基础
+
+我还是对自己的 Java 基础不自信，于是在大二暑假找实习前，又花时间背了不少 Java 面试题。
+
+> 像什么 String 为什么不可变、equals 和 == 区别之类的，都比较简单。
+
+功夫不负有心人，还是找到了一份 Java 实习。
+
+实习期间，我每天会在往返公司的路上利用零碎时间在手机上刷几十道 Java 练习题（基本都是选择题），像下面这种：
+
+![](https://pic.yupi.icu/5563/202311051535268.png)
+
+一个暑假过去了我把题目（接近 1000 道）完整地刷了两遍，就大家现在逛论坛估计还能看到我的 “遗迹”。
+
+![](https://pic.yupi.icu/5563/202311051535546.png)
+
+第 1 轮刷题时我的正确率才 30% 多，我当时人都麻了，感觉自己之前的书都白看了。不过等我刷第二遍时正确率就能到 90% 了，能明显感受到进步，说明刷题还是有用的。
+
+#### 第 4 次巩固基础
+
+光做选择题还远远不够，因为我发现只要几天不写 Java，很多语法就会忘。
+
+所以从大二暑假开始，我每天都用 Java 刷 2 - 3 道算法题目、用 Java 做项目、用 Java 实现设计模式等等。
+
+总之就是每天都会写 Java，一直坚持到我大三暑假找工作。基本上就把 Java 的集合类、各种内置类的方法、Java 8、类库什么的用的很熟练了。
+
+#### 第 5 次巩固基础
+
+再后来最后一次巩固基础应该就是大三暑假准备秋招时会背一些面试题。
+
+有了之前的积累，Java 语言相关的面试题我背的飞快，也可以把更多的时间用到复习框架、数据库、缓存、分布式这些知识上。
+
+从我自己面试大厂的经历来看，除了阿里比较喜欢考 Java 基础和底层之外（毕竟 Java 主场），其他公司基本没怎么考察 Java 基础知识，更多的是问数据库、中间件、计算机基础、业务场景设计等独立于编程语言的问题。
+
+
+
+------
+
+
+以上就是我巩固基础的方法，虽然花费了很多的时间，但很值得。
+
+这里也给大家 2 个建议：
+
+- 如果你急着找工作，那么先把开发框架、常用技术都学了，能做出一个完整地项目了。再用我上面的方法来巩固基础性价比会更高。
+- 注重日常积累。巩固基础是一个过程，你要养成每日阅读 / 做题的习惯。你像我坚持练习了 2 年半对吧，而不是说我这段时间停下来不学新技术了，光刷题 + 复习，感觉也很会挺枯燥的。
+
+## 第三阶段 - Java 进阶
+
+我是在大三上学期学完微服务后，才正式进入 Java 进阶知识的学习，主要是学 5 个方面吧：
+
+1）Java 类库和生态：比如工具库 guava、apache commons，缓存库 jedis、caffine 等，这个需要我们多做项目、多看别人的视频、不断积累。
+
+2）Java 并发编程：了解并发编程思想并能熟练运用 Java 并发包来写代码，我是看《并发编程的艺术》和网上的视频教程学习的。
+
+3）JVM（Java 虚拟机）：了解 JVM 内存模型、Java 运行原理、垃圾回收等概念，并且要能分析和调优 Java 程序。
+
+我是读完了《深入理解 JAVA 虚拟机》，非常厚、读起来会有压力，而且很多东西是记不住，感觉性价比不高。所以我建议大家不要硬啃书，可以先看视频学一下 JVM 分析工具的用法，自己多调试，更容易理解。面试前背一下题目，工作后再深入学习也 ok 的。
+
+4）源码阅读：比如 HashMap 源码、ArrayList 源码，网上读文章 + 自己多 Debug 调试就可以。
+
+5）Java 特性：比如反射、探针、动态代理、UnSafe 等，这个在我们学习框架设计原理和源码的过程中会接触到，也可以专门到网上搜文章来学习。
+
+可以看到 Java 进阶知识非常多，也对应了那句话：编程一辈子都学不完！
+
+![](https://pic.yupi.icu/5563/202311051535246.png)
+
+大家量力而为就好。
+
+## 工作后
+
+最后时间来到工作之后，其实我的 **Java 功力退步了很多** ！
+
+因为公司不像学校，能让你天天带薪自学，更多的还是开发需求；而且工作后我也很少去巩固基础了（ 因为不用再去参加面试了 ），是因为通过之前的学习和练习，我的 Java 能力已经能满足实际开发的需要了。所以工作之后，我是把自己学习的重心放在系统设计、其他后端技术的学习上。
+
+
+
+------
+
+
+最后我想说：大家刚入门 Java 时可能会觉得枯燥，但是可以像我一样多试着做一些小玩意和项目来增加乐趣。希望大家都能把 Java 当成自己的兴趣爱好，在实践中学习。
+
+也希望这篇文章对大家有帮助，期待未来大家都能成为 “Java 之父”。
+
+最后，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) （点击了解详情），我会给大家力所能及的学习指导和帮助，还可以跟着我的直播做完整项目、跟大家一起学技术。
+
+**星球目前已经超过 1 万人了，会在 8 月 21 日晚上涨价 20，并且不再发放 60 元优惠券（之后还想优惠加入的朋友等后续通知）。**
+
+> 星球目前有 2000 多个鱼皮的回答，400 + 精华帖，几十 T 学习资料，30 余场直播分享等
+
+扫下方二维码即可领券加入（3 天内不满意可全额退款）：
+
+![](https://pic.yupi.icu/5563/202311051535420.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\234\211\345\223\252\344\272\233\345\217\202\344\270\216\351\241\271\347\233\256\347\232\204\345\245\275\351\200\224\345\276\204\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\234\211\345\223\252\344\272\233\345\217\202\344\270\216\351\241\271\347\233\256\347\232\204\345\245\275\351\200\224\345\276\204\357\274\237.md"
new file mode 100644
index 0000000..f8fc0ab
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\346\234\211\345\223\252\344\272\233\345\217\202\344\270\216\351\241\271\347\233\256\347\232\204\345\245\275\351\200\224\345\276\204\357\274\237.md"
@@ -0,0 +1,172 @@
+# 有哪些参与项目的好途径？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+ 
+> 鱼皮结合自己的大学经历，现身说法！
+
+时间好快呀，鱼皮的老弟小阿巴已经在大学读书快一年了。
+
+昨天他跑过来问我：“鱼皮哥哥，我听说学编程一定要多做项目来提升实力，而且还能丰富简历。但是我现在特别迷茫，去哪儿可以找项目做呢？”
+
+![](https://pic.yupi.icu/5563/202311051530081.jpeg)
+
+我呵呵一笑，大一就有这个自觉，小阿巴未来可期啊！那就结合鱼皮自己大学的经历，分享一些参与项目的好途径吧。
+
+我将它们进行了划分，既有适用于所有朋友的途径，也有更适合学生或打工人的。
+
+### 通用
+
+#### 开源项目
+
+如今是一个代码开源的时代，通过 GitHub 等开源平台，你可以有机会和编程大佬一起做项目。不要担心自己水平不够，可以找找自己感兴趣的项目，并且从一些简单的工作上手开发。
+
+![](https://pic.yupi.icu/5563/202311051530370.png)适合第一次贡献代码的工作
+
+有兴趣参与开源的朋友推荐看看这两篇文章：
+
+- [如何给知名项目贡献代码？](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247495347&idx=1&sn=bc1e6e5d1a260114e34d4f62ed37dc15&chksm=e9c20944deb58052c057e81bfd87ed33391f8553841e4808df3c957c09a909253defba94aec3&scene=21#wechat_redirect)
+- [如何高效找到优质编程项目？](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492597&idx=1&sn=a4629094599f5b821ec2698ea4ef11f5&chksm=e9c20402deb58d146fc13fd8594a5e1f99f943bc96f8f63efb9e67feb0ac815a628d3cb7adef&scene=21#wechat_redirect)
+
+如果你有机会给知名项目贡献代码，这在简历上的含金量可能远远大于自己写一个小系统！
+
+我在大学的时候更多的是到 GitHub 上找项目看源码，而非自己参与，现在还是挺后悔的。
+
+#### Lab
+
+现在网上有很多实战学编程的平台，像之前给大家推荐过的 FreeCodeCamp、FreeAIHub、CodeGym 等，提供了一些帮助初学者快速上手的小例子和项目。
+
+![](https://pic.yupi.icu/5563/202311051530362.png)
+
+> FreeAIHub
+
+还有很多实验平台，国内经常听到的有腾讯云动手实验室、实验楼等，都是基于真实的服务器开发环境，有练手小实验，也有完整项目。
+
+![](https://pic.yupi.icu/5563/202311051530202.png)
+
+> 腾讯云动手实验室
+
+如果你的英文还不错，更建议去做一些国外优质课程的实验，比如：
+
+MIT 6.s081 操作系统工程
+
+MIT 6.824 分布式系统
+
+斯坦福大学 CS143 编译原理
+
+![](https://pic.yupi.icu/5563/202311051530046.png)
+
+这些都是全球知名的编程大补丸，如果都能啃下来，实力绝对足以进大厂了！
+
+#### 学习资源
+
+这应该是大部分学编程的朋友找项目做的途径，即利用学习资源，跟着视频或者书本来做项目。
+
+比如 B 站就是一所很好的编程大学，很多的培训机构都在这里有自己的学院，视频教程中一般都会带大家做一个项目。
+
+比如我当时看过一个类似下图的 vue 教程，跟着教程做了一个简单的音乐播放器。
+
+![](https://pic.yupi.icu/5563/202311051530207.png)
+
+**千万不要只看不做**，一个视频看下来，一定要自己有样学样肝出来一个项目！
+
+#### 做你所想
+
+对编程有兴趣，才能学下去、学得更好，所以如果自己有不错的想法和创意，不妨试着用你所学的技术来实现它。
+
+我就是一个兴趣驱动的编程爱好者，大学时期大多数的项目都是自己想出来的，没有任何拘束和限制，反而更有动力去将它完成。利用自己正在学习的技术，并自主学习更多技术来将它做的更好！
+
+比如当时独立开发的基于 Vue + Spring Cloud 微服务全家桶的面试君主 APP：
+
+![](https://pic.yupi.icu/5563/202311051530397.png)
+
+还做过一个抢课系统，帮我抢到了一门 SSS 级难抢的课哈哈！
+
+### 校园
+
+如果你还在大学，做项目的途径会更多一些，一定要抓住机会，好好利用！
+
+#### 课堂大作业
+
+没想到吧，课堂大作业就是最直接的项目！大学很多专业课在期末时都会要求上交一个作品，比如我记得大一 C 语言课时，做了个基于小黑框的图书管理系统，这其实就是一个小的项目。虽然可能拿不出手，但是只要你愿意，可以在现有代码上继续完善，开发新功能，把它做得更好！
+
+其实我的很多课堂大作业完成的都非常认真，并且会好好留存自己的作业代码，比如编译原理的语法树可视化程序，我还写了一篇博客来介绍它。
+
+![](https://pic.yupi.icu/5563/202311051530927.png)
+
+当然，可能更多的情况是，我会直接把自己基于兴趣做出来的项目略加修改，当成课程作业提交上去，分数往往会更高！
+
+#### 帮老师做项目
+
+有时自己学院和其他学院的老师会有些计算机方面的需求，比如做个学院网站、管理系统等，可以向老师和辅导员表达自己的想法，争取一些承接此类项目的机会，能够锻炼自己编程水平的同时，赚到不少的钱~
+
+![](https://pic.yupi.icu/5563/202311051530199.jpeg)
+
+我当时帮其他的学院开发过一个简单的会议室预约系统，老师的要求一般不会很高，也会比较好沟通，所以这个途径还是比较推荐的。
+
+#### 参与竞赛
+
+有很多专门面向大学生的竞赛，比如知名的互联网+、挑战杯学术竞赛、计算机应用能力大赛、ACM 竞赛等。一定要多组队参与竞赛，可以提升自己的兴趣，培养责任感，促进自己学习和完善项目，还能像其他同学吸取经验，互相学习和进步。
+
+其实我的竞赛能力不强，参加过两届蓝桥杯，可惜都是省二等奖；参与了两届计算机应用能力大赛，可惜都是省三等奖。此外，倒是拿过创业类的奖项，但也是小打小闹吧。
+
+最让我印象深刻的竞赛是参与挑战杯，和很多优秀的同学一起努力，拿了上海市特等奖、国家级二等奖，不仅让我编程水平大大提升，也帮助我凑够了落户积分。
+
+![](https://pic.yupi.icu/5563/202311051530889.png)
+
+强烈建议大家在大学时参加竞赛，因为毕业之后机会就很少了。
+
+#### 工作室社团
+
+大学会有很多计算机、编程方面的工作室或社团，一般会有学长大佬带队，大家一起学习讨论，氛围会更好。
+
+我是大一刚入学就参与了一个建设网站的校园工作室，后来给学校做了不少网站，对我学习前端起到了关键的作用。
+
+#### 实验室
+
+如果在本科期间，能加入学院的实验室，在研究生学长和导师的带领下做项目，也是一个不错的选择。很多实验室也乐于接受和培养本科同学，当然，机会要自己争取。
+
+我是在大二暑假加入了信息安全实验室，研究区块链理论和落地，后来和老师学长们一起出版了本教材，给我的简历添了彩，受益匪浅。
+
+![](https://pic.yupi.icu/5563/202311051530079.jpeg)
+
+> 学习日常
+
+### 职场
+
+如果已经工作了，也有很多参与项目的途径，这里就简单列举下，不展开说啦。
+
+#### 参与公司建设
+
+想要更快晋升、提高自己的技术影响力，建议多参与和完善一些公司内部的项目。比如公司内部的定时任务平台不够方便，你可以试着优化它，当然也可以自己造轮子。
+
+#### 参与竞赛
+
+很多编程类竞赛也面向职场同学开放，比如一些小程序开发竞赛、应用开发竞赛、大数据竞赛等。还有不少以公司、团队为单位的竞赛。
+
+![](https://pic.yupi.icu/5563/202311051530319.png)
+
+> 天池大数据竞赛
+
+此外，很多 BAT 大厂内部，也经常定期举办一些技术类竞赛，还是蛮有趣的！
+
+#### 外包平台
+
+网上有很多程序员接单平台，可以远程参与项目，根据需求复杂度获取相应的收益，比如程序员客栈等，甚至可以把自己外包出去。
+
+![](https://pic.yupi.icu/5563/202311051530333.png)
+
+> 程序员客栈
+
+------
+
+听了这些，小阿巴感叹到：“竟然有这么多途径，感觉忙不过来啊！”
+
+鱼皮：“要学会积累和复用，把自己做过的每个项目保存好。同一个项目既可以当课堂大作业、又可以拿去参加竞赛，一举两得，岂不美哉！”
+
+![](https://pic.yupi.icu/5563/202311051530564.jpeg)
+
+大家都是到哪里找项目做，还有什么好的途径么？欢迎留言分享~
+
+![](https://pic.yupi.icu/5563/202311051530377.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\347\216\260\345\234\250\345\201\232\350\277\231\345\207\240\344\273\266\344\272\213\357\274\214\344\270\200\345\256\232\345\245\275\350\265\267\346\235\245\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\347\216\260\345\234\250\345\201\232\350\277\231\345\207\240\344\273\266\344\272\213\357\274\214\344\270\200\345\256\232\345\245\275\350\265\267\346\235\245\357\274\201.md"
new file mode 100644
index 0000000..8c8cda9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\347\216\260\345\234\250\345\201\232\350\277\231\345\207\240\344\273\266\344\272\213\357\274\214\344\270\200\345\256\232\345\245\275\350\265\267\346\235\245\357\274\201.md"
@@ -0,0 +1,82 @@
+# 现在做这几件事，一定好起来！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家新年快乐，我是鱼皮。
+
+最近在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里收到了很多同学的提问，其中比较多的问题就是：刚考完研、不知道怎么去准备春招？
+
+![](https://pic.yupi.icu/5563/202311051544413.png)
+
+正好寒假也快到了，希望这篇文章能给大家分享一些小建议，帮助大家清楚接下来自己应该怎么做，才能让自己弯道超车，用有限的时间得到更大的收获。
+
+**注意，以下只是建议！具体做什么，还是要结合自己的实际情况来分析。**
+
+## 这个寒假，我们可以做些什么？
+
+对于所有刚考完研的同学来说，无论自我感觉好或坏，都要立刻行动起来！而不是等结果出了再做准备。因为你们是在和一直在准备找工作的同学竞争，没有时间耽误了。
+
+当然，如果你只考虑读研，那可以忽略这点。
+
+对于想在春招找到正式工作或暑期实习的同学来说，可以去做这么几件事。
+
+### 一、准备简历
+
+首先要做的不是去背面试题、或者刷算法，而是要 **先认真准备一份简历** 。这个过程就是在帮自己回顾、梳理总结自己学过的所有技术知识和做过的项目，便于发现自己的不足，明确之后的学习改进方向。
+
+> [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学请阅读【写简历技巧】https://t.zsxq.com/092andVdA，然后可以把简历发到我的邮箱帮你优化。
+
+![](https://pic.yupi.icu/5563/202311051544644.png)写简历技巧
+
+在准备简历的过程中，可能会感到有压力。不过没关系，这是很正常的！我们要做的就是克服压力、弥补不足。
+
+- 如果你不知道简历上的技术板块怎么写，那就想想自己学过什么技术，然后去网上看培训机构的课程大纲来快速浏览该技术的知识点，再针对性地学习和查漏补缺。
+- 如果不知道项目板块怎么写，那就翻一翻自己之前做过的课设，无论项目好坏，先把用了哪些技术、做了哪些功能写上去。有总比没有好，后面再持续完善。
+
+### 二、制定计划
+
+准备好简历之后，就可以给自己 **制定一个学习计划** 了，从大到小的计划都要有！比如下个月我要完成一个项目、这周我要看完一套课程、今天我上午要学算法、下午要做项目之类的，计划越细越好！这样做可以有效防止时间偷偷溜走。
+
+计划的内容怎么定呢？那肯定是 **结合自己的简历来制定更适合自己的计划** 。
+
+1）不熟悉的知识点，按照我最新的 Java 学习路线的顺序（[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 第二个置顶帖子：https://t.zsxq.com/09wFzQmwm），一个个地去弄懂、并且能写出代码。
+
+2）觉得项目没有亮点，那就学习更多技术，并且应用到项目中，比如把自己的课设做的更好、更精细。
+
+3）还没有做过项目，那就先把开发框架学会（比如 Java 必学 Spring Boot，前端必学 Vue），然后抓紧看网上的项目教程去完成。可以看看星球里的项目推荐，比如：https://t.zsxq.com/09zPQE9Ff 。
+
+还没做过完整项目、不知道怎么优化项目的同学，推荐看下星球项目训练营（https://t.zsxq.com/09g8VKgdC），详细介绍了我个人做项目的方法论、流程、经验技巧。
+
+![](https://pic.yupi.icu/5563/202311051544652.png)星球项目训练营
+
+### 三、准备面试
+
+如果你觉得自己的技术和项目准备得差不多了（比如符合了公司岗位描述上的要求），就可以开始准备面试了。
+
+准备面试也是从自己的简历出发，简历上着重写了什么技术，就去网上搜该技术对应的面试题和题解，而不是什么都背！
+
+比如对后端开发的同学来说，数据库、Redis、计算机网络、操作系统是通用的高频考点。
+
+### 时间安排
+
+最后给大家一个时间点参考。
+
+准备参与春招的同学，从现在开始，先花 1 - 2 天写简历总结、再花 1 天左右确定学习计划。
+
+寒假的这一个月必须要利用好！建议每天上午趁着头脑清醒做 1 - 2 道算法题（或者学习新课程），下午或晚上做做项目、实践一下学到的新技术。晚上睡觉前再背背面试题，有利于睡眠~ 第二天早上醒来没睁眼的时候可以再回忆下睡觉前背的题目，印象会更深刻（我自己就是这么背的，感觉效果不错）。
+
+寒假之后，大概 2 月份，一些大公司就开始春招了（暑期实习生 + 校园招聘），准备得还不错的同学就抓紧海投简历、多去面试，2 - 4 月是春招的黄金时间，**早就是机会** ！
+
+不参与春招的同学，可以利用寒假的连续时间找学长或朋友一起做个项目，为年后的一些作品类竞赛做准备。也可以系统地学习 2 - 4 个技术，连续每天学习的效率会比开学后断断续续地学要高很多！
+
+## 完
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。
+
+元旦这几天，给大家 **限时发放 50 元星球优惠券** ，手慢无 ✋🏻：
+
+> 感兴趣的同学可以先加入体验，白嫖上述资料，三天内不满意全额退款~
+
+![](https://pic.yupi.icu/5563/202311051544481.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\200\201\345\270\210\347\234\213\344\270\212\344\272\206\346\210\221\347\232\204\351\241\271\347\233\256\357\274\214\350\277\230\346\203\263\347\224\263\350\257\267\344\270\252\350\275\257\350\221\227\357\274\237\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\200\201\345\270\210\347\234\213\344\270\212\344\272\206\346\210\221\347\232\204\351\241\271\347\233\256\357\274\214\350\277\230\346\203\263\347\224\263\350\257\267\344\270\252\350\275\257\350\221\227\357\274\237\357\274\201.md"
new file mode 100644
index 0000000..813b130
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\200\201\345\270\210\347\234\213\344\270\212\344\272\206\346\210\221\347\232\204\351\241\271\347\233\256\357\274\214\350\277\230\346\203\263\347\224\263\350\257\267\344\270\252\350\275\257\350\221\227\357\274\237\357\274\201.md"
@@ -0,0 +1,78 @@
+# 老师看上了我的项目，还想申请个软著？！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+朋友们好，我是鱼皮。
+
+就在刚刚，星球里的一个小伙伴跟我说：他用我之前直播带大家开发的 [伙伴匹配系统项目](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527878&idx=1&sn=00ef3e8862cec2570eeb2e74a232c700&chksm=e9c28a31deb5032784071939437fba3fd6fdb810f0f849aa90536259d8d8bc25453328b86c12&scene=21#wechat_redirect) 来做课程设计，结果被老师看上了，想让他申请个软著。
+
+![](https://pic.yupi.icu/5563/202311051545061.png)
+
+好家伙，拿我做的项目去申请软著？？？
+
+![](https://pic.yupi.icu/5563/202311051545874.png)
+
+我的回复是：**当然可以！**
+
+![](https://pic.yupi.icu/5563/202311051545973.png)
+
+我之前对外开源的所有项目，只要你自己能把它跟着做出来，那就是你的东西了。申请软著也好，二次开源也罢，都随便你。
+
+但有一点，如果你要把我的源码拿去售卖、或者完全不提原作者，那可能就有侵权风险了哦~
+
+![](https://pic.yupi.icu/5563/202311051545550.png)
+
+所以如果要用我的项目去搞事，最好还是跟我说明一下情况，也避免我误伤友军哈哈。
+
+咳咳，回归正题，借这个话题呢，我想跟大家聊聊：软著到底有没有用？大学生要申请软著么？
+
+## 聊聊软著
+
+软著即软件著作权，简单来说，就是你给自己做的软件申请了一个正式的所有权。
+
+乍一听好像挺厉害的，而且软著证书还挺好看~
+
+![](https://pic.yupi.icu/5563/202311051545348.png)
+
+但其实在上面的截图中我就说了自己的想法：软著的用处并不大。
+
+为什么呢？
+
+其实很重要的一点就是软著的 **申请成本太低了** ！！！
+
+自己按照流程写一些文档、复制粘贴一下自己的源代码（哪怕全是增删改查的 Demo 项目也可以），再提交下就可以了。你甚至还可以直接在淘宝去买软著，自己几乎什么都不用写，取个标题啥的，剩下的就是等证书了。
+
+![](https://pic.yupi.icu/5563/202311051545064.png)
+
+> 考证书也是同样的道理，如果你能很轻松地拿到（甚至是买到）一个证书，那么大概率它的认可度是不高的。
+
+我在大学的时候，申请过几个软著。当时申请软著的原因主要是为了参加作品类竞赛的时候能够有点儿牌面，比如知名的挑战杯竞赛。结果到了比赛路演的时候一看，基本上每组队伍都有几个软著、几个专利、几个专家推荐、甚至还有院士推荐等等。软著的分量其实是最小的，已经不是加分项了。
+
+从找工作来看，软著的认可度也是不高的，就像上面说的，你写个 Hello World 搞不好都能申请个软著，所以意义不大。主要还是看你具体做了什么项目、怎么在项目中运用你学过的技术。
+
+但即便如此，我还是建议大学的朋友们申请一个软著试试，因为成本并不高，有一个总比没有要好。写到简历上也能体现一下你的自主性 —— 自己做软件申请软著总比说做了个课程设计要好一些。而且很多面试官可能自己也没申请过软著、不知道软著的价值有多大，所以搞不好他会觉得你的软著还是有几把刷子的。
+
+![](https://pic.yupi.icu/5563/202311051545260.png)
+
+星球的朋友们也可以像上面这位同学一样，用我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里直播带大家开发的项目来做课设啊、毕设啊、或者申请个小软著，但还是那个前提：要有自己动手的部分，给项目换换皮，不要完全生搬硬套哦~
+
+看来我的伙伴匹配系统还是能打的哈哈：
+
+![](https://pic.yupi.icu/5563/202311051545253.png)
+
+过不了多久，这个系统也会正式在星球里和大家见面了：
+
+![](https://pic.yupi.icu/5563/202311051545732.png)
+
+> 星球项目 - 伙伴匹配系统
+
+
+
+------
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加微信 yupi1085，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..95660c8
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md"
@@ -0,0 +1,86 @@
+# 谁说没实习经历，就不能进大厂了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前几天有位 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 的朋友向我发了一连串儿的提问，如下：
+
+## 鱼友问题
+
+鱼皮你好，我目前的情况是西电研二在读，因为所在实验室不放的原因，没法在研二尝试去找实习。自己的进度是目前力扣用 C++ 和 Java 总共写了 300+ 题；Java 因为实验室项目，SSM 和 Spring Boot 以及 MyBatis Plus 用的还算比较熟练。目前手上只有实验室的两个纯 Java 的开发项目，Redis 和 消息队列课程都看过了但还没有实操，现在正在看黑马的微服务课程，因为里面有关于缓存和消息队列的应用，想着跟着实操一下，之后也会跟着 [星球的项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 做下，并发部分还没有了解，C++ 的话目前就只是拿来写题。
+
+我现在有点焦虑，主要在于以下几点，希望鱼皮能为我解惑：
+
+1. 害怕没有实习经历，想进大厂是不是就难很多？我需要在项目、基础或者哪些方面多下些功夫呢？
+2. 我本科就是计科的，但是基础的东西有些遗忘有些当时学的不深，我需要现在就开始背八股还是可以先看看相关书籍巩固一下呢？
+3. 进度问题，心里关于找工作有一点障碍，总是想着时间不够，我也不知道我这个进度算怎么样了？
+4. Java 和 C++ 需要认定一个么，我现在还是 C++ 写题顺手一些，但是相关的开发没有涉及过，在 Java 很卷的情况下，C++ 是不是一条出路呢？如果这样，现在的时间是不是不太足够？
+5. 对于未来的职业发展来说，是计算机这几样基础更重要还是去掌握语言更重要呢，虽然很多人都说是前者，但就实际情况来看，好像没法将基础融汇到技术上？
+6. 关于大数据计算和数据仓库，在学完微服务后需要去学习么？这方面就业压力如何呢？如果是按照后端路线微服务学完之后的内容应该侧重什么呢？
+
+## 鱼皮的回答
+
+其中有些问题可以说是非常经典了，如果你也有类似的疑惑，可以在评论区留个言。
+
+说说我自己的看法，大家也可以在评论区帮忙补充：
+
+1）想进大厂，实习经历不是必须的。简历上主要有教育经历、个人技能、学术研究、实际经历、项目经验、荣誉奖项等内容，HR 和面试官在挑选简历时一般是综合评价，虽然你没有实习经历，但只要有其他地方能吸引到面试官，让他觉得 “嗷，这小伙子不错”，那么就有面试机会，之后就是要凭自己的实力通过面试了。
+
+你的学历还是很好的，在教育经历上有一定的加分，所以也不用太担心，尽量用 **和求职方向相关的** 项目和科研成果来弥补吧。
+
+对于大多数同学，可能学历并没有那么好，这个时候就要尽量争取一些实习经历、**或者多做一些项目**，机会是要自己努力去争取的。
+
+2）关于项目和基础，要记住 2 点：
+
+1. 好的项目是需要持续打磨的。在合理的前提下，可以把自己学过的技术尽可能多地运用到项目中。像我之前在星球里说的，一定要有自己的主打项目，而不是所有项目都一个样。
+2. 基础是要持续巩固的。像操作系统和计网这种倒是能面试前突击一下（面试前 1 ~ 2 周狂背题目也来得及）；但是数据结构和算法一定要坚持每日刷题，每天的数量可以不多，但重在坚持。（建议是在面试前 2 个月开始刷，时间会更充裕一些）
+
+3）你的进度已经不错了，无论是刷题量还是项目都有，再加上本科是计科的，发展地比较全面了，所以不用担心，时间完全足够。
+
+4）其实 C++ 和 Java 的学习路径有很多相似的地方，比如要做后端开发的话，都要学习数据库、缓存、队列、计网、操作系统、接口开发设计、Linux、设计模式、架构设计等通用的后端知识。只不过 C++ 相对更注重基础和对操作系统、Linux 系统的理解；而 Java 可能更侧重业务开发的方法和工具。所以建议你可以把我上面说的那些通用技能作为重点学习，不用在语言上花费过多的时间，这样到时候 C++ 和 Java 后端开发都可以投（你还有 C++ 刷题经验，STL 应该用的也比较熟了）。
+
+都说 Java 卷，那么你可以去网上调研一圈，看看岗位的需求量，很难说 C++ 就不卷。像今年秋招这个情况，更多的是整个行业（行情）的问题，而不是语言需求量的比例有什么大的调整。
+
+所以至于选 C++ 还是 Java，还是要看个人之后要做什么类型的岗位了。后端开发仍然推荐 Java，资源多这点无敌（不信你去搜搜 C++ 微服务的教程）；或者就像我上面说的，先把后端通用的技术学好，之后再去做选择也来得及。
+
+> Java 和 Go 语言的选择同理，[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 的朋友可以看这篇文章：https://t.zsxq.com/06UbIQJ2R
+
+对于未来的职业发展来说，是计算机这几样基础更重要还是去掌握语言更重要呢，虽然很多人都说是前者，但就实际情况来看，好像没法将基础融汇到技术上？
+
+5）编程思想（思维）和解决问题的能力是最重要的。
+
+何为编程思想？比如你的算法和数据结构、设计模式、或者其他计算机基础学科学得很好，遇到问题时能够想到运用它们来解决，说明你的思维能力也是很不错的，面试会加分。如果给你一个问题，你没有任何的思路、完全想不到用什么知识来解决它，说明编程思想还是不足。
+
+> 除了看书外，刷算法题目是一个很好的提升编程思想的方式
+
+何为解决问题的能力？如果你做过很多项目，能根据某个需求和业务场景快速设计出架构和程序流程，并且能够快速编码实现，面试会加分。而现在很多同学都是只看教程视频，以为自己会了，但是让你自己写代码时，写不出来，这是肯定不行的。
+
+一名优秀的程序员，他一定是编程思想和解决问题的能力都很强，遇到问题能想到怎么去解决、并且能够真正地解决。所以计算机基础和实际的业务能力都很重要。对大多数同学来说，找到工作前先把计算机基础学习到 “面试水平” 就差不多了，可以先重点提升自己做项目、解决问题的能力；而工作之后具体怎么发展，就是因人而异了，比如你在基础架构部门，那你的基础一定要非常好、甚至对底层有自己的见解；而如果你在业务开发部门，那么你要更多地提升自己对业务的理解，将学到的技术应用于业务、为业务服务。
+
+此外，如果你对一门语言或框架研究的很透彻，甚至每次版本更新迭代你都能给出自己的见解、能给开源项目提供 issues 或代码贡献，面试也是很加分的。本质上你也是解决了某些问题。
+
+所以无论你想重点提升哪个方向都 ok，只要有自己的优势即可；因此也不建议大家什么都学一点，但每个技术都仅是了解而已，对 Java 开发的同学来说，能独立做出项目之后，可以考虑学习某个技术的设计原理和源码。
+
+6）时间足够的话学什么都可以，毕竟学大数据计算的过程中也能帮你学到一些后端开发的思路；但时间来不及的话不如多做项目、参加竞赛，给自己加点能写到简历上的经历。
+
+虽说知识学了就不会亏，但你的时间是有限的呀，如果你学的这些东西写不到简历上，那求职基本没什么用，性价比不高。
+
+不过喜欢就可以去学，合理分配时间就好。比如我大三时只花了 2 个月左右去学大数据，进一步学习什么流式计算都是大四找到工作之后了。
+
+> 关于大数据的就业压力，我不好说。。。把话筒交给评论区的同学。
+
+像你现在的话，学完微服务后可以接着按照我的 Java 路线学习更多进阶的知识，比如并发编程、JVM、容器等等，星球的第二个置顶帖走一波：https://t.zsxq.com/067U7EqRz
+
+![](https://pic.yupi.icu/5563/202311051542367.png)
+
+
+
+------
+
+
+最后，感谢大家的阅读，希望有帮助~ 有编程相关问题或者需要学习指导规划都欢迎加入 [我的学习小圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 向我 1 对 1 提问。
+
+![](https://pic.yupi.icu/5563/202311051542644.jpeg)
+
+![](https://pic.yupi.icu/5563/202311051542520.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\277\231\346\230\257\347\224\250\346\241\206\346\236\266\347\232\204\351\200\232\347\227\205\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\277\231\346\230\257\347\224\250\346\241\206\346\236\266\347\232\204\351\200\232\347\227\205\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..1e0f28c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\345\273\272\350\256\256/\350\277\231\346\230\257\347\224\250\346\241\206\346\236\266\347\232\204\351\200\232\347\227\205\344\271\210\357\274\237.md"
@@ -0,0 +1,102 @@
+# 这是用框架的通病么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+前段时间，星球里一位学 Java 的朋友问我：
+
+> 鱼皮你好，请问怎么能够根据前台用户的输入，自动创建和修改数据库的表呢？
+>
+> 在我看的视频教程中，都是先根据需求设计并且手动创建好库表，再去做增删改查。现在数据库表的字段是不固定的，就不知道怎么能动态地操作库表了。
+
+这个问题并不难，所有的创建库表操作都是要通过 SQL 来执行的，所以我们只需要根据前端传来的字段来生成一句建表 SQL 就可以了。
+
+举个例子：
+
+前端传递：表名 user，字段 username 字符串、age 数字、is_ikun 布尔，并且把这些值封装为了一个对象
+
+后端得到对象并进行遍历，生成下面的 SQL：
+
+```
+create table user {
+ username varchar,
+ age int,
+ is_ikun boolean
+}
+```
+
+得到 SQL 后，让程序来自动执行即可。
+
+![](https://pic.yupi.icu/5563/202311051539262.png)
+
+本来以为这个问题已经解决了，但这位小伙伴又找到我说：
+
+> 鱼皮，拼接 SQL 我可以写出来。但我用的是 MyBatis Plus，代码里也没有对应的 Mapper、IService 之类的，甚至连访问接口都没有。。。我该怎么控制程序读取这个代码创建的数据库呢？
+
+看到这里，我明白了，又是一位被框架 “害了” 的朋友。
+
+记得学 Java 基础时，我们就接触过 JDBC（Java 数据库连接 API），可以通过它来连接数据库并执行 **任意** SQL 语句，就像下面这样：
+
+```
+// 连接数据库
+Connection conn = DriverManager.getConnection(url,username,password);
+// 输入任意 SQL
+String sql = "insert into table values('鱼皮');";
+PreparedStatement stat = conn.prepareStatement(sql);
+// 执行 SQL
+int update = stat.executeUpdate();
+```
+
+而 MyBatis 数据访问框架的底层正是 JDBC！无论是 MyBatis 还是 MyBatis Plus 框架，它们都是对 JDBC 进行了抽象封装（比如上面说的 Mapper），让我们少写或不写 SQL 完成开发。
+
+也就是说，使用 MyBatis 框架，一样可以执行任意 SQL 语句！
+
+你可以随便定义一个 Mapper，直接将任意完整的 SQL 作为 value 传递到 mapper.xml 中，比如下面这样：
+
+```
+<mapper namespace="com.yupi.MyMapper">
+  <insert id="insert" parameterType="java.lang.String">
+    ${value}
+  </insert>
+</mapper>
+```
+
+这样一来，我们就可以在业务逻辑层用 Java 代码来编写逻辑灵活生成 SQL，而不是把 SQL 写死到 mapper 里了。你甚至可以直接用最原始的 JDBC 来达成同样的效果！
+
+> 但是要注意防止 SQL 注入问题
+
+讲到这里，那位同学恍然大悟：what's up！怎么套了层框架之后，反而忘记了最原始的实现方式。真的是被框架束缚住了！
+
+![](https://pic.yupi.icu/5563/202311051539320.png)
+
+如他所说，的确很多初学编程的朋友都有这种情况：离了框架不会写代码、框架没有的功能就不会做。
+
+或者换句话说？离了视频教程就不会写代码，老师不讲的功能就不会做。
+
+虽然扎心，但是现实。
+
+![](https://pic.yupi.icu/5563/202311051539154.png)
+
+今年我也看了不少网上的视频教程，不得不说现在培训机构讲的很多课真的挺到位的，比起我大学那会（几年前）的课程好太多了，用最短的时间就能带你学会框架、开发完整项目。
+
+但是，只跟着看视频是远远不够的！
+
+- 因为课程追求快速入门，所以给你思考的时间有限。
+- 因为课程追求快速入门，所以很多代码中的坑不会带你去踩。
+- 因为课程追求快速入门，所以很多扩展知识不会带你发现。
+
+因此，如果你在学编程的过程中不主动思考、不多写代码、不多自己探索知识，你的思考能力、编程能力和知识积累就很有限。也就更容易被框架所束缚。
+
+所以这里给大家几个学习的建议：
+
+1. 在刚开始学编程时，尽量老老实实按照路线去学习，像 jdbc、servlet 这种知识也要适当了解。
+2. 在学习框架时，**多思考** 一下它是怎么运作的，比如 Spring Boot 的注解，它做了些什么事？如果没有 Spring Boot，你又怎么达到同样的效果？虽然刚开始学框架时还是优先以会用为主，但你可以先把这些自己想到的问题记下来，之后再慢慢解决。
+3. 试着多用框架开发一些自己的类库和组件，比如开发 Spring Boot starter 或者前端的 hooks，可以帮助你更好地理解框架的原理，这些东西写在简历上可能会比 “xx 管理系统” 亮眼很多。
+4. 有空可以阅读官方文档，了解并实践框架的配置和更多特性，从而弥补一些视频中遗漏的知识点。这样一来，虽然大家用的都是同一个框架，但你能用得更好，写在简历上就会更出彩一些。
+
+哦对了，最后再补充一点：做后端开发的同学，有机会的话还是要多写 SQL 语句！真的不要被 MyBatis Plus 这种框架 “锁” 住了。
+
+![](https://pic.yupi.icu/5563/202311051539151.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\234\250\347\203\247\347\203\244\345\272\227\347\272\246\344\272\206\344\270\200\344\275\215\351\230\277\351\207\214\347\273\203\344\271\240\347\224\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\234\250\347\203\247\347\203\244\345\272\227\347\272\246\344\272\206\344\270\200\344\275\215\351\230\277\351\207\214\347\273\203\344\271\240\347\224\237.md"
new file mode 100644
index 0000000..32f4e90
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\234\250\347\203\247\347\203\244\345\272\227\347\272\246\344\272\206\344\270\200\344\275\215\351\230\277\351\207\214\347\273\203\344\271\240\347\224\237.md"
@@ -0,0 +1,95 @@
+# 在烧烤店约了一位阿里练习生
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 烧烤局，竟然变成了技术圆桌会议？
+
+朋友们好，我是鱼皮。
+
+最近，有位跟我一起做项目的大二的学弟来上海了。正好昨日风和日丽，我就约了他还有大学的一位好学弟一起来组了个烧烤局，请他们吃比我腿还长的碳烤羊腿。
+
+![](https://pic.yupi.icu/5563/202311051948886.png)
+
+介绍一下这位来上海的学弟吧，是我在网络上认识的，当时他主动联系我表示想一起来做项目。他自称王咸鱼，但我觉得咸鱼这个名字对他来说是谦虚了，本文我就临时给他一个更好听的名字，姑且就叫 “王鱼” 吧。
+
+![](https://pic.yupi.icu/5563/202311051948740.png)
+
+别看王鱼才大二，而且是双非院校，但是，我敢打包票，他的编程能力和对技术的思考已经远远超过了很多大三大四、甚至已经在工作的同学！
+
+王鱼也是从大一才开始学习编程，对编程有着强烈的兴趣，因此以自学为主，目标也是进大厂。目前他主要的学习方向是前端，曾入选阿里前端练习生计划，并顺利结课。与此同时，他还了解很多后端、算法、人工智能等技术，很多项目代码他看一会儿就能上手。此外，他还对产品有着独特的思考，喜欢参与各种牛人的大会和讲座。这不，这一次，他来上海的原因之一就是参加英特尔边缘计算研讨培训会，还给我晒结业证书来着。
+
+![](https://pic.yupi.icu/5563/202311051948129.png)
+
+昨天，我骑着我的小电动车儿去接王鱼，没想到刚一见面，这货就跟我聊起了技术！在我车后座的时候，也是不停地在聊一些技术和产品方面的话题，比如项目哪里可以优化、前端多模块打包、云开发底层实现原理等，还聊了自己参与英特尔培训时的一些思考。
+
+王鱼在跟我聊这些话题的时候，我看到了他眼中的星星，仿佛看到了年轻时充满热情和希望的自己，虽然俺现在也不老哈哈。不得不说，无论是对技术的兴趣和追求、对产品的思考、对学习的积极态度，还是坦率、直接、理性的性格，王鱼学弟都跟我太像了。
+
+![](https://pic.yupi.icu/5563/202311051948713.png)
+
+哈哈，让我想起了以前的自己，也是一有机会就逮着别人讨论技术，也喜欢参加各种讲座和峰会。虽然当时很多都听不懂，但去了现场就是能感受到那种强烈的技术氛围，激励自己学习。
+
+比如当时的腾讯优图计算机视觉峰会，在峰会上看到了很多令人激动的产品，比如根据机器视觉自动计费的智能无人售卖机等，让我大开眼界，坚定了要进腾讯的决心。
+
+![](https://pic.yupi.icu/5563/202311051948966.png)
+
+还在这次峰会上看到了公钥加密的联合创始人、图灵奖获得者 Martin Hellman，当时内心老激动了，虽然也不明白为啥要激动，但就是把握不住自己啊。
+
+![](https://pic.yupi.icu/5563/202311051948073.png)
+
+扯远了。
+
+后来我带着王鱼来到了烧烤店，见到了比我小一届好久未见的学弟刘宇，也是一名程序员。点完菜后，还没来得及嘘寒问暖，王鱼学弟竟又带我们开始聊起了技术和产品方面的话题，比如他这几天学到的英特尔的商业模式。三个程序员在一起，把轻松随和的友情烧烤局竟然整成了技术圆桌会议？
+
+![](https://pic.yupi.icu/5563/202311051948101.png)
+
+不过后来话题恢复正常了，开始聊一些琐事，比如学校里哪个老师的教学方法很好，哪些编程课值得学习、前端娱乐圈儿等。再到后来，开始聊未来的选择和职业发展，比如考研越来越卷了，今后是考研还是就业，应该选择什么方向。
+
+在饭桌交流中，我觉得王鱼学弟有几点值得大家学习。
+
+**1. “我对编程资源的要求很苛刻”**
+
+和大多数学编程的同学不一样，王鱼学弟对编程资源有自己的见解和选择，能判断哪些是自己真正需要的，而不是人云亦云，别人说好就是好。他还整理了自己的编程资源小宝库，大家有需要的话，以后我试试看能不能给大家要来。
+
+**2. 懂得自救**
+
+在学编程的时候，我们每个人都会遇到很多的 bug 和问题，但很多人遇到问题时，不会自己去思考和实践，甚至懒得去网上搜索解决方案，而是把报错直接甩给别人，把希望寄托在别人身上，结果到头来还会抱怨别人没有及时来帮助自己。
+
+![](https://pic.yupi.icu/5563/202311051948168.png)
+
+而王鱼同学遇到问题时，更倾向于自己搜索解决方案。而且，在写代码做项目时，不会想当然认为哪种写法或方案是正确的，而是会在调研之后，实际敲一遍，运行一遍，看到结果才能让自己信服。所以，和他一起做项目时，能感觉到他的靠谱，非常值得信赖。
+
+记住，没有任何人有义务无偿帮你解决问题，**只有你才是自己的救世主**。
+
+**3. 求知溯源**
+
+先给大家来个灵魂三连问：
+
+- 为什么十年前 PHP 在国内很流行，而如今 Java 占据了后端开发的半壁江山？
+- 你有了解过编程语言或技术的发展史么？
+- 只知道很多人在学 Java，你知道为什么要学习 Java 么？
+
+如果回答不出来，说明你只看到了现在，而忽略了一门语言或技术兴衰的本质。
+
+![](https://pic.yupi.icu/5563/202311051948542.png)
+
+和王鱼同学聊某项技术的时候，他能够清晰地讲出技术的发展历史，也因此对技术有一个更深刻的认识，从而知道哪些技术值得学。
+
+当聊到某位人物大佬的时候，王鱼也会去查阅和了解这个人的故事，通过这个人此前的所作所为来分析他的成功秘诀和性格特征，取其精华去其糟粕，帮助自己在正确的道路上成长。
+
+
+
+------
+
+
+
+最后，把王鱼学弟送上了车，我也要回去了。回去的路上，我开始思考今天和学弟的交流，想到学弟眼里的星星，我感觉自己这段时间对技术的追求的确大不如前了，虽然每天给自己安排的计划满满的，但总是机械性地为了完成工作而工作，在看技术文章的时候也不去记录、深扒和总结了，似乎每天都在学习，但偏偏又什么都想不起来。
+
+还是要继续努力啊，技术、认知、见识、人脉，都是我给自己定下的未来发展小目标，坚持向更多优秀的人学习吧！
+
+![](https://pic.yupi.icu/5563/202311051948683.png)
+
+我是鱼皮，原创不易，如果觉得文章还不错的话，希望 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311051948871.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223\357\274\214\344\275\251\346\234\215\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223\357\274\214\344\275\251\346\234\215\357\274\201.md"
new file mode 100644
index 0000000..ed58ff5
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223\357\274\214\344\275\251\346\234\215\357\274\201.md"
@@ -0,0 +1,159 @@
+# 大一学弟的寒假总结，佩服！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+最近很多小伙伴们都陆续开学了，不知道大家寒假都做了些什么？有没有好好享受这个寒假呢？
+
+![](https://pic.yupi.icu/5563/202311051951891.png)
+
+我记得我的大一寒假过的很充实，因为大一刚入学那半年属实过得有点浑浑噩噩、舒服过头了，所以在寒假自学了 Java 和数据库等知识，企图在弯道超车。当然，回过头来看，也的确证明我当时的所作所为是值得的。
+
+昨天，我在自己的 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里看到一位大一学弟的寒假总结，和我当时的经历非常相似，但又比我强太多了，给大家分享一下，希望能激励一部分还在迷茫的同学。
+
+## 大一学弟的寒假总结
+
+### 前言
+
+这个寒假，我认为自己没有一天懈怠，每天都会花一定的时间去学习。
+
+我是大一零基础入坑的计算机专业，所以比起很多我认识的大佬而言，我的起步是非常低的，也正因如此，在上学期我不敢有一丝一毫的懈怠。我广泛地去学习知识，相比上层形形色色的框架来说，我感觉自己对底层的计算机原理、计算机网络、操作系统以及编译原理更感兴趣。
+
+> 鱼皮：我当时正好反过来，但后来在面试中吃了算法的亏，才意识到基础的重要性。
+
+我的大一上学期过得很精彩，加社团、内卷（手动狗头）、学习，和高中的两个朋友保持联系等。
+
+如果让我用一句话去总结这学期：我不认为我错过了什么，也不认为我的每一步都无可挑剔。但即使有遗憾，我也相信可以重来！
+
+### 寒假前
+
+谁的寒假没有弯道超车的非分之想？
+
+我认为我很贪心，想学 JavaSE、还想学前端三件套、还想学算法和数据结构。。。
+
+虽然我在一开始就应该知道 **贪心不能保证最优解** ，抓住一个方向去专注学习才是正解。但刚开始接触编程知识的海洋，还是很难做到 “专一” 吧。
+
+![](https://pic.yupi.icu/5563/202311051951942.png)
+
+### 寒假期间
+
+#### 学习方面
+
+我大概学了如下知识：
+
+- Java SE 的基础知识过了一遍，但是 IO 流（管道）、内部类、TCP 协议还没学。
+
+- Linux 操作的一部分（其实是自己懒了），基本的文件操作没有问题了，也掌握了 Linux 的整体框架：目录结构、资源管理等。其实我对Linux的第一版的内核还是很感兴趣的，只能在学完 Java SE 的基础后再去学了。
+
+- 数据结构和算法。其实就是读了一下《大话数据结构》，并且图后面的内容还没看，就去写代码练习了。
+
+- 下载并尝试使用 Eclipse、IDEA
+
+- 了解了Java 整体的学习路线
+
+- 加了一个学习圈子 —— 鱼皮的知识星球，我也借此看到了自己的缺点和优势
+
+- - 缺点：我太菜了，Java 只会基础、前端三件套都没学，更别说 Vue / React 框架和 SSM、SpringBoot、SpringCloud 这些框架了
+  - 优点：圈子里面除了极少数的 “妖孽”（手动滑稽）之外都是师兄师姐（师姐目前只见过两个）和已经工作的人了。所以我还有大把的时间去学习，去追赶。
+
+> 鱼皮：扯呢，谁说师姐只有两个？？？（狗头）
+
+此外，在春节期间，我和一位电子通信专业的博士聊天（主要是我向他咨询），我学到了很多的知识（感觉说知识也不太合适，只能说我能从与他的交谈中提前体验到一些经历。这位师兄目前博士即将毕业，并且已经通过了三星的面试，且收到了华为面试通知。
+
+以下是部分聊天内容：
+
+问：谁的大一不迷茫？我虽然大一上学期表现的很云淡风轻的，但是我其实对未来的道路还是很迷茫的。所以我想问师兄：“计算机专业到底是干嘛的？咱们真的是去开发软件吗？每年的毕业生这么多，社会上真的有这么多的缺口吗？”
+
+师兄回答：目前计算机专业还是很有前景的，而且社会上素来都有所谓的末位淘汰制，所以真正有技术的人，一定能吃上计算机的这碗饭。
+
+问：相信大家在考研和工作之间多少有点犹豫，那师兄你认为研究生阶段你的能力有大幅度提升吗？
+
+师兄：并没有。但是我更看好另一种观点：生命对每个人而言都是只有一次，我们为什么要放弃读研这段特殊的经历呢？
+
+问：前端框架、新技术和数据结构算法，到底应该学哪个？
+
+师兄：优先学数据结构和算法，因为算法水平能体现一个人处理问题的水平。将来如果你想进大厂，那么算法是一定会考的。我前段时间面试三星，笔试部分就是让我解一道 ACM 水平的算法题（后面解释说是 ACM 题的变形），我过年之后要去的华为的笔试也是要**手撕算法**（注：这个师兄是电子通信的，不是计算机的）。另外，前端的技术框架虽然我不是很熟悉，但是据我的师弟们说，框架有的只是让你去使用，目前你才大一，时间还很多，主要精力还是放在基础上比较好。
+
+补充一点，校招还是很看重基础的，而社招更看重你做项目的能力。
+
+#### 为人处世
+
+加了鱼皮的知识星球之后，我也深深地被大佬们的实力给折服，所以也开始花费一些时间在认识朋友上了。
+
+上面的那位博士师兄也就人际交往方面给了我很多建议，比如：
+
+- 不能太高冷（手动捂脸哭），感觉我没有啊，可能是我不太懂如何与人沟通吧。
+- 不要把自己放的太高，要和别人有沟通交流。他还举了一个自己的例子，他曾经独立做了一个东西，自认为很完美了，但是在和别人交流之后还是发现了可以进一步完善的地方。
+- 大厂最注重合作了，据说如果在华为的心理测试中，如果你测试的最终结果显示 “你不喜欢团队合作” ，那么无论再优秀也是不会被录用的，因为你不符合他们的企业文化。
+
+#### 感悟
+
+之前的我不能说我是不屑（因为我确实没有这样想），但是我确实不愿意花时间在社交上，因为不知道那样有什么意义。
+
+但是从这个寒假起，我决定要扩大自己的圈子，多多与人为善；持续知识分享：要坚持写题解，做知识记录。
+
+在接触计算机之前我一直都不敢相信竟然有一件事能同时利人利己，不得不感慨：计算机的开源精神是伟大的!
+
+> 鱼皮：以前的我也不愿意和别人交流，总是闭门造羹，因为觉得自己要什么知识都能通过搜索获得，为什么要和别人讨论呢？但直到后来无意间和大佬一起参加竞赛，我才意识到，1 + 1 真的是 > 2，你可以永远相信团队的力量。
+>
+> 但也要注意，要多认识积极乐观 / 优秀的人，好的朋友 / 团队一定是要能互利互助、共同进步，而不是大家一起丧。
+
+### 未来计划
+
+最后也给自己做些计划吧~
+
+#### 总体
+
+- 要将主要精力放在学习和提升编程能力上
+- 提高实战能力，争取暑假去一个中小厂实习
+
+#### 学习
+
+- 先将汇编，编译原理，操作系统，计算机网络放一下（Java SE 里面和 TCP 有关的内容还是要学的）。集中火力打通 Java 一条线。
+- 用 Java 做一个能拿得出手的项目。
+- 每天刷一道 LeetCode 算法题目。
+- 在 2022-07-01 日之前 AK 掉洛谷题单，给自己一点压力。
+
+#### 绩点
+
+- 要好好搞绩点，争取每一科 90+
+- 550+ 过四级
+
+#### 人际交往
+
+- 多多结交大佬（像知识星球里面的大佬等）
+- 在学校里面多多结交朋友
+
+### 结语
+
+如果让我现在去看上学期的自己，我会觉得，那时的整个人虽然很云淡风轻，但是缺乏认知，那是一种无知的表现；如果去看待寒假的自己，那时的自己，很累，每天都很累，每天都会做梦，睡觉质量明显下降，看着众多大佬的牛逼自我介绍 ，我不仅感觉自己很垃圾，想要去追，却还是感觉力不从心。
+
+但现在的自己，因为加入了，看到了知识星球里那么多朋友的真实经历，才帮助我有了更明确的目标，也得到了众多大佬的经验传授。我不会再去做无意义的焦虑，可以踏实地朝目标前行了。
+
+2022 加油！
+
+
+
+------
+
+
+不得不说，才大一就有这种自我驱动 / 自省的意识、执行力以及归纳总结的能力，属实让我感到佩服。毕竟那时的我，也找不到方向，也是啥都学一点儿，直到大二暑假才确认了自己的目标。我也会想，如果我在大一下学期那会儿就通过学长们的经验帮助自己确定了目标的话，结果会不会完全不一样呢？
+
+好了，以上就是我星球内小伙伴的真实经历，如果大家有编程学习 / 求职上的问题要向鱼皮 **1 对 1 提问** 、想看看大佬们的经验分享、需要 **优化简历** 、想认识更多小伙伴，激励自己进步的话，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。本周五就开始在星球中直播带大家做项目了~
+
+> 星球刚开张一周，就已经多次霸榜付费星球活跃 **榜首** ！
+
+此外，星球内的资源非常丰富，我最近也在原创 + 整理一些 **保姆级文档** ，希望帮大家更好地进步~
+
+![](https://pic.yupi.icu/5563/202311051951908.png)
+
+> 编程导航星球专属资源
+
+星球原价 **300 元一年** ，现在限时领券 8 折加入只需 **240 一年** ！不确定是否要加入的朋友可以添加鱼皮工作微信 yupi5927（备注 “了解星球”）来咨询。
+
+欢迎 **长按下面的海报扫码领券加入** ，优惠券名额有限，先到先得 ，欢迎和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311051951913.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\351\241\272\346\211\213\351\273\221\344\272\206\345\255\246\346\240\241\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\351\241\272\346\211\213\351\273\221\344\272\206\345\255\246\346\240\241\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md"
new file mode 100644
index 0000000..56dd919
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\351\241\272\346\211\213\351\273\221\344\272\206\345\255\246\346\240\241\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md"
@@ -0,0 +1,66 @@
+# 小学就自学编程，顺手黑了学校广播系统？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天给大家分享我 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 内一位小伙伴的故事。
+
+如标题所说，这位同学从小学就开始学编程、后来还无意间黑了学校的广播系统、靠编程给自己攒了一笔小金库等等。。。他的经历可以说是完美地诠释了：什么叫做热爱。
+
+![](https://pic.yupi.icu/5563/202311051956498.png)
+
+## 故事
+
+从小我就热爱计算机，因为家庭经济原因买不起电脑，因此上大学前一直没有自己的电脑。于是小时候每天只能天天蹲在小伙伴家里等他玩累了，然后我就可操作一下电脑哈哈哈。
+
+小学 5 年级时，我自学了易语言。我也不知道自己怎么学的，反正就是各种 CV、然后改改代码。那段时间特别喜欢看别人写的源码，抄一抄组装一下就成了自己的一些外挂，当时觉得很好玩、就入迷了。
+
+![](https://pic.yupi.icu/5563/202311051956567.png)
+
+上了初中后，我有一个梦想就是搭建自己的网站，于是特别喜欢找 PHP 或者 HTML 源码来学习，后来也天天尝试。通过自己的不屑努力，终于在初一暑假的时候用免费的虚拟主机搭建了我的卡盟网站（不知道大家知不知道这玩意儿）。搭建好了这个网站后，就开始了我的卡盟运营。后来就慢慢下载修改了各种源码、也搭建了自己的各种网站。
+
+对了，当时因为没有电脑，所以基本上都是通过我的酷派安卓机搭建的，当时手机里有 PHP + MySQL 的环境，手机运行通过、感觉没问题之后，再弄到服务器里。
+
+初二时候我就玩了一些乱七八糟的东西，甚至一不小心黑到了学校广播系统里！不过后来我就把漏洞补上了（此处省略 5K 字）。
+
+![](https://pic.yupi.icu/5563/202311051956513.png)
+
+初三毕业之后，我开始接触到了 Linux 操作系统，并搭建了自己的免流系统、开始了运营。
+
+上了高中之后，我向我姐借了 50 块钱去淘宝买了一本 C 语言的书，每天睡前就看几章，因为没有电脑就都是只能用脑去 debug。
+
+后来搭建了一个自己的盗版电影网站，这块就需要爬虫的知识了。刚开始还不太熟悉网络接口方面的知识，但后来爬虫爬多了，就觉得服务器通过接口返回 JSON 数据好酷，然后就学了后端的知识。
+
+上了大学之后我能够每天做做自己喜欢的事儿，就开始了 C 基础刷题史，并且成功刷入了学校的 ACM 协会。
+
+大一期末的时候，当时真的穷的揭不开锅了、还欠了花呗，最后想办法就去接了私活。当时我胆子可能比较大，不会的活我也敢接，因为我觉得不会的我也可以学。后来就是在这种边做边学中，赚到了人生第一桶金，一个寒假大概 6000+。
+
+做得多了，认识的人也越来越多，然后到目前为止，认识的很多老板都喜欢叫我帮忙整活儿（廉价劳动力 hhhh），自己也存了好几个 w 的小金库，至少说不需要爸妈担心，买自己喜欢的平板、电脑、手机也不用找他们拿钱了。
+
+到了大二我辅修了计算机科学与技术（我们辅修一般叫二专），多交了 3800 学费和一专一起上课，这学期学了三门，包括：数据结构、计算机网络、C 语言。
+
+因为我 19 年的时候体育类报考没报好，然后就只能报名普通本科二批，当时只有体育类的报考志愿手册，所以我只能随便填，10 个学校 6 个专业，所有专业我都全部填了 “计算机科学与技术” **不调剂** ！然后就没调剂，本来有个学校可以调到物联网，然后没录取就后悔了，出结果第二天就直接回学校复读了。补录的时候让复读时候的同学随便帮我填，最后录取了一个二本的大数据专业，但是我还是选择复读，因为对计算机科学与技术也是情有独钟吧。
+
+最后我考上了现在的学校，一所双非一本，也拿到了 100 米国家二级运动员、国家一级篮球裁判、2021 蓝桥杯三等奖、一项软著等。
+
+
+
+------
+
+
+看了这篇文章后，我感觉这位同学和我的经历是很像的。我也是因为游戏脚本接触的编程（按键精灵 Q 语言，不过是在高中才接触）、高考第一志愿也全部是计算机科学与技术和软件工程，并且之后出于热爱去学习计算机，现在才能够找到自己热爱的工作。
+
+在我看来：**坚持自己热爱的事，才能帮助自己更好地前行，收获让自己满意的答卷。**
+
+最后给自己打广告，如果大家有编程学习 / 求职上的问题要向鱼皮 **免费提问** 、想看看大厂同学的经验分享、需要帮忙 **优化简历** 、想抱团取暖（比如认识文中这位大佬），都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。下周五就开始在星球中直播带大家做项目了~
+
+> 星球刚开张一周，就已经多次霸榜付费星球活跃 **榜首** ！
+
+星球原价 **300 元一年** ，目前第一波加入限时优惠 **60 元** ，只需 **240 一年** ！不确定是否要加入的朋友可以添加鱼皮工作微信 yupi5927（备注 “了解星球”）来咨询。
+
+欢迎 **长按下面的海报扫码领券加入** ，优惠券名额有限，先到先得 ，欢迎加入和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311051956519.png)
+
+> 长按扫码领券加入
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216,\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255!.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216,\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255!.md"
new file mode 100644
index 0000000..c6380d9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\345\255\246\344\271\240\346\225\205\344\272\213/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216,\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255!.md"
@@ -0,0 +1,94 @@
+# 迷茫四年后，我凭这点成功逆袭！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。今天要和大家分享的，是我 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 小伙伴的故事。
+
+他和我一样，从小因为爱打游戏，就梦想着有一天能够做出属于自己的游戏。但想法是美好的，在现实面前，我们都放弃了。他也因此而迷茫，没有利用好大学的时间来学习编程，甚至还经历了考研失败的打击。但最终，这位朋友幡然醒悟，并通过自己的努力，克服路上的困难和障碍。最终在毕业半年后，成为了一名 Java 工程师。
+
+下面分享这位朋友的励志故事。
+
+### 上大学之前 —— 种子
+
+我本身就是一个对各种电子产品和电脑十分有兴趣的人，也非常喜欢打游戏。
+
+在我小学 4 年级的时候，我的妈妈就给我买了我人生中第一台台式电脑，从此我就走上了一条 “不归路” 。但是在上大学之前我都没有接触过任何有关编程的东西，一直都是打游戏，也因此对游戏产生了非常浓厚的兴趣，梦想着有一天能做出一款属于我自己的游戏。
+
+![](https://pic.yupi.icu/5563/202311051953972.png)
+
+当然这时候就会有同学要说了，你不是成为了一名 Java 工程师么，怎么提到了对游戏感兴趣呢？请耐心往下看。
+
+在我高二那一年我看到了一本学校杂志，上面就介绍到了如何成为一名游戏开发员，并且在杂志的文章中提到了一点：大家如果要成为游戏策划，最好是报考计算机科学与技术专业。于是，这就为我大学报考计算机专业埋下了一颗种子。在高考结束后，我顺利地考上了本科，虽然只是普通的一个三本，但也如愿以偿的报考了计算机专业。
+
+### 大一到大四 —— 迷茫
+
+现实是残酷的。
+
+直到我上大学的那一刻开始起，我才知道，做游戏和策划游戏并不是想象中的那么简单！我只不过是喜欢玩游戏，热爱游戏当中的剧情、人物还有玩法，仅此而已。玩游戏和做游戏根本不是一码事，我没有极高的天赋去成为某一款游戏的职业选手，也没有资金去做游戏主播。再加上高中时学习的压抑，我大一到大三并没有像一些大佬一样一直在学习编程、敲代码，而是几乎只要是空闲的时间我就在寝室里打游戏，这一打就是整整三年！期间虽然我也有学习过 C 语言和 Java，但都非常快就放弃了。。。
+
+我就这样浑浑噩噩的过了三年，并选择在大四的时候选择考计算机研究生。结果学习了整整一年，越学越崩溃。最后不出意料，我考研失败了，大四艰难地毕了业，开始了自己的寻找工作之旅。
+
+### 大四到毕业工作 —— 希望
+
+这看起来的确很绝望。
+
+但事实上，在大四考研的时候，我开始有了危机感。我在想：如果我考不上了怎么办？
+
+于是我打算学习 Java，起初我学习 Java 的理由非常简单，就是因为 Java 在市场上需求多、岗位多、好找工作、薪资又高，而事实也确实如此。但是仅仅是这样还是不足以支持我学习 Java 的动力。
+
+那时候，经过别人的推荐，我阅读了《Java 编程思想》这本书，竟然一下子沉迷了，我没想到 Java 竟然这么有趣，里面蕴含着那么多深奥的思想。虽然有点难读懂，但我还是一看就是一天，感叹着编程的魔力和魅力，从此以后，我就对Java产生了极大的兴趣。我非常喜欢按照我自己严格的逻辑去思考问题、分析问题、以及用编程解决问题，而这些也会给我带来 **成就感** 。我觉得每一行代码都蕴含着前人所积累的智慧结晶。
+
+![](https://pic.yupi.icu/5563/202311051953003.png)
+
+虽然我已经爱上了Java，但是迫于考研，我不得不将这本书放到一边，专心备考。
+
+之后考研失败、毕业，去了一家银行实习，然后一边实习、一边专心学习 Java。
+
+期间，我也有很多次想要放弃的念头，因为这真的很枯燥，特别是看 Java 的视频。但后来，我还是坚持了下来，并且开始积极主动地寻找项目、去研究项目，并且用自己所学到的知识来完善项目和实现需求。看着自己的项目需求被一点点的实现，自己用 Java 就能完成功能、解决实际的问题，这种感觉真的非常美妙。有时候我甚至会因为沉浸在完成功能中而废寝忘食，一点点实现和完善自己项目的感觉，真的会让人上瘾。最终在毕业半年后，我成功当上了一名 Java 研发工程师！
+
+### 总结
+
+其实每个人对编程的感觉都不一样，能通过一个契机爱上编程，并且通过持续的 “成就感” 来助我坚持学习，我觉得是自己人生当中一件非常幸运的事情。
+
+每个人的人生都不会是一帆风顺，事实上，我直到找到工作之前，我干什么事情都是失败的，但这并不阻碍我对生活的热爱和向往。最终我如愿以偿，找到了心仪的工作。我相信，只要屏幕前的你不放弃，一直坚持，总有一天生活一定会回报你。
+
+
+
+------
+
+
+非常感谢这位同学的分享，我看了之后深有感触，没有人生来就会是成功的，有时我们会看到、甚至是妒忌别人的成功，但又可曾想过别人背后究竟承受了多大的压力、下了多大的决心、付出了多少努力呢？
+
+希望大家都能够保持乐观的心态吧，**只要你不放弃，就一定能成功！**
+
+![](https://pic.yupi.icu/5563/202311051953997.png)
+
+时间有限，之后这位朋友还会在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 中分享自己是如何克服学习编程的困难的，感兴趣的朋友可以关注下~
+
+鱼皮的星球中除了这位同学外，还有很多大厂的朋友也在分享自己的学习和面试经验。各个学习方向、学习阶段的朋友都在这里学习打卡、不断进步。并且星球内的学习资料（视频、电子书、面试题、软件工具等）绝对管够，都能免费获取，鱼皮最近也在整理各方向的 **编程学习和求职一条龙路线** ，敬请期待：
+
+![](https://pic.yupi.icu/5563/202311051953068.png)
+
+> Java 资源
+
+![](https://pic.yupi.icu/5563/202311051953146.png)
+
+> 前端资源
+
+最近也快到春招 / 找暑期实习的时期了，如果大家有编程学习 / 求职上的问题要向鱼皮免费提问、想看看大厂同学的经验分享、需要鱼皮等大厂同学帮忙优化简历、想第一时间得到大厂招聘动态和 **内推机会** 、或者想和小伙伴们一起抱团取暖，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。
+
+星球原价 **300 元一年** ，目前第一波加入的同学限时优惠 **60 元** ，只需 **240 一年** ！星球目前已经 2200 多人，后面随着人数增多会持续涨价。
+
+优惠券名额有限，先到先得 ，欢迎 **长按下面的海报扫码加入** ，和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311051953984.png)
+
+> 长按扫码领券加入
+
+最近考研成绩也快出了，鱼皮祝大家都能顺利上岸！🌹
+
+如果本文对你有帮助，还请大家点个 **赞 + 在看** 支持一下哦，谢谢大家。
+
+![](https://pic.yupi.icu/5563/202311051953367.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\246\202\344\275\225\347\234\213\345\276\205 \342\200\234Java \345\267\262\346\255\273\343\200\201\345\211\215\347\253\257\345\267\262\345\207\211\342\200\235 \347\255\211\350\250\200\350\256\272\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\246\202\344\275\225\347\234\213\345\276\205 \342\200\234Java \345\267\262\346\255\273\343\200\201\345\211\215\347\253\257\345\267\262\345\207\211\342\200\235 \347\255\211\350\250\200\350\256\272\357\274\237.md"
new file mode 100644
index 0000000..82bcd19
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\246\202\344\275\225\347\234\213\345\276\205 \342\200\234Java \345\267\262\346\255\273\343\200\201\345\211\215\347\253\257\345\267\262\345\207\211\342\200\235 \347\255\211\350\250\200\350\256\272\357\274\237.md"	
@@ -0,0 +1,153 @@
+# 如何看待 “Java 已死、前端已凉” 等言论？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，上次直播的时候有同学问我：怎么看待 “Java 已死、前端已凉” 的言论？
+
+我其实一直不太想回答这种问题，因为一个人一个看法，争议会比较大，但是最近看到身边有一些同学 “无脑转行” 的情况，还是决定来客观分析下这个问题。
+
+> 推荐观看视频版：https://www.bilibili.com/video/BV1YN411J74Y/
+
+## 是谁在说这些话？
+
+说 “Java 已死、前端已凉” 的无非就以下 3 种情况：
+
+**1）有人真的找不到工作**
+
+虽说一直都会有人找不到工作，但现在的大环境就是这样，找不到工作的人的比率提高了。暂且不说学计算机找不到工作的原因（下面会讲），找工作难的可不止这两个行业！比如网上早就有 “生环化材四大天坑，土木机械两大护法” 的梗。
+
+大家如果觉得有不错的行业或专业，也可以评论区推荐下。
+
+**2）不希望你入行的人 + 跟风玩梗**
+
+已经上岸的人、或者你的同行们，大概率是不希望你入行来加剧内卷的。
+
+这个时候，只要在网上跟风发布一条 “XX 已死” 的言论，就能劝退掉一波心态脆弱的竞争对手，何 “乐” 而不为呢？
+
+去某职场交流平台随便逛一圈，你看看下面这些人的昵称、认证、言论，像是找不到工作在抱怨的么？有很多是玩梗刷刷存在感罢了。
+
+![](https://pic.yupi.icu/5563/202311051516201.png)
+
+**3）渲染焦虑**
+
+除了你的竞争对手外，还有一些培训机构也会故意渲染焦虑，比如有的告诉你 “Java 不行了，快来转 C++、Go、转嵌入式”。不过现在焦虑已经不需要渲染了，因为网上 “XX 已死” 的梗已经满天飞了，绝大多数没有信息辨识度的同学要么加入其中、要么怀疑自己。
+
+
+
+------
+
+
+对于网上的任何信息，我们还是要客观理性地看待。
+
+## 为什么找不到工作？
+
+### 1、大环境没有之前好
+
+先给大家看一个近 12 月的科技公司裁员排行榜：
+
+![](https://pic.yupi.icu/5563/202311051516949.png)
+
+从图中你会发现今年 1 月份左右真的是寒到不行的寒冬，但今年下半年其实是有一定回暖的。
+
+不单单只是上面这张图，从大厂放出的 HC（招聘岗位数）也能看出来这点。
+
+关于大环境，这是我们没有办法改变的，那就不要太在意这点，减少一些抱怨吧，别让自己不开心。
+
+有一些同学可能因为这个大环境而感到越来越迷茫，就想着 “要不要转行”，这里我给一点建议：
+
+A. 什么情况下要转行？
+
+答：现在的技术没学多久、转行的成本不高、或者你还没入行。
+
+B. 什么情况下不要转行？
+
+答：如果你已经学了很久了，就不要因为一些言论、或者几次失败直接放弃；**除非你有更好的选择** 。
+
+总之，做事三思而后行，考虑清楚转行的优劣，再去做决定。
+
+### 2、竞争力不够
+
+说白了，就是没卷过别人。
+
+为什么竞争力不够呢？又包含很多因素。
+
+很多同学会说 “我找不到工作主要是因为学历不好”，当然这是一个很关键的因素，但高学历只是证明个人能力的其中一种方式。抛开学历外，你能够在其他方面和能力上比高学历的同学更好么？
+
+还是有很多我们可以增加竞争力的方法的：
+
+#### 1）提升技术
+
+以前想找到工作，可能学个基本的开发框架就够了。但现在网上免费的学习资源越来越多、质量越来越好，导致大家学的技术都多了。那么如果想要增加竞争力，你也要比别人学习更多的技术。
+
+#### 2）提升经验
+
+想找到工作，**一定要能干活** 。
+
+怎么提升经验呢？
+
+学做项目就是最好的方法。如果能够在看完教程后自己动手做一个类似的项目、并且最好是真实地把项目上线，那么你的干活能力是毋庸置疑的。
+
+#### 3）正确的方法
+
+除了技术和实践经验外，掌握正确的学习和求职方法也是很重要的。
+
+就拿最经典的 “写简历” 为例吧。我们编程导航 2 万多人，接触过各种各样情况的同学，其中有一些同学自身的技术和履历都很好，但就是简历没写好，导致机会少了很多。
+
+大家在写简历的时候，一定要多思考：怎么突出自己的优势？怎么证明自己项目经历的真实性？怎么把自己的技术和经历用更专业的方式表达出来？从而证明你的能力。
+
+举个例子，大家对比下面这 2 位同学的项目写法，就知道为什么我说掌握写简历的方法很重要了：
+
+![](https://pic.yupi.icu/5563/202311051516047.png)
+
+哪种更专业、更能体现能力就不用我多说了吧？
+
+关于如何写简历，之前给大家分享过很多次了。最近我们专门开发了新的产品 `老鱼简历` 来帮助大家写好简历，有很多专业的简历建议和现成的例句参考：
+
+> 欢迎体验：https://laoyujianli.com
+
+，时长00:03
+
+那怎么知道自己的简历写得好不好呢？怎么知道能否竞争过别人呢？
+
+其实很简单，你去网上的各种求职平台，去对比别人的简历。不需要多，看 20 份就足够了。如果你觉得自己的简历比 50% 的同学要强，你大概率是能找到工作的。
+
+我在 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247550581&idx=1&sn=07c76f0bcf7a2f790f6702f2527bbdb4&chksm=e9c2e182deb5689483daa2e667d0a49b97e01092c274a8d89ff5e7e77430e7106368d0f1c543&token=1716593474&lang=zh_CN&scene=21#wechat_redirect) 已经改了非常多份简历，光平台上能看到的就有 400 多份了：
+
+![](https://pic.yupi.icu/5563/202311051516783.png)
+
+每份简历都提出了对应的修改简历，大家需要的话可以参考：
+
+![](https://pic.yupi.icu/5563/202311051516216.png)
+
+### 3、运气
+
+找工作是需要运气的，这也是我不建议已经花了大量时间学习编程的同学轻易放弃的理由。
+
+我在大二找实习的时候，面试了很多家，才终于拿到 1 个 offer；后来面试大厂的时候，光阿里就失败了 6 次。。。有的时候不一定是你的问题，只是和对方的要求没那么匹配，或者正好同批竞争者略胜一筹罢了。
+
+所以，我的建议是：
+
+1）坚持，多尝试
+
+花更多的时间学习，把时间花在刀刃上。正确的方法 + 持久的努力 + 积极的心态，会助你走上成功之路。
+
+2）抓住机会：每次的投递机会、每次的实习、面试机会都要珍惜，考虑清楚每个选择的优劣。
+
+具体怎么做呢？
+
+1. 多加一位面试官、HR、或者技术大佬的微信，主动链接一些人脉资源
+
+2. 多投递简历，拓宽渠道。每天花 30 分钟，多关注一家是一家。另外，不要嫌弃小公司，不要限定自己的投递范围，先有机会再决定去不去。
+
+3. 多去网上了解一些信息，并且客观地去接受信息。起码要有能区分出真话和玩梗的能力。
+
+   
+
+------
+
+
+OK 就先分享到这里，最后一周就放假了，朋友们要加油啊！
+
+![](https://pic.yupi.icu/5563/202311051516634.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\255\246\347\275\221\347\253\231\345\274\200\345\217\221\350\277\230\346\230\257\346\211\223 ACM\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\255\246\347\275\221\347\253\231\345\274\200\345\217\221\350\277\230\346\230\257\346\211\223 ACM\357\274\237.md"
new file mode 100644
index 0000000..35a25a1
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\345\255\246\347\275\221\347\253\231\345\274\200\345\217\221\350\277\230\346\230\257\346\211\223 ACM\357\274\237.md"	
@@ -0,0 +1,95 @@
+# 学网站开发还是打 ACM？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前几天在知乎上看到一位大一计科学弟的问题：我想学做 Web 项目，又想学算法搞 ACM，如何取舍呢 ?
+
+> ACM 是国际大学生程序设计竞赛，旨在展示大学生创新能力、团队精神、编写程序、分析和解决问题的能力，认可度极高。
+
+这个问题我相信不少同学都纠结过，四年前的我也一样，下面给大家聊聊我的选择。
+
+![](https://pic.yupi.icu/5563/202311051515142.png)
+
+### 我的选择
+
+刚上大学的时候，我面对各种编程语言和新奇知识无从下手，也不知道自己适合学习什么。于是大一期间，我胡吃海喝，学了 C 语言、C++、Java、web 开发、Python 等，持续为学校做网站的同时，也在学校的课堂教育和熏陶下做了不少 ACM 算法题目。
+
+吃多了容易拉肚子，这个比喻虽然土但却非常贴切。当时的我就是这种状态，每天要学的东西都很多，再加上算法题目做不出，简直压力山大。时间长了，我竟然都已经麻木了，开始机械性地学习、机械性地刷算法题目，甚至有些做不出的题直接复制粘贴应付了事。
+
+![](https://pic.yupi.icu/5563/202311051515205.png)
+
+这种高压状态持续一段时间后，我意识到，大学的时间有限，我的精力也有限，一定要 **懂得取舍** ！
+
+舍得舍得，小舍小得，大舍大得，不舍不得。
+
+在一番考虑下，我决定放弃 ACM 了，专心去学习软件开发，从此在做项目的路上无法自拔。
+
+### 原因
+
+**为什么放弃 ACM 选择学习 web 和其他开发呢？** 对我而言，主要是以下几个原因：
+
+#### 难度
+
+ACM 竞赛专业性强，题目大多数是英文描述，考察数学思维和逻辑，难度较大，不好上手。我在做 ACM 初级题目时就已经感觉非常枯燥了，做的脑阔疼。
+
+而 Web 开发入门相对简单很多，可以即学即练，比较轻松有趣，还能发挥创意做出自己的作品，收获成就感。
+
+对我来说，做 ACM 就犯困，还不如学 Web 开发，起码能有动力学下去。
+
+![](https://pic.yupi.icu/5563/202311051515317.png)
+
+#### 性价比
+
+学任何知识都需要时间，都要多投入才有收获，所以这里我们只考虑 **性价比** 。
+
+ACM 本就是比赛，竞争非常激烈，各种叫得上名号的名校学子、数学天才、算法大牛，想要获得一个能拿出手的奖，要么你很聪明有天赋，要么就投入比别人更多的时间去日常训练，否则你凭什么超过别人呢？
+
+而 Web 开发的学习时间相对自由灵活，也几乎感受不到竞争。当然，不是完全没有竞争，毕竟就业找工作时还是要看你的能力。而且竞争小也未必是好事，容易让人懈怠。
+
+![](https://pic.yupi.icu/5563/202311051515382.png)
+
+#### 未来发展
+
+在选择时，要先问问自己，对什么感兴趣呢？今后打算朝哪个方向发展呢？是做算法工程师，还是开发工程师呢？
+
+对于任何方向的程序员来说，算法思维都非常重要。虽然多做 ACM 题目能训练算法思维，但是如果你不是想从事算法工程师工作的话，绝大多数的算法在今后工作中是用不到的，甚至求职面试时问的算法题也不会达到 ACM 题目的难度。
+
+的确，如果你能在竞赛中拿奖，成为算法大牛，那么求职面试时录取机会加倍放大；但如果你没有很好的奖项，在平时又没有精力去学习开发知识，只是沉迷于刷 ACM 算法题目，那么在找工作时，你完全处于不利状态。
+
+![](https://pic.yupi.icu/5563/202311051515138.png)
+
+我从小就想开发自己的软件，梦想搞一番大事业，可谓是年少有为不自卑。在入学时就定下了目标，想从事软件开发方向，因此选择学 web 对我来说帮助会更大。
+
+#### 风险
+
+我高中时数学其实是不错的，但在 ACM 题目和算法大佬面前，仍是一介草民。做学校 OJ 题的时候还好，但是后来看《挑战程序设计竞赛》等 ACM 书籍时，就有些吃力了。看完之后，再做 ACM 题目时，经常还是一道题折腾几个小时仍然做不出，写出了代码也不能完全理解，还老是忘，就很怀疑自己的智力。即使去参加竞赛了，我也是充当背景板或者只是 “到此一游”。
+
+![](https://pic.yupi.icu/5563/202311051515043.jpeg)
+
+总之，在做 ACM 题目时，我看不到自己的未来，很担心做了半天题目，还是做不出，浪费了时间，搞崩了心态。而学习 Web 开发时，网上资源多，解决方案多，我的进步更平稳。
+
+虽然我在学习上有冲劲，但不会为了自己的未来而冒险。
+
+#### 头发
+
+还有就是，我发现自己刷 ACM 题的时候，头发掉的明显比写 Web 时要快，看似合理又很不合理！
+
+![](https://pic.yupi.icu/5563/202311051515603.png)
+
+
+
+------
+
+
+
+虽然我选择了 Web 开发，但不是说建议大家放弃 ACM。其实大一到大二的上学期，多做一些 ACM 算法题目对自己也是很有帮助的，接受过一些训练，以后找工作刷算法会更轻松。此外，不少同学就是对算法、对数学感兴趣或者有天赋，那么参与 ACM 是一个很好的选择。但也千万 **不要把一切堵在 ACM** 上，还是要抽出时间学习基础开发技能的，多一条路会更稳一些。
+
+最后，无论选择哪个方向，都要努力呀，毕竟越来越卷了。
+
+**相信自己有能力，那么你就真的会有！**
+
+觉得本文还不错的话，希望朋友们能 **点赞 + 在看** 支持下，给俺点创作的动力 ❤️
+
+![](https://pic.yupi.icu/5563/202311051515607.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\346\204\237\350\247\211\350\277\233\345\244\247\345\216\202\346\234\272\344\274\232\346\270\272\350\214\253\357\274\214\350\246\201\350\200\203\347\240\224\347\273\255\345\221\275\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\346\204\237\350\247\211\350\277\233\345\244\247\345\216\202\346\234\272\344\274\232\346\270\272\350\214\253\357\274\214\350\246\201\350\200\203\347\240\224\347\273\255\345\221\275\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..395a78b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\346\204\237\350\247\211\350\277\233\345\244\247\345\216\202\346\234\272\344\274\232\346\270\272\350\214\253\357\274\214\350\246\201\350\200\203\347\240\224\347\273\255\345\221\275\344\271\210\357\274\237.md"
@@ -0,0 +1,90 @@
+# 感觉进大厂机会渺茫，要考研续命么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，相信很多还在大学的朋友们会纠结这样一个问题：我要考研还是直接就业呢？
+
+我当时也是挺纠结的，之前也写过 [一篇文章](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505803&idx=1&sn=e8db431d71131cb2e870d72ea219ab00&chksm=e9c2307cdeb5b96a7747c1c3e10b3b610240c814dd6bdafc2eae732c04c07131c9fd197b5e72&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) 分享过自己对于这个问题的看法。
+
+昨天又有一位我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) 里的小伙伴问我类似的问题，如下：
+
+### **问题**
+
+鱼皮你好，我是一名准大三的学生。由于启蒙较晚吧，现在也才学到 javaweb 的部分。
+
+因为我是双非本科院校，所以感觉接触大厂的机会很渺茫。之前我是十分不想考研的，但现在都有些动摇了。。。
+
+虽然现在假期也在不停的学习追赶，但心中始终没有底，不知道要不要考研续命。
+
+想请问一下鱼皮，如果不考研的话，我是不是要在大三寒假之前就学到可以去投递简历面试一些小公司，去多积累一些实习经验？或者说要大概掌握到一个什么程度最后才能让大厂去接受一个双非本科的学生。并且我看现在好多面试包括题目都注重各种框架和技术的底层原理，这些是不是也需要在大四之前掌握牢靠呀？
+
+现在真的挺迷茫的，麻烦鱼皮帮忙解惑了。
+
+### **我的回答**
+
+因为你的描述中提到了 “之前十分不想考研”，所以我感觉你是把考研当做一个 “退路”，想给自己多 2 年的沉淀来获得更好的出路。
+
+对于你这种情况，我个人建议：既然自己不想考研，那就不考，因为考研是需要长时间静下心来去准备的，如果目标不够坚定、动力不足，考研对你来说可能会比学编程技术更难。现在才刚刚要到大三，不如争取本科期间努力学习，直接找个好点的工作。
+
+**眼下立刻行动起来，才是纠结的解药。**
+
+之前我有在星球里直播分享过大学生四年的学习和求职规划，可以看下星球直播回放，了解一下自己在什么阶段要做什么事。
+
+![](https://pic.yupi.icu/5563/202311051513268.png)
+
+> 星球直播回放
+
+对于你现在的情况，其实还处于编程技术学习的 **初期** ，你现在要做的事情就是抓紧学习、尤其是多利用课外时间 **自学** 。切忌不要只跟着学校的节奏学，校内课程哪怕考了满分，也和企业招聘的实际要求有很大的差距。
+
+这里我就直接给你定个学习计划：
+
+1. 暑假结束前学完 MySQL 数据库和 MyBatis
+2. 9 月份学完 Spring MVC 和 Spring 框架
+3. 10 月份学完 Spring Boot 并独立完成星球的 [用户中心项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=1288511242&lang=zh_CN&scene=21#wechat_redirect)（或者其他小的后端项目）
+4. 12 月份前学完 Spring Cloud 微服务、Redis、RabbitMQ 消息队列
+5. 明年 2 月份前做完一个微服务项目，开始准备简历和大三暑假的暑期实习，比如刷算法、背面试题之类的
+
+预计平均每天要花 **至少** 3 个小时，如果能按时完成上述计划，你的技术知识绝对能达到大厂的要求了。
+
+当然，想进大厂的话，光学会上面那些技术还是不够的。平时还是要多了解各种后端知识，比如系统设计、架构设计之类的，可以看下星球【系统设计】标签下的内容。
+
+![](https://pic.yupi.icu/5563/202311051513905.png)
+
+> 系统设计大全
+
+有机会还是多做项目、参加一些竞赛来丰富自己的实践经历，学过和会用是两个完全不同的境界。大厂要求的技术就那些，95% 的同学其实都学过；但只有 5% 的同学能灵活运用这些技术，所以他们能进大厂。
+
+这里我不是很建议去参加寒假实习了，当然你可以投递简历试试，但是现在暑期实习招聘开的都很早，我觉得如果技术学习时间比较紧张的话不如投入更多时间提前准备暑期实习好了。
+
+你可以试着在星球里每日打卡，记录自己的学习进度。哪怕完不成我定的计划也没事的，到时候找我帮你分析下到底是哪里完不成，再对计划做一些微调等。
+
+就像下面这位朋友一样：
+
+![](https://pic.yupi.icu/5563/202311051513593.png)
+
+> 球友打卡
+
+最后其实你的学历已经比大多数同学好了，哪怕大家的学历不是 985、211，也不用有学历上的焦虑（因为焦虑也没用，不如努力学习）。
+
+继续加油吧，期待你的成长。
+
+
+
+------
+
+
+以上就是本期分享，[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) 里不少朋友表示自己的情况和这位同学很类似，朋友们如果也在纠结的话，可以试着按照上面的计划执行。6 个月后，见证大家的改变。
+
+![](https://pic.yupi.icu/5563/202311051513103.png)
+
+最后，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) （点击了解详情）。
+
+**星球目前已经超过** **1 万人**了，会在 8 月 21 日晚上涨价 20，并且不再发放 60 元优惠券（之后还想优惠加入的朋友等后续通知）。
+
+> 星球目前有近 2000 个鱼皮的回答，400 + 精华帖，几十 T 学习资料，30 余场直播分享等
+
+所以如果朋友们需要编程学习 / 求职指导、跟鱼皮的直播做项目、跟大家一起学技术的话，还是趁早加入哦，现在扫下方二维码即可领券加入（3 天内不满意可全额退款）：
+
+![](https://pic.yupi.icu/5563/202311051513908.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\346\210\221\345\275\223\346\227\266\344\271\237\350\266\205\347\272\240\347\273\223.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\346\210\221\345\275\223\346\227\266\344\271\237\350\266\205\347\272\240\347\273\223.md"
new file mode 100644
index 0000000..3e7099b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\346\210\221\345\275\223\346\227\266\344\271\237\350\266\205\347\272\240\347\273\223.md"
@@ -0,0 +1,94 @@
+# 考研还是就业？我当时也超纠结
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，昨天，[我知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里的小伙伴问了我一个问题，也是我做知识分享以来，被问过的最多的问题之一了。
+
+### 问题如下
+
+鱼皮，备战考研和直面工作怎么选啊？
+
+我现在大二（普通学校软件工程），学校在大一上教了 C，大一下教了点 Java，大二上教了点 Python 和 SQL server。现在 Java 基础学了大部分，学了数据结构、自学了些基本的算法和 HTML，算是学的很慢的那一批了。
+
+家里人是想让我考研，考研的话我并不是很抗拒，但是我对编程更感兴趣，不想放下 Java 的学习，然后矛盾就出现了：要是备战考研，就最好全身心地去备考，Java 后续的学习就要放慢很多。
+
+鱼皮能不能分析一下，考研的好处在哪里？对以后工作的帮助大不大（有没有决定性的作用）？考研的方向大概是什么？
+
+对于我来说应不应该考研嘞？(●—●)
+
+
+
+------
+
+
+如果你也遇到了这个问题，请举个手 🙋🏻‍♀️
+
+其实我自己当年也和这位小伙伴一样，纠结是读研还是就业，甚至为此熬了一整个晚上都没睡着觉。。。
+
+但如今已经毕业快 2 年了，也有了一些自己的感悟吧。
+
+下面给出我的回答，仅代表个人观点。
+
+### 我的回答
+
+首先，别管是考研还是直接工作，大二下这半个学期必须利用好！可以多学学自己喜欢的技术，争取暑假找份实习，感受一下工作氛围，说不定你就没那么迷茫了。
+
+一般情况下，不建议 all in 考研，毕竟从大三再开始准备也还有一年半载呢，时间是来得及的。过早准备考研要么会让你前期比较松懈、要么就是给自己过大的压力。
+
+我本人是一个实践派，我觉得很多事情只有自己体验过才知道是否适合自己。因此趁你现在大二还有时间，也可以像我这么做。
+
+接下来说说考研的好处，一大堆：
+
+1. 本科学校一般的话，提升学历可以增加通过简历关的概率。比如人工智能、大数据、计算机视觉、区块链等某个前沿或细分方向一般是研究生才有机会（除非你是超级大佬）。
+2. 本科教的知识很基础和零散，导致很多同学直到毕业都很迷茫。如果自己本科没好好学、没想好做什么的话，研究生有机会咸鱼翻身。
+3. 对喜欢研究、持续学习的同学来说，读研无疑提供了好的环境和资源。
+4. 还能享受校园的时光，和朋友玩耍、组团搞事什么的，相对更自由。
+5. 大多数家长，都会倾向于让孩子去读研（是不是这样？），可以回应下家人的期待吧。
+6. 提升学历后，能进一步增加自己的自信，据说在相亲的时候学历还是很有用的。
+
+再说说直接就业的好处，很多是我自己的所见所感：
+
+1. 很多编程技术类岗位其实不需要研究生学历。而且事实上，很多研究生毕业后一样是来做开发岗位。毕竟前沿岗位招的人数就那么多，每年大厂算法岗位都是神仙打架。不是说读了研究生就不卷了，有潜力的本科生不在少数，也在共同竞争。
+2. 不需要刻意去学考研的那些知识，比如高等数学之类的，它们对大多数岗位没有什么帮助。不考研的话便可以省下时间专注学习编程，实打实的技术。
+3. 互联网行业变化万千，尽早进入产业届，更容易感知到行业的变化和科技前沿的动态。比如有些小众的研究方向可能和企业是脱轨的。
+4. 虽说互联网公司不太会饱和，但事实上，不确定因素太多了，有可能去年某家大厂还在大力招人，今年就因寒冬而凉凉了。
+5. 提前赚钱和晋升。像我自己从大三暑假就一直在鹅厂实习，所以现在有了都快 3 年的工作经验了吧，而且跟我同届的研究生正常情况下可能还需要 2 年才能跟我达到同样的职级。
+6. 个人感觉走出校园后，成熟地更快，多了一份责任感。现在回过头想想自己在学校的那段经历，感觉当时的自己还没经历过社会的毒打，有很多事做的的确不好。
+7. 因为在企业中需要与人紧密合作，能得到更多沟通的经验方法，通过实际接触企业级项目，能得到更多实际的开发经验和项目管理技巧。
+8. 不用处理学校里的那些破事（比如帮老师打杂），相对更专注。虽然可能会帮公司打杂，但起码带来的价值（比如：钱）可能更多。
+9. 不用面临写论文和毕业的压力，在工作中虽然也可能会更忙碌，但个人感觉压力相对小一些。
+
+因为我没读研，所以关于就业这点明显说的更多了些。至于我自己为什么不读研，除了上述的几点外，主要是我自己也进过实验室，的确对研究不感兴趣、我很讨厌被束缚；还有就是我比较珍惜眼前的机会和已经确定的事物，当然，是我自己来判断它是否为好机会。
+
+综上，我觉得还是要先看自己的兴趣，喜欢研究 / 学术还是实干 / 产业，不要随波逐流。
+
+如果不确定的话，就像我说的，趁早去体验。如果你大二暑假能找份不错的实习，感觉本科就有机会找到不错的工作的话，是否读研都无所谓了。还有，跟着我的学习路线学是没问题的，先会用、了解某个技术是干嘛的、再做项目、最后才是深入了解原理。
+
+不过，只要有实力、肯努力、抓紧学习的同学，无论考研还是直接就业，都会有很好的发展；不努力、打鱼晒网、自甘堕落的同学，哪条路都可能走不通。
+
+共勉！
+
+
+
+------
+
+
+那不知道大家对这个问题有什么看法呢？欢迎 “过来人” 们给出一些自己的建议~
+
+最后，如果大家有编程学习 / 求职上的问题要向鱼皮 **1 对 1 提问** 、想看看大佬们的经验分享、需要 **优化简历** 、想认识更多小伙伴，激励自己进步的话，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。本周五就开始在星球中直播带大家做项目了~
+
+> 星球刚开张不久，已经多次霸榜付费星球活跃 **榜首** ！
+
+此外，星球内的资源非常丰富，我最近在持续原创 + 整理一些 **保姆级文档** ，希望帮大家更好地进步~
+
+![](https://pic.yupi.icu/5563/202311051511679.png)
+
+> 编程导航星球专属资源
+
+星球原价 **300 元一年** ，现在限时领券 8 折加入只需 **240 一年** ！不确定是否要加入的朋友可以添加鱼皮工作微信 yupi5927（备注 “了解星球”）来咨询。
+
+欢迎 **长按下面的海报扫码领券加入** ，优惠券名额有限，先到先得 ，欢迎和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311051511274.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\201\212\350\201\212\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\351\200\211\346\213\251.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\201\212\350\201\212\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\351\200\211\346\213\251.md"
new file mode 100644
index 0000000..8c4ea8d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\350\201\212\350\201\212\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\351\200\211\346\213\251.md"
@@ -0,0 +1,174 @@
+# 聊聊编程语言的选择
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 我适合学什么编程语言呢？
+
+大家好，我是鱼皮，今天聊聊编程语言的选择问题，通过对 10+ 主流编程语言的特点、优劣、应用场景、发展前景等简单分析，希望帮还在迷茫的小伙伴们选择最适合自己的语言去学习。
+
+## 编程语言选择
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311051512283.png)编程语言选择 - 鱼皮
+
+### 前言
+
+先来看张最新的 TIOBE 编程语言排行榜，C 第一、Python 第二、Java 第三：
+
+![](https://pic.yupi.icu/5563/202311051512492.png)2021-08 TIOBE 编程语言排行
+
+那可能就会有一些 “追求极致” 的同学说了，我要学编程，就学最牛逼的 C 语言！
+
+千万别！排行榜的统计方式、人群多种多样，并不代表一切，不要盲目跟风。
+
+我们做事一定要有目的，先想清楚自己学编程是为了什么？
+
+单纯出于好奇、感兴趣？为了搞钱？想多门手艺、提高工作效率？想开拓视野？想创业做自己的产品？还是只是碰巧选了计算机专业呢？
+
+![](https://pic.yupi.icu/5563/202311051512156.png)
+
+有不少转专业、其他行业的在职同学都想学编程，但切记：没有目标是绝对学不下去的！
+
+下面介绍下主流编程语言，大家可以根据自己的目标进行选择。
+
+### 语言介绍
+
+此前做过一个投票，大多数朋友学编程还是为了找工作，那我们就先说说如今最适合找工作、企业需求量最大的两个方向：Java 和前端。
+
+![](https://pic.yupi.icu/5563/202311051512280.png)
+
+#### Java
+
+Java 本身是一门相对高级的语言，成熟稳定，写出来的程序可以跑在不同的操作系统上。
+
+但真正促使 Java 被推向神坛、内卷之王、培训机构赚钱宝典的呢，还是他丰富的应用场景和生态。后端、桌面程序、安卓 APP、大数据等等，但凡你能想到的东西，Java 都有现成的开发工具和方便的类库框架，就是让你写更少的代码、更快地完成开发。
+
+而且只要是你学 Java 时人类可能会遇到的问题，在网上都能搜到答案。
+
+这些正好符合企业的需求：老板给钱，就是希望你能够快速完成工作，而且最好不出意外事故。
+
+再加上前几年我国移动互联网的发展，安卓 APP 大肆开道那会儿，Java 作为安卓的主要开发语言，被大推了一波。
+
+![](https://pic.yupi.icu/5563/202311051512442.png)
+
+#### 前端
+
+前端，简单来说就是写网站界面（大多数情况下），它其实包含了三种语言：HTML、CSS 还有最重要的 JavaScript。
+
+Web 前端入门相对简单，优点是写出代码能立刻看到效果，适合培养兴趣。
+
+那为啥说它适合找工作呢，毕竟大部分公司做产品就是要给用户使用的，所以界面是必须的，因此需求量大。
+
+此外，现在前端的应用越来越广泛了，像大前端，你可以用同一套代码开发出网页、桌面程序、安卓、IOS APP、小程序等，大大节省了开发成本。
+
+![](https://pic.yupi.icu/5563/202311051512757.png)大前端
+
+提到小程序，这玩意的数量已经超过了 APP！它有很多优点，免安装、方便、易分享、基于微信用户量大等，再加上开发成本很低，所以是很适合创业的一个产品形态。
+
+也是因为小程序、大前端的发展吧，让 Android 和 IOS 移动端、甚至还有客户端的开发前景逐渐变差。就现在来看呢，IOS、Android 开发供过于求，往以后看呢，完全看不到 APP 他的增量在哪里？毕竟除了一些主流的 APP 外，主动安装 APP 的人真是越来越少了。没有市场，新人怎么入行，怎么生存？
+
+所以想开发界面同学，网页也好、小程序和 APP 也罢，都建议先从前端学起，像布局、组件化、模块化，很多方法和思想是类似的。
+
+#### C 语言
+
+再说说大多数计算机专业同学接触的第一门语言 —— C 语言。
+
+有句话说的好，任何比 C 语言高级的语言都能用 C 语言来代替，任何比 C 语言低级的语言都不足以完整抽象一个计算机系统，这足以证明它的地位。
+
+为啥它那么牛逼呢？
+
+![](https://pic.yupi.icu/5563/202311051512725.png)
+
+且不说他的语法灵活，最关键的是他足够底层，底层到所有的操作系统（Windows、Linux）都是用它实现的。所以学习 C 的过程中能让我们接触到更多底层的概念（比如自己分配和维护内存），有助于我们日后写出性能更高的程序。也是因为这点，C 语言很适于操作系统、底层软件、各种嵌入式系统和软硬件开发。
+
+#### C++
+
+C++ 在 C 语言的基础上增加了一些能力和思想，比如经典的面向对象编程，让开发者有更好的开发体验，能够提高代码的重用和开发效率。
+
+它本身就是 C 语言的超集，因此性能也很高。
+
+综合这两点呢，C++ 的应用场景也是非常之广，常用于后台开发、桌面程序、语言、框架开发（Java 都是C++开发的）、图像处理、音视频处理等计算任务、3D 引擎等。
+
+#### C# .NET
+
+提到引擎，就必须要说下 C# 和 .NET，千万别读成 “C 井” 和 “点 NET” 啊！
+
+.NET 是一个框架和环境，而 C# 是运行在其上的编程语言之一，此外还有 VB .NET 等。
+
+虽然最近几年 C# 在国内流行度一般，但仍是 Unity（游戏、VR、AR 开发平台）主要使用的编程语言，所以还是有用武之地的。
+
+![](https://pic.yupi.icu/5563/202311051512210.png)
+
+下面再聊几个有争议的语言。
+
+#### Python
+
+首先是 Python，入门简单、生态好、很多现成的代码类库能直接用，因此在工作中适合编写小的脚本和工具，像文件表格处理，能提高办公效率。
+
+它也是啥都能做，还是爬虫、数据分析、数据挖掘、人工智能的一流语言。铺天盖地的 Python 广告、小学生都开始学 Python 了，这些都反映了 Python 的重要性和易学性，真的是每个人都可以学 Python。
+
+![](https://pic.yupi.icu/5563/202311051512891.png)
+
+但是呢，它并不是企业开发的推荐语言，想找开发工作，就不要去重点研究 Python 了，把它当成工具或者入门培养兴趣的语言就好。因为同等开发效率下，Python 作为一门解释执行的动态语言，运行效率实在是太低了，甚至可以比 C++ 慢 100 倍！
+
+#### PHP
+
+曾经热火朝天的 PHP，他有一个美称 “世界上最好的编程语言”。
+
+但是如今 PHP 却逐渐走向衰落，不再受到大公司的青睐。
+
+为啥？
+
+以前 PC 网站时代，拿 PHP 做个网站，弱类型很灵活，开发起来贼快贼方便，用 Java 写 5 天的程序，用 PHP 1 天就能搞定。
+
+但如今，互联网的产品形态逐渐倾斜于移动端，而非传统网站，PHP 虽然能也做服务端开发，但它的性能太低了！而且随着 Java 和其他后台语言的发展，它们的开发效率也上来了，都能花同样的时间完成开发，谁还会选择性能更低的 PHP 呢？
+
+![](https://pic.yupi.icu/5563/202311051512207.png)
+
+#### Go
+
+近几年 Go 语言在国内发展迅猛。
+
+他语法简单，且天然支持高并发、性能贼高，因此很适合开发现在主流的云原生应用。像大名鼎鼎的 Docker 容器、还有 B 站都是拿 Go 语言写的。
+
+再加上国内 Go 语言的生态也越来越好，类库和轮子多了、最佳实践也多了，使得开发成本大大降低。同等时间开发个性能更高的应用，它不香么？
+
+像字节跳动和腾讯等互联网大公司早就拥抱了 Go 语言，可以想象未来两三年， Go 的未来将是一片光明。
+
+![](https://pic.yupi.icu/5563/202311051512959.png)
+
+#### SQL
+
+SQL 是数据库查询语言，可以从数据库中查询数据、操作数据。想从事后台开发、数据库管理相关工作的同学必须把它学好。
+
+除了程序员，现在很多产品经理都要学 SQL 了，别看程序员卷，那产品经理更是神仙打架。
+
+![](https://pic.yupi.icu/5563/202311051512599.png)
+
+此外，还有一些程序员常用的语言。像 Linux Shell 脚本编程语言，和 Python 类似，当成工具学就好了。还有 Kotlin、Scala、Rust 等较新的编程语言，都有自己的应用场景，大家可以自行了解、按需学习。
+
+### 总结
+
+综上，目的、时间、前景、学习成本都是我们选择编程语言的重要因素。
+
+如果想快速就业，可以直接学前端或后端。更倾向于所写即所得、尽快看到效果，就选前端；更想锻炼思维逻辑能力，就首选后端 Java 或 Go 语言。
+
+还在学校，时间充足，想打好基础，就老老实实从 C 语言开始学起。
+
+如果对编程只是出于兴趣，或者想做些小工具，就学 Python 或者前端吧~
+
+
+
+------
+
+
+最后，希望大家记住，第一门编程语言并不等于你找工作的语言。时间允许就大胆尝试，想学就学，先培养兴趣，等到后面再深入学习一门语言，学会一门再学其他的也会很轻松了。
+
+也根本不存在什么最好的编程语言，没有银弹可以通杀，不同的个体、项目、团队都应该有自己的选择，解决问题、应用落地才真正体现了编程语言的价值，适合自己的才是最好的。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311051512929.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\351\200\211 C++ \350\277\230\346\230\257 Java\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\351\200\211 C++ \350\277\230\346\230\257 Java\357\274\237.md"
new file mode 100644
index 0000000..76d67d2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\346\226\271\345\220\221\351\200\211\346\213\251/\351\200\211 C++ \350\277\230\346\230\257 Java\357\274\237.md"	
@@ -0,0 +1,114 @@
+# 选 C++ 还是 Java？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 如果一定要二选一，你会选哪个？
+
+大家好，我是鱼皮，前段时间看见一个问题：想学编程，是选 C++ 还是 Java？
+
+看到这里，我直接脱口而出：小孩子才做选择， 我全都要！
+
+![](https://pic.yupi.icu/5563/202311051514223.png)
+
+但毕竟时间有限，如果我们无法同时深入学习两门编程语言，必须二选一，你会选 C++ 还是 Java 呢？
+
+这真是一道送命题啊，不过还好题目不是选 PHP 还是 Java。。。
+
+![](https://pic.yupi.icu/5563/202311051514748.jpeg)
+
+下面我聊聊自己的看法。
+
+### 我的看法
+
+首先，明确一点，C++ 和 Java 都是非常优秀的主流编程语言，编程语言和技术没有绝对的优劣之分，只不过在不同的场景下，有更优的选择。而且，像很多大神说的一样，语言只是工具，编程思想才是核心。不过，选择好的工具也是至关重要的，好的抓手才能带来更大的赋能。
+
+读者：鱼皮，你能不能说人话？
+
+![](https://pic.yupi.icu/5563/202311051514751.png)
+
+好吧我错了，拽词上头。
+
+如果大家身在校园、且时间充裕，建议先学 C 语言或 C++ 打基础，这也是大部分计算机专业学生在高校内学到的第一门编程语言，相对底层，能帮助你接触到更多计算机的概念，比如系统、网络等，从而为学习其他的高级语言做铺垫。
+
+但最终你是要找工作赚钱的，因此我可以斩钉截铁地说，**选 Java**！
+
+![](https://pic.yupi.icu/5563/202311051514943.png)
+
+我自己本科是计算机专业，如上所说，刚上大学时学的课程就是 C 语言和 C++，但是后来我果断转战 Java 了，坚定地朝着 Java 的方向深入学习，最终也拿到了腾讯等大厂的 offer。
+
+很幸运的是，目前在腾讯做应用开发，使用的主后端语言正是 Java！没错，并不是说腾讯只招 C++！
+
+那下面我会结合亲身经历，从以下几个方面来谈谈我选择 Java 的理由：
+
+- 市场需求
+- 语言特性
+- 语言生态
+- 应用场景
+- 学习成本
+
+#### 市场需求
+
+在国内，Java 软件工程师的需求量非常大，就业机会多，薪资高，前景非常好！
+
+这和近年来中国在移动互联网这块发展迅猛有很大的关系。如今创业成本降低，越来越多的创业公司和中小型企业加入市场，因此对于网站、安卓 APP 等应用开发的需求变大。而 Java 作为国内企业开发的首选语言，自然更受欢迎，优秀的 Java 工程师的薪水也是非常诱人的！因此，我们要思考如何成为优质的 Java 开发者，而不是只会 CRUD（增删改查）的工具人。
+
+Java 在 TIOBE 编程语言排行也是非常高的！
+
+![](https://pic.yupi.icu/5563/202311051514744.png)编程语言平均排名表
+
+我曾经也想过做一名 C++ 程序员，但是后来查阅了网上的一些招聘数据，发现如今互联网公司在后台开发方面招的 Java 程序员明显更多一些。虽然大公司也会招很多 C++ 程序员，但整体来看，Java 会有更多的就业机会。这一点，相信大家按照平时看到的培训机构课程数和广告数就能看出来了。
+
+那为什么 Java 的市场需求如此之大呢？请接着往下看。
+
+#### 语言特性
+
+Java 作为一门高级程序设计语言，拥有非常多的优秀特性，比如面向对象、简单性、分布性、解释性、健壮性、可移植性、高性能、多线程、安全性、动态性。当然，C++ 作为较底层的编程语言，也有众多优秀的特性，比如高性能、灵活等，但是在很多方面，Java 和 C++ 存在一定区别，使得 Java 更适合作为开发企业项目的首选语言。
+
+1. 简单性：Java 语言在继承了众多 C++ 语言的优点的同时，移除了 C++ 中学习成本高、易出错的指针、多重继承等概念，并且通过接口机制减少了类间关系的复杂度，学习成本更低。此外，Java 的语法结构和 API 也相对更简单、更丰富，使用更方便、开发效率更高。
+2. 可移植性：跨平台可以说是 Java 最大的优点，Java 通过虚拟机执行，并不依赖固定的平台，使用 Java 开发的应用程序可以运行到任何操作系统，这对于企业中复杂多变的需求和架构场景尤为重要，一定程度上降低了开发和维护成本。
+3. 健壮性：Java 语言的设计使得用它来编写高可靠软件变得相当容易，很多银行的电子交易系统、知名公司的大型电商系统、秒杀系统都是使用 Java 语言开发的。
+4. 安全性：这里不是说使用 Java 就能比 C++ 更安全，而是因为 Java 自带的一些机制（比如垃圾回收）以及限制，使得很多由于程序设计不合理导致的问题能够被规避。
+
+虽然 C++ 的性能通常是比 Java 高的，但在大多数企业业务开发中，这些性能的提升对应用来说是微不足道的，当然，底层和基础架构另当别论。
+
+我在学习一段时间的 C++ 后，主动自学了 Java。刚开始学习 Java 时，就被它更简单的语法深深吸引了。不需要自己去管理内存在应用开发中实在太爽太方便了，能够大大提升开发效率！
+
+![](https://pic.yupi.icu/5563/202311051514254.png)
+
+#### 语言生态
+
+由于 Java 具有的优秀特性、易上手、学习成本低等原因，使得 Java 的发展非常迅速，尤其是 Spring 等知名开发框架的崛起，进一步降低了企业应用的开发成本。
+
+在国内，越来越多开发者选择 Java，也因此涌现了很多 Java 技术交流社区，很多的问题都可以通过百度和社区询问来解决。而阿里巴巴作为国内超一流互联网公司，也选择了 Java 作为主要的后端领域编程语言，进一步推动了 Java 在国内的发展。
+
+![](https://pic.yupi.icu/5563/202311051514211.png)阿里的开源 Java 项目
+
+#### 应用场景
+
+Java 语言的优秀特性和繁荣生态，使得其非常适合企业级 Web 项目开发，在大数据分析处理、微服务、云计算、移动开发等领域也都处于领先地位。此外，Java 语言和 C++ 语言一样，也是可以应用到图像处理、桌面应用开发、分布式系统开发、嵌入式等近乎所有场景的。
+
+![](https://pic.yupi.icu/5563/202311051514471.png)
+
+#### 学习成本
+
+Java 的学习难度相对于 C++，以及其他的编程语言来说，算是很低的了。虽然 C++ 更底层、性能也很高，但是正因如此，涉及的系统层面的知识以及需要学习的概念也会更多，比如指针、内存管理、进程管理等，尤其是指针，对新手而言简直是噩梦！而学习 Java 时，你不需要自主管理内存，降低了很多出现 bug 的概率，即使没有对操作系统有深入的了解，也能写出比较健壮的程序。
+
+当然，这并不意味着你不需要学习操作系统、指针等底层知识，但如果时间有限，当你能够熟练开发 Java 应用后，再来补课也为时未晚。
+
+由于 Java 语言自身的优秀特性，再加上巨大的市场需求，使得学习 Java 的同学也非常多，促使越来越多的培训机构盯上了这块大蛋糕，像黑马、尚硅谷等等。因此，现在网上的 Java 教程非常非常多，关键还有超级多免费的优质学习资源。随便去 B 站一搜，就能找到一大堆。
+
+![](https://pic.yupi.icu/5563/202311051514993.png)
+
+我的 Java 就是利用网上的资源完全自学的。先跟着网上的视频教程或文档，看一节敲一节，上手是比较轻松的。然后通过看《Java 核心技术卷 I》打实基础，再学习 SSM、SpringBoot 等框架来开发企业级项目，学习过程中多跟着视频敲代码、发挥想象做一些自己想做的项目，帮助我顺利找到了实习。再学习 SpringCloud 微服务框架以及 Redis、Zookeeper 等中间件，学会设计技术架构，用技术解决实际问题。在找工作前，再深入学习多线程高并发编程以及 JVM 底层原理，最终帮助我拿到了大厂 offer。
+
+
+
+------
+
+
+
+大家主要学习哪门编程语言呢？对不同编程语言的学习有什么看法呢？欢迎评论区分享吧~
+
+![](https://pic.yupi.icu/5563/202311051514737.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\344\270\200\344\270\252\345\245\275\347\232\204\347\274\226\347\250\213\344\271\240\346\203\257.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\344\270\200\344\270\252\345\245\275\347\232\204\347\274\226\347\250\213\344\271\240\346\203\257.md"
new file mode 100644
index 0000000..ffb8d1e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\344\270\200\344\270\252\345\245\275\347\232\204\347\274\226\347\250\213\344\271\240\346\203\257.md"
@@ -0,0 +1,213 @@
+# 一个好的编程习惯
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享自己写代码时的好习惯，让你的编程能力突飞猛进！
+
+大家好，我是鱼皮，上回说到，很多同学在学编程时不注重代码质量，养成坏习惯的同时，失去了提升自己编程能力的机会。
+
+> 还没读上篇文章的同学，请先阅读：[劳资的代码会有问题 ？！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497725&idx=1&sn=e89ef78577c09ee614a60c50ca8ee2dc&scene=21#wechat_redirect)
+
+**在文末我抛出了问题：**
+
+如何有意提升自己的代码质量呢？我根本就发现不了自己代码中的问题，以为已经写得很棒棒了，怎么办？
+
+![](https://pic.yupi.icu/5563/202311051941542.png)
+
+要解决这个问题其实非常简单，既然自己经验不足、或者是 “只缘身在此山中”，看不出来代码哪里写的不好，那就找其他朋友或有经验的程序员帮你看看代码，给出一些意见。
+
+虽然每个正常的程序员都无法忍受自己写的代码被人说是辣鸡，但是虚心接受指正，并加以修改，的确能大大加深我们的印象，下次写代码时就会注意了。慢慢地，就养成了好习惯，不仅注重自己的代码质量，还会 “继承传统”，开始说别人写的代码辣鸡，从而帮助更多人改进。
+
+![](https://pic.yupi.icu/5563/202311051941522.jpeg)
+
+**但有一个很残酷的现实，谁这么好心帮我看代码呢？**
+
+我大学期间，虽然做过很多项目，写过很多代码，但是自己的代码基本都只给自己看。即使把大作业的代码交给老师，他们也根本不看代码，只看运行效果的，这也是上次提到的为什么大家越来越不注重代码质量的原因之一。而且实不相瞒，我也曾经求学长帮我看代码，但换位思考一下，如果不是和你关系非常好，谁闲的蛋疼免费去帮你看你写的辣鸡代码？
+
+![](https://pic.yupi.icu/5563/202311051941546.png)
+
+**求人不得，只能求己。**
+
+一种方式就是把自己开发好的作品上线，让用户来使用它，从而帮你发现一些自己没注意到的 Bug 或功能问题，驱使你去仔细阅读和改进代码。还可以把自己的代码公开到 GitHub 等代码托管平台，允许其他同学阅读和指出问题。但是，这种方式过于硬核，前期需要耗费大量精力去做推广，否则根本没人用你的项目，也没人去看你的 GitHub！
+
+比如我的 `编程导航` 项目已经开源 4 个多月了，文档编写非常用心，也做过一点推广，才收获了 600+ star，确实是很不容易。
+
+![](https://pic.yupi.icu/5563/202311051941599.png)
+
+> 编程导航开源项目
+
+这几天我又大大地优化了下文档，并且将后端的代码也开源了！如果大家对前端、React、后端、Java、Spring Boot、腾讯云开发、公众号开发、文档站点生成等感兴趣，都欢迎大家的关注~
+
+**地址：** https://github.com/liyupi/code-nav
+
+（也可以点击文章下方阅读原文直达）
+
+![](https://pic.yupi.icu/5563/202311051941608.png)
+
+> 编程导航开源项目
+
+回归正题，硬核的方式咱玩不了，那我就教大家人人都能轻松学会的一招，也是我自己一直坚持的编程习惯。
+
+下面一起来看看我写代码时的 `小倔强` 吧，有效提高你的代码质量，编程能力突飞猛进！
+
+![](https://pic.yupi.icu/5563/202311051941561.png)
+
+## 我的编程习惯
+
+就像之前说的，我们之所以发现不了代码中的问题，很大程度上是因为我们的编程态度是 **“乐观”** 的，相信视频教程、相信书本、相信编辑器，只要没报错，那就是对的。
+
+但我写代码时，非常地 **“悲观”** 且倔强，我会细致入微地把自己写过的每一行代码都看作是病人，坚持认为他们是有问题的，甚至可以说是从鸡蛋里挑骨头！
+
+有同学说了，你特么不就是在说废话么，这不就是仔细检查代码？或者说是防御性编程？
+
+> 啥是防御性编程，可以看我的这篇文章：[揭秘软件开发的达摩克利斯之剑](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247489788&idx=1&sn=37e845a069310e4ec8ab4521b3cd5f73&scene=21#wechat_redirect)
+
+先别急，这和防御性编程可不一样，我有多倔，举个栗子你就明白了，下面请跟上我的思路~
+
+![](https://pic.yupi.icu/5563/202311051941915.png)
+
+### 我有多倔？
+
+假如我写了这样一端前端代码，作用是获取某条狗的名字：
+
+```
+// 默认狗名
+let name = '无名狗';
+// 狗、狗信息、狗名称都存在
+if (dog && dog.info && dog.info.name) {
+  name = dog.info.name;
+}
+```
+
+你觉得这段代码有问题么？
+
+如果你觉得没有问题，那么很好，你很乐观。
+
+无所谓了，我才不要你觉得，我很倔，我就偏偏觉得这段代码有问题，**没问题我也得挑挑问题** 。
+
+![](https://pic.yupi.icu/5563/202311051941954.png)
+
+嗯，代码逻辑好像没毛病，那硬要说有问题的话，代码量是不是有点多？
+
+比如在获取狗名时，为了防止报错，要先判断狗是否存在，再判断狗的信息是否存在，最后才能取到狗名，好啰嗦啊。如果还要获取一堆其他的信息，这代码简直没法看了。
+
+所以，我就开始思考，如何让这段代码更加精简，有没有更好的写法呢？
+
+通过百度，我发现了一个牛逼的玩意儿，叫 **可选链操作符**（ `?.` ），允许读取对象深处的属性值，而不必明确验证链中的每个引用是否有效；在引用为空的情况下不会引起错误，会自动短路返回值。
+
+于是，代码变成了这样：
+
+```
+// 默认狗名
+let name = '无名狗';
+// 狗、狗信息、狗名称都存在
+if (dog?.info?.name) {
+  name = dog.info.name;
+}
+```
+
+已经比刚刚简化了不少，但我不满足，获取个狗名竟然要写 4 行代码？这肯定有问题啊！能不能再简化一下呢？
+
+思考了一下，这次我凭着自己贼硬的基础知识储备，没有百度就想出了更精简的写法，使用 JavaScript 的三元运算符就行了，代码如下：
+
+```
+let name = dog?.info?.name ? dog.info.name : '无名氏';
+```
+
+怎么样，一行代码搞定！
+
+![](https://pic.yupi.icu/5563/202311051941959.png)
+
+下面给大家个机会，代码写成这样还有问题不？或者说，你看这行代码觉得舒服么？
+
+反正我觉得不太行，我鱼某偏要从鸡蛋里挑骨头！
+
+仔细看，我们发现 dog、info、name 这三个单词都重复出现了两遍，那有什么办法再精简一下呢？
+
+再次打开搜索引擎，这次搜了半天都没找到优化的方法，那我干脆就去搜了 “JavaScript 小技巧”、“JavaScript 高级写法” 等关键词，终于找到了答案。
+
+**空值合并操作符**（ `??` ），当左侧的操作数为 `null` 或者 `undefined` 时，返回其右侧操作数，否则返回左侧操作数。
+
+最终，代码缩成了这样：
+
+```
+let name = dog?.info?.name ?? '无名狗';
+```
+
+舒服多了吧！
+
+这就是我写代码时的倔强，通过这次挑问题，起码帮助我学到了两个 JavaScript 操作符的用法，爽死了！
+
+![](https://pic.yupi.icu/5563/202311051941020.jpeg)
+
+### 值得么？
+
+那有同学说了：像你这样写代码，不累么？这么认真地去抠代码的细节，不会很花时间么？
+
+小了，格局小了。
+
+从这一次写代码来看，的确我花了更多的时间，代码能跑就行了，管那么多别的干啥呢？但从长远来看，这是学习的必经之路，通过自己思考去发现问题、解决问题，学到的知识可以说是深深地刻在了脑海里，以后再写类似的代码时，就能更轻松、规范和高效，省下的时间是无限的！
+
+当然，抠细节也要看情况，如果你要开发的东西很紧急，肯定还是先以完成功能为主。但等后面有空了，一定要记得优化一下，否则你也算是为代码 “屎山” 贡献了自己的一份力量。
+
+![](https://pic.yupi.icu/5563/202311051941211.png)
+
+**悲观编程还有什么其他的好处呢？**
+
+乐观编程时，我们往往是被动地发现问题，以为代码跑的很顺利，但却往往被别人来提 Bug，再被迫修改，心态会越来越差。
+
+而悲观编程时，我们是自己主动找问题，主动去优化代码。当你通过思考、搜索和实践，将原本很复杂的代码化繁为简后，你会惊喜地发现：我去，原来代码还可以这样写！牛逼牛逼！
+
+![](https://pic.yupi.icu/5563/202311051941280.png)
+
+然后，你就会收获成就感，继续坚持这种习惯，不断进步。
+
+这让我不禁想起了拼多多，早期没有给用户很高的预期，让他们觉得这是个多牛逼的产品。而是主动降低用户的预期，让大家都觉得这是个土味儿产品，后来再一次次地超出预期，最终走向成功。
+
+### 找不到问题？
+
+看到这里，大家应该理解我写代码时的倔强了。但一定会有同学表示，我没有这种敏锐的直觉，看不出自己代码中的问题咋办呢？
+
+我自己有一些经验方法，大家可以尝试一下：
+
+1. 当你觉得有段代码写起来很麻烦时，多半有问题，不妨去搜索下有没有现成的组件，或者别人是怎么实现的。
+2. 当你重复写某段代码时，一定有问题，不妨把它抽象成函数或组件、或者用设计模式来优化。
+3. 当某段代码中写了大量的 If Else 时，一定有问题，试着重新梳理逻辑，减少条件和分支。
+4. 多关注开发工具的报黄和报红提示，通常能得到很多好的优化建议，尽早发现问题。
+
+![](https://pic.yupi.icu/5563/202311051941342.png)
+
+再给大家一道练习题，上面举的栗子是前端的，这次就举个 Java 的吧。
+
+目标是获得所有狗的名字列表，老弟小阿巴写的代码如下：
+
+```
+// 获得所有狗的名字列表
+List<Dog> dogList = new ArrayList<>();
+List<String> dogNameList = new ArrayList<>();
+if (dogList != null && dogList.size() > 0) {
+  for (int i = 0; i < dogList.size(); i++) {
+    Dog dog = dogList.get(i);
+    if (dog != null) {
+      dogNameList.add(dog.getName());
+    }
+  }
+}
+return dogNameList;
+```
+
+这段代码有问题么？如何优化呢？大家快来试试吧~
+
+小提示，一行代码就可以实现同样的功能！**欢迎在评论区交流。**
+
+
+
+------
+
+
+
+好了以上就是本期分享，有帮助的话求个 **赞 + 在看** ，希望让更多人学到。
+
+![](https://pic.yupi.icu/5563/202311051941382.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\207\240\344\270\252\345\257\271\347\250\213\345\272\217\345\221\230\347\232\204\350\257\257\350\247\243\357\274\214\345\256\263\344\272\272\344\270\215\346\265\205\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\207\240\344\270\252\345\257\271\347\250\213\345\272\217\345\221\230\347\232\204\350\257\257\350\247\243\357\274\214\345\256\263\344\272\272\344\270\215\346\265\205\357\274\201.md"
new file mode 100644
index 0000000..4c55ff9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\207\240\344\270\252\345\257\271\347\250\213\345\272\217\345\221\230\347\232\204\350\257\257\350\247\243\357\274\214\345\256\263\344\272\272\344\270\215\346\265\205\357\274\201.md"
@@ -0,0 +1,112 @@
+#  几个对程序员的误解，害人不浅！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。在很多人眼里，程序员是一类高薪、“高危” 的职业。他们穿着格子衫、顶着一碗超帅的光头，能修电脑、能黑网站、简直无所不能。。。
+
+但直到我自己当上程序员，才发现其实很多都是对程序员的误解。除了外行的误解外，还有很多来自于程序员同行的误解。今天这篇文章呢，我想结合自己的学习 / 工作经历和感悟，分享下我对这些误解的看法，当然也希望给程序员朋友们一些实质性的建议和启发。
+
+### **外行的误解**
+
+#### 1. 程序员为啥工资那么高？人均年薪百万？
+
+作为达不到平均的一方，我觉得这句话伤害不大，侮辱性极强。
+
+程序员平均薪资可能的确稍微高了一点点，但是年薪百万真的是幸存者偏差了，真的极少数程序员（尤其是只凭技术的程序员）能做到这个地步。如果你拿我和小马哥去平均，那我还人均千万、人均上亿呢对吧？
+
+#### 2. 发量代表水平？
+
+之前很多同学看我视频都吐槽说：“你为什么还有头发，你个菜鸡！”
+
+我觉得这句话伤害不大，侮辱性极强，如果发量代表水平的话我应该比在座的大多数同学都要浓密才对。
+
+所以有没有种可能，是因为太菜，需求做不出来、Bug 改不完，所以才经常熬夜加班、精神压力极大，导致头发熬没了呢？
+
+咳咳，别骂了别骂了，是我本人了。
+
+![](https://pic.yupi.icu/5563/202311051942958.png)
+
+#### 3. 感觉程序员的手速都很快？
+
+我觉得这个要分情况。拿我自己来说，我一般在 2 种情况下敲键盘比较快：
+
+1. 要么是在写贼简单的、不用动脑的重复代码（比如增删改查）
+2. 要么就是在回消息聊天
+
+所以有没有种可能，程序员的手速是通过摸鱼、怼产品、重复劳动、或者是平时打游戏打得多而提升的呢？
+
+不过毕竟要经常敲代码，所以程序员的手速通常都不慢。
+
+#### 4. 程序员都是 996 吗？
+
+我记得我之前不怎么加班的时候，就有同学在我视频下评论：你为什么不加班？
+
+这个问题直接把我问懵了，好像我真的觉得自己应该加班，不加班是罪过。
+
+![](https://pic.yupi.icu/5563/202311051942951.png)
+
+我想说其实程序员也是有个人时间的。至于为什么程序员经常会加班呢？我觉得主要是以下几点：
+
+1. 首先是我们的程序代码是越写越多的，写的越多，系统越复杂，Bug 就越多。就拿我自己来说，刚做项目一周的时候，就那几行代码，Bug 多好查。但现在项目做了一年多了、用户也多了，很多陈年老 Bug 慢慢被发现了，而且经常牵一发而动全身。
+2. 第 2 点是程序员对排期的错误估算。我发现一个有趣的事情，需求是做不完的，你需求做的越快，新需求来的就越快；而且我们很多时候只考虑了做需求的时间，没有考虑改 Bug 的时间。但现实却有可能是改 Bug 的时间比开发的时间还要长。所以可能的话，还是别把需求排太满，预留一部分时间改 Bug。
+3. 当然还有很多其他因素，比如不会拒绝需求、不会跟产品 battle；缺乏经验、写的系统不利于维护、或者身边的人都很卷你不好意思走等等。总之加班是由很多方面决定的。
+
+#### 5. 重启可以解决 Bug？！
+
+对不起，我觉得这个并不是误解。。这是真的！
+
+以前我遇到过一些莫名其妙的 Bug 就死扣到底，但后来我就学聪明了，先重启一下编辑器、重启下软件，说不定就好了。因为 Bug 不一定是你造成的，可能真的是编辑器的 Bug。
+
+大家就理解为电脑死机后，重启一下就又能开机了。原理应该是差不多的（将程序置于初始化状态）？
+
+### **同行的误解**
+
+#### 1. 算法和数据结构不重要？
+
+有很多程序员是这么认为的，觉得工作中也用不到自己写算法，用个现成的函数、类库，或者上网抄一段就能搞定对吧？
+
+但事实上，有些时候并不是你用不到算法，而是你缺了一些知识，根本想不到可以用算法去更好地解决问题。比如同样是存储和查找 **20 万** 个单词，没学过算法，用数组也能存、也能顺序查找，但是时空间都存在浪费；那如果你知道前缀树或者其他数据结构，就可以大幅节省存储空间、提升查找效率。
+
+我觉得自己学的知识越多，反而会越觉得基础才是最重要的。因为上层的技术不断发展、不断迭代和淘汰，但是底层原理、编程思想、基本功一般是不会变的。
+
+当然也有同学问是不是前端就不用学数据结构和算法了呢？只能这么说，这一块在前端面试的比重的确不大，时间紧大家可以优先以技术框架学习为主，但是有空了还是要好好补一下基础。
+
+#### 2. 写程序应当追求完美？
+
+我觉得这句话对一半，应该是追求 **特定条件下** 的最优解。
+
+没有工作经验的同学会觉得程序就要完美、看见你程序有 bug 了、写的不好看了、前人留屎山代码了，多少都会嫌弃。
+
+![](https://pic.yupi.icu/5563/202311051942933.png)
+
+其实真实工作下，我们没办法把程序写到完美，往往是空间和时间的权衡，比如 `HashMap` ，用内存换查找效率；或者人力成本和资源的权衡，比如花钱买现成的服务、节省开发时间；再或者是需求和实现的权衡，比如天天都让你做紧急需求，你还有空去优化架构、有空去追求极致的性能么？对不对，代码屎山就是这么来的。
+
+所以这里就要求我们在写代码之前先做调研设计，多思考几种方案、权衡利弊，然后从中选择相对的最优解。同时也希望对别人写的代码多一些包容，把你放在别人的场景下，你未必能做得更好。
+
+#### 3. 代码量等于水平？
+
+在学校的时候，我的确是这么认为的，当时经常跟舍友吹牛逼说我今天又写了多少行代码。但现在仔细回想一下，绝大多数可能都是复制粘贴、增删改查。
+
+进了公司后我才发现，真正写代码的时间很少，像前期的需求评审、跟产品 Battle 啊、方案设计、技术选型啊、沟通、资源协调更重要，也往往更花时间。在你想清楚要不要写代码、怎么写代码后，再去写代码，那时你会发现只不过是一种翻译工具而已。
+
+而且就我观察下来，一般职级越高、工资越高、能力越强的人，写的代码反而越少。并不是他们写不出来，而是他们已经写的太多了、已经有了很多经验、更懂得去利用工具来脱离重复的工作，比如写个自动化脚本、重复代码生成工具之类的。
+
+还有一方面原因是公司需要他们去做更重要的事情，从底层的执行慢慢转变为上层的决策，比如刚刚说的方案设计、或者系统架构。大佬定了个框架，写个 Demo，剩下的就交给我们小码农对吧。
+
+所以代码量是无法真正权衡水平的，在做需求时多去思考更合理的解决方案、写代码时尽量避免重复劳动，才是我们要追求的，
+
+#### 4. 技术决定程序员的水平？
+
+我觉得这个误解和上一个很像啊，如果你觉得程序员的工作就是写代码，写的多、写得快就是强者，那你就真的把自己当成码农了。
+
+我觉得衡量优秀程序员的标准绝不止有技术，比如问题的解决能力，同一件事，你完成的比别人快比别人好；比如业务理解能力，给你一个需求，很快就能判断它是否合理、梳理清楚流程；比如沟通能力，你能够很好地维护用户、组员、同事、跨部门合作者的关系，从杂乱的消息中提取出有效信息；比如产品思维，你能给出更好的建议来推动产品发展；比如管理能力，善于组织成员、推动团队发展。再比如分享表达能力，能把自己学会的东西清晰地讲出来、让别人也能理解，我觉得很酷的事情，也是我一直做分享的原因。
+
+
+
+------
+
+感谢大家的阅读，最后祝大家端午安康！原创不易，如果本文有收获，也请给鱼皮一个 **点赞 + 在看** 支持，谢谢大家。
+
+欢迎加入 [鱼皮的编程知识星球](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&chksm=e9c24557deb5cc41b1f2ecefdd23eb1370e261a47c23ad89b1d1428537fd1e8fe39762e707e1&scene=21#wechat_redirect)（点击了解详情），和 8200 多名小伙伴们一起交流学习，向鱼皮和大厂同学 1 对 1 提问、帮你制定学习计划不迷茫、跟着鱼皮直播做项目（往期项目可无限回看）。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\210\253\344\272\272\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\210\253\344\272\272\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213\357\274\201.md"
new file mode 100644
index 0000000..d8f8cb9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\210\253\344\272\272\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213\357\274\201.md"
@@ -0,0 +1,73 @@
+# 别人看源码，那我也要看！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近金三银四求职季到了，我发现有一些小伙伴开始焦虑了，比如我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里的一位朋友，问了我这样一个问题：
+
+![](https://pic.yupi.icu/5563/202311051943774.png)
+
+我猜想这位小伙伴的问题是指阅读一些知名框架 / 项目的源码，而不是读老师作业题中的代码。
+
+关于是否要去看源码这件事，简单聊聊我的看法吧。
+
+首先，很多程序员会觉得程序员的最高境界就是 **看牛逼源码** 和 **写牛逼源码** ，我个人也对这点不置可否，毕竟这就是学习 + 创造的过程嘛。无论我们处于什么学习阶段，入门也好、精通也罢，都应该多去看别人的源码来学习，也应该多去写代码来实践。
+
+同样，阅读知名项目的源码不仅能给我们的编程技能带来很大的提升，也会给我们求职（写简历、面试）增加核心竞争力。
+
+正因如此，大家都知道读源码好了，网上培训机构的课程也卷起来了，动不动就是什么带你读源码、教你写源码（对某些同学的确有帮助）。。。
+
+![](https://pic.yupi.icu/5563/202311051943743.png)
+
+但都是读源码，为啥有些人读的过程就像是看本小说，有些人读起来却像是在背课文？为啥有的同学读完后能自己写一个，有些同学读完就忘、啥收获都没有呢？
+
+这就是咱们该关注的问题：**应该什么时候去读优质项目的源码？**
+
+我个人觉得主要是两个因素吧，一是你自己的 **积累** ，二是 **性价比** 。
+
+### 积累
+
+如果还没有足够的积累，缺少一些前置知识（比如设计模式），就直接去读源码，肯定会知难而退或者半途而废。
+
+我们学任何编程技术都应该遵循以下步骤：
+
+1. 先了解这技术的作用。比如 Nginx 是一个高性能的 HTTP 和反向代理 web 服务器。
+2. 能够使用该技术来解决问题（完成需求）。比如用 Nginx 搭建自己的网站，支持被他人访问。
+3. 学习如何更好地用它来解决问题。比如了解 Nginx 各项配置，怎么根据情况去配置对应参数，提高性能等等。
+4. 了解其架构组成、各模块作用、各模块通讯机制、核心设计原理等。比如 Nginx 的架构图：
+
+![](https://pic.yupi.icu/5563/202311051943738.png)
+
+> Nginx 整体架构
+
+1. 最后才是阅读源码，深挖细节。
+
+如果你还不会使用某个技术、没有用它做过项目，那么很多这个技术的概念你可能都是不了解的，看源码的时候也绝对是一脸懵。
+
+我自己也读过一些框架的源码，我感觉理想的看源码过程应该是：你先去猜想作者会怎么实现、自己心里有一个大致的预期和方案，再去通过读源码来验证自己的猜想是否正确。类比为做数学题的话，就是去检查答案；而不是没学过知识点就去硬看答案。
+
+找工作的话，不一定非要阅读牛逼源码，一般能做到倒数第二步（了解架构和设计原理）就足够了。
+
+### 性价比
+
+看源码毫无疑问会花费大量的时间，这就需要我们去衡量性价比。
+
+到底是去看源码，还是去做自己的项目呢？
+
+我个人认为，这取决于你自己当前的阶段和发展目标。就拿我本人来说，我是很喜欢做项目的，而目前我学的大部分技术已经能够满足我做项目的需求，一些调优技巧我也有所实践，那我可能就不会投入太多时间去看源码。但是当我写程序的过程中遇到问题时，我会本能地追踪进源代码去分析。即 **带着目的去读源码** 。
+
+对于求职的同学来说，如果你还没有项目经历，我建议你先不要想着去读源码（可以了解，但别花太多时间），而是应该先把企业中常用的技术框架玩转。源码等找到工作再去精心研究也并不迟。
+
+
+
+------
+
+
+所以，不要看别人去读源码，你也跟着去读，更不用因此感到焦虑。
+
+幸存者偏差，无论是校园学生还是职场员工，真正敢说自己读过牛逼源码的同学还是少数。当然，追求极致的野心我们还是要有的，向写出优质源码的大佬表示致敬。
+
+![](https://pic.yupi.icu/5563/202311051943747.png)
+
+最后，欢迎大家加入鱼皮的 [编程学习圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和 **3000 多名** 小伙伴们一起交流学习，向大佬 1 对 1 提问、跟着鱼皮直播做项目~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\244\247\345\244\232\346\225\260\344\272\272\344\270\215\346\263\250\346\204\217\357\274\214\350\277\231\346\240\267\345\206\231\344\273\243\347\240\201\344\274\232\346\234\211\351\227\256\351\242\230 \357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\244\247\345\244\232\346\225\260\344\272\272\344\270\215\346\263\250\346\204\217\357\274\214\350\277\231\346\240\267\345\206\231\344\273\243\347\240\201\344\274\232\346\234\211\351\227\256\351\242\230 \357\274\201.md"
new file mode 100644
index 0000000..4fc8130
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\244\247\345\244\232\346\225\260\344\272\272\344\270\215\346\263\250\346\204\217\357\274\214\350\277\231\346\240\267\345\206\231\344\273\243\347\240\201\344\274\232\346\234\211\351\227\256\351\242\230 \357\274\201.md"	
@@ -0,0 +1,59 @@
+# 大多数人不注意，这样写代码会有问题 ！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 大多数学编程的同学从来都不注意的问题，必看！
+
+大家好，我是鱼皮，最近帮一些学弟妹看他们开发的项目时，发现一个很严重的问题，那就是他们的代码写的很 **粗糙** 。
+
+什么叫粗糙呢？
+
+就是指：虽然表面上项目能够运行，界面效果也还不错，但是当我去看他们写的代码时，发现代码的质量很低。有些人明显是写了代码之后 **自己都没有读过一遍** ！
+
+举几个例子：
+
+- 1 行代码能完成的功能要写 10 行、20 行，看着都累。
+- 同样的代码要复制粘贴好几遍，有些变量名粘贴后还忘了改。
+- 变量取名很不规范，甚至还有中文名称！
+
+![](https://pic.yupi.icu/5563/202311051940329.jpeg)
+
+其实，这些都是编程学习者的 “通病”。
+
+**我再问大家三个问题：**
+
+1. 你写完代码后自己会读一遍么？
+2. 你想过能正常运行的代码哪里会有问题么？
+3. 你想过提升自己的代码质量么？
+
+![](https://pic.yupi.icu/5563/202311051940347.png)
+
+我相信大部分的同学压根儿都没考虑过这些，自己一个人做项目时无拘无束，写出的代码能运行就完事儿，才不去管代码质量怎么样，反正也没人看。
+
+**为什么要写出高质量的代码呢？**
+
+自己一个人写写代码倒还好，但是你迟早是要工作的，如果在团队开发中还保持着这种坏习惯，写的代码又臭又长、难以理解和维护，不仅会影响自己的开发效率，还会拖垮整个团队！久而久之，可能你的同事以后再也不打游戏了。
+
+为啥？一方面是要改你的烂代码，没空打游戏了；另一方面是不打游戏改成打你了。
+
+![](https://pic.yupi.icu/5563/202311051940336.png)
+
+那为什么现在越来越多学编程的同学不注重自己的代码质量呢？
+
+主要的原因有两点：不仅仅是因为代码写的少，更多的则是由于看的代码少。
+
+大部分同学肯定都是和我之前一样，先看视频教程、或者书籍来入门编程，除此之外就再没看过别的代码。但是，绝大多数的教程只会教你如何写出代码，让你的代码能跑起来，让你觉得 “哎呀，我的代码能运行了，好开心呀，好厉害呀！”。于是，很多同学以为能写出代码就是学会编程了，放低了对自己的要求，从而缺失了 “要努力写出高质量代码” 的意识，更有甚者觉得写代码好像并不难。
+
+**根本从没想过要写优质代码，能写出优质代码才见了鬼了！**
+
+![](https://pic.yupi.icu/5563/202311051940351.png)
+
+所以，想要提升自己的编程能力，成为一名优秀的程序员，就要时刻保持提升代码质量的意识，审视自己代码中可能存在的问题，不能被 “金玉其外败絮其中” 的表象所迷惑。尤其是别人质疑你代码写的烂的时候，千万别急着一锤子上去，要先好好瞅瞅自己的代码，理性对待。
+
+那么如何有意提升自己的代码质量呢？我根本就发现不了自己代码中的问题，以为已经写得很棒棒了，怎么办？
+
+下面 下篇文章中，鱼皮将分享自己一直坚持的写代码习惯，跪求 **赞 + 在看** ，让我们不见不散~
+
+![](https://pic.yupi.icu/5563/202311051940372.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\210\253\344\270\272\350\277\231\344\272\213\346\265\252\350\264\271\346\227\266\351\227\264\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\210\253\344\270\272\350\277\231\344\272\213\346\265\252\350\264\271\346\227\266\351\227\264\357\274\201.md"
new file mode 100644
index 0000000..ff3efbe
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\210\253\344\270\272\350\277\231\344\272\213\346\265\252\350\264\271\346\227\266\351\227\264\357\274\201.md"
@@ -0,0 +1,174 @@
+# 学编程，别为这事浪费时间！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 毕业后我才懂得自救，希望大家引以为戒
+
+大家好，我是鱼皮。
+
+之前给大家分享过我大学四年的编程学习经历：[我学计算机的四年，共勉！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496429&idx=1&sn=fd8c23892964e8d96b2f5698ea2cd0e2&scene=21#wechat_redirect)
+
+很多朋友看完这篇文章后，会感到好奇：我是如何在大学期间做了那么多事情、学了那么多编程知识的？
+
+但其实我要说，只要大家按照路径学习，**一定能够比我学的更多更好** ！
+
+为什么呢？
+
+![](https://pic.yupi.icu/5563/202311051940211.png)
+
+因为首先，大学期间，我并没有 “死学习”，除了学习什么都不干，而是花了很多时间在学习无关的事情上。比如我作为班长要管理班级事务、我也玩游戏（手游 + 端游）、我也参加学生会和社团、也爱参加活动等。
+
+其次，就是我对编程本身没有天赋，不是像大家说的一看就会，一下就能写出代码。之前也讲过，我在高考后自学编程读了几十页书就放弃了，大一期间也是各种踩坑，各种看不懂，甚至在 C 语言考试的时候链表题都做不出来。只不过后来凭借着我对编程强大的兴趣和更多地熬夜砸时间，并且持续总结踩过的坑和学习方法，才帮助我学到了这么多编程知识，才能找到一份大厂的工作。
+
+但这些都不是关键原因，最最最最最重要的是，其实我在学编程的时候，有一个 **坏习惯** ，直到毕业后才意识到真的因此 **白白浪费了太多太多的时间** 。
+
+这也是我学编程时 **最后悔的事** ，如果我能早点醒悟，应该能学到更多知识，身体和头发也会更好些。
+
+下面把这件事以及我毕业后的 **自救方法** 分享给大家，希望帮助大家少走弯路，高效学编程。
+
+### 最后悔的事
+
+我学编程时最后悔的事就是：做事不分主次，花了太多时间在技术无关的纠结上。
+
+举个例子，我在大三学习微服务的时候，独立开发了一个安卓 APP 叫 `面试君主` 。从产品功能、界面设计再到前后端开发和上线都是我一个人负责，断断续续做了两个多月。
+
+![](https://pic.yupi.icu/5563/202311051940266.png)当时做的 APP
+
+听起来好像还不错对吧。但是如果我说，这个项目其实我写代码的时间大概不到一半，大家会怎么想呢？
+
+当时完全没有计划这个 APP 要做多久，所以直到我做完这个项目，在总结复盘时才发现：我特么的竟然花了 **60 - 70%** 的时间在产品功能和设计上？！
+
+产品功能倒还可以理解，毕竟你在写代码前要先明确要做什么、为什么做。但我竟然浪费了大量的时间在设计上！
+
+一方面是纠结项目的界面，比如字体大一点还是小一点，框框宽一点还是窄一点。另一方面是到网上找素材，比如图标和背景的选取，一会儿觉得这个好看，一会儿又觉得另外一个好看，犹豫不决。。。老强迫症患者了。
+
+![](https://pic.yupi.icu/5563/202311051940134.png)
+
+哦，天呐！要知道，我是一个完全没有审美的程序员，本来在变量命名上我就已经很纠结了，为什么还要花了这么多时间在自己不专业的事情上！
+
+大家肯定会问了，你怎么知道浪费了多少时间呢？
+
+其实这只是粗略的估计，我当时每天晚上基本是在固定时间写代码，每天提交 1-2 次。通过分析两次提交代码的差异，我惊讶地发现，经常是间隔 2 个多小时，我就只改了图标或者界面的代码！
+
+![](https://pic.yupi.icu/5563/202311051940160.png)对比两次提交
+
+本来做这个项目的 **主要目的** 是为了学习后端微服务，前端是 **次要** 的，只是为了方便看到效果。但没想到，竟然在上面白白浪费了那么多时间。所以对我来说，做这个项目的过程是极其失败的。
+
+当然，这只是一个例子，我在学编程时，做过的无意义的纠结实在太多了。
+
+而且我不知道大家有没有这种感觉，尤其是在夜深人静的时候，思考会更迟缓，无论是改 Bug 还是调界面都更容易使人陷入纠结，不知不觉时间就溜走了，有的时候我第二天醒来甚至都不知道昨天自己到底在熬夜做什么！
+
+![](https://pic.yupi.icu/5563/202311051940189.png)
+
+熬夜努力或许没错，但熬夜做无意义的事真的是罪过！
+
+这个坏习惯一直陪伴我读完大学，直到工作后，我才意识到需要自救。
+
+### 自救方法
+
+上面说的是我自己觉得很后悔的事，不知道大家有没有同感。
+
+接下来我要分享的 **自救方法** ，不仅帮助我解决了纠结的毛病，还帮助我告别拖延、提高了做事的效率。
+
+方法概括成一句话：将大的任务（目标）拆分为多个子任务，并且给每个子任务设立一个 `deadline`（最后期限），按照计划去完成。
+
+为什么要这样做呢？分别解释一下。
+
+#### 任务拆解
+
+我们总是本能地抗拒有难度的、或者较为庞大的任务。所以如果不对这些任务进行拆分，我们就很容易出现以下 3 种情况：
+
+1. 不想做，不愿做，拖到最后
+2. 做的过程中发现问题，中途放弃
+3. 直接放弃
+
+而且大部分情况下，相信大家都是 **直接放弃** 对吧。
+
+![](https://pic.yupi.icu/5563/202311051940165.png)
+
+将大任务拆分为小任务后，我们就可以逐个击破，通过完成一个个小目标收获成就感，保持热血。
+
+#### 设立 deadline
+
+很多时候，我们做事拖延、磨叽、纠结，就是因为没有事先给自己定下截止时间，所以总是不紧不慢，想些有的没的，忽视了关键目标。
+
+像我上面讲到的，因为没有 deadline，导致自己在开发 APP 时很放松，才过分地纠结设计和界面。如果我当时给自己设立一个 deadline，就必须 1 个月内完成，那我相信自己也是可以做到的，而且可能会更好。
+
+deadline 的作用在我的日常工作中体现的更加明显，以前在学校做项目的时候，除了课堂作业，很少有人给我 deadline，或者说比较宽松。但工作中，老板说这个需求这周上线，那你就必须在这周完成，除非有合理的理由，否则根本没得商量。因此，也是在工作后，我才意识到自己在学校的效率真的是太低了，才变得更加高效。
+
+![](https://pic.yupi.icu/5563/202311051940569.png)
+
+还有一个有趣的现象：在我自己维护工作室、以及跟其他小伙伴合作开发的时候发现，同一个任务，给他们 3 天的时间能按预期完成，给他们一周的时间反而完不成。
+
+所以不仅要设置 deadline，而且要多设置，给每个子任务都设置 deadline，持续给自己压迫感，更有助于帮助我们完成目标。
+
+> 推荐好文：为什么你的 deadline 永远只有 dead?
+>
+> 地址：https://zhuanlan.zhihu.com/p/28404083
+
+### 实际应用
+
+方法介绍完后，结合编程举几个实际应用的例子。
+
+#### 做项目
+
+以前参加比赛做项目时，我一般都是拖到最后才匆匆忙忙提交结果。
+
+但如果现在让我做一个完整的项目，比如编程导航，我先定个目标：1 个月内上线。然后把任务拆解为：先用 3 天时间确定产品功能、再用 1 天时间参考同类产品的设计（花更多时间在开发上），用 1 天设计库表、用 7 天开发前端、3 天开发后端（1 天开发登录、2 天开发基础增删改查），剩余的时间拿来填充网页内容和优化。
+
+这样一来，当我没有按照预期完成小任务时，我会反思原因，并且动态调整剩余工作的时间，以保证整体目标预期达成。
+
+#### 学编程
+
+以前看书、看视频学习某项技术时，我可能就是想学什么、点进视频就开始学了。也没有想过计划用多少时间把它学完，结果就是导致学习节奏慢，每天看个几节课。可能今天的还没看，昨天的就忘了。
+
+![](https://pic.yupi.icu/5563/202311051940717.png)
+
+但假如现在让我学 Java，我会先扫一遍视频（书籍）的目录，根据视频的时长和章节，定下总的学习目标，比如 1 个月学完 Java 基础。然后将目标拆分成：3 天搭建 Java 环境和跑起项目，5 天学完 Java 基础语法、10 天学完 Java 面向对象、5 天做一个 Java 实战项目、再花 5 天学习高级特性和复习等。
+
+#### 刷算法
+
+很多朋友跟我抱怨说自己会在一道算法题上纠结很久，多达几个小时，结果到最后也没做出来，非常难受。
+
+我大一做 ACM 练习题的时候也是这样，想不通就硬想，生来倔强，就以为自己能做出来。现在想想，太亏了，虽然这道题自己想出来可能会很有意义，但不要忘了，你大学的时间是有限的啊！想出来一道题的时间，说不定别人都学了一个新技术了。
+
+因此，我会给自己定下刷算法的目标：每天 2 - 3 道题，每道题限时 30 分钟，想不出来就直接去看题解，有了思路再去想，再多复习巩固。由此，最后我用了接近一年半的时间刷了 **1000** 多道算法题。
+
+### 其他工具
+
+最后也给大家分享一些帮助管理计划、安排时间、高效工作、防止遗漏的实用工具吧~
+
+#### 滴答清单
+
+我自己一直在用的任务管理工具，也是帮助我成为时间管理大师（狗头）的必备神器，支持多端同步。
+
+![](https://pic.yupi.icu/5563/202311051940713.png)
+
+#### Forest 专注森林
+
+我从高中就在用的 APP，每成功保持专注一段时间后，都能收获一颗小树，终有一日聚为森林。
+
+![](https://pic.yupi.icu/5563/202311051940960.png)
+
+#### 番茄 todo
+
+也是一款帮助你管理时间，保持专注的 APP，好评率很高。
+
+![](https://pic.yupi.icu/5563/202311051940344.png)
+
+#### Teambition
+
+阿里巴巴旗下的工作学习套件，同时适用于团队和个人，团队协作、项目管理、个人安排、做笔记等功能一应俱全，界面也很精简。
+
+![](https://pic.yupi.icu/5563/202311051940058.png)
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311051940100.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\215\203\344\270\207\345\210\253\350\203\214\344\273\243\347\240\201\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\215\203\344\270\207\345\210\253\350\203\214\344\273\243\347\240\201\357\274\201.md"
new file mode 100644
index 0000000..41794b9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\255\246\344\271\240\346\214\207\345\215\227/\351\201\277\345\235\221\346\214\207\345\215\227/\345\255\246\347\274\226\347\250\213\357\274\214\345\215\203\344\270\207\345\210\253\350\203\214\344\273\243\347\240\201\357\274\201.md"
@@ -0,0 +1,290 @@
+> 分享我编程 “不忘” 的十几种方法
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+最近私信收到最多的问题就是：我学编程的时候记不住代码，老忘怎么办？
+
+比如这位小伙伴，学编程一个月了，问我咋背代码：
+
+![](https://pic.yupi.icu/5563/202311051930983.png)头像不错
+
+其实，我自己的记性是非常非常差的，所以我才在选专业的时候弃法从码。
+
+我在最开始学习 C 语言编程的时候，也是敲一次忘一次，很痛苦。但我又不想放弃，于是强迫自己去记忆代码，渐渐地把学编程变成了背单词。但花了很多时间，好不容易把单词背下来了，却还是写不出代码，这就让我逐渐怀疑人生。
+
+后来和前辈们的交流中，我发现记不住代码是很正常的，倒不如说能记住代码的人不太正常（太聪明、记性好）。
+
+于是，我改变了自己的学编程方法，不再背代码，提高了学习编程的效率。
+
+今天就分享下我的编程 “不忘” 大法。
+
+## 鱼皮编程不忘大法
+
+分为四部分：先分享一些通用记忆方法，再是面向学编程的记忆方法，还给出了忘记代码后的解决方法，以及一些必须要记忆的内容。
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311051930989.png)
+
+> 思维导图
+
+### 通用记忆方法
+
+以下方法，可以帮助我们养成记忆的好习惯，不止编程，适用于所有知识的学习。
+
+#### 编故事
+
+相对枯燥的代码和理论，我们更喜欢看故事。试着把知识点编成有趣的故事，或者和某些人或事进行关联，能够加深印象。
+
+比如我给大家分享编程经验的时候，会提到我的老弟小阿巴，就是为了加深大家的印象，一看到熊猫头就想到 bug，还有什么 “从前有匹马叫代码”，以及一些用故事讲技术的文章和视频，都能起到强化记忆的作用。
+
+![](https://pic.yupi.icu/5563/202311051930978.png)
+
+#### 兴趣强化
+
+对于自己感兴趣的事情，我们记忆会更容易。
+
+比如我从前爱打游戏，数学公式记不住，但却能精准记忆怪物的血量伤害和装备的爆率。
+
+所以想更轻松地记忆，最好能培养自己对这件事的兴趣，或者用更有趣的方式来学习，比如上面说到的看故事、看图解、看短视频知识分享。
+
+![](https://pic.yupi.icu/5563/202311051930020.png)
+
+#### 利用感官
+
+我们在记忆时除了需要动脑外，还可以利用好感官，比如搭配一些肢体动作。
+
+关于这点，也不用刻意，每个人都有自己的习惯和小动作。比如有人喜欢用手比划，有人喜欢抚摸下巴，像我则是喜欢在背书时挠头，有的时候把头发挠掉了，看着这根头发，我就感觉知识记得更牢了。真就我变秃了，也变强了呗。
+
+![](https://pic.yupi.icu/5563/202311051930003.png)
+
+除了感官外，人脑经历过的事物，思考过的问题，体验过的情感和情绪，练习过的动作，都可以成为我们记忆的内容，帮助我们关联记忆碎片。
+
+#### 理解
+
+记东西不能死记硬背，要思考，要理解，这点真的是从小听到大，就不多说了。
+
+#### 体系化
+
+我们在学习时，最好按照体系去学习记忆，而不是东瞅瞅、西瞧瞧。
+
+可以把零碎的知识整理成大纲、学习路线、思维导图等等，按序、分点地去记忆。
+
+老读者应该发现了，我现在就经常在自己的知识分享文章开头放上一张思维导图，就是为了帮助大家快速了解文章结构，从而加深印象。
+
+#### 记忆时间
+
+一般情况下，每天早上和晚上临睡前，是记忆的最佳时间。
+
+我从小养成的一个习惯是：每天睡觉前会躺在床上回忆一遍自己今天做过的事情，的确有强化记忆的效果。
+
+此外，考试周或面试前，我会把复习内容作为文档存到手机上，睡觉前打开 WPS Office 或者一些文档语音朗读软件，让音频伴我入睡。第二天早上起床前，可以先打开音频，闭上眼睛，听到知识点时自己在脑海中再回想一遍，真的有奇效！
+
+![](https://pic.yupi.icu/5563/202311051930999.png)
+
+#### 定期回忆
+
+不知道大家有没有听说过遗忘曲线（艾宾浩斯曲线），就是说我们在学习中的遗忘是有规律的，并且遗忘的速度先快后慢。
+
+![](https://pic.yupi.icu/5563/202311051930286.png)
+
+> 遗忘曲线
+
+观察曲线，我们发现，很多短期记忆消失地很快。所以不能 `光记不忆` ，要趁热打铁，学完知识后抓紧应用，并且按照曲线，每隔一段时间复习一遍，才能留住所学知识。
+
+### 编程记忆方法
+
+上面的方法可以帮助我们更好地记忆知识，而下面的方法更聚焦于帮助我们学习编程，提高效率。
+
+#### 选择性记忆
+
+首先，对于学编程来说，千万不要去背代码！
+
+本来编程知识这辈子都学不完了，背代码的话下辈子都学不完了。
+
+![](https://pic.yupi.icu/5563/202311051930339.png)
+
+学编程时，我们应该：**记住有什么，你能做什么，而不是具体怎么做** 。
+
+举个例子，现在让你设计一个电梯调度系统。你只需要听说过有个东西叫 `电梯调度算法` ，以及它能实现电梯的有序调度就行了，而并不需要记住怎么写代码。等到要做的时候，去搜该算法具体的实现就行了。
+
+再举个例子，现在前端的类库那么多，假设让你做一个网页动画效果，那你在此前只需要知道 `Animate.css` 库可以实现，等用的时候查文档就好了，并不需要把它的每个类、每种用法都记下来。别忘了，代码更新换代很快的，即使有的东西你能记住，但它也有时效性。
+
+尤其是对于编程的初学者，不要去背代码，你只需要知道某个函数大概能做什么事情，我要完成某个功能时能想到它（甚至是能搜到）就可以了。
+
+另外，刷算法题目的时候很多同学理解不了就直接死记硬背，其实记忆算法没有问题，但你要记的不是某段代码，而应该是一类题目的 **解题套路** 。
+
+#### 笔记
+
+学编程时，一定要多记笔记，无论是看书、看文章还是看视频。
+
+但是请注意，笔记不是什么都记！
+
+![](https://pic.yupi.icu/5563/202311051930350.png)
+
+有些同学怕自己忘记视频中老师讲的知识，直接把老师的原话一句句地敲下来，一个视频暂停几十次。看似笔记上内容很多，但其实真正有用的、你能记住的东西很少，而且很浪费时间，大可不必。
+
+不要忘了，笔记是 **给你自己看的** ，是为了帮助自己复习的。我记笔记时，重点在于记思路、记流程、记关键节点。
+
+比如我看一个前端项目实战教程时，我会记录老师设计系统的思路、以及实现系统的关键操作步骤，并且在看完视频后自己按照笔记的步骤去回想、去操作，而不是把老师写的每一行代码都记下来。还有就是记录老师重点强调的细节，尤其是一些坑。
+
+记笔记还有个好处就是记录自己的学习过程和进度，虽然会花一些时间，但性价比是很高的。
+
+#### 多写代码
+
+想学好编程，一定要多写代码多实践。很多同学理论玩的很 6、视频看的又多又快，但看完视频后还是不会写代码、没思路，大概率是因为敲的少了，都是纸上谈兵。
+
+像我初学编程的时候，就是只看不写，最后约等于没看。
+
+![](https://pic.yupi.icu/5563/202311051930382.png)
+
+后来，我修改了自己学习的节奏，一般看视频学技术时：先看理论部分，了解某项技术它是做什么的、有什么功能；然后看实战，跟着老师看一集写一集，并且看完一套视频后，一定要对照笔记自己再做一个项目，把视频中讲到的重点技术进行综合运用。
+
+不要觉得写项目浪费时间，想要学好编程，就一定要多做项目，可以帮助你更好地理解技术、加深印象。
+
+另外，通过实践，可以帮助你理解很多枯燥的理论。比如当时我们上计算机组成原理这门课，基本全是理论，上课听的一知半解、昏昏欲睡，也根本记不住。
+
+直到后来老师带我们到实验室，使用开发箱实际操作，通过接线点亮电路小灯，实现指令集运算，才真正帮助我记住了课堂上讲到的知识。
+
+#### 卡塔练习
+
+我是从一本程序员修养类书籍接触到的 `卡塔` ，官方的解释是：卡塔是指 “形”，即招式套路，练习时必须按形进行。
+
+简单来说，就是每日练习。
+
+想要学好编程，每天都要写一些代码，做一些训练。比如学前端的同学可以每天用 JS 来实现一个小功能，学后端的朋友的可以每天书写几条 SQL 语句，巩固 SQL 语法。此外，现在程序员找工作非常看重基础算法和数据结构，想要学好这些，我们也应该坚持每天刷 1 - 3 道题，坚持过就知道这到底有多重要了。
+
+![](https://pic.yupi.icu/5563/202311051930483.png)每日一题
+
+#### 多踩坑
+
+相比快乐，我们更容易记住痛苦。所以学编程的时候，一定要多写代码，尤其是要多遇到 Bug，多解决 Bug。摔得越痛，飞的越高。
+
+比如我曾经经历过一个线上事故，因为资源未释放导致服务停机，直接影响了现金收益！所以直到今天，我时刻记得要释放资源，不要再翻车了。
+
+除了不经意间写 Bug 外，我还会 **主动试坑** 。就写代码的时候故意去尝试一些可能出现的操作，比如把函数参数的类型从 A 改为 B，然后分析对函数的影响，很多情况下，会有意想不到的收获，说不定就发现了一个知名框架的 Bug 呢？
+
+![](https://pic.yupi.icu/5563/202311051930642.png)
+
+#### 激励
+
+和上面提到的兴趣一样，如果写程序能给我们带来激励和正反馈，我们就更乐意、更主动地去完成它。
+
+对我来说，自己主动去做的项目更容易记住，比如我至今都能想起大一时主动做的国家级创新创业项目用到了哪些技术、有哪些不足；但却想不起来大四时被要求做的图像处理毕业设计都有哪些功能了。
+
+#### 外力
+
+除了主动之外，压力也能帮助我们提高编程学习效率，加深记忆。
+
+比如我在腾讯实习期间，有一周上线时间很紧张，那一周基本每天工作到凌晨，所以印象尤为深刻。
+
+![](https://pic.yupi.icu/5563/202311051930658.png)
+
+#### 分享
+
+有的知识你以为自己会了，但没办法把它讲出来，就是不理解，这样很快就会遗忘，面试时还会吃大亏！
+
+所以最好能把自己写过的代码、学到的知识分享给他人，能够极大地加深对知识的理解和印象，还能帮助自己发现不足。
+
+分享的途径多种多样，比如写文档、写博客、对着小黄鸭去讲、参与演讲、录制视频等。
+
+像我刚开始学编程大概半年多的时候，就建立了自己的个人博客，在上面记录自己学到的知识。现在来看，虽然当时写的真的是太烂了！但也为我如今做知识分享做了铺垫。
+
+我真的是很享受学习知识并且对外输出的过程的，持续学习，持续输出。说个好玩的事，大学的时候骑着我小电动车带室友一起上课的路上，我都会跟他扯一通技术。分享真的是可以激励自己不断进步，并且帮助到更多人的！
+
+![](https://pic.yupi.icu/5563/202311051930705.png)
+
+#### 复盘总结
+
+这也是很多同学忽略的一点，学了一个技术、做了一个项目后，就赶紧把他们像炸弹一样丢掉了。其实，你自己学过的、实践过的知识都是值得珍藏的宝藏。
+
+我在学校时，每做完一个项目，都会展开回忆，从当初想做这个项目开始、到当时的思路、实现过程、遇到的坑等，并且还会分析自己做的好或不好的地方，再加上一些心得感悟，整理汇总成一篇博客文章。
+
+同理，学完一门技术时，我也会把这个技术的关键知识点汇总成博客。
+
+现在工作了，我依然保持总结的好习惯，自己会写日报、周报、月报、年报等。现在回过头来看，也是一笔不小的成就，要不然谁还记得自己一年前干了啥呢？
+
+![](https://pic.yupi.icu/5563/202311051930815.png)
+
+> 记录工作
+
+### 忘了怎么办？
+
+我知道很多同学追求完美，想把什么都记住，害怕今后忘记重要的知识。
+
+其实对学编程来讲，忘记是很正常的，而且完全不可怕！
+
+我建议大家索性少记一点，不要给自己太大的记忆负担，即使忘了，我们也有下面的方式来解决。
+
+#### 积累
+
+首先，一定要注重积累，整理自己做过的事。
+
+像我会整理自己写过的代码，这样等要用的时候，直接去找，然后 CV（复制粘贴）大法好。
+
+我会整理自己写过的文章、看过的好文、好句子、好表情，打造自己的语料库、素材库，随用随搜，省去了大量记忆量。
+
+我还会整理自己踩过的坑、写过的 bug，并且将解决方案也一同整理，即使下次再遇到同样问题，也能高效解决。
+
+![](https://pic.yupi.icu/5563/202311051930855.png)
+
+> 整理 Bug 及解决
+
+#### 利用搜索和文档
+
+忘了某段代码怎么写、没有思路、或者遇到问题了，那就去网上搜索一下；忘了某个框架的特性、函数的参数、用法，那就去看框架的官网文档就行了。
+
+难道还要别人帮你搜索嘛？
+
+![](https://pic.yupi.icu/5563/202311051930909.png)
+
+#### 多写注释和文档
+
+程序圈里有个梗：有位程序员骂一段代码特别辣鸡，结果最后发现是自己写的。
+
+这是每位程序员都会遇到的事：
+
+1. 看不懂自己写的代码
+2. 不认识自己写的代码
+
+为了防止此类沙雕事件的发生，我们应该适当地给代码添加注释，像我的话经常会放一些设计思路、设计文档链接、作者等等：
+
+```
+/*
+ * 功能：三连
+ * 思路：请参照文档 xx.cn
+ * 作者：狗鱼皮
+ */
+function sanLian() {
+  console.log('感谢三连')
+}
+```
+
+还可以适当回顾下自己写的烂代码，说不定就有什么优化灵感了呢？
+
+除了注释外，做项目一定要写文档，把项目背景、选型过程、设计思路、实现方案都写清楚。不仅可以帮助自己总结工作，还能给其他项目的参与者指引和帮助。
+
+> 最好把产品说过的一些话也记录上，防止日后产品改需求。
+
+### 不得不背？
+
+最后，虽然说学编程不靠背代码，但等到找工作的时候，一些面试的考点还是必须要记住的。不过在背面经、背考点时也不要像背课文一样死板，还是要加上自己的理解，多实践。
+
+比如经典面试题：MySQL 如何性能优化？
+
+死记硬背当然可以，但有时间的话，更好的做法是自己实践一下 MySQL 的优化手段，并且记录优化的效果，比如性能提升了百分之几等等，这样自然就能记住，跟面试官聊的时候也更有底气。
+
+
+
+------
+
+
+以上就是本期分享，希望大家能养成好习惯，多敲多练，别再强迫自己背代码了！
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311051930014.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Docsify + \344\272\221\345\274\200\345\217\221\357\274\214\351\253\230\346\225\210\345\210\233\351\200\240\344\275\240\347\232\204\346\226\207\346\241\243\347\275\221\347\253\231.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Docsify + \344\272\221\345\274\200\345\217\221\357\274\214\351\253\230\346\225\210\345\210\233\351\200\240\344\275\240\347\232\204\346\226\207\346\241\243\347\275\221\347\253\231.md"
new file mode 100644
index 0000000..1e486bb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Docsify + \344\272\221\345\274\200\345\217\221\357\274\214\351\253\230\346\225\210\345\210\233\351\200\240\344\275\240\347\232\204\346\226\207\346\241\243\347\275\221\347\253\231.md"	
@@ -0,0 +1,167 @@
+# Docsify + 云开发，高效创造你的文档网站
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+技术文档是程序员必备的参考书。那么如何高效地编写简洁优雅的技术文档，并快速发布到互联网上供他人阅览呢？
+
+你可能听说过GitBook，但毕竟是国外的网站，访问速度慢。
+
+你可能听说过简书，但在简书写文档会受到很多限制，不够灵活便捷。
+
+神器来了，docsify 是一个动态生成文档网站的工具。有了docsify，我们只要把时间投入到文档内容的编写中，而无需关心格式，docsify能自动帮我们生成简洁优雅的文档网站，还有多种主题哦。
+
+![](https://pic.yupi.icu/5563/202311080943703.png)
+
+生成的文档网站样式如下，非常清爽：
+
+![](https://pic.yupi.icu/5563/202311080943698.png)
+
+> docsify的文档使用Markdown语法编写，如果你还不会编写Markdown，请先花十分钟学习Markdown语法教程。
+
+想要将docsify生成的文档网站发布出去，以前我们会选择GitHub Pages来进行网站托管。但由于GitHub是国外网站，会导致你的文档网站访问速度较慢。
+
+但现在，可以在腾讯云开发上托管你的docsify文档啦！不需要再忍受中美网络之间的波动导致的网络性能差和速度慢的问题啦！
+
+![](https://pic.yupi.icu/5563/202311080943558.png)
+
+云开发（CloudBase）是一款云端一体化的产品方案 ，采用 serverless 架构，免环境搭建等运维事务 ，支持一云多端，助力快速构建小程序、Web应用、移动应用。
+
+云开发静态网站托管支持通过云开发SDK调用服务端资源如：云函数、云存储、云数据库等，从而将静态网站扩展为全栈网站。
+
+无论是腾讯云·云开发用户，还是小程序·云开发用户，只要开通按量付费（有免费空间），即可享有云开发静态网站托管服务。
+
+鱼皮作为一名全栈开发者，曾作为小程序云开发校园执行官，实践并在校园推广小程序+云开发技术。有着丰富的云开发实践经验（老王卖瓜），结合跨端框架和云开发能力开发过多个小程序。
+
+下面，只需5分钟，利用docsify+云开发高效创造和部署你的个人文档网站吧！
+
+**系统依赖**
+
+在进行后续的内容前，请先确保你的电脑中安装了 Node.js 运行环境。如果没有安装，可以访问 nodejs.org 下载安装。
+
+**在本地初始化一个docsify文档网站**
+
+首先，我们先安装 docsify-cli 工具，可以方便创建及本地预览文档网站。
+
+```
+npm i docsify-cli -g
+```
+
+安装完成后，直接通过 `init` 初始化项目。
+
+```
+docsify init mydocs
+```
+
+会在当前目录下创建mydocs目录，目录结构如下：
+
+```
+README.md 入口文件index.html 会做为主页内容渲染.nojekyll 用于阻止 GitHub Pages 会忽略掉下划线开头的文件，不用关心
+```
+
+直接编辑 README.md 就能更新网站内容，当然也可以写多个页面。
+现在让我们修改README.md为自己想要的内容，使用vim命令（也可以自己在编辑器软件中修改）。
+
+```
+vim mydocs/README.md
+```
+
+![](https://pic.yupi.icu/5563/202311080943543.png)
+
+最后通过 docsify serve 命令在本地启动网站服务器，支持热加载，修改文档后自动更新，做到实时预览。
+
+```
+docsify serve mydocs
+```
+
+可以看到如下提示：
+
+![](https://pic.yupi.icu/5563/202311080943545.png)
+
+在浏览器打开 http://localhost:3000 即可查看效果：
+
+![](https://pic.yupi.icu/5563/202311080943390.png)
+
+文档网站已经生成，但此时仅自己本地可见。如何让其他人看到自己的网站呢？
+我们可以利用云开发的静态托管部署功能，只需几步，轻松发布自己的网站。
+
+用静态托管部署你的文档网站
+
+首先进入腾讯云的云开发(cloudbase)控制台：
+
+![](https://pic.yupi.icu/5563/202311080943804.png)
+
+点击立即创建，开通一个云环境：
+
+![](https://pic.yupi.icu/5563/202311080943809.png)
+
+注意选择是**按量计费**的模式(只有按量计费才能开通静态网站托管)，可使用**免费资源**，超过用量部分才计费。
+
+点击立即开通，喝杯 ☕️，稍等片刻即可创建完成。
+
+创建完成后，进入到提示页，点击开始使用，初始化静态网站服务。
+
+![](https://pic.yupi.icu/5563/202311080943289.png)
+
+现在我们就可以使用云开发提供的静态网站服务了，有两种使用方式：
+
+#### **1. 通过界面上传**
+
+初始化完成后，自动进入刚刚创建的云开发环境。在文件管理页，点击上传文件，将本机mydocs目录下的index.html与README.md两个静态文件进行上传。
+
+![](https://pic.yupi.icu/5563/202311080943909.png)
+
+进入到设置页，使用默认域名即可访问到我们的文档网站啦！
+
+默认会读取我们上传的index.html文件进行展示，也可以自己修改索引文档。
+
+![](https://pic.yupi.icu/5563/202311080943610.png)
+
+#### **2. 命令行上传**
+
+手动上传显得比较麻烦，我们也可以借助 cloudbase cli 以命令行的方式执行上传。首先，安装cloudbase cli：
+
+```
+npm install -g @cloudbase/cli
+```
+
+执行登录命令：
+
+```
+cloudbase login
+```
+
+
+
+![](https://pic.yupi.icu/5563/202311080943948.png)
+
+在弹出的页面确认授权：
+
+![](https://pic.yupi.icu/5563/202311080943289.png)
+
+进入到云环境查看页面，复制刚刚创建的云环境id：
+
+![](https://pic.yupi.icu/5563/202311080943696.png)
+
+接着，本机打开终端，cd命令进入到mydocs目录中，执行cloudbase的deploy命令将目录中的静态网站文件给部署上去：
+
+```
+cd mydocscloudbase hosting:deploy . -e EnvID
+```
+
+这里的 EnvID 替换为刚刚复制的云环境id。
+
+![](https://pic.yupi.icu/5563/202311080943743.png)
+
+最后，和通过界面上传一样，进入到设置页，使用默认域名即可访问到我们的文档网站啦！效果如下：
+
+![](https://pic.yupi.icu/5563/202311080943741.png)
+
+## **One More Thing**
+
+只需简单的几步，你就可以轻松实现将创作好的文档网站部署到云开发上供大家访问了，无需再忍受 Github Pages 的龟速啦！现在还可以0元迁移哦！
+
+不仅如此，如果你是一个自动化爱好者， 还可以试着把云开发 Cli 配置到你的 CI 环境中，实现自动部署哦～
+
+如获取静态托管技术文档，点击下方**阅读原文**，进入云开发社区官网！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Java \345\244\204\347\220\206\350\241\250\346\240\274\357\274\214\347\234\237\347\232\204\345\276\210\347\210\275\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Java \345\244\204\347\220\206\350\241\250\346\240\274\357\274\214\347\234\237\347\232\204\345\276\210\347\210\275\357\274\201.md"
new file mode 100644
index 0000000..598abf2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/Java \345\244\204\347\220\206\350\241\250\346\240\274\357\274\214\347\234\237\347\232\204\345\276\210\347\210\275\357\274\201.md"	
@@ -0,0 +1,213 @@
+# Java 处理表格，真的很爽！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一个简单又快速的表格处理库
+
+大家好，我是鱼皮。
+
+处理 Excel 表格是开发中经常遇到的需求，比如表格合并、筛选表格中的某些行列、修改单元格数据等。
+
+今天给大家分享一个 Java 处理表格的工具库，不需要任何专业知识，拿来就能用，快速又轻松~
+
+![](https://pic.yupi.icu/5563/202311081004788.png)
+
+可能有同学说了，用 Python 处理表格不是更方便么？为毛用 Java 啊？
+
+当然是因为企业中大部分后台开发用的都是 Java！如果你要搞一个允许用户自主上传 Excel 进行处理的服务，那显然直接用 Java 来实现最方便~
+
+![](https://pic.yupi.icu/5563/202311081004380.png)
+
+## Easy Excel
+
+要介绍的库是阿里的 Easy Excel，简单、省内存的读写 Excel 的开源项目。
+
+> 文档地址：https://www.yuque.com/easyexcel/doc/easyexcel
+
+直接打开官方文档，就能看到项目的使用说明了：
+
+![](https://pic.yupi.icu/5563/202311081004541.png)官方文档
+
+首先在项目中引入 Easy Excel（版本号以文档中的最新版本号为主）：
+
+```
+<dependency>
+    <groupId>com.alibaba</groupId>
+    <artifactId>easyexcel</artifactId>
+    <version>3.0.5</version>
+</dependency>
+```
+
+然后进入文档的 **快速开始** 部分，就可以看到读取和写入表格数据的方法了。
+
+下面让我们以一个实际需求为例，试着使用一下这个库。
+
+### 需求
+
+假设我们有这样一个 Excel 表格：
+
+![](https://pic.yupi.icu/5563/202311081004792.png)
+
+如果想要调换 **姓名列** 和 **年龄列** 的顺序，应该怎么做呢？
+
+### 读取表格
+
+首先要读取原始表格中的数据。
+
+Easy Excel 提供了两种读取表格的方式：**创建对象的读** 和 **不创建对象的读** 。
+
+#### 创建对象的读
+
+如果你已知整个表格的表头信息，比如列名（比如 “姓名”）和列的数据类型（比如字符串），那么可以创建一个对应的类，用来在 Java 中表示表格的元信息。
+
+比如为上述表格创建 `YupiData` 类，代码如下：
+
+```
+@Data
+public class YupiData {
+  // 姓名
+  private String name;
+  // 年龄
+  private Integer age;
+  // 出生日期
+  private Date bornDate;
+}
+```
+
+默认会根据属性的顺序来关联表格列的顺序，比如 name 对应姓名（第 0 列）、age 对应年龄（第 1 列）。
+
+当然，你也可以使用注解的方式来指定每个属性对应的表格列，支持指定下标和列名，代码如下：
+
+```
+@Data
+public class YupiData {
+  // 强制读取下标为 2 的列（第三列）
+  @ExcelProperty(index = 2)
+  // 指定接受日期的格式
+  @DateTimeFormat("yyyy/MM/dd")
+  private Date bornDate;
+    
+  // 用名字去匹配，不能和其他列重复
+  @ExcelProperty("年龄")
+  private Integer age;
+    
+  @ExcelProperty("姓名")
+  private String name;
+}
+```
+
+定义好了表格数据类，就可以开始读取了，该库非常贴心，提供了 **同步** 和 **异步** 两种读取方式。
+
+同步是指一次性读取表格中的所有行，以列表的方式完整返回，再整体去处理。由于这种方式会将数据完整加载到内存中，因此只 **适用于表格行数比较少** 的情况。代码如下：
+
+```
+    /**
+     * 同步读取
+     */
+    public void synchronousRead() {
+      String fileName = "鱼皮的表格.xlsx";
+      // 读取到的数据
+      List<YupiData> list = EasyExcel.read(fileName)
+       .head(YupiData.class)
+        .sheet()
+        .doReadSync();
+    }
+```
+
+异步方式需要定义一个 **监听器** ，每读取一行，就要立即去处理该行数据。这样就不需要将所有数据都加载到内存中，算一行读一行，理论上算完了也可以丢弃。代码如下：
+
+```
+/**
+ * 定义监听器
+ */ 
+public class YupiDataListener 
+    implements ReadListener<YupiData> {
+  /**
+   * 每读一行数据，都会调用一次
+   *
+   * @param data 一行数据
+   * @param context 上下文
+   */
+  @Override
+  public void invoke(YupiData data, AnalysisContext context) {
+    // 输出姓名
+    System.out.println(data.getName());
+  }
+}
+
+/**
+ * 开始读取
+ */
+void assynchronousRead() {
+  String fileName = "鱼皮的表格.xlsx";
+  EasyExcel.read(fileName, YupiData.class,
+      new YupiDataListener())
+      .sheet()
+      .doRead();
+}
+```
+
+#### 不创建对象的读
+
+如果事先不清楚表格会有哪些列、类型如何（比如让用户自主上传表格），那么可以使用 **不创建对象读** 的方式，直接用 `Map<Integer, String>` 泛型类来接收：
+
+```
+List<Map<Integer, String>> list = EasyExcel
+    .read(fileName)
+    .sheet()
+    .doReadSync();
+// Map 的 key 为列下标，value 为单元格的值
+for (Map<Integer, String> data : list) {
+ ... 
+}
+```
+
+当然，这种读取方式也同时支持同步和异步，可以根据需求选择方式，灵活的一批！
+
+### 写入表格
+
+学会读取后，写入表格就更简单了，依然是先定义一个类，用来表示要写入表格的元信息（列名、列数据类型等）。
+
+比如要完成表格列顺序调换的需求，定义表格数据类的时候，把 age 和 name 属性的顺序换一下就好了：
+
+```
+@Data
+public class YupiWriteData {
+  // 年龄 ↑
+  private Integer age;
+  // 姓名 ↓
+  private String name;
+  // 出生日期
+  private Date bornDate;
+}
+```
+
+然后执行 Easy Excel 的 write 方法，就完事了，代码如下：
+
+```
+void doWrite() {
+  // 已读取和处理后的数据列表
+  List<YupiWriteData> dataList = xxx;
+  String fileName = "result.xlsx";
+  EasyExcel.write(fileName, YupiWriteData.class)
+      .sheet("工作表1")
+      .doWrite(dataList);
+}
+```
+
+搞定，是不是贼简单！
+
+除了这个库外，Java 处理 Excel 的库还有很多，比如 Apache POI、Hutool 等，大家可以去试试。但我个人感觉还是 Easy Excel 更对我的胃口。
+
+
+
+------
+
+
+好了，是不是很简单了，有兴趣的话自己写个表格处理程序吧~
+
+学到的话，帮鱼皮点个 **赞 + 在看** 呗，感谢！
+
+![](https://pic.yupi.icu/5563/202311081004090.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/VS Code \350\277\234\347\250\213\345\274\200\345\217\221\345\256\236\346\210\230.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/VS Code \350\277\234\347\250\213\345\274\200\345\217\221\345\256\236\346\210\230.md"
new file mode 100644
index 0000000..8397395
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/VS Code \350\277\234\347\250\213\345\274\200\345\217\221\345\256\236\346\210\230.md"	
@@ -0,0 +1,177 @@
+# VS Code 远程开发实战
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 从 0 开始体验一波远程开发
+
+大家好，我是鱼皮。
+
+记得刚开始学编程的时候，我理所应当地以为只能编辑自己电脑上的代码文件。如果想要修改服务器上的代码，只能先把代码从服务器上拷贝下来，然后在本地修改好再上传到服务器上。
+
+但是这样效率实在太低了！
+
+后来我学聪明了，利用 git 在本地和远程之间同步。先在本地修改好代码，`git push` 推送到 Github 代码托管平台上，再到服务器上 `git pull` 拉取。虽然方便了不少，不过遇到频繁修改的情况还是很抓狂。
+
+![](https://pic.yupi.icu/5563/202311081005864.png)
+
+那有没有更高效的方式，能够保持本地和远程代码的实时同步呢？
+
+请出今天的主角：远程开发技术，下面我带大家体验一波。
+
+## 远程开发实战
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311081005210.png)
+
+> 鱼皮远程开发实战导图
+
+### 何为远程开发？
+
+远程是相对于本地的。
+
+传统开发中，我们都是本地写好代码再放到服务器上运行。
+
+而远程开发的特点是：
+
+1. 代码不放在自己电脑上，而是在远程连接的服务器上
+2. 可以在本地直接实时查看和修改远程服务器上的代码
+
+也就是说，我们可以蹲在家里，用自己的一台电脑去灵活编辑远在天边的服务器上的代码。
+
+![](https://pic.yupi.icu/5563/202311081005716.png)
+
+> 注意！不要把远程开发理解为远程办公哈哈。
+
+听起来还是挺爽的，有很多种技术可以实现远程开发，比如最古老的远程控制方式。这里推荐大家直接使用开发工具自带的远程开发插件，比如 JetBrains 全家桶和 VS Code。
+
+由于 VS Code 相对轻量易用，这里带大家实战一波 VS Code 远程开发。
+
+![](https://pic.yupi.icu/5563/202311081005763.png)
+
+### 实战体验
+
+#### 1. 安装插件
+
+首先打开 VS Code，点击左侧扩展按钮，搜索 "remote"，能够看到一些远程开发插件，支持 SSH 远程连接、连接 Docker 容器、连接Windows 上的 Linux 子系统等。
+
+这里我们选择下图第二个 `Remote - SSH` ，点击安装即可：
+
+![](https://pic.yupi.icu/5563/202311081005521.png)
+
+> 安装插件
+
+#### 2. 远程连接
+
+安装好之后，按 `ctrl` + `shift` + `p` 打开命令面板，输入 "remote"，找到 `Remote - SSH: Add New SSH Host` ，添加一个 SSH 远程连接。
+
+![](https://pic.yupi.icu/5563/202311081005081.png)
+
+根据提示输入你要连接的远程服务器的用户名、主机地址（如果没有服务器，在本地启动虚拟机也可以），记得带上 `-A` 参数（开启代理转发功能）：
+
+![](https://pic.yupi.icu/5563/202311081005014.png)
+
+输入连接信息后，选择将该信息保存到一个配置文件中：
+
+![](https://pic.yupi.icu/5563/202311081005074.png)
+
+然后连接信息就添加成功了：
+
+![](https://pic.yupi.icu/5563/202311081005929.png)
+
+点击 connect 按钮，就连接成功了，在左侧面板中可看到 “已连接到远程”：
+
+![](https://pic.yupi.icu/5563/202311081005089.png)
+
+#### 3. 实时浏览
+
+连接到远程后，我们就可以像操作自己本地电脑一样，浏览远程服务器上的文件。
+
+比如说我这里进入自己的项目目录：
+
+![](https://pic.yupi.icu/5563/202311081005674.png)
+
+> 打开文件夹
+
+在左侧可以看到目录下的文件：
+
+![](https://pic.yupi.icu/5563/202311081005515.png)
+
+#### 4. 远程编辑
+
+让我们在编辑器中新建一个文件 `test.java` ，
+
+![](https://pic.yupi.icu/5563/202311081005670.png)
+
+可以使用 XShell 等其他远程 SSH 连接软件访问同一台服务器，进入同一个目录，用 `ls` 查看目录下的文件，能看到在 VS Code 中新建的 java 文件：
+
+![](https://pic.yupi.icu/5563/202311081005258.png)
+
+#### 5. 实时协作
+
+我们可以用 VS Code 和其他 SSH 连接软件（如 XShell）来模拟两个用户正在同时协作编写同一个代码文件。
+
+先在 VS Code 中写下一行优质代码：
+
+![](https://pic.yupi.icu/5563/202311081005228.png)
+
+再在 XShell 中编辑该文件，可以立即看到 VS Code 写下的那行代码，在它下面再写一行：
+
+![](https://pic.yupi.icu/5563/202311081005082.png)
+
+保存之后，在 VS Code 中就能看到全部代码了：
+
+![](https://pic.yupi.icu/5563/202311081005518.png)
+
+#### 6. 端口转发
+
+既然我们编辑的代码是在远程的，那代码也是运行在远程的，假如说要查看远程项目的运行效果，怎么办呢？
+
+VS Code 提供了端口转发功能，可以配置远程服务器和本地端口的映射，以支持本地直接访问到远程服务器的应用。
+
+按 `ctrl` + `shift` + `p` 打开命令面板，搜索 "forward"，选择转发端口：
+
+![](https://pic.yupi.icu/5563/202311081005687.png)
+
+输入要转发的端口号（应用占用的端口），就添加成功了，非常方便！
+
+![](https://pic.yupi.icu/5563/202311081005516.png)
+
+然后就能在本地访问运行的项目啦！
+
+![](https://pic.yupi.icu/5563/202311081005419.png)
+
+#### 7. 远程调试
+
+除了远程编辑代码外，我们可以利用 VS Code 本身的代码提示能力和调试能力。由于远程调试和本地调试几乎没有任何区别，此处不再演示。
+
+### 感受
+
+虽然之前早就听说了远程开发，但一直觉得这玩意配置肯定会很麻烦，而且没啥用。但实际体验下来，不仅安装方便，而且操作友好、基本感受不到延迟，就像在用自己的电脑一样，真心非常爽！
+
+![](https://pic.yupi.icu/5563/202311081005061.png)
+
+远程开发有很多好处：
+
+1. 由于代码运行在远程服务器，能够大大节省自己电脑的资源，不会出现多开几个项目电脑就卡如狗的情况。
+
+2. 可以多人协同编辑，提高协作效率。
+
+3. 不用在本地搭建环境，就能快速上手开发。尤其是一条龙开发、啥都让你干的时候，更爽，比如之前我去紧急支持一个项目的时候，同事有一台开发机，上面有现成的可运行环境和项目代码。下次再遇到这种情况，我就直接连他的服务器远程开发就行了。
+
+4. 如果对 Linux 服务器操作不太熟悉，也可以把远程开发当成一个傻瓜式服务器管理软件。
+
+   
+
+------
+
+
+以上就是本期分享，感兴趣的同学可以看下我在 B 站最新发布的 VS Code 远程开发演示视频~（三连 + 评论 “三连了”）抽红包 🧧
+
+⬇️ 点击下方阅读原文一键跳转到视频
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311081005960.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\270\200\350\265\267\346\235\245\345\201\232\344\270\252\345\205\215\347\231\273\345\275\225\350\265\204\346\272\220\345\257\274\350\210\252\345\260\217\347\250\213\345\272\217\345\220\247.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\270\200\350\265\267\346\235\245\345\201\232\344\270\252\345\205\215\347\231\273\345\275\225\350\265\204\346\272\220\345\257\274\350\210\252\345\260\217\347\250\213\345\272\217\345\220\247.md"
new file mode 100644
index 0000000..1201d9c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\270\200\350\265\267\346\235\245\345\201\232\344\270\252\345\205\215\347\231\273\345\275\225\350\265\204\346\272\220\345\257\274\350\210\252\345\260\217\347\250\213\345\272\217\345\220\247.md"
@@ -0,0 +1,233 @@
+# 一起来做个免登录资源导航小程序吧
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+今天，一起来开发个资源导航微信小程序吧，要实现的功能很简单，就是所有用户都可以查看和推荐资源。
+
+主要目的是通过实战，帮助大家快速了解下 **小程序开发流程** 和 **云开发技术**，学习更高效的小程序开发方式。
+
+### 技术选型
+
+首先选择小程序开发技术。开发小程序的过程和开发网站类似，都是要写前端（界面交互）和后端（请求处理逻辑）代码。
+
+#### 前端
+
+前端方面我选择用 **Taro 框架 + Taro UI 开发**。Taro 是一个基于 React 的跨端开发框架，支持写一套代码，自动生成微信小程序、H5、APP 等应用，再加上框架为很多复杂的功能提供了函数封装，可以大大提升开发效率。而 Taro UI 是基于 Taro 的 UI 库，提供了很多现成的组件，比如图片上传、选择器等，可以满足常见的开发需求。
+
+![](https://pic.yupi.icu/5563/202311081006031.png)
+
+#### 后端
+
+后端就简单了，传统的方式是使用编程语言提供的后端开发框架，比如 Java 的 SpringBoot、PHP 的 Laravel、Python 的 Django 等，但往往需要自己搭建服务器、数据库、日志、监控、运维等等，对于只会前端或者想要快速开发小程序的同学来讲，简直就是噩梦！
+
+**因此我选择更高效便捷的方式，腾讯小程序云开发！**
+
+### 什么是云开发
+
+小程序云开发是微信团队联合腾讯云推出的专业的小程序开发服务，帮助大家快速开发小程序、小游戏、公众号网页等，并且原生打通微信开放能力。
+
+**云开发的优势有哪些呢？**
+
+1. 开发者无需搭建后端服务器，只需使用平台提供的各项能力（比如云数据库、云存储、音视频、AI 等），即可快速开发业务。
+2. 安全易接入：无需管理证书、签名、秘钥，直接调用微信 API 。复用微信私有协议及链路，保证业务安全性。
+3. 多端复用：支持环境共享，一个后端环境可开发多个小程序、公众号、网页等，便捷复用业务代码与数据。
+4. 不限开发语言和框架：开发者可以使用任意语言和框架进行代码开发，构建为容器后，快速将其托管至云开发。
+5. 按量计费，成本更低，支持自动扩缩容
+6. 扩展能力：支持一键部署静态网站，并能用云 CMS 管理数据内容
+
+其中，最吸引我的就是云开发的高效便捷，不用自己搞服务器、搭数据库，也不用处理和微信对接的复杂逻辑，只需要专注于实现功能本身即可，而且可以直接用云开发 SDK 提供的各种函数，开发效率拉满！
+
+比如查询数据，几行代码搞定！
+
+![](https://pic.yupi.icu/5563/202311081006594.png)
+
+### 应用开发
+
+下面来开发小程序，包含初始项目搭建、前端页面开发、接入云开发等步骤。
+
+#### 项目搭建
+
+首先我们参照 Taro 框架官方文档的快速开始部分，安装 Taro 命令行工具，并初始化一个小程序应用。
+
+![](https://pic.yupi.icu/5563/202311081006886.jpeg)初始化 Taro 应用
+
+注意初始化时会让你选择模板，此处选择云开发即可，Taro 会自动生成包含云开发的示例代码，目录结构如下：
+
+![](https://pic.yupi.icu/5563/202311081006183.png)
+
+#### 前端开发
+
+我们总共要创建两个页面，资源列表页和推荐资源页，需要用到的组件有列表、表单、输入框、按钮、图像上传等。
+
+Taro UI 支持以上所有组件，按照 Taro UI 的官方文档接入，复制组件代码到页面中修改即可，很快就能开发出这两个页面。
+
+资源列表页的示例代码如下：
+
+```
+<View className='list'>
+  <!-- 列表组件 -->
+  <AtList>
+    {resourcesView}
+  </AtList>
+  <!-- 固钉组件，点击跳转至推荐页 -->
+  <AtFab className="fab-btn"
+         onClick={() => navTo(xx)}>
+    <AtIcon value='add'/>
+  </AtFab>
+</View>
+```
+
+可以打开微信开发者工具查看页面效果：
+
+![](https://pic.yupi.icu/5563/202311081006038.png)
+
+> 资源添加页
+
+页面开发完成后，我们来搭建后端服务，使得用户可以通过界面插入和读取数据。
+
+#### 接入云开发
+
+区别于自己搭建后端服务，使用云开发会更简洁快速，直接在微信开发者工具中点击云开发，开通环境即可，每位用户都可以享有一定数量的免费环境！
+
+![](https://pic.yupi.icu/5563/202311081006880.png)
+
+> 开通云开发
+
+在云开发界面中，可以对云数据库、云存储、云函数等资源进行监控和管理。
+
+我们可以在云数据库中创建一张 **资源表**，用于读写资源数据。云开发控制台支持可视化的数据库管理，比如记录、索引、数据权限等，非常方便！
+
+![](https://pic.yupi.icu/5563/202311081006930.png)
+
+> 云数据库管理
+
+每个环境都有唯一的 id，用于区分，可以在前端引入云开发 SDK，并传入环境 id 来初始化。
+
+前端用 Taro 的话，可以用它封装好的 `init` 方法：
+
+```
+Taro.cloud.init({
+  // 环境 id
+  env: 'xx', 
+})
+```
+
+然后，就可以在前端 **直接调用** 云开发提供的操作数据库的接口，比如插入数据、查询数据，不用自己开发后台了！
+
+比如插入数据：
+
+```
+const db = Taro.cloud.database();
+// 添加数据到 resource 表
+db.collection('resource').add({
+  data
+}).then(res => {
+  // 成功
+  return res;
+}).catch(err => {
+  // 失败
+ console.error(err);
+});
+```
+
+在推荐资源时需要让用户上传图片，以前我们需要自己找地儿存放，现在可以在前端 **直接调用云存储**，几行代码搞定：
+
+```
+// 上传文件
+const res = await Taro.cloud.uploadFile({
+  cloudPath: '上传到云存储的位置',
+  // 要上传图片的本地路径
+  filePath: pictureUrl,
+})
+// 获取图片 id，可下载或直接展示
+picture = res.fileID;
+```
+
+可以在云开发控制台管理云存储中的文件、配置权限、缓存等：
+
+![](https://pic.yupi.icu/5563/202311081006992.png)
+
+> 云存储管理
+
+如果云开发默认提供的接口不能满足需求，那可以自己写后台接口，作为一个云函数部署到腾讯云上。然后在前端请求即可，和自己开发后端类似。
+
+比如部署一个登录函数，可以获取用户在小程序中的唯一 id，在控制台中还能看到函数的调用日志、管理权限等。
+
+![](https://pic.yupi.icu/5563/202311081006380.png)
+
+> 云函数管理
+
+### 实现无登陆调用
+
+按照上面的流程开发完后，在微信开发者工具中，能够顺利地推荐和展示资源。但是如果将这个小程序上线并分享给其他用户，就会出现权限问题，所有功能都会失效！
+
+![](https://pic.yupi.icu/5563/202311081006832.png)
+
+> 某同学遇到的问题
+
+这是因为云开发为了保证资源的安全性、灵活控制资源调用权限，制定了安全规则，**默认不允许未登录用户访问**。
+
+![](https://pic.yupi.icu/5563/202311081006628.png)
+
+> 安全规则
+
+假如我们把小程序分享到朋友圈，必须要朋友们登录才能查看资源列表，那这用户体验就太差了，所以下面我们要实现无登录调用。
+
+小程序云开发考虑到了种种场景，因此提供了 **未登录模式**。
+
+在未登录模式中，不存在用户的登录态，应用场景有：
+
+1. 单页模式：小程序/小游戏分享到朋友圈被打开时
+2. Web 未登录模式：没有登录的 Web 环境中
+
+该模式默认关闭，需要在 “云控制台 - 设置 - 权限设置” 中手动为云环境开启允许未登录访问。
+
+![](https://pic.yupi.icu/5563/202311081006688.png)
+
+> 进入权限设置
+
+![](https://pic.yupi.icu/5563/202311081006128.png)
+
+> 允许未登录访问
+
+一旦开启了未登录模式，客户端（前端）的权限控制 **必须使用安全规则**，即云函数、数据库和文件存储的访问都必须通过安全规则。
+
+因此，除了在控制台开启允许未登录访问云环境外，还必须在云数据库、云存储和云函数的权限设置中分别选择安全规则并配置。
+
+安全规则有一套自己的语法，以云数据库为例，选择自定义安全规则，查看原本的规则：
+
+![](https://pic.yupi.icu/5563/202311081006724.png)
+
+> 原安全规则
+
+在上述规则中，`read`、`write` 分别代表读写权限，`doc` 表示当前的一条数据，`auth` 表示当前登录的用户，表达式为 `true` 时允许访问，即当前登录的用户必须是该条数据的创建者才能读写。
+
+未登录用户访问时，安全规则的 auth 字段为空，如果要允许所有用户读写所有资源，可以直接将表达式值设置为 true：
+
+![](https://pic.yupi.icu/5563/202311081006730.png)
+
+> 修改安全规则
+
+再修改下云存储的安全规则，原规则如下：
+
+![](https://pic.yupi.icu/5563/202311081006409.png)
+
+上述规则中，`resource` 表示一个资源，将表达式改为 true，则允许所有用户读写存储的所有文件！
+
+同理，也要修改云函数的安全规则，可以为不同云函数设置不同规则，比如 `login` 函数允许所有用户访问，而其他函数仅允许已登录用户访问：
+
+![](https://pic.yupi.icu/5563/202311081006980.png)
+
+安全规则非常灵活，合理运用，可以在满足资源调用需求的同时，增加资源的安全性，为应用安全保驾护航。
+
+
+
+------
+
+
+
+最后总结，通过本文，我们了解了小程序的开发过程，以及小程序云开发的用法、无登录资源调用的方式。相对于代码，思路更重要，也强烈建议大家试一试云开发，感受高效，轻松地做出自己的应用！
+
+⬇️ 点击下方阅读原文，开启云开发之旅
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\272\224\345\210\206\351\222\237\357\274\214\344\275\277\347\224\250 Typora + PicGo \346\217\220\345\215\207\347\231\276\345\200\215\345\206\231\344\275\234\346\225\210\347\216\207.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\272\224\345\210\206\351\222\237\357\274\214\344\275\277\347\224\250 Typora + PicGo \346\217\220\345\215\207\347\231\276\345\200\215\345\206\231\344\275\234\346\225\210\347\216\207.md"
new file mode 100644
index 0000000..404c395
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\344\272\224\345\210\206\351\222\237\357\274\214\344\275\277\347\224\250 Typora + PicGo \346\217\220\345\215\207\347\231\276\345\200\215\345\206\231\344\275\234\346\225\210\347\216\207.md"	
@@ -0,0 +1,133 @@
+# 五分钟，使用 Typora + PicGo 提升百倍写作效率
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+学习和工作中，我们经常需要写作。
+
+如果你正在学习编程，可能会写篇学习笔记记录一下。
+
+如果你是一名开发者，可能会写篇技术文档或者接口文档。
+
+如果一是一名博主，可能会写篇文章分享知识。
+
+又或者写篇散文，抒发下内心的情感。
+
+对于经常写作的同学来说，如果没有高效写作的工具，可能花费了大量的时间在调整格式和排版上。
+
+![](https://pic.yupi.icu/5563/202311080958931.gif)
+
+下面，只需五分钟，教大家使用 Typora + PicGo 两款神软件提升百倍写作效率！
+
+## **Markdown**
+
+在介绍Typora之前，先介绍一下什么是Markdown？
+
+Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。
+
+下面是一段Markdown语法，用两对星号将文字括起来，可以自动实现文字加粗：
+
+```
+**加粗**
+```
+
+如果你不了解Markdown语法，没有关系，神器来了！
+
+## **Typora**
+
+Typora是一款简洁的Markdown文本编辑器，能够帮助我们自动利用Markdown统一文章排版，而无需专门去学习Markdown的语法，从而提升我们的协作效率。
+
+直接在官网下载安装即可。
+
+下载地址：https://www.typora.io/
+
+Typora的使用非常简单，安装好之后，就可以直接上手写作了~
+
+**但是，鱼皮使用Typora写了一段时间的文章后，发现一个比较麻烦的事。**
+
+对于博主来说，写一篇文章要花很多时间，当然也希望文章被更多人看到，因此会把文章发布到网上，分享给大家。更有甚者，会把同一篇文章发布到各个不同的平台，比如B站、知乎等。
+
+要把文章发布到网上，就要复制粘贴Typora中编辑好的文字，然而如果文章中使用到了截图，是没有办法直接复制粘贴的，因为图片存储在本地，并没有上传到网上（没有url链接）。
+
+如果文章中引用了大量的本地图片，只能一张张通过平台提供的插入功能进行上传，非常的麻烦！
+
+而已经上传到网上的图片可以愉快地直接复制粘贴，平台会自动将其保存。
+
+那有没有什么办法，能够让我们在Typora中插入图片时，自动将图片上传至网络，并得到图片url链接呢？
+
+
+
+## **PicGo + 七牛云实现图片自动上传**
+
+PicGo是一款优秀的图床工具，能够自动把本地图片上传至网络，并转换成可访问的链接。在Typora中配合PicGo，就可以实现在文章中插入图片时自动上传啦。
+
+下面一起来试试，只需几步，就能完成。
+
+### **1. 下载安装PicGo**
+
+下载地址：https://github.com/Molunerfinn/PicGo/releases
+
+挑选一个版本，根据自己的操作系统（Win/Linux/Mac）来下载一个安装包：
+
+![](https://pic.yupi.icu/5563/202311080958579.png)
+
+安装完成，但是现在还不能直接使用软件，必须要先设置图床。
+
+什么是图床？简单来说，就是存储你上传的图片的地方（服务器）。
+
+（可以通过下面这篇文章了解图床，并获取免费的图床资源）
+
+此处我们选用七牛图床，高速且稳定，下面进行七牛图床配置。
+
+
+
+### **2. 七牛图床配置**
+
+打开PicGo软件，进入图床设置，点击“七牛图床”：
+
+![](https://pic.yupi.icu/5563/202311080958865.png)
+
+怎么要填写那么多配置项？莫慌，其实很简单。
+
+打开七牛云官网，申请一个存储空间作为图床。
+
+地址：https://portal.qiniu.com/create
+
+先进行一番身份认证，然后添加“对象存储”：
+
+![](https://pic.yupi.icu/5563/202311080958019.png)
+
+创建存储空间，地域可以选择离自己近的，先设置空间为公开（所有人都能访问存储的图片）：
+
+![](https://pic.yupi.icu/5563/202311080958261.png)
+
+将存储空间名称和存储区域（华东z0 华北z1 华南z2 北美z3 东南亚z4）填入PicGo图床设置中。
+
+申请空间成功后，能够得到一个临时访问的域名（30天），复制它，填入PicGo图床设置的“设定访问网址”中：
+
+![](https://pic.yupi.icu/5563/202311080958268.png)
+
+然后从七牛云网站右上角头像处进入秘钥管理（https://portal.qiniu.com/user/key），将得到的AccessKey和SecretKey填入PicGo图床设置：
+
+![](https://pic.yupi.icu/5563/202311080958254.png)
+
+图床设置就完成了，可以打开PicGo手动上传一张图片试试~
+
+![](https://pic.yupi.icu/5563/202311080958713.png)
+
+
+
+3. Typora开启图片自动上传
+
+最后，打开Typora，在偏好设置中，按照图中配置即可：
+
+![](https://pic.yupi.icu/5563/202311080958463.png)
+
+大功告成，在Typora中插入图片试试吧！
+
+
+
+## **写在最后**
+
+七牛云存储免费提供了10G的空间和30天的临时域名，未必是最佳图床，大家也可以尝试使用Gitee作为图床，永久存储自己的图片~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\347\247\215\347\256\200\345\215\225\345\205\215\350\264\271\347\232\204\344\270\212\347\272\277\347\275\221\347\253\231\346\226\271\346\263\225.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\347\247\215\347\256\200\345\215\225\345\205\215\350\264\271\347\232\204\344\270\212\347\272\277\347\275\221\347\253\231\346\226\271\346\263\225.md"
new file mode 100644
index 0000000..6f4c76f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\347\247\215\347\256\200\345\215\225\345\205\215\350\264\271\347\232\204\344\270\212\347\272\277\347\275\221\347\253\231\346\226\271\346\263\225.md"
@@ -0,0 +1,78 @@
+#  几种简单免费的上线网站方法
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 几种简单免费的上线网站方法
+
+大家好，我是鱼皮，最近一些小伙伴问我：怎么能把自己开发好的网站上线给别人访问？
+
+一般来说，想让别人能看到你的网站，你要购买域名、买服务器、再人工把网页文件传上去，还要装个 Nginx 之类的 web 服务器软件、修改软件配置等等，整套流程还是比较复杂的。
+
+但大多数时候，我们可能只是想做个小网站练练手，或者临时发给朋友看看，真的有必要搞这么麻烦么？
+
+![](https://pic.yupi.icu/5563/202311080941952.png)
+
+当然不用！这都 2022 年了，已经出现了越来越多上线网站的方法，下面鱼皮就简单给大家介绍 4 种，详细的手把手教程可以观看我录制的视频~
+
+视频地址：https://www.bilibili.com/video/BV1UZ4y197i1/ （点击文末阅读原文可直接跳转）
+
+### 无服务器上线网站方法
+
+上线网站的前提是你得先有网页文件，这个就不多说了，你可以自己写、用网页生成器拖拽开发、当然也可以上网借鉴（比如 GitHub 搜索代码）。
+
+#### 1. 云编程环境
+
+随着前端技术的发展，现在云端编程环境（云 IDE）已经越来越流行，比如 CodePen、JSFiddle、GitPod 等平台，可以支持你在线编写代码、实时查看运行效果，还可以保存代码、将写好的网站直接分享给别人浏览。
+
+![](https://pic.yupi.icu/5563/202311080941642.png)
+
+> CodePen 云 IDE
+
+对于前端开发来说，这种直接在线上写代码的平台真的太方便了，直接省略了部署过程，所见即所得！
+
+#### 2. 网站托管服务
+
+如今，很多云服务商都提供了网站托管服务。
+
+这种方法的原理是：别人有能挂网站的服务器和上线工具，我们把网站文件交给他们管着就行了。
+
+像国外的 Vercel、GitHub Pages，国内的 Webify、Gitee Pages、静态网站托管等，都是大同小异。
+
+![](https://pic.yupi.icu/5563/202311080941411.png)
+
+> 静态网站托管服务
+
+不过就现在这个情况，我不建议大家用国外的托管服务，时不时就抽抽两下导致网站无法访问了。国内的托管服务虽然做的 “就那样” 吧，但起码网站的访问速度还是有保障的。
+
+#### 3. 对象存储
+
+我们可以把对象存储想象为网盘，可以将图片、音视频等文件放上去存储，也可以预览和下载已上传的文件。
+
+因为网站本质上也是文件，所以只需要把网站文件和相关资源都打包上传到对象存储上，就能通过它为我们提供的网址来访问啦！
+
+国内不错的对象存储服务有七牛云、腾讯云存储等，七牛云 SDK 丰富、且提供了一些免费存储空间，比较适合新入坑对象存储的开发者。
+
+![](https://pic.yupi.icu/5563/202311080941403.png)
+
+> 七牛云存储
+
+#### 4. 内网穿透
+
+以上几种方式，并不是真的不需要用到服务器，只不过是把网站文件放到了别人的服务器上而已。
+
+但最后这种方式比较特别，通过 **内网穿透** 技术打通网络，直接让别人访问自己电脑上的网页！
+
+我之前分享过一个 [实现内网穿透的小软件](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247503714&idx=1&sn=c034c891d09945686a5a0e09f06d53c2&scene=21#wechat_redirect) ，感兴趣的同学可以看看~
+
+
+
+------
+
+
+OK，使用以上几种方法，已经能够满足我们临时上线一个网站的需求了。但如果你是要正式上线一个产品，用户数很多的话，建议还是选择收费、稳定的服务吧！
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311080941407.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\350\241\214\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\260\261\350\203\275\345\201\232\344\270\252\350\201\212\345\244\251\345\256\244\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\350\241\214\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\260\261\350\203\275\345\201\232\344\270\252\350\201\212\345\244\251\345\256\244\357\274\201.md"
new file mode 100644
index 0000000..07b56db
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\207\240\350\241\214\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\260\261\350\203\275\345\201\232\344\270\252\350\201\212\345\244\251\345\256\244\357\274\201.md"
@@ -0,0 +1,126 @@
+# 几行代码，竟然就能做个聊天室！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，我们的工作和生活离不开聊天软件，但是你知道怎么自己开发一个聊天软件么？
+
+其实，做一个自己的聊天软件并不难，而且可以说是 “异常简单”！只要了解一下前端开发、了解即时通讯的基本概念、再搭配上一个好用的、现成的类库就可以了。
+
+今天就带大家用几行代码做个简单的聊天室~
+
+## new 个聊天室
+
+### 原理
+
+首先我们要搞清楚发送消息的人和接受消息的人是如何保持联系的。最直接的方式肯定就是这两个人（服务器）直接建立连接：
+
+![](https://pic.yupi.icu/5563/202311080938912.png)
+
+那么如果是三个人两两聊天，每个人就要和其他人建立两条连接：
+
+![](https://pic.yupi.icu/5563/202311080938772.png)
+
+那么如果一个 2000 人的聊天室，情况可能是这样的，每个人要建立 1999 个连接！
+
+![](https://pic.yupi.icu/5563/202311080938186.png)
+
+可想而知，这种点对点的方式对于聊天室来说非常浪费资源，而且也没办法控制用户、保证连接的安全性。
+
+所以更合理的方法是，让所有加入聊天室的同学连接同一个服务器，只需要建立一个连接，有消息都往服务器去发；由服务器来决定将收到的消息转发 / 广播给哪些用户：
+
+![](https://pic.yupi.icu/5563/202311080938059.png)
+
+这便是聊天室的一个基本模型。服务器程序的实现上我们可以采用经典的 HTTP 协议、也可以采用 WebSocket 协议。但由于 HTTP 协议是单向的、也不够实时，所以通常采用后者。
+
+WebSocket 协议是一个应用层协议，能够让客户端和服务器之间进行双向实时通信，可以将它想象成传声筒中间的那根线：
+
+![](https://pic.yupi.icu/5563/202311080938166.png)
+
+要注意，WebSocket 并不是 Socket！Socket 不是一个协议，只是对 TCP / UDP 等协议进行抽象封装的一组接口，目的是为了让大家更方便地编程。而 WebSocket 只是在收发消息时 **模拟** 了 Socket 的实现而已。
+
+### 实现
+
+搞清楚原理后，咱们的聊天室就做完了，大家下期再见！
+
+![](https://pic.yupi.icu/5563/202311080938356.png)
+
+好吧，开个玩笑，了解原理后，写代码实现啥的真的太简单了，因为我们根本不需要自己从 0 开始编写 WebSocket 的实现，只要选一个现成的库就好了。
+
+之前我一直在用 Java 的 Vertx 和 Netty，但前天直播的时候我只是想做一个很简单的工具，就不打算用 Java 这种强类型语言了，而是选择了对前端同学更友好的 Node.js，用一个 JS 语言就能同时实现前端和服务端，岂不美哉？！
+
+Node.js 有一个非常优秀的开源 WebSocket 封装库 `Socket.IO` ，我们可以用它来开发聊天室。
+
+![](https://pic.yupi.icu/5563/202311080938839.png)
+
+进入官网，直接在主页就能看到示例代码，分别为服务端和客户端，只用几行代码就能让两者互相问好：
+
+![](https://pic.yupi.icu/5563/202311080938594.png)
+
+然后我们进入 Examples，官方文档竟然已经给我们提供了聊天室的 Demo 代码！
+
+![](https://pic.yupi.icu/5563/202311080938184.png)
+
+大致的步骤就是这样：
+
+1. 使用 Express 新建一个 Node.js 服务，保证基本的后端能启动
+
+![](https://pic.yupi.icu/5563/202311080938352.png)
+
+1. 新建一个前端页面，写出发送消息的界面，并且让后端提供页面的访问能力
+
+![](https://pic.yupi.icu/5563/202311080938691.png)页面长这样
+
+1. 前后端整合 Socket.IO，通过 socket.on 来监听某个事件（可以自定义事件名）：
+
+```
+// 监听 chat message 事件
+socket.on('chat message', (msg) => {
+  // 收到消息后广播到其他客户端
+  socket.broadcast.emit('chat message', msg);
+});
+```
+
+1. 当用户（客户端）点击发送消息按钮时，会触发 `chat message` 事件：
+
+```
+socket.emit('chat message', '用户输入的消息');
+```
+
+然后服务端就会将这条消息广播给其他人（客户端）。
+
+1. 其他人（前端）收到消息后，只需要将消息作为新的 DOM 元素插入到页面消息列表里就可以啦，示例代码如下：
+
+```
+socket.on('chat message', function(msg) {
+  var item = document.createElement('li');
+  item.textContent = msg;
+  messages.appendChild(item);
+  window.scrollTo(0, document.body.scrollHeight);
+});
+```
+
+整个流程大概就是这样，大家可以去 Socket.IO 官网看到这个简易聊天室的完整教程和代码。不过这只是最基础的聊天室 Demo，要真做一个企业级的聊天室，背后的门道还是非常多的。
+
+我最近打算做个小工具，所以前两天也直播带大家玩了一下 Socket.IO 这个库，实现了实时监控视频下评论的功能，效果如下：
+
+![](https://pic.yupi.icu/5563/202311080938035.png)
+
+竟然还有同学企图通过评论区的消息来攻击我的监控后台哈哈，离谱！
+
+直播回放依然是放在我自己的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) 中，包括请求获取、API 文档带读、Socket.IO 监控评论的前后端实现，感兴趣的同学欢迎加入星球观看~
+
+加入星球后还可以进圈子和爱学习的朋友们一起交流编程、向鱼皮等已经上岸大厂的同学提问、得到清晰的学习规划、得到学习路线和海量教程 & 项目资源等。相信加入星球后，你会有很大的改变！
+
+星球内还有最新完结的 [用户中心项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&scene=21#wechat_redirect)，视频时长超过一整天的干货~
+
+某位星球小伙儿的项目收获：
+
+![](https://pic.yupi.icu/5563/202311080938002.png)
+
+目前星球已经有 6300 多名小伙伴加入，限时优惠 60 元，等 7500 人的时候还会再涨价（因为维护星球、回答问题真的太累了），想更好学习编程的同学欢迎扫码领券加入：
+
+![](https://pic.yupi.icu/5563/202311080938357.png)
+
+拜~ 打工去咯！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\224\250 5 \345\210\206\351\222\237\344\270\212\347\272\277\346\226\260\347\275\221\347\253\231\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\224\250 5 \345\210\206\351\222\237\344\270\212\347\272\277\346\226\260\347\275\221\347\253\231\357\274\237.md"
new file mode 100644
index 0000000..5f9685b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\224\250 5 \345\210\206\351\222\237\344\270\212\347\272\277\346\226\260\347\275\221\347\253\231\357\274\237.md"	
@@ -0,0 +1,207 @@
+# 如何用 5 分钟上线新网站？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 用最简单的方式，带你上线自己的网站！
+
+大家好，我是鱼皮。
+
+相信每位学编程的同学都想要拥有一个自己的网站，比如个人博客，可以拿来记录自己的学习过程、分享自己的文章、展示作品等，从而激励自己持续学习和总结。
+
+那么今天这篇文章，目标很简单，我要用 **新技术** 带 **所有同学** 从 0 到 1 快速上线一个自己的网站！
+
+给我 5 分钟，我给你全世界。
+
+![](https://pic.yupi.icu/5563/202311080944172.png)
+
+## 上线网站极简教程
+
+让我们先来了解下传统的上线网站流程。
+
+### 传统方式
+
+假如我们要上线个人博客网站，供其他同学访问，那么需要经历如下步骤：
+
+1. 准备一份个人博客网站的源代码
+2. 购买一台有公网 IP 的服务器
+3. 把网站文件放到服务器上，并安装 web 服务器软件提供网页访问能力
+4. 购买一个域名
+5. 配置 DNS 解析，把域名指向服务器的 IP 地址
+6. 如果要提高网站访问速度，自行购买 CDN
+
+流程图如下：
+
+![](https://pic.yupi.icu/5563/202311080944167.png)传统网站上线流程
+
+听起来就觉得麻烦，而且这一套流程下来最少也要 1 个小时。这也是为啥很多同学只是有上线个人网站的想法，却从未实现。
+
+但是，昨天我却只用 5 分钟，就上线了自己的网站，怎么做到的呢？
+
+下面引出今天的主角 `Webify` 。
+
+### Webify
+
+Webify 是腾讯云提供的 **一站式** Web 应用托管服务，帮助大家极速开发、部署、上线网站项目。
+
+什么是一站式呢？
+
+就是一条龙服务，只要你有一套网页代码，无论是静态、动态网站还是其他类型的 web 应用，都能使用 Webify 傻瓜式部署。由它提供服务器、默认域名、自定义域名、HTTPS、CDN 加速，提升 Web 应用的性能和安全性。
+
+换言之，如果使用 Webify 上线个人博客，你只需要：
+
+1. 准备一份个人博客网站的源代码
+2. 进入 Webify 控制台，选择源码和配置
+3. 一键发布
+
+流程大大精简了！
+
+![](https://pic.yupi.icu/5563/202311080944256.png)
+
+> Webify 上线网站流程
+
+此外，Webify 还提供基于 Git 工作流的 DevOps 流程，每次修改代码都能自动重新构建部署，不用再登录服务器自己操作了！
+
+听起来挺爽，下面我们一起试着用 Webify 上线个人博客。
+
+### Webify 实战
+
+> 地址：https://cloud.tencent.com/product/webify
+
+首先进入 Web 应用托管平台，新建一个应用。
+
+一个应用对应一个网站项目，这里提供两种新建应用的方式：Git 导入和从模板创建。
+
+![](https://pic.yupi.icu/5563/202311080944326.png)
+
+> Web 应用托管平台
+
+#### Git 导入创建应用
+
+Git 导入适用于已有网站源代码的方式，只要你的代码存在于 Git 托管平台，就能直接在 Webify 导入。
+
+比如我们想要上线个人博客，先要有一套博客源代码。可以自己写代码；也可以直接使用一些现成的站点生成器，比如 Hugo、Hexo 等（后面详细介绍），自动生成源代码；当然还可以下载、克隆别人的项目代码。搞到代码后，把它上传到 GitHub 或 Gitee 等代码托管平台就可以被 Webify 导入了。
+
+导入之后需要根据应用的技术栈和类型，填写构建命令等配置。这里可以直接选择预设配置，比如你的项目用到了 Vue.js，可以直接选择对应的预设，不用填写就能自动配置：
+
+![](https://pic.yupi.icu/5563/202311080944007.png)
+
+> 新建应用
+
+#### 从模板创建应用
+
+如果我们啥代码都没有，也搞不来代码，咋办？
+
+也没有关系，Webify 内置了一些项目模板，直接选择需要的应用创建即可。比如我们要做个人博客，可以选择 Docusaurus 2 这款主流的站点生成器：
+
+![](https://pic.yupi.icu/5563/202311080944318.png)
+
+> 从模板创建
+
+选中模板后，系统会自动把代码模板复制到新的 Git 仓库，和应用关联。
+
+![](https://pic.yupi.icu/5563/202311080945591.png)
+
+Webify 会自动给 Git 仓库配置 Webhooks，后续每当仓库的代码发生变更（push）时，都会自动触发应用的重新部署，无需再跑到服务器上改代码了！
+
+![](https://pic.yupi.icu/5563/202311080945873.png)
+
+> 自动配置 Webhooks
+
+点击下一步，进入应用配置，由于我们使用的是系统预设模板，什么都不用改，用默认配置就行了。
+
+![](https://pic.yupi.icu/5563/202311080945606.png)
+
+> 应用配置
+
+点击部署按钮，稍等几分钟，应用就创建成功了！
+
+#### 应用详情
+
+可以在应用列表和部署记录中查看到新建完成的应用：
+
+![](https://pic.yupi.icu/5563/202311080945472.png)
+
+点击新建的应用，进入应用详情页：
+
+![](https://pic.yupi.icu/5563/202311080945371.png)
+
+> 应用详情
+
+可以查看到应用的详细信息，比如系统为我们提供的默认项目域名，点击之后就能访问到已上线的博客网站啦！
+
+![](https://pic.yupi.icu/5563/202311080945366.png)
+
+> 生成的博客网站
+
+应用详情中还有一个所属环境信息，那是啥呢？
+
+其实在部署过程中，系统会自动创建一个 `云开发` 环境，根据配置的命令自动构建项目，将构建产物放到 `静态网站托管` 上。
+
+可以在云开发控制台看到已经上传到服务器上的文件：
+
+![](https://pic.yupi.icu/5563/202311080945428.png)
+
+在静态网站托管页面，可以修改已上传的文件，修改 CDN 缓存设置等：
+
+![](https://pic.yupi.icu/5563/202311080945299.png)
+
+> 修改 CDN 加速配置
+
+> 想要了解什么是云开发？欢迎阅读我之前的文章：[我和云开发](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496246&idx=1&sn=37f24454572ce1b73f593c8fc44dd172&scene=21#wechat_redirect) 。
+
+进入应用详情的设置页，可以给项目添加自定义域名、修改应用构建配置、删除应用等：
+
+![](https://pic.yupi.icu/5563/202311080945856.png)
+
+> 应用设置
+
+#### 持续发布
+
+下面让我们给自己的博客网站添加一篇文章，进入到应用对应的 Git 仓库，在 `docs/tutorial-basics` 路径下新建一个 `.md` 后缀文件，输入博客标题和内容。
+
+![](https://pic.yupi.icu/5563/202311080945617.png)
+
+> 新建文档
+
+点击 `commit` 按钮，本次代码改动将自动 push 到主分支：
+
+![](https://pic.yupi.icu/5563/202311080945622.png)
+
+> 提交代码
+
+当然，更好的方式是把代码仓库拉取到本地，在本地修改后再 push 到远程。可以先 push 到 dev 分支，确认代码没问题后再合并到 master 分支。
+
+代码 push 之后，事件会通过 Webhooks 传递给 Webify，自动触发重新部署，等一段时间后就可以看到新的部署记录：
+
+![](https://pic.yupi.icu/5563/202311080945211.png)
+
+再次访问网站地址，就能够看到新增的博客啦！
+
+![](https://pic.yupi.icu/5563/202311080945259.png)
+
+> 如果没有立即看到更新，可能是由于 CDN 的缓存（默认 2 分钟），导致没有拉取到最新的资源，等个几分钟就好了。
+
+OK，从 0 到 1 上线网站成就达成。后面大家可以参考 Docusaurus 站点生成器的官方文档，更改代码和配置，进一步定制自己的博客。
+
+#### 使用感受
+
+其实这个东西并不算新技术了，产品形态和体验上类似 Vercel 和 Github Pages。不过优点是 Webify 在国内，提供了高速 CDN；还能够和其他云产品打通、形成体系。
+
+使用 Webify 上线网站还是很爽的，整个流程非常简单、易上手，着实省去了很多自己上线网站的琐碎流程。无论是对想快速上线自己网站的同学、还是 web 开发爱好者，都是不错的选择。
+
+还有重要的一点要提醒大家，世上没有免费的午餐，Webify 依托于云开发，也是要收费的（提供 1 个月的免费体验），但相对于自己购买服务器（即使是学生机），性价比也是更高的。
+
+
+
+------
+
+
+最后，我还在 B 站发布了 webify 视频教程，演示了另一个博客系统的上线。
+
+⬇️ 点击下方 **阅读原文** 一键跳转，推荐观看（给视频三连还能抽红包 🧧）
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311080945271.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md"
new file mode 100644
index 0000000..ca44e3c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md"
@@ -0,0 +1,108 @@
+# 如何给知名开源项目贡献代码？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮的小老弟阿巴，大家也可以叫我小阿巴。
+
+![](https://pic.yupi.icu/5563/202311080956234.jpeg)
+
+我也对编程非常感兴趣，但还是小白一枚。这几天放假来哥哥家玩，本来想着鱼皮哥哥学计算机、设备多，会带我打打游戏什么的。结果没想到刚到他家，就问我编程学的怎么样了，甚至还想拉着我敲几天代码。
+
+![](https://pic.yupi.icu/5563/202311080956236.jpeg)
+
+第一天，鱼皮哥哥就问我知不知道一个叫 GitHub 的网站。这我怎么会不知道，世界上最大的代码开源平台呗，可以在上面找到很多对学编程有帮助的项目。他之前写过一篇怎么找优质项目的文章：[【硬核干货】如何高效找到优质编程项目？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492597&idx=1&sn=a4629094599f5b821ec2698ea4ef11f5&scene=21#wechat_redirect)，我还是认真看了的。
+
+![](https://pic.yupi.icu/5563/202311080956233.jpeg)
+
+然后他接着问我有没有参与过开源项目、贡献代码什么的。这我还真没试过，虽然一直在 GitHub 上看项目，但从来没有想过自己参与项目。一方面是担心自己实力不够，觉得能给开源项目贡献代码的都是大神；另一方面是不知道如何给项目贡献代码、从何处下手。
+
+![](https://pic.yupi.icu/5563/202311080956234.jpeg)
+
+没想到鱼皮邪魅一笑，说：“其实贡献代码没那么难，让我来教你吧！”
+
+完了，这下整个假期估计就只能敲代码了。
+
+![](https://pic.yupi.icu/5563/202311080956236.jpeg)
+
+不过没想到，在鱼皮哥哥的指导下，很快我就学会了如何给开源项目贡献代码，还实际操作了一波！
+
+我做了些笔记，下面分享给大家，帮助每位学编程的同学参与到开源项目中。
+
+![](https://pic.yupi.icu/5563/202311080956300.png)
+
+## 第一次参与开源
+
+相信很多同学和我一样，对参与开源项目望而却步，主要是因为这两点：
+
+1. 不知道如何贡献代码
+2. 找不到合适的项目参与，不知道贡献哪些代码
+
+下面推荐两个方法，分别解决这两个问题。
+
+如何贡献代码
+
+其实，GitHub 上就有一个现成的教程项目 `first-contributions`，为初学者带来一个简单的方法来学习及参与开源项目。
+
+如该项目作者所说，没有什么学习方法能比实际动手做更好，因此，这个项目不是简单的图文教程、更没有繁杂的理论知识，更像是一本有趣的说明书，一步步引导你去使用 GitHub 的 Fork、Clone、分支、代码提交、代码发布、提交 Pull Request（合并请求）等完整的项目代码提交流程。
+
+![](https://pic.yupi.icu/5563/202311080956237.png)
+
+> fork 仓库
+
+作者非常慷慨，允许大家直接拿这个教程项目来实战学习，并接受大家的合并请求。由于这个项目的 star 数也接近 2 万，所以只要你跟着教程给这个项目做贡献，也可以说是参与了一个知名项目啦！
+
+![](https://pic.yupi.icu/5563/202311080956427.png)
+
+> 发起合并请求
+
+### 找到自己能贡献的代码
+
+学会了贡献代码的操作方法后，到哪儿去找适合自己的项目去参与和贡献呢？
+
+建议首选自己熟悉的项目，在熟悉的项目中再优先选择自己用的比较多的功能，先试着贡献一些小的修改。通常先从修复一些文档的 bug、或者补充文档和代码注释开始。比如现在很多 GitHub 的成熟项目发展飞速，但可能成员都去开发新功能了，导致文档年久失修，如果你正好用到了这个项目，发现了文档的错误，不妨试着修复一下，虽然工作不大，但相信会给你带来很大的成就感。
+
+![](https://pic.yupi.icu/5563/202311080956332.png)
+
+> 很多项目的文档都有编辑链接
+
+通过阅读和修改文档，你可以进一步熟悉项目，了解他的设计思想和技术架构。平时如果在使用项目功能时遇到 bug，可以 **提个 issues**（不是只有提交代码有价值，提出问题也是在做贡献），然后可以试着自己修复这个小 bug，有些可能只需要改几行代码，但影响会很大，成功修复也能得到很多同学的认可，从而激励你进一步优化和完善这个功能，提升自己的水平。
+
+哪怕自己没有遇到什么项目的 bug，也可以直接到项目的 issues 页面 **查看其它同学遇到的问题**，很多问题其实并不麻烦，只是官方无暇去解决，这往往就是我们参加开源的最佳时机。
+
+比如阿里的 Ant Design 项目，还有近 600 个待解决的问题！
+
+![](https://pic.yupi.icu/5563/202311080956098.png)
+
+这么多的 issues，**怎么选择适合初学者解决的问题呢**？
+
+其实非常简单，直接访问 `github.com/<owner>/<repository>/contribute` 地址，就能够查找出指定仓库中适于初学者参与的议题。
+
+比如 Ant Design 项目，就访问地址：https://github.com/ant-design/ant-design/contribute，进入到仓库贡献页，其实就是在仓库后面加个 `contribute` 而已。
+
+然后你就能看到很多打上了 `good first issue` 标签、适合初学者解决的问题，以及一份仓库贡献指南：
+
+![](https://pic.yupi.icu/5563/202311080956789.png)
+
+> 仓库贡献页面
+
+这些问题通常解决难度不大、成本不高，而且非常具有学习意义。
+
+![](https://pic.yupi.icu/5563/202311080956105.png)
+
+> 试着解决 issue
+
+强烈建议先 **阅读贡献指南**，然后学习下别人解决问题的思路，再自己动手尝试！
+
+当你解决的问题越来越多，或者对项目足够熟悉后，你可以给整个项目开发新功能，甚至加入项目的核心团队！当然，这是后话，从编程小白逆袭为开源大佬，不敲个几十万行代码，我觉得不行。
+
+![](https://pic.yupi.icu/5563/202311080956903.jpeg)
+
+------
+
+
+
+好了，就分享到这里。
+
+虽然这个假期被鱼皮哥哥拉去敲了几天代码，没有打成游戏，但还是 **点个在看 + 赞** 感谢他吧，以后多给开源项目贡献代码，俺的水平不得起飞了啊！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\236\346\210\230\345\274\200\345\217\221\347\261\273\345\272\223\357\274\214\346\211\213\345\206\231 Spring Boot Starter\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\236\346\210\230\345\274\200\345\217\221\347\261\273\345\272\223\357\274\214\346\211\213\345\206\231 Spring Boot Starter\357\274\201.md"
new file mode 100644
index 0000000..c61befb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\236\346\210\230\345\274\200\345\217\221\347\261\273\345\272\223\357\274\214\346\211\213\345\206\231 Spring Boot Starter\357\274\201.md"	
@@ -0,0 +1,150 @@
+# 实战开发类库，手写 Spring Boot Starter！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+大家好，我是鱼皮。
+
+我的老弟小阿巴最近不是在某公司实习嘛，前两天我问他：老弟，最近实习感觉如何？学到什么东西了不？
+
+小阿巴笑容满面地说：我最近自己独立手写了一个类库！
+
+![](https://pic.yupi.icu/5563/202311080940493.png)
+
+我惊叹道：厉害呀，你不是才刚进公司嘛？就已经开始自己造轮子了？
+
+小阿巴：嘿嘿，只是把公司项目的加密模块封装了一下，导师还夸奖了我。
+
+![](https://pic.yupi.icu/5563/202311080940758.png)
+
+我：不错不错，现在绝大多数刚进公司的同学都是跟着导师指哪儿打哪儿，你的这个自主操作还是非常加分的。那能不能分享一下你是怎么开发的这个类库呀？
+
+小阿巴：我是用了 Java Spring Boot 框架开发了一个 **starter** 。
+
+我：啥是 starter 啊？直接写个工具类还不行？
+
+小阿巴：我们在做 Spring Boot 项目的时候不是经常会引入各种 starter 么？比如操作数据库的 mybatis-starter、接入接口文档的 knife4j-starter 等等。引入 starter 的好处是可以快速地将第三方库整合到我们的项目中，只要在 application.yml 配置文件中写配置，就能自动创建对象实例完成操作。
+
+我：原来如此，那怎么开发一个 starter 呢？
+
+小阿巴（一脸难以置信）：不是吧老鱼皮，这次竟然轮到我来教教你了。
+
+![](https://pic.yupi.icu/5563/202311080940488.png)
+
+小阿巴：那我就来分享一下。如今网上的手写 starter 教程虽然不少，但是乱七八糟的，很多博客都是各种坑，下面我用最短的时间给大家分享手写 starter 的完整流程。
+
+## 手写 Spring Boot Starter
+
+首先我们用 IDEA 开发工具来初始化一个 Spring Boot 项目，注意 Java 版本不要选太高、Spring Boot 版本不要选 3.x：
+
+![](https://pic.yupi.icu/5563/202311080940647.png)
+
+初始化项目后，我们要在项目依赖文件 pom.xml 中引入几个核心依赖：
+
+```
+<dependency>
+    <groupId>org.springframework.boot</groupId>
+    <artifactId>spring-boot-autoconfigure</artifactId>
+</dependency>
+<dependency>
+  <groupId>org.springframework.boot</groupId>
+  <artifactId>spring-boot-configuration-processor</artifactId>
+  <optional>true</optional>
+</dependency>
+<dependency>
+  <groupId>org.projectlombok</groupId>
+  <artifactId>lombok</artifactId>
+  <optional>true</optional>
+</dependency>
+```
+
+其中，spring-boot-autoconfigure 用于自动加载配置，spring-boot-configuration-processor 用于自动生成配置文件的自动提示。
+
+有这些依赖就足够了，我们尽量保证 starter 的精简，便于其他项目引用时的兼容性。
+
+**此外，还要把 pom.xml 中的下面这段代码删掉：**
+
+```
+<build>
+  <plugins>
+    <plugin>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-maven-plugin</artifactId>
+    </plugin>
+  </plugins>
+</build>
+```
+
+接下来，假设我们已经开发了一个 Client（实现了主要功能的类），我们要编写一个配置类，用于自动创建 Client 实例。
+
+这里我用最近在带大家开发的 [API 开放平台项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect) 为例，创建了一个自动调用接口的 API 客户端实例，参考代码如下：
+
+```
+@Configuration
+@ConfigurationProperties(prefix = "yuapi.client")
+@Data
+@ComponentScan
+public class YuApiClientConfig {
+
+    /**
+     * appId
+     */
+    private String appId;
+
+    /**
+     * 秘钥
+     */
+    private String appSecret;
+
+    @Bean
+    public YuApiClient yuApiClient() {
+        return new YuApiClient(appId, appSecret, userId);
+    }
+}
+```
+
+上述代码中，比较关键的注解是：
+
+- @Configuration：告诉 Spring Boot 这是一个配置类，可以在该类中创建 Bean
+- @ConfigurationProperties：和配置文件（一般是 application.yml）进行绑定，将配置文件中对应的配置映射到对象的属性中。比如 application.yml 中 yuapi.client.appId 的值会自动注入到 YuApiClientConfig 实例的 appId 属性。不用再把值硬编码到类中了！
+
+写完这个配置类后，还要把它进行注册，创建一个配置文件 `resources/META_INF/spring.factories` ，编写如下代码：
+
+```
+# spring boot starter
+org.springframework.boot.autoconfigure.EnableAutoConfiguration=com.yupi.mystarter.YuApiClientConfig
+```
+
+这样，就相当于给了项目一个启动入口（类似 main）。
+
+然后，我们的 stater 类库就编写完毕啦！执行 mvn install 命令，就可以把它打包为本地依赖，供其他项目使用。
+
+比如：
+
+```
+<dependency>
+  <groupId>com.yupi</groupId>
+  <artifactId>my-starter</artifactId>
+  <version>0.0.1</version>
+</dependency>
+```
+
+你学会了么？
+
+
+
+------
+
+
+我：学废了学废了。我们是不是还可以把自己开发好的类库上传到 Maven 软件源上给其他同学公开使用？
+
+小阿巴：Right Bro~ 我正打算这么做，把这段经历写到简历上，相信会比我之前只写管理系统项目加分得多！
+
+![](https://pic.yupi.icu/5563/202311080940496.png)
+
+## 完
+
+在鱼皮最新带大家直播开发的 [API 开放平台项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect) 中，也手把手带大家做了一个 Starter 类库，还分享了开发第三方类库的经验，感兴趣的同学欢迎加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 参与。除了直播带大家开发完整项目外，我会 1 对 1 解决你的问题。可以加微信 yupi5927，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\244\345\217\213\345\216\273\345\216\225\346\211\200\347\232\204\345\212\237\345\244\253\357\274\214\346\210\221\345\206\231\344\272\206\344\270\252\350\256\241\347\256\227\345\231\250.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\244\345\217\213\345\216\273\345\216\225\346\211\200\347\232\204\345\212\237\345\244\253\357\274\214\346\210\221\345\206\231\344\272\206\344\270\252\350\256\241\347\256\227\345\231\250.md"
new file mode 100644
index 0000000..0151ed2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\256\244\345\217\213\345\216\273\345\216\225\346\211\200\347\232\204\345\212\237\345\244\253\357\274\214\346\210\221\345\206\231\344\272\206\344\270\252\350\256\241\347\256\227\345\231\250.md"
@@ -0,0 +1,156 @@
+# 室友去厕所的功夫，我写了个计算器
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+有人问鱼皮：前端开发到底应该怎么学习？为什么我看了这么多书，还是写不出代码？
+
+答案其实很简单：多写代码，熟能生巧。
+
+不是说一开始就要写多难多复杂的大工程，而是可以发挥自己的想象力，运用教程中学到的知识点，写一些好玩的小代码。多写多练，时间久了，不仅真正学到了知识，也积累的一定的作品，收获了成就感。
+
+![](https://pic.yupi.icu/5563/202311081008174.jpeg)
+
+下面鱼皮给大家分享一则小故事，我利用室友上厕所的时间，写了个计算器。
+
+
+
+**故事**
+
+一天晚上，室友正在为学校的 Web 开发课程的作业发愁。
+
+室友：“明天就要交网站作业了，可我连要做啥都不知道。来不及了啊，我甚至连上厕所的时间都没有！”
+
+![](https://pic.yupi.icu/5563/202311081008483.png)
+
+此时一位**乐于助人**的鱼皮路过：“这好办，你去上厕所吧，等你回来直接查收作品。”
+
+于是，室友开心地出门了~
+
+鱼皮开始思考，几分钟的时间，要做什么网站呢？不能太水，最好有点实用性，又要让别人觉得很牛逼。。。
+
+对了，就做个计算器吧！
+
+几分钟后，室友回来了，一个计算器网站已然摆在了室友面前。
+
+![](https://pic.yupi.icu/5563/202311081008769.gif)
+
+室友：“woc牛皮，快教我怎么做！”
+
+鱼皮：“不要急，手把手教你~”
+
+
+
+## **五分钟开发计算器**
+
+很多同学会觉得开发一个计算器是很难的，因为计算规则非常多，如何解析复杂的计算公式并求值呢？
+
+其实非常简单，利用 Js 脚本语言强大的计算函数，只要五分钟，就能够开发一个计算功能强大的计算器了！
+
+下面用原生前端开发技术三件套 HTML、CSS、JavaScript，按照前端基本的开发流程来实现一个计算器。
+
+### **1. 开发基本结构**
+
+第一步当然是先写出基本的 HTML 结构，比如显示框和每行三个按钮，代码如下：
+
+```
+<body><div id="wrapper">  
+<div id="result"></div>  
+<div class="row">    
+<button>+</button>    
+<button>-</button>    
+<button id="ac">AC</button>  
+</div>  <div class="row">    
+<button>/</button>    
+<button>*</button>    
+<button id="getResult">=</button>  
+</div>  <div class="row">    
+<button>7</button>    
+<button>8</button>    
+<button>9</button>  
+</div>  ...</div>
+</body>
+```
+
+其中，id 为 result 的 div 标签用于展示计算式和结果。
+
+浏览效果如下：
+
+![](https://pic.yupi.icu/5563/202311081008173.png)
+
+### **2. 美化一下**
+
+现在的网站只有基本的结构，太丑了吧，赶紧用 CSS 美化一下。
+
+代码如下：
+
+```
+<head>  ...  <style>    body {      padding: 20px;      user-select: none;    }
+    #wrapper {      width: 320px;    }
+    #result {      height: 100px;      border: 1px solid #ddd;      padding: 20px;      box-sizing: border-box;    }
+    .row {      display: flex;      column-count: 3;    }
+    .row button {      padding: 20px;      flex: 1;      font-size: 16px;      border: 1px solid #ddd;      background: #eee;    }</style></head>
+```
+
+这段代码做了这些事：
+
+1. 首先通过 wrapper 指定整个计算器的宽度
+
+2. 通过 display: flex 配合 flex: 1 控制每行的布局
+
+3. 给按钮添加边框、背景色、控制字体大小和内边距
+
+4. 还要给 body 加个 user-select: none 来防止用户选中按钮中的文字，否则会影响用户体验。
+
+浏览效果如下：
+
+![](https://pic.yupi.icu/5563/202311081008178.png)
+
+样式已经 OK 了，但是现在点击按钮没有任何作用，只是个空壳。
+
+
+
+### **3. 实现功能**
+
+最后，通过原生 JavaScript 来给计算器添加交互功能吧~
+
+功能有如下几点：
+
+1. 点击数字和运算符按钮输入算式并展示
+
+2. 点击 "=" 按钮计算结果并展示
+
+3. 点击 "AC" 清空算式
+
+首先用内置函数选择所有按钮 DOM 对象：
+
+```
+// 所有按钮let buttonObjs = document.getElementsByTagName("button");// 结果框let resultObj = document.getElementById("result");// AC 按钮let acObj = document.getElementById("ac");// = 按钮let getResultObj = document.getElementById("getResult");
+```
+
+然后给按钮绑定点击事件：
+
+1. 对于数字和运算符按钮，点击后填充算式：
+
+```
+for (const buttonObj of buttonObjs) {  if (!['AC', '='].includes(buttonObj.innerHTML)) {    buttonObj.addEventListener('click', () => {      resultObj.innerHTML += buttonObj.innerHTML;    })  }}
+```
+
+本质就是点击按钮后，对算式进行字符串拼接。比如点击了 "+" 按钮，在已有算式后拼接 "+" 字符即可。
+
+2. 对于 "=" 按钮，点击后进行运算：
+
+```
+getResultObj.addEventListener('click', () => {  resultObj.innerHTML = eval(resultObj.innerHTML);})
+```
+
+是的，你没看错，JavaScript 为我们提供了超级强大的 **eval 函数**，传入公式字符串，可以直接计算表达式的值！
+
+3. 对于 "AC" 按钮，点击后清空算式即可：
+
+```
+acObj.addEventListener('click', () => {  resultObj.innerHTML = '';})
+```
+
+OK，大功告成，赶快试试！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\260\235\351\262\234 Svelte \345\211\215\347\253\257\346\241\206\346\236\266\357\274\214\345\274\200\345\217\221\350\257\273\344\271\246\347\254\224\350\256\260.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\260\235\351\262\234 Svelte \345\211\215\347\253\257\346\241\206\346\236\266\357\274\214\345\274\200\345\217\221\350\257\273\344\271\246\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..8521b84
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\345\260\235\351\262\234 Svelte \345\211\215\347\253\257\346\241\206\346\236\266\357\274\214\345\274\200\345\217\221\350\257\273\344\271\246\347\254\224\350\256\260.md"	
@@ -0,0 +1,560 @@
+# 尝鲜 Svelte 前端框架，开发读书笔记
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+提到前端开发框架，我相信大家第一时间想到的就是 Vue、React 和 Angular 三大主流。毕竟它们各个都是 GitHub 上 10w+ star 的知名项目，每个前端工程师至少要学习其中一个框架。
+
+![](https://pic.yupi.icu/5563/202311081010202.png)
+
+但是，最近几年，一个新的前端框架逐渐出现在人们眼前，它就是后起之秀『 Svelte 』。目前已经接近 4w 个 star，虽然暂时无法撼动三大主流框架的霸主地位，但是其恐怖的 star 增速，值得我们关注和思考。
+
+Svelte 到底是什么样的框架？它和三大主流框架有什么不同？为什么发展如此迅猛？
+
+带着这些问题，我们一起来学习下 Svelte 框架，并用它从 0 到 1，开发一个读书笔记小网站。
+
+可以先通过一分钟的小视频简单地了解下 Svelte ~
+
+
+
+
+
+，时长00:46
+
+
+
+###  
+
+### 揭开 Svelte 的神秘面纱
+
+按照官网的描述，Svelte 是一种构建用户界面的框架，框架自身具有反应性，可以帮助开发者书写更精简的代码，开发出体积更小、更迅速的 App。
+
+![](https://pic.yupi.icu/5563/202311081010441.png)
+
+使用 Svelte 框架进行开发，需要遵循其特定的语法，编写 `.svelte` 后缀的文件。如下是 Svelte 框架的 `Hello World` 代码：
+
+![](https://pic.yupi.icu/5563/202311081010097.png)
+
+你可能会质疑：这不就和 Vue、React 之类的前端框架一样么？不就是用个数据绑定、抄个 API 和语法风格、改个文件后缀名么？凭什么能获得 4w 的 star？
+
+![](https://pic.yupi.icu/5563/202311081010067.png)
+
+其实，近几年出现的新前端框架并不少，但都被遮挡在了三座大山下，没有一个能够像 Svelte 一样在短期内得到大量的关注。
+
+究竟是什么让 Svelte 框架破圈突围，剑指 Angular ？
+
+### Svelte 新在哪儿？
+
+我们先来看两张图，是对 20 多种前端框架 Demo 项目的性能对比和评测。
+
+第一张图是对比各框架开发的项目的**尺寸**：
+
+![](https://pic.yupi.icu/5563/202311081010453.png)
+
+第二张图是对比各项目的 Lighthouse 性能评分：
+
+![](https://pic.yupi.icu/5563/202311081010947.jpeg)
+
+从上面两张图，我们发现，Svelte 框架无论是在项目尺寸还是性能方面，都表现卓越。一个用 Svelte 开发的 Demo 项目竟然仅有 15 KB！怎么会这么小呢？有黑魔法？
+
+![](https://pic.yupi.icu/5563/202311081010448.png)
+
+这和 Svelte 独特的设计思想有关。基本所有传统的前端框架，在项目运行时都会依赖框架本身的代码，即引入了框架作为 runtime（运行时），因此需要将框架代码打进项目包，占用了一定的包大小。
+
+比如 Vue 项目的包管理文件 `package.json` 中，将 Vue 作为生产环境运行时依赖引入。
+
+```
+"dependencies": {
+  "vue": "^2.6.11"
+}
+```
+
+而 Svelte 框架的核心思想在于『 通过静态编译减少框架运行时的代码量 』（尤雨溪大佬的解释）。
+
+Svelte 不会将自己打包进项目，而是在编译打包阶段，将 Svelte 组件转换为原生 DOM 操作。因此，使用 Svelte 开发的项目，并不依赖 runtime，更没有像 Vue 和 React 中的 Virtual DOM，项目的体积也非常地小。
+
+下面是 Svelte 项目的 `package.json` 文件，可以发现，svelte 是被作为开发时依赖引入。
+
+```
+"devDependencies": {
+  "svelte": "^3.0.0"
+}
+```
+
+这是 Svelte 和其他前端框架的明显区别。与其说是 “新”，倒不如说是回归原始，返璞归真。
+
+除了不依赖 runtime 和 Virtual DOM 外，Svelte 另一个 “新” 体现在其自身具有**反应性**，可以轻松地实现状态管理，而无需像 Vue 和 React 框架一样引入 Vuex 和 Redux 之类的状态管理库。这一点给开发者提供了极大地便利。
+
+了解了 Svelte 框架的独特之处，让我们趁热打铁，做一个小项目来感受使用 Svelte 进行开发的高效和乐趣~
+
+![](https://pic.yupi.icu/5563/202311081010567.jpeg)
+
+### 十分钟开发读书笔记
+
+接下来，我们要开发一个读书笔记，来记录自己每日的学习内容。
+
+先分析下需求，读书笔记需要有如下基本功能：
+
+1. 添加读书笔记
+2. 展示已添加的读书笔记
+3. 删除某一条读书笔记
+4. 导出读书笔记成 Markdown 格式的文件，并下载至本地
+
+**成品效果如下：**
+
+![](https://pic.yupi.icu/5563/202311081010922.gif)
+
+体验地址：https://read-note.now.sh/
+
+总共分为四步，顺利的话，只用十分钟就可以开发完成并部署上线~
+
+#### 1. 启动模板项目
+
+可以通过以下两种方式下载 Svelte 的模板项目。
+
+**方式一**
+
+直接下载压缩包，并手动解压，地址：https://github.com/sveltejs/template/archive/master.zip
+
+**方式二**
+
+通过 npx 命令创建一个 Svelte 模板项目：
+
+```
+npx degit sveltejs/template svelte-app
+```
+
+下载模板到本地后，进入项目目录，输入命令安装依赖：
+
+```
+npm install
+```
+
+Svelte 框架使用 Rollup 作为 JS 模块打包工具（也是大佬写的轮子），依赖安装完成后，通过控制台输入命令，在本地启动项目：
+
+```
+npm run dev
+```
+
+控制台看到如下输出，项目启动成功：
+
+![](https://pic.yupi.icu/5563/202311081010565.png)
+
+浏览器访问 localhost:5000，可以看到如下界面：
+
+![](https://pic.yupi.icu/5563/202311081010651.png)
+
+#### 2. 开发界面
+
+完成项目模板的下载和启动后，开始进入读书笔记界面的开发。
+
+读书笔记只有一个主页面，先观察页面的布局，分为上下两部分，上方是一张张相同样式卡片组成的列表，下方是操作面板：
+
+![](https://pic.yupi.icu/5563/202311081010919.png)
+
+因此，我们只需要开发两个组件，**卡片** 和 **操作面板**。然后将多张卡片组成列表放在主页面上方，操作面板固定在主页面底部。
+
+在项目 src 目录下新建几个 `.svelte` 文件（Svelte 框架的页面文件，`App.svelte` 为模板自带的主页面），此时目录结构如下：
+
+![](https://pic.yupi.icu/5563/202311081010918.png)
+
+`.svelte` 文件的语法结构和 Vue 框架非常类似，由行为、页面、样式三部分组成，分别对应 JavaScript、HTML、CSS 代码。一个标准的 `.svelte` 文件代码如下：
+
+```
+<script>
+ // 编写网页交互行为
+</script>
+
+<div>
+ <!-- 编写页面内容结构 -->
+</div>
+
+<style>
+ /* 编写 CSS 样式 */
+</style>
+```
+
+##### 
+
+#####  
+
+##### 2.1 开发卡片组件
+
+读书笔记的每张卡片都要有标题、内容和创建日期，还要给卡片编号，并给不同编号的卡片加上不同的颜色。当鼠标移到卡片上时，出现删除按钮。
+
+![](https://pic.yupi.icu/5563/202311081010762.png)
+
+打开 `Card.svelte` 文件，先在 `script` 标签中用 JavaScript 定义几个属性变量（组件内唯一）和一个删除函数：
+
+```
+<script>
+  // 定义变量
+  export let title; // 标题
+  export let content; // 内容
+  export let creationTime; // 创建日期
+  export let index = 0; // 卡片序号
+  
+  // 删除卡片
+  function doDelete() { }
+</script>
+```
+
+然后编写卡片的内容，先用一个根 `div` 标签括起所有的内容，然后编写标题、内容、创建时间的 `div` 标签。在 Svelte 中，可以直接使用尖括号来输出变量的值，使用 `on:click` 指令来绑定鼠标点击事件：
+
+```
+<div class={`card bg-color-${index % 5}`}>
+  <div class="title">
+    {title} <span class="del-btn" on:click={doDelete}>x</span>
+  </div>
+  <div class="content">{content}</div>
+  <div class="creationTime">{creationTime}</div>
+</div>
+```
+
+在 `style` 标签中编写 CSS 代码，让卡片变得美美哒：
+
+```
+<style>
+  .card {
+    padding: 1rem;
+    margin: 1rem;
+    color: #fff;
+    border-radius: 0.5rem;
+  }
+  
+  /* 省略... */
+  
+  /* 当鼠标移到卡片上，展示删除按钮 */
+  .card:hover .del-btn {
+    opacity: 1;
+  }
+</style>
+```
+
+##### 
+
+#####  
+
+##### 2.2 开发操作面板组件
+
+操作面板包含两个输入框和两个按钮，用于添加卡片和导出笔记。
+
+![](https://pic.yupi.icu/5563/202311081010460.png)
+
+打开 `AddCard.svelte` 文件，和开发卡片一样，先编写 JavaScript，定义几个属性变量，以及 “添加” 和 “导出” 函数：
+
+```
+<script>
+  // 在 src 目录下新建 utils 工具类，编写获取当前日期的函数
+  import {getNowDateFormat} from "./utils";
+
+  // 定义变量
+  let title = ''; // 标题
+  let content = ''; // 内容
+
+  // 添加卡片
+  function doAdd() { }
+
+  // 导出笔记
+  function doExport() { }
+</script>
+```
+
+然后编写操作面板的内容，Svelte 通过 `bind:value` 指令实现表单数据的双向绑定：
+
+```
+<div class="add-card">
+  <div class="input-wrapper">
+    <input class="input-title" type="text" placeholder="输入标题" bind:value={title} />
+    <textarea class="input-content" placeholder="输入内容" bind:value={content}></textarea>
+  </div>
+  <button class="add-btn" on:click={doAdd}>添加</button>
+  <button class="export-btn" on:click={doExport}>导出</button>
+</div>
+```
+
+最后编写 CSS 代码，让操作面板变得美美哒~ 此处使用 Flex 布局：
+
+```
+<style>
+  /* 操作面板固定在页面底部 */
+  .add-card {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 1rem;
+    background-image: linear-gradient(135deg, #FEC163 10%, #DE4313 100%);
+    display: flex;
+  }
+
+  .input-wrapper {
+    flex: 4; /* 使用 Flex 布局 */
+  }
+
+  /* 省略... */
+  
+  .add-btn, .export-btn {
+    flex: 1;
+    margin-left: 1rem;
+    color: #666;
+  }
+</style>
+```
+
+##### 
+
+#####  
+
+##### 2.3 将组件放入主页面
+
+开发完卡片和操作面板组件后，只需要将这些组件丢到 Svelte 模板项目默认生成的主页面 `App.svelte` 中，在 `script` 标签中通过 `import` 关键字引入组件：
+
+```
+<script>
+  import Card from "./Card.svelte";
+  import AddCard from "./AddCard.svelte";
+</script>
+```
+
+在 div 标签中，通过 `{# each ... } {/each}` 循环语句实现卡片列表，直接通过组件名引入组件：
+
+```
+<div id="app">
+  {#each $cards as card, i}
+    <Card {...card} index={i}/>
+  {/each}
+  <AddCard/>
+</div>
+```
+
+细心的小伙伴可能会好奇，上述代码第 2 行的 `$cards` 变量是从哪儿来的呢？不着急，稍后揭晓~
+
+![](https://pic.yupi.icu/5563/202311081010966.jpeg)
+
+大功告成！读书笔记的界面开发好了，但这时，所有的按钮都没有任何作用，下面我们来给读书笔记添加功能。
+
+#### 3. 实现功能
+
+不知道大家有没有发现，我们要做的读书笔记，其实就是个简单的增删改查项目！
+
+既然是增删改查，那肯定要有地方存储数据，记录数据的变化。通常数据是存在数据库中的，通过向后端发出请求来操作和查询数据库中的数据。
+
+但这里我们只是一个前端项目，没有数据库，怎么办呢？可以直接使用 Svelte 自带的状态管理 API 来实现本地数据管理，无需引入任何新的依赖！
+
+##### 3.1 管理卡片数据
+
+在项目 src 目录下新建 `store.js`，作为数据管理文件，此时目录结构如下：
+
+![](https://pic.yupi.icu/5563/202311081010194.png)
+
+在 `store.js` 文件中通过 `writable` 函数定义 `cards` 可写变量：
+
+```
+import {writable} from "svelte/store";
+
+export const cards = writable([]);
+```
+
+定义好之后，`cards` 已经被 Svelte 框架管理了，可以直接把 `cards` 当做一个全局变量来使用。
+
+在主页面中引入 `cards`，并通过循环语句展示已添加的卡片列表。注意，想要使用状态变量，要在变量名前添加 `$` 符号。此时的主页面文件  `App.svelte` 内容如下：
+
+```
+<script>
+  import {cards} from './store'; // 引入 cards
+  import Card from "./Card.svelte";
+  import AddCard from "./AddCard.svelte";
+</script>
+
+<div id="app">
+  {#each $cards as card, i}
+    <Card {...card} index={i}/>
+  {/each}
+  <AddCard/>
+</div>
+```
+
+完成了 `cards` 的展示后，我们依次实现 `cards` 的添加和删除吧~
+
+##### 3.2 添加卡片
+
+点击操作面板的添加按钮，可以添加卡片。须实现 `AddCard.svelte` 文件的添加函数：
+
+```
+<script>
+  // 引入状态
+  import {cards} from './store';
+  import {getNowDateFormat} from "./utils";
+
+  let title = '';
+  let content = '';
+
+  function doAdd() {
+    // 校验
+    if (!title || !content) {
+      alert('标题和内容必须都填！');
+      return;
+    }
+    
+    // 更新卡片状态，追加一个新卡片
+    cards.update(item => {
+      item = [...item, {
+        title,
+        content,
+        creationTime: getNowDateFormat()
+      }];
+      return item;
+    })
+  }
+</script>
+```
+
+上述文件第 15 行起，通过调用 `cards` 状态变量的 `update` 函数，在原数组后追加一个元素，实现新增卡片。
+
+##### 3.3 删除卡片
+
+点击卡片上的删除按钮，可以删除当前卡片。须实现 `Card.svelte` 文件的删除函数：
+
+```
+<script>
+  import {cards} from "./store";
+ 
+  // 删除卡片
+  function doDelete() {
+    cards.update(item => {
+      item.splice(index, 1);
+      return item;
+    })
+  }
+</script>
+```
+
+删除卡片和添加卡片操作类似，都是调用 `cards` 状态变量的 `update` 函数，对原数组进行处理，并使用处理后的数组进行更新。
+
+##### 3.4 导出笔记
+
+点击操作面板上的导出按钮，将已添加的卡片导出为 Markdown 格式的笔记文件，实现比较简单。
+
+首先安装 `file-saver` 库，依赖这个库实现下载功能：
+
+```
+npm i file-saver
+```
+
+实现 `AddCard.svelte` 文件中的导出函数，将 `cards` 状态数组保存为文件：
+
+```
+<script>
+  import {cards} from './store';
+  // 引入 file-saver
+  import {saveAs} from 'file-saver';
+  
+ // 导出为 read_note.md 文件
+  function doExport() {
+    const texts = [];
+    // 读取 cards 状态数组
+    for (const card of $cards) {
+      let text = `### ${card.title}\n${card.content}\n${card.creationTime}\n`;
+      texts.push(text);
+    }
+    // 写入文件
+    const blob = new Blob(texts, {type: "text/plain;charset=utf-8"});
+    saveAs(blob, "read_note.md");
+  }
+</script>
+```
+
+大功告成！一个精美的读书笔记就开发完成啦！
+
+![](https://pic.yupi.icu/5563/202311081010111.jpeg)
+
+##### 3.5 改进
+
+到目前为止，我们只实现了读书笔记最基本的功能，但这个笔记还存在很多问题：
+
+1. 其实目前我们还没有给卡片添加不同的颜色，大家可以在项目中的 `public/global.css` 文件添加颜色样式。
+2. 关掉网页后，已经添加的卡片会消失，可以通过浏览器的 Cookie 实现持久化存储，卡片更新时，保存到 Cookie 中，再次打开网站时，从 Cookie 恢复卡片数据，并保存为状态。
+
+感兴趣的读者可以试着实现上述改进功能，还可以发挥自己的想象，给读书笔记添加新功能哦~
+
+![](https://pic.yupi.icu/5563/202311081010786.jpeg)
+
+#### 4. 发布上线
+
+本地开发完成后，怎么将网站发布，让所有人都能看到呢？
+
+首先通过命令打包项目：
+
+```
+npm run build
+```
+
+会在 `public` 目录下生成 `bundle.js` 文件：
+
+![](https://pic.yupi.icu/5563/202311081010182.png)
+
+此时的 `public` 目录结构如下：
+
+![](https://pic.yupi.icu/5563/202311081010181.png)
+
+怎么发布网站到线上呢？先买台服务器？
+
+大可不必，可以使用 **Vercel**。
+
+![](https://pic.yupi.icu/5563/202311081010704.png)
+
+Vercel 是免费网站托管平台，可以帮我们部署网站，并生成可访问的网址。先通过 npm 安装 Vercel：
+
+```
+npm install -g vercel
+```
+
+安装完成后，进入 `public` 目录，通过 `vercel` 命令发布网站：
+
+```
+cd public
+vercel deploy --name read-note
+```
+
+发布成功，会得到一个网址，打开就能看到精美的读书笔记网站啦！
+
+![](https://pic.yupi.icu/5563/202311081010947.png)
+
+在网站中启用开发者工具（按 `F12`），能够看到网页文件的加载信息，发现整个读书笔记网站大小才 **16 KB**！
+
+![](https://pic.yupi.icu/5563/202311081010301.png)
+
+简直不讲武德啊！
+
+![](https://pic.yupi.icu/5563/202311081010175.jpeg)
+
+### 亿点看法
+
+翻阅了一些论坛，发现大家对于 Svelte 框架的看法褒贬不一。
+
+有的朋友认为 Svelte 为了减少几十 KB 的体积，而放弃了原本的 runtime 设计和完善的生态，得不偿失。毕竟随着网络和多媒体的发展，如今一张图片的大小都要几百 KB 了，一个页面可能好几 MB，还有必要纠结那点大小么？
+
+也有的朋友认为 Svelte 的强大之处正是在于没有使用 runtime，可以像原生 JS 一样融合进任何框架和组件，非常适合微前端架构。
+
+![](https://pic.yupi.icu/5563/202311081010202.jpeg)
+
+我觉得，姑且不论 Svelte 现在的生态怎么样、有没有人用，首先作者这种打破思维定式、返璞归真的勇气和探索精神值得我们肯定和学习。
+
+**脱离业务场景的技术选型都是耍流氓**，也许在某些配置较低、网络较差的小设备中，减小几十 KB 的包大小真的很有必要！这时，我们可能会摒弃那些重量级的框架，重回原生的怀抱。
+
+Svelte 框架在保证高效极简开发体验的同时，保留了原生项目的轻小体积和高性能，这是能够吸引开发者的爽点。只是目前，Svelte 这种无 Virtual DOM 的设计在生产项目中究竟能发挥多大的优势、在大型应用中的性能到底如何，还有待观察，需要更多的打磨和企业的实际检验。
+
+相信未来，Svelte 的开发者、建设者和布道者会越来越多，未来可期！
+
+**毕竟，多一种技术选型何乐而不为呢？**
+
+![](https://pic.yupi.icu/5563/202311081010862.gif)
+
+如果想要进一步学习 Svelte，推荐直接使用官方提供的学习教程，简洁清晰、容易上手，还能使用在线编辑器进行实时练习和调试。
+
+![](https://pic.yupi.icu/5563/202311081010401.png)
+
+**点击下方阅读原文一键传送** 至 Svelte 官方学习教程哦~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md"
new file mode 100644
index 0000000..bfc02e3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md"
@@ -0,0 +1,73 @@
+# 怎么做个不用网络的软件？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，昨天收到了一位我 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) 内小伙伴的提问，问题如下：
+
+
+
+------
+
+
+鱼皮你好，我想问一下关于软件开发的，现在我知道的软件开发都是前端三件套然后 vue 或 react 框架，后端 springboot springmvc、Javaweb 这些技术。前端页面需要调用后端接口来调用函数，这个接口应该是通过网络实现的吧？
+
+但是 emmmm 就是如果开发一个不用网络的小的软件，好像就是 Windows 桌面应用那样的（类似记事本或者 Dev c ++编译器）应该用什么做前端什么做后端呢？因为我感觉前端的三件套是没有办法写一些复杂函数的所以我觉得如果做一个没有网络的软件好像不能用前端三件套。那应该用什么呢 C#、QT 吗？
+
+我不知道现在都是用什么技术做这些桌面应用（没有网络的），就是不知道如果没有网络如何联系到函数？因为我也学过Android Studio 可以开发，Android Studio 就是没有网络功能的，可以用 Java 来实现稍微复杂的点击事件，它有整合在一起。
+
+但是前端三件套没有办法用 Java 除非用网络端口好像。就是有点疑惑如果不用网络怎么实现调用 Java 函数（或者 Python 函数）？
+
+
+
+------
+
+
+问题很长，总结一下就是一句话：怎么做个不用网络的软件？
+
+首先我觉得这位同学应该是最近接触了很多前端或后端方面的知识、了解了 API 接口调用等，才导致自己有一点点 “小迷糊了”。
+
+其实仔细想一想，我们刚开始学计算机时接触的第一行代码 Hello World、在小黑框里运行的那些算法不正是不用网络的软件么？只不过可能没有用户界面，丑了点罢了。
+
+![](https://pic.yupi.icu/5563/202311080946477.png)
+
+为什么现在绝大多数的应用都依赖网络呢？有两方面原因，首先是因为用户是从自己电脑上访问远程服务器上的代码和数据，没有网络玩个锤子；其次就是因为很多应用依赖的功能可能不是写在自己的系统里（比如使用某某云等第三方服务）、或者和自己的系统不兼容（比如自己的应用是 Java 写的，需要的功能是用 C++ 写的），通过使用网络 API 接口可以屏蔽系统 / 应用间的差异，也就是：怎么实现我不管，我给你发请求，你给我需要的响应就行。
+
+那如果想开发不需要网络的应用，我们就可以从这两方面去下手。
+
+第一个思路：能不能把应用的前端和后端逻辑代码、以及所有的数据放在一起？这里的一起是指把代码写在一起（比如同一个根目录下）、以及使用相同的语言。
+
+当然可以！就像上面举的例子，我们可以用 C 语言等几乎 **任何编程语言** 来编写算法、前端界面和 “后端” 逻辑。比如写桌面端应用可以用 C++ 的 QT Creator、前端 JavaScript + Electron / Tauri、C#、Rust、Java Swing / JavaFX、Python Tkinter 等等（并不是说前端三件套只能写网页）；写后端逻辑也可以用 C 语言、C++、Java、Python、Go 等等你听说过的人和编程语言。只不过没有网络的话，那就直接把这些代码全部写在一个项目里就行了，至于数据存储的话，可以用 H2、SQLite 等支持直接在内存运行的数据库，当然也可以自己分配块内存、new 个对象啥的来存储数据。
+
+![](https://pic.yupi.icu/5563/202311080946598.png)
+
+> C++ QT Creator
+
+第二个思路：如果没有网络，并且我们还不把代码写在一起，可能是多个不同语言编写的程序放在了同一个机器上，那有什么办法让代码之间互相调用呢？
+
+这里我想到了 2 种方法，第一种方法是使用一些类库来调用其他语言的代码，比如 Java 调用 Python 脚本可以用 Jython，一个 Java 语言的 Python 实现：
+
+> Jython：https://www.jython.org/
+
+![](https://pic.yupi.icu/5563/202311080946843.png)
+
+当然，Java 调用 C++ 就更简单了（毕竟 Java 就是用 C++ 写的！），使用 Java 的 `本地方法` 特性，找到同一台电脑上的 C++ 的动态链接库文件调用即可：
+
+![](https://pic.yupi.icu/5563/202311080946005.png)
+
+> 借一张网图
+
+如果语言本身不支持调用其他语言、也没有什么第三方的类库，那就干脆去调用命令行工具，运行其他语言的脚本或 exe 之类的文件，也能实现同样的效果。比如 Java 的 `Runtime.exec()` 方法，用来执行外部程序或命令。你可以用 Java 去打开记事本.exe，也可以让 Java  执行 cmd 的关机命令~
+
+第二种方法属于曲线救国。如果没有网络，并不是说我们就不能发送请求了，只不过不能向本机之外的服务器发送请求而已。所以我们可以在本地启动服务，然后通过请求 localhost:port 本机地址去访问本地的其他代码。我们在本地开发调试前后端项目的时候，不都是这样做的么？
+
+![](https://pic.yupi.icu/5563/202311080946846.png)
+
+这样也完全可以实现前后端分离、甚至就连微服务也不在话下！
+
+不知道大家还有没有什么其他的方法呢？欢迎在评论区留言讨论吧~
+
+最后，欢迎大家加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) ，和近 6000 名小伙伴们一起交流学习，向鱼皮等大厂同学 1 对 1 提问、帮你定制学习计划不迷茫、跟着鱼皮直播做项目提升编程能力（往期直播可回看）、领取海量优质编程资源等等，明晚直播分享项目部署（4 种方式）~
+
+![](https://pic.yupi.icu/5563/202311080946153.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\345\215\225\346\226\271\351\235\242\345\256\243\345\270\203\357\274\214\350\207\252\345\267\261\346\230\257 ChatGPT \347\250\213\345\272\217\345\221\230\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\345\215\225\346\226\271\351\235\242\345\256\243\345\270\203\357\274\214\350\207\252\345\267\261\346\230\257 ChatGPT \347\250\213\345\272\217\345\221\230\357\274\201.md"
new file mode 100644
index 0000000..a953cbe
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\345\215\225\346\226\271\351\235\242\345\256\243\345\270\203\357\274\214\350\207\252\345\267\261\346\230\257 ChatGPT \347\250\213\345\272\217\345\221\230\357\274\201.md"	
@@ -0,0 +1,190 @@
+# 我单方面宣布，自己是 ChatGPT 程序员！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼 💨。
+
+前几天刚刚给大家分享了我自己做的编程词典网站，这个网站收集了 30 个主流编程领域、900 多篇编程相关的术语文章：
+
+> 指路：http://dict.code-nav.cn
+
+![](https://pic.yupi.icu/5563/202311080953557.png)
+
+值得一提的是，这个网站我竟然只花了不到一天就完成了！
+
+有些同学是不相信的，毕竟 900 多篇文章，一天搞定了？复制粘贴都来不及吧。
+
+![](https://pic.yupi.icu/5563/202311080953334.png)
+
+要是在以前，我也不相信，不过这次其实我是使用了 ChatGPT 背后强大的 AI 能力来帮助我完成了这个网站，网站上的所有文章、包括分类，全部都是 AI 自动生成的！
+
+就像下面这样：
+
+![](https://pic.yupi.icu/5563/202311080953509.png)
+
+不过细心的同学也发现了，网站上的文章太短、内容不够深、不如人写的质量高。
+
+比如下面这个搜索引擎优化，这么大的 “坑” 用几段话就介绍完了：
+
+![](https://pic.yupi.icu/5563/202311080953847.png)
+
+**这是一件好事，说明 AI 还取代不了人。**
+
+不过必须要说的是，这个网站只是我的一次尝试，其实我让 AI 生成的时候，有意限制了文章的长度和数量，理论上我让他生成 10000 篇万字的大长文、覆盖网上有的所有编程词汇，也是很简单的事情。
+
+下面我就给大家揭秘一下：自己是如何利用 AI，轻松完成了这个网站。
+
+希望对小伙伴们有帮助~
+
+> 本文视频版：https://www.bilibili.com/video/BV12h411u7s1
+
+## 编程词典网制作过程揭秘
+
+要完成这样一个网站，需要解决 2 大问题：
+
+1. 网站怎么做？
+2. 内容从哪来？
+
+### 网站怎么做？
+
+首先，我们要明确需求。对于一个百科类网站，最核心的需求是能够让用户在网站上分类阅读文章，其他功能都是次要的。
+
+所以我们没必要自己从 0 开发网站、自己写界面，可以直接使用现成的文档网站生成器，比如 Hexo、Hugo、Docsify、Docusaurus 等等。
+
+那我这里选用的是 Vuepress，原因很简单：它简洁、易用、生态好。而且最关键的是，它会帮你把文章内容生成为静态页面，有利于 SEO，说人话就是大家更容易搜到你的网站。
+
+![](https://pic.yupi.icu/5563/202311080953552.png)
+
+> 大家平时应该看到过很多类似风格的网站，基本都是 VuePress 做的。
+
+VuePress 的用法非常简单，我们只需要跟着官方文档的流程，先初始化一个 Vuepress 的项目：
+
+![](https://pic.yupi.icu/5563/202311080953656.png)
+
+然后创建 docs 目录用于存放文章，再随便新建一篇文章：
+
+![](https://pic.yupi.icu/5563/202311080953964.png)
+
+然后运行 npm 的 `docs:dev` 命令：
+
+![](https://pic.yupi.icu/5563/202311080953067.png)
+
+就可以在浏览器中看到文档网站了：
+
+![](https://pic.yupi.icu/5563/202311080953065.png)
+
+如果你要做的网站内容很多、并且还要对内容进行分类。那么你可以先根据分类名称去创建多个目录：
+
+![](https://pic.yupi.icu/5563/202311080953062.png)
+
+然后按照 Vuepress 文档中约定的规则，分别配置 navbar 顶部导航栏，以及 sidebar 侧边导航栏：
+
+![](https://pic.yupi.icu/5563/202311080953515.png)
+
+就可以得到一个分类展示文章的文档网站了，就像编程词典一样。
+
+至此，开发网站的流程就跑通了。接下来你要做的，就是不断地丰富网站的内容。
+
+### 内容从哪儿来？
+
+那就引出了第二个问题，如果我想做一个包含几百篇、上千篇文章的词典百科类网站，内容从哪儿来？
+
+自己写？这么多文章，不现实！
+
+复制粘贴别人的？一方面复制上千篇文章也很麻烦，另一方面还会有版权风险吧。。。
+
+所以，作为一个懒程序员，我肯定选择自己开发一个程序来自动获取文章，并且自动生成目录和导航栏配置，这才是最方便的。
+
+![](https://pic.yupi.icu/5563/202311080953549.png)
+
+感谢 AI 的发展，我们不仅不用去网上找别人的文章，而且还可以让它帮我们自动生成文章！
+
+那接下来就介绍下怎么用 AI 生成文章。
+
+#### 第零步
+
+你要先有一个 OpenAI 的开发者账号，才能利用 AI 的对话能力，还要有调用 AI 接口的代码。如果你不会写，可以从我的 `yu-auto-reply` 开源项目中扒下来。
+
+> 开源项目：https://github.com/liyupi/yu-auto-reply
+
+![](https://pic.yupi.icu/5563/202311080953595.png)
+
+#### 第一步
+
+根据你的主题，给 AI 模型添加系统预设。
+
+比如我想要编程领域的文章，就跟 AI 说：“你是一个编程领域的专家，我需要你配合我完成编程相关文章的编写”
+
+它的回答如下：
+
+![](https://pic.yupi.icu/5563/202311080953870.png)
+
+#### 第二步
+
+用程序来跟 AI 对话（指调用 Open AI 接口），让它帮你生成领域下的热门分类。
+
+比如：“请给我提供 30 个编程领域最热门的学习方向”
+
+它会自动以列表的形式给我们生成主流的学习方向：
+
+
+
+然后，我们就可以用程序来读取它回答中的分类信息（解析字符串），并且给每个分类创建一个单独的目录（文件读写）。
+
+这里建议先把分类信息保存到一个临时文件中，用于后续处理。
+
+#### 第三步
+
+使用循环，依次利用 AI 给每个分类生成词汇（也就是每篇文章的标题）。
+
+比如：“请你帮我自动生成和 Web 开发相关的 30 个专业词汇”
+
+它会自动以列表的形式给我们生成专业词汇：
+
+![](https://pic.yupi.icu/5563/202311080953304.png)
+
+然后，你就可以用程序读取到这些词汇了，本质上就是字符串解析。
+
+建议先把这些词汇保存到一个临时文件中，用于后续处理。
+
+#### 第四步
+
+再使用循环，依次利用 AI 给每个词汇生成详细的文章内容。
+
+比如：“请你写一篇不小于 500 字的文章，来把 “前端开发” 这个专业词汇解释清楚”
+
+它会自动给我们生成文章：
+
+![](https://pic.yupi.icu/5563/202311080953510.png)
+
+然后，你就可以用程序把它的回答写入到文档中，就是简单的文件读写操作。
+
+**如此循环往复，理论上你可以生成任意数量的文章。**
+
+#### 第五步
+
+最后，利用之前得到的分类文件、词汇文件，你就可以通过程序自动化地生成 Vuepress 的导航栏配置文件，比如下面这段：
+
+![](https://pic.yupi.icu/5563/202311080953989.png)sidebar.ts 文件
+
+全部生成好之后，复制粘贴一把梭，网站就可以上线了。
+
+
+
+------
+
+
+整个流程就是这样，你学会了么？
+
+不过要注意的是，以上的预设和指令只是我给大家的一些简单示例，如果你想得到更准确的内容，就要给它更准确的指令要求。建议大家自己多尝试、摸索一下。
+
+以上只是 ChatGPT 的玩法之一，我自己也在摸索其他的 AI 玩法。不得不说，它真的是一个非常强大的工具，至少我是离不开它了，请允许我单方面称自己为 “ChatGPT 程序员” 哈哈。
+
+后面有机会的话，我应该也会在自己的圈子中手把手直播带大家做做和 ChatGPT（Open AI）相关的项目。
+
+最后推荐：
+
+- [ChatGPT 破局俱乐部](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247541427&idx=1&sn=3ef6d15bb40c3c9ca1a6a29473e51b3d&chksm=e9c2c544deb54c521ad9ae20127de1c96bfaa9abd6b96ed6bacc34abfb0e3ab4bd0099442a3f&token=887489106&lang=zh_CN&scene=21#wechat_redirect) ，一起来交流 ChatGPT、AI 绘画的玩法，内置手把手教程
+- [鱼皮的编程学习圈](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮 1 对 1 答疑，和上万名学编程的同学共享知识、交流进步
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\347\224\250\350\277\231\344\270\252\346\212\200\346\234\257\357\274\214\345\271\262\346\216\211\345\207\240\345\215\203\350\241\214 if else\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\347\224\250\350\277\231\344\270\252\346\212\200\346\234\257\357\274\214\345\271\262\346\216\211\345\207\240\345\215\203\350\241\214 if else\357\274\201.md"
new file mode 100644
index 0000000..6178993
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\210\221\347\224\250\350\277\231\344\270\252\346\212\200\346\234\257\357\274\214\345\271\262\346\216\211\345\207\240\345\215\203\350\241\214 if else\357\274\201.md"	
@@ -0,0 +1,213 @@
+# 我用这个技术，干掉几千行 if else！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好我是鱼皮，今天我将用一个有趣的小例子来带大家入门企业开发中非常实用的技术—— 工作流，用好这个技术，可以帮你消除项目中大量的 if else 代码，让你的项目更好维护和扩展。
+
+> 本文视频演示：https://www.bilibili.com/video/BV13d4y1o7iB/
+
+## 什么是工作流？
+
+工作流顾名思义，就是一系列工作所组成的流程。
+
+就像工厂加工产品一样，确认好生产步骤后，所有工人只需做好自己的事情即可。
+
+![](https://pic.yupi.icu/5563/202311080936772.png)
+
+比如我现在要做一个养鸡系统，  每一只鸡都需要依次通过唱、跳、RAP、篮球的考核，并且还要练习时长两年半，才能出售，否则就算是 “蔡鸡”，要打回去重新练习。
+
+对应的流程图如下：
+
+![](https://pic.yupi.icu/5563/202311080936938.png)
+
+那如果让你来写代码实现这个逻辑，你会怎么写呢？
+
+想必会是一大段的 if ... else ... 吧，像下面这样：
+
+![](https://pic.yupi.icu/5563/202311080936288.png)
+
+对于简单的程序来说，这样写没有问题。但在企业开发中，我们的业务流程往往是非常复杂的，比如下面这个系统：
+
+![](https://pic.yupi.icu/5563/202311080936028.png)
+
+再加上多人协作开发，大家都在一个文件里写 if else 也不现实。
+
+所以为了更好地开发和维护工作流，我们一般会使用 `工作流引擎` 技术。可以通过可视化拖拽的方式来绘制流程图、并自动生成业务流程代码，而不用自己写 if else，大幅降低开发成本、非程序员也能用。
+
+![](https://pic.yupi.icu/5563/202311080936616.png)
+
+> 可视化绘制工作流
+
+比较成熟的工作流引擎有 Activiti、flowable-engine 等等，但它们都需要一些学习成本，对于第一次接触工作流的同学来说，可能会有点复杂。
+
+所以我选了一个相对轻量纯净的工作流引擎 CompileFlow 来演示，便于大家理解。
+
+![](https://pic.yupi.icu/5563/202311080936699.png)
+
+
+
+> 下面我们用它来实现刚刚提到的养鸡系统。
+
+## 工作流实现养鸡系统
+
+### **1、准备操作**
+
+使用 Compile Flow 非常简单，直接进入代码仓库主页，引入代码包即可：
+
+![](https://pic.yupi.icu/5563/202311080936185.png)
+
+这里我建议大家首次使用时下载官方提供的示例代码：https://github.com/compileflow/compileflow-demo
+
+这是一个 Maven + Spring Boot 的项目，我们用 IDEA 开发工具打开它，可以看到目录中有很多 bpm 业务流程管理文件，用来定义我们的工作流。
+
+![](https://pic.yupi.icu/5563/202311080936179.png)
+
+但是 bpm 文件是用 XML 编写的，看着就很复杂，真要自己写这个玩意还不如写 if else 呢！
+
+![](https://pic.yupi.icu/5563/202311080936934.png)
+
+> bpm 文件
+
+所以我们要先下载一个 `Compileflow Designer` 插件，这样就能可视化地编辑工作流了：
+
+![](https://pic.yupi.icu/5563/202311080936329.png)
+
+### **2、新建项目**
+
+让我们在资源目录下新建一个 bpm 文件，就叫 `ji.bpm`，然后点编辑器底部切换到可视化编辑视图。
+
+![](https://pic.yupi.icu/5563/202311080936814.png)
+
+在这里，我们就能像画流程图一样设计我们的程序流程了，让我们试着复现一下之前画的流程图。
+
+![](https://pic.yupi.icu/5563/202311080936325.png)
+
+> 可视化编辑流程
+
+左边的内容称为 `节点` ，每个流程图必须包含一个开始和一个结束节点，不同的节点有不同的流程控制规则。
+
+节点又可以指向其他节点，表示工作的执行顺序，双击节点可以编辑节点名称：
+
+![](https://pic.yupi.icu/5563/202311080936076.png)
+
+> 编辑节点
+
+一番操作后，我们的流程图就变成了下面这个样子：
+
+![](https://pic.yupi.icu/5563/202311080936081.png)
+
+但目前这个流程图是静态的，我们需要给它绑定数据和程序代码，来让整个流程动起来。
+
+### **3、绑定数据**
+
+我们要先确定整个流程的输入和输出，此处我们的输入就是一只鸡（Ji 对象）、输出是考核结果（boolean 类型），我们把这些信息叫做工作流的 `上下文` 。可以理解为全局变量，工作流的每个节点都可以读取这些数据。
+
+![](https://pic.yupi.icu/5563/202311080936430.png)
+
+> 确定上下文
+
+双击编辑器空白处，就可以配置上下文。这里要注意选择 inOutType 的值，全局入参为 param、全局返回值为 result，如果你需要在部分节点中传递变量，可以用 inner 类型。
+
+![](https://pic.yupi.icu/5563/202311080936444.png)
+
+> 全局上下文配置
+
+### **4、绑定方法**
+
+配置好上下文后，我们要给每个节点绑定一个方法，也就是这个节点要做什么事。
+
+这里我们从之前的 if else 程序中提取出需要的方法，每个分支都是一个独立的方法，比如 checkChang、考核成功、考核失败等：
+
+![](https://pic.yupi.icu/5563/202311080936586.png)
+
+> 每个节点一个方法
+
+然后双击流程图中的节点，点击行为配置，选择我们的方法，配置输入参数和返回值。这里我们的输入参数从上下文中获取，返回值同步给上下文，配置如图：
+
+![](https://pic.yupi.icu/5563/202311080936736.png)
+
+> 绑定方法
+
+### **5、绑定条件**
+
+最后我们还要再给判断节点绑定条件，区分 yes 或 no。
+
+单击箭头，然后输入表达式，如果表达式成立，那么会往下执行，还可以配置优先级来选择判断顺序（类似代码中 if else 的顺序）：
+
+![](https://pic.yupi.icu/5563/202311080936532.png)
+
+> 绑定条件
+
+### **6、执行流程**
+
+至此，我们的流程图就编辑完了，然后我们就可以在代码中执行流程。
+
+比如我这里新建一个 main 方法，new 一只鸡，作为输入参数放到流程上下文中，然后调用流程引擎的 start 方法，就能得到结果了。
+
+示例代码如下：
+
+```
+public static void main(String[] args) {
+  // 输入一只鸡
+  Ji ji = new Ji();
+  ji.setName("cai");
+  ji.setCanChang(true);
+  ji.setCanTiao(true);
+  ji.setCanRap(true);
+  ji.setCanLanQiu(true);
+  ji.setPracticeYear(2.5D);
+  // 找到 bpm 文件的位置
+  String code = "bpm.ji";
+
+  // 设置上下文（输入参数）
+  Map<String, Object> context = new HashMap<>();
+  context.put("ji", ji);
+
+  try {
+    // 执行流程
+    ProcessEngine processEngine = ProcessEngineFactory.getProcessEngine();
+    Map<String, Object> result = processEngine.start(code, context);
+    // 获取结果
+    System.out.println(result.get("result"));
+  } catch (Exception e) {
+    e.printStackTrace();
+  }
+}
+```
+
+运行一下试试看：
+
+![](https://pic.yupi.icu/5563/202311080936342.png)
+
+大功告成，以上就是工作流引擎的用法了。
+
+不过由于这个例子比较简单，可能无法突出工作流引擎的优势，这也说明了一点：任何技术都要结合实际场景来选择是否运用。
+
+一般工作流引擎在 ERP 系统、OA 系统中用的比较多，那大家感兴趣的话也可以试着完成 demo 项目中更复杂的例子 `orderFulfillmentFlow.bpm` ，感受工作流引擎开发的高效。
+
+![](https://pic.yupi.icu/5563/202311080936938.png)
+
+> 更复杂的例子
+
+## 原理
+
+Compile Flow 工作流引擎的原理其实也很 “简单”，就是将用户编辑好的 XML 视图文件编译为 Java 代码。我们点开编译后的 Java 代码就可以看到全局变量、流程等等：
+
+![](https://pic.yupi.icu/5563/202311080936689.png)
+
+虽然说还是用到了 if else，但是开发者不需要关心这些 if else 了，定义好流程、写好每个节点要做的工作即可。
+
+
+
+------
+
+
+最后补充一句，Compile Flow 其实好久没更新了，文档写的也过于精简。我只是为了便于大家理解，给大家演示使用。如果你想系统地学习或在企业开发中使用工作流，还是更推荐 Activiti 等成熟的，国产好用的工作流引擎也很多。
+
+以上就是本期分享，学会的朋友们点个赞吧，之后大家如果忘了工作流，就想想唱跳 RAP 篮球。
+
+![](https://pic.yupi.icu/5563/202311080936683.png)
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) （点击了解详情），一起学习进步~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\220\236\345\217\260\350\231\232\346\213\237\346\234\272\347\216\251\347\216\251\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\220\236\345\217\260\350\231\232\346\213\237\346\234\272\347\216\251\347\216\251\357\274\201.md"
new file mode 100644
index 0000000..b060d88
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\346\220\236\345\217\260\350\231\232\346\213\237\346\234\272\347\216\251\347\216\251\357\274\201.md"
@@ -0,0 +1,518 @@
+> Linux 虚拟机 + 远程开发保姆级教程，轻松搭建高效开发环境！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。最近我正在带大家开发 OJ 系统，需要用 **Docker 容器技术** 来实现隔离的代码沙箱。
+
+随之而来的是一个难题：很多同学的电脑都是 Windows 的，直接在 Windows 上安装 Docker 容器比较麻烦，需要依赖 WSL（Windows Subsystem for Linux），很容易出现各种报错。
+
+比如 WSL 内核版本太低：
+
+![](https://pic.yupi.icu/5563/202311080934938.png)
+
+缺少 WSL：
+
+![](https://pic.yupi.icu/5563/202311080934934.png)
+
+所以，我们不妨直接搞一台 Linux 系统的服务器来安装 Docker 吧，不仅不会影响现有的系统，以后开发和部署项目也都会更方便。
+
+那么如何拥有一台 Linux 服务器呢？
+
+比较常见的有 2 种方式：
+
+- 购买第三方云服务商的云服务器
+- 使用虚拟机软件，在自己电脑上额外运行 Linux 系统
+
+第一种方式要花钱，就不多说了。本篇文章我会带大家实践第 2 种方式，只需几分钟的时间，手把手带大家在 Windows 上安装 Linux 虚拟机，并且实践 2 种远程开发方法，让大家像使用 Windows 一样轻松地在 Linux 上开发程序。
+
+⭐️ 本文对应视频教程：https://www.bilibili.com/video/BV1h94y1k7Jf/（讲解会更细节，建议配合本文使用）
+
+## 一、虚拟机安装
+
+### 1、下载安装
+
+首先我们要下载虚拟机软件，这里比较推荐 VMware Workstation Player，个人不商业使用是 **免费** 的。
+
+直接到 VMware 官网下载：
+
+指路：https://www.vmware.com/cn/products/workstation-player.html
+
+![](https://pic.yupi.icu/5563/202311080934362.png)
+
+这里有条件的朋友也可以使用 VMware Workstation Pro，功能更全，但是要付费。
+
+在官网点击免费下载后，即可进入安装流程。
+
+这里要注意勾选 “自动安装 Windows Hypervisor Platform” 和 “将 VMware Workstation 控制台工具添加到系统 PATH” 两个选项：
+
+![](https://pic.yupi.icu/5563/202311080934651.png)
+
+![](https://pic.yupi.icu/5563/202311080934344.png)
+
+选择免费、非商用版本：
+
+![](https://pic.yupi.icu/5563/202311080934937.png)
+
+然后就安装成功了，比起在 Windows 上折腾 WSL，安装虚拟机可方便太多了~
+
+### 2、安装系统
+
+虚拟机软件安装完成后，我们打开软件，接下来要先新建虚拟机来安装一个 Linux 操作系统：
+
+![](https://pic.yupi.icu/5563/202311080934477.png)
+
+点击创建新虚拟机，然后它让我们提供一个 Linux 操作系统的镜像：
+
+![](https://pic.yupi.icu/5563/202311080934323.png)
+
+问题是，Linux 操作系统有很多的发行版，我们安装哪个版本呢？
+
+我学生时代的时候，特别喜欢用 CentOS，但可惜的是，CentOS 已经停止维护了。。。
+
+所以这里我们选择 Linux Ubuntu 18.04 LTS 版本来给大家演示，有图形界面，会更能照顾到新手同学。
+
+Ubuntu 镜像下载：https://releases.ubuntu.com/18.04/
+
+拉到底部，找到 `.iso` 后缀的文件下载即可：
+
+![](https://pic.yupi.icu/5563/202311080934327.png)
+
+当然，萝卜青菜，各有所爱，会玩 Linux 的同学可以自由选择版本~
+
+指定完操作系统后，我们继续新建虚拟机，可以根据实际的电脑情况来自定义虚拟机的硬件。如果你的电脑配置还不错，内存和 CPU 可以分配多一点：
+
+![](https://pic.yupi.icu/5563/202311080934321.png)
+
+点击完成，然后稍等片刻，系统就安装完成并启动啦！
+
+![](https://pic.yupi.icu/5563/202311080934336.png)
+
+### 3、修改配置
+
+像购买一台新电脑一样，我们有了新的操作系统后，可以自行修改一些配置，比如修改语言为中文。
+
+#### 修改语言为中文
+
+按 `windows` 键，弹出功能搜索按钮，输入 "language"，打开 "语言支持"：
+
+我这台虚拟机是已经改完语言的，所以截图中已经是中文了
+
+![](https://pic.yupi.icu/5563/202311080934166.png)
+
+然后点击添加语言，选择中文简体，并且把汉语拖到语言列表的最上面，最后点击应用到整个系统：
+
+![](https://pic.yupi.icu/5563/202311080934916.png)
+
+稍等片刻，中文语言包、输入法等内容就安装好了，点击右上角重启虚拟机：
+
+![](https://pic.yupi.icu/5563/202311080934776.png)
+
+重启后，同样是按 `windows` 键，弹出功能搜索按钮，输入 "language"，打开 "区域和语言"：
+
+![](https://pic.yupi.icu/5563/202311080934075.png)
+
+在区域和语言设置中，新增输入源，添加已安装的中文输入法：
+
+![](https://pic.yupi.icu/5563/202311080934066.png)
+
+#### 修改分辨率
+
+用同样的方法，我们可以调整系统的分辨率。
+
+先打开显示设置：
+
+![](https://pic.yupi.icu/5563/202311080934181.png)
+
+然后可以调整分辨率和字体大小：
+
+![](https://pic.yupi.icu/5563/202311080934860.png)
+
+#### 修改时间
+
+默认情况下系统的时区可能是有问题的，我们可以打开“日期和时间”设置，选择时区为“中国上海”：
+
+![](https://pic.yupi.icu/5563/202311080934640.png)
+
+### 4、安装软件
+
+基本配置修改完成后，我们就可以给 Linux 系统安装软件并使用了。
+
+和其他操作系统一样，Linux Ubuntu 也有自己的应用商店，能够可视化一键安装软件，比如防火墙之类的，适合新手操作：
+
+![](https://pic.yupi.icu/5563/202311080934990.png)
+
+当然，大家用 Linux 更多地还是要学习它的终端命令行操作，所以这里我们以 Docker 为例，使用命令行来快速安装。
+
+按 `Ctrl + Alt + T` 快速打开终端，输入以下命令来一键安装 Docker：
+
+apt 命令是软件包管理工具，能够让我们方便地安装软件
+
+```
+sudo apt install docker.io
+```
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080934642.png)
+
+安装完成后，输入 `docker -v` ，查看版本号，如下图：
+
+![](https://pic.yupi.icu/5563/202311080934646.png)
+
+然后输入 `docker run` 命令，测试 Docker 能否正常运行：
+
+```
+sudo docker run hello-world
+```
+
+能看到如下信息，表示 Docker 安装成功：
+
+![](https://pic.yupi.icu/5563/202311080934721.png)
+
+怎么样，比在 Windows 安装方便多了吧？
+
+## 二、Java 远程开发
+
+有了 Linux 系统后，我们怎么在 Linux 上开发呢？
+
+是直接在 Linux 上安装常用的开发工具，然后在虚拟机里编写代码么？
+
+No、No、No，这样不仅要改变你原本的编码习惯，还可能会出现卡顿。如果你的项目有的在 Windows、有的在 Linux，需要同时开发的话，来回切换系统可太麻烦了。
+
+所以这里我会教大家使用远程开发，直接在自己的 Windows 电脑上操作 Linux 服务器，和之间的开发方式完全一致！
+
+两个字：“丝滑”！
+
+下面我会以 Java 开发为例，带大家掌握 2 种远程开发的方式：**远程部署** 和 **纯远程开发** ，大家可以根据实际情况选择合适的方式。
+
+### 1、前置准备
+
+在学习远程开发前，我们要先做一些准备工作。
+
+#### 1）网络连通
+
+要确保我们本地的 Windows 电脑能够连接到 Linux 虚拟机。
+
+首先在设置中搜索网络，点击查看网络设置：
+
+![](https://pic.yupi.icu/5563/202311080934732.png)
+
+获取到虚拟机的 IPv4 地址，这个地址一定要记好了：
+
+![](https://pic.yupi.icu/5563/202311080934012.png)
+
+在自己的 Windows 电脑上 ping 这个 IP 地址，测试能否 ping 通。
+
+如下图，表示网络正常连通：
+
+![](https://pic.yupi.icu/5563/202311080934731.png)
+
+#### 2）开启 SSH
+
+光能 ping 通虚拟机还不够，很多远程开发工具都是通过 SSH 协议连接远程服务器的，所以我们要在 Linux 虚拟机上开启 SSH。
+
+在 Linux 虚拟机上打开终端，输入下列命令安装 SSH 服务器：
+
+```
+sudo apt-get install openssh-server
+```
+
+安装后，输入下列命令检查 SSH 是否已开启：
+
+```
+ps -e |grep ssh
+```
+
+如下图，则表示 SSH 开启成功：
+
+![](https://pic.yupi.icu/5563/202311080934784.png)
+
+如果未启动，执行 sudo service ssh start 手动启动服务试试
+
+#### 3）安装 Java
+
+因为我们要演示 Java 远程开发，所以 Java JDK 的安装是必不可少的。
+
+Linux 下安装 JDK 还是很方便的，首先打开终端，输入命令来更新软件源信息：
+
+```
+sudo apt update
+```
+
+然后执行下列命令来安装 Java 8（经典版本）：
+
+```
+sudo apt install openjdk-8-jdk
+```
+
+安装完成后，输入命令检查 Java 版本：
+
+```
+java -version
+```
+
+看到如下输出，表示 Java 安装成功：
+
+![](https://pic.yupi.icu/5563/202311080934981.png)
+
+#### 4）安装 Maven
+
+除了安装 Java 外，我们还要安装 Java 的项目依赖管理工具 Maven，便于接下来我们测试 Spring Boot 项目的远程开发。
+
+打开终端，输入如下命令安装 Maven：
+
+```
+sudo apt install maven
+```
+
+安装完成后，输入命令来查看 Maven 的版本号：
+
+```
+mvn -v
+```
+
+看到如下输出，表示 Maven 安装成功：
+
+![](https://pic.yupi.icu/5563/202311080934566.png)
+
+环境准备完毕，接下来开始远程开发之旅~
+
+### 2、远程部署
+
+第一种远程开发方式是 **远程部署**，就像我们真实做项目时，先在本地用代码编辑器完成开发，再把代码放到 Linux 服务器上去部署一样。远程部署的思路是在本地编写代码，然后把本地的代码文件定期同步到 Linux 服务器，再用本地电脑操作远程服务器完成部署和运行。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080934122.jpeg)
+
+这种方式更多地是为了提高将代码放到服务器部署的效率，不算是真正意义上的远程开发，但可以达到接近的效果。
+
+远程开发主要分为 6 个阶段：编码、文件同步、运行、编译构建、部署、调试。接下来让我们以一个最简单干净的 Spring Boot 项目为例，实战上述几个操作。
+
+#### 0）编码
+
+假设我们本地已经有了一个示例项目，仅提供一个 checkHealth 接口，用于测试服务能否正常访问，端口为 8080。
+
+核心代码如下：
+
+```
+@RestController("/")
+public class MainController {
+
+    @GetMapping("/health")
+    public String checkHealth() {
+        return "ok";
+    }
+}
+```
+
+#### 1）文件同步
+
+打开 JetBrains IDEA 开发工具，点击 Tools => Development => Configuration：
+
+![](https://pic.yupi.icu/5563/202311080934776.png)
+
+进入到如下操作界面，需要先来配置 SSH，和服务器建立连接：
+
+![](https://pic.yupi.icu/5563/202311080934571.png)
+
+进入 SSH 配置，输入自己实际的服务器 IP！不一定和下图的 IP 地址相同！
+
+![](https://pic.yupi.icu/5563/202311080934329.png)
+
+点击测试连接，能看到连接成功的弹窗；如果报错，可能是 IP 地址、用户名或密码输错了。
+
+![](https://pic.yupi.icu/5563/202311080934647.png)
+
+回到部署界面，点击 Mappings 来配置路径映射，就是把本地电脑的文件同步到远程服务器的指定路径：
+
+![](https://pic.yupi.icu/5563/202311080934675.png)
+
+保存，在 IDEA 右侧就能看到我们虚拟机的所有文件列表啦：
+
+![](https://pic.yupi.icu/5563/202311080934340.png)
+
+然后点击 Tools => Development => Automatic Upload，开启自动同步：
+
+![](https://pic.yupi.icu/5563/202311080934226.png)
+
+现在，尝试在自己电脑的代码文件夹中新建一个文件，该文件就会自动同步到 Linux 虚拟机~
+
+但目前如果你删除了自己电脑的文件，Linux 虚拟机的对应文件不会删除，所以我们还要进入 Options 配置：
+
+![](https://pic.yupi.icu/5563/202311080934991.png)
+
+勾选上文件删除的同步：
+
+![](https://pic.yupi.icu/5563/202311080934000.png)
+
+至此，你在本地编写的代码都会自动同步到服务器上了。
+
+#### 2）运行项目
+
+可以直接在 IDEA 的终端中快速创建一个能够远程访问远程服务器的终端：
+
+![](https://pic.yupi.icu/5563/202311080934681.png)
+
+然后使用 `cd` 命令进入到代码目录：
+
+![](https://pic.yupi.icu/5563/202311080934935.png)
+
+输入 Maven 命令来运行项目：
+
+```
+mvn clean
+mvn spring-boot:run
+```
+
+能够看到项目成功启动：
+
+![](https://pic.yupi.icu/5563/202311080934979.png)
+
+然后访问远程服务器的接口地址（比如 http://192.168.170.132:8080/health），能够看到如下输出：
+
+![](https://pic.yupi.icu/5563/202311080934135.png)
+
+表示我们已经能够正常访问到 Linux 服务器上运行的项目了。
+
+还可以在 Deployment 界面中配置 web server url，相当于一个快捷访问方式：
+
+![](https://pic.yupi.icu/5563/202311080934740.png)
+
+#### 3）构建项目
+
+和上面运行项目的方式相同，在自己的电脑打开终端访问远程虚拟机，然后执行 Maven 打包命令：
+
+```
+mvn package
+```
+
+看到如下输出，表示打包成功：
+
+![](https://pic.yupi.icu/5563/202311080934062.png)
+
+![](https://pic.yupi.icu/5563/202311080934178.png)
+
+然后在服务器上就能看到生成的可执行 jar 包：
+
+![](https://pic.yupi.icu/5563/202311080934970.png)
+
+#### 4）部署项目
+
+现在项目可执行 jar 包已经放到了服务器上，我们只需启动即可。
+
+输入下列命令，以生产环境运行 jar 包：
+
+```
+java -jar /home/yupi/code/target/yuoj-code-sandbox-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod
+```
+
+看到如下信息，启动成功：
+
+![](https://pic.yupi.icu/5563/202311080934272.png)
+
+#### 5）远程调试
+
+现在程序已经在 Linux 虚拟机上启动了，那么我们如何调试远程的程序呢？比如打断点、查看变量信息等。
+
+首先强调一点，远程调试不要乱用，可以在开发时调试，但千万别给线上打断点！影响正常用户的访问。
+
+开启远程调试的方法很简单，首先在 IDEA 右上角找到编辑配置：
+
+![](https://pic.yupi.icu/5563/202311080934281.png)
+
+然后新建一个远程 JVM Debug 配置：
+
+![](https://pic.yupi.icu/5563/202311080934283.png)
+
+更改配置，修改自己虚拟机的 IP、希望占用的远程调试端口、JDK 版本等，IDEA 会自动生成一段远程调试参数：
+
+![](https://pic.yupi.icu/5563/202311080934484.png)
+
+在启动项目时，给启动命令追加上述界面生成的 command line 参数，**注意要加到 jar 包路径之前** 。
+
+示例命令如下：
+
+```
+java -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005 -jar /home/yupi/code/target/yuoj-code-sandbox-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod
+```
+
+启动项目后，在右上角开启 Debug：
+
+![](https://pic.yupi.icu/5563/202311080934737.png)
+
+然后给代码打个断点：
+
+![](https://pic.yupi.icu/5563/202311080934066.png)
+
+再访问对应的端口，可以看到 Debug 已经生效：
+
+![](https://pic.yupi.icu/5563/202311080934537.png)
+
+现在，你就可以把 Linux 虚拟机当做自己的电脑进行远程开发啦~
+
+### 3、纯远程开发
+
+除了上面的方式外，还有一种更简单的远程开发方法。
+
+使用 IDEA 自带的远程开发功能，可以直接将本地的编译、构建、调试、运行等工作全部都放在远程服务器上执行！而本地仅运行客户端软件连接服务器，像之前一样编写代码、进行其他开发操作即可。
+
+这种方式就很像云游戏，自己的电脑不存放代码、不负责程序的运行，只需要运行一个操作界面即可，而 “脏活累活”都交给服务器。适合本地电脑性能差（服务器性能强）、开发环境多人协作开发、需要统一开发环境的场景。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080934222.jpeg)
+
+这种方式也更简单，进入 IDEA 主页，找到 SSH 选项，点击新建项目：
+
+![](https://pic.yupi.icu/5563/202311080934016.png)
+
+配置 SSH 连接：
+
+![](https://pic.yupi.icu/5563/202311080934019.png)
+
+指定远程开发的代码路径：
+
+![](https://pic.yupi.icu/5563/202311080935072.png)
+
+首次使用时，需要等待下载 JetBrains Client 客户端：
+
+![](https://pic.yupi.icu/5563/202311080934886.png)
+
+服务器上也会自动安装对应的远程开发后端：
+
+![](https://pic.yupi.icu/5563/202311080935070.png)
+
+然后进入远程开发：
+
+![](https://pic.yupi.icu/5563/202311080935925.png)
+
+打开任务管理器，可以看到 JetBrains 的 client 非常 “轻量”：
+
+![](https://pic.yupi.icu/5563/202311080935786.png)
+
+进入客户端界面，软件会自动加载 Maven 项目，但是需要手动指定服务器上已安装的 JDK：
+
+![](https://pic.yupi.icu/5563/202311080935669.png)
+
+然后直接以 Debug 模式启动项目：
+
+![](https://pic.yupi.icu/5563/202311080935314.png)
+
+还可以配置请求转发，像访问本地服务一样访问远程端口：
+
+![](https://pic.yupi.icu/5563/202311080935307.png)
+
+![](https://pic.yupi.icu/5563/202311080935115.png)
+
+接下来访问本机地址 http://127.0.0.1:8080/health，就能够访问到项目啦，而且直接支持 Debug！无须做任何多余的配置！
+
+![](https://pic.yupi.icu/5563/202311080935071.png)
+
+------
+
+至此，使用 Linux 虚拟机 + 远程开发的教程就结束了，个人更喜欢第二种远程开发方式，非常简单、而且丝滑，接下来大家就可以愉快地学习 Linux、Docker 等技术啦~
+
+原创不易，大家如果学会了的话，希望能点赞收藏支持下 🌹
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\347\202\270\350\243\202\347\232\204 AutoGPT\357\274\214\345\270\256\346\210\221\345\201\232\344\272\206\344\270\252\347\275\221\347\253\231\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\347\202\270\350\243\202\347\232\204 AutoGPT\357\274\214\345\270\256\346\210\221\345\201\232\344\272\206\344\270\252\347\275\221\347\253\231\357\274\201.md"
new file mode 100644
index 0000000..f620f7c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\347\202\270\350\243\202\347\232\204 AutoGPT\357\274\214\345\270\256\346\210\221\345\201\232\344\272\206\344\270\252\347\275\221\347\253\231\357\274\201.md"	
@@ -0,0 +1,183 @@
+大家好，我是鱼皮，继前段时间爆火的 ChatGPT 后，又一个炸裂的开源项目 `Auto-GPT` 出现了。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+![](https://pic.yupi.icu/5563/202311080949783.png)
+
+仅在最近 10 天，这个项目就收获了 8 万多个 star，目前总 star 数超过 10 万！
+
+![](https://pic.yupi.icu/5563/202311080949337.png)
+
+那 Auto-GPT 到底是个什么玩意？它到底凭什么这么火？如何使用和部署它？它到底真的实用么？
+
+带着这些问题来看这篇文章，下面我就给大家分享下 Auto-GPT 的介绍、最简单的部署方法、并且做一个简单的上手体验。
+
+### 什么是 Auto-GPT？
+
+Auto 即自动，Auto-GPT 就表示自动的 GPT。
+
+什么意思呢？
+
+以前假如我们想使用 ChatGPT 来写一篇论文，可能要 **人工** 问它好几个问题，比如：
+
+问：我想写一篇关于 AI 的论文，我需要怎么做？
+
+AI 答：确认选题、写背景、写程序、写实验、写总结等。
+
+问：帮我想 1 个选题
+
+AI 答：AutoGPT
+
+问：帮我介绍下 AutoGPT 的背景
+
+。。。
+
+你需要多次人工地向 AI 提问，直到你最后完成一篇论文。
+
+但有了 AutoGPT，你只需要告诉它一个目标，比如 “写一篇关于 AI 的论文”，它就能够用程序全自动地完成目标。
+
+当然，和人类一样，它也不是一步到位的，而是先自动向 AI 提问，然后根据 AI 的回答再自动提出新的问题，如此循环往复直到达成你告诉它的目标。
+
+> AutoGPT 本身也是结合了 LLM 大语言模型，相当于让 AI 来指挥 AI。
+
+此外，AutoGPT 还有个很 🐂 的能力，当它发现 GPT 无法回答他的问题时，会主动到网上搜索答案，这样就弥补了 GPT 训练数据只到 21 年 9 月的不足。
+
+![](https://pic.yupi.icu/5563/202311080949192.png)官方介绍的特性
+
+听上去感觉很厉害，那接下来我们就来整一个自己的 Auto-GPT 吧~
+
+### 搭一个自己的 Auto-GPT
+
+网上很多教程都是让大家在自己本地搭建 Auto-GPT，其实是不推荐的，不仅麻烦，而且可能存在环境、依赖不一致的情况。
+
+个人认为最简单的方式是使用 `GitPod` 云托管服务，直接用别人提供的服务器来部署 Auto-GPT，用来学习再好不过了。
+
+首先访问官方仓库：https://github.com/Significant-Gravitas/Auto-GPT
+
+然后点击 Fork，复制仓库到自己的 GitHub 中：
+
+![](https://pic.yupi.icu/5563/202311080949480.png)
+
+这一步千万要注意！取消勾选 `Copy the master branch only` ！因为 `master` 分支的代码可能是不稳定的（我就翻过车）！
+
+![](https://pic.yupi.icu/5563/202311080949079.png)
+
+Fork 成功之后，我们进入到自己的仓库中，然后把浏览器地址中的 `github.com` 改为 `gitpod.io/#` 。
+
+比如我的是地址：`https://github.com/liyupi/Auto-GPT `，改成 `https://gitpod.io/#/liyupi/Auto-GPT` ，然后访问，现在就可以一键用 GitPod 来部署项目了！
+
+![](https://pic.yupi.icu/5563/202311080949092.png)
+
+然后我们就进入到了 GitPod 项目主页，大家现在就可以把这个网页当做自己的电脑（服务器）来使用了，比如使用 VS Code 编辑器。
+
+进到这个页面后，第一件事是切换分支，一定要选择 `origin/stable` 分支！否则后面说不定遇到什么奇奇怪怪的 Bug。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080949651.png)
+
+然后，我们在左侧目录中找到 `.env.template` 文件，右键修改文件名为 `.env` ，并且修改 OPEN_API_KEY 为自己的。
+
+> 因为 Auto-GPT 底层也是向 OpenAI 提问的，所以必须要有 OpenAI 的 key。
+
+![](https://pic.yupi.icu/5563/202311080949926.png)
+
+修改完成后，在终端中输入 `./run.sh` 命令，就会自动安装所需环境和依赖，等着就好~
+
+看到下图中的消息，就表示安装成功了！
+
+![](https://pic.yupi.icu/5563/202311080949186.png)
+
+然后我们按 `ctrl + c` 退出程序，以后不要用 `run.sh` 命令启动了，因为每次都要检查依赖，我们可以直接用 `python -m autogpt` 命令来启动 autogpt。
+
+比如执行 `python -m autogpt --help` ，查看 autogpt 的用法和参数说明：
+
+![](https://pic.yupi.icu/5563/202311080949690.png)
+
+上图中，有几个参数是需要额外关注的，比如：
+
+- -c：是否开启连续模式。这是一个非常危险的命令！表示 autogpt 会不经过你的同意全自动执行，包括但不限于死循环、无限创建文件、占满空间后删除你电脑上的文件等等。就和人类一样：可能会为了达到目的不择手段！
+- -l：指定连续执行的次数限制。可以防止死循环。
+- --speak：开启语音模式。但不是说在浏览器内部播放声音，而是生成音频文件。
+
+OK，了解了这些后，我们来体验一下~
+
+### 牛刀小试
+
+就给一个很简单的任务吧，让 autogpt 帮忙 “写一个网站，赞美一只鸡在打篮球”。
+
+首先执行 `python -m autogpt` 命令，然后依次输入 AI 名称、AI 角色和目标：
+
+![](https://pic.yupi.icu/5563/202311080949431.png)
+
+然后 autogpt 就屁颠儿屁颠儿去工作了，我们可以看到他的想法、计划和下面要做的行动。比如他打算到网上搜索更多信息，使用 Google 搜索命令。
+
+![](https://pic.yupi.icu/5563/202311080949338.png)
+
+我们可以输入 `y` 表示同意他这么做，也可以输入任何内容和建议来影响他的操作。
+
+这里我就同意他吧~
+
+然后呢，这货竟然说要看网上的视频来学习！好家伙，AI 也要摸鱼？
+
+![](https://pic.yupi.icu/5563/202311080949250.png)
+
+同意之后，他直接就下载视频文件了，结果没想到因为我的服务器上没有浏览器，他看不了视频！只能再倒回去 Google 搜索。
+
+那我们再输入 `y` 表示同意：
+
+![](https://pic.yupi.icu/5563/202311080949350.png)
+
+结果你猜怎么着，他又想去看视频！已经陷入循环了。。。
+
+![](https://pic.yupi.icu/5563/202311080949078.png)
+
+所以可想而知，如果你让 autogpt 全自动跑一天，除了你的 OpenAI Key 余额被消耗完之外，说不定没有任何的成果。
+
+所以人类必须要出手了，我让它：不要再看视频了，任何文本都行！
+
+![](https://pic.yupi.icu/5563/202311080949673.png)
+
+结果呢。。。它表示要去浏览其他的网页，不听话啊！
+
+![](https://pic.yupi.icu/5563/202311080949398.png)
+
+所以我态度只能再强硬一点！“停止调研，立刻给我开发网站！”
+
+![](https://pic.yupi.icu/5563/202311080949231.png)
+
+这次他听话了，而且计划执行 `write_to_file` 命令生成了网站：
+
+![](https://pic.yupi.icu/5563/202311080949453.png)
+
+输入 `y` 表示允许，然后他就帮我们在工作空间下生成了 `index.html` 文件：
+
+![](https://pic.yupi.icu/5563/202311080949148.png)
+
+网站生成完毕！让我们本地打开验证一下，看到了如下的文字 “鸡不仅能用来吃，他们也会打篮球”。并且分享了一篇文章和一个视频！
+
+![](https://pic.yupi.icu/5563/202311080949447.png)
+
+视频来源于 youtube，点开视频，我笑疯了：
+
+![](https://pic.yupi.icu/5563/202311080949432.png)
+
+虽然有点投鸡取巧，但不管怎么样，autogpt 也算是在短时间内完成了一个网站吧，还是很不错的！
+
+不过完成这个网站后，autogpt 并没有停止的意思，依然执着地在 youtube 搜索鸡打篮球相关的视频。
+
+![](https://pic.yupi.icu/5563/202311080950329.png)
+
+所以朋友们，连续模式是真的危险，AI 如果脱离了人的控制，也是真的危险啊！
+
+------
+
+最后给朋友们分享下我加入的、目前最火的 AI 玩法交流星球，建立一个月的时间，就已经有 1.5 万人加入，并且累计发布了 **12个专栏、50+ 课程**。
+
+加入后可以立即学到最新的关于 ChatGPT 等 AI 工具的玩法、亲自上手体验，我们还搭建了免费的 AI 工具服务、同时会有最新的和大模型相关的价值数千元的课程直接提供给大家。
+
+> 三天内不满意可全额退款，感兴趣扫下方二维码领大额优惠券体验即可
+
+![](https://pic.yupi.icu/5563/202311080950202.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\205\276\350\256\257\345\205\254\346\265\213\344\272\221\345\274\200\345\217\221\344\275\216\347\240\201\357\274\201\345\205\250\347\275\221\351\246\226\347\257\207\345\256\236\346\210\230\350\257\204\346\265\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\205\276\350\256\257\345\205\254\346\265\213\344\272\221\345\274\200\345\217\221\344\275\216\347\240\201\357\274\201\345\205\250\347\275\221\351\246\226\347\257\207\345\256\236\346\210\230\350\257\204\346\265\213.md"
new file mode 100644
index 0000000..656d089
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\205\276\350\256\257\345\205\254\346\265\213\344\272\221\345\274\200\345\217\221\344\275\216\347\240\201\357\274\201\345\205\250\347\275\221\351\246\226\347\257\207\345\256\236\346\210\230\350\257\204\346\265\213.md"
@@ -0,0 +1,355 @@
+# 腾讯公测云开发低码！全网首篇实战评测
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+听说腾讯的新产品『 云开发低码 』即将开放公测了，怀着无比激动的心情，鱼皮立刻去官网申请并成功拿到了公测资格，然后使用它开发了一个小程序，并且通过 2020 Techo Park 开发者大会加深了对这项技术的了解。
+
+而就在 **2020 年的最后一天下午**，公测正式启动！
+
+**说是全网首篇云开发低码实战评测应该一点也不过分！**
+
+![](https://pic.yupi.icu/5563/202311080959627.png)
+
+如果你想轻松快速地制作小程序或移动端网站，一定要花 5 分钟读完本文！
+
+下面鱼皮带大家一起吃螃蟹。首先了解什么是云开发低码，然后通过实战开发『 备忘录 』小程序来体验云开发低码平台，最后分享个人使用心得，并给出看法和评测。
+
+可以先通过 1 分钟短视频简单了解云开发低码。
+
+
+
+## 什么是云开发低码？
+
+在认识云开发低码前，要先了解『 云开发 』和『 低码 』。
+
+#### 1. 什么是云开发？
+
+云开发（CloudBase）是云端一体化的**后端**云服务 ，采用 `Serverless` 架构，无需自己搭建后端，免去了传统开发和构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具、`Flutter SDK` 等能力降低了应用开发的门槛，前端同学也可以轻松开发一个完整的小程序、小游戏、H5、Web、移动 App 等应用。
+
+通过云开发提供的云数据库、云存储、云函数等功能，开发者无需再关心各种复杂的后端架构和服务运维，只需要专注于开发业务逻辑，从而大大提升了开发效率。
+
+![](https://pic.yupi.icu/5563/202311080959288.png)
+
+#### 2. 什么是低代码？
+
+低码即**低代码**，英文 LowCode，但此处的 Low 可不是低端的意思，而是指在开发中少写代码、甚至是不写代码（零代码）。
+
+怎么能做到少写代码甚至不写代码来实现功能呢？我们可以想一下自己在编程中减少重复代码的方法。
+
+假设我们要开发一个填表网站，网站上有输入框、单选框和复选框。
+
+第一次开发表单时，我们可能会复制组件库的代码或者完全自己编写。但之后开发类似页面时，我们还会从零开始写一遍么？肯定是直接把之前的页面代码复制粘贴过来修改几下就好了。
+
+![](https://pic.yupi.icu/5563/202311080959388.png)
+
+复制粘贴次数多了，你会变得越来越懒，能不能通过工具自动生成重复的代码呢？当然可以，而且实现一个简单的代码生成器并不复杂，可以简单理解为创建一个包含特定字符串的文件。
+
+如果嫌这样的代码生成器太过简陋、不够灵活，我们还可以开发一个可视化界面，需要什么组件，就在界面上选中，然后动态生成不同的代码。这其实就是一个低代码应用。
+
+**低代码的本质就是应用场景的极致抽象并且模板化的过程**。很多知名的互联网大公司早就推出了自己的低代码构建软件，随着近几年云计算、云原生技术的发展，这些平台也逐渐上云，开发者甚至不需要下载任何软件，就能开发出一套系统。
+
+![](https://pic.yupi.icu/5563/202311080959628.jpeg)
+
+#### 3. 什么是云开发低码？
+
+2020 年 11 月 29 日，腾讯正式推出**云开发低代码平台**，帮助越来越多的小白成为 “开发者”。
+
+云开发低码（LowCode）是腾讯云提供的高效、高性能的**拖拽式**低代码开发平台，向上连接前端的行业业务，向下连接云计算的海量能力，助力企业垂直上云。
+
+云开发低码将繁琐的底层架构和基础设施抽象化为图形界面，通过行业化模板、拖放式组件和可视化配置快速构建**多端应用**（不仅仅是微信小程序，还支持 H5 应用、Web 应用等，未来还会支持 App 等更多端，只需开发一次，可自动部署多端），免去代码编写工作，让开发者能够完全专注于业务场景。
+
+云开发低码以云开发作为底层支撑，云原生能力将应用搭建的全链路打通，提供高度开放的开发环境，时刻为应用保驾护航。整体架构如下：
+
+![](https://pic.yupi.icu/5563/202311080959295.png)
+
+> 云开发低码整体架构
+
+**云开发低码有着重大的意义。**
+
+一方面是极大降低开发门槛，通过云开发低码平台，哪怕你只会前端或者后端，甚至是没有任何技术背景的产品、运营同学，也可以独立制作应用，人人都是可以是全栈开发者！
+
+另一方面，云开发低码能够提升生产效率，避免重复性工作，开发者可以更加专注于业务逻辑创新、专注架构和算法设计。
+
+举一个官方提供的例子，粤省事小程序要开发一个 “贫困认证” 功能，低代码平台可以直接复用基础组件和已有业务逻辑抽象，**代码行数从 2000 多行降低到 61 行，文件个数从 42 个缩减为 1 个，交付效率提升了至少5倍！**
+
+![](https://pic.yupi.icu/5563/202311080959984.jpeg)
+
+> 2020 Techo Park 开发者大会
+
+说了那么多，还是通过一个实战来带大家感受一下云开发低码的优势。
+
+## 实战『 备忘录 』小程序
+
+开发小程序的目的主要是体验下云开发低码平台，并且希望能够带大家快速上手。因此小程序非常简单，就是一个备忘录（todoList），能够记录和查看自己的待办事项。
+
+**最终效果如下：**
+
+![](https://pic.yupi.icu/5563/202311080959438.png)
+
+> 备忘录主页
+
+![](https://pic.yupi.icu/5563/202311080959531.png)
+
+> 添加待办页面
+
+下面手把手带大家开发这个小程序，并在开发的过程中熟悉云开发低码平台的基础用法。不用担心自己没学过前端或者后端，因为在云开发低码的世界中，一切都是那么简单！
+
+#### 1. 创建应用
+
+进入腾讯云开发低码控制台，创建空白应用。一个应用对应一个小程序或网站。
+
+![](https://pic.yupi.icu/5563/202311080959078.png)
+
+> 新建应用
+
+#### 2. 创建数据源
+
+云开发为我们提供了云数据库和后端接口的能力，可以在控制台创建数据源，对应数据库的一张表。
+
+![](https://pic.yupi.icu/5563/202311080959992.png)
+
+> 数据源管理
+
+点击新建数据源，可以在此填写数据表名、字段，并配置对该表的操作权限（增删改查等）。
+
+![](https://pic.yupi.icu/5563/202311080959425.png)
+
+> 新建数据库源
+
+前期工作准备完成，下面开发界面。
+
+#### 3. 开发界面
+
+颠覆了传统写前端代码来开发小程序界面的方式，云开发低码平台支持可视化拖拽式开发。
+
+先进入应用编辑界面：
+
+![](https://pic.yupi.icu/5563/202311081000646.png)
+
+> 编辑应用
+
+先来整体认识下应用编辑界面，大致分为如下几个区域，后面我们会在开发中认识这些区域的作用。
+
+![](https://pic.yupi.icu/5563/202311081000243.png)
+
+> 应用编辑界面
+
+首先新建界面，我们需要两个页面，“主页” 和 “添加待办” 页面。
+
+![](https://pic.yupi.icu/5563/202311081000697.png)
+
+> 新建页面
+
+新建页面后，我们先开发主页，就是显示待办事项列表，并提供一个跳转到 “添加待办” 页面的按钮。
+
+直接点选需要的组件，能在组件树、预览区和编辑区实时看到页面的变化：
+
+![](https://pic.yupi.icu/5563/202311081000850.png)
+
+> 点选组件，搭建页面
+
+每个组件都有一些默认的文字，可以编辑组件的内容，点击编辑区对应组件即可修改：
+
+![](https://pic.yupi.icu/5563/202311081000859.png)
+
+> 编辑组件内容
+
+主页的内容结构就搭建完成啦，整个过程不会超过两分钟。而如果写代码来开发，即使有现成的组件，也要复制代码和修改，会额外花费大量时间。
+
+#### 4. 美化样式
+
+现在的界面看着非常丑，我们需要美化一下页面的样式，同样不需要写代码，直接在 “样式” 中点选输入值即可。
+
+修改导航条的文字颜色和背景色：
+
+![](https://pic.yupi.icu/5563/202311081000132.png)
+
+> 修改导航条样式
+
+修改 “暂无待办” 文字样式，如间距、字号、对齐：
+
+![](https://pic.yupi.icu/5563/202311081000488.png)
+
+> 修改文字样式
+
+当然，还可以灵活地自定义样式代码：
+
+![](https://pic.yupi.icu/5563/202311081000854.png)
+
+> 自由编辑样式代码
+
+样式美化工作就完成了，可以**用同样的方法**制作 “添加待办” 页面。
+
+**但有一个要注意的点，表单输入项的 key 要和我们最初定义的数据表字段名保持一致，否则会增加很多额外的工作。**
+
+![](https://pic.yupi.icu/5563/202311081000962.png)
+
+> 注意表单项的 key 要和数据表字段名一致
+
+#### 5. 前后端连接
+
+虽然页面内容和样式都有了，但是现在的网站只是一个静态网站，我们看到的待办事项数据都是假的，不会发生任何变化。而实际上，我们需要通过后端从数据库中获取到数据，然后进行展示。
+
+怎么将后端取到的数据和前端页面相关联呢？
+
+如果靠写代码来实现，大家第一时间想到的是 `Ajax`，即异步 `JavaScript` 和 `XML`，一种创建交互式、快速动态网页应用的网页开发技术。
+
+**而使用云开发低码，只需要动动手指进行配置，就能自动关联。**
+
+先点击顶部操作栏的 “数据源变量”，创建一个 `todos` 全局变量（在整个应用内都有效），并和之前配置的 `todo` 数据源相关联。数据源动作指定为 “查询列表”，这样 `todos` 变量就保存了数据表 `todo` 中的全部数据。不用自己写代码查询数据再赋值了！
+
+![](https://pic.yupi.icu/5563/202311081000992.png)
+
+> 编辑数据源变量
+
+那怎么在主页展示 `todos` 变量中的待办事项列表呢？
+
+使用配置就能轻松完成。既然是列表，那就是重复添加单个组件，可以配置 for 循环来实现。先给**外层**视图组件 `View` 添加 for 循环展示。
+
+![](https://pic.yupi.icu/5563/202311081000203.png)
+
+> 给视图组件配置 for 循环表达式
+
+再给视图组件内的 `Cell` 组件动态绑定标题、描述等，通过外层的 for 循环，会生成多个 `Cell`，因此配置内层组件时，只需要考虑单条数据，绑定方式选择 “For 循环”。
+
+![](https://pic.yupi.icu/5563/202311081000061.png)
+
+> 为内层 Cell 组件配置动态标题
+
+配置完成，系统为我们生成了一些 `string` 类型假数据，方便我们查看效果。
+
+![](https://pic.yupi.icu/5563/202311081000209.png)
+
+> 列表成功动态展示
+
+如果已有待办数据，那 “暂无待办” 这几个字就显得有些碍眼，应该自动隐藏，怎么实现呢？
+
+其实配置一个 if 条件展示即可，编写一个条件表达式，当待办数据为空时才展示：
+
+![](https://pic.yupi.icu/5563/202311081000853.png)
+
+> 配置 if 条件表达式
+
+配置完成后，“暂无待办” 就消失不见啦！
+
+#### 6. 实现交互逻辑
+
+现在的小程序就是一个花瓶，只有内容和样式，中看不中用，点击页面上的按钮不会有任何反应，也根本无法添加待办。
+
+下面我们来让小程序动起来，通过**配置事件**实现交互。
+
+先为主页的 “添加待办” 按钮配置点击事件，当用户点击该按钮时，跳转页面。云开发低码平台内置素材库，提供了大量常用的事件以及执行动作，无需自己编写代码。
+
+![](https://pic.yupi.icu/5563/202311081000892.png)
+
+> 为按钮配置点击跳转事件
+
+配置要跳转到哪个页面：
+
+![](https://pic.yupi.icu/5563/202311081000734.png)
+
+> 配置跳转详情
+
+同样，我们要为 “添加待办” 页面的按钮增加事件，当用户点击时，向数据库中插入一条待办事项数据。但是从素材库中找不到合适的动作，这时我们就必须自己编写交互逻辑了。
+
+![](https://pic.yupi.icu/5563/202311081000074.png)
+
+> 配置低代码
+
+在弹出的低代码编辑器中，先在指定页面新增一个事件处理器。
+
+![](https://pic.yupi.icu/5563/202311081000063.png)
+
+> 新增处理器
+
+然后就要编写处理器的代码，此处的代码虽然看着比较多，但其实平台为我们提供了示例应用，直接把其中的代码复制到此处，替换数据源名称即可。就是大家喜欢的 `Ctrl C` + `Ctrl V`。
+
+![](https://pic.yupi.icu/5563/202311081000251.png)
+
+> 编写代码
+
+然后保存代码，指定执行动作，就大功告成了。到目前为止，这是我们唯一需要编写代码的地方。然而，小程序已经开发完成了！
+
+#### 7. 预览和发布
+
+开发完小程序后，点击顶部 “预览发布”，就可以查看效果啦！
+
+这里由于我的小程序坑位已满，就以网页 H5 的形式浏览。等待几分钟，会弹出一个可访问的链接，打开就能看到自己的作品了，还支持手机扫码浏览。
+
+![](https://pic.yupi.icu/5563/202311081000247.png)
+
+> 预览发布
+
+## 亿点评测
+
+体验了腾讯云开发低码平台，仿佛又让我找到了当时用 `VS`、`Qt Creator` 拖拖拽拽就开发出 Windows 桌面程序的快感。但是云开发低码平台略胜一筹的是，打通并结合低代码和云开发的强大能力，前后端都不用自己写代码来开发，完全不需要关心服务器的购置和部署！这种一条龙的开发体验，真的是非常棒！
+
+而且使用云低码平台开发出的应用**天然支持跨端**，做一个应用，就能够同时支持小程序和 H5，甚至是其他端的应用。
+
+虽然其他云服务厂商也有类似的低代码平台，但是考虑到微信小程序本身是属于腾讯自家的产品，使用腾讯云提供的云开发低码平台相对最靠谱稳定，和微信生态的连接更紧密，可以直接使用微信开放平台的一些功能，遇到问题也更容易定位和解决。
+
+![](https://pic.yupi.icu/5563/202311081000837.png)
+
+下面再从**五个方面**简单评测一下。
+
+#### 易用性
+
+毫无疑问，云开发低码平台本身的目的就是简化开发、降低应用开发上手门槛，因此易用性是非常重要的指标。
+
+体验下来，易用性还是不错的。整个编辑界面简明清晰，可以轻松调整组件的顺序，设定组件的内容、样式、交互行为。
+
+云低码平台提供了一些现成的应用模板，直接套用能大大减少工作量。即使不套用模板，也很简单。除了一些定制的业务逻辑外，开发一个完整的应用几乎不需要写任何代码，在要编写代码的地方也基本都给出了比较友好的提示。因此，我作为一名有一点前后端开发经验的程序员，**即使没有读过文档，也能直接完成开发**。
+
+![](https://pic.yupi.icu/5563/202311081000207.png)
+
+> 友好提示
+
+当然，我觉得还有很多可以优化的地方，比如鼠标悬停预览区时展示组件的样式、事件信息等等。
+
+#### 丰富度
+
+目前云开发低代码平台虽然还处于公测阶段，但已经提供了非常多的常用组件，如表单、媒体、数据展示、画布、微信开放能力等，基本可以满足开发的需求。此外，还提供了一些面向企业级应用的页面模板，开箱即用！
+
+![](https://pic.yupi.icu/5563/202311081000406.png)
+
+> 开箱即用的模板
+
+期待未来会提供更多现成的页面模板，并且针对具体的业务场景推出一些封装更好的业务组件。
+
+#### 灵活性
+
+本来我非常担心低代码平台会不会因为大量的简化和封装，影响了开发时的灵活性。但是体验后，我发现自己多虑了。大到应用和页面信息，小到每个组件的 `CSS` 样式和 `JavaScript` 代码，都可以**自由定制**。甚至还可以灵活地控制页面的生命周期！
+
+![](https://pic.yupi.icu/5563/202311081000838.png)
+
+> 控制页面生命周期
+
+当然，要做到 100% 的灵活还是有些难度的。现在好像还不支持自定义组件和页面模板，期待之后开放这种能力。
+
+#### 成熟度
+
+腾讯云开发技术和跨端开发框架已经发展了几个年头了，比较成熟，但作为一个融合而生的新产品，究竟能不能经受住大项目的考验，还不得而知，期待后续更多的实践和数据。
+
+#### 生态
+
+云开发低码很好地打通了腾讯云开发的完整生态，借助云开发强大的技术能力顺势而生，可谓**集大成者**。从经典的云数据库、云函数、云存储，再到云托管、内容管理 CMS，这些技术的共生和连接使得 1 + 1 > 2，也是我认为云开发低码最惊喜的地方。
+
+比如在数据源管理和应用管理界面，我们都能够看到**数据管理后台**的身影，即腾讯云 CMS。可以利用它轻松地管理我们定义的数据源，无需自己搭建管理后台，直接省去搭建一个系统的成本！
+
+![](https://pic.yupi.icu/5563/202311081000392.png)
+
+> 腾讯云 CMS 数据管理后台
+
+总的来说，云开发低码平台是一个顺应如今快节奏开发时代的产品，真的是解决了传统开发时的低效、重复等问题，未来可期！
+
+
+
+------
+
+
+
+最后，如果你想要进一步学习腾讯云开发低码平台，可以**点击下方阅读原文**查看腾讯官方提供的『 快速开发一个云开发低码应用 』教程。
+
+假如你的身边有同学想要制作小程序或移动端网站，一定要将本文分享给他，相信大家都能感受到开发和使用属于自己的小程序的快乐！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\344\275\240\347\232\204 GitHub \347\247\222\345\217\230\351\253\230\345\244\247\344\270\212\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\344\275\240\347\232\204 GitHub \347\247\222\345\217\230\351\253\230\345\244\247\344\270\212\357\274\201.md"
new file mode 100644
index 0000000..5835f9a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\344\275\240\347\232\204 GitHub \347\247\222\345\217\230\351\253\230\345\244\247\344\270\212\357\274\201.md"	
@@ -0,0 +1,33 @@
+# 让你的 GitHub 秒变高大上！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+GitHub 是世界上最大的程序员交友社区，在这里有很多优秀的开源项目和程序员大牛，是提升编程能力的圣地。
+
+![](https://pic.yupi.icu/5563/202311081003645.jpeg)
+
+最近逛 GitHub 的时候，发现一些大牛的个人主页和我的长得不一样，多了一个可以定制的区域，展示个人介绍、开源指数、综合评级等。查了一下，原来是 GitHub 的隐藏菜单，可以装修自己的主页！
+
+装修前：
+
+![](https://pic.yupi.icu/5563/202311081003433.png)
+
+装修后：
+
+![](https://pic.yupi.icu/5563/202311081003136.png)
+
+是不是感觉高大上了很多呢？其实利用 GitHub 的小彩蛋，个人主页是可以灵活定制的。
+
+首先创建**和自己用户名一致**的仓库，设置为 public（公开可见），添加 `README` 文件：
+
+![](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)创建仓库
+
+然后编辑 `README` 文件，提交即可：
+
+![](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)编辑 README 文件
+
+这样就大功告成了！是不是有写代码开源的动力了呢？
+
+可以直接复制我的模板：https://github.com/liyupi
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\347\250\213\345\272\217\345\221\230\350\200\201\345\274\237\345\216\273\345\201\232 PPT\357\274\237\347\231\275\346\227\245\345\201\232\346\242\246.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\347\250\213\345\272\217\345\221\230\350\200\201\345\274\237\345\216\273\345\201\232 PPT\357\274\237\347\231\275\346\227\245\345\201\232\346\242\246.md"
new file mode 100644
index 0000000..0349f6a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\256\251\347\250\213\345\272\217\345\221\230\350\200\201\345\274\237\345\216\273\345\201\232 PPT\357\274\237\347\231\275\346\227\245\345\201\232\346\242\246.md"	
@@ -0,0 +1,125 @@
+# 让程序员老弟去做 PPT？白日做梦
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼 💨，今天给大家分享一点儿好玩的骚操作~
+
+还记得我学编程的大二老弟小阿巴么？他最近刚刚找到了一家创业公司的暑期实习工作。
+
+![](https://pic.yupi.icu/5563/202311080952180.png)
+
+要说这家创业公司，属实是有点 “坑”。还没到暑假，公司就提前联系到了小阿巴，让他提前调研一下新项目的技术选型。这着实让老弟头大：
+
+![](https://pic.yupi.icu/5563/202311080952900.png)
+
+最后我给老弟耐心讲解了一番，才帮他搞定了技术选型，具体可以看这篇文章：[刚进公司就负责项目，把老弟整蒙了！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247541448&idx=1&sn=fa08326ae7e25c85b7d18436b6d9ccff&chksm=e9c2c53fdeb54c29c6699260ed5cf343c4fee5fc3cf81e16fccc98c36aecb50a9bb94f29cae0&token=427342788&lang=zh_CN&scene=21#wechat_redirect)
+
+本来觉得搞定了这个难题，老弟可以松口气，专注于学业了。结果没想到，他前两天又跑来向我诉苦了。。。
+
+小阿巴：鱼皮 gie gie，前段时间多亏了你，我已经帮公司的新项目确认了技术选型，老板也夸我是个人才、说话也好听。但没想到，老板对我技术选型中的 Nginx 技术完全不了解，他想让我给他和同事们讲解一遍，而且还要求制作 PPT！
+
+鱼皮：？？？好家伙，你这还没正式实习呢，老板就又给你加工作了？而且一行代码都没写呢，就让你做 PPT？
+
+小阿巴：没办法，谁让他夸我说话好听，脑袋一热就答应了。
+
+![](https://pic.yupi.icu/5563/202311080952580.png)
+
+鱼皮：你呀，真的是死要面子活受罪！先问下老板能不能用文档的方式讲解不就好了？
+
+小阿巴：已经答应了也没办法，但是做个 PPT 实在太麻烦了，不仅要写内容，还要选模板、调字体、调格式，鱼皮 gie gie 救救我 😭！
+
+鱼皮：好叭，给你分享个骚操作。利用 **AI + PPT 生成工具** ，2 分钟就能完成这个任务，搞定 “屑老板” ~
+
+## 2 分钟搞定 PPT
+
+鱼皮：做 PPT 前，我们要先有内容，比如文字、图片等。这里你要分享的是 Nginx 技术，那么需要先写一篇 Nginx 图文教程。
+
+小阿巴：可我自己都不太会 Nginx，也没有写文章的经验，写不出来的。
+
+![](https://pic.yupi.icu/5563/202311080952029.png)
+
+鱼皮：别慌，我们有 ChatGPT 呀！让它帮我们生成一篇文章就好了~
+
+注意，为了便于后续的 PPT 生成，这里我们要给 ChatGPT 多提一些要求，比如让它生成 Markdown 格式的文章，区分出小标题：
+
+![](https://pic.yupi.icu/5563/202311080952335.png)
+
+然后我们就得到了一篇现成的文章：
+
+![](https://pic.yupi.icu/5563/202311080952751.png)
+
+小阿巴：厉害啊，这不比鱼皮写得好？
+
+鱼皮：我忒么！
+
+![](https://pic.yupi.icu/5563/202311080952581.png)
+
+小阿巴（鼻青脸肿）：那有了 Markdown 文章后，我们怎么得到 PPT 呢？把文字一段一段地粘过去？
+
+鱼皮：我们可以使用 PPT 生成工具，比如 `mindshow` ：
+
+![](https://pic.yupi.icu/5563/202311080952348.png)
+
+这个工具目前是免费的，我们点击导入，把刚刚生成的 Markdown 文章粘过来：
+
+![](https://pic.yupi.icu/5563/202311080952984.png)
+
+然后点击 `导入创建`，就直接得到了一个 PPT！可以免费下载 PDF 和 PPTX 格式~
+
+![](https://pic.yupi.icu/5563/202311080952731.png)
+
+工具内置了多种布局模板，可以给每一页选择不同的布局：
+
+![](https://pic.yupi.icu/5563/202311080952029.png)
+
+还是很帅的吧~ 就是这么简单！生成思维导图也是一样的原理，把 ChatGPT 生成的 Markdown 文章导入 XMind 等软件即可。
+
+小阿巴：不错不错，那你直接帮我下载吧。我直接拿去交了！
+
+![](https://pic.yupi.icu/5563/202311080952134.png)
+
+鱼皮：自己尝试下吧！很简单的。
+
+小阿巴：阿巴阿巴，好吧。不过鱼皮，我很好奇，你是从哪里学来的这些花里胡哨的小操作？
+
+鱼皮：之前我就在 [这篇文章](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247541427&idx=1&sn=3ef6d15bb40c3c9ca1a6a29473e51b3d&chksm=e9c2c544deb54c521ad9ae20127de1c96bfaa9abd6b96ed6bacc34abfb0e3ab4bd0099442a3f&scene=21#wechat_redirect) 中说过，自己每天都在持续关注和探索 AI 应用的玩法，也加了很多社群和大家一起交流探索。其中有一个社群【ChatGPT 破局俱乐部】是我最看好的！
+
+首先吸引我的是群内的大佬和人脉资源，比如梅花创投的创始人吴世春大佬是这个社群的合伙人，给这个社群的可信度做了背书：
+
+![](https://pic.yupi.icu/5563/202311080952750.jpeg)
+
+社群交流氛围也非常好，每天都可以学到一些新玩法，比如使用 ChatGPT 提升代码质量、GPT + AR 打造私人助手等等：
+
+![](https://pic.yupi.icu/5563/202311080952841.png)
+
+对大家来说，可能更多地是想学会怎么利用 AI 来提升工作效率。在这个社群内部，有全职工程师在持续开发零基础系统课程，带你手把手从入门到玩转 AI 应用。
+
+今天给大家分享的高效生成 PPT，就是社群里的一个小分享~
+
+![](https://pic.yupi.icu/5563/202311080952153.png)
+
+可以看到，很多同学都交上了 “作业”，上手了 AI 工具：
+
+![](https://pic.yupi.icu/5563/202311080952327.png)
+
+此外，ChatGPT 破局俱乐部已孵化三个 **应用产品** ，同时累计出了 **43 个** 系列课程，还有每个月的 AI 领域大佬直播等等。
+
+比如社群内部大佬研发了 ChatGPT **国内版** `ZelinAI` ，适合小白、零代码基础的用户。可以在这个应用上练习 AI 对话、AI 绘画、进行参数调试，还可以创建自己的 AI 助手等等。
+
+![](https://pic.yupi.icu/5563/202311080952943.png)
+
+当然，最基础的账号服务，这里也有，加入就送 newbing (基于gpt4.0) 账号~
+
+> **鱼皮友情提示！** 如果你自己有能力探索 AI、或者只是为了一个账号，那就没必要加入了，网上也能找到教程。
+>
+> 这个社群除了入门教程外，更多地是交流和探索，开拓思路、学到更多玩法。
+
+最后，这个社群的潜力也是无限的，**才短短 16 天，就已经快破万人了** ！因为我自己的编程导航 8 个多月苦心经营才达到这个数量，所以着实感到震惊。
+
+如果你对 ChatGPT、AI 绘画、AI 应用的玩法感兴趣，需要一个交流学习的平台，欢迎长按扫描下方二维码加入：
+
+> 加入 3 天内如果觉得没收获，可以全额退款，有没有用取决于你自己。
+
+![](https://pic.yupi.icu/5563/202311080952034.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\260\201\344\274\232\346\213\222\347\273\235\344\270\200\344\270\252\345\205\215\350\264\271\347\232\204\351\203\250\347\275\262\346\234\215\345\212\241\345\221\242\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\260\201\344\274\232\346\213\222\347\273\235\344\270\200\344\270\252\345\205\215\350\264\271\347\232\204\351\203\250\347\275\262\346\234\215\345\212\241\345\221\242\357\274\237.md"
new file mode 100644
index 0000000..3bee209
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\350\260\201\344\274\232\346\213\222\347\273\235\344\270\200\344\270\252\345\205\215\350\264\271\347\232\204\351\203\250\347\275\262\346\234\215\345\212\241\345\221\242\357\274\237.md"
@@ -0,0 +1,86 @@
+# 谁会拒绝一个免费的部署服务呢？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。昨天不是给大家分享了我自己做的 AI 自动回复机器人嘛，其中提到了一点 —— 我是用了一个国外的 **免费** 容器托管平台来部署这个项目的。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080955692.png)
+
+就有小伙伴留言问我了：鱼皮 gie gie，你说的这个免费平台，真的免费么？我怎么用它来部署自己的项目呢？
+
+![](https://pic.yupi.icu/5563/202311080955693.jpeg)
+
+当然，这个平台不仅能免费部署项目，还支持一键部署项目，而且更关键的是，部署在这个平台上的项目，可以访问到一些国外的接口，比如最近异常火爆的 Open AI（ChatGPT）！
+
+这个平台就是 Railway，和之前给大家分享过的 Vercel 平台有点像，不过 Vercel 一般是用于部署前端网页的，而 Railway 部署的是容器，你可以在容器里放网站、后端程序、定时任务、数据库等等。
+
+指路：https://railway.app/
+
+![](https://pic.yupi.icu/5563/202311080955520.png)
+
+这里以我刚刚开源的自动回复项目为例，给大家演示下怎么用这个平台一键部署项目。
+
+首先打开自动回复项目文档：https://github.com/liyupi/yu-auto-reply
+
+找到 `一键部署按钮`，点击它：
+
+![](https://pic.yupi.icu/5563/202311080955509.png)
+
+然后我们就进入到了项目部署界面，点击右侧的 `Deploy Now` ：
+
+![](https://pic.yupi.icu/5563/202311080955505.png)
+
+首次进入平台，需要用 GitHub 来注册登录：
+
+![](https://pic.yupi.icu/5563/202311080955526.png)
+
+登录后，平台要帮你把鱼皮的项目克隆到你自己的 GitHub 仓库，这里需要填写一个仓库名称，别和自己之前的项目冲突就行~ 然后点击部署：
+
+![](https://pic.yupi.icu/5563/202311080955892.png)
+
+点击之后，平台就帮我们创建了一个项目，我们会自动进入到该项目的控制台。
+
+为了启动这个项目，你需要先修改环境变量（类似于程序的启动参数）。比如我这个自动回复用到了 Open AI 的接口秘钥，你要把这个秘钥改成自己的：
+
+![](https://pic.yupi.icu/5563/202311080955254.png)
+
+然后项目就启动成功啦：
+
+![](https://pic.yupi.icu/5563/202311080955242.png)
+
+点击上图的 `View Logs`，就能查看项目的部署日志，了解其运行情况：
+
+![](https://pic.yupi.icu/5563/202311080955291.png)
+
+如果你部署的是一个 web 前端网站项目，部署后怎么访问呢？
+
+也非常简单！进入设置界面，点击下方的 `Generate Domain` 来生成域名即可~ 当然，如果你有域名的话，也可以绑定自己的域名。
+
+![](https://pic.yupi.icu/5563/202311080955928.png)
+
+真的爽啊，连域名都不用自己买，就能够上线项目了！
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080955204.png)
+
+而且可以换绑域名，比如上图的域名，你们就别尝试来访问（攻击）我了，我早就删干净了。
+
+![](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
+
+这个平台虽然免费，也不完全免费（可以理解，毕竟要花机器成本）。不过平台挺够意思的了，每个月给所有用户提供了 500 小时的应用部署时长，换算下来 20 多天，对绝大多数同学来说，是够用的了。
+
+如果你想用这个平台来部署自己的项目，首先需要为你的项目创建一个 Dockerfile，从而支持把代码封装为一个容器。没学过 Docker 的同学也不用担心，去网上参考别人的 Dockerfile 即可（也可以拿我 GitHub 上的作参考）。
+
+其实并不难，请不要悲观！我们下期见~
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。求职季一起加油！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\351\255\224\346\224\271\345\222\214\344\270\212\347\272\277\344\275\240\347\232\204\345\220\210\346\210\220\345\244\247\350\245\277\347\223\234\357\274\214\346\234\200\345\205\250\346\225\231\347\250\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\351\255\224\346\224\271\345\222\214\344\270\212\347\272\277\344\275\240\347\232\204\345\220\210\346\210\220\345\244\247\350\245\277\347\223\234\357\274\214\346\234\200\345\205\250\346\225\231\347\250\213.md"
new file mode 100644
index 0000000..2c1eafb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\256\236\346\210\230\346\225\231\347\250\213/\351\255\224\346\224\271\345\222\214\344\270\212\347\272\277\344\275\240\347\232\204\345\220\210\346\210\220\345\244\247\350\245\277\347\223\234\357\274\214\346\234\200\345\205\250\346\225\231\347\250\213.md"
@@ -0,0 +1,389 @@
+# 魔改和上线你的合成大西瓜，最全教程
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 本文是从 0 到 1 的教程，让小白也能够魔改和上线发布属于你的合成大西瓜！
+
+最近，一款名为『 合成大西瓜 』的游戏突然火了！看来真的是大家吃瓜吃太多了，这个小游戏深抓人心！
+
+![](https://pic.yupi.icu/5563/202311081011145.png)
+
+当然，游戏本身非常有趣，玩法简单，就是俄罗斯方块、2048、水果忍者的结合。控制水果的下落，相同的两个水果会合成更大的水果，然后消除，并发出溅射效果。
+
+玩了一会后，看到朋友圈的晒图，我也安耐不住了，开始思考怎么拿高分。对于程序员来说，最简单的方式就是直接改造程序。
+
+正好在知乎上偶然刷到了一个相关问题，“ 小游戏《合成大西瓜》源代码有吗？”
+
+那就开工吧！
+
+首先去 GitHub 搜索源代码，发现源码已经被曝光的稀巴烂了，然后就下载了一份源代码到本地，摩拳擦掌。
+
+浏览源码后，发现只是魔改一些基础功能的话，不要太简单！
+
+这是我魔改的自定义加分版，轻轻松松千万分！可在线玩：https://dadaxigua.liyupi.com
+
+![](https://pic.yupi.icu/5563/202311081011047.jpeg)
+
+> 大西瓜魔改版
+
+下面一起来打造自己的魔改合成大西瓜吧！
+
+------
+
+主要分为如下几个步骤：
+
+1. 下载源代码及本地运行
+2. 动手魔改及原理分析
+3. 发布上线
+
+### 1. 下载源码，本地运行
+
+#### 下载源码
+
+首先从 GitHub 上下载源代码（地址在文末）：
+
+![](https://pic.yupi.icu/5563/202311081011199.png)
+
+> 下载源代码
+
+下载代码后，我们得到这样的目录结构：
+
+![](https://pic.yupi.icu/5563/202311081011988.png)
+
+> 目录结构
+
+可以看到整个代码目录并不复杂，是基于 cocos2d 游戏引擎开发，我们只需要了解几个重要文件：
+
+1. index.html，整个项目的主页面
+2. project.js，项目核心代码，游戏逻辑都在这里
+3. settings.js，项目配置文件
+4. res 目录，存放图片和音频等资源
+
+下面我们先试着在本地运行小游戏。
+
+#### 本地运行
+
+如果直接双击 `index.html`，是无法运行游戏的，也就是很多同学遇到的 “卡在 99%” 问题。因为直接双击网页文件，访问协议是 `file`，而不是 `http`，会导致一些资源无法请求，缺失文件。
+
+![](https://pic.yupi.icu/5563/202311081011498.png)
+
+因此，我们需要在本地搭建一个 web 服务器，以支持 `http` 协议访问。
+
+最简单的方式就是使用 serve 工具。只需三步，就能使用，已完成的步骤可以直接跳过：
+
+1. 安装 Node 和 npm
+
+   Node 是服务器端运行 Js 代码的引擎；npm 则是依赖包管理工具，可以轻松安装工具和代码类库。
+
+   进入 Node 中文网 http://nodejs.cn/download/，下载 Node.js，会自动安装 npm。
+
+   ![](https://pic.yupi.icu/5563/202311081011203.png)
+
+   安装成功后，进入命令行 cmd，输入命令来判断 npm 是否安装成功：
+
+   ```
+   npm -v
+   ```
+
+   输出版本号，则安装成功：
+
+   ![](https://pic.yupi.icu/5563/202311081011593.png)
+
+   > 安装成功
+
+2. 一行命令安装 serve 工具：
+
+   ```
+   npm i -g serve
+   ```
+
+3. 进入源代码目录（我这里是 `daxigua`），启动 serve：
+
+   ```
+   serve
+   ```
+
+   启动成功后，打开浏览器访问 `localhost:5000` 即可！
+
+   ![](https://pic.yupi.icu/5563/202311081011743.png)
+
+   > 启动成功
+
+### 动手魔改及原理
+
+在魔改前，我们要先认清游戏过程，然后根据自己要修改的内容去找对应的文件，再做修改。
+
+游戏的过程是：点击鼠标 => 水果下落 => 水果碰撞 => 计算分数 => 展示分数
+
+下面列举几种简单的魔改方式，包括改游戏分数、替换游戏图片、无敌模式、控制水果生成、由大水果合成小水果、让水果更 Q 弹等。
+
+**（部分创意源于 B 站 UP GJhuxiao，给大佬跪了！）**
+
+#### 1. 改分数
+
+拿到源代码后，怎么最快的定位要修改哪里呢？
+
+通过分析游戏过程，发现改分数有两种实现方式，在计算分数阶段修改，或者直接修改最后要展示的分数。
+
+再简单浏览下项目里的各个文件，发现 `project.js` 就是影响游戏逻辑的核心文件。
+
+那么很简单，直接在 `project.js` 中搜索代码。分数对应的英文单词是 "score" ，添加分数的英文单词是 "addScore"，搜搜看能不能找到线索。
+
+果然，很快就发现了，分数是由 `default.score` 变量作为统计值的，有这么一行代码：
+
+```
+a.default.score += this.fruitNumber + 1
+```
+
+显然，"+1" 是参与分数计算的，那我只要把基数 "1" 改为自己定义的数字即可~
+
+```
+// extraScore 可以自己改为任意值
+a.default.score += this.fruitNumber + extraScore
+```
+
+当然也可以在进入游戏前让用户自己输入！我在 `project.js` 开头加入了这样一段代码：
+
+```
+// 让用户输入分数加成
+let extraScore;
+let extraScoreStr = '';
+
+// 输入有效数字才进入游戏
+while (isNaN(extraScore)) {
+  extraScoreStr = prompt('请输入分数加成数字', '1').trim();
+  extraScore = parseInt(extraScoreStr);
+}
+```
+
+效果如下：
+
+![](https://pic.yupi.icu/5563/202311081011196.png)
+
+> 自行输入加分
+
+当然，这种方式玩游戏更多地是晒个圈，希望别影响大家的乐趣~
+
+通过这种方式，代码中的所有变量和配置，理论上都可以支持让用户来输入。可以通过新增一个菜单页面来实现，有大佬已经做出来了，效果很好，瑞思拜！
+
+![](https://pic.yupi.icu/5563/202311081011397.png)
+
+> GitHub xiaopengand 哥制作
+
+#### 2. 改图片
+
+改图片应该是目前乐趣最大的魔改了吧！我看到了很多有趣的创意，合成 B 站硬币、合成大胸、合成 xx 等等。
+
+但其实，改图片的原理非常简单！
+
+直接在 `res` 资源目录下，找到原有的图片，然后用**相同名称、相同格式、相同尺寸**的图片进行替换即可！
+
+我帮大家整理了图片替换表哦，帮助提升替换效率，地址如下：
+
+魔改大西瓜可替换的素材：https://docs.qq.com/sheet/DS0d2VVVJYmpvZ0pZ
+
+![](https://pic.yupi.icu/5563/202311081011619.png)
+
+> 替换素材表
+
+#### 3. 无敌模式
+
+无敌模式是指水果堆积到顶部、超出线条，游戏依然不会结束。
+
+既然游戏会结束，那么必定有一个判断游戏结束的逻辑，也就是条件表达式。
+
+那就在代码中搜索 "end"（结束），果然找到了下面这串判断逻辑，运算结果为 `true` 则游戏结束，为 `false` 则继续。
+
+![](https://pic.yupi.icu/5563/202311081011364.png)
+
+这里 B 站 UP GJhuxiao 哥提供了非常好的思路，增加一个条件判断，而不是修改原有判断逻辑，极大地方便大家修改！
+
+#### 4. 控制水果生成
+
+能不能控制下一个水果是什么呢？比如每次都出现大西瓜。
+
+当然，同样的思路，先找到水果生成的逻辑在代码的哪个位置。通过搜索 "fruit"、"create" 等关键字，定位到了这段代码：
+
+![](https://pic.yupi.icu/5563/202311081011515.png)
+
+> 生成指定水果
+
+这段代码的功能是，根据当前的水果决定下一个水果。
+
+逻辑看起来很复杂，但其实就是，前 5 个水果的生成是固定的，类似新手教程，总不能刚开始就给大水果吧！
+
+当生成第几个水果（用 `createFruitCount` 统计）之后，开始随机生成水果。
+
+每一个水果都对应一个数字序号（下标），由小到大依次是 0-9，葡萄到西瓜。因此刚开始是两次 `createOneFruit(0)`，即生成两次葡萄，后面就是随机生成葡萄（0）到西红柿（5）。
+
+那如果想要生成第一个水果，怎么办？
+
+第一个水果是葡萄，对应序号 0，那直接搜索 `createOneFruit(0)` 不就成了！
+
+直接找到对应代码，可以把 0 修改成其他数字~
+
+![](https://pic.yupi.icu/5563/202311081011197.png)
+
+> 修改第一个水果
+
+#### 5. 大水果合成小水果
+
+大水果合成小水果听起来很有趣，即可以把游戏 “倒着玩”，两个西瓜合成椰子，最终合成葡萄即胜利！✌️
+
+如果把水果膨胀理解为 “升级”，那说白了，就是反转下水果的升级顺序。这里的代码不是很好定位，主要是先找到水果的合成逻辑，可以通过搜索边界值（比如 < 9）、或者关键词 `LevelUp` 的方式找到下面代码，将 "+1" 变为 "-1" 即可！
+
+每次合并水果，升级改为降级。
+
+![](https://pic.yupi.icu/5563/202311081011066.png)
+
+> 修改合成水果逻辑
+
+当然，只改这里肯定是有问题的，B 站的 UP GJhuxiao 也犯了一个小小小小的错误，就是没有处理边界值。
+
+原本当合成大西瓜后，会有特殊逻辑，比如闪光特效。在顺序反转后，我们要把边界值由 9 改为 0。同时记得修改一下初始生成的水果，应该是大西瓜而不是小葡萄啦！
+
+#### 6. 让水果更 Q 弹
+
+现在的水果好像没什么弹性，怎么让它们像果味香浓、Q 弹多汁的旺仔 QQ 糖一样弹性十足呢？
+
+这就涉及到物理引擎层面的修改，由于我本人对 cocos2d 不熟悉，以下依然是 B 站的 UP GJhuxiao 的实现方式。
+
+在生成水果的函数中，可以看到  `cc.PhysicsCircleCollider`，就是控制水果下落行为的物理引擎。
+
+由于整个游戏是基于 cocos2d 开发，我们可以看看官方 API 文档中，该物理引擎有哪些参数，很快就找到了弹性系数：
+
+![](https://pic.yupi.icu/5563/202311081011159.png)
+
+> cocos2d API 文档
+
+然后去修改物理引擎的参数即可，此处设置为 0.9。
+
+![](https://pic.yupi.icu/5563/202311081011752.png)
+
+> 修改物理引擎参数
+
+别看数值改动不大，设置 0.9 后，水果就已经能飞起来了。如果你乐意，想要让它一飞冲天也是可以的！
+
+![](https://pic.yupi.icu/5563/202311081011247.png)
+
+> 飞了起来
+
+> 记得打开无敌模式，否则一下就 GameOver 了！
+
+还可以看看 cocos2d 有什么其他的参数，试着修改一下，也许会发现新的创意和惊喜哦~
+
+### 发布上线
+
+最多同学关心的问题，在本地修改好代码后，怎么发布到网上供其他人访问呢？
+
+这里提供最简单的两种方法，使用『 腾讯云静态网站托管 』或『 Vercel 』，不需要购买域名、也不需要买服务器！
+
+而且自己娱乐、用户量不大的话，免费空间完全够用！
+
+#### 1. 腾讯云静态网站托管
+
+使用腾讯云静态网站托管，服务器完全在国内，还有 CDN（静态内容分发）加速，让你的网站飞起来~
+
+使用步骤也很简单。
+
+首先进入腾讯云的云开发 (cloudbase) 控制台，地址：https://cloud.tencent.com/product/wh：
+
+![](https://pic.yupi.icu/5563/202311081011997.png)进入控制台
+
+点击立即创建，开通一个云环境：
+
+![](https://pic.yupi.icu/5563/202311081011990.png)
+
+> 一定要开启免费资源
+
+点击立即开通，喝杯 ☕️，稍等片刻即可创建完成。
+
+创建完成后，进入到提示页，点击开始使用，初始化静态网站服务。
+
+![](https://pic.yupi.icu/5563/202311081011297.png)
+
+> 初始化静态服务
+
+现在我们就可以使用云开发提供的静态网站服务了，可以通过界面上传，也可以使用 `cloudbase` 命令行上传。推荐后者，效率更高！
+
+首先，安装 `cloudbase` 命令行工具：
+
+```
+npm install -g @cloudbase/cli
+```
+
+执行登录命令：
+
+```
+cloudbase login
+```
+
+![](https://pic.yupi.icu/5563/202311081011038.png)
+
+> 登录
+
+在弹出的页面确认授权：
+
+![](https://pic.yupi.icu/5563/202311081011940.png)
+
+> 授权
+
+进入到已开通的云环境查看页面，复制刚刚创建的云环境 id：
+
+![](https://pic.yupi.icu/5563/202311081012393.png)
+
+> 复制云环境 id
+
+接着，在 `index.html` 所在目录中（我的是 `daxigua`），执行 `cloudbase` 的 `deploy` 命令将目录中的网站文件全部发布：
+
+```
+cd daxigua
+cloudbase hosting:deploy . -e <EnvID>
+```
+
+**这里的 `<EnvID>` 要替换为刚刚复制的云环境 id！**
+
+看到如下结果，就算成功啦，点击链接即可访问和分享！
+
+![](https://pic.yupi.icu/5563/202311081012241.png)
+
+> 发布网页文件
+
+#### 2. Vercel
+
+Vercel 是免费网站托管平台，可以帮我们部署网站，并生成可访问的简短网址，还能够和自己购买的域名进行绑定。
+
+![](https://pic.yupi.icu/5563/202311081012398.png)
+
+先在命令行通过 npm 命令安装 Vercel：
+
+```
+npm install -g vercel
+```
+
+安装完成后，进入 `index.html` 所在目录（我的是 daxigua），使用 `vercel` 命令发布网站：
+
+```
+cd daxigua
+vercel --prod
+```
+
+然后会让你输入一些选项，比如项目名称、是否修改配置等，一路回车就可以了~
+
+发布成功，会得到一个网址，打开就可以看到游戏啦，还可以把网址分享给别人！
+
+![](https://pic.yupi.icu/5563/202311081012692.png)
+
+> 发布成功
+
+### 最后
+
+通过这个小游戏，我们能够看到大家各种奇思妙想的创意，在乐趣之外，还能学习一些编程小知识，何乐而不为呢？
+
+可惜由于工作，我没有时间去完成自己的其他创意啦，比如水果爆炸、水果围城、反重力 😢
+
+大家还有什么好的创意欢迎在评论区告诉我吧！
+
+**以上所有代码和文档都发布到了我的 GitHub 中，点击下方阅读原文进入。**
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/1024\357\274\214\350\257\264\350\257\264\346\210\221\350\277\231\345\207\240\345\271\264\346\200\273\347\273\223\347\232\204\345\260\217\346\212\200\345\267\247\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/1024\357\274\214\350\257\264\350\257\264\346\210\221\350\277\231\345\207\240\345\271\264\346\200\273\347\273\223\347\232\204\345\260\217\346\212\200\345\267\247\357\274\201.md"
new file mode 100644
index 0000000..33ac532
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/1024\357\274\214\350\257\264\350\257\264\346\210\221\350\277\231\345\207\240\345\271\264\346\200\273\347\273\223\347\232\204\345\260\217\346\212\200\345\267\247\357\274\201.md"
@@ -0,0 +1,91 @@
+# 1024，说说我这几年总结的小技巧！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+今天是 1024，首先祝程序员小伙伴们节日快乐，希望产品经理朋友们今天可不要给我们加需求哦~
+
+提到程序员，很多还没毕业的小伙伴可能觉得程序员的工作就是整天写代码，但进了公司后，你才会发现写代码只是工作中最最最基础的环节。想要高效地完成工作、尽快在工作中取得成长和晋升，还有很多需要注重的事情和方法。
+
+这篇文章就给大家分享一下我在公司积累的程序员工作小技巧吧。我想到什么就写什么，大家读起来也应该是比较轻松的~
+
+![](https://pic.yupi.icu/5563/202311060926957.png)
+
+## 工作小技巧
+
+> 注意，以下方法未必适用于所有人，仅提供建议
+
+### 没有明确需求前，不要急着做
+
+我刚进公司的时候，会有一种应届生心态：同事都是我的前辈，他们给我提的需求我都要尽快完成。
+
+而且那会儿自己初入职场，有一种莫名的自信，会觉得有些需求很简单，能做就做了。
+
+结果有一次就翻车了，我以为有一个需求很简单，就改几行代码的事情，就跟我导师说我这两天就能完成。结果改完代码，跟产品经理交付的时候才发现我完全理解错了他的意思，然后又花了几周才把需求做完。
+
+说到错误理解需求，我想到一个段子：老婆给当程序员的老公打电话：“下班顺路买一斤包子带回来，如果看到卖西瓜的，买一个。”当晚，程序员老公手捧一个包子进了家门……老婆怒道：“你怎么就买了一个包子？”老公答曰：“因为看到了卖西瓜的。”
+
+所以大家一定要记住，明确需求始终是我们程序员工作的第一环！包括明确需求的背景、意义、具体的功能点等等。
+
+如果产品经理没有给出需求单、给出足够的信息，那么一定要让他提供清晰的需求文档，确保你们的理解和目标是一致的，再去设计方案和开发。
+
+千万记住，不要接受一句话需求、需求信息一定不能只通过口头描述！否则今后产品经理抵赖，你也没办法。到头来很可能是瞎折腾，而且那时你也不能甩锅给产品经理 —— 谁让你自己不问、不让他写清楚呢？
+
+![](https://pic.yupi.icu/5563/202311060926964.png)
+
+### 上游没有确定前，不要急着开发
+
+这点其实和上一点有点类似，对于我们程序员来说，可能有很多来自不同岗位、部门的上游，比如提需求的产品经理、核对功能点的测试、提供依赖接口的开发、提供资源权限的运维等。
+
+如果我们实现需求必须依赖一些上游，我个人不建议直接上手开发（但是可以先做设计）。因为在工作中，总会有各种各样超出预期的变数和风险。如果你的上游都不确定，你就提前写好了代码，回头上游一改方案，说不定你又得重新开发、去适应上游。
+
+举个例子，前段时间我要基于其他部门提供的数据表 A 开发出数据表 B，最开始他们给了我数据表 A 的表结构，但是并不明确、并没有建好数据表并写入数据。如果是我刚工作的时候，可能就立刻基于这个表结构去写代码了。但后来，他们的数据表 A 的结构变了好几次、还换了好几次表名（每个表名我们都要单独申请权限，比较麻烦）！他们表示很抱歉，但我却淡然一笑：没事，你们变吧，我还没开始做，等你们把表上线了再说~
+
+如果是以前，我可能已经心态爆炸了吧哈哈。
+
+![](https://pic.yupi.icu/5563/202311060926696.png)
+
+所以这一点还是很有用的，也为我节省了不少时间。
+
+但是，对于紧急需求，最好还是开会拉着所有上游同学一起核对，把方案先定下来，然后大家再各自分工开发、对齐。如果上游一直不确定，也要催着他们尽快确定、或者一起讨论一个更好的方案，也不要因为过分等待上游导致需求延期（整个 Team 都有责任）。
+
+### 学会预留空间
+
+前面提到，刚进公司的时候，我还是比较自信的（现在想想有点自负了），总觉得自己能很快地完成需求，而且觉得需求做的越快越能得到老板的赏识。
+
+结果就导致需求排期的时候给自己安排的太紧了，前一个需求的 Bug 还没修完，下一个需求又快到截止日期了。不仅让自己身心俱疲，也打了自己的脸，辜负了别人的期待吧。
+
+而且自己长期负责一个项目后，我会发现很多时候你在做新需求时，用户会突然反馈一个历史功能的 Bug，你又不得不立刻抽身去修复；而且随着你的系统越做越大，这种历史 Bug 会慢慢浮出水面，越来越多。
+
+所以之后做需求的时候我都会给自己多预留一些时间，防止一些自己前期没有考虑到的问题出现，毕竟大家也知道，有时候一个 Bug 可能就要排查一天。。。
+
+![](https://pic.yupi.icu/5563/202311060926922.png)
+
+哪怕我很清楚自己 2 天能完成需求，可能也会多给自己一些时间。毕竟你如果能提前完成，对方会觉得超出预期了；如果你准时完成，对方会觉得这是正常的；而如果你因为一些 Bug 导致没有按时完成，对方会觉得 “你不太行”。
+
+这也算是一种心理博弈？
+
+当然，我这还是比较乐观的想法了。有时候大家可能也没有选择权吧：这个需求明天上线！怎么实现我不管！
+
+#### 学会日常记录总结
+
+经常有朋友跟我吐槽说自己进公司很久了，但感觉一直都没什么成长，每次汇报的时候也不知道说什么。
+
+如果你也有这种想法，那么大概率你是没有日常总结的习惯的。
+
+我自己以前存在的一个问题是：看网课做笔记时，有时候会偷懒，我会想着多看几集一起记录。结果现实往往是，随着我看的集数越来越多、未记录笔记的集数越堆越多，我会觉得记录笔记的压力越来越大，到最后索性不记了。
+
+> 有没有同学也是这样？
+
+工作总结也是一样，最好大家每完成一天的工作、每次做完一个需求、每产出一个阶段性成果，都立刻把他记录下来，养成日常记录的习惯，并且定期整理总结、复盘。才不会说堆到最后都懒得去记了，等到写总结的时候也忘了自己今年做过什么。
+
+这个习惯我已经坚持了 3 年，不得不说，对我的帮助很大。也能时刻让我反思自己的工作节奏、状态，激励自己去尝试和突破。
+
+------
+
+其实还有几个技巧的，比如要打破边界、注意跨越成长鸿沟等等，但无奈午休余额不足，就先写到这里~ 再次祝大家节日快乐，编程代码一气呵成，今年无 Bug~
+
+![](https://pic.yupi.icu/5563/202311060926745.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/2\345\210\206\351\222\237\357\274\214\346\210\221\346\212\212\347\275\221\347\253\231\346\200\247\350\203\275\344\274\230\345\214\226\344\272\2063\345\200\215\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/2\345\210\206\351\222\237\357\274\214\346\210\221\346\212\212\347\275\221\347\253\231\346\200\247\350\203\275\344\274\230\345\214\226\344\272\2063\345\200\215\357\274\201.md"
new file mode 100644
index 0000000..761af9f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/2\345\210\206\351\222\237\357\274\214\346\210\221\346\212\212\347\275\221\347\253\231\346\200\247\350\203\275\344\274\230\345\214\226\344\272\2063\345\200\215\357\274\201.md"
@@ -0,0 +1,86 @@
+# 2分钟，我把网站性能优化了3倍！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近有同学反映我做的 面试刷题网站 （mianshiya.com）页面加载速度有点慢，所以我决定先简单优化一下。
+
+其实我只做了 1 件小事，花了两分钟左右，就把网站的加载速度从 5 秒左右优化到了 1.5 秒！从时间成本和效果来看，这已经是一个质的飞跃了。
+
+那我究竟用了什么黑科技呢？给大家简单分享一下。
+
+> [关于面试刷题网站的介绍](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247504583&idx=2&sn=bfe23c511c0f59004591d2afb2c5ea22&scene=21#wechat_redirect)
+
+### 网站加载速度优化
+
+我用到了两个技术，分别是 `CDN` 和 `HTTP/2` ，这里重点讲下前者。
+
+先说说 CDN，即内容分发网络。原本，我们的网页文件都是放到单个服务器（或集群）上的，来自天南地北的所有用户都只能从这台服务器上获取网站。这样有几个缺点：
+
+1. 单个服务器压力过大
+2. 如果服务器故障，所有用户都将无法访问（单点故障）
+3. 离服务器越远的用户，访问速度越慢
+
+而 CDN 的作用就是帮助我们把原服务器上的文件分发到多个不同地域的网络节点上，当用户访问网站时，只需要从离他们最近的节点获取网页文件即可（如果获取不到，CDN 会自动从源站拉取文件，俗称 `回源` ）。
+
+因此，使用 CDN 可以分摊单台服务器的负载、减少网站文件传输时间、为网站提升了一定的容错能力。如果前段时间西安某程序用了 CDN，可能也不会闹出事故了。
+
+放一张对比网络拓补图，一目了然：
+
+![](https://pic.yupi.icu/5563/202311060921910.jpeg)
+
+如何给网站开启 CDN 呢？我们普通人是很难自己搭建 CDN 的，一般都是使用云服务商提供的 CDN 服务。像我肯定是用腾讯云了，因为我的网站前后端全部放在了腾讯云上，CDN 配置更轻松、回源更快速、有问题也相对好解决。
+
+![](https://pic.yupi.icu/5563/202311060921608.png)
+
+> 腾讯云 CDN 配置
+
+通过上图左侧的列表，我们可以看到 CDN 相关的配置是非常非常多的。
+
+首先要配置一个 CDN 域名，一般是自己的二级域名（xxx.com）再加上 cdn / static 之类的前缀，比如：cdn.yupi.com。
+
+然后要给该域名配置 `回源地址` 和 `回源 HOST` ，如果 CDN 还没有缓存你的文件，则会从该地址拉取源文件。回源 HOST 主要是为了告诉源站你是谁、是谁要从我这拿文件，从而返回给你正确的资源。
+
+![](https://pic.yupi.icu/5563/202311060921303.png)
+
+还可以进行访问控制，比如只允许特定自己域名的网页来请求文件，从而防止文件被其它网站盗用，刷了你的 CDN 资源用量（扣你的钱）。
+
+![](https://pic.yupi.icu/5563/202311060921259.png)
+
+还可以配置 IP 访问频率限制，可以防止单个 IP 地址的用户攻击你的网站，也可以一定程度上限值流量，给自己省点钱。虽然 DDOS 还是防不住，但总比没有要好。
+
+![](https://pic.yupi.icu/5563/202311060921906.png)IP 访问限频
+
+使用 CDN 的话，还得注意下缓存时间的设置，相对不发生变化的网站静态文件，缓存时间可以设置长一点。而动态网页（页面内容动态更新）一般不要缓存，否则用户看到的都是同样的内容。
+
+![](https://pic.yupi.icu/5563/202311060921384.png)
+
+这里建议大家每次更新网站静态文件时，给文件生成一个随机的后缀，可以防止更新网页文件后 CDN 没更新导致的用户看不到最新页面的问题。现在很多的前端框架和打包工具一般都会自动帮你生成文件后缀了，也不用做什么额外工作，比如我用的 UMI 框架 + Webpack 打包工具，生成的文件如下：
+
+![](https://pic.yupi.icu/5563/202311060921016.png)
+
+除了给网站加速外，如今的 CDN 还推出了一些派生能力，比如：
+
+- DCDN：全站加速，不仅能加速静态资源，还能通过路由优化来加速动态内容。适用于实时性要求比较高的动态数据，可以给接口加速哦~（理解不了的话就想想家里的梯子 🪜）
+- SCDN：安全加速，给 CDN 加上一层防护能力，应对 DDOS、CC 等攻击。
+
+不过 CDN 肯定是要花费成本的，一般是按流量计费，所以建议大家上 CDN 前先思考是否有必要。比如你的网站前期用户不多、或者用户都在你服务器的机房里面关着，那大可不必增加一笔消费了。
+
+我之前没做 CDN 主要也是考虑到前期规模小、不值得，但通过统计分析后发现，目前网站用户已经覆盖了全国各地，还是用 CDN 好一些，给大家更好的体验。而用了 CDN 后，我的网站首次加载时长从 5 秒降到了 3 秒左右，不得不说，真香！
+
+之后，在腾讯云的 CDN 配置页面，我很惊喜地发现了 HTTP/2 的开关：
+
+![](https://pic.yupi.icu/5563/202311060921550.png)
+
+HTTP/2 作为最新的 HTTP 协议，相对于现在最广泛应用的 HTTP 1.1，大幅提升了 Web 性能，进一步减少了网络延迟。
+
+HTTP/2 的水可是很深的，什么特么二进制、多路复用、数据流、服务器主推，我是看一遍头疼一遍，后面再单独出篇文章给大家讲讲吧。现在直接用起来，快就完事！
+
+开启 HTTP/2 后，我的网站加载速度直接从 3 秒提升到了 1.5 秒左右，如果不是有一些图片资源，还能更快！
+
+![](https://pic.yupi.icu/5563/202311060921010.png)
+
+以上就是本期分享，如果大家喜欢实践类的知识分享，求点个 **赞 + 在看** 吧，感谢大家 ❤️
+
+关注鱼皮的面试鸭，就能一键使用刷题网站啦：
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub \351\252\232\346\223\215\344\275\234.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub \351\252\232\346\223\215\344\275\234.md"
new file mode 100644
index 0000000..a9292f3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub \351\252\232\346\223\215\344\275\234.md"	
@@ -0,0 +1,193 @@
+# GitHub 骚操作
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一看就会的 GitHub 骚操作，让你看上去像一位开源大佬！
+
+大家好，我是鱼皮。
+
+我的老弟小阿巴也在学习编程，前段时间，他刚刚接触了 GitHub 这个代码开源平台，然后关注了我。
+
+![](https://pic.yupi.icu/5563/202311060927328.jpeg)
+
+当他看到我的 GitHub 个人主页时，他非常激动地问：“哥哥，为啥你的 GitHub 主页这么炫酷？”
+
+![](https://pic.yupi.icu/5563/202311060927877.png)鱼皮的 GitHub 主页
+
+我正要跟他解释，结果小阿巴下一个问题差点让我笑喷了。
+
+**“哥哥，你是开源大佬么？”**
+
+![](https://pic.yupi.icu/5563/202311060927328.jpeg)
+
+**对不起，让大家失望了，我不配。**
+
+其实有很多 GitHub 的骚操作和资源，轻轻松松，就能让你看起来像一位开源大佬！
+
+下面分享给大家。
+
+### 定制个人主页
+
+首先教大家定制个人主页，帮助其他开发者快速了解你和你的项目，从而吸引关注。
+
+首先创建一个和自己 GitHub 用户名相同的仓库：
+
+![](https://pic.yupi.icu/5563/202311060927699.png)
+
+进入这个仓库，这是 GitHub 提供的隐藏彩蛋，只需要创建一个 `README.md` 文件，在这里输入想要展示在主页的内容即可。
+
+![](https://pic.yupi.icu/5563/202311060927405.png)
+
+那问题来了，我主页上的一些 **个人统计卡片** 是怎么做的呢？
+
+![](https://pic.yupi.icu/5563/202311060927386.png)
+
+其实很简单，有一个开源项目，能够在你的 README 中获取动态生成的 GitHub 统计信息！
+
+项目名：github-readme-stats
+
+地址：https://github.com/anuraghazra/github-readme-stats
+
+这个项目提供了很多功能，比如统计卡片、更多置顶、语言卡片等：
+
+![](https://pic.yupi.icu/5563/202311060927887.png)
+
+> 统计卡片
+
+![](https://pic.yupi.icu/5563/202311060927258.png)
+
+> 更多置顶
+
+![](https://pic.yupi.icu/5563/202311060927261.png)
+
+> 语言卡片
+
+使用方式非常简单，找到你需要的功能，每个功能对应一个超链接，直接复制到自己的 README.md 中即可，还可以修改超链接的参数来进一步定制！
+
+![](https://pic.yupi.icu/5563/202311060927805.png)
+
+### 小徽章
+
+GitHub 上很多知名项目的介绍页中，总能看见许多小徽章，比如阿里的 Ant Design：
+
+![](https://pic.yupi.icu/5563/202311060927682.png)
+
+看得多了，你会发现这些小徽章的风格出奇的一致！那这个是怎么做的呢？
+
+可以使用这个项目：Shields.io
+
+地址：https://shields.io/
+
+它可以为你的开源项目生成高质量小徽章图标，直接复制链接使用。
+
+![](https://pic.yupi.icu/5563/202311060927345.png)
+
+默认提供了很多统计相关的小徽章，比如项目的下载数：
+
+![](https://pic.yupi.icu/5563/202311060927870.png)
+
+还可以输入内容和颜色，一键生成！
+
+![](https://pic.yupi.icu/5563/202311060927998.png)
+
+> 制作徽标
+
+支持多种不同的风格，非常奥利给！
+
+![](https://pic.yupi.icu/5563/202311060927216.png)
+
+除了 Shields.io 外，还有一个专门生成 **访客数徽章** 的项目，直接将一行代码粘贴到 README.md 文件中就能使用。
+
+项目名：Visitor Badge
+
+地址：https://visitor-badge.glitch.me/
+
+![](https://pic.yupi.icu/5563/202311060927975.png)
+
+### star 历史
+
+如果想要统计和展示自己某个项目的 star 趋势，可以使用下面这两个工具。
+
+#### 1. Star History
+
+地址：https://star-history.t9t.io
+
+输入仓库名，就能自动生成 star 增长曲线，还能输入多个仓库查看项目对比：
+
+![](https://pic.yupi.icu/5563/202311060928346.png)
+
+如果不喜欢这个风格，也可以试试下面这个工具。
+
+#### 2. GitHub Star History
+
+地址：https://codetabs.com/github-stars/github-star-history.html
+
+和上一个工具用法完全一致，风格更圆润。
+
+![](https://pic.yupi.icu/5563/202311060928109.png)
+
+### 分享角标
+
+如果你的 GitHub 项目有一个对应的网站，并且想要让用户通过网站跳转到 GitHub，从而得到 star。那么不妨试试这个项目！
+
+项目：GitHub Corners
+
+地址：https://tholman.com/github-corners/
+
+它可以帮你生成给网站添加 GitHub 角标的代码，只需要选择一个风格，复制代码到自己的项目主页文件中，将超链接替换为自己的仓库地址即可。
+
+![](https://pic.yupi.icu/5563/202311060928231.png)
+
+### 你的 GitHub 故事
+
+辛辛苦苦写了一年代码，是时候回顾一下自己的提交记录了，GitHub 已经内置了年度提交数统计。
+
+![](https://pic.yupi.icu/5563/202311060928353.png)
+
+但是，这个统计不够炫酷，推荐下面这个项目。
+
+项目：GitHub Skyline
+
+地址：https://skyline.github.com/
+
+输入自己的 GitHub 用户名，和想要查看的年份，它可以自动为你的 GitHub 生成炫酷的 3D 模型！
+
+![](https://pic.yupi.icu/5563/202311060928926.png)
+
+很可惜，我的这个模型只有一半，那段时间自己每天都会刷几道算法题。想要盖起摩天大楼，还是要持续努力提交代码啊！
+
+### 感谢参与者
+
+每位开源项目的参与者都值得记录和感谢，传统方式是开源项目的负责人一个一个把参与者的名字记录到 README.md 文件中，非常低效，可能到后面就懒得添加了。
+
+可以使用一种更高效、自动化的方式来添加项目贡献者。
+
+项目：All Contributors
+
+地址：https://allcontributors.org/
+
+这个项目，允许你使用命令行或者机器人的方式自动将项目的贡献者补充到项目文档中，并且生成排版精美的表格，效果如下：
+
+![](https://pic.yupi.icu/5563/202311060928723.png)
+
+使用它，让你的项目更具温度吧~
+
+
+
+------
+
+
+
+有了这些，大家不仅可以装修自己的 GitHub 个人主页，提升逼格，更有开源的动力；还可以美化自己的项目文档，吸引更多人的 star。内容为王，但牌面也是很重要的！
+
+小阿巴：“学到了！哥，原来你是个废物。”
+
+![](https://pic.yupi.icu/5563/202311060928496.jpeg)
+
+🧧 最后，今天鱼皮收到了来自深圳南山的神秘邮件，是几张腾讯视频月卡，我也不知道是谁寄来的，再搭上几个红包一起送给大家吧~
+
+**给本文点个 “赞” + “在看”，并在留言区聊聊自己最想看哪方面的文章，就有机会获得哦！**
+
+祝大家周末愉快！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub\350\277\2315\344\270\252\351\252\232\346\223\215\344\275\234\357\274\21499%\347\232\204\344\272\272\344\270\215\347\237\245\351\201\223\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub\350\277\2315\344\270\252\351\252\232\346\223\215\344\275\234\357\274\21499%\347\232\204\344\272\272\344\270\215\347\237\245\351\201\223\357\274\201.md"
new file mode 100644
index 0000000..5f0d4a7
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/GitHub\350\277\2315\344\270\252\351\252\232\346\223\215\344\275\234\357\274\21499%\347\232\204\344\272\272\344\270\215\347\237\245\351\201\223\357\274\201.md"
@@ -0,0 +1,140 @@
+# GitHub这5个骚操作，99%的人不知道！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，GitHub 是程序员必备的代码开源平台。我们可以在 GitHub 上搜索和阅读项目代码，进行学习；或者复制粘贴，从而快速完成自己的项目。
+
+![](https://pic.yupi.icu/5563/202311060930389.png)
+
+相信绝大多数同学都用过 GitHub。但是，很多同学仅仅是局限于 “能用”，GItHub 的几个隐藏的神级技巧，大家都知道么？
+
+下面我来分享 5 个 **隐藏的** 、实用的 GitHub 技巧，大家可以在留言区分享一下自己之前用过几个，学到了几个~
+
+> 本文对应视频演示：https://www.bilibili.com/video/BV1q54y1f7h6/
+
+
+
+
+
+------
+
+###   1. 搜索技巧
+
+搜索无疑是大家使用最多的功能，绝大多数同学是这样搜索的：
+
+点下搜索框，输入想搜的内容，然后往往会看到一大堆搜索结果，接下来还要再去选择编程语言来过滤。结果还是一大堆！不仅麻烦，而且搜索出来的内容可能非常老旧。
+
+![](https://pic.yupi.icu/5563/202311060930789.png)
+
+而有经验的大佬呢，可能是这么搜的：
+
+按快捷键 `s` 直接聚焦到搜索框，然后输入一串神秘代码：`springboot vue stars:>1000 pushed:>2022-05-02 language:Java` ，再按回车搜索，就能轻松快速地得到精确的、最新的结果。
+
+![](https://pic.yupi.icu/5563/202311060930843.png)
+
+怎么样，搜出来的项目是不是都挺经典的？
+
+这一串神秘代码呢，其实是利用了 GitHub 高级搜索功能提供的 `搜索限定符` 。
+
+当然，完全不用记这些，进入 advance search 界面（搜索结果页左下角），利用可视化表单也能实现高级搜索：
+
+![](https://pic.yupi.icu/5563/202311060930597.png)
+
+比如搜索最近更新的、Java 语言的、star 数超过 1000 的项目：
+
+![](https://pic.yupi.icu/5563/202311060930656.png)
+
+但这个界面展示的搜索条件有限，其实还有更多的搜索限定语法，比如按代码库名称、描述搜索，对仓库中的内容进行搜索等，这些都可以在 GitHub 官方文档查阅，不用去背！
+
+> 官方文档：https://docs.github.com/cn/search-github/getting-started-with-searching-on-github/about-searching-on-github
+
+### 2.  文件查看技巧
+
+在我们发现开源项目后，往往要进入项目详情页，通过查看文件和阅读源码来了解项目。
+
+相信大多数同学是一级一级的点击项目目录去找文件，发现位置错了后呢，还要回到最初的起点，呆呆地再换一个目录去找。对于 java 这种包路径层层嵌套的项目来说，实在是太麻烦了。
+
+![](https://pic.yupi.icu/5563/202311060930781.png)
+
+其实，我们只需按下 `t` 键，就可以快速、实时地对仓库内的所有文件进行搜索了。
+
+![](https://pic.yupi.icu/5563/202311060930642.png)
+
+点进某个文件后，还有技巧，按下 `L` 键，就可以快速跳转到某一行。点击行号，就可以快速复制这行的代码，生成永久链接。
+
+![](https://pic.yupi.icu/5563/202311060930407.png)
+
+按 `b` 键还可以快速查看该文件的改动记录。是不是方便很多了呢？
+
+![](https://pic.yupi.icu/5563/202311060930169.png)查看尤大开发 vue 的过程
+
+除了上面这些，其实 GitHub 里还隐藏了非常多的快捷键，大家可以收藏一下，也可以在官方文档查看。
+
+![](https://pic.yupi.icu/5563/202311060930216.jpeg)
+
+> 官方文档：https://docs.github.com/cn/get-started/using-github/keyboard-shortcuts
+
+除了快捷键，GitHub 其实还藏着一个命令面板，按 `ctrl + k` 打开，然后就可以快速查看内容，高效执行各种操作了，感兴趣的同学依然可以从官方文档去了解，这里不再赘述。
+
+![](https://pic.yupi.icu/5563/202311060930183.png)
+
+> 官方文档：https://docs.github.com/cn/get-started/using-github/github-command-palette
+
+### 3. 阅读代码技巧
+
+虽然通过上个技巧，我们已经能够很方便地搜索文件了，但是如果要完整阅读项目代码，可能要在文件间来回跳转，就非常麻烦。所以我们往往会把项目代码下载到本地，用更强大的编辑器来阅读。
+
+但是，在我们调研和选择项目时，有那么多我们不了解的项目，难道都要一个个下载到本地去阅读么？
+
+![](https://pic.yupi.icu/5563/202311060930176.png)
+
+当然不用！
+
+登录 GitHub 后，直接在仓库详情页按下 `。`（句号）键，神奇的事情发生了，你会发现，代码竟然直接在一个 **网页版** VS Code 编辑器中打开了！
+
+![](https://pic.yupi.icu/5563/202311060930472.png)
+
+> VS Code，但是网页版
+
+使用体验和本地的 VS Code 编辑器完全一致，不仅可以随时切换文件来阅读，代码高亮提示、快捷跳转、代码搜索、debug 等功能一应俱全，甚至还可以安装插件来增强编辑器的功能。谁用谁真香~
+
+![](https://pic.yupi.icu/5563/202311060930143.png)
+
+### 4. 在线运行项目
+
+除了一键在浏览器中查看项目源码外，GitHub 还藏着一个更 **无敌** 的功能。
+
+让我们在项目地址前加上 `gitpod.io/#` 前缀，等待几秒钟，神奇的事情发生了。
+
+依托于 GitPod，我们不仅在一个网页编辑器中打开了项目代码、可以实时编辑和保存；而且它自动识别了项目的类型，并且自动安装了依赖包。
+
+![](https://pic.yupi.icu/5563/202311060930334.png)
+
+接下来，我们完全可以把这个网页提供的远程服务器当做自己的电脑来使用，里面预装了 python、java、go 等等，啥环境都有！因此我们可以在控制台里为所欲为：可以输入命令来执行项目，并且直接在网页中查看项目的运行效果；甚至还可以一键构建 Docker 镜像，快的飞起！
+
+![](https://pic.yupi.icu/5563/202311060930408.png)
+
+这下再也不用把项目下载到本地，然后安装一堆环境来查看项目效果了。
+
+> 没记错的话，GitPod 每月提供 50 个小时的免费使用时长，对绝大多数同学来说完全足够了。
+
+![](https://pic.yupi.icu/5563/202311060930876.png)
+
+### 5. 项目推送
+
+除了主动搜索项目外，其实在 GitHub 的 Explorer 探索页面中，有一个非常不起眼的按钮 —— 获取邮件更新。
+
+我们可以根据自己的喜好，让 GitHub 定期给我们推送自己感兴趣的优质项目，就可以持续扩大知识面、了解开源动态啦。
+
+![](https://pic.yupi.icu/5563/202311060930472.png)
+
+
+
+------
+
+
+好了，以上就是本期分享，希望对大家有帮助，也欢迎给鱼皮一个 **点赞 + 在看** 支持吧，谢谢大家！
+
+最后，大家如果感兴趣的话，也欢迎加入 [鱼皮的编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&scene=21#wechat_redirect)（点击了解详情），和 **7700 多名** 小伙伴们一起交流学习，向鱼皮和大厂同学 1 对 1 提问、帮你制定学习计划不迷茫、跟着鱼皮直播做项目（往期项目可无限回看）。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/README.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/README.md"
new file mode 100644
index 0000000..a915ee0
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/README.md"
@@ -0,0 +1,65 @@
+### 开发经验
+
+通过项目提升开发能力：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+⭐️ [主流前后端项目部署方式](./主流前后端项目部署方式.md)
+
+⭐️ [首次公开！我快速做项目的技巧](./首次公开！我快速做项目的技巧.md)
+
+⭐️ [刚入职新公司，代码看懵逼了咋办？](./刚入职新公司，代码看懵逼了咋办？.md)（如何快速上手新项目）
+
+⭐️ [老子写个代码而已，凭什么还要我写文档？](./老子写个代码而已，凭什么还要我写文档？.md)（写文档的经验方法）
+
+⭐️ [提高工作效率的秘诀](./提高工作效率的秘诀.md)
+
+⭐️ [大厂做项目的流程](./大厂做项目的流程.md)
+
+⭐️ [大厂的 SDK 写法，偷学到了！](./大厂的%20SDK%20写法，偷学到了！.md)
+
+⭐️ [解决 Bug 套路总结](./解决%20Bug%20套路总结.md)
+
+⭐️ [常见的写 Bug 原因汇总](./常见的写%20Bug%20原因汇总.md)
+
+⭐️ [2分钟，我把网站性能优化了3倍！](./2分钟，我把网站性能优化了3倍！.md)
+
+[如何给知名开源项目贡献代码？](./如何给知名开源项目贡献代码？.md)
+
+[千万别直接敲代码！](./千万别直接敲代码！.md)（写代码不是程序员最重要的事）
+
+[1024，说说我这几年总结的小技巧！](./1024，说说我这几年总结的小技巧！.md)（程序员工作小技巧）
+
+[GitHub 骚操作](./GitHub%20骚操作.md)
+
+[GitHub这5个骚操作，99%的人不知道！](./GitHub这5个骚操作，99%25的人不知道！.md)
+
+[员工写了个比删库更可怕的 Bug！](./员工写了个比删库更可怕的%20Bug！.md)
+
+[“这不是个大学生都能做吗？”](./“这不是个大学生都能做吗？”.md)（商用网站上线的注意事项）
+
+[刚进公司就负责项目，把老弟整蒙了！](./刚进公司就负责项目，把老弟整蒙了！.md)（技术选型）
+
+[学会这招，一天做一个项目！](./学会这招，一天做一个项目！.md)
+
+[项目启动失败？不用慌！](./项目启动失败？不用慌！.md)
+
+[还能这么做需求？产品经理都吓到了](./还能这么做需求？产品经理都吓到了.md)
+
+[编程大佬有哪些特点？](./编程大佬有哪些特点？.md)
+
+[为什么不要写 Hardcode？](./为什么不要写%20Hardcode？.md)
+
+[如何用 IDEA 提升开发效率？](./如何用%20IDEA%20提升开发效率？.md)
+
+[如何写好文档？](./如何写好文档？.md)
+
+[后端开发需要注意什么？](./后端开发需要注意什么？.md)
+
+[如何超前完成工作？](./如何超前完成工作？.md)
+
+[做项目时要注意的点](./做项目时要注意的点.md)
+
+[程序员绘图工具和技巧](./程序员绘图工具和技巧.md)
+
+[如何避免配置文件中的密码被泄露？](./如何避免配置文件中的密码被泄露？.md)
+
+[迷的一批，上线了新功能，老功能就废了！](./迷的一批，上线了新功能，老功能就废了！.md)（如何找到自己之前的代码）
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\342\200\234\350\277\231\344\270\215\346\230\257\344\270\252\345\244\247\345\255\246\347\224\237\351\203\275\350\203\275\345\201\232\345\220\227\357\274\237\342\200\235.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\342\200\234\350\277\231\344\270\215\346\230\257\344\270\252\345\244\247\345\255\246\347\224\237\351\203\275\350\203\275\345\201\232\345\220\227\357\274\237\342\200\235.md"
new file mode 100644
index 0000000..4a1d2ed
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\342\200\234\350\277\231\344\270\215\346\230\257\344\270\252\345\244\247\345\255\246\347\224\237\351\203\275\350\203\275\345\201\232\345\220\227\357\274\237\342\200\235.md"
@@ -0,0 +1,114 @@
+# “这不是个大学生都能做吗？”
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天想和大家分享一位读者提问：
+
+鱼皮，我有一个朋友，想做个 windows 的在线聊天软件，要求能直播、在线不间断语音和打字。我第一反应是 **这不是个大学生都能做吗** ？但我却不是特别了解现在的 **商业作品** 怎么做，所以想问一下。
+
+
+
+------
+
+
+其实小伙伴的这个问题还是挺不错的，说得专业一点：需要一套商用聊天软件的技术实现方案。
+
+但提问中有一句话让我印象深刻：“是个大学生都能做？”
+
+有点迷惑。。。
+
+![](https://pic.yupi.icu/5563/202311060946055.png)
+
+我猜测绝大多数学生是没有能力独立完成这个商业作品的。哦不，别说大学生了，工作之后，有多少人能一个人搞完这个商业作品呢？
+
+首先大家要清楚：能做项目和能上线商用是 **两码事** ！想做成这样一个软件，没有技术、经验和资源的积累，是很困难的。
+
+下面我会分别从 “完成项目” 和 “上线商用” 2 个层次来回答这个问题。
+
+### 完成项目
+
+先说基础开发语言：
+
+- Windows 桌面端，推荐 C++、C# 等语言
+- 后端服务：Java、Python、Go 都可以
+
+然后是业务实现：
+
+- 即时通讯：你得有 socket 网络编程方面的知识，熟悉双工通信。Java 开发者可以使用 Netty、Vertx 等网络编程框架，对接前端的话可能还要学习 Web Socket 等协议
+- 语音通讯：自己实现的话得先学习 WebRTC 等实时传输协议，开发音频收发模块，很麻烦。所以一般情况下用云厂商提供的第三方 WebRTC 服务，对照着文档就能完成开发，但是价格非常昂贵。
+
+OK，我相信有很多同学是学过上述技术的，网上也有很多相关的教程，其实跟着教程敲，基本就能完成开发了。
+
+### 上线商用
+
+但如果你想上线商用，难度就会 **指数级上升** 了！
+
+我随便说几个要考虑的点（当然这也都是我自己的线上项目经历过的）：
+
+#### 1）多用户的并发
+
+有可能你在本地跑的项目就你一个人用，没有任何问题。但是一旦发到线上，多个用户一起使用，就可能会出现系统逻辑冲突、系统资源不足、系统使用卡顿等问题。
+
+而如果你想抗住并发，就要把项目从单体改为分布式，要多考虑很多细节。
+
+举个最简单的例子，你的后端每天 0 点要跑定时任务来创建一批数据。在本地的时候只有一个服务器，定时任务每天只会执行一次；而如果你线上有多个服务器，可能每个服务器每天都会执行该任务，导致重复执行。这个时候就要考虑是否添加分布式锁、或者其他机制来控制的幂等性。
+
+#### 2）安全性
+
+说直接点，只要你的项目要上线，就可能会被攻击；而如果你的项目赚钱了，就一定会被攻击！
+
+所以要充分考虑到项目的安全保护，比如常见的用户提交校验、XSS、SQL 注入、限流等等。
+
+但是，有些网络攻击，不是你做好上面你这些，就能防得住的！
+
+比如 DDOS、CC 这种，一般情况下你只能用高防、Web 防火墙来抵抗。
+
+就拿我们 [鱼聪明 AI](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&scene=21#wechat_redirect) 来说，还没外宣的时候，平均每天就会遭受 10 余次攻击：
+
+![](https://pic.yupi.icu/5563/202311060946937.png)
+
+![](https://pic.yupi.icu/5563/202311060946026.png)
+
+但是高防的价格是极其昂贵的，像我们这种刚创业的小公司，都还没靠项目赚钱，哪里用得起几万、几十万的高防？？？
+
+咳咳扯远了，总之，想上线商用项目的话，一定要把安防这一块纳入考虑。
+
+#### 3）成本
+
+这是最最最重要的，本地做项目、跑项目，用的资源基本上都是你的个人电脑。而如果你想上线商用项目，到处都要花钱！
+
+就拿我们刚上线的 [鱼聪明 AI](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&scene=21#wechat_redirect) 给大家举个例子：
+
+- 域名：访问网站必需品
+- 服务器：国内外都有，若干台组集群
+- MySQL：存基本数据
+- Redis：用于登录态、限流、缓存、分布式锁等
+- 云硬盘：存日志
+- 对象存储：存图片、存资源
+- CDN：给图片加速，也是老贵了
+- 内容审核：按次数收费，也是非常贵的，但不得不做
+- 高防、防火墙：不想说了
+- 依赖服务：像 AI 对话、AI 绘画，都是巨量的消耗。尤其是 Midjourney AI 绘画的价格，懂得都懂，我特喵一个年费的 Pro 号一天出头就被大家薅完了 😭
+
+哦对了，还有人力成本，这个是最贵的。
+
+所以在成本有限的情况下，想上线商用项目，谈何容易呀！而且你要做实时语音交流，流量费也是很大的一笔花销。
+
+还有很多其他的点，比如大量的数据存储、用户协议和隐私保护、网络带宽的分配和调控等等，这些等你的项目有一定规模后，都要考虑到。
+
+
+
+------
+
+
+虽然上线商用项目很难，但我们一步步来呗，我自己也是在摸索阶段呢。
+
+希望大家如果有好的想法，一定不要放弃去实现它！无论做什么项目，都可以先把最基本的功能实现了、给自己和身边的小伙伴用起来，再积累一些资源去做推广，或者有能力的话拉拉投资。
+
+最后让我们的鱼聪明送大家一碗鸡汤：
+
+![](https://pic.yupi.icu/5563/202311060946627.png)
+
+也欢迎大家使用体验我们自己的小作品：
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\272\344\273\200\344\271\210\344\270\215\350\246\201\345\206\231 Hardcode\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\272\344\273\200\344\271\210\344\270\215\350\246\201\345\206\231 Hardcode\357\274\237.md"
new file mode 100644
index 0000000..6db354c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\272\344\273\200\344\271\210\344\270\215\350\246\201\345\206\231 Hardcode\357\274\237.md"	
@@ -0,0 +1,203 @@
+# 为什么不要写 Hardcode？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+想要成为编程大牛，不仅要具备充足的理论知识，还要有在实际项目中积累的编程经验和解决问题的能力。
+
+有时，出于经验不足或者图省事儿，我们会在开发时写很多 hardcode。
+
+
+
+## **什么是 hardcode？**
+
+hardcode，即硬编码，就是把未来可能发生变化的信息直接以固定变量的形式写在代码中，或者把一段特殊的逻辑写死。hardcode 会使得日后修改和维护代码变得困难。
+
+![](https://pic.yupi.icu/5563/202311061012006.jpeg)
+
+
+
+下面列举几种常见的 hardcode：
+
+1. 最常见的 hardcode 当属写死 ip 地址和数据库账号密码了，比如下面代码：
+
+```
+// 第三方接口的 IP 地址private static final IP = 10.10.10.1;void doPost() {  // 得到请求地址  String requestUrl = IP + '/getUser';  // 发送请求  ...}
+```
+
+看似没什么问题，但是如果要请求的接口地址发生变化，而业务负责人没有收到通知或者未即时修改，**会导致所有的请求失败**！
+
+2. 写死逻辑，比如在查询火车票价格时，针对特定 uid 的用户（比如某大客户）返回特殊的促销票价：
+
+```
+// 特殊用户直接返回票价if (uid == 10001) {  return 50;} else {  // 从数据库查询票价  return db.getPriceByUid(uid);}
+```
+
+
+这里其实有两个 hardcode，"10001" 和 "50"。如果后续该用户的特殊身份失效，或者票价发生变化，又或者需要再给一批 uid 添加特权，都需要**改动代码，重新上线**（在大公司，代码不可以随便发布，通常要通过审批等流程），**非常麻烦**！
+
+![](https://pic.yupi.icu/5563/202311061012968.jpeg)
+
+以上好像还不能看出 hardcode 的危害有多大，如果项目代码都在自己的掌控之下，大不了数值变化时改代码呗。但是在大公司，或者人数众多的项目团队中，可能有些 hardcode 没那么容易被发现，**hardcode 带来的影响和危害可以说是致命的**！
+
+下面鱼皮用自己悲伤的加班经历告诉大家，为什么不要写 hardcode。
+
+
+
+## **一行 hardcode 助我加班**
+
+### **背景**
+
+公司内部有一个知名的消息队列服务，鱼皮负责的项目中用到了消息队列生产端进行消息的推送，供其他业务方订阅消息进行独立处理。
+
+一般情况下，连接消息队列就和连接数据库一样，输入地址、账号、密码，直连消息队列生产者即可，如图：
+
+![](https://pic.yupi.icu/5563/202311061012957.png)
+
+但是有时我们不直接连接消息队列本身，而是**连接代理**，由代理负责将要发送的消息推送到不同的消息队列生产端，再进行发送，可以实现负载均衡。此时在代码中配置的地址是代理的地址而不是某一个具体的消息生产者，如图：
+
+![](https://pic.yupi.icu/5563/202311061012953.png)
+
+由于数据量很大，我们使用第二种模式，在代码中连接生产者代理，但之前代理使用的是固定的 IP 地址，代码如下：
+
+```
+final String IP = "10.10.10.2";MessageProducer mp = new MessageProducer(IP, "xx", "xx");
+```
+
+固定 IP 毫无疑问是个 hardcode。但打死也没想到，这段不起眼的小 hardcode，给鱼皮带来了巨大的工作量！
+
+
+
+**风云突变**
+
+### 
+
+前几天，鱼皮正在恰可乐，该消息队列的服务团队突然发了个公告，内容如下：
+
+![](https://pic.yupi.icu/5563/202311061012951.png)
+
+这时，鱼皮才想起来那段 hardcode，改吧改吧。。。
+
+下面是一顿操作：
+
+1. 先在代码中把 IP 地址改为他们指定的域名
+
+2. 用脚本检测我们线上机器到这个域名的网络连通性，千万别 ping 不通！
+
+3. 确认连通性后，部署服务到测试环境，进行消息推送测试
+
+4. 测试通过后，提交代码，等审批
+
+5. 审批之后，灰度部署（只升级部分机器）
+
+6. 观察无问题，全量部署
+
+搞定？
+
+![](https://pic.yupi.icu/5563/202311061012100.png)
+
+### **深藏不露**
+
+如果这样就搞定了，那真是太谢天谢地了。
+
+改 bug 不可怕，可怕的是，你不知道有没有 bug，bug 藏在什么地方。。。
+
+原来所有使用这个消息队列的代码都配置的固定 IP，而此时鱼皮只是更换了自己负责的业务代码中的 IP 地址，但是我们依赖的其他服务（或者是一个 jar 包），有没有使用到这个代理，从而引入了 hardcode 呢？必须要全面且仔细地排查！
+
+通过 gradle build --scan 命令扫描项目依赖的 jar 包，排查有没有这个消息队列的连接包。
+
+经过排查，还真有一个 jar 包，使用该消息队列进行**监控数据上报**。在这个 jar 包中，静静地躺着似曾相识的 hardcode：
+
+```
+final String IP = "10.10.10.2";
+MessageProducer mp = new MessageProducer(IP, "xx", "xx");
+```
+
+于是，鱼皮将 IP 切换成域名，然后升级包的版本，在依赖中使用新版本 jar 包。
+
+搞定 x 2？
+
+![](https://pic.yupi.icu/5563/202311061012841.png)
+
+
+
+### **慈航普渡**
+
+此时，鱼皮只是解决了自己业务中的 hardcode，但是，使用这个包含过期 IP 的 jar 包的项目非常多，如果这些项目不对 jar 包进行升级的话，几天后用到这个 jar 包的项目都会受到影响！
+
+既然看到了，不能不管吧！
+
+于是，鱼皮调查了所有可能使用这个 jar 包的团队，然后给他们发送了升级该 jar 的通知，这才终于搞定了！下班下班。
+
+![](https://pic.yupi.icu/5563/202311061012651.jpeg)
+
+没想到，一行 hardcode 就带来了这么大的风险和工作量，善哉善哉。
+
+既然 hardcode 危害那么大，有什么办法避免写 hardcode 呢？
+
+**如何避免 hardcode？**
+
+针对不同的 hardcode，有不同的处理方式，此处总结如下几个技巧。
+
+### **1. 变量引用**
+
+最简单的做法，就是为相同的固定值定义一个变量（常量），最好在单独的类或文件中。这样，在修改时，只要修改一处即可。
+
+错误代码：
+
+```
+String requestUrl1 = "10.1.1.1" + "/getUser";
+String requestUrl2 = "10.1.1.1" + "/getSku";
+String requestUrl3 = "10.1.1.1" + "/getOrder";
+```
+
+正确代码：
+
+```
+final String IP = "10.1.1.1";
+String requestUrl1 = IP + "/getUser";
+String requestUrl2 = IP + "/getSku";
+String requestUrl3 = IP + "/getOrder";
+```
+
+如果要调用第三方接口，最好不要在代码中直接写死 IP 地址，而是使用域名作为地址调用，可以通过在机器配置 host 来改变实际的服务 IP，便于维护。
+
+### **2. 配置化** 
+
+将所有可能改动的信息（比如数据库账号、密码、服务端口）单独存放到配置文件中进行管理，通过读取配置来获取信息。修改信息时只需要独立修改配置文件，而不用改动代码，非常方便，是目前项目开发中最常使用的一种方式。
+
+示例配置文件：
+
+```
+server.ip = 10.1.1.0
+server.port = 8080
+db.username = yupi
+db.password = yupi
+```
+
+读取配置文件的代码：
+
+```
+String serverIp = Config.getConfig("server.ip");
+```
+
+### **3. 动态配置** 
+
+### 
+
+通过配置化的方式已经能够解决项目中的 hardcode，但还有一个问题，就是改动配置后，项目可能需要重新启动才能让新配置生效，还不够灵活。
+
+为此，我们可以利用分布式配置中心实现动态配置，将所有的配置存放在数据库或分布式缓存、Etcd 中，通过在业务代码中引入 SDK 来监听配置变量。当配置发生修改时，变量的值会同步进行修改，而无需重启项目。
+
+现在比较主流的配置中心有携程的 Apollo、阿里 Nacos 和 Spring Cloud Config 等，很多配置中心提供了可视化的界面，可以方便地进行配置管理、修改发布和版本控制。
+
+![](https://pic.yupi.icu/5563/202311061012785.png)
+
+> 携程 Apollo 控制台
+
+------
+
+以上就是关于为什么不要写 hardcode 以及如何避免写 hardcode 的全部内容啦。
+
+如果觉得有帮助，记得分享给小伙伴，再写硬代码头打烂！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\273\346\265\201\345\211\215\345\220\216\347\253\257\351\241\271\347\233\256\351\203\250\347\275\262\346\226\271\345\274\217.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\273\346\265\201\345\211\215\345\220\216\347\253\257\351\241\271\347\233\256\351\203\250\347\275\262\346\226\271\345\274\217.md"
new file mode 100644
index 0000000..fa4afe1
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\344\270\273\346\265\201\345\211\215\345\220\216\347\253\257\351\241\271\347\233\256\351\203\250\347\275\262\346\226\271\345\274\217.md"
@@ -0,0 +1,134 @@
+# 主流前后端项目部署方式
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，不知道朋友们有没有试着部署过自己开发的网站呢？
+
+其实部署网站非常简单，而且有非常多的花样。这篇文章就给大家分享几种主流的前端 / 后端项目部署方式吧！
+
+![](https://pic.yupi.icu/5563/202311060815898.png)
+
+### 前端部署
+
+对于前端项目，打包之后往往是一个目录，目录中包含 index.html（入口文件）、css、js 等等。
+
+![](https://pic.yupi.icu/5563/202311060815417.png)
+
+那么我们要做的事情其实就是想办法 **让用户访问到这些文件** ，包含两个关键的问题：
+
+1. 文件存放到哪里？
+2. 怎么提供文件访问能力？
+
+围绕这两个问题，常见的部署方式有以下五种。
+
+#### 1. web 服务器
+
+将文件放到远程服务器上（没有服务器也可以在自己电脑上部署），然后通过 Nginx、Apache、Tomcat 等 web 服务器提供网页文件访问能力。
+
+你可以自行安装上述 web 服务器，然后修改其配置文件，指定用户通过 **哪个端口** 访问到 **哪个目录**（网页文件所在目录），Nginx 示例配置如下：
+
+```
+server {
+  listen 80; # 监听端口，http 80 https 443
+  server_name dogyupi.com; # 域名
+  index index.html; # 主页文件
+  root /web/xxx; # 网页文件所在目录
+}
+```
+
+然后用户访问 `dogyupi.com` 就能访问到网页了。
+
+#### 2. 宝塔 Linux
+
+这种方式部署网站也是需要 web 服务器的，只不过通过使用宝塔 Linux，能够可视化地安装和管理 Linux 服务器上的软件，比如一键安装 Nginx、更方便地管理配置：
+
+![](https://pic.yupi.icu/5563/202311060815928.png)
+
+现在我上线访问量不大的新网站时，一般都会安装宝塔 Linux，的确非常方便省事儿。
+
+#### 3. 静态网站托管
+
+如果我们没有完整的服务器，也可以把网页文件放到静态网站托管平台上，比如 GitHub Pages、Gitee Pages、腾讯云静态网站托管等。
+
+下图是 GitHub Pages 提供的网站访问能力，把代码上传到指定分支、指定代码文件所在目录即可：
+
+![](https://pic.yupi.icu/5563/202311060815017.png)
+
+你甚至可以把网页文件像图片文件一样直接扔到云服务商提供的对象存储平台上（还可以搭配 CDN 加个速）。但是，这种方式仅限于静态页面（必须每个页面路由都有对应的 html 文件），否则可能会出现刷新页面 404 的情况。
+
+#### 4. 容器
+
+通过 Docker 容器技术，我们可以把 web 服务器以及网页文件打包成一个镜像，然后在服务器上拉取镜像并执行就好。
+
+大致的步骤就是在网上 copy 一个 Dockerfile 文件，然后执行 `docker build` 命令构建镜像，最后 docker run 命令执行。
+
+![](https://pic.yupi.icu/5563/202311060815949.png)
+
+#### 5. 容器托管平台
+
+如果使用上一步提到的部署方式，我们每次代码更新后都要手动去执行镜像构建、关闭老容器、启动新容器，非常麻烦，而且没法对容器进行统一的管理。所以更方便的方式是使用云服务商提供的容器托管平台（比如微信云托管），可以实现自动化构建以及发布版本化等一系列强大的功能。
+
+![](https://pic.yupi.icu/5563/202311060815143.png)
+
+> 微信云托管
+
+### 后端部署
+
+后端项目我就拿 Java 来举例吧，打包后一般有两种产物形式：依赖 web 服务器部署的 war 包，以及内嵌 web 服务器 & 可直接运行的 jar 包。对应的部署方式也不同，加起来共有 5 种。
+
+#### 1. web 服务器
+
+如果你要部署 war 包，最常见的 web 服务器当属 tomcat 和 jetty 了，和部署前端项目一样，先手动安装 tomcat，然后改几行配置文件，让 tomcat 能找到 war 包即可。注意尽量不要暴露 tomcat 提供的应用管理页面哦！
+
+![](https://pic.yupi.icu/5563/202311060815827.png)
+
+> Tomcat 应用管理页面
+
+#### 2. 直接启动
+
+如果你使用 SpringBoot 框架开发，打包之后得到的是 jar 包，内置了 tomcat 等 web 服务器，因此只需要用一行命令启动 jar 包即可，比如：
+
+```
+java -jar app.jar --spring.profiles.active=prod
+```
+
+如果想在后台运行 jar 包，那就给命令开头补充 `nohup` ，结尾补充  `&` 。
+
+#### 3. 宝塔面板
+
+和前端部署一样，如果你懒得自己在服务器上安装 java、maven、tomcat 等环境，可以直接用宝塔面板来帮你安装：
+
+![](https://pic.yupi.icu/5563/202311060815688.png)
+
+> 宝塔面板安装软件
+
+#### 4. 容器
+
+使用 Docker 容器技术，理论上可以封装任何环境和应用，对于后端 Java 项目来说，把 Java 环境、Maven 和 jar 包封装成一个镜像就好了。
+
+在写 Dockerfile 时，可以直接使用 `maven:3.5-jdk-8-alpine` 这种基础镜像，自带了 jdk 和 maven，省去了自己写安装脚本的麻烦。
+
+当然，有需要的话，你还可以在 Java 容器前加个 Nginx 负载均衡~
+
+![](https://pic.yupi.icu/5563/202311060815089.png)
+
+#### 5. 容器托管平台
+
+只要是容器，就可以放到容器托管平台进行管理，对于后端应用来说也是如此，不再赘述~
+
+
+
+------
+
+
+扯了那么多种部署方式，你最喜欢或者最常用的网站部署方式是什么呢？
+
+图文的方式介绍起来比较麻烦，**今天晚上** 我会在自己的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) 内直播带大家学习几种前后端项目部署的方式，把之前星球内全程直播带大家开发的用户中心项目搞上线！
+
+欢迎大家加入星球吧~ 和近 6000 名小伙伴们一起交流学习，向鱼皮等大厂同学 1 对 1 提问、帮你定制学习计划不迷茫、跟着鱼皮直播做项目提升编程能力（往期直播可回看）、领取海量优质编程资源等等。
+
+只欢迎想进步的同学，扫码限时优惠加入：
+
+![](https://pic.yupi.icu/5563/202311060815022.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\201\232\351\241\271\347\233\256\346\227\266\350\246\201\346\263\250\346\204\217\347\232\204\347\202\271.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\201\232\351\241\271\347\233\256\346\227\266\350\246\201\346\263\250\346\204\217\347\232\204\347\202\271.md"
new file mode 100644
index 0000000..d963c75
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\201\232\351\241\271\347\233\256\346\227\266\350\246\201\346\263\250\346\204\217\347\232\204\347\202\271.md"
@@ -0,0 +1,222 @@
+# 做项目时要注意的点
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 总结程序员在团队开发中常犯的问题，千万注意！
+
+大家好，我是鱼皮，还记得我的老弟小阿巴么？
+
+之前，我曝光了这个初学前端的孩子第一次写后端代码时出现的囧事：[前端老弟第一次写后端，崩了！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496763&idx=1&sn=00356138d5079e79cbb665e2b186b976&scene=21#wechat_redirect)
+
+这篇文章发出来后，更多人认识了小阿巴，觉得他是个有趣的编程小辣鸡。但小阿巴是一个孤傲有志向的孩子，不想一直在大家面前出笑话。于是，这货不服气，又来找我，想跟着我做新项目。
+
+![](https://pic.yupi.icu/5563/202311061010114.jpeg)
+
+正好，要开发一个新功能，就拉小阿巴一起吧。而且这次，整个大功能交给他全权负责！
+
+没想到，小阿巴依然很快就完成了开发，兴致冲冲地提交了代码，拉着我来评审。
+
+![](https://pic.yupi.icu/5563/202311061010157.png)
+
+然而，当我看了他写的代码后，我发现，事情并不简单。
+
+小阿巴真是太牛逼了，一些编程新手在团队开发中常犯的问题，这货一个也没避开，全都踩雷上了。
+
+于是我决定再次曝光他，并且总结了他的问题，希望大家引以为戒。
+
+### 💣 团队开发雷区
+
+#### 格局小了
+
+小阿巴写的代码中，有很多 “死” 值，比如有好几个地方用到了同一个机器的 IP 地址：
+
+```
+// 文件 1
+getConnectByIp("8.8.8.8");
+
+// 文件 2
+getLinkByIp("8.8.8.8");
+
+// 文件 3
+return {
+  ip: "8.8.8.8"
+}
+```
+
+我问他为啥这么写，他的回答不出所料：就是图省事儿~
+
+![](https://pic.yupi.icu/5563/202311061010358.png)
+
+这就跟我们复制粘贴一样，把重复的代码粘贴很多遍，写的时候是挺爽，但万一后面要修改了呢？要一个个地把所有粘贴的代码都改掉？
+
+如果都是一个人写代码还好，自己可能还记得有哪些重复的代码，但如果是一个团队呢？
+
+假如同事 A 写了一段代码，同事 B 和同事 C 都复制了他的代码：
+
+![](https://pic.yupi.icu/5563/202311061010272.png)
+
+但后来同事 A 发现自己的代码有 Bug！于是就只修改了代码 A，然而代码 B 和代码 C 依旧存在 Bug。
+
+毕竟大家都喜欢复制代码的，尤其是在大团队中，你根本不知道自己的代码究竟被多少人复制了！一个 Bug 永流传啊。
+
+所以无论是从可扩展性还是可维护性的角度，尽量少写 “死” 代码、少写重复的代码，可以将重复的值抽离成独立的变量、常量或配置文件，将重复的代码封装成组件，并编写文档和注释指引他人使用。一般代码重复 3 次，就可以考虑抽象了，别偷懒，要不然以后更惨。
+
+#### 过于自我
+
+小阿巴在实现 “计算指定日期和当前日期相差的天数” 功能时，新引入了一个依赖库叫 `Day.js` 。
+
+但事实上，项目已有日期处理库 `Moment.js` ，完全可以轻松地实现上述功能，没必要再去重复引入一个同类的日期处理库。
+
+我问小阿巴，为啥要再引入新库，他的回答不出所料：俺用的熟！
+
+![](https://pic.yupi.icu/5563/202311061010245.png)
+
+大家可能觉得给项目引入重复依赖库并没有什么错对吧，但是对于团队项目来说，每个人如果都因为自己的习惯而引入重复库，可能存在很多问题：
+
+1. 依赖冲突：同事 A 引入 Log4j 日志库，同事 B 引入 Logback 日志库，项目可能就跑不起来了。
+2. 项目加重：每人都引入自己熟悉的库，那整个项目就会像滚雪球一样越滚越大，而且想拆分或去除某一部分，说不定雪球就碎了。
+
+再举个夸张的例子，三位不同技术栈的前端开发一起来做项目，结果出现了三大框架出现在同一项目的三足鼎立局面：
+
+![](https://pic.yupi.icu/5563/202311061010324.png)
+
+这种项目的维护难度可想而知。
+
+所以在团队中，架构师还是很重要的，最好事先给项目定下规矩：项目都给我用这个框架！日期处理都要用这个库！日志都要用那个库！
+
+这就是技术选型的问题了，要综合考虑业务适应性、团队成员学习成本等。
+
+但无论如何，谨慎给项目引入新依赖，不要一言不合就另辟蹊径！最好先仔细扫一遍项目现在的依赖，如果已经有能满足需求的，那直接用岂不美哉？实在要引入新依赖，也最好跟你的合作伙伴一起商量下，万一出了什么冲突可就不好了~
+
+![](https://pic.yupi.icu/5563/202311061010138.png)
+
+#### 急不可耐
+
+我看了小阿巴写的功能，惊讶地发现他根本就理解错需求了啊！
+
+我让他拧个螺丝，这货给我造了个汽车？
+
+```
+// 预期
+luoSi = ningLuosi();
+// 小阿巴
+car = buildCar();
+```
+
+连做什么都没搞清楚，就迫不及待直接上手写代码了，这可是大忌，典型的出力不讨好。
+
+在企业中，我们作为开发，经常会和产品经理友好交流，要把需求彻底理解了，才能去设计方案，方案设计好才能去写代码，在整个过程中一定要和需求方反反复复确认清楚！
+
+我打算再给小阿巴一个机会，这次过了好几天他才提交了代码，我一看，这货真的是拧好螺丝了，只不过。。。
+
+项目里已经有扳手给他拧螺丝，结果这货自己造了个扳手？
+
+```
+function ningLuosi() {
+ // 预期：一行代码解决  
+  useBanShou();
+  // 小阿巴，省略 1000 行代码
+  const tool = buildBanShou();
+  xxxxxxx
+}
+```
+
+这也是新手常犯的问题，不看项目文档就上手写代码，结果有现成的轮子、简单的写法不用，非要自己再去造轮子，费事费力。
+
+#### 盲目自信
+
+我感觉小阿巴有一行代码写的有问题，于是就本地运行了一下，果然发现了一个 Bug，页面直接崩溃了！
+
+我把小阿巴叫过来问：你写完代码测试了不？你觉得功能有问题不？
+
+他一脸自信地回答：没测，这功能不就是增删改查，能有啥问题？
+
+于是我给他演示了一遍 Bug，他瞬间羞红了脸，哑口无言。
+
+![](https://pic.yupi.icu/5563/202311061010294.png)
+
+大家想象中好像经验丰富的程序员写代码更快，但事实上，经验越丰富，他们越会小心谨慎，在写完代码后认认真真地测试，而不是盲目相信经验和直觉。测试也千万不要只是草草地自己点一遍没问题就算了，而是要尽量覆盖所有正常，尤其是 **异常** 的情况。毕竟用户不听话，你无法想象这些家伙能在你的系统中干出什么事！
+
+![](https://pic.yupi.icu/5563/202311061010357.png)
+
+> 小心异常情况
+
+#### 制造屎山
+
+小阿巴的代码非常干净清爽，一个文件千行代码，一样注释都没有，我把他叫过来给我讲讲自己的代码，他竟然都支支吾吾说不出来！
+
+![](https://pic.yupi.icu/5563/202311061010403.png)
+
+一行注释没有也就罢了，代码还写的歪歪扭扭，不遵循代码规范，如果人人都是小阿巴，巨型屎山指日可待。
+
+```
+public static void main( String[] args) {
+ System.out
+    .println("i" 
++ "am" 
+          + "shuai");
+     }
+```
+
+#### 过眼云烟
+
+通读一遍小阿巴的代码，除了上面的问题外，我还发现了很多小的错误。
+
+于是我问他：你写完代码后，自己会再通读几遍呢？
+
+结果这货竟然害羞极了，支支吾吾地说：没。。。没读过。。。
+
+天啊！还有多少朋友和小阿巴一样，自己的代码犹如过眼云烟，写完就再也不看了呢？
+
+![](https://pic.yupi.icu/5563/202311061010502.png)
+
+自己写过的代码一定要多读几遍，就和考试做卷子一样的，检查一遍能发现很多问题。而且自学编程的时候，又没人逼你交卷对吧，还是要花些时间养成好习惯。
+
+我现在写完代码至少会读三遍：写完一个子功能读一遍、测试前读一遍、提交前读一遍。即便如此，仍然出现过 Bug。
+
+再说了，你自己写过的代码自己都不愿意看，还要别人审查的时候来看你的烂代码，发现问题再给你打回去修改，这不是浪费别人的时间么？久而久之，谁愿意看你的代码？谁愿意和你合作呢？
+
+此外，即使有别人帮你审查代码，但有些问题也很难发现，线上出了问题肯定还是你背大锅。没有人可以拯救你的 Bug，除了你自己。
+
+#### 敷衍了事
+
+最后这点，就是我之前专门写文章提到的大部分同学写代码的现状：仅仅满足于代码可运行、功能可用，而不注重细节、不做优化。
+
+比如小阿巴的这段代码：
+
+```
+for(int i = 0; i < maxNum; i++) {
+  doSomething1();
+}
+for(int i = 0; i < maxNum; i++) {
+  doSomething2();
+}
+```
+
+实际上是可以将两个同样的循环进行合并的：
+
+```
+for(int i = 0; i < maxNum; i++) {
+  doSomething1();
+  doSomething2();
+}
+```
+
+很多同学一直抱怨自己整天增删改查，项目没竞争力。但实际上，你在做每个项目的过程中，都有很多进步空间。要仔细挖掘，而不是敷衍了事。
+
+关于这点，大家可以看看我的编程习惯：[我写代码时的小倔强](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497781&idx=1&sn=9c5ec35cda90ca080ba1dbfa78429275&scene=21#wechat_redirect) 。
+
+
+
+------
+
+
+怎么样，这些雷你是否也踩过呢？团队开发可千万不能像自己写代码那样随意，希望大家把这些问题熟记于心，做一名优秀的程序员、可靠的队友。
+
+那么问题来了，后面还要不要带小阿巴做项目呢？🐶
+
+我是鱼皮，原创不易，如果觉得文章还不错的话，希望 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311061010518.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\346\207\265\351\200\274\344\272\206\345\222\213\345\212\236\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\346\207\265\351\200\274\344\272\206\345\222\213\345\212\236\357\274\237.md"
new file mode 100644
index 0000000..879b146
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\346\207\265\351\200\274\344\272\206\345\222\213\345\212\236\357\274\237.md"
@@ -0,0 +1,145 @@
+# 刚入职新公司，代码看懵逼了咋办？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，昨天晚上在我的 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 内开了一场直播，专门给学编程的同学答疑，一场下来竟然回答了 40 多个问题！
+
+其中有个问题是：鱼皮啊，我今天刚刚入职一家公司实习，需要熟悉已有的项目代码。因为是第一次接触已上线的工程代码、且代码量超级大，所以把我看懵逼了。想问下应该怎么快速熟悉代码呢？
+
+这个问题可太真实了，让我瞬间回想起自己进第一家公司实习时的 “恐惧” 。
+
+面对前人堆积的屎山代码、复杂的业务流程图，我当时心里只有一个念头：我要回家！
+
+![](https://pic.yupi.icu/5563/202311060819642.png)
+
+不过随着自己读过的、写过的代码越来越多，感觉上手新项目也越来越迅速了。下面给大家分享我的一点经验：如果给我一个新项目，我会怎么看？
+
+## 如何快速上手新项目？
+
+我觉得可以遵循以下几个步骤：
+
+#### 1.  获取项目相关信息
+
+进入一家新公司后，如果遇到不负责任的同事呢，可能直接甩给你项目地址，然后就让你自己研究了。这就好比产品经理直接甩给你一个需求让你直接上线一样，怎么实现我不管。
+
+这种情况下，我们首先要做的事情是尽可能多地获取项目相关信息，来帮助自己了解项目。比如项目介绍文档、项目功能说明文档、业务流程图、项目历史迭代情况、项目架构文档、技术选型背景等等。
+
+像我的话，就会询问同事：这个项目背景是什么呀？这个项目有没有啥文档呀？之类的。
+
+不过有些公司或项目可能过于敏捷，平时光做需求，不写文档，逻辑全靠口口相传！
+
+![](https://pic.yupi.icu/5563/202311060819644.png)
+
+也没关系，请同事给你介绍一下项目的业务和技术信息就好。
+
+刚进公司有问题一定不能憋着，要多问，让自己尽可能多地了解项目代码之外的东西。
+
+#### 2. 了解业务流程
+
+技术是为业务服务的，千万不要连自己项目是干嘛的、有什么功能、为什么要做这个功能都不知道，就去看代码、想着快速把需求完成。最好不要把自己当成临时工，而是要当成项目的 **负责人** 。
+
+我的话一般会先阅读文档或者请同事来给我介绍项目的 **背景** ，即为什么要做这个东西；然后对着产品本身（可能是网页或者 APP）来体验项目的功能；最后再重点关注自己要做的业务、负责的功能模块，了解它的历史、业务逻辑等。
+
+整体的思想就是从整体到局部，由大到小吧。
+
+这里为什么我反复强调要了解项目的背景呢？聪明的朋友一定能想到。因为你刚进一家新公司或者一个新项目，如果自己啥都不懂，别人说啥你就做啥，就很有可能出现这个项目 / 功能本身根本没有任何意义、你只是帮忙收拾了个烂摊子的情况。。。
+
+![](https://pic.yupi.icu/5563/202311060819791.png)
+
+#### 3. 阅读项目文档
+
+阅读公司的项目过程其实和阅读开源项目是一样的，基本上项目的代码仓库都会有一个 `README.md` 文件。
+
+这个文件往往会介绍项目的背景、功能、技术栈、如何启动、如何贡献代码等等。
+
+我会先整体扫一遍文档的 **目录** ，然后优先关注项目的技术栈以及如何启动。
+
+一般 GitHub 等项目平台都会帮你生成文档目录，可以很快地跳转。也可以把文档下载到本地，用 Typora 之类的 Markdown 编辑器打开，从而清晰地看到文档的目录。
+
+![](https://pic.yupi.icu/5563/202311060819637.png)
+
+> 项目文档目录
+
+因为如果你了解了项目用到的技术，而你正好会用这个技术的话，心里就多了几分底气，项目的架构也能大致了解了，后面再去看代码就轻松地一批。
+
+举个例子，看到技术栈中出现了 Ant Design Pro，我正好用过！我就知道这个项目大概率使用了 React、Ant Design、Webpack、Dva、Umi 等技术了，它的代码结构如何、配置文件在哪里、页面文件在哪里、如何启动也差不多能 get 到。
+
+![](https://pic.yupi.icu/5563/202311060819328.png)
+
+> Ant Design Pro
+
+像我平时在 GitHub 上找开源项目时，除了功能外，就是关注技术栈，如果项目文档中提到的技术我都会用，那么我就很有自信这个项目我肯定能学的动、学得懂。
+
+所以这也是为什么要多了解和积累一些技术。
+
+补充一下，如果作者没在文档中写明技术栈怎么办？这里有个小技巧，去看项目的依赖管理文件，比如前端的 `package.json` 、Java 的 `pom.xml` 或 `build.gradle` 等。
+
+#### 4. 先把项目跑起来
+
+关于这点没什么好说的，先把代码拉下来、安装依赖、按照文档把项目跑起来，才能更好地了解和调试项目。
+
+比较麻烦的点可能就是环境的搭建，比如本地安装 MySQL、Nginx 代理之类的。不过现在很多公司也会采用开发机、或者远程开发环境的模式，直接连接某个远程库就好了，能省很多事儿，也可以请教一下同事怎么搭建环境比较方便。
+
+![](https://pic.yupi.icu/5563/202311060819475.png)
+
+#### 5. 阅读代码
+
+终于到了读代码的环节，建议大家遵循两个原则：
+
+- 由整体到局部：先了解整个项目的目录结构，每个目录都是做什么的，比如在哪里写页面？在哪里改配置？在哪里改接口？怎么切换环境等。
+
+  还要了解项目的模块划分，比如哪些代码是用户模块、哪些代码是订单模块，可以通过 JetBrains 等开发工具来自动生成 UML 类图，更清晰地了解。
+
+- 结合业务：读代码的时候尽量不要裸读、按顺序读，而是可以配合系统去定位代码。比如阅读用户登录功能的后端代码时，可以在前端执行一次登录，然后在浏览器 F12 网络请求中找到登录对应的后端请求，再到代码中全局搜索这个请求即可。阅读用户下订单的代码时，可以先在前端模拟一次下单操作，了解整个过程，从而更好地理解请求之间的顺序和依赖关系。
+
+#### 6. 上手开发
+
+最后也是最关键的一点，读代码不能只读代码，一定要多上手去写、去执行、去调试。
+
+必要时可以专门新建一个分支，在这个分支里无论怎么 “为所欲为” 都不会影响到正常已上线的代码。可以自己复制代码去执行一遍、自己给代码流程加上一些日志来帮助理解数据流转过程、或者 Debug 调试等。
+
+其实刚进一家新公司时通常不会给你安排太复杂的工作，基本就是增删改查、或者给你一个小页面小功能去做，帮助你熟悉代码。有些时候，哪怕你不理解整个项目的架构，通过复制同事已经写过的代码也能完成工作。不过还是建议大家，为了长远的发展，不要只局限于自己负责的小功能，可以多了解系统的上下游和整体架构，提高自己的全局观。
+
+
+
+------
+
+
+以上就是本期分享。这只是本次直播中我回答的其中一个问题，反正大家的反馈是干货不少（鱼皮臭不要脸）。
+
+我还总结了一些其他问题，比如：
+
+1. 暑假去 java / 前端实习的话都需要会哪些知识呢？
+2. jsp、jQuery 还有必要学吗？
+3. 怎么把 CRUD 项目更地好写进简历？
+4. 有没有什么好的学算法方法或者一些引导视频？
+5. 春招要来了，我应该怎么准备？
+6. 开发项目时该如何具体选用前端组件库？
+
+等等等等这些问题我都给出了自己的一些看法。直播回放已经发到了 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 中，之后还会有很多场直播，感兴趣的朋友可以关注下~
+
+**最后依然是给自己打的广告：**
+
+鱼皮的星球中各个学习方向、学习阶段的朋友都在这里学习打卡、不断进步。并且星球内的学习资料（视频、电子书、面试题、软件工具等）绝对管够，都能免费获取，鱼皮最近也在整理各方向的 **编程学习和求职一条龙路线** ，敬请期待：
+
+![](https://pic.yupi.icu/5563/202311060819595.png)
+
+> Java 资源
+
+![](https://pic.yupi.icu/5563/202311060819021.png)
+
+> 前端资源
+
+最近也快到春招 / 找暑期实习的时期了，如果大家有编程学习 / 求职上的问题要向鱼皮免费提问、想看看大厂同学的经验分享、需要鱼皮等大厂同学帮忙优化简历、想第一时间得到大厂招聘动态和 **内推机会** 、或者想和小伙伴们一起抱团取暖，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。
+
+星球原价 **300 元一年** ，目前第一波加入限时优惠 **60 元** ，只需 **240 一年** ！后面随着人数增多会持续涨价。
+
+欢迎 **长按下面的海报扫码领券加入** ，优惠券名额有限，先到先得 ，欢迎加入和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311060819588.png)
+
+> 长按扫码领券加入
+
+如果本文对你有帮助，还请大家点个 **赞 + 在看** 支持一下哦，谢谢大家。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\350\277\233\345\205\254\345\217\270\345\260\261\350\264\237\350\264\243\351\241\271\347\233\256\357\274\214\346\212\212\350\200\201\345\274\237\346\225\264\350\222\231\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\350\277\233\345\205\254\345\217\270\345\260\261\350\264\237\350\264\243\351\241\271\347\233\256\357\274\214\346\212\212\350\200\201\345\274\237\346\225\264\350\222\231\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..b840b0f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\210\232\350\277\233\345\205\254\345\217\270\345\260\261\350\264\237\350\264\243\351\241\271\347\233\256\357\274\214\346\212\212\350\200\201\345\274\237\346\225\264\350\222\231\344\272\206\357\274\201.md"
@@ -0,0 +1,100 @@
+# 刚进公司就负责项目，把老弟整蒙了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，先把封面图送给大家：
+
+![](https://pic.yupi.icu/5563/202311060948926.jpeg)
+
+又快到周末了，今天分享一些轻松的编程经验~
+
+还记得我学编程的老弟小阿巴么？他目前大二，听说最近刚刚找到了一家创业公司的暑期实习。
+
+![](https://pic.yupi.icu/5563/202311060948776.png)
+
+前两天小阿巴又跑来向我诉苦了：鱼皮 gie gie，我不是找了份暑期实习嘛，结果还没到暑假呢，公司的老大就联系我了，说公司最近有很多新项目要启动，等我暑假再来准备估计来不及了，让我提前先调研一下新项目的技术选型。
+
+鱼皮：这不是挺好的么？还没进公司，就已经成为项目负责人了哈哈。
+
+小阿巴：好个毛 🥚 啊，以前我自己都是跟着网上的教程学做项目，把老师的代码拉下来改几下，这让我负责一个项目，我一点底气和思路都没有。还有他说的什么 “技术选型”，我都没听说过！彻底蒙圈了。。。
+
+鱼皮：嗯，这确实是个问题，看来得跟你科普一下 “技术选型” 了。先考你一下，你知道什么是技术选型么？
+
+小阿巴：emm，我猜就是用什么技术来开发这个项目？比如开发前端用 Vue、开发后端用 Spring Boot？
+
+鱼皮：不错，如果把做项目比喻成打仗，那么技术选型就相当于打仗之前选择武器。你要选择合适的武器才能打胜仗，选择合适的技术才能更好地完成项目。
+
+小阿巴：但有个问题，现在主流的开发技术不就那么几种么，像我上面说的 Vue、Spring Boot？有啥好选的？
+
+![](https://pic.yupi.icu/5563/202311060948803.png)
+
+鱼皮：你说的其实只是技术选型的其中一点，也是最浅的一层。技术选型不止有 “选择开发框架”，还包括很多不同的方面和细节。
+
+由浅入深来看，技术选型包括：
+
+1）用哪类技术？比如编程语言、开发框架、数据存储、缓存
+
+2）具体用什么技术？比如编程语言用 Java 还是 Go？开发框架用 Spring 还是 Netty？缓存用 Redis 还是 Memcached？
+
+3）技术用哪个版本？比如用 Java 8 还是 11？Vue 2 还是 Vue 3？Redis 5 还是 6？
+
+4）具体用到哪些技术特性？比如 Spring 的 AOP、Redis 的 GEO 高级数据结构等。
+
+小阿巴：我滴妈呀！这么复杂嘛，我之前根本没想过这些，好像也想不到。。。
+
+鱼皮：这是很正常的，因为之前你都是自己跟着教程做项目，用什么技术、用哪个版本都是老师给你提前规划好的。
+
+小阿巴：确实唉，我觉得有点太麻烦了。。。能不能不做技术选型呀！老夫直接用 Spring Boot + Vue 一把梭。
+
+![](https://pic.yupi.icu/5563/202311060948429.png)
+
+鱼皮：哈哈，技术选型当然不是绝对的呀，比如你在学校自己做项目，那你就用熟悉的技术或者想学的技术即可。但是等当你进入企业、尤其是负责项目时，就必须要跟团队同学一起确认技术选型。而且对于规模越大、越复杂的项目，你要考虑的技术选型的角度和深度要求就越高！不能再像自己做项目一样随便了。
+
+小阿巴：我就随便，又怎样？
+
+![](https://pic.yupi.icu/5563/202311060948857.png)
+
+鱼皮：可以的，我看你是不到黄河心不死不见棺材不落泪欲穷千里目更上一层楼啊！给你讲讲我在学校的时候有次带团队做项目时，不做技术选型的翻车经历吧。
+
+很多年前了，当时我们在做一个校园贴吧网站，记得我是用 React  来开发前端页面的。刚开始很顺利，但直到有一天需要开发帖子页面信息状态保存功能的时候，才发现 React 不像 Vue Router 一样有现成的 keep-alive，后来又花了好久才找到一个类似的组件，结果还一堆 Bug。。。
+
+唉，当时确实是经验不足呀。如果最开始就考虑到这点，选择 Vue 系列技术栈，那么就能节省很多时间了。
+
+![](https://pic.yupi.icu/5563/202311060948074.png)
+
+小阿巴：我悟了！就是说在开发一个完整项目前，我们要先整体思考一下实现项目功能可能会用到的一些技术，这样不至于到后面才发现难以实现？
+
+鱼皮：good，是这样。越是对项目侵入性强的技术，后期的改动成本就越大。比如我刚刚举的例子，等你页面都写了几十个了，再去切换开发框架，就会很麻烦；而且有的时候，你给项目引入新的组件或类库，可能会和现有的库版本冲突，导致后面项目跑不起来。这些其实都是技术选型不当带来的问题，也是我们做技术选型的必要性。
+
+小阿巴：原来如此，那做技术选型有没有什么好的经验呢？
+
+鱼皮：一句话，我们做技术选型的目标是 **在有限的条件下、选取特定场景下的技术最优解。**
+
+有限条件包括我们团队同学会的技术、我们的时间和金钱成本。比如大家都只会 Java、项目又急着上线，那肯定优先选择 Java 相关技术栈，不要因为什么 Go 语言的性能高就让大家加班去学 Go。再比如公司很有钱，但是缺人手，那么很多服务（比如数据库）就不用自己搭建了，直接买大厂云服务即可。
+
+特定场景是指我们的技术选型一定要围绕着业务和需求来做，可以思考以下几点：
+
+1. 你的业务量级有多大：如果用户数巨多，要不要用 Nginx 或者 LVS 来做个负载均衡？如果存储量巨大，要不要使用分布式数据库、要不要搞分库分表？
+2. 系统的核心业务流程和关键数据结构是什么？比如要做一个管理系统，那么数据库选择主流的关系型数据库 MySQL 就好。而如果要做数据分析系统，那么应该选择 OLAP 利好的数据库，比如 Postgre SQL、ClickHouse 等。
+3. 系统更注重哪些性能？比如日志收集的场景更注重高性能和吞吐量，那么可以选择 Kafka 消息队列来采集；比如注重低延迟以及消息的准确性，那么可以选择 RabbitMQ 等。很多时候，我们做技术选型和设计算法一样，没有绝对的最优解，而是对时间、空间、稳定性、可用性等等的综合权衡。
+
+小阿巴：大哥，我悟了，您别念了！
+
+鱼皮：哈哈，另外还有两个建议
+
+1. 做技术选型时，可以通过编写最简单的 Demo 来快速验证下技术是否可用，不要直接拍板！
+2. 原则上优先选择知名度高的、开源的、用户多生态好的技术，没几个人用的技术，估计你用的话就是踩雷去了。
+
+![](https://pic.yupi.icu/5563/202311060948222.png)
+
+小阿巴：我明白了，那我就先问清楚我们这个项目大概要做哪些功能、预计有多少用户和存储需求，再根据这些到网上搜技术选型！
+
+鱼皮：糊涂啊！都 2023 年了，直接问 ChatGPT！
+
+![](https://pic.yupi.icu/5563/202311060948614.png)
+
+------
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。一起加油！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\215\203\344\270\207\345\210\253\347\233\264\346\216\245\346\225\262\344\273\243\347\240\201\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\215\203\344\270\207\345\210\253\347\233\264\346\216\245\346\225\262\344\273\243\347\240\201\357\274\201.md"
new file mode 100644
index 0000000..265c084
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\215\203\344\270\207\345\210\253\347\233\264\346\216\245\346\225\262\344\273\243\347\240\201\357\274\201.md"
@@ -0,0 +1,64 @@
+# 千万别直接敲代码！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天给大家分享一个开发小经验。
+
+很多没有实际工作过的同学，可能都会认为程序员的工作只有写代码 + 和产品经理 “拉扯”，也会习惯性地用代码量来评价一个程序员的工作强度和等级，以为码字如飞、每月能写个几万行代码的程序员就是大佬。
+
+我以前也是这么认为的，直到我正式进入企业工作，才发现真的不是这么一回事儿！高端的同学总是用最简短精妙的代码来解决问题。包括我认识的很多高职级大佬（被外界称为 “架构师”），他们的平均代码量都很少、甚至有些已经完全不写代码了。
+
+那他们的工作都是干啥呢？
+
+![](https://pic.yupi.icu/5563/202311060925610.png)
+
+其中最常见的工作就是 **设计** ，这里的设计不是指 draw a picture 画画设计稿，而是根据真实的业务需求去设计系统的整体架构、或者设计需求的解决方案、设计整个系统的划分、资源的协调调度等。
+
+通过这点，也侧面反映出了设计的重要性，代码只是把我们的思想、我们的设计表述出来的一种介质（或者说是工具）罢了。
+
+也许我们的工作没有达到架构师的高度，但在我们做需求的过程时，一定进行设计：先理清楚业务逻辑，想好怎么写代码，再根据设计去具体写代码实现（类似翻译的过程）。
+
+我刚进腾讯实习的时候，导师给我安排了一个很大的工作 —— 重构老系统为新框架。我当时觉得很简单，不就是把框架 A 换成框架 B 么？业务逻辑基本都不用动，分分钟搞定好吧！于是在排期的时候信誓旦旦地跟我导师说：3 天完成。
+
+我导师只是笑了笑：年轻人不要太自信！慢慢来吧。
+
+结果你猜怎么着？那个需求我做了整整一个多月。。。就是因为没有设计好怎么去做、也没有调研框架 A、框架 B 的差异性，直接上手去换框架、写代码，导致到处都是报错，甚至影响了业务逻辑。
+
+还有几次，我以为需求很简单，想都没想就去写代码了，结果在写代码的过程中发现了大问题，就像走迷宫走到了死胡同一样无力回天。如果先做好设计，有了清晰的路线和规划，再去写代码，出现延期、返工的概率就会大大降低。
+
+所以设计有多重要就不言而喻了。
+
+那应该怎么做设计呢？设计分为很多种，比如系统设计、架构设计、详细设计等。每个展开去说都能扯个几万字，这里我就挑 **详细设计** 小讲一下。
+
+所谓详细设计，顾名思义，就是很详细的设计。
+
+![](https://pic.yupi.icu/5563/202311060925066.png)
+
+比如业务流程具体是怎样的、有哪些步骤？某个算法具体怎么实现等？
+
+正好上周在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 中直播带大家做项目，需求是开发一个用户注册功能的后台。我就拿这个注册功能的详细设计来举例子吧，如图：
+
+![](https://pic.yupi.icu/5563/202311060925570.png)
+
+> 注册功能设计
+
+从上到下看一遍你会发现，一个小小的注册功能竟然有那么多要考虑的地方，各种各样的校验。如果你不做设计、直接上手写代码，那么会不会漏掉一些校验、搞错关键步骤，导致整个系统出问题呢？后面发现问题再去改代码，可就麻烦多了（要反复上线）。
+
+所以在开发需求、尤其是包含复杂业务逻辑的需求时，不要想当然，直接去写代码了。而是可以像我上面举的例子一样先设计一下、想清楚怎么写代码，再去按照设计写代码就很简单了~
+
+经常有同学问我怎么提高业务思维、为什么我看到很多系统都能很快地想到实现方案，其实就是因为平时做任何需求的时候，我都会思考、在心里做设计。我也强烈建议大家这么做，脑袋越用越灵嘛。
+
+所以我也会在星球直播带大家做项目过程中多带大家分析问题、思考和设计方案，而不止是写代码本身，相信这样会给大家带来更大的帮助。
+
+
+
+------
+
+
+以上就是本期分享，最后也欢迎大家加入鱼皮的 [编程学习圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和近 4000 名小伙伴们一起交流学习，向鱼皮等大厂同学 1 对 1 提问、跟着鱼皮直播做项目、领取大量编程资源等。
+
+现在加入限时优惠 **60 元** ，欢迎想一起学习进步的小伙伴~
+
+![](https://pic.yupi.icu/5563/202311060925130.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\220\216\347\253\257\345\274\200\345\217\221\351\234\200\350\246\201\346\263\250\346\204\217\344\273\200\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\220\216\347\253\257\345\274\200\345\217\221\351\234\200\350\246\201\346\263\250\346\204\217\344\273\200\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..990e42e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\220\216\347\253\257\345\274\200\345\217\221\351\234\200\350\246\201\346\263\250\346\204\217\344\273\200\344\271\210\357\274\237.md"
@@ -0,0 +1,206 @@
+# 后端开发需要注意什么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 幽默轻松小知识，一起来看看老弟第一次写的后端代码，你觉得如何？
+
+大家好，我是鱼皮，今天分享我的老弟第一次写后端代码时出现的囧事，希望大家引以为戒。
+
+### 孽起
+
+我的老弟小阿巴，目前大一，自学编程有一段时间了，之前主要以学前端为主，比较好上手。
+
+![](https://pic.yupi.icu/5563/202311061007519.jpeg)
+
+但这货最近不知道咋回事，一直嚷嚷着要写写后端代码。
+
+我说：你前端才刚学没多久呢，急什么？
+
+小阿巴说：没人比我更懂前端！
+
+![](https://pic.yupi.icu/5563/202311061007505.png)
+
+好家伙，没想到几日不见，这家伙现在这么骄傲了！那必须得杀杀他的锐气，让他领略一下后端的恐怖。
+
+于是我说：成，正好我最近在开发一个新功能【删除消息】，功能很简单，允许用户删除自己已经阅读过的消息。前端后端都交给你来做，时间也不急，给你两周，拿去练练手，熟悉下项目吧~
+
+没想到小阿巴这狗说：两周？瞧不起谁呢，就这么一个小功能，我 3 天给你搞定！
+
+我大惊：现在的年轻人都这么强了么？行，我等你！
+
+![](https://pic.yupi.icu/5563/202311061007670.png)
+
+没想到，不到 3 天，小阿巴真的提交了代码，让我们一起来看看他的实现思路和代码吧。
+
+### 实现思路
+
+功能实现包括前端和后端两部分，分别来思考一下。
+
+#### 前端
+
+要实现用户已读消息删除功能，前端的工作比较简单，添加一个删除按钮，并且给按钮添加一个点击事件，点击后调用后端 `消息删除` 接口即可。
+
+![](https://pic.yupi.icu/5563/202311061007575.png)
+
+> 前端界面
+
+小阿巴写的前端代码：
+
+```
+<!-- 伪代码 -->
+<button onClick={doDelete(消息)}>删除</button>
+<script>
+  // 删除消息
+  function doDelete(msg) {
+    // 消息 id 存在且为已读
+    if(msg.id && msg.isRead) {
+      // 调用后端接口
+      service.deleteMsgById(msg.id);
+    }
+  }
+</script>
+```
+
+看着好像没啥问题吧，写的还挺工整的，代码规范好评！
+
+再看看后端怎么样。
+
+#### 后端
+
+后端要做的事情就是接受前端发过来的请求，操作数据库，将数据库中指定 id 的消息删除，再返回是否删除成功给前端。
+
+![](https://pic.yupi.icu/5563/202311061007562.png)
+
+> 存放消息的数据库
+
+很多编程语言都可以拿来写后端，比如 Java、Go 语言等。但由于小阿巴是第一次做后端，我心疼他，所以让它使用 NodeJS（JavaScript 语法）来写。
+
+看看小阿巴写的后端代码：
+
+```
+// 删除消息接口
+// @params msgId 消息 id
+function deleteMsgById(msgId) {
+  // 调用数据库删除函数，得到结果
+  const res = db.deleteById(msgId);
+  return res;
+}
+```
+
+总共就这么几行代码，简洁清晰，也难怪小阿巴花了 3 天的时间就写出来了。
+
+不知道大家觉得这段代码怎么样，像不像自己第一次写的代码呢？
+
+请大家思考一下，他写的代码有没有什么问题？
+
+![](https://pic.yupi.icu/5563/202311061007698.png)
+
+### 分析问题
+
+其实，小阿巴这段代码问题非常大！一旦上线了，后果不堪设想！
+
+主要有三个问题，我把小阿巴叫了过来，要根据问题的严重性从大到小给他盘一盘。
+
+![](https://pic.yupi.icu/5563/202311061007206.png)
+
+#### 1. 未做校验
+
+我对小阿巴说：再仔细看看你的代码，是不是少了校验逻辑？
+
+小阿巴疑惑：我不是在前端判断消息 id 是否存在、消息是否已读了么？
+
+我：那如果用户不在浏览器里点删除按钮，而是直接请求接口，随便传消息 id 呢？
+
+小阿巴陷入了沉思。
+
+![](https://pic.yupi.icu/5563/202311061007212.png)
+
+这是第一次写后台的同学经常犯的错误，尤其是前后端都一个人写的时候，以为在前端判断参数是否合法就够了。但其实，恶意用户可不管这么多，他们可以直接用各种工具在浏览器外向你的后端发送请求，随便传一些消息 id，甚至直接遍历可能的 id。如果后端不做校验，一上线，正常用户的消息可能就被删光了！绝对的 **最高级事故**！
+
+小阿巴：没想到这么严重，那我在后台补上对消息状态的校验，好像也不太行吧？毕竟用户可以任意传递请求参数。
+
+我：挺聪明嘛，的确如此，所以我们还要补上对当前登录用户的校验。
+
+完善的代码大致是这样的：
+
+```
+// 删除消息接口
+// @params msgId 消息 id
+function deleteMsgById(msgId) {
+  // 校验参数合法性
+  if (!mgsId) {
+    return false;
+  }
+  // 从数据库查消息最新状态
+  const msg = db.getMsgById(msgId);
+  // 从 session 或中间件获取当前用户信息
+  const user = getCurrentUser();
+  // 消息未读或不是该用户的消息
+  if (!msg.isRead || !user || msg.userId !== user.id) {
+    return false;
+  }
+  // 调用数据库删除函数，得到结果
+  return db.deleteById(msgId);
+}
+```
+
+小阿巴：我记住啦，后端接口是业务核心，一定要加强校验！
+
+我：不错，来看看其他的问题吧。
+
+#### 2. 硬删除
+
+我：在你的代码中，直接调用了 `delete` 函数直接删除数据，你知道这会有什么问题么？
+
+小阿巴：有啥问题？
+
+我：直接删除数据，会导致管理员在需要排查问题时缺少线索。比如用户发送过违规消息，一段之间后把消息自己删掉了，那管理员也不能查出他的违规记录了。
+
+小阿巴：还真是，那咋办？这数据不能删？
+
+![](https://pic.yupi.icu/5563/202311061007339.png)
+
+我：一般会采用 `软删除`，给数据表添加一个额外的字段来表示删除状态，比如 `isDelete`，状态为 0 表示未删除，为 1 表示已删除。正常情况下，只给用户展示 isDelete = 0 的数据，删除时，将该字段的值从 0 更新为 1 即可。
+
+所以上述代码的最后那部分，可以略作修改：
+
+```
+// 原代码，真实删除
+db.deleteById(msgId)
+// 新代码，软删除（更新）
+db.updateById(msgId, {isDelete: 1})
+```
+
+这样后端代码就基本完善了。
+
+**当然，也不是所有的数据表都需要软删除，要根据业务场景来决定。**
+
+#### 3. 无防误触
+
+最后还有一个产品体验上的小问题，建议在用户点击删除时，出一个二次确认的弹框，否则用户不小心点错了，想找却又找不回消息，那就会感到愤怒了！
+
+![](https://pic.yupi.icu/5563/202311061007233.png)
+
+> 确认删除
+
+前端开发做的越多，就会越注重这些小细节，提升用户体验非常重要！
+
+
+
+------
+
+
+
+小阿巴：学到了，学到了！我好菜啊 555。
+
+我：没事，这是很正常的，知错能改，就还是好阿巴。
+
+![](https://pic.yupi.icu/5563/202311061007693.png)
+
+很多正在阅读文章的朋友们，是否也犯过这些小错误呢？请养成良好的编程习惯，多多检查自己的代码吧！
+
+对了，听说点个 **赞** 和 **在看**，印象更深刻！
+
+![](https://pic.yupi.icu/5563/202311061007924.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\221\230\345\267\245\345\206\231\344\272\206\344\270\252\346\257\224\345\210\240\345\272\223\346\233\264\345\217\257\346\200\225\347\232\204 Bug\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\221\230\345\267\245\345\206\231\344\272\206\344\270\252\346\257\224\345\210\240\345\272\223\346\233\264\345\217\257\346\200\225\347\232\204 Bug\357\274\201.md"
new file mode 100644
index 0000000..7e1e720
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\221\230\345\267\245\345\206\231\344\272\206\344\270\252\346\257\224\345\210\240\345\272\223\346\233\264\345\217\257\346\200\225\347\232\204 Bug\357\274\201.md"	
@@ -0,0 +1,196 @@
+# 员工写了个比删库更可怕的 Bug！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天是公司没破产的第 102 天。
+
+想必大家都听说过删库跑路吧，我之前一直把它当一个段子来看。
+
+可万万没想到，就在昨天，我们公司的某位员工，竟然写了一个比删库更可怕的 Bug！
+
+给大家分享一下（不是公开处刑），希望朋友们引以为戒。
+
+## Bug 起因
+
+事情是这样的，昨天中午 11 点左右，突然用户群里的小伙伴反馈：自己直接成为了 [鱼聪明 AI 网站](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&scene=21#wechat_redirect) 的管理员！
+
+![](https://pic.yupi.icu/5563/202311060932306.png)
+
+接下来，陆续有更多同学反馈：大家都成管理员了！
+
+![](https://pic.yupi.icu/5563/202311060932311.png)
+
+看到这里，我立刻就去查了下数据库，结果看到的是：
+
+![](https://pic.yupi.icu/5563/202311060932364.png)
+
+好家伙，早起脑供血不足的我立刻高血压上来了，怎么所有的用户都变成管理员了？！
+
+![](https://pic.yupi.icu/5563/202311060932303.png)
+
+我赶紧问下我所有的员工，这特么是谁干的！！！
+
+然后员工小 A 大叫：“我 X，是我今天执行单元测试更新数据的时候，少加了个 where 条件！”
+
+```
+本来的预期：update user set userRole = 'admin' where id = 1
+实际上执行：update user set userRole = 'admin'
+```
+
+于是导致整个库里的所有用户都变成了管理员，大家可以愉快地薅鱼毛了。
+
+## 紧急处理
+
+后来据这位写 Bug 的同学的回忆，由于她之前没有遇到过类似的情况，第一时间脑袋是一片空白、头嗡嗡的，完全不知道接下来要怎么做。
+
+不过我是很冷静的，因为之前在公司处理过类似的情况，毕竟曾经凌晨 4 - 5 点的时候都被叫起来过。。。
+
+所以立刻就给他发了一段处理方式：
+
+![](https://pic.yupi.icu/5563/202311060932318.png)
+
+解释一下，就跟我们在路上看到一起交通事故一样，第一时间要么是保护现场，放一个小牌牌不让大家进到事故发生地；要么就是防止扩大影响，人工疏导不让更多人围观、阻塞交通。
+
+一般这两件事情是同时执行的，由于我知道怎么能够判定哪些用户本来是 VIP（比如通过 VIP 信息）、而且程序又有详细的日志，所以第一时间是让员工先把 user 表的所有角色设置为普通用户权限，防止有人继续利用管理员权限去做一些不好的事情。
+
+接下来就是立刻停止了线上的前后端服务，一方面是为了后面好恢复数据，另外也是防止一些同学发现自己突然从会员变成了普通用户，增加大量的人工咨询成本。
+
+所以当时很多同学访问鱼聪明时，看到了这样的截图：
+
+![](https://pic.yupi.icu/5563/202311060932018.png)
+
+稳定现场后，接下来就是想办法恢复数据到正常的状态，好在我给数据库设置了分钟级别的备份，可以直接把数据恢复到事故发生前的最近正常的时间点。
+
+![](https://pic.yupi.icu/5563/202311060932522.png)
+
+有了备份后的老数据，还要考虑恢复这个时间点后新增的用户数据。
+
+有很多种恢复策略，我优先选择了逻辑最简单的策略：直接更新用户 updateTime > '2023-07-20 10:00:00' 的数据，根据 id 点对点覆盖除了 userRole 之外的数据列；如果没有对应的 id，新增一条数据。也就是使用类似 `saveOrUpdate` 的方法。
+
+理想很丰满，现实很残酷。万万没想到，由于 updateTime 是一个发生数据修改时自动更新的字段，导致所有的数据 updateTime 全是最新的，相当于要把数据库全量的数据都去比较一遍。
+
+于是我的员工呢，写了类似下面这样的程序：
+
+![](https://pic.yupi.icu/5563/202311060932527.png)
+
+然后就开始执行了，结果执行了很久很久，数据都没更新完。
+
+看来单线程还是太慢了，于是我用并发编程的方式改进了同步的过程。先把所有用户分组，然后多线程同时执行 saveOrUpdateBatch 方法。
+
+示例代码如下：
+
+```
+void restoreUserTable() {
+  List<User> userList = userService.list();
+  List<UserBak> userBakList = userList.stream().map(user -> {
+    user.setUserRole(null);
+    UserBak userBak = new UserBak();
+    BeanUtils.copyProperties(user, userBak);
+    return userBak;
+  }).collect(Collectors.toList());
+  int batchSize = 1000;
+  // 使用 lambda 表达式将 userList 每1000个元素分为一组
+  List<List<UserBak>> groupedBakUsers = IntStream.range(0, userList.size())
+    .boxed()
+    .collect(Collectors.groupingBy(index -> index / batchSize)) // 将索引按组分组
+    .values()
+    .stream()
+    .map(indices -> indices.stream()
+      .map(userBakList::get) // 根据索引获取 User 对象
+      .collect(Collectors.toList())) // 每组1000个元素的列表
+    .collect(Collectors.toList()); // 所有分组的列表
+  List<CompletableFuture<Void>> completableFutureList = new ArrayList<>();
+  int i = 1;
+  for (List<UserBak> groupedBakUser : groupedBakUsers) {
+    int finalI = i;
+    CompletableFuture<Void> completableFuture = CompletableFuture.runAsync(() -> {
+        boolean b = userBakService.saveOrUpdateBatch(groupedBakUser, batchSize);
+    });
+    i++;
+    completableFutureList.add(completableFuture);
+  }
+  CompletableFuture.allOf(completableFutureList.toArray(new CompletableFuture[]{})).join();
+}
+```
+
+使用这种方式，很快数据就恢复完成了。
+
+> 当然，还有更简单的方式，比如联表查询、对比哪些数据行发生了变动，再去做修改。只不过当时情况紧急、再加上数据库量级可控，我们选择了相对理解成本最低的方式。
+
+之后，我这边又手动做了一次全量备份，并且思考了一下还有没有遗漏的问题，才恢复上线。
+
+## 事后复盘
+
+整个事故时长接近 2 个小时，大致分为：
+
+1. 人工发现事故（30 分钟后通过用户反馈才得知）
+2. 定位问题（5 - 10 分钟）
+3. 策略制定和同步（5 - 10 分钟）
+4. 数据备份恢复（15 分钟）
+5. 增量数据同步（40 分钟）
+6. 上线前备份（10 分钟），同时进行其他考虑
+
+从某种意义上来说，这次的事故比直接删库更严重！因为删库了赶紧恢复就好，但这次不仅出现了 “数据污染”，还出现了 “越权” 的问题，我们网站内仅管理员可见的敏感信息会存在泄露风险。好在我们也没什么敏感信息哈哈。
+
+还有就是用户可能会利用漏洞来薅鱼毛（管理员可以大量获取），但经过我们的统计，这段时间利用漏洞薅鱼毛的人数寥寥无几，大家都是非常善良的，这才放下心来。
+
+虽然这次的事故带来的损失不是特别大，但也发现了我们系统存在的问题。
+
+我也跟这位员工说：出了事情不可怕，可怕的是不知道改正，出现同样的事情。
+
+那么应该如何防止出现类似的事故呢？
+
+#### 1）控制操作权限
+
+为了防止用户执行 update、delete 操作时不小心漏掉了 where 条件、直接更新全量数据，企业中一般是会禁止不带 where 条件的修改操作的。
+
+出现这次的事故后，我也立刻给 MySQL 开启了 sql_safe_updates 配置：
+
+![](https://pic.yupi.icu/5563/202311060932733.png)
+
+缺少 where 条件的更新会直接触发下列报错：
+
+![](https://pic.yupi.icu/5563/202311060932078.png)
+
+之前为什么没加？主要是因为以前都是自己一个人开发系统，而且会有需要全量更新的场景，图省事儿。
+
+#### 2）生产环境隔离
+
+正常情况下，不应该允许直接在本地连接和操作线上数据库的数据。而是需要先编写代码、提交代码审核、发布上线后，再执行修改操作。
+
+像这次的事故，如果员工不是本地直接更新数据库，而是提交代码给我看一下，我大概率就会发现他少写了更新条件，就能防止了。
+
+其实之前在腾讯的时候，我都会严格注意这些事项的。但之所以现在自己公司的项目是允许员工在本地连接线上的，想必大家也能猜到原因 —— 业务规模小、人数少，直接在同一个库开发会方便一些。
+
+但如果项目的规模上来了，一定要做好多套环境的隔离，本地环境、测试环境、预发布环境、线上环境都要严格区分了。
+
+#### 3）SQL 审批
+
+之前在腾讯的时候，想要修改关键库的数据，不能直接执行 SQL 语句，而是要先把 SQL 语句提交到审核平台，等你的领导和数据库运维确认没问题后，才能执行。这样每条 SQL 都是至少有 2 个人看过的，能够大大增加安全性。
+
+曾经我觉得这种机制很麻烦，但经历过一些血泪教训后，才意识到这个环节真的是泰裤辣！
+
+#### 4）数据库审计
+
+数据库审计是指记录和监控数据库的访问及 SQL 语句执行情况，从而精细化风险控制，提高数据安全性。
+
+可以自己在数据库配置（比如开启日志、使用审计插件等），也可以使用第三方云服务自带的审计规则配置。
+
+#### 5）提升风险意识
+
+最不需要技术，却也是最重要的一点，那就是要让团队的所有同学意识到这件事情带来的风险、问题的严重性。
+
+因为你永远叫不醒一个装睡的人，同理，再多的防护也限制不了本身就想搞事的人。
+
+所以这件事情是我和这位员工共同的责任，作为惩罚，我们决定请其他同事喝奶茶。就这么愉快地决定了~
+
+
+
+------
+
+
+不过也有做的好的地方，比如做了完整又灵活的数据备份，这是线上项目必备的操作。
+
+以上就是本期分享，希望大家不仅是看个乐，也能有一些收获和启发，不过希望大家都不要遇到这类闹心的事情。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\345\201\232\351\241\271\347\233\256\347\232\204\346\265\201\347\250\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\345\201\232\351\241\271\347\233\256\347\232\204\346\265\201\347\250\213.md"
new file mode 100644
index 0000000..f8fc872
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\345\201\232\351\241\271\347\233\256\347\232\204\346\265\201\347\250\213.md"
@@ -0,0 +1,356 @@
+# 大厂做项目的流程
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 揭秘一线大厂研发流程
+
+大家好，我是鱼皮。
+
+很多未工作过的小伙伴都很好奇：企业中做项目是怎样的流程？尤其是大厂那些百万用户的项目，和自己学编程时做项目到底有什么区别呢？
+
+**实话说，区别可大了！**
+
+自己开发项目那是单打独斗，自己掌握命运，不会拖垮队友；但企业中开发项目是开团打本，大家是一根绳上的蚂蚱，每个人都会影响整个项目。
+
+![](https://pic.yupi.icu/5563/202311060822776.png)
+
+我自己也在几家公司实习过，不得不说，大厂和其他公司的研发流程也有很大的区别。
+
+因此，对于大多数同学，如果没有在大厂工作过，对很多研发环节可能都是一无所知的。
+
+所以今天给大家揭秘一下大厂的项目研发流程，帮大家开拓思路。
+
+正好之前有同志质疑我的日常工作就只有写代码和摸鱼？！这篇文章就作为回击，让他明白，在大厂做项目，可不止写代码那么简单！
+
+![](https://pic.yupi.icu/5563/202311060822458.png)
+
+## 大厂研发流程揭秘
+
+为了规范团队、保证项目的进展，大厂研发流程通常还是比较复杂的。
+
+可以分为很多个阶段，用一张思维导图来概括：
+
+![](https://pic.yupi.icu/5563/202311060822187.png)
+
+> 一线大厂研发流程导图
+
+> 需要注意的是，以上阶段并不是完全按从上到下的顺序执行，阶段间可能存在交叉，比如 **技术选型** 其实在 **设计阶段** 就应该考虑。
+
+正式工作一年多，我也是经历过多次项目的完整研发流程的。下面就以我的视角，带大家快速过一遍~
+
+（为了内容更有趣，以下故事有虚构成分）
+
+### 需求阶段
+
+今天是周一，鱼皮像往常一样骑着他的小电动车来到公司，殊不知，等待他的是一场噩梦的开始。
+
+#### 需求产生
+
+上午十点，产品妹子找到鱼皮，告诉他：咱们的系统上线后，用户表示很多功能并不好用，需要大改。
+
+老板也找到鱼皮，告诉他：我今天打开页面竟然加载了十几秒，咱们这个系统的性能太烂了吧！
+
+鱼皮心想：呕豁，完蛋！估计得做个新的项目了，又要开会了。
+
+![](https://pic.yupi.icu/5563/202311060822455.png)
+
+果然，没过多久，屏幕上弹出了一条 “欢迎加入会议” 的邀请。
+
+#### 需求评审
+
+第二天上午，老板、产品、测试、几位开发大哥和鱼皮一起来到会议室，具体讨论昨天提到的那些需求 **是否合理、要不要做** ？
+
+产品妹子打开文档，说到：这一期呢，我们要做这几个需求，下面我来详细讲一下，大家一起评估下有没有问题。
+
+#### 需求分析
+
+接下来，产品妹子正在对着屏幕侃侃而谈、疯狂输出时，旁边的开发大哥坐不住了。
+
+开发大哥：这个需求不合理啊！
+
+产品：为啥不合理？用户就是有这个需求啊！
+
+开发大哥：我知道，实现不了啊！
+
+于是开始了经典的产品开发撕逼大战。。。
+
+![](https://pic.yupi.icu/5563/202311060822360.png)
+
+而鱼皮正躲在角落冷静分析 **这个需求怎么做** ，过了一会儿，提出了一种改动低、实现快的解决方案，平息了这场战争。
+
+#### 排期
+
+确定需求合理、可实现之后，产品妹子问到：那这个需求啥时候能上线呀？
+
+开发大哥：我这周忙，下周吧。
+
+产品：用户可能比较着急，这周就要呢！
+
+开发大哥：我知道，做不完啊！
+
+于是开始了经典的产品开发撕逼大战。。。
+
+![](https://pic.yupi.icu/5563/202311060822785.png)
+
+鱼皮：要不我们把这个需求拆解为功能 A 和功能 B，这周我先把功能 A 做了，功能 B 排到下周二测试，下周四上线？
+
+就这样，我们一个个安排了需求的计划完成日期。
+
+### 设计阶段
+
+终于开完会了，看了下时间，都该下班了！
+
+唉，需求讨论完了，产品的工作是完成了一些，可鱼皮的工作才刚刚开始。
+
+急着开始写代码么？
+
+**不，想好怎么写代码比写代码更重要。**
+
+#### 架构设计
+
+鱼皮打开写文档软件和画图软件，开始梳理整个系统，从整体到局部，依次设计出系统的层次结构、各层间交互的接口和通讯方式、每层之间包含哪些重要模块、模块选择何种物理部署方式等。
+
+![](https://pic.yupi.icu/5563/202311060822027.png)知名框架 Dubbo 的架构设计
+
+#### 概要设计
+
+写完架构设计后，鱼皮开始对着产品妹子写的 PRD（产品需求文档），分析需求，然后依然是从整体到局部，先整理出系统需要的功能模块，再分析每个功能模块内有哪些子模块。
+
+和抽象的架构设计相比，概要设计和需求的关系更紧密，是对架构设计的细化。
+
+打个比方大家就明白了，你要盖一栋楼，架构设计就是从整体来考虑，总共有几层、每层管道怎么接、每层有几户、地基怎么打等；而概要设计就是考虑每户套件的内部怎么划分，哪里是客厅、哪里是卫生间。
+
+> 很多情况下，概要设计和架构设计可能会在一个文档中进行，划分并不明确。
+
+#### 详细设计
+
+想好系统有哪些功能后，鱼皮就开始具体分析每个功能如何实现，用到哪些算法、需要注重哪些细节等。
+
+#### 方案对齐
+
+写好设计文档后，下次会议上，鱼皮和其他的开发同学（前端、后端等）一起针对自己设计的方案展开讨论，最终产生一个统一的方案，然后大家分工去做就好了。
+
+#### 测试用例设计
+
+为了保证系统功能的正常稳定，测试同学（或者叫 QA）是非常重要的，测试不是像我们自己做项目一样对着网页点几下就 ok 了。
+
+在大公司中，为了保证测试的覆盖度、提高测试效率，一般是要设计测试用例的，比如：用户点击 “登录”，未传任何数据，期望结果是警告用户输入用户名和密码。
+
+![](https://pic.yupi.icu/5563/202311060822534.png)测试用例管理
+
+测试用例设计完后，需要其他同学一起来评审把关，而不是只交给测试同学。因为一个人很容易忽略掉很多测试细节，最好让更熟悉代码的开发同学一起帮忙补充。
+
+鱼皮自己也写了几个测试可能会遗漏的用例，和测试同学一起进行了确认，尽量让问题暴露在测试阶段而不是线上。
+
+### 研发准备
+
+写了快一周的设计文档，终于准备开始动手搭建项目了。但在此之前，还有一些准备工作要进行。
+
+#### 技术预研
+
+如今技术发展太快，新技术层出不穷，所以鱼皮首先对项目中需要或可能需要用到的技术进行了调研。
+
+#### 技术选型
+
+通过调研，鱼皮得到了几个可以满足需求的技术，但他开始纠结：这么多技术，我该用哪一个呢？是用 SSM 框架还是 Play 框架呢？用 guava 包还是 Apache Commons 呢？
+
+鱼皮又打开了写文档软件，开始对比不同技术的优劣，头疼啊，技术选型要考量的因素太多了，比如：
+
+- 单从技术考虑：性能、易用性、稳定性、主流程度和生态、文档详细度
+- 结合团队：团队成员对技术的熟悉度、掌控度（有无精通该技术的人）
+- 结合业务：是否适应业务的量级（单机 or 微服务）、是否适应业务（读多、写多 or 分析多）
+
+对于关键的项目，鱼皮自己还不敢完全确定选型，因此在写好自己的选型文档后，与同事和 Leader 一起讨论，才最终确认。
+
+#### 资源申请
+
+确认好技术后，就要申请资源。比如鱼皮用到了 MySQL 数据库，但是这个 MySQL 从哪儿来呢？
+
+以前的话，鱼皮都是去买一台云服务器，自己搭建 MySQL。但是在企业中，一般是有集中管理和分配资源的平台的，直接到平台填写预算、等领导审批、然后等着下发资源就好了。千万不能私自用自己的或买外部的服务器来部署项目，不安全！
+
+鱼皮这次直接申请到了 2 万多一年的云数据库，真的是爽死了。
+
+![](https://pic.yupi.icu/5563/202311060822734.png)
+
+#### 环境准备
+
+申请好数据库等资源后，鱼皮按照申请机器的版本搭建了一模一样的本地开发环境和测试环境，后面就可以直接连接了。
+
+#### 项目初始化
+
+环境准备妥当后，由于是新项目，鱼皮要搞一个最小可运行的初始化项目 Demo，使用 **脚手架** 自动生成代码，而不是从零开始一个个新建文件、手敲重复代码。
+
+#### 依赖安装
+
+生成了项目代码后，鱼皮使用包管理工具（前端 yarn、Java Maven /  Gradle 等）自动安装依赖，然后项目 Demo 就可以运行啦！
+
+### 研发阶段
+
+前期准备完成后，这才到了程序员朋友们最熟悉的写代码环节，也是鱼皮最爱的环节。
+
+![](https://pic.yupi.icu/5563/202311060822531.png)
+
+因为之前设计方案时需要保持冷静、仔细思考，没法边听歌儿边做；而方案设计好后，已经明确了该怎么做，写代码实现就很简单了，顶多是遇到一些坑，上网搜索去解决就好了。
+
+#### 本地开发
+
+开发时，一般鱼皮会先在本地写代码，通过配置热更新工具，实现代码更新时自动重新编译打包，而不用手动重启项目，大大提高了开发效率。
+
+对了，企业开发都会使用版本控制系统的，比如 Git，开发前记得先创建一个自己的分支，在这个分支上开发。
+
+#### 远程开发
+
+现在还有一种比较流行的远程开发方式，就是可以像编辑本地文件一样编辑远程文件，直接修改服务器上的代码。一般我们每位研发同学是有自己的开发机的，通过远程开发就省去了反复部署调试的麻烦，提高效率。一般用 VSCode 等开发工具，安装远程开发插件就可以实现了。
+
+#### 代码优化
+
+鱼皮在写代码的时候，始终保持主动优化代码的好习惯，注重代码的时空复杂度；并且当重复代码多了，会想办法抽象成函数或者使用设计模式。之前专门写文章分享过我的编程习惯：[我写代码时的小倔强](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497781&idx=1&sn=9c5ec35cda90ca080ba1dbfa78429275&scene=21#wechat_redirect) 。
+
+#### 单元测试
+
+注意！不要听到测试就以为是测试同学的工作，开发同学也同样需要编写小粒度的测试来为自己的代码负责。
+
+鱼皮一般会为每个数据库读写函数和业务逻辑函数编写单元测试，像 Java 的话一般用 JUnit 等工具，还可以用 Jacoco 生成测试覆盖度报告。每次修改关键代码后，都要执行一遍单元测试，防止意外错误。
+
+![](https://pic.yupi.icu/5563/202311060822942.png)Jacoco 测试覆盖度报告
+
+#### 开发联调
+
+鱼皮终于写好了后端代码，也自测完成了，下面就是把写好的代码打包构建，然后把可执行项目包发布到测试服务器上，和前端同学一起联调，让他请求我的接口，验证系统的功能是否可用。
+
+### 测试验证
+
+鱼皮和前端联调完毕后，告知了测试和产品同学。
+
+测试验证是企业中至关重要的环节，甚至可以说是最后一道防线。测试的目的是找 Bug，尽量发现系统中的问题，把它们扼杀在测试阶段。
+
+在企业中，测试验证又有很多类型。
+
+#### 集成测试
+
+集成测试比单元测试粒度更大，是把多个模块或代码单元放在一起，验证模块之间的集成和调用关系。
+
+因为单个函数的执行可能是正常的，但把多个函数组合在一起顺序调用，可能就会出现问题。
+
+打个比方，我们有个吃面包系统：
+
+功能 A：小鱼吃一个面包
+
+功能 B：小皮吃一个面包
+
+每次只有一个面包，独立执行功能 A 和 B 都是允许的。但如果两个一起执行，后执行的那个功能就会报错。
+
+![](https://pic.yupi.icu/5563/202311060822513.png)
+
+#### 系统测试
+
+系统测试比集成测试的粒度更大，测试对象是整个系统，不仅包括软件，还可能覆盖对硬件的测试。
+
+#### 产品体验
+
+除了测试同学要验证系统可用性，产品妹子也要体验下功能是否符合预期、是否易用。大多数情况下，产品会在体验时提出修改建议，开发可能还要再去做一些修改。
+
+#### 验收测试
+
+测试和产品妹子终于表示没有问题啦，那就到了最后一步，把整个产品或功能给最终的用户来体验。老板 用户说没问题，才是真的没问题！
+
+### 提交阶段
+
+系统没问题之后，鱼皮就可以把代码发布到远程仓库了，一般使用 Git 和 SVN 等版本控制系统。
+
+#### 代码提交
+
+鱼皮首先在本地触发代码提交（git commit），为保证规范，在大项目中一般会使用提交检测插件，防止你把错误的代码进行了提交。
+
+#### 代码推送
+
+下一步就是把本地的提交推送到远程的同名分支。一般大厂会有推送检测工具，检测代码的错误、圈复杂度、代码规范等，和提交检测一样，防止你把错误或不规范的代码进行了推送。
+
+#### 合并请求
+
+代码分支推送到远程之后，鱼皮发起了一个分支合并请求（MR），希望把该分支的代码合并到主干分支（没问题的代码）。
+
+![](https://pic.yupi.icu/5563/202311060822490.png)发起新合并请求
+
+#### 代码审查
+
+并不是发起了合并请求就能直接合并，还要通过代码审查，即 CR。
+
+审查又分为两种方式：人审和机审。
+
+相信不少同学都知道人审，一般是由你的上级和其他项目负责人来阅读和评论你的代码，觉得没问题就 Approve（通过），否则打回去修改。
+
+那机审是个啥呢？其实就是机器自动检测你的代码是否符合规范，是否能够成功自动化构建等，一般是由项目负责人配置的，可以帮助发现一些人工难以发现的问题。
+
+刚接触新项目的时候，鱼皮经常被机审折磨得苦不堪言，经常被提示一些莫名其妙的代码问题，比如加号要换行，文件行末要加空行等。但后来注意编码习惯后，就很自然地适应了，的确不错。
+
+### 发布阶段
+
+代码审查通过后，鱼皮的项目代码就可以发布上线啦。
+
+![](https://pic.yupi.icu/5563/202311060822491.png)
+
+#### 打包构建
+
+传统上线方式是开发人员到正式服务器上拉取代码，然后安装依赖，再通过工具把代码打包构建，得到部署包，通过 Nginx、Tomcat、Docker 等技术运行。
+
+但这样效率很低，有很多重复工作。所以大厂一般是用自动化构建的，像 Jenkins、各种 CI / CD 工具等。代码合并到主分之后，由机器把代码打包构建为最终的部署包。
+
+#### 预发布
+
+为了防止上线出问题，一般我们会先在预发布环境部署项目，再观察一下是否能够正常运行。
+
+#### 正式发布
+
+预发布测试正常后，鱼皮终于等到了上线的这一刻。大项目一般都会部署在多台机器上，所以不可能一台台登录机器去发布部署包。
+
+通常公司会提供可视化发布平台，点选需要发布机器（一般先灰度，选一小部分机器，再全量发布），点击一键发布，等项目管理员审批通过之后，就交给机器自动部署吧！
+
+### 后续
+
+鱼皮曾天真地以为项目上线之后，就可以高枕无忧了。但后来发现，项目上线之后，同样需要保持警觉。虽然已经测试过，但仍然时不时会出现个预期之外的小 Bug，还是很考验心态的。
+
+![](https://pic.yupi.icu/5563/202311060823102.png)
+
+来看看上线之后，鱼皮做了哪些事呢？
+
+#### 监控运维
+
+鱼皮会定期查看项目的监控面板，观察项目的运行情况，机器的负载等。
+
+#### 统计分析
+
+鱼皮在代码中添加了一些日志，可以利用 ELK 等日志收集可视化平台对这些日志进行分析，从而感知到用户的行为，进一步优化业务和系统。
+
+比如我会统计用户执行 SQL 查询的耗时，对重复率高的慢 SQL 进行针对性地优化。
+
+#### 事件反馈
+
+有的时候，用户自己都不能清楚地描述 Bug，而且历史 Bug 也不方便找到。所以公司内部一般会有事件反馈平台，产品等内部同学在接收到 Bug 时，会在该平台发布一个 Bug 事件，详细描述 Bug 出现的时间、状况、详情等，便于我们开发集中分析和处理问题。
+
+![](https://pic.yupi.icu/5563/202311060823531.png)
+
+> 事件反馈平台
+
+#### 文档沉淀
+
+每次上线了新功能和项目，鱼皮都会通过写文档来记录项目的背景、设计方案、开发过程和一些坑点，便于后续其他同学了解项目，这是非常重要的！利人利己。
+
+曾经分享过我的写文档技巧：[如何写好文档？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247495474&idx=1&sn=efa51d2a27976a697b810cec1bf0ace4&scene=21#wechat_redirect)
+
+#### 迭代优化
+
+最后，一个需求的结束往往只是另一个需求的开始。像鱼皮最近在跟进的项目，一期做完做二期，二期还没做完三期就来了；还要抽出时间去优化以前的代码，这日子遥遥无期，没盼头啊！
+
+
+
+------
+
+
+以上就是本期分享，看完本文后，欢迎阅读我之前的这篇文章：[大厂机密！30 个提升团队研发效能的锦囊](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247487157&idx=1&sn=8c0d05d93ae84ca3051723f6af42e7f5&scene=21#wechat_redirect) ，了解更多大厂技术。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311060823914.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\347\232\204 SDK \345\206\231\346\263\225\357\274\214\345\201\267\345\255\246\345\210\260\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\347\232\204 SDK \345\206\231\346\263\225\357\274\214\345\201\267\345\255\246\345\210\260\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..7b2ee35
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\244\247\345\216\202\347\232\204 SDK \345\206\231\346\263\225\357\274\214\345\201\267\345\255\246\345\210\260\344\272\206\357\274\201.md"	
@@ -0,0 +1,262 @@
+# 大厂的 SDK 写法，偷学到了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 自己动手写 SDK 的经验技巧分享
+
+大家好，我是鱼皮。
+
+最近因为工作需要，自己动手写了一些项目的通用 SDK。在编写的过程中，我阅读和参考了不少公司中其他大佬写的 SDK，也总结了一些开发 SDK 的经验和技巧，给大家分享下~
+
+![](https://pic.yupi.icu/5563/202311060913646.png)
+
+在此之前，必须先给大家解释一下啥是 SDK。
+
+## 啥是 SDK ？
+
+SDK（Software Development Kit）即 **软件开发工具包** ，就是帮助我们开发出软件的工具集合，除了代码之外，一般还要搭配文档、示例等。
+
+一般 SDK 都是需要 **引入** 到项目中使用的。比如学 Java 的朋友最早接触的 JDK，就是用来开发 Java 软件的工具包，使用时需要编写 类似 `import java.util.*` 的语法来引入。此外，大部分的 SDK，都是需要通过人工或项目管理工具，将其文件下载到指定路径才能引入。
+
+![](https://pic.yupi.icu/5563/202311060913437.png)
+
+> 引入 SDK
+
+#### 使用 SDK 有什么好处呢？
+
+举个例子，假设公司有很多系统都需要实现文件上传功能。之前看过我文章的朋友应该知道，一个优秀的文件上传功能并不好做，要考虑很多点，比如分块、断点续传、秒传、文件存储、文件管理等。
+
+> 文件上传设计：https://mp.weixin.qq.com/s/3QXe4MSObJTP43M2gXWSlA
+
+显然，我们不需要给每个系统都去开发文件上传，而是只需要有一个团队舍身而出，编写一套 **通用的** 文件上传 SDK，然后让需要实现同样功能的系统引用就行了，这样就 **大大减少了工作量、提高了开发效率** 。
+
+![](https://pic.yupi.icu/5563/202311060913889.png)通用 SDK
+
+有点前人造车，后人享乐的意思~
+
+编写 SDK 又称 **造轮子** ，好的轮子不仅能够帮助团队省时省力，还能够减少一些项目在相同功能上的差异。就不要说同一个功能，小王写的要运行 1 秒，小李写的要运行 1 小时！
+
+而假设每个系统都去开发同样的功能，那就是 **重复造轮子** ，在大多数情况下，不是明智之举。
+
+理解了啥是 SDK 后，来看看如何写出优秀的 SDK 吧~
+
+## 手写 SDK 经验总结
+
+好的 SDK 应该具有简单易用、通俗易懂、便于扩展、高效稳定等特点。
+
+### 易用性
+
+如今，现成的轮子实在太多了！如何让你的轮子脱颖而出呢？那就要先提升 SDK 的易用性。
+
+我自己在技术选型时，就会倾向于优先选择简单易用的 SDK，最好是几行代码就能轻松使用，而不是必须要我读完老长一份文档，再写个几十行代码才能生效。
+
+就和产品说明书一样，太复杂直接把人劝退。
+
+![](https://pic.yupi.icu/5563/202311060913648.png)
+
+我们可以通过以下几点提高易用性：
+
+#### 统一调用
+
+将复杂的功能进行封装，对外提供统一的调用入口，尽量屏蔽一些实现细节，减少用户调用的流程和对参数的理解成本。
+
+举个例子，下面是两种日期处理函数。用户不需要关心他们是如何实现的，只需要知道怎么用、传递哪些参数、得到哪些返回值就行了。
+
+```
+// 第 1 种：需要 new 对象
+DateUtils dateUtils = new DateUtils();
+dateUtils.setDate('2021-08-31');
+Date date = dateUtils.parse();
+
+// 第 2 种：直接调用
+Date date = DateUtils.parse('2021-08-13');
+```
+
+那大家觉得哪种更易用呢？
+
+#### 集中配置
+
+将复杂的参数配置化，不需要让用户到处写参数，而是通过一个配置文件统一管理。
+
+Java 主流开发框架 SpringBoot 就是典型的例子，假如用户想改变内嵌服务器启动的端口、亦或是改变数据库的连接地址，不需要写代码，而是改一下配置文件就行了：
+
+```
+# 服务器配置
+server:
+  port: 8081
+# 数据库配置
+db:
+ ip: 10.0.0.1
+```
+
+此外，这样也便于维护项目和实现多环境。
+
+#### 良好命名
+
+给 SDK 的函数取名称时，尽量让它符合用户的习惯。
+
+比如具有解析功能的函数，可以叫 "parseXXX"；判断是否为空的函数，可以叫 "xx.isEmpty" 等。最好能做到让用户不看文档，只通过函数名称和参数，就知道你这个函数是做什么的。
+
+![](https://pic.yupi.icu/5563/202311060913655.png)好坏命名
+
+因此，想要写出好的 SDK，首先要多用、多参考别人的 SDK，养成习惯后你就会发现，大家起名儿都差不多。
+
+但也要注意一点，如果可以，尽量不要让你 SDK 中的类名（函数名）和别人的完全一致，否则可能给用户带来困扰：这么多同名的函数，我该用哪个呢？哪个是你开发的 SDK 呢？
+
+### 可理解性
+
+有时，用户可能不满足于简单地使用你的 SDK，而是希望阅读你的 SDK 源码来进一步了解，用的才更放心。
+
+因此，除了易用外，还要让你的 SDK 便于理解，不能金玉其外败絮其中。
+
+这个就和编码习惯有很大的关系了，无论是写 SDK 也好，还是做项目也罢，都要做到以下几点：
+
+#### 结构清晰
+
+把代码按照功能或类别进行整理，放到指定的目录下。常见的做法有分包、分层等，让人一眼就知道每个目录下的文件的作用。
+
+比如下面这个经典的 Java 项目结构，service 目录是编写业务逻辑的、constant 是存放常量的、utils 是存放工具类的等等，都很清晰：
+
+![](https://pic.yupi.icu/5563/202311060913892.png)Java MVC 项目结构
+
+#### 统一风格
+
+统一风格的目标很简单：让项目看起来是同一个人写出来的。
+
+比如代码缩进都用 4 个空格、命名都用驼峰式等。尤其是功能相似的代码，一定要保持命名和用法的统一！比如解析文本的函数，不要一会叫 "parseXXX"、一会儿又叫 "jiexiXXX"，给用户都整乐了~
+
+![](https://pic.yupi.icu/5563/202311060913830.png)
+
+但实际上，团队开发中，很难做到这点。因此才需要有一套通用的代码规范，大家都去遵守规范，才能让项目更好理解、更便于维护。
+
+#### 编写注释
+
+最好给 SDK 中的每个类和函数的 **开头** 都加上注释，这样用户在使用 SDK 时，甚至都不需要看文档，直接看代码注释就能知道它是干嘛的、怎么用。
+
+随便打开 Java SDK 或者网上知名 SDK 中的一个函数，一般都能看到这些注释，包括对函数功能的描述、参数含义、返回值含义等：
+
+![](https://pic.yupi.icu/5563/202311060913261.png)添加注释
+
+#### 说明文档
+
+除了注释外，还要编写一个说明文档（用户手册），包括如何引入 SDK 、有哪些功能、应该怎么使用等等，甚至还可以补充一些关键的实现细节、以及常见的问题列表。
+
+这点也会极大地影响用户的选择。就我个人而言，没有文档的 SDK 我一般是不会选用的，万一出了事我找谁呢？
+
+![](https://pic.yupi.icu/5563/202311060913175.png)
+
+### 可扩展性
+
+编写 SDK 的一大难点是：不仅要考虑到大部分通用的使用场景，还要满足小部分用户定制化的需求。
+
+因此，SDK 的可扩展性是很重要的，但怎么提升呢？
+
+#### 轻量依赖
+
+一方面，我们可以尽量减少 SDK 本身对其他类库的依赖。
+
+举个例子，假如你要做一个很轻小的工具类，可能只有几十 KB，那就没有必要再引入一个几百 KB 的依赖库了，得不偿失！别人也不乐意用啊！
+
+轻量依赖不仅可以减少 SDK 的体积，更关键的是可以减少依赖冲突的可能性。我自己也曾经遇到过很多次这样的尴尬局面：引入一个工具类后，整个项目就跑不起来了！
+
+![](https://pic.yupi.icu/5563/202311060913116.png)
+
+#### 自定义实现
+
+为了提高 SDK 的通用性和灵活性，在设计 SDK 时，除了提供默认实现外，建议提供一个通用接口或抽象类，让用户来继承，编写自己的实现方式。
+
+举个例子，假设我们要编写一个日期解析类，默认的解析规则是按照短横分割字符串：
+
+```
+// 按照 '-' 切分
+date = DateUtils.parse('2021-01-18')
+```
+
+如果只能做到这点，那这个 SDK 就很死板。因为用户可能想按照冒号或其他规则来解析。
+
+怎么实现呢？
+
+我们可以允许用户自己传入分割字符：
+
+```
+// 按照 '-' 切分
+parseRule = ':'
+date = DateUtils.parse('2021-01-18', parseRule)
+```
+
+还可以让用户自己来控制解析的方式：
+
+```
+// 自定义解析器
+interface MyParser extends Parser {
+  // 需要用户自己实现
+  void doParse();
+}
+// 指定解析器
+date = DateUtils.parse('2021-01-18', MyParser.class);
+```
+
+这两种方式在 SDK 的设计中屡见不鲜，此外还可以让用户自行编写或指定配置文件，也能提高灵活性。
+
+### 高效稳定
+
+其实，开发 SDK，尤其是在大厂开发 SDK，是个很 “坑” 的工作，我相信做过的朋友会感同身受。
+
+因为随着使用你 SDK 的用户越来越多，可能会发现各种各样莫名其妙的问题；而且 SDK 作为相对底层的依赖，对使用方的影响也是无法估量的。所以，不想经常加班改 Bug 的话，就要保证你 SDK 的稳定性。
+
+我们需要注意以下几点：
+
+#### 1. 测试
+
+为了保证每个功能都是正常的，我们可以编写 **单元测试**（UT）来最大程度上地覆盖 SDK 的功能和代码。
+
+尤其是每次改动代码后、发布新版本之前，都要再完整地执行一遍测试，不要盲目自信。
+
+![](https://pic.yupi.icu/5563/202311060913236.png)接口测试报告
+
+此外，还可以通过 **压力测试** 来估算 SDK 的执行效率，比如每秒最多同时执行 3 次、每次要执行 500 毫秒等。建议将这些信息补充到说明文档中，给用户一些预期。当然也可以尝试通过压测来优化 SDK 的性能。
+
+#### 2. 兼容性
+
+重要的函数和接口尽量减少改动，尤其是函数名、入参和返回值！
+
+举个例子，SDK 0.1 版本时，函数的定义是这样的：
+
+```
+boolean isValid(String str)
+```
+
+结果突然在 0.2 版本时改成了：
+
+```
+String checkValid(StringBuilder str)
+```
+
+这样就会导致用户升级时一脸懵逼，怎么报了一堆找不到函数呢？
+
+![](https://pic.yupi.icu/5563/202311060913195.png)
+
+因此，对于比较大的改动，可以新写一个函数，并且给老函数打上类似 `@Deprecated` 的注释，表示已过时，引导用户去用新的。
+
+此外，还可以在 **版本号** 上做做文章，小改动时只改变小版本号，比如 0.0.1 到 0.0.2；大改动时才改变大版本号，比如 1.0 到 2.0。这样可以给用户一个预期：这次改动很大，可能会存在不兼容。
+
+#### 3. 暴露异常
+
+要让用户感知到 SDK 代码中可能抛出的异常，交给他们去进行相应的处理，防止出现一些意料之外的错误。
+
+![](https://pic.yupi.icu/5563/202311060913037.png)
+
+此外，SDK 要合理地打印日志，尤其是异常日志，在出了问题时要让调用者知道是出了什么问题，便于排查。
+
+
+
+------
+
+
+以上就是本期分享，建议学编程的同学多自己动手写 SDK，并且按照本文的总结去优化它，对提升编程能力真的很有帮助！
+
+我是鱼皮，最后求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311060913314.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\345\206\231\345\245\275\346\226\207\346\241\243\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\345\206\231\345\245\275\346\226\207\346\241\243\357\274\237.md"
new file mode 100644
index 0000000..ed78e9f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\345\206\231\345\245\275\346\226\207\346\241\243\357\274\237.md"
@@ -0,0 +1,167 @@
+# 如何写好文档？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+还记得前段时间火遍全网的合成大西瓜游戏么？
+
+其实当我刚刚听说这个游戏的时候，属于村里刚刚通网，当时这个游戏都已经在网上传遍了，而且也有同学扒光了源码，并公开到了 GitHub 平台。
+
+![](https://pic.yupi.icu/5563/202311061005924.jpeg)
+
+正好当时是午休，我就看了下这个游戏的源码，发现做一些简单的修改难度并不大。正好有同学在网上求修改的方法，索性我就认认真真地出了一个『 魔改大西瓜教程 』，并且也在 GitHub 上建了一个项目。
+
+结果没想到，很快这个项目就后来居上，霸占榜首！相关教程也在网上疯传，总阅读量也有几十万！
+
+![](https://pic.yupi.icu/5563/202311061005022.png)
+
+值得一提的是，有一位 B 站的 **百大 UP 主**（粉丝 300w+）看到了我的项目后，主动联系我能否和他合作，为他的视频提供技术支持。
+
+作为一名 1024 线小 up，有机会和大佬合作，我是非常激动的，当晚我们就电话联系，并且第二天帮他完成了需要的作品。
+
+从那天之后，我就一直期待这位百大 up 发布这个视频， 小小地提携自己一笔。
+
+结果，这一等，一直等到了游戏过气，也没看到视频发出来。
+
+**特么的被鸽了！**
+
+![](https://pic.yupi.icu/5563/202311061005926.jpeg)
+
+不过我也没觉得生气，毕竟有圈层差距，在几百万粉的大佬眼里，这叫事儿么？
+
+但还是感谢他，让我明白了一个编程道理，那就是 **写好项目文档的重要性**。
+
+![](https://pic.yupi.icu/5563/202311061005865.jpeg)
+
+我当时问他，为什么网上这么多魔改大西瓜游戏的教程，我也不是最早发的，为什么偏偏选中了我呢？
+
+他说：“我看了很多的项目，只有你的项目文档上的链接，是可以直接访问的。”
+
+![](https://pic.yupi.icu/5563/202311061005910.png)部分项目文档
+
+原来如此，是 “第一眼” 的作用！
+
+现在网上的开源项目和产品太多了，如果想让更多用户使用你的项目，那一定要在 **入口处** 做足功夫。好的官网是公司产品的门面，同理，好的项目文档也是一个项目的牌面。所以，在开发项目的过程中，要持续写文档。
+
+**那如何为项目提供一份优质的文档呢？**
+
+### 如何写好文档
+
+什么样的文档算得上优质呢？我总结了下面几点，大家可以从这些角度来优化项目文档。
+
+#### 直观通俗
+
+如果是对外的项目文档，建议在文档的开头用最通俗的方式来让用户理解你这个项目是做什么的，而不是一上来就用些过于专业的术语。尽量让文档内容更直观，能让用户一眼 get 到项目的价值是最好的。
+
+比如可以在项目开头加入一些统计小徽标、列举一些项目亮点图片等，还可以用一些可视化图表来代替繁杂的数据表格，帮助用户更快地理解项目。
+
+阿里 Ant Design 的项目文档就很棒，大标题下用一句话介绍了项目是什么，然后用大量小徽标补充了项目的信息，并且放上了几张美观的组件截图。大家可以参考一下。
+
+![](https://pic.yupi.icu/5563/202311061005274.png)
+
+#### 可体验易上手
+
+除了内容要直观通俗外，如果能在文档中直接提供一个项目的在线体验地址，会给项目大大加分！
+
+毕竟有很多同学相对于看文档，更喜欢自己动手体验。
+
+![](https://pic.yupi.icu/5563/202311061005114.png)
+
+> 补充体验链接
+
+除了体验链接外，如果是可运行的项目，一定要提供快速运行项目的方法，比如怎么搭建环境、怎么启动项目、设置哪些参数等。可以再提供一个小 Demo，帮助用户快速使用和学习项目。
+
+对于后端项目，最好能够提供一些在线的数据源，不需要用户自己在本地搭建数据库和造数据。
+
+这一点，Ant Design 的文档做的依然很好，提供了两种安装方式和简单的组件用法：
+
+![](https://pic.yupi.icu/5563/202311061005415.png)
+
+> 安装和用法指引
+
+如果是开源项目，可以在文档中补充参与项目贡献的方式，吸引更多朋友为你的项目做贡献。
+
+![](https://pic.yupi.icu/5563/202311061005319.png)
+
+值得一提的是，现在很多云平台都支持用户一键部署项目，在文档中补充这个功能，能让用户更方便地运行你的项目，无需自己在本地搭建环境。
+
+比如当时我给魔改大西瓜项目文档中添加了腾讯云一键部署按钮，可以直接上线魔改网站！
+
+![](https://pic.yupi.icu/5563/202311061005368.png)
+
+#### 简洁清晰
+
+一定要好好梳理下内容的顺序，尽量化繁为简，还要划分板块，让整个文档更加结构化，清晰又有条理。
+
+如果项目文档内容较多，在文档开头，还要有明确的目录或菜单引导。
+
+![](https://pic.yupi.icu/5563/202311061005090.png)
+
+> 清晰的目录
+
+#### 排版工整
+
+想要提高代码的可读性，就要对其进行格式化。同理，写文档也讲究排版和格式，统一的排版和规范的格式能够提高文档的可读性，给用户良好的体验。
+
+网上有一份开源的『 中文文案排版指北 』，统一了中文文案、排版的相关用法，帮助你写出优雅的文档，降低团队成员之间的沟通成本，增强网站气质。
+
+比如中英文之间要添加空格、数字与单位之间需要增加空格等，文档地址见文末。
+
+![](https://pic.yupi.icu/5563/202311061005926.png)
+
+> 中英文之间要添加空格
+
+#### 答疑
+
+如果很多用户都对项目有相似的疑问，不妨在文档中补充答疑（FAQ 经常被问的问题），整理些常见的问题供用户自己参考。可以降低团队维护项目的成本，并且也让用户明白，这个项目的负责人非常贴心，值得信赖！
+
+我在维护魔改大西瓜项目时，基本每天都有数百个问题，如果不采用这种方式，挨个回答问题，一天可能都回答不完！
+
+![](https://pic.yupi.icu/5563/202311061005441.png)
+
+> 整理问题列表
+
+#### 易搜索
+
+文档内容较多时，如果提供全文搜索功能，可以帮助读者更快找到自己的感兴趣内容。
+
+现在有很多的文档站点生成工具，只要将写好的文档放到工具目录下，就能自动给你生成一个支持搜索的网站，还可以发布到服务器上供其他人公开访问！
+
+![](https://pic.yupi.icu/5563/202311061005450.png)
+
+> 搜索
+
+常用的文档站点生成工具有：Docsify、VuePress、Docusaurus、Dumi 等。
+
+用法很简单，可以参考这篇文章：[实战 | docsify+云开发，高效创造你的文档网站](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247483812&idx=2&sn=baf9b9ebdb79a0f00cb2c5031e58b06c&scene=21#wechat_redirect)
+
+#### 界面美观
+
+文档的内容很重要，但也要保证文档页面的美观，否则也会影响用户的阅读体验和效率。
+
+比如下面两种风格的文档，我会更倾向于后者的界面风格。
+
+
+
+> 经典风格：
+
+![](https://pic.yupi.icu/5563/202311061005689.png)
+
+
+
+> 清新风格：
+
+![](https://pic.yupi.icu/5563/202311061005970.png)
+
+通常也不需要我们自己来设计和开发文档的界面，大部分平台都提供了默认样式。也可以用上面提到的文档站点生成工具，选用工具提供的主题，或者自定义文档界面。
+
+
+
+------
+
+
+
+最后，通过这件事，我还明白了一点：成功的路上没有捷径，还是要靠自己啊！💪
+
+![](https://pic.yupi.icu/5563/202311061005119.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\224\250 IDEA \346\217\220\345\215\207\345\274\200\345\217\221\346\225\210\347\216\207\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\224\250 IDEA \346\217\220\345\215\207\345\274\200\345\217\221\346\225\210\347\216\207\357\274\237.md"
new file mode 100644
index 0000000..0938a46
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\224\250 IDEA \346\217\220\345\215\207\345\274\200\345\217\221\346\225\210\347\216\207\357\274\237.md"	
@@ -0,0 +1,313 @@
+# 如何用 IDEA 提升开发效率？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+工欲善其事，必先利其器。想要提升编程开发效率，必须选择一款顺手的开发工具。
+
+JetBrains 公司提供了一系列功能强大、风格统一的开发工具，深受开发者喜爱。其中，IDEA 是**面向 Java 开发的专业 IDE**（集成开发环境），**90% 以上**的企业都在使用 IDEA 进行 Java 开发，而不是用其他的工具如 Eclipse。
+
+![](https://pic.yupi.icu/5563/202311060959831.png)
+
+但是，想要开发效率最大化，仅有好的开发工具是不够的，还要能够熟练地使用它。对于 IDEA 的新用户来说，面对功能如此丰富的开发工具可能会有些迷茫，但又不想花时间去学习如何使用，于是仅仅把它当做能编写代码的记事本了（就是好看点），大材小用。
+
+鱼皮为大家总结了自己掌握的 IDEA 使用技巧，包括**实用插件、开发技巧和阅读源码的技巧等**。只需花 **5 分钟**的时间阅读，即可提升十倍的开发效率！
+
+![](https://pic.yupi.icu/5563/202311060959019.jpeg)
+
+什么，你说 IDEA 太贵用不起？如果还是**学生党**，可以**免费使用** IDEA 及 JetBrains 全系列产品哦~
+
+地址：https://www.jetbrains.com/shop/eform/students
+
+
+
+## **快捷键**
+
+要使用任何 IDE（集成开发环境）提升开发及阅读源码的效率，首先要活用快捷键。
+
+在 IDEA 中，可以在 preferences 的 keymap 设置中查询及设置快捷键，如图：
+
+![](https://pic.yupi.icu/5563/202311060959830.png)
+
+
+
+## **实用插件**
+
+**1. Key Promoter X**
+
+快捷键提示插件。当你执行鼠标操作时，如果该操作可被快捷键代替，会给出提示，帮助你自然形成使用快捷键的习惯，告别死记硬背。
+
+地址：https://plugins.jetbrains.com/plugin/9792-key-promoter-x/
+
+![](https://pic.yupi.icu/5563/202311060959354.gif)
+
+**2. AiXcoder Code Completer**
+
+代码提示补全插件。使用 AI 去自动提示和补全代码，比 IDEA 自带的代码补全更加智能化。
+
+地址：https://plugins.jetbrains.com/plugin/13574-aixcoder-code-completer/
+
+![](https://mmbiz.qpic.cn/mmbiz_gif/mngWTkJEOYIBFQNTIq3T30Ugk7P3vfgcHGff1pRvHllEQpQvibTyMib5XrndXPNJd9ia8lMapzxJcyht3KPZXYBTA/640?wx_fmt=gif&wxfrom=5&wx_lazy=1)
+
+**3. Arthas Idea**
+
+Arthas 命令生成插件。Arthas 是阿里开源的 Java 在线诊断工具，该插件可以自动生成 Arthas 在线 Java 代码诊断命令，不用再到官网翻文档拼命令啦！
+
+地址：https://plugins.jetbrains.com/plugin/13581-arthas-idea/
+
+![](https://pic.yupi.icu/5563/202311060959758.png)
+
+**4. Auto filling Java call arguments**
+
+代码生成插件。通过快捷键自动补全函数的调用参数，针对包含大量参数的构造函数和方法非常有用！
+
+地址：https://plugins.jetbrains.com/plugin/8638-auto-filling-java-call-arguments/
+
+![](https://pic.yupi.icu/5563/202311060959034.png)
+
+**5. GenerateAllSetter**
+
+代码生成插件。一键生成指定对象的所有 set 方法调用代码，自动赋值，或者生成某方法的返回值，这在单元测试造假数据时非常有用。
+
+地址：https://plugins.jetbrains.com/plugin/9360-generateallsetter/
+
+![](https://pic.yupi.icu/5563/202311060959666.png)
+
+**6. GenerateSerialVersionUID**
+
+代码生成插件。一键为实现 Serializable 接口的类生成 SerialVersionUID。
+
+地址：https://plugins.jetbrains.com/plugin/185-generateserialversionuid/
+
+![](https://pic.yupi.icu/5563/202311060959471.png)
+
+**7. GsonFormat**
+
+代码生成插件。在类中使用，粘贴一段 Json 文本，能自动生成对象的嵌套结构代码。
+
+地址：https://plugins.jetbrains.com/plugin/7654-gsonformat/
+
+![](https://mmbiz.qpic.cn/mmbiz_gif/mngWTkJEOYIBFQNTIq3T30Ugk7P3vfgcQXOF3x0f2zWeXicgWQ3mEeY74ic7Eib6exT4TDxttIrh5Uz9dH8IKevfw/640?wx_fmt=gif&wxfrom=5&wx_lazy=1)
+
+**8. Lombok**
+
+代码生成插件。配合 Lombok 依赖及注解使用，能够大大减少 POJO（简单老式 Java 对象）的代码量。
+
+安装插件后还要开启注解支持，可以参照这篇文章进行配置：https://www.baeldung.com/lombok-ide 。
+
+插件地址：https://plugins.jetbrains.com/plugin/6317-lombok/
+
+**9. Rainbow Brackets**
+
+代码浏览插件。通过颜色区分括号嵌套层级，便于阅读，能够更快地对错误代码进行定位和调整。但是建议不要在代码中出现大量的嵌套哦！
+
+地址：https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/
+
+![](https://pic.yupi.icu/5563/202311060959406.png)
+
+**10. CodeGlance**
+
+代码浏览小地图插件。在编辑器右侧生成 code minimap，可以拖拽小地图光标快速定位代码，阅读行数很多的代码文件时非常实用。
+
+地址：https://plugins.jetbrains.com/plugin/7275-codeglance/
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYIBFQNTIq3T30Ugk7P3vfgcSJ9gErRuVwYreMPWV4T0tqh8Q3eG1DerNdPIjjXFqCgsewUb6LMFUQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+**11. GitToolBox**
+
+Git 增强插件。在自带的 Git 功能之上，新增了查看 Git 状态、自动拉取代码、提交通知等功能。最好用的是可以查看到每一行代码的最近一次提交信息。
+
+地址：https://plugins.jetbrains.com/plugin/7499-gittoolbox/
+
+![](https://pic.yupi.icu/5563/202311060959320.png)
+
+**12. Translation**
+
+翻译插件。程序员最痛苦的事莫过于阅读代码时遇到不懂的英文单词，有了这个插件，鼠标选中文本，点击右键即可自动翻译成多国语言。
+
+地址：https://plugins.jetbrains.com/plugin/8579-translation/
+
+![](https://pic.yupi.icu/5563/202311060959444.gif)
+
+## **开发技巧**
+
+通过插件可以给 IDEA 增加新功能，但是 IDEA 自带的功能也非常强大，有很多实用的开发技巧。
+
+1. 使用上述代码生成和浏览插件
+
+2. **熟练使用快捷键**，通过上述 Key Promoter X 插件渐进式熟悉快捷键。
+
+网上对快捷键的整理太多了，此处不再赘述，可以参考这两篇文章：
+
+\- IDEA Mac 快捷键指南，地址：https://www.jianshu.com/p/454c71172c46
+
+\- IDEA Win 常用快捷键，地址：https://www.jianshu.com/p/5de7cca0fefc
+
+比较常用的快捷键是**换行、复制/删除当前行、代码格式化等**。
+
+3. **利用快捷键为类快速生成代码**（Win: Alt+Insert，Mac: command + n）
+
+![](https://pic.yupi.icu/5563/202311060959087.png)
+
+**4. 运用代码模板（Live Templates）**
+
+代码模板是 IDEA 中非常好用的功能，可以**通过缩写（关键词）来生成指定的代码段**，很多重复的代码都可以用这种方式来快速生成，提高效率的同时降低了出错概率。
+
+示例如下：
+
+![](https://pic.yupi.icu/5563/202311060959461.gif)
+
+IDEA 为我们内置了很多代码模板，比如 main：
+
+![](https://pic.yupi.icu/5563/202311060959139.png)
+
+也可以自己定义缩写和要生成的代码段：
+
+![](https://pic.yupi.icu/5563/202311060959228.png)
+
+还可以使用预定义变量、自定义变量及使用内置函数，更多高级用法可以参考这篇文章：IDEA 中 live template 的详细使用教程（地址：https://www.jianshu.com/p/3974df6572af）
+
+**5. 使用内置剪切板保存复制历史**
+
+写代码的必备技能是复制粘贴，不仅可以提高效率，还可以降低出错率（比如用户、秘钥、地址等信息）。
+
+![](https://pic.yupi.icu/5563/202311060959144.gif)
+
+IDEA 内置了剪切板，可以帮助我们保存复制历史，粘贴时按 shift + ctrl + v 即可选择复制。
+
+![](https://pic.yupi.icu/5563/202311060959925.png)
+
+不满足于内置的剪切板？还可以使用更高级的软件：Ditto（Windows）或 Alfred（Mac）
+
+**6. 使用内置的 Git**
+
+IDEA 内置了 Git 辅助工具，能够可视化分支管理/切换，代码提交/更新/冲突解决/回退，代码历史版本查看等。在顶部菜单 VCS > Git 中可以查看所有功能：
+
+![](https://pic.yupi.icu/5563/202311060959116.png)
+
+在底部栏中可以查看 Git 日志：
+
+![](https://pic.yupi.icu/5563/202311060959965.png)
+
+**7. 使用内置 HTTP Client 测试接口**
+
+不需要再使用 Postman 等外置接口测试工具了，IDEA 内置了 HTTP Client，通过编写请求脚本来进行调用，非常灵活。
+
+在顶部菜单的 Tools > HTTP Client 中打开：
+
+![](https://pic.yupi.icu/5563/202311060959649.png)
+
+> 编写脚本进行 HTTP 接口测试：
+
+![](https://pic.yupi.icu/5563/202311060959670.png)
+
+详细用法请阅读官方使用文档，地址：https://www.jetbrains.com/help/idea/http-client-in-product-code-editor.html
+
+
+
+## **阅读源码技巧**
+
+优秀的程序员一定会阅读很多源码，阅读源码也是有很多技巧的。
+
+通常，根据他人总结的项目文档，先看整体（目录和类图）再看局部（类和函数）。对于 Java 项目，就是先查看包的层级关系，然后分析包中类（接口）之间的关系，包括继承、实现、委托、方法调用等，最后再查看某个类具体的属性和方法的具体实现。
+
+IDEA 为整个阅读源码的过程提供了一系列好用的功能支持，能够大大提高阅读效率。
+
+**1. 文件/类搜索**
+
+根据文件名搜索文件/类
+
+快捷键：shift + shift（连按两次）
+
+![](https://pic.yupi.icu/5563/202311060959589.png)
+
+**2. 字段搜索**
+
+根据文件内容搜索，可直接定位到目标内容位置，支持局部（当前文件或选中代码段）和全局搜索（项目/模块/目录/作用域等）
+
+局部搜索快捷键：Win: Ctrl + F  Mac: Command + F
+
+全局搜索快捷键：Win: Ctrl + shift + F  Mac: Command + Shift + F
+
+![](https://pic.yupi.icu/5563/202311060959706.png)
+
+**3. 跳转到上/下次光标的位置**
+
+查看源码时，经常需要在两个类中来回跳转，这个功能就变得相当实用！
+
+查看上次光标位置快捷键：Win: Alt + ←  Mac: Option + Command + ←
+
+查看下次光标位置快捷键：Win: Alt + →  Mac: Option + Command + →
+
+**4. 查看接口的实现类（或接口方法的实现）**
+
+如果光标选中接口方法，直接跳转到该方法的具体实现。如果有多个实现，则可以选择跳转到指定的实现类。
+
+快捷键：Win: Ctrl + Alt + B  Mac: Option + Command + B
+
+![](https://pic.yupi.icu/5563/202311060959651.png)
+
+**5. 查看方法调用树**
+
+可以查看指定方法的所有调用方和被调方。
+
+快捷键：Win: Ctrl + Alt + H  Mac: Control + Option + H
+
+![](https://pic.yupi.icu/5563/202311060959064.png)
+
+**6. 查看类关系图**
+
+非常实用的功能，直观清晰地展现类的关系，便于分析。
+
+快捷键：Win: Ctrl + Alt + U  Mac: Shift + Option + Command + U
+
+![](https://pic.yupi.icu/5563/202311060959689.png)
+
+**7. 查看类的继承树**
+
+能够查看类的父类和子类继承关系。
+
+快捷键：Win: Ctrl + H  Mac: Control + H
+
+![](https://pic.yupi.icu/5563/202311060959120.png)
+
+**8. 查看定义的变量在哪里被声明/调用**
+
+如果光标在变量声明处，则查看使用该变量的代码；如果光标在使用变量处，则查看变量的声明位置。
+
+快捷键：Win: Ctrl + B  Mac: Command + B 或按住 Ctrl / Command 点击鼠标左键
+
+![](https://pic.yupi.icu/5563/202311060959058.png)
+
+**9. 查看定义的变量在哪里被调用**
+
+功能和上述功能类似，仅查看变量的调用位置。
+
+快捷键：Win: Ctrl + Alt + F7  Mac: Option + Command + F7
+
+**10. 查看类的结构**
+
+能够查看某一个类的属性、域、方法、继承方法、匿名类、Lambdas，并快速跳转到指定位置。
+
+快捷键：Win: Alt + 7  Mac: Command + 7
+
+![](https://pic.yupi.icu/5563/202311060959819.png)
+
+**11. 查看每行代码的提交信息（需被 Git 管理）**
+
+在代码行数列表处右键，点击 Annotate 开启代码提交信息显示：
+
+![](https://pic.yupi.icu/5563/202311060959618.png)
+
+效果如下，烂代码元凶快快显形！
+
+![](https://pic.yupi.icu/5563/202311060959572.png)
+
+
+
+------
+
+以上就是鱼皮总结的 IDEA 使用技巧啦，快去写几行代码熟悉下吧~
+
+大家还有什么好用的 IDEA 插件和使用技巧，欢迎评论区告诉鱼皮！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md"
new file mode 100644
index 0000000..eff1f29
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\347\273\231\347\237\245\345\220\215\345\274\200\346\272\220\351\241\271\347\233\256\350\264\241\347\214\256\344\273\243\347\240\201\357\274\237.md"
@@ -0,0 +1,106 @@
+# 如何给知名开源项目贡献代码？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮的小老弟阿巴，大家也可以叫我小阿巴。
+
+![](https://pic.yupi.icu/5563/202311060923553.jpeg)
+
+我也对编程非常感兴趣，但还是小白一枚。这几天放假来哥哥家玩，本来想着鱼皮哥哥学计算机、设备多，会带我打打游戏什么的。结果没想到刚到他家，就问我编程学的怎么样了，甚至还想拉着我敲几天代码。
+
+![](https://pic.yupi.icu/5563/202311060923452.jpeg)
+
+第一天，鱼皮哥哥就问我知不知道一个叫 GitHub 的网站。这我怎么会不知道，世界上最大的代码开源平台呗，可以在上面找到很多对学编程有帮助的项目。他之前写过一篇怎么找优质项目的文章：[【硬核干货】如何高效找到优质编程项目？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492597&idx=1&sn=a4629094599f5b821ec2698ea4ef11f5&scene=21#wechat_redirect)，我还是认真看了的。
+
+![](https://pic.yupi.icu/5563/202311060923543.jpeg)
+
+然后他接着问我有没有参与过开源项目、贡献代码什么的。这我还真没试过，虽然一直在 GitHub 上看项目，但从来没有想过自己参与项目。一方面是担心自己实力不够，觉得能给开源项目贡献代码的都是大神；另一方面是不知道如何给项目贡献代码、从何处下手。
+
+![](https://pic.yupi.icu/5563/202311060923553.jpeg)
+
+没想到鱼皮邪魅一笑，说：“其实贡献代码没那么难，让我来教你吧！”
+
+完了，这下整个假期估计就只能敲代码了。
+
+![](https://pic.yupi.icu/5563/202311060923452.jpeg)
+
+不过没想到，在鱼皮哥哥的指导下，很快我就学会了如何给开源项目贡献代码，还实际操作了一波！
+
+我做了些笔记，下面分享给大家，帮助每位学编程的同学参与到开源项目中。
+
+![](https://pic.yupi.icu/5563/202311060923075.png)
+
+## 第一次参与开源
+
+相信很多同学和我一样，对参与开源项目望而却步，主要是因为这两点：
+
+1. 不知道如何贡献代码
+2. 找不到合适的项目参与，不知道贡献哪些代码
+
+下面推荐两个方法，分别解决这两个问题。
+
+\###如何贡献代码
+
+其实，GitHub 上就有一个现成的教程项目 `first-contributions`，为初学者带来一个简单的方法来学习及参与开源项目。
+
+如该项目作者所说，没有什么学习方法能比实际动手做更好，因此，这个项目不是简单的图文教程、更没有繁杂的理论知识，更像是一本有趣的说明书，一步步引导你去使用 GitHub 的 Fork、Clone、分支、代码提交、代码发布、提交 Pull Request（合并请求）等完整的项目代码提交流程。
+
+![](https://pic.yupi.icu/5563/202311060923231.png)
+
+> fork 仓库
+
+作者非常慷慨，允许大家直接拿这个教程项目来实战学习，并接受大家的合并请求。由于这个项目的 star 数也接近 2 万，所以只要你跟着教程给这个项目做贡献，也可以说是参与了一个知名项目啦！
+
+![](https://pic.yupi.icu/5563/202311060923069.png)
+
+> 发起合并请求
+
+### 找到自己能贡献的代码
+
+学会了贡献代码的操作方法后，到哪儿去找适合自己的项目去参与和贡献呢？
+
+建议首选自己熟悉的项目，在熟悉的项目中再优先选择自己用的比较多的功能，先试着贡献一些小的修改。通常先从修复一些文档的 bug、或者补充文档和代码注释开始。比如现在很多 GitHub 的成熟项目发展飞速，但可能成员都去开发新功能了，导致文档年久失修，如果你正好用到了这个项目，发现了文档的错误，不妨试着修复一下，虽然工作不大，但相信会给你带来很大的成就感。
+
+![](https://pic.yupi.icu/5563/202311060923982.png)
+
+> 很多项目的文档都有编辑链接
+
+通过阅读和修改文档，你可以进一步熟悉项目，了解他的设计思想和技术架构。平时如果在使用项目功能时遇到 bug，可以 **提个 issues**（不是只有提交代码有价值，提出问题也是在做贡献），然后可以试着自己修复这个小 bug，有些可能只需要改几行代码，但影响会很大，成功修复也能得到很多同学的认可，从而激励你进一步优化和完善这个功能，提升自己的水平。
+
+哪怕自己没有遇到什么项目的 bug，也可以直接到项目的 issues 页面 **查看其它同学遇到的问题**，很多问题其实并不麻烦，只是官方无暇去解决，这往往就是我们参加开源的最佳时机。
+
+比如阿里的 Ant Design 项目，还有近 600 个待解决的问题！
+
+![](https://pic.yupi.icu/5563/202311060923427.png)
+
+这么多的 issues，**怎么选择适合初学者解决的问题呢**？
+
+其实非常简单，直接访问 `github.com/<owner>/<repository>/contribute` 地址，就能够查找出指定仓库中适于初学者参与的议题。
+
+比如 Ant Design 项目，就访问地址：https://github.com/ant-design/ant-design/contribute，进入到仓库贡献页，其实就是在仓库后面加个 `contribute` 而已。
+
+然后你就能看到很多打上了 `good first issue` 标签、适合初学者解决的问题，以及一份仓库贡献指南：
+
+![](https://pic.yupi.icu/5563/202311060923484.png)仓库贡献页面
+
+这些问题通常解决难度不大、成本不高，而且非常具有学习意义。
+
+![](https://pic.yupi.icu/5563/202311060923143.png)
+
+> 试着解决 issue
+
+强烈建议先 **阅读贡献指南**，然后学习下别人解决问题的思路，再自己动手尝试！
+
+当你解决的问题越来越多，或者对项目足够熟悉后，你可以给整个项目开发新功能，甚至加入项目的核心团队！当然，这是后话，从编程小白逆袭为开源大佬，不敲个几十万行代码，我觉得不行。
+
+![](https://pic.yupi.icu/5563/202311060923609.jpeg)
+
+------
+
+
+
+好了，就分享到这里。
+
+虽然这个假期被鱼皮哥哥拉去敲了几天代码，没有打成游戏，但还是 **点个在看 + 赞** 感谢他吧，以后多给开源项目贡献代码，俺的水平不得起飞了啊！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\350\266\205\345\211\215\345\256\214\346\210\220\345\267\245\344\275\234\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\350\266\205\345\211\215\345\256\214\346\210\220\345\267\245\344\275\234\357\274\237.md"
new file mode 100644
index 0000000..14468ca
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\350\266\205\345\211\215\345\256\214\346\210\220\345\267\245\344\275\234\357\274\237.md"
@@ -0,0 +1,263 @@
+# 如何超前完成工作？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 原计划 7 天的工作，1 小时完成！是我开挂了么？
+
+大家好，我是鱼皮，今天分享自己工作中的小欢喜，也希望给大家带来一些编程上的思考。
+
+![](https://pic.yupi.icu/5563/202311061008148.png)
+
+### 孽起
+
+事情是这样的，最近在开发一个 **仅限内部使用** 的数据分析系统，我做后端，另外一个哥们做前端。
+
+我们要实现的功能是：用户可以在界面上任意输入 SQL 数据查询语句，并将它保存下来，生成一个数据看板。以后用户可以随时打开这个看板来浏览和分析 SQL 查询出的最新数据，而无需反复输入 SQL 语句。
+
+**举个例子！**
+
+假如我们有一个很大的数据仓库，存了海量的数据，有男有女：
+
+![](https://pic.yupi.icu/5563/202311061008134.png)
+
+产品同学可能只想对部分数据进行分析，于是写了下列 SQL 语句来查询所有男性：
+
+```
+select * from table
+ where 性别 = '男';
+```
+
+将该 SQL 语句保存，得要一个 “男性数据看板”，之后，就可以在该看板页面查看和分析所有男性数据啦。
+
+![](https://pic.yupi.icu/5563/202311061008145.png)
+
+> 数据看板
+
+要实现这个需求，一种最简单的方式就是，直接将用户在界面上输入的 SQL 字符串发给后端保存，需要看数据时，后端再用这个字符串从数据库中查询数据即可。
+
+写 SQL 配置流程：
+
+![](https://pic.yupi.icu/5563/202311061008117.png)
+
+打开看板浏览数据流程：
+
+![](https://pic.yupi.icu/5563/202311061008123.png)
+
+既然是允许用户任意输入的，那么问题就来了。
+
+假如小粗心不小心打错了 SQL 语句：
+
+```
+# 错误 ❌
+sleetc * from table
+# 正确 ✅
+select * from table;
+```
+
+又或者小迷糊记错了 SQL 的语法：
+
+```
+# 错误 ❌
+select table from a;
+# 正确 ✅
+select a from table;
+```
+
+甚至是小捣蛋不按规矩出牌，输入一些乱七八糟的字符：
+
+```
+# 错误 ❌
+select q^q from table;
+# 正确 ✅
+select q from table;
+```
+
+如果把这些错误的 SQL 语句发给后端，后端直接用它来查数据库，必然会导致查询错误，查了个寂寞。
+
+对于实时查询来说，这没啥问题，查询失败了大不了再修改语句查询一次呗。
+
+但我要做的需求是允许用户将查询语句作为看板配置永久保存下来，便于后续自动查询数据。而且写 SQL 配置的用户可能和看数据的用户不是同一个人，如果小 A 在配置时就没有发现 SQL 语句是错误的，那到时候来查看数据看板的小 B 就会一脸懵逼，咋特么看不到数据呢？是数据还没准备好，还是查询出来的数据就是 0 行呢，还是说我没有浏览权限呢？
+
+他根本不会想到，已经配置成功的 SQL 语句，竟然是错误的！
+
+![](https://pic.yupi.icu/5563/202311061008175.png)
+
+因此，需要在配置时就对用户输入的 SQL 进行校验，看看它是否合法。
+
+做个比喻，前端是一名底层员工（无知的小开发），后端是小组长，数据库是大老板。小开发做了个需求之后，应该先交给小组长检查，小组长说没问题之后，再给大老板验收。
+
+**那如何校验 SQL 语句呢？**
+
+因为用户的输入是完全不确定的，他们写的 SQL 语句可能又臭又长。所以我刚想到这个需求，就觉得脑阔疼，感觉贼麻烦，不保守地给自己计划 7 天完成。
+
+大家可以先想想如果让你实现 SQL 语句校验，你会怎么做？
+
+下面是我的思考过程。
+
+![](https://pic.yupi.icu/5563/202311061008891.png)
+
+### 绞尽脑汁
+
+首先，我们要明确：是在前端，还是在后端校验？
+
+其实，无论在前端还是后端，校验都至关重要，可以有效防止很多错误的输入。但由于最终是后端程序来直接操作数据库，可以说是数据库的最后一道防线，因此建议 **将校验逻辑写在后端**。数据库很嫩，他自己把握不住，需要后端程序来帮他把握把握。
+
+那如何在后端去校验 SQL 呢？
+
+#### 找现成的
+
+首先，遇事不决问百度，不行再去搜仓库。现在网上的开源项目很多，那不妨搜搜看，有没有现成的 SQL 校验类库。最理想的情况是，有一个工具类函数，我传给他 SQL 字符串作为参数，他直接返回给我 true 或 false。
+
+然而，我发现自己在想 peach，各种开源项目都搜遍了，没有找到能开箱即用的 PostgreSQL 校验库。
+
+![](https://pic.yupi.icu/5563/202311061009060.png)
+
+看来，只能自己动手，丰衣足食了。
+
+#### 模拟查询
+
+要自己实现校验，我第一时间想到的方法是模拟一次查询。用户刚刚写好 SQL 语句后，即便他现在并不需要浏览数据查询结果，我也可以在他保存配置时，用他写的 SQL 去查询一次数据库。假如查询没报错，就说明 SQL 语句合法，允许保存。
+
+这种方式最直接，也最方便，基本没有任何的开发成本，贼香！就好比一名小开发写完烂代码后，交给小组长，但小组长不讲武德，自己看不懂代码（也可能是不想看），索性就把代码直接丢给大老板，大老板说没问题了，小开发再上线。小组长狂喜！
+
+![](https://pic.yupi.icu/5563/202311061009009.png)
+
+但是，有个致命的问题：用户在配置 SQL 语句时，数据表可能还没准备好，无论语句是否正确，都无法查出数据。
+
+所以，在将 SQL 语句直接发向数据库前，要先确认数据表是否存在。若存在，可以通过模拟查询的方式校验；若不存在，只能在后端通过其他方式校验。
+
+就好比小组长想把烂代码直接丢给大老板时，大老板不在，这时，只能靠自己来检查了。
+
+![](https://pic.yupi.icu/5563/202311061009003.jpeg)
+
+#### 正则表达式
+
+要在程序中校验字符串，我最先想到的是 **正则表达式**，即用特定语法来匹配同一类具有相似规则的字符串，常见的有校验手机号、校验邮箱、校验身份证等。
+
+在使用正则表达式进行校验前，我们要先对字符串进行分析，看它们是否具有相似的结构、哪些部分相似。比如 QQ 邮箱，结构很规整，基本都是 `xxx@qq.com`，因此，可以用正则表达式 `/^\w+@qq.com$/` 来校验。
+
+回过头来看我们的需求，要校验的是 SQL 语句，似乎也比较规整，无非就是查询哪个表、选哪些行、选哪些列、怎么排序等等，大概的结构是这样：
+
+```
+SELECT select_list 
+[ INTO new_table ] 
+FROM table_source 
+[ WHERE search_condition ] 
+[ GROUP BY group_by_expression ] 
+[ HAVING search_condition ] 
+[ ORDER BY order_expression [ ASC | DESC ] ]
+```
+
+根据这个结构，很容易编写出粗略的正则表达式。但是，数据业务中的 SQL 语句可比这复杂得多，包含各种四则运算、IF ... ELSE 条件判断、CASE ... WHEN ... 分支，字符串、日期类型处理函数，还有各种聚合函数等，比如下面这个 SQL：
+
+```
+select a as b, 
+ sum(case when (false) then d / a else 2 end) as c
+ from table
+ where a = 1
+ group by b, c;
+```
+
+如果以上这些零碎的语法都用正则表达式来匹配，可就太麻烦了！想想脑阔又疼了。
+
+![](https://pic.yupi.icu/5563/202311061009001.png)
+
+#### 解析表达式
+
+既然编写一套正则表达式比较麻烦，那我能想到的就只有把 SQL 打的稀吧碎了。可以用类似编译原理语法分析的方式，搞一个 SQL 解析器，将完整的 SQL 语句转换为一颗抽象语法树（AST），每个节点都是一个小表达式，从而能够更精细地校验 SQL 语句的合法性。
+
+![](https://pic.yupi.icu/5563/202311061009116.png)
+
+> SQL 表达式抽象语法树
+
+如果自己从零开始实现这样一套 SQL 解析器，实在是太麻烦了，而且不具备一定的专业知识也写不出来。因此，我先到网上去搜索一番，看看有没有现成的解析器引擎。
+
+这次的搜索结果还算满意，找到了一些知名解析引擎，但是看了一圈，读了半天，发现很难直接去使用他们的源码。那委曲求全的方式就是照着他们的源码自己写一个解析器了。
+
+想到这里，头顶不仅感受到了一丝寒凉，感觉给自己估时 7 天都少了。
+
+![](https://pic.yupi.icu/5563/202311061009959.png)
+
+### 移花接木
+
+第二天，我又思考了一下，网上有那么多现成的类库，难道就没有一个能满足我的需求？即使没有完全现成的，能不能找个相对好用的呢？
+
+毕竟自己来写这复杂的校验逻辑实在太麻烦了，所以我必须再挣扎一下！
+
+于是，我掏出了御用小黄鸭，开始对着它念叨：SQL 校验、SQL 校验、SQL 校验。。。
+
+![](https://pic.yupi.icu/5563/202311061009162.png)
+
+我：什么时候会用到 SQL 校验呢？
+
+小黄鸭：需要查数据库的时候。
+
+我：什么东西会去查数据库呢？
+
+小黄鸭：框架、数据库连接池、或者代理。
+
+我：那这些玩意在查数据库的时候，会帮我们做校验么？
+
+小黄鸭：校验校验，你就知道校验，你需要的功能一定是校验么？
+
+**等等，我好像恍然大悟了！**
+
+既然没办法直接搜到现成的 SQL 校验类库，那不妨来个 **移花接木**，想一想其他的类库中是否包含 SQL 解析功能，如果解析失败，不就表示 SQL 非法，校验不通过么！
+
+![](https://pic.yupi.icu/5563/202311061009097.png)
+
+我开始回想自己以前用过的和访问数据库有关的技术，突然想到，阿里的 Druid 数据库连接池类库好像有一个 SQL 语句格式化的功能，能把杂乱的 SQL 重新排版。既然能对 SQL 格式化，是不是意味着，这个类库有能力对 SQL 语句进行解析呢？
+
+仔细一查 Druid 的文档，发现还真有一个类叫 `SQLUtils`，这个类有一个方法叫 `parseStatements`，可以对多种不同的 SQL 方言进行解析，比如 MySQL、PostgreSQL 等。
+
+```
+// 解析，接受 sql 语句和数据库方言为参数
+SQLUtils.parseStatements(sql, POSTGRESQL);
+```
+
+解析失败时，会抛出异常，表示 SQL 语句非法，正好能够满足我的需求！
+
+最终，我写出的代码如下：
+
+```
+try {
+  String sql = "select * from a";
+  SQLUtils.parseStatements(sql, POSTGRESQL);
+  return true;
+} catch (ParserException e) {
+  LOGGER.error("解析失败", e);
+ return false;
+}
+```
+
+几分钟就写完了代码，然后又花了一些时间输入各种 SQL 语句来测试，虽然只能实现基本的语法校验，但综合衡量效果和成本上，我觉得已经不错了，省下的大量时间可以继续完善和优化项目的其他代码。
+
+关键是，心不累了，头发又支棱起来了！
+
+![](https://pic.yupi.icu/5563/202311061009121.png)
+
+
+
+------
+
+
+
+通过这件事，带给我三点思考：
+
+1. 在我们找项目代码、找类库的时候，如果没办法找到直接满足需求的，那么可以把思维从整体转向局部，想想在其他的项目中是否包含了你要找的功能。就像查词典一样，你要查单词 `apple`，但是翻目录只有首字母 `a`，这个时候，就不能只盯着 `a` 看，而是要看到词典里面的内容，其实 `apple` 就藏在 `a` 之中。
+2. 前人栽树，后人乘凉，现在网上现成的项目代码太多了，如果不是为了学习，很多东西没必要自己再去实现一遍。
+3. 写代码时要注重积累，多学习和了解技术，并归纳总结到你的武器库中，否则前人栽的树你找不到，就可惜了。
+
+![](https://pic.yupi.icu/5563/202311061009158.png)
+
+当然，有条件的话，前端也是可以加校验的，但目前没啥必要，这里我们先用 `CodeMirror` 做一个 SQL 代码高亮来替代。
+
+![](https://pic.yupi.icu/5563/202311061009263.png)
+
+如果真的让你实现前端 SQL 校验，你会怎么做呢？
+
+我是鱼皮，原创不易，如果觉得文章还不错的话，希望朋友们 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311061009026.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\351\201\277\345\205\215\351\205\215\347\275\256\346\226\207\344\273\266\344\270\255\347\232\204\345\257\206\347\240\201\350\242\253\346\263\204\351\234\262\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\351\201\277\345\205\215\351\205\215\347\275\256\346\226\207\344\273\266\344\270\255\347\232\204\345\257\206\347\240\201\350\242\253\346\263\204\351\234\262\357\274\237.md"
new file mode 100644
index 0000000..066b66f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\246\202\344\275\225\351\201\277\345\205\215\351\205\215\347\275\256\346\226\207\344\273\266\344\270\255\347\232\204\345\257\206\347\240\201\350\242\253\346\263\204\351\234\262\357\274\237.md"
@@ -0,0 +1,130 @@
+# 如何避免配置文件中的密码被泄露？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+大家好，我是鱼皮。
+
+这周，我的老弟小阿巴最近找到了份寒假实习，岗位是 Java 后端开发工程师。
+
+![](https://pic.yupi.icu/5563/202311061021251.png)
+
+入职第一天，他在导师的帮助下熟悉了公司的办公系统、搭好了开发环境。但当他兴致冲冲地准备熟悉业务大显身手的时候，一个同事满面笑意地对他说：小伙子，先别急着做需求，现在有个艰巨的任务要交给你。。。
+
+小阿巴非常开心，心想：天将降大任于是人也！
+
+同事接着说：公司最近在对所有项目的代码质量进行评分，包括代码规范分（代码格式化、缩进、圈复杂度等）和代码安全分（检查你的代码中有没有漏洞）。现在需要你这边帮忙把项目 A 提升到满分。
+
+小阿巴：可是我才来第一天，还不熟悉项目呢？而且为什么这么艰巨的任务要交给我，不是项目 A 的负责人来做呢？
+
+同事：没关系的，我们有现成的代码分析工具，会自动扫描出漏洞并且给你修改建议，你就按他说的做就好了。你来的时候项目 A 的负责人刚刚离职，这不巧了么这不是？
+
+听到这，小阿巴有种不好的预感：扫描出漏洞？离职？马萨卡。。。
+
+![](https://pic.yupi.icu/5563/202311061021897.png)
+
+小阿巴打开代码分析工具，扫描了一遍项目 A，果不其然，映入眼帘的是满屏的漏洞。
+
+| 漏洞名称              | 异常文件        |
+| :-------------------- | :-------------- |
+| 安全问题 - 硬编码密码 | application.yml |
+| 安全问题 - SQL 注入   | userMapper.xml  |
+| 安全问题 - XSS        | Test.java       |
+
+小阿巴大惊：好家伙，原来是前人挖坑我来填！
+
+![](https://pic.yupi.icu/5563/202311061021343.png)
+
+那还能怎么办呢？一个个修复呗！毕竟办法总比 bug 多。
+
+其中有一条漏洞让小阿巴犯难了：禁止将密码直接填写到项目的配置文件中。
+
+配置文件如图：
+
+![](https://pic.yupi.icu/5563/202311061021908.png)
+
+小阿巴心想：奇怪了，我之前做 Spring Boot 项目一直都是这么写的，**从来没有人告诉我这样做是错的呀** ？！再说了，密码不写到配置文件里，写到哪里呢？
+
+于是他找到了我，我解释到：我们在自己做项目的时候，**为了方便** 直接把密码写在 application.yml 等配置文件中，是没有任何问题的。但是在团队开发中（尤其是大公司），如果我们把密码直接写在配置文件里并提交到代码仓库中、并且把代码仓库内部公开，那么其他协作者就可以直接看到明文的密码了，这是非常不安全的！
+
+小阿巴：原来是这样，有代码库权限的同学，也未必要给他们查看密码。那应该把密码写在哪里呢？
+
+鱼皮：密码是极度敏感的信息，比较常见的做法是保存到独立的 **密码管理平台** 或者是 **有严格权限控制的配置中心**，由运维、开发 owner 等角色来管理。然后我们的项目可以通过 API 调用的方式从这些地方动态获取到密码，再来初始化数据库、Redis 等客户端连接。
+
+大致流程如下：
+
+![](https://pic.yupi.icu/5563/202311061021860.png)
+
+小阿巴：原来如此，但是 Spring Boot 项目不是只有在启动时才会读取 application.yml 来初始化客户端连接 Bean 么？我怎么控制它从密码管理平台拉取密码后，再去创建 Bean 呢？
+
+鱼皮：阿巴阿巴，你这是被框架束缚住了呀！虽然 Spring Boot 能帮你自动创建 Bean，但别忘了我们是可以自己定义 Bean 的，就像下面这段伪代码：
+
+![](https://pic.yupi.icu/5563/202311061021104.png)
+
+小阿巴：对哦，把这茬忘了！我这就去改。
+
+鱼皮：且慢！我们做需求时并不是说找到一个方案就一拍脑袋决定了，还要思考一下有没有其他的方法，选择一个相对最优解。
+
+比如你用的是 Spring Cloud 的话，应该接触过上面提到的 “配置中心”，Spring Cloud 在启动时会优先读取 bootstrap.yml 的配置（比如连接配置中心）来从远程加载其他配置（比如密码），可能也不需要你自己去创建 Bean 了。
+
+鱼皮：话说你还能想到其他方法不？
+
+小阿巴：阿巴阿巴。。。
+
+![](https://pic.yupi.icu/5563/202311061021461.png)
+
+鱼皮：刚刚讲到的这个方法存在的问题是，我们要修改加载 Bean 的方式，也就是说必须要改动代码。对于之前不了解这个项目、或者不熟悉 Spring Boot 运行机制的新人来说，这是一个风险很高的方法，一旦数据库连不上，几乎整个项目就 “瘫了”，估计你就要跑路了。
+
+小阿巴：好嘛，难道还有能不改代码的方法？
+
+![](https://pic.yupi.icu/5563/202311061021513.png)
+
+鱼皮：当然嘿嘿，咱们来一手移花接木！先问你个问题：咱们的项目从开发到运行，要经历哪几个阶段呢？
+
+小阿巴：这个简单，开发 => 编译构建 => 运行。
+
+![](https://pic.yupi.icu/5563/202311061021730.png)
+
+鱼皮：不错，那既然 Spring Boot 会自动读取 application.yml 文件，咱们就不把这个文件提交到代码仓库中（.gitignore 忽略），而是在后续阶段把配置文件 “扔进去”，不就可以了么？
+
+比如：
+
+1）构建阶段：在使用流水线构建项目时，把配置文件从远程配置中心拉取下来，放到项目目录下，一起打到 jar 包里。
+
+![](https://pic.yupi.icu/5563/202311061021109.png)
+
+2）运行阶段：启动项目时，通过 shell 脚本把配置文件从远程拉取下来，放到项目目录下，在运行 jar 包时指定读取该配置文件。
+
+![](https://pic.yupi.icu/5563/202311061021338.png)
+
+鱼皮：上述方案的具体实现也非常简单。Spring Boot 其实不仅能读取 resources 目录下的 application.yml 配置文件，还能在打完 jar 包后，找到和 jar 包同目录的配置文件，基于它来运行！
+
+下面是 Spring Boot 加载配置文件的优先级（先读取上面的）：
+
+1. jar 包目录配置文件：config/application.yml 和 application.yml
+2. 项目类路径目录的配置文件：如 config/application.yml 和 application.yml
+3. 项目代码目录中的配置文件：如 resouces/application.yml
+
+其实方法还有很多，选择你认为最合适的一种吧~
+
+小阿巴：学到了，我觉得还是不改代码的方式更稳一些，这就去做。
+
+#### 几天后。。。
+
+小阿巴：我成功地把代码质量分提高到了 100%，谢谢鱼皮，之前完全没考虑过要做这种工作哈哈。
+
+鱼皮：那导师又给你分配了什么工作呀？
+
+小阿巴：他给我 **点了个赞** ，让我再去提升另一个项目的代码质量分。。
+
+![](https://pic.yupi.icu/5563/202311061021241.png)
+
+
+
+------
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加微信 yupi1085，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\255\246\344\274\232\350\277\231\346\213\233\357\274\214\344\270\200\345\244\251\345\201\232\344\270\200\344\270\252\351\241\271\347\233\256\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\255\246\344\274\232\350\277\231\346\213\233\357\274\214\344\270\200\345\244\251\345\201\232\344\270\200\344\270\252\351\241\271\347\233\256\357\274\201.md"
new file mode 100644
index 0000000..2ad54de
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\255\246\344\274\232\350\277\231\346\213\233\357\274\214\344\270\200\345\244\251\345\201\232\344\270\200\344\270\252\351\241\271\347\233\256\357\274\201.md"
@@ -0,0 +1,140 @@
+# 学会这招，一天做一个项目！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在直播带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+大家好，我是鱼皮。首先强调，这篇文章不是标题党，而是真真实实地给大家分享我快速开发项目的一个套路。
+
+相信很多学编程或者做编程方向工作的同学都曾经有过这样的迷茫：感觉我写的代码、做的项目都很简单，每天都是重复写增删改查，没什么成长，浪费了很多时间。
+
+这是再正常不过的了！
+
+![](https://pic.yupi.icu/5563/202311060950919.png)
+
+但是，但你意识到自己在反反复复做同样的、机械的工作时，就应该思考：如何提升自己的开发效率、减少重复工作了。
+
+像我从大学就开始做项目，那会儿为了学习，刻意尝试过各种前后端开发框架和工具。其中很多框架都很好用，支持自动生成代码之类的。但每当我以为自己当前用的框架就是最方便、最强大、最好用的时候，就会有一款新的、更强大的框架出现，这些年我也是见证了各种框架的更新迭代、优胜劣汰。。。
+
+所以技术真的是学不完的，但我们要做到的是：**找到一个真正适合自己的做项目套路，自己开发又快又爽就完了。**
+
+下面分享一下我摸索出来的，也是目前比较喜欢的项目开发套路，真的是又快又灵活！我直播带大家开发的新项目 —— API 开放平台中就用到了这个套路，大家可以 [点这里看视频教程](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect) 了解。
+
+如果你掌握了这个套路，一个做一个完整项目是绝对可行的！
+
+![](https://pic.yupi.icu/5563/202311060950010.png)
+
+## 一个项目的基本元素
+
+首先，我们先梳理一个项目通常会有哪些需求、或者说开发一个项目通常要做哪些事情？
+
+从两个角度来看吧。
+
+技术实现上：
+
+1. 要有前端界面，前端要有通用布局
+2. 要有后端接口，后端要能保存登录态、对数据库进行增删改查
+3. 前后端要对接联调
+
+业务逻辑上：
+
+1. 要有用户登录、注册
+2. 要有权限控制
+3. 要有对各类数据的管理（增删改查）
+
+我们做任何项目，基本上都少不了上面说的这些东西对吧。那问题来了，我们有必要每次做项目都反复开发这些共性功能、写重复代码么？
+
+当然不用！记住这句话：**只要是重复的代码，肯定都是可以自动生成的。**（无非就是你觉得有没有必要）
+
+网上也有很多自动生成代码的工具、现成的管理系统项目等等，但是如何合理运用它们，让我们生成代码又快又灵活呢？
+
+接下来，看一下使用我的项目开发套路，如何轻松完成一个基础项目。
+
+## 项目开发套路
+
+我们要用到的核心框架（工具 or 代码）有 5 个：
+
+1. Ant Design Pro 前端脚手架
+2. Spring Boot Init 初始化后端模板
+3. IDEA MyBatisX 插件
+4. Swagger 接口文档
+5. Open API 插件
+
+下面依次去讲一下他们的作用，时间有限，详细具体的操作步骤大家可以 [点这里看视频教程（第一集）](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect) 。
+
+### 前端代码生成
+
+Ant Design Pro 是大厂研发的开箱即用的前端开发脚手架（基于 React），适用于快速开发中后台项目。
+
+使用它，我们可以快速实现页面通用布局、前端路由、权限管理、登录注册、内容管理、全局状态管理、部署测试等。
+
+到底有多方便呢？比如我们跟着官方文档输入几个命令：
+
+> 官方文档：https://pro.ant.design/zh-CN/docs/getting-started
+>
+> [项目应用教程（看第一集）](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+![](https://pic.yupi.icu/5563/202311060950168.png)
+
+就能得到下面这个完整的页面，接下来自己修改一下代码就能用了：
+
+![](https://pic.yupi.icu/5563/202311060950094.png)
+
+要注意，封装得越成熟的框架，隐藏的坑就越多，而且这个框架的更新迭代还是很快的，所以强烈建议大家 **仔细阅读最新的官方文档** ，按照文档的要求来使用。
+
+这个框架的可玩性和灵活性还是非常高的，之前我给大家详细讲解过它的作用，可以看 [这个项目教程（看第一集）](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=1411297570&lang=zh_CN&scene=21#wechat_redirect) 。
+
+总之，使用这个框架，你就得到了现成的前端页面代码。
+
+### 后端代码生成
+
+前端代码能生成，后端代码当然也可以生成啦！
+
+只不过后端的关注点和前端不同。一个最基本的后端项目一般会包括：web 接口、数据访问、权限管理、会话管理、缓存、测试、日志、接口文档等通用能力。这些通用的能力，我们只要写一次，然后做一个独立于任何具体业务逻辑的通用后端项目模板即可。
+
+我自己使用最多的后端框架还是 Java Spring Boot，所以也是自己封装了一个 **万用后端项目模板** ，上面提到一些通用功能我基本都加上了。星球的同学可以直接访问 https://t.zsxq.com/08yoXSkDF 来获取并使用（这个模板依然会持续更新）：
+
+![](https://pic.yupi.icu/5563/202311060950344.png)
+
+当然了，封装模板的难度并不大，所以大家也可以自行沉淀一套。
+
+有了通用的模板后，我们要根据业务逻辑去编写各种数据表的增删改查代码，这里推荐大家直接使用 IDEA 的 MyBatisX 插件：
+
+![](https://pic.yupi.icu/5563/202311060950099.png)
+
+插件是免费的，使用它可以快速根据数据表生成通用的数据访问 service、mapper、entity 代码：
+
+![](https://pic.yupi.icu/5563/202311060950007.png)
+
+### 前后端联调
+
+最后这部分最关键，前端页面代码能生成、后端代码能生成，那前端和后端联调的代码是不是也能生成呢？
+
+当然！而且这部分的代码生成是最爽的！
+
+传统开发中，都是后端提供给前端接口文档，然后前端再根据接口文档去写调用后端接口的代码（比如 axios）对吧？
+
+那为什么不直接根据后端提供的接口文档来生成调用后端接口的代码呢？
+
+Ant Design Pro 的 openapi 插件就提供了这个能力，只要我们的后端项目提供一个遵循 **openAPI 接口规范** 的接口文档（比如使用 Swagger 或 Knife4j 自动生成接口文档），插件就能根据这个文档来 **生成前端调用代码、TypeScript 类型和模拟数据** ！
+
+使用方法可以参考官方文档：
+
+> 参考：https://pro.ant.design/zh-CN/docs/openapi/
+>
+> [项目应用教程（看第一集）](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+![](https://pic.yupi.icu/5563/202311060950165.png)
+
+如果你是一个全栈开发者，那么用这个套路就更爽了。生成前端 => 使用后端模板 => 设计库表 => 生成访问数据表的代码 => 生成接口文档 => 生成前端调用代码和类型，真正的一把梭。
+
+以上只是快速做项目的方法之一，大家肯定也有自己习惯的套路、珍藏的代码，也希望大家在日常学习和开发中能有意识地去沉淀一些东西，而不是一直机械地工作，共勉吧~
+
+
+
+------
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加我微信 yupi5927，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\270\270\350\247\201\347\232\204\345\206\231 Bug \345\216\237\345\233\240\346\261\207\346\200\273.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\270\270\350\247\201\347\232\204\345\206\231 Bug \345\216\237\345\233\240\346\261\207\346\200\273.md"
new file mode 100644
index 0000000..b9cf5f9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\345\270\270\350\247\201\347\232\204\345\206\231 Bug \345\216\237\345\233\240\346\261\207\346\200\273.md"	
@@ -0,0 +1,224 @@
+# 常见的写 Bug 原因汇总
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 总结常见的 Bug，帮大家避坑
+
+大家好，我是鱼皮。
+
+写代码的过程中，难免会出现各种各样的 Bug。但实际上，很多 Bug 产生的原因是类似的。于是我总结了一些自己学编程时写 Bug 的诱因，希望大家引以为戒，在以后写代码的时候能更多注意。
+
+## 常见 Bug 诱因汇总
+
+#### 中文编码
+
+下面是两行最最最简单的 Java 代码，上面的代码能运行，下面的代码会报错：
+
+```
+// 教程中的，能运行
+System.out.println("Hello!");
+// 我写的，会报错
+System.out.println("Hello!")；
+```
+
+明明我的代码和教程中的一模一样，为啥就是运行不了呢？
+
+![](https://pic.yupi.icu/5563/202311060919341.png)
+
+这是初学编程的同学总会遇到的一个问题，仔细一看，原来是行尾的分号误用成中文的了。。。
+
+这种 Bug 往往都是由于刚开始学编程时不注意或不习惯输入法的切换而导致的，不过写一段时间代码后，就会好很多。而且一般编辑器是能够识别出错误位置的，根据报错信息去修改就好了。
+
+![](https://pic.yupi.icu/5563/202311060919334.png)编辑器识别出中文字符报错
+
+此外，有时我不小心把项目文件名从英文改成了中文，也会出现乱码、无法读取文件之类的问题。
+
+#### 代码不规范
+
+我以前不注意代码规范，觉得反正是我自己写的代码，写的快、写的爽就完事了，管那么多干嘛？
+
+但后来因为变量命名太过随意，导致自己写的代码自己都看不懂，更别提其他人来阅读和协作开发了。
+
+![](https://pic.yupi.icu/5563/202311060919337.png)
+
+> 命名不规范
+
+就连之前粗心拼错的变量名也根本不敢乱改，生怕漏改了一个地方，就会报找不到变量的错误了！
+
+![](https://pic.yupi.icu/5563/202311060919339.png)
+
+#### 复制粘贴
+
+复制粘贴可以说是我写代码时用的最多的技能了。
+
+正常操作是：3 秒粘贴一个文件，随便改两下，代码能跑就行。
+
+复制粘贴虽然好，但稍有不注意，可能就会漏修改一些变量名或注释，比如下图的 student ：
+
+![](https://pic.yupi.icu/5563/202311060919331.png)
+
+这样的次数多了，往往会导致整个项目中出现很多相同的变量，其他同学要引入时，根本不知道应该选哪个！
+
+![](https://pic.yupi.icu/5563/202311060919280.png)
+
+#### 硬编码
+
+写代码时经常会用到一些常量，就是固定的值，比如网站的地址、最大最小值、机器的 IP 地址等。
+
+有时，为了图省事，我就是不单独为这些值定义变量。哪里用到这些值，我就复制粘贴一遍，直接写死到代码里，比如：
+
+```
+// 连接数据库，IP 写死
+DB db = new DB("10.0.0.1");
+```
+
+这样虽然简单粗暴，但假如哪一天这些死值需要修改了，就得从所有文件中一个个去找用到这些值的代码，再一个个改掉，不仅麻烦，还很容易出现遗漏，从而产生 Bug。
+
+#### 未释放资源
+
+想从数据库中获取数据，就要先和数据库建立连接，占用连接资源。
+
+![](https://pic.yupi.icu/5563/202311060920364.jpeg)
+
+> 数据库连接
+
+拿到需要的数据后呢，我就忘了要把资源进行释放（close），结果导致数据库连接很快被占满，其他程序想访问都访问不了，导致很多功能失效。
+
+不仅是新手，甚至有几年编程经验的同学都可能会犯这个错，因为不释放资源并不会功能的可用性，而且不压测的话很难发现这个 Bug。
+
+此外，还有 HTTP 连接、文件输入输出流，这些都是资源，都要注意是否需要手动释放，稍有不慎，就会导致资源泄露的 Bug。
+
+#### 圈复杂度过高
+
+圈复杂度是衡量代码复杂度的标准，简单地说，if / else 分支越多，圈复杂度越大，往往表示代码越复杂。
+
+![](https://pic.yupi.icu/5563/202311060920371.jpeg)
+
+> 圈复杂度
+
+记得我就写过一个特别复杂的逻辑，几十个分支语句一层套一层：
+
+```
+if (xxx) {
+} else if (xxx) {
+    if (xxx) {
+        if (xxx) {
+       } else if (xxx) {
+      if (xxx) {
+        💩
+     }
+           }
+    }
+}
+```
+
+起初是懒得去优化代码，但等到后来意识到情况不妙，想优化代码时，却发现这屎山已经动不得了。不光别人看不懂，我自己都看不懂了！
+
+这种代码一旦要加增改逻辑，就很容易出现 Bug。所以建议在写复杂逻辑前先画流程图，理清楚代码、多写注释，还可以适当地用抽象、封装、设计模式之类的技术来减少代码的圈复杂度。
+
+#### 依赖冲突
+
+**依赖** 是指我们项目中要用到的框架、类库等等别人写好的代码和工具。
+
+像我以前做项目图省事，要用到什么库都往项目里塞，而且都用最新版本的。直到工作后才发现，对于一个大项目，很多人同时开发，往往要引入很多很多依赖，稍有不慎就产生 **依赖冲突** 。
+
+![](https://pic.yupi.icu/5563/202311060920575.png)
+
+> 各种项目依赖
+
+比如我给类库 A 引入了类库 C 的 1.0 版本，类库 B 引入了类库 C 的 2.0 版本，那如果项目要同时引入类库 A 和类库 B，到底该用类库 C 的哪个版本呢？
+
+依赖冲突的后果往往就是项目起不来，更严重的是直到项目执行到冲突的函数时才突发 Bug。
+
+#### 不区分环境
+
+以前，我做网站时为了方便，在自己电脑上开发时，和已上线的项目用的是同一套环境，连接的是同一个数据库。
+
+结果有一天，我就忘记了这个事，在开发时造了一条假的不行的假数据，还不小心上传了我的玉照：
+
+![](https://pic.yupi.icu/5563/202311060920697.png)
+
+结果大意了，这条数据实际上被插入到了线上的数据库中，导致线上几万个用户全都能看见。
+
+这还是小事，万一你在本地开发时写了个 Bug，不小心把线上数据全给删了，那真的是要欲哭无泪了！
+
+#### 不做自测
+
+企业开发中，测试是很重要的。一般情况下，除了测试同学要设计用例外、开发同学也要写单元测试来自测。
+
+像我以前就很自信，自己写好的代码能跑就行，从来不测试，就是一把梭！
+
+![](https://pic.yupi.icu/5563/202311060920521.jpeg)
+
+但进入企业工作后，我发现不写单元测试真的很容易出现各种细节问题。可能下个版本改了行代码，之前正常的功能就突然报错了。
+
+而且越往后发现问题，修改的成本就越大，要花更多时间去排查和修改 Bug，加班也在所难免。
+
+#### 不做评估
+
+以前在学校写代码，我一般就是学什么技术就用什么、会什么就用什么，也不去管是否能满足性能、数据量的要求。
+
+进入大公司后，才意识到系统评估和技术选型的重要性。一般要评估系统的并发量、数据的量级、接口时延等，根据这些来选择合适的技术。
+
+比如公司有一个千万数据量的项目，如果我不做评估和选型，无脑用 MySQL 数据库、并且不做任何优化，那这个系统估计分分钟挂掉。
+
+![](https://pic.yupi.icu/5563/202311060920524.jpeg)
+
+#### 自作主张
+
+在学校的时候习惯了单兵作战，想改什么代码就改什么，也不去思考对现有系统、对其他系统的影响。
+
+但在企业中，尤其是调用关系很复杂的链路系统中，如果你修改了接口的返回值，或者改变了接口的并发量、返回时长等。分分钟，依赖你接口的同事就都来登门拜谢了。
+
+![](https://pic.yupi.icu/5563/202311060920090.png)
+
+为了预防这种情况，建议整理下自己的接口依赖哪些接口、又被哪些接口调用。在你需要改动代码时，需要评估改动对于其他系统的影响，并且及时通知相关负责人。而不是自作主张，只关注自己的一亩三分地。
+
+#### 文档读不全
+
+现在的技术框架啥的，一般都提供了非常详细的使用文档。
+
+![](https://pic.yupi.icu/5563/202311060920087.png)
+
+> 技术文档
+
+但我以前读文档时，为了追求效率，只要看到有自己需要的函数，立刻就直接复制过来用了，而不是选择把文档完整读完。
+
+结果呢，因为盲目自信，很多文档中重点强调的注意事项没有看到，导致了很多傻不拉几的低级 Bug，还在网上到处搜解决方案，浪费时间。
+
+#### 版本号错误
+
+读文档和看教程学技术可不一样，不要盲目追求最新的，而是要根据实际情况，选择和自己项目中引入一致的版本。
+
+记得我刚开始跟着文档学编程时，写的很多 Bug 都是因为阅读文档前没有注意版本号，导致很多使用到的语法不是被淘汰了就是还不支持，然后就会怀疑人生。
+
+![](https://pic.yupi.icu/5563/202311060920657.png)注意选择版本号
+
+#### 不了解需求
+
+写代码之前，一定要了解需求，就是要做什么？为什么要做？
+
+否则就会像我刚进入公司时，有个功能点没搞懂，也不去问、不敢问产品同学，全靠自己自由发挥。就最后哪怕我的代码能运行、没 Bug，但并不是用户想要的，那不就表示：我程序的存在本身就是个 Bug？
+
+![](https://pic.yupi.icu/5563/202311060920277.png)
+
+#### 不做设计
+
+写代码和盖房子一样，一定要先想好怎么写代码，再去写。
+
+尤其是业务流程复杂的时候，不要仗着自己聪明或者经验丰富，就不写方案、不做设计，而是直接打开编辑器就写代码。
+
+这样做很容易遗漏一些要考虑的关键点，说不定直到最后，才发现有大问题，结果整段逻辑都要全部删掉重新写！效率反而更低。
+
+
+
+------
+
+
+最后，一定要记住！想学好编程，就要多写代码、多试错、多解决 Bug、多积累总结。几年之后，再来看当时的翻车经历，也是宝贵的财富啊。
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311060920285.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\346\217\220\351\253\230\345\267\245\344\275\234\346\225\210\347\216\207\347\232\204\347\247\230\350\257\200.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\346\217\220\351\253\230\345\267\245\344\275\234\346\225\210\347\216\207\347\232\204\347\247\230\350\257\200.md"
new file mode 100644
index 0000000..e6ce1b3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\346\217\220\351\253\230\345\267\245\344\275\234\346\225\210\347\216\207\347\232\204\347\247\230\350\257\200.md"
@@ -0,0 +1,63 @@
+# 提高工作效率的秘诀
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一些私藏的提升效率的经验
+
+大家好，我是鱼皮。
+
+了解我的读者应该知道，我人比头发卷，高产似母猪，好像我一天有 25 个小时一样。
+
+![](https://pic.yupi.icu/5563/202311060822652.png)
+
+但事实上，我的学习和工作效率并不高，记性还不好！之所以能做很多事，主要是比较会挤时间，但单位时间的产出其实并不高。不夸张的说，我在大学期间认识的很多朋友，做事都比我快，要不是我自己有着坚定的毅力，肯定也不会像现在这样敢于站出来给大家分享经验了。
+
+就比如在学校学习算法的时候，有些同学能上老师的进度、在课堂上就能学会，而我因为跟不上老师的节奏，直接放弃听课，利用课堂 + 课后的时间到网上找资源自学。刷算法也是刷了忘，忘了刷，战了千题，才终于学会。
+
+> 不过代价就是少了头发，多了黑眼圈。
+
+![](https://pic.yupi.icu/5563/202311060822299.png)
+
+因为效率低，所以我给自己安排的计划可以说几乎没有按时完成过，比如计划 3 小时写完一篇文章，可能写完后一天就过完了，老崩溃了。
+
+所以其实我真的很羡慕和佩服做事高效的同学，也一直在找寻提高自己工作效率的方法。
+
+比如我刻意练习使用快捷键、尝试无鼠标全键盘操作、学习使用编程开发软件的高级功能、安装各种各样提高效率的工具和扩展等，虽然行之有效，但很大程度上只能提升一丢丢编码效率而已，感觉远远不能达到让自己满意的效率。
+
+正当我不知所措、无能狂怒的时候，我认识了一位隔壁的大姥，暗中观察一段时间后，发现她不仅上班时快活自在，还从不加班，工作还做的贼棒。
+
+![](https://pic.yupi.icu/5563/202311060822028.png)
+
+> 网图
+
+终于有一天，我在和她的交流中，得到了提高工作效率的秘诀。
+
+总结下来有那么几条：
+
+### 高效法则
+
+1. 不要过分追求完美，完成比完美更重要。敏捷开发、持续迭代就是这个道理。（当然，如果不完美的完成对你来说毫无意义，那就按照你的节奏去做就好了）
+2. 有现成的代码，就不要自己写。（学习除外）
+3. 做项目前，要先想清楚怎么做，做好充分的预研和设计。这样不仅便于后续的程序扩展，也能避免无意义的返工。
+4. 将大的目标进行拆解，做好计划，标记出关键节点，不要因为觉得目标遥不可及而拖延，也不要盲目乐观而松懈。
+5. 养成好的作息习惯，找到自己适合工作的黄金时间。（可惜我的黄金时间在凌晨。。。）
+6. 记性不好，就多记录、多总结、定期复习。哪怕实在记不住，也可以借助文档、收藏夹软件来当自己的第二大脑。
+7. 积累属于自己的工具库，配合搜索软件实现随用随取。
+8. 多和团队成员、其他同行交流，也可以关注一些 UP 主，拓宽知识渠道，从而了解更多的工具和方法。有些东西你只要听说过，等到要用时说不定就能节省几个小时的查找时间。
+9. 找到让自己进入心流（专注做事的状态）的方法，比如戴上耳机、嚼口香糖、喝咖啡、深呼吸等。
+10. 经历过的事情，再做一次，通常会更快。因此，要多做项目，持续积累经验，熟能生巧。
+
+就这么多，虽说比较抽象，但细细品味，相信你会有一种豁然开朗、醍醐灌顶的感觉！
+
+
+
+------
+
+
+以上就是本期分享，有帮助还请大家 **点赞 + 在看** 支持下哦，共勉！
+
+如果你也有不错的提升效率的方法和工具，欢迎在留言区分享给大家吧~
+
+![](https://pic.yupi.icu/5563/202311060822615.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\250\213\345\272\217\345\221\230\347\273\230\345\233\276\345\267\245\345\205\267\345\222\214\346\212\200\345\267\247.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\250\213\345\272\217\345\221\230\347\273\230\345\233\276\345\267\245\345\205\267\345\222\214\346\212\200\345\267\247.md"
new file mode 100644
index 0000000..d4e8e35
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\250\213\345\272\217\345\221\230\347\273\230\345\233\276\345\267\245\345\205\267\345\222\214\346\212\200\345\267\247.md"
@@ -0,0 +1,166 @@
+# 程序员绘图工具和技巧
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享程序员常用的画图软件和小技巧
+
+大家好，我是鱼皮。
+
+说实话，我觉得做个程序员挺好的。日常工作有很多，写代码、对需求、写方案等等，但我最爱画图：流程图、架构图、交互图、功能模块图、UML 类图、部署图、各种可视化图表等等五花八门。
+
+通过图的形式，可以更好地展示系统、更清晰地表达自己的思路，便于理解；还能锻炼自己的画功，真是一举多得的事。
+
+![](https://pic.yupi.icu/5563/202311061019737.png)
+
+今天就分享下我常用的画图软件和一点小技巧。
+
+### 常用图
+
+我平时画的比较多的是流程图、交互图和架构图，一般使用 `Draw.io` 这款免费的在线网页绘图工具就可以搞定了。
+
+之所以选择这款绘图工具，主要是以下几个原因：
+
+**1. 使用方便**
+
+无需登录，直接进入网页，可以直接使用海量模板新建项目：
+
+![](https://pic.yupi.icu/5563/202311061019859.png)
+
+> 选择模板
+
+然后进入编辑页面，在左侧选择需要的图形，拖到绘图区进行编辑，然后在右侧修改样式就好了：
+
+![](https://pic.yupi.icu/5563/202311061019840.png)
+
+> Draw.io 在线绘图
+
+可以直接搜索需要的图形，比如服务器，当然也可以直接粘贴本地或网络图片：
+
+![](https://pic.yupi.icu/5563/202311061019915.png)
+
+**2. 样式美观**
+
+Draw.io 提供了几种默认主题和预设图形风格，比如我最喜欢的手绘风格：
+
+![](https://pic.yupi.icu/5563/202311061019900.png)
+
+当然也可以对图形进行高度灵活的定制，如果对界面开发比较熟悉的话，甚至可以直接编辑图形的属性值：
+
+![](https://pic.yupi.icu/5563/202311061019839.png)
+
+> 属性编辑
+
+**3. 丰富导出**
+
+可以将绘制好的图形一键导出为图片、矢量图、PDF、HTML 文档等：
+
+![](https://pic.yupi.icu/5563/202311061019813.png)
+
+其实这些都没什么，我最喜欢的一点是，它可以直接生成在线网页，分享给别人就能快速浏览了，还提供了小工具栏，可以缩放、截图、打印和快速编辑：
+
+![](https://pic.yupi.icu/5563/202311061019944.png)
+
+> 在线浏览
+
+此外，还可以导出绘图为嵌入式网页！这样就能把各种作图直接无缝集成我们自己开发的网页中了：
+
+![](https://pic.yupi.icu/5563/202311061019937.png)
+
+> 导出为嵌入格式
+
+**4. 便于存储和导入**
+
+可以随时保存绘图为本地文件，或存储到 GitHub 等在线空间中；当需要再次编辑时，从同样的地方导入即可。
+
+![](https://pic.yupi.icu/5563/202311061019019.png)
+
+对于习惯用 GitHub 来存放和分享代码的同学来说，这点太实用了，意味着你可以和其他同学协作绘图。
+
+除了 Draw.io 外，我也比较喜欢 EdrawMax（亿图图示），一款本地作图软件，功能也很强大。
+
+### ER 图
+
+后台开发同学可能会接触到 ER 图，常用于数据库设计中，表示数据的属性和关系。
+
+我一般不会手动去画这玩意，需要的时候直接用数据库管理软件（比如 Navicat、JetBrains DataGrip 等）根据已有的库表生成就好了。
+
+![](https://pic.yupi.icu/5563/202311061019801.png)
+
+> 自动生成 ER 图
+
+### UML 类图
+
+UML 类图用于表示类与类之间的关系，帮助快速了解整个系统的设计结构。
+
+和 ER 图一样，我也不会自己去画这破玩意儿，累死个人。一般直接用集成开发环境（比如 JetBrains IDEA）自动根据代码去生成 UML 类图就行了，如图：
+
+![](https://pic.yupi.icu/5563/202311061019595.png)
+
+> 自动生成 UML 类图
+
+这不比我自己画的好看？
+
+### 可视化图表
+
+图表可以更直观地展示数据和趋势，在 PPT 汇报中扮演着举足轻重的地位。
+
+常见的图表有条形图、柱状图、饼图、折线图等等。
+
+虽然 Excel、PPT 都可以画图表，但相对有点丑，我比较推荐 `Flourish` ，一款在线生成可视化图表的网站。
+
+内置了丰富的图表类型模板：
+
+![](https://pic.yupi.icu/5563/202311061019045.png)
+
+选择图表类型后，配置要展示的数据和图表样式即可：
+
+![](https://pic.yupi.icu/5563/202311061019976.png)
+
+我最喜欢这个网站提供的 **动态图表** 和 **URL 分享** 功能，可以快速制作那种动态变化数值的实时排行榜。
+
+做好之后可以一键分享网页地址，让他人浏览，也可以嵌入到自己的网页中：
+
+![](https://pic.yupi.icu/5563/202311061019894.png)
+
+> 导出图表网页
+
+### 思维导图
+
+我最常用的思维导图软件是 `XMind` ，使用方便、主题丰富：
+
+![](https://pic.yupi.icu/5563/202311061019927.png)
+
+> XMind
+
+但一般我不会直接在 XMind 中去写思维导图，而是先编写好 Markdown 文档，然后直接在 XMind 中导入文档就能自动根据标题、列表等元素自动生成思维导图了：
+
+![](https://pic.yupi.icu/5563/202311061019642.png)
+
+> 导入 Markdown
+
+我之前的前端、Java、全栈学习路线的思维导图都是用这种方法生成的，自己一个个编辑真的要累死。
+
+### 灵感
+
+为什么在这篇文章中，我没有花太多的笔墨去讲述各个图表分别是什么作用、分别怎么画呢？
+
+因为画图这东西，可以模仿，多看多画，熟能生巧。
+
+当我需要画图时，如果画不出来、没有思路，就直接去网上搜索其他人画的同类图，照猫画虎就行了~
+
+`Process On` 里提供了大量的绘图模板，大家都可以参考下：
+
+![](https://pic.yupi.icu/5563/202311061019800.png)
+
+
+
+------
+
+
+以上就是本期分享。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311061019998.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\274\226\347\250\213\345\244\247\344\275\254\346\234\211\345\223\252\344\272\233\347\211\271\347\202\271\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\274\226\347\250\213\345\244\247\344\275\254\346\234\211\345\223\252\344\272\233\347\211\271\347\202\271\357\274\237.md"
new file mode 100644
index 0000000..0ef592e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\347\274\226\347\250\213\345\244\247\344\275\254\346\234\211\345\223\252\344\272\233\347\211\271\347\202\271\357\274\237.md"
@@ -0,0 +1,101 @@
+# 编程大佬有哪些特点？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+有一位同学问：“我从大一接触编程到现在一直在练习代码，但是很多函数和库还是没有办法记住，要用到还是得查百度，不知道是我太菜了，还是大家都一样呢？”
+
+![](https://pic.yupi.icu/5563/202311060955252.jpeg)
+
+很多初学编程的朋友，可能都会有这个问题，想象着编程大佬们都是像 “骇客帝国” 那样，手速如飞，啪啪啪地让屏幕下起代码雨。不怕大家笑话，我接触编程以前，的确以为自己今后也能这样，潇洒如风，常伴我身。
+
+![](https://pic.yupi.icu/5563/202311060955343.png)
+
+但后来，在学习和工作中，我认识了不少的大佬，他们无一例外都有一个共同的特点，**不会去记代码**！而且据我长期的暗中观察，大部分编程经验丰富的大佬也并不能在写代码时啪啪啪如行云流水般对着键盘疯狂输出，而是认真地盯着电脑屏幕，有节奏地敲着键盘，非常地优雅。
+
+![](https://pic.yupi.icu/5563/202311060955219.jpeg)
+
+话说，能记住所有代码的，那不是大佬，那是神仙！
+
+那编程大佬们都是怎么去写代码呢？
+
+我总结了编程大佬的几个特点：
+
+### 1. 会偷懒
+
+首先，代码不是靠记的，有经验的程序员会利用开发工具自带的代码提示和自定义代码模板，敲前几个前缀就刷地生成一堆代码！
+
+比如在 WebStorm 编辑器中支持 `Live Templates` 功能，输入 "fori"，自动打出循环语句：
+
+![](https://pic.yupi.icu/5563/202311060955638.png)
+
+此外，编程大佬们通常也不会什么代码都自己写，他们更懂得 **复用** 的重要性，人均复制粘贴工程师。啪地一下粘个页面、啪地一下粘个组件、啪地一下粘个文件，然后再改改就能用了~
+
+本人也是资深复制粘贴工程师，敲键盘的时候，我已经养成了好习惯，左手拇指始终停在 ctrl 键上方备战。
+
+**由于** **ctrl** **键按的实在太多，导致这个按键竟然比我先秃了！**
+
+![](https://pic.yupi.icu/5563/202311060955250.jpeg)
+
+这里插播一个有趣的小故事，其实本来我也不是那么喜欢复制粘贴，很多一眼能记住的代码和单词我会更倾向于自己敲一遍。但是后来，我在字节跳动实习时，有一个变量的英文单词我正好很熟悉，就没有选择复制粘贴。结果其实我一直都记错了这个单词的拼法，导致了 bug！
+
+同事语重心长地跟我说：“有现成的就不要自己写了，今天是你自己拼错了单词还好。如果有一天，是其他同事本身就把单词拼错了，即使你自己敲的是正确的，也会因为名称不一致而产生 bug。复制粘贴它不香么！”
+
+从那之后，我为所有的 CV 工程师感到骄傲，支棱起来了！
+
+![](https://pic.yupi.icu/5563/202311060955215.jpeg)
+
+### 2. 挑食
+
+如问题所说，很多编程大佬确实不用查百度，因为他们一般用 **谷歌、GitHub 和 StackOverflow**，有这三件套，配上各种编程语言、技术框架的官方文档，再加上他们日积月累的翻车经验，足够他们解决 99.999999% 的问题了，还要啥自行车？
+
+![](https://pic.yupi.icu/5563/202311060955282.jpeg)
+
+谷歌：最牛逼的搜索引擎，可以搜到更多国际化的资源、技术知识和解决方案，如今没点儿特殊手段还真上不去。
+
+![](https://pic.yupi.icu/5563/202311060955806.png)
+
+GitHub：知名开源项目平台，遇到了哪个项目的 bug，直接提个 issues，通常会得到响应和解决。
+
+StackOverflow：国外的 IT 技术问答网站，有很多的大神。在这里，甚至很多乱七八糟的冷门问题都能得到解决，也是个交友的好地方。
+
+![](https://pic.yupi.icu/5563/202311060955036.jpeg)
+
+> StackOverflow
+
+官方文档：有问题，找官方，有经验的程序员都明白这个道理，网上的解决方案虽然多，但都不上官方文档要直接、权威、有时效性！
+
+这里推荐几个官方文档阅读工具吧，有的可以一键从 200 多个编程文档中高效搜索，有的可以直接在线访问，非常实用！
+
+![](https://pic.yupi.icu/5563/202311060955630.png)
+
+> 文档阅读工具
+
+
+
+### 3. 会利用时间
+
+当你听到身边的程序员同事突然啪啪啪翘起键盘，你以为他们在起舞，或者敲代码敲嗨了，不妨转过头看看。
+
+其实绝大多数程序员啪啪啪敲键盘时，不是在摸鱼聊天就是在和其他同事 “友好” 交流。
+
+![](https://pic.yupi.icu/5563/202311060955628.jpeg)
+
+不过，很多程序员大佬可不是无缘无故地摸鱼，他们会利用代码编译、构建、打包、发布、CR 等等的短暂空闲，适当的让自己放松一下，比如接杯茶、活动下身体。毕竟身体还是很重要的，大家平时也不要长时间盯着屏幕写代码。
+
+![](https://pic.yupi.icu/5563/202311060955824.jpeg)
+
+也有小部分程序员大佬，啪啪啪敲键盘的时候，是真的在写代码。这不是因为他们是神仙，一下子就能打通任督二脉，码如泉涌。更多地是因为他们已经提前设计好了详细的技术方案、整理出了清晰明确的接口文档，知道怎么实现功能，再去写代码就相对简单了很多。
+
+如果你长期使用一门编程语言、或者写重复的代码，其实很多时候，的确不用看文档、查百度也能够啪啪啪写出来啦。同理，做过相关业务的项目，再遇到同类的项目，就很容易能设计一个解决方案，写代码也会更容易和迅速。
+
+所以学编程还是要多敲代码、多做项目，培养好的编程习惯，学习编程思维，养成自然记忆而非死记硬背！
+
+
+
+------
+
+
+
+最后，真正牛逼的程序员敲代码是不是啪啪啪一顿操作猛如虎我不知道，反正我连最简单的增删改查都啪啪不出来，基本是写 2 行删 1 行，步履蹒跚。还是要继续努力呀！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\200\201\345\255\220\345\206\231\344\270\252\344\273\243\347\240\201\350\200\214\345\267\262\357\274\214\345\207\255\344\273\200\344\271\210\350\277\230\350\246\201\346\210\221\345\206\231\346\226\207\346\241\243\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\200\201\345\255\220\345\206\231\344\270\252\344\273\243\347\240\201\350\200\214\345\267\262\357\274\214\345\207\255\344\273\200\344\271\210\350\277\230\350\246\201\346\210\221\345\206\231\346\226\207\346\241\243\357\274\237.md"
new file mode 100644
index 0000000..40502e4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\200\201\345\255\220\345\206\231\344\270\252\344\273\243\347\240\201\350\200\214\345\267\262\357\274\214\345\207\255\344\273\200\344\271\210\350\277\230\350\246\201\346\210\221\345\206\231\346\226\207\346\241\243\357\274\237.md"
@@ -0,0 +1,271 @@
+# 老子写个代码而已，凭什么还要我写文档？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。前段时间，我们团队在做 [鱼聪明 AI](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&token=1853608038&lang=zh_CN&scene=21#wechat_redirect) 项目时，2 名开发同学竟然因为 “写文档” 吵起来了。
+
+开发 A：这个项目是敏捷开发，我得赶紧写代码、快速上线，哪有空写文档？
+
+开发 B：你不写文档，很多业务信息我就不了解，出了问题你背锅？！
+
+开发 A：我给你讲一遍就完了，写文档多麻烦？大不了你把我的话记到文档上！
+
+开发 B：你厉害，我给你竖大拇哥 👍🏻
+
+。。。
+
+作为一名经常写文档、并且认为写文档至关重要的程序员，听到他们的友好交流后，我决定要写下这篇文章 ——  分享写文档的经验和方法。因为我认为，无论是个人还是团队，无论是在学习、工作、还是项目中，无论对程序员、产品经理、还是项目管理者，做好文档沉淀都是至关重要的。我也真心希望未来和我合作的同事，不要把项目的信息和代码口口相传，而是能够做好分类整理，让大家高效协作。
+
+下面我会给大家依次分享：为什么要写文档？怎么写出好文档？怎么管理好文档？
+
+## 什么是文档？
+
+文档是记录、储存和传递信息的载体。
+
+我们的项目需求表、系统的设计方案、某某调研报告、某次会议记录、解决过的 Bug，甚至是学某个视频教程时随手记录的笔记，都是文档。
+
+## 为什么要写文档？
+
+从文档的定义出发，我们就已经能意识到文档的基本作用了。
+
+- 记录信息：收集临时的信息
+- 储存信息：防止信息丢失和遗忘
+- 传递信息：把信息和他人共享
+
+我们的人脑容量有限，不可能记忆所有信息，而写文档，本质上就是在打造属于我们的第二大脑。
+
+像我的脑容量是比较小的，所以我有随手记录、随手写文档的习惯，有的时候走在路上有个好点子都立刻掏出手机记下来。
+
+### 文档对项目的价值
+
+而对于做项目（尤其是企业大项目），文档又有更进一步的价值。
+
+在项目初期，文档具有指导整个项目顺利推进的意义。如果将做项目比作盖摩天大楼，那么文档就是大楼的蓝图。没有蓝图，建筑工人只能盲目工作，能不能完成都很难说，更别提保证大楼的质量和安全了。
+
+同样，在项目初期不写文档、没有系统的方案和执行计划，团队成员在开发过程中就会迷失方向，会经常出现延期、完不成、返工的情况。
+
+> 看过我 [原创项目直播](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543606&idx=1&sn=821603f630fcc217efb3a6433635eb0a&chksm=e9c2ccc1deb545d7aedf793d92a21f803b64c8917e20a4b5bdde90ee8775ea907744e27d0d1f&token=1937504424&lang=zh_CN&scene=21#wechat_redirect) 的同学应该知道，每个项目开始，我都会在文档上编写需求分析、方案设计、技术选型等内容。在做具体功能前，也是先在文档上写好设计实现方案，然后才去写代码。虽然写文档的过程会多花一点时间，但是会大幅降低整个项目的工时。
+
+在项目中期，文档的意义是 **持续** 记录和追踪项目的状态，让信息在团队间公开透明，从而做出正确的选择、即时规避风险。
+
+打个比方，把做项目当成跑马拉松，文档就是沿途的路标，会告诉大家跑到哪里了、接下来怎么跑；而如果前方有危险，路标也会给大家警示。如果没有文档，大家很快就跑散了，各自为战；一个人遭遇了风险，可能会拖垮整个团队。
+
+在项目后期，文档的意义是帮助我们复盘总结、持续维护项目以及知识传承。
+
+- 复盘总结：通过阅读文档，我们能够回顾整个项目从诞生到结束的完整过程，从而分析出该项目成功或失败的原因，便于我们从中吸取经验，助力下一个项目的成功。
+- 持续维护项目：如果这是一个需要持续维护和更新的项目，有了文档（比如 Bug 手册、用户手册），项目出现问题时，哪怕换了一位项目维护者，也能很快地从文档中找到解决方案，不会出现 “一人离职、项目倒闭” 的情况。
+- 知识传承：沉淀好的文档，是前人宝贵的经验、教训、思路和方法汇总，非常值得学习，未来能给更多团队的同学带来启发和收获。
+
+总之，写文档是一件利人利己的事，每写一个字，都是在生产价值。
+
+
+
+------
+
+
+在理解了文档的重要性后，我们应该怎么做好文档沉淀呢？
+
+这里我们把文档沉淀进行拆分，需要做好两件事：
+
+1. 写出好文档（这是前提）
+2. 管理好文档
+
+下面我们分别讲解。
+
+## 怎么写出好文档？
+
+想要写出好的文档，我们要先了解 “什么是好文档”，然后再去学习写文档的工具和方法。
+
+### 什么是好文档？
+
+我自己评判文档好坏的几个标准：
+
+1）人能看懂、易于理解的
+
+首先，你的文档是给 **人** 看的，如果是自己记录学习笔记，那么首先要保证自己能看懂；如果是在团队内共享文档，那么要保证别人能理解。如果本来一句话就能说清楚的内容，你在文档上用 20 句话来解释，这样哪怕你写了文档，别人可能还是直接来麻烦你本人。
+
+2）结构清晰、易于查找的
+
+好的文档，应该是别人从上到下扫一遍，就知道你在写什么、你想表达什么、我能从你的文档中得到什么、我在哪能找到我需要的内容。
+
+就像这篇文章一样，我用了多级标题来划分文章的结构，你能直接通过目录大纲快速定位感兴趣的内容进行阅读。
+
+3）内容完整、表述准确的
+
+好的文档就像是项目中的一个模块，它应该是完整的、高内聚的，让人仅通过这个文档，就能解决自己的问题。
+
+比如《某 Java Bug 的解决方案》文档，应该把 Bug 的起因、分析排查过程、解决方案、经验总结全部写出来。而不是说把这个 Bug 抛出来，怎么解决我不说~ 哎，就是玩~
+
+另外，文档中的一些词汇和语句的表述一定要尽量准确，不能有歧义！
+
+比如我们鱼聪明 AI 在最初评估成本时，写的是 “服务器若干、价格累积万元左右”，“若干” 和 “万元左右” 其实都是比较模糊的词汇，类似的情况多了就可能导致成本计算错误而亏损。后面我们把上述词汇改成了类似 “服务器 4C 8G 1 台，价格 1000 元 / 月”，实现更精细化的成本控制。
+
+此外，好文档还可能有其他的标准，比如面向用户的产品文档，应该保证文档整体的风格、排版一致，给读者带来最佳的体验。文档写得好，也会提升用户对团队的认可度，从而更愿意使用团队的产品。
+
+### 写作工具
+
+工欲善其事必先利其器，在介绍写好文档的方法前，先分享一些写作工具。
+
+多年以前，写文档基本都是用 Word，但 Word 其实是有很多的问题和不足的。比如要自己手动调整格式、同一份 Word 文档由于兼容性问题在另一个电脑上打不开或者排版错乱等等。
+
+所以现在我强烈推荐大家学习 Markdown（一种轻量级标记语言），可以让你用同一套语法轻松编写出排版、格式一致的代码。
+
+比如用 “## 二级标题” 来表示二级标题，用 “> 引用” 来表示引用文案等。
+
+现在很多编辑器软件都支持 Markdown，比如我们平时用的 VS Code、JetBrains 全家桶。但如果要选择一个体验最好的本地 Markdown 编辑器，我推荐大家使用 Typora，这也是自己用了多年的软件。
+
+在写文档的过程中，也经常需要一些绘图来辅助理解，比如流程图、架构图等等，可以使用在线工具 Draw.io、经典软件 Visio 等。如果需要绘制思维导图，可以使用 XMind。如果要生成一些配图，可以使用目前很火的 Midjourney（或者我们的鱼聪明 AI）。
+
+如果你需要把文档发到其他自媒体平台，可以直接把 Markdown 内容复制粘贴到 mdnice 网站中，它会自动帮你生成精美排版的文章。
+
+此外，随着 web 前端技术的发展，线上文档写作网站也越来越强大，如果要团队协作、实时共享文档的话，可以选用语雀知识库、腾讯文档、飞书文档等工具。
+
+### 方法
+
+#### “抄”
+
+首先，想写好文档，要做的第一件事是 “抄”。
+
+哦不，读书人的事，应该叫 “学习借鉴”。
+
+如果你不会写文档，比如项目文档、设计文档、用户手册，怎么办？
+
+很简单，到网上找优秀的 **成品** ，去模仿。
+
+不单单是写文档，做自媒体、做产品、写论文、学手艺，你想做好任何事情，第一件事都应该是：看看别人怎么做的，向别人学习。
+
+- 你要开发网站，就去网上找现成的网站
+- 你要做视频，就去网上找爆款视频
+
+这是最简单的道理，很多东西都有前人做过，所以哪怕别人不分享教程，只要你去模仿，用点心也能完成。
+
+再加上现在开源文化盛行，很多项目和文档都在 GitHub 等平台公开可见。当你要写一个文档时，直接先复制一下知名项目的 README.md 文件，然后把原本的目录大纲保留，把内容换成自己的，就得到了一份很标准的文档，就这么简单。
+
+等你阅读和编写的文档多了，自然也能形成一套属于自己（团队）的写文档方法。
+
+#### 写作流程化
+
+很多人讨厌写文档，就是因为感觉没有思路、无从下笔、完全不知道写什么。
+
+我以前也常常是新建一个空白文档，然后对着它发呆。。。
+
+但后来随着写作次数越来越多，我也修得了一套能够快速写出内容的方法，我把它称为 “写作流程化”。
+
+什么叫流程？你去食堂买早饭，先排队、再买包子、再打豆浆、再找座位，这就是一个刻在 DNA 里的流程。
+
+如果你也能有一套明确的写作流程，那么写作就像你买早饭一样简单。
+
+具体怎么做呢？
+
+1）先想清楚文章的结构，根据主题写出大纲
+
+比如我在写这篇文章时，先写了 “什么是文档？为什么写文档？怎么写出好文档？怎么管理好文档？” 这几个小标题，把整篇文章的框架定下来。而不是从上到下漫无目的地去写，想到哪儿写到哪儿。
+
+写大纲的过程本身就是在培养你的结构化思维 —— 把复杂的问题进行结构化拆解。如果你发现自己写大纲都很困难，那么不妨尝试把时间线作为大纲，按照由远及近的顺序，依次去写你各个时期的想法。
+
+2）填空
+
+只要确定了大纲，你就可以有 100% 的信息，这篇文章你必然能写完。因为剩下要做的就是往每个章节下填空就好了。
+
+类似于有个导师给你规划好了你要做哪些事，你就有了个目标，更容易坚定地执行下去。
+
+3）优化
+
+写完大致的内容后，我们要整体读 2 - 3 遍文档，进行适当地优化。
+
+就像我们写代码一样，虽然功能是完成了，但是代码可能写得比较烂，提交代码前得再改改。
+
+列举一些常见的优化点：
+
+1. 修改错别字
+2. 小标题间增加关联语，承上启下，使内容更连贯
+3. 重点前置，把文档的关键信息放到开头，吸引人阅读
+4. 图文并茂、多用比喻，让文档更易于理解
+
+这一套流程走下来，一篇完善的文档就诞生了。
+
+#### 持续优化
+
+无论是自己写学习笔记、还是项目文档、用户手册，都不是写完一版就结束了的。好的文档是需要持续优化迭代的，如果有人指出了问题或者文档内容有过期，应当即时修复处理。不然错误的文档不仅不能帮助到人，还会产生误导。
+
+像我们在开发鱼聪明 AI 的过程中，就很不幸地参考了一篇胡说八道的过期文档，让本就不富裕的团队雪上加霜。
+
+#### 积累
+
+经常有朋友问我：鱼皮你平时又上班又高产胜母猪，怎么做到的？
+
+其实我有一个习惯，就是会把生活中觉得有趣的事、或者突然想到的灵感记录下来，每隔一段时间去整理一下，后来我惊喜地发现，有些碎片化的内容竟然可以串起来讲，组成一篇文章。
+
+就像打游戏一样，你想刷的装备一直出不来，你不在乎的装备碎片反而攒了一大堆。结果有天，你发现碎片都能够合成完整的装备了，竟然还挺好用，这就是无心插柳柳成荫吧。
+
+写文档也是，哪怕你无法写一篇全面系统的文档，在你工作中遇到 Bug 的时候，随手开个文档记录下来；再遇到 Bug 的时候，就再打开之前的文档记录下来。次数多了，稍加整理，一篇高质量的文档不就来了？
+
+### 举例
+
+以我们的鱼聪明 AI 来举例，刚开始写项目立项文档时，按照上述的 “流程化” 方法，先定了文档大纲：
+
+1. 为什么做？项目背景
+2. 做什么？需求分析
+3. 怎么做？设计方案
+4. 具体怎么做？工作安排等等
+
+然后才是一条一条地去补充完善，之后在每次开会和上线后，再持续更新完善一下这个文档。
+
+完善文档的过程中，我也会看到很多之前记录的内容，提醒着自己在做这个项目的过程中不要走偏。
+
+## 怎么管理好文档？
+
+随着我们项目的不断迭代，文档数也越来越多、越来越零碎，怎么管理好这些文档，让大家需要阅读时能快速找到，这是个大问题。
+
+尤其是对于大项目来说，假如 100 个人一起开发，每人写 10 篇文档就是 1000 篇文档，怎么对这 1000 篇文档进行管理呢？
+
+要先有一个意识：尽早发现问题，会比后期解决问题的成本要低很多。
+
+所以管理好文档这件事，应该主要靠 “前期的策略” 和 “中期的持续优化”，而不是后面再去人工整理大量的文档。
+
+> 代码屎山就是这么来的，烂代码堆得越多，越没人敢动。
+
+所以首先，我们在开始项目前，就要建立好一套规范的 **文档体系** 。
+
+1）文档线上化
+
+只要是和项目 / 工作相关的文档，不要让大家在本地去写，而是直接用线上文档去 **实时协同** 。很简单的道理，你本地改了一段话，别人本地也改了相同文档的一句话，那最终以谁的为准？
+
+像我们 [鱼聪明 AI](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&token=1853608038&lang=zh_CN&scene=21#wechat_redirect) 的所有内部文档，都是使用语雀知识库来托管的，所有项目的信息在团队内部公开透明，从而尽最大地可能性消除信息差。
+
+而且线上知识库还有一个好处，就是查找搜索方便，整个知识库的内容一键随便搜。
+
+2）分组
+
+随着文档或知识库越来越多，必然就会给大家的查找造成负担。所以我在 **最开始** 就给所有团队内部的知识库都按主题做了分组，如下图：
+
+![](https://pic.yupi.icu/5563/202311060820551.png)
+
+每个知识库下的文档，也建立了相应的分组：
+
+![](https://pic.yupi.icu/5563/202311060820823.png)
+
+当然，分组这个操作也是需要持续做的。如果刚开始没有办法预估会有哪些分组，那就等后面需要分组的时候，即时新建就好。
+
+3）访问控制
+
+所谓访问控制，就是让部分成员只能看到部分文档。这么做不仅是为了安全，也可以让大家尽量聚焦在自己的工作上，更能找到自己需要的文档。
+
+目前我们鱼聪明 AI 团队的每个知识库都是有严格的访问控制的，只有大家需要看某个知识库时，我才会给他们开对应的权限。当然这也不是说要限制团队成员的学习，如果他对某个知识库感兴趣，可以直接申请查看。
+
+主流的线上文档软件基本都支持访问控制和权限管理，实现上没有什么难度。
+
+4）培养团队文档文化
+
+还记得这篇文章开头我给大家讲的自己的故事么？有些人可能是没有写文档的意识、或者就是不爱写文档的！如果这个人又是项目的重要贡献者，那么他个人掌握的、团队不清楚的信息就会越来越多，最终就会出现 “他的代码别人动不了”、“他一走项目就完蛋” 的情况。
+
+为了把这种风险扼杀在摇篮里，我反复跟团队的成员强调，一定要多写工作文档、即时同步信息，甚至对于一些重要的工作，我会把文档作为大家工作成果的一部分。慢慢地，大家就养成了写文档、文档分类的习惯。
+
+
+
+------
+
+
+以上，足足写了 5000 多字，能看到这的朋友也不容易啊。希望大家能够意识到文档沉淀对于团队和项目的重要性，在之后的学习工作中多记录多总结，管理好自己的文档库。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\247\243\345\206\263 Bug \345\245\227\350\267\257\346\200\273\347\273\223.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\247\243\345\206\263 Bug \345\245\227\350\267\257\346\200\273\347\273\223.md"
new file mode 100644
index 0000000..64e76de
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\247\243\345\206\263 Bug \345\245\227\350\267\257\346\200\273\347\273\223.md"	
@@ -0,0 +1,204 @@
+#  解决 Bug 套路总结
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一些解决 Bug 的小技巧
+
+大家好，我是鱼皮。
+
+学编程的过程中，我们会遇到各式各样的 Bug，也常常因为它们而感到头秃。
+
+![](https://pic.yupi.icu/5563/202311060914886.png)
+
+但随着你不断解决 Bug、积累经验，就会发现其实解决 Bug 也是有套路的。
+
+今天分享下鱼皮自己总结的解决 Bug 套路，帮助大家提高编程学习效率，保护头发。
+
+## 解决 Bug 套路总结
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311060914066.png)
+
+> 鱼皮 - 解决 Bug 套路总结
+
+### 准备工作
+
+其实改 Bug 的过程就跟破案是一样的。
+
+首先，在急着去搜索问题、上手写代码改 Bug 之前，先做这么几件事。
+
+#### 1. 获得更多信息
+
+就像案发现场找目击者、搜集证据一样。
+
+我们要搞清楚 Bug 何时发生？为什么会发生？在什么情况下发生？
+
+用户到底做了什么操作，才导致了 Bug ？
+
+是每次都会出现 Bug，还是说点儿背触发了呢，如果是偶然触发，是否可复现呢？
+
+**不能复现的 Bug，还叫 Bug 么？**
+
+![](https://pic.yupi.icu/5563/202311060914881.jpeg)
+
+这些信息，都很重要。如果可以的话，最好还能拿到用户详细的报错原因、请求和响应，信息多了，才能帮助我们更精准地定位和分析问题。
+
+#### 2. 明确边界
+
+说白了，就是通过手上已有的信息，搞清楚要把这个 Bug 算在谁的头上？
+
+举个例子，假如说用户突然访问不了你的网站了。这时千万别自己先搁那傻傻分析和排查一通，而是可以先访问下网站试试。要是你能访问的话，说不定根本就不是 Bug，而是用户自家的网线断了！
+
+![](https://pic.yupi.icu/5563/202311060914883.png)
+
+企业开发中往往是多人协作，比如前端和后端、服务提供者和服务调用者，如何判断是谁写的 Bug 呢？
+
+一般我们可以通过 **接口** 的请求参数和响应参数来划分职责。
+
+比如我是前端，请求你后端的接口，向你发送 "鱼皮"，你必须要返回我 "狗头"。结果最后出现 Bug 时，我一看，我给你发送的是 "鱼皮"，你却给我 "鱼头" 了对吧，那显然是你那边的 Bug，雨我无瓜。
+
+![](https://pic.yupi.icu/5563/202311060914057.png)
+
+#### 3. 保护现场
+
+确定是自己的 Bug 后，如果是线上程序出了 Bug，记得先把当时的程序状态保留下来，比如 dump 内存、下载日志，便于后面排查。
+
+就和破案一样，案发现场的东西千万不能随便乱碰，要不然可能就缺失了关键信息。
+
+接下来看看如何解决 Bug。
+
+### 自行解决
+
+每个人的时间都很宝贵，出了问题时，建议先不要盲目地去问别人，而是自力更生，可以通过以下方式自己解决。
+
+#### 1. 自查
+
+程序除了问题时，最直接的排查方式就是：对程序的报错、已记录的错误日志进行分析。
+
+比如看到程序报错 "db connection timeout"，显然就是数据库连接超时了，这个时候可以先去确认下是不是网络和数据库自身的问题，说不定就已经能解决 Bug 了。
+
+#### 2. 搜索引擎
+
+俗话说得好，遇事不决问某度，这可能是大家最常用的解决 Bug 手段了。
+
+![](https://pic.yupi.icu/5563/202311060914061.png)
+
+但如今的某度搜索引擎对程序员不太友好，广告多、内容过时、点进去后文不对题，这些都会成为你搜索的障碍。
+
+那大家不妨试试这些技巧：
+
+**屏蔽广告**
+
+在搜索词后加上 "-advertisement" 可以快速屏蔽搜索的广告信息：
+
+![](https://pic.yupi.icu/5563/202311060914613.png)
+
+**站内搜索**
+
+使用 `site:域名` + 搜索词，可以在特定的网站内快速搜索，像现在大部分 Bug 的解决方案其实都在 CSDN：
+
+![](https://pic.yupi.icu/5563/202311060914638.png)
+
+**关键词搜索**
+
+使用某度搜索长句的时候，可以将错误信息中的关键词拆解出来，比如版本号、数据库类型等，使用空格进行连接叠加关键词，可以更加精准搜索想要的结果，避免连接词的干扰。
+
+![](https://pic.yupi.icu/5563/202311060914843.png)
+
+**限定范围**
+
+打开搜索工具，可以给搜索增加限定，比如时间、文件类型等：
+
+![](https://pic.yupi.icu/5563/202311060914458.png)
+
+当然，其他的搜索引擎也都有自己的搜索技巧，大同小异。
+
+此外，大家也可以试试 `开发者搜索` ，专门面向程序员的搜索引擎，纯净很多。而且看起来它的实现方式也很简单，就只从开发者相关网站中搜索内容就行了。
+
+![](https://pic.yupi.icu/5563/202311060914381.png)
+
+> 开发者搜索
+
+#### 3. 官方文档
+
+当我们使用一些冷门技术或者较新的技术时，国内的搜索引擎可能很难找到解决方案。
+
+这时不妨打开官方文档，直接搜索到和自己问题相关的部分，仔细阅读一遍，说不定就发现其实是自己语法或参数写错了呢？
+
+![](https://pic.yupi.icu/5563/202311060914331.png)
+
+> 在官方文档搜索内容
+
+其实，很多 Bug 就是因为阅读文档不仔细而产生的！
+
+对于组件库、SDK、类库、插件、API 的使用，我其实更倾向于去阅读官方文档，比较直接，一针见血。
+
+#### 4. Github
+
+如果你使用的是开源的项目，那么可以试着在项目仓库的 `issues` 中搜索答案，尤其是知名项目，用的人很多，你遇到的 Bug 有可能别人也遇到过。
+
+![](https://pic.yupi.icu/5563/202311060914728.png)
+
+> 搜索 Bug
+
+如果有解决方案呢可以直接照搬，哪怕没有解决方案，你也可以试着联系遇到类似 Bug 的同学，共同探索。
+
+#### 5. 追溯源码
+
+除了依赖冲突、内存溢出之类的技术上的 Bug，其实我们工作中更多地是修复业务逻辑上的 Bug。比如做一个支付功能，用户 A 扣了钱，但是没有任何反应。
+
+那么这种情况也别费功夫在网上搜了，因为每个人写的业务代码都不一样，五花八门。不如自己从程序的入口开始，用 Debug 打些断点、打印一些变量信息，一行一行慢慢调试就好了。
+
+![](https://pic.yupi.icu/5563/202311060914282.png)打断点调试
+
+如果你怀疑是某个依赖的类或方法出了问题，也可以直接点进去查看它的源码和注释。
+
+### 寻求帮助
+
+如果自己无法解决问题，我们就只能向他人求助了。
+
+#### 提问技巧
+
+提问也是有技巧的，想要更快、更准确地获得答案，就要把你的问题、场景、前因后果、关键信息都提供清楚，还可以利用 `PasteBin` 之类的工具分享代码，让别人更好读懂。
+
+![](https://pic.yupi.icu/5563/202311060914474.png)
+
+像我每天都会收到上百条私信提问，其中很多同学连自己要问什么都描述不清楚，比如：我网站为啥无法访问了？
+
+这种问题我怎么帮你解决呢？这不是耽误彼此的时间么？
+
+所以我建议大家去阅读《提问的智慧》这本免费小书，教你成为一个有智慧的提问者。
+
+> 地址：https://github.com/tvvocold/How-To-Ask-Questions-The-Smart-Way
+
+#### 途径
+
+想好问什么之后，找谁问呢？
+
+首先是两大平台：国内的 `CSDN` 相对适合初学者；国外的 `Stack Overflow` ，更活跃、解答人数会更多。
+
+![](https://pic.yupi.icu/5563/202311060914315.png)Stack Overflow
+
+如果是开源项目，可以考虑在 GitHub 项目仓库下自己提一个新的 `Issues` ，艾特团队官方人员去解决。
+
+![](https://pic.yupi.icu/5563/202311060914351.png)
+
+如果你用了别人提供的类库和服务，可以在官方文档中找到项目的维护者，联系他们并反馈。
+
+此外，你也可以加一些专业人员的好友、加些编程交流小队之类的抱团取暖，都是不错的。
+
+
+
+------
+
+
+最后，如果以上方法都解决不了 Bug，那不妨试一试：**重启** ！
+
+重启大法好，Bug 逃不了。重启还不行，那就卸载重装~
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311060914582.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\230\350\203\275\350\277\231\344\271\210\345\201\232\351\234\200\346\261\202\357\274\237\344\272\247\345\223\201\347\273\217\347\220\206\351\203\275\345\220\223\345\210\260\344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\230\350\203\275\350\277\231\344\271\210\345\201\232\351\234\200\346\261\202\357\274\237\344\272\247\345\223\201\347\273\217\347\220\206\351\203\275\345\220\223\345\210\260\344\272\206.md"
new file mode 100644
index 0000000..3f841c1
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\230\350\203\275\350\277\231\344\271\210\345\201\232\351\234\200\346\261\202\357\274\237\344\272\247\345\223\201\347\273\217\347\220\206\351\203\275\345\220\223\345\210\260\344\272\206.md"
@@ -0,0 +1,112 @@
+# 还能这么做需求？产品经理都吓到了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。最近在工作中遇到一个很有意思的小需求，并且我以一种很独特的方式解决了，今天就来给大家分享一下。
+
+需求是这样的：
+
+我们有一个 **内部** 的大数据任务调度系统，部门用户可以在该系统创建、删除和执行任务来获取数据。由于历史原因，目前系统的前、后端都加了严格的限制，只有该任务的创建者本人或者管理员才能修改和删除该任务。
+
+现在的问题是：用户小 A 已经在系统上创建了很多任务，结果和他同组的小 B 入职了，之后这些任务要交给小 B 去维护和修改，因此小 B 也需要拥有对小 A 已创建的任务的修改权限。
+
+补充一句，小 B 同学表示：非常着急。
+
+![](https://pic.yupi.icu/5563/202311060953221.png)
+
+那么，我们怎么实现这个需求呢？
+
+实现同一个需求的方案有无限种，我的方案未必是最好的，所以就在 [我的知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里面开了个小的头脑风暴，看看大家的想法：
+
+![](https://pic.yupi.icu/5563/202311060953079.png)大家的讨论
+
+大家的讨论非常积极，有很多的思路和我基本是一致的，整理一下，大概把方案分为 **临时解决** 和 **永久解决** 两种类型。
+
+### 临时解决
+
+所谓临时解决，就是在 **相对合理** 的前提下，尽量最快、最高效的满足用户的需求。
+
+对于咱们这个需求，我和小伙伴们第一时间想到了这些临时方案：
+
+1. 在代码中写一段 hardcode（硬编码），加个特殊的判断逻辑，只要任务创建者是小 A、操作者是小 B，也允许操作。有点类似继承？
+2. 移除对修改任务的权限校验，即所有同学都能修改任何任务。
+3. 将用户表中小 A 和小 B 的 id 进行替换，相当于两个人交换了身份证。
+4. 克隆小 A 的账户给小 B。
+5. 因为管理员能操作所有任务，所以可以给小 B 添加管理员权限。
+6. 开发一个模拟其他用户登录的接口，让小 B 可以模拟小 A 的身份登录。
+
+这几种方案各有优缺。首先是第一个，要改代码、还要发布评审和上线、而且后面还得再把特殊逻辑去掉，挺麻烦，不采用；第二个方案就是公开权限，因为是内部系统、用户不多、而且默认只能看到自己创建的任务，所以我才敢这么想，但风险虽然没那么大、还是有风险的，所以不采用；第三个方案有点太粗暴了，相当于你为了干一件事临时和别人换了身份证，但是原本那个人所有任务之外的权限也会受到影响，肯定不行；第四个方案乍一听好像可行，但因为任务的创建者是关联了唯一的用户 id 的，克隆账户只是能产生一个有同样权限、新 id 的用户，所以并没有什么用；第五个方案也很粗暴，但因为管理员权限实在太大，也有安全风险，不采用。至于最后一个方案，为啥会想到模拟登陆呢？主要是我们系统已经有了这个接口（偷偷给管理员使用），其实只需要开放给用户就能快速以小 A 的身份去操作了，但这个接口本身存在一定风险，为了安全，也不采用。
+
+这也不行、那也不行，还有什么更好的方法么？
+
+![](https://pic.yupi.icu/5563/202311060953560.png)
+
+我最后的方案是，直接修改数据库，将小 A 创建的任务的创建者为小 B。这种方案的好处是绝对的快、狠、准，不用改任何一行代码，而且因为总共就几个任务，所以改库也不是很麻烦。
+
+当然，也没有说的那么简单，具体的实施过程是，我先对任务创建人这个字段的关联性进行了分析，确认修改字段不会对其他功能产生影响后，再找其他开发和产品二次确认了这样操作是否有风险。然后呢，跟用户（小 A、小 B）也确认了，是否之后小 A 不再参与编辑，全部交给小 B 负责，结果得到了确定的答复。接下来就先从一个任务入手，修改它的权限为小 B，再让小 B 试着去修改一下任务，确认没有问题后，再把其他任务的创建人也改掉，完美解决了需求~
+
+这就是玩了一手移花接木啊，你想到这个方案了么？
+
+![](https://pic.yupi.icu/5563/202311060953111.png)
+
+对了，还有个很妙的方法，直接摆烂：劳资不做！让小 B 用小 A 的电脑来操作！
+
+> 可能有些操作和设计长久来看是不合理的，但可以较低成本地临时解决问题，也是不错的方案，这就需要我们多思考、灵活变通。
+
+### 永久解决
+
+所谓的永久，并不是真的能一个方案贯彻到底，只是相对临时方案来说更稳定全面一些，能支撑系统更多时间。
+
+对于咱们这个需求，其实永久解决的方案就很简单了吧，添加 **权限管理体系** 呗！
+
+至于具体怎么权限管理，还是要根据系统用户的实际使用情况来设计，常见的几种设计如下：
+
+1. 授权，任务的创建者可以给其他角色分配修改权限，类似腾讯文档。这种方式最好理解，直接让小 A 给小 B 开权限即可。
+2. 权限组，任务的创建者可以给其他角色或 **某个小组** 的所有人分配修改权限。比如小 A 可以创建一个权限组，然后把小 B 拉到该组里，假如之后鱼皮也要有权限，把鱼皮也拉进来即可。
+3. RBAC，即基于角色的访问控制。它的核心思想是：将权限赋予给角色，把角色又赋予用户。是很灵活、很完整的权限管理设计了。比如小 A 创建 `任务管理员角色` ，然后给小 B 分配  `任务管理员角色` 即可。
+
+那后面我肯定是要给系统添加权限管理的，到时候我会选择哪个方案呢？
+
+我大概率会选择方案 2。一般情况下来说，方案 1 开发最快，最好理解，但如果要同时给同组的很多人分配权限就很麻烦，增大了用户的操作成本；方案 3 虽然很灵活和完整，但开发成本最高，而且我们的这个系统并没有太多的 **对象、角色、权限** ，用 RBAC 就有点大材小用了；而方案 2 相对最适用于当前的场景，并且由于系统本身就有权限组的管理功能，我只需要把任务和权限组关联起来就可以了，开发成本也是很低的。
+
+你学 “废” 了么？
+
+![](https://pic.yupi.icu/5563/202311060953087.png)
+
+其实大部分的方案星球的小伙伴们都想到了。不过除了这些方案外，也出现了我未曾想过的道路：
+
+![](https://pic.yupi.icu/5563/202311060953114.png)
+
+对于某种特殊情况，万一这个操作是最合适的呢？？？
+
+（扯淡！千万别试！）
+
+更多的讨论大家可以在我的知识星球里观看，地址：https://t.zsxq.com/VBeIaEq，点击文末 **阅读原文** 能直接跳转~
+
+最后再说个事儿，鱼皮的知识星球已经突破 2500 人啦，而且连续多天多个时段 **活跃榜第一** ！星球里的氛围有多好就不用多说了~
+
+![](https://pic.yupi.icu/5563/202311060953609.jpeg)
+
+在星球中，各个学习方向、学习阶段的朋友都在这里学习打卡、不断进步。星球内的学习资料绝对管够，像视频、电子书、面试题、软件工具等等都能 **免费获取** ，鱼皮最近也在整理各方向的 **编程学习和求职一条龙路线** ，敬请期待：
+
+![](https://pic.yupi.icu/5563/202311060953146.png)
+
+> Java 资源
+
+![](https://pic.yupi.icu/5563/202311060953054.png)
+
+> 前端资源
+
+最近也快到春招 / 找暑期实习的时期了，如果大家有编程学习 / 求职上的问题要向鱼皮免费提问、想看看大厂同学的经验分享、需要鱼皮等大厂同学帮忙优化简历、想第一时间得到大厂招聘动态和 **内推机会** 、或者想和小伙伴们一起抱团取暖，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。
+
+星球原价 **300 元一年** ，目前加入限时优惠 **60 元** ，只需 **240 一年** ！下次星球内直播就会带大家做完整项目了，不要错过哦~
+
+欢迎 **长按下面的海报扫码领券加入** ，优惠券先到先得，欢迎加入和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311060953129.png)
+
+> 长按扫码领券加入
+
+如果本文对你有帮助，还请大家点个 **赞 + 在看** 支持一下哦，谢谢大家。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\267\347\232\204\344\270\200\346\211\271\357\274\214\344\270\212\347\272\277\344\272\206\346\226\260\345\212\237\350\203\275\357\274\214\350\200\201\345\212\237\350\203\275\345\260\261\345\272\237\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\267\347\232\204\344\270\200\346\211\271\357\274\214\344\270\212\347\272\277\344\272\206\346\226\260\345\212\237\350\203\275\357\274\214\350\200\201\345\212\237\350\203\275\345\260\261\345\272\237\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..2026934
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\350\277\267\347\232\204\344\270\200\346\211\271\357\274\214\344\270\212\347\272\277\344\272\206\346\226\260\345\212\237\350\203\275\357\274\214\350\200\201\345\212\237\350\203\275\345\260\261\345\272\237\344\272\206\357\274\201.md"
@@ -0,0 +1,64 @@
+# 迷的一批，上线了新功能，老功能就废了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天借我自己的惨痛经历，给大家分享一个改 Bug 的小技巧。
+
+事情是这样的，一个月前，我开发完成了功能 A，上线后也没出现什么问题；前两天呢，我又在功能 A 的基础上加上了功能 B，伪代码大概是这样：
+
+```
+// 功能 B
+result = doFunctionB();
+// 功能 A 
+result = doFunctionA();
+// 返回
+return result;
+```
+
+结果呢，没想到新的功能 B 上线后，老的功能 A 就失效了！这就给我急坏了，明明我只是加了一个功能，没有改老功能的任何一行代码，怎么就失效了呢？
+
+我们暂且不关注代码的细节，如果你和我一样遇到了这种情况，会怎么排查呢？
+
+![](https://pic.yupi.icu/5563/202311061023550.png)
+
+传统查 Bug 的方式可能就是再重新操作一遍、复现一下 Bug 对吧，然后去逐行检查代码，再打个断点 Debug 一下。但因为现在系统的逻辑实在是太复杂了，每个功能都有几百行的代码量；而且由于网络环境、数据隔离的原因，不太方便打断点调试，只能补充更多日志来观察到底是哪个细节出现了问题，实在是太麻烦了！
+
+所以，我的做法是，直接找到自己写新功能前的老代码，和加上新功能后的代码做对比。这样只需分析改动了的代码，就能很轻松地定位到问题。
+
+怎么找到自己之前的代码呢？有两种方法：
+
+第一种，利用 Git 之类的 VCS（版本控制系统），直接查看老版本的代码。建议使用 JetBrains IDEA、VSCode 等集成开发环境自带的 Git 可视化管理功能，可以查看每次提交的代码记录：
+
+![](https://pic.yupi.icu/5563/202311061023712.png)
+
+> JetBrains 开发工具查看提交记录
+
+双击某个具体的提交，可以查看提交前后代码的改动。建议大家养成好的开发习惯，尽量给每个功能点划分一次提交或分支，这样每个功能改动了哪些代码一目了然：
+
+![](https://pic.yupi.icu/5563/202311061023809.png)
+
+> 对比代码
+
+如果你的代码还没有提交怎么办呢？改动前的代码还能找回来么？
+
+当然可以！
+
+在 JetBrains 系列开发工具中，只需要在代码文件中点击右键，选中 Local History => Show History，就能查看到本地的修改历史了！
+
+![](https://pic.yupi.icu/5563/202311061023636.png)
+
+> 查看本地修改历史
+
+这下真的是一目了然了，基本上 30 天内的改动都能找回来，删了代码也不怕！
+
+![](https://pic.yupi.icu/5563/202311061023835.png)
+
+> 查看历史代码
+
+如果你使用的是 VSCode，记得先安装 Local History 扩展，否则不会自动帮你保存代码历史哦！
+
+好了，今天就聊到这里，最近业余时间在忙着搞网站，有空了再给大家分享下写 Bug 心得。
+
+![](https://pic.yupi.icu/5563/202311061023657.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\241\271\347\233\256\345\220\257\345\212\250\345\244\261\350\264\245\357\274\237\344\270\215\347\224\250\346\205\214\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\241\271\347\233\256\345\220\257\345\212\250\345\244\261\350\264\245\357\274\237\344\270\215\347\224\250\346\205\214\357\274\201.md"
new file mode 100644
index 0000000..15726f4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\241\271\347\233\256\345\220\257\345\212\250\345\244\261\350\264\245\357\274\237\344\270\215\347\224\250\346\205\214\357\274\201.md"
@@ -0,0 +1,80 @@
+# 项目启动失败？不用慌！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是老鱼皮。
+
+想必所有学编程的同学都遇到过这样一个问题：把别人的代码或项目拉取到自己的电脑上，然后按照别人提供的步骤去启动项目。结果当你自信满满地点击运行键时，就看到了。。。
+
+![](https://pic.yupi.icu/5563/202311060951886.png)
+
+这个时候，很多初学编程的同学就会慌了。为什么我和你的代码一样、操作一模一样，结果项目还启动失败了呢？！
+
+![](https://pic.yupi.icu/5563/202311060951211.png)
+
+不要慌，这其实是一个非常普遍的问题，也很好解决。今天这篇文章就来分享一下如何解决它。
+
+
+
+------
+
+
+首先，运行一个项目，需要考虑以下几个要素：
+
+1. 代码
+2. 环境（系统、平台）
+3. 依赖
+4. 资源
+
+只要保证这 4 个要素和其他成功运行的项目一致，那么 99.9% 的概率你也能成功运行项目！
+
+首先是代码，这个没什么好说的，只要别人提供给你的代码是正确可运行的，直接 clone（拷贝）到本地即可。
+
+然后是最最最最重要的环境！绝大多数情况下，都是因为你本地电脑的环境和其他同学的环境不一致，才导致了报错。
+
+环境又包括系统、平台等。系统就是指 Windows、Linux、MacOS 等，如果是 Java 项目，因为 JVM 的存在，所以基本上不会出现系统不兼容的问题；但如果是其他不具备跨平台特性的语言，在 Win 上能跑的项目可能到 Linux 上就不能正确运行了，会出现各种各样隐藏的坑。
+
+平台是指运行代码需要的基本环境，比如 Node.js、Java、.NET 等。对于平台来说，最重要的莫过于 **版本** 了，如果版本不兼容，那么项目就很容易运行不起来，或者有很多奇奇怪怪的错误。
+
+就拿我给大家开源的项目代码来说，有的同学能运行，有的同学就不能运行，多半是环境版本的问题。比如在安装了 Java 17 的电脑上去跑 Java 8 的后端代码，在 Node 10 的电脑上去跑 Node 16 的前端代码等等。
+
+![](https://pic.yupi.icu/5563/202311060951452.png)
+
+除了环境外，我们在安装项目依赖时，也同样需要注意版本。举个例子，对于前端项目来说，有些项目依赖的版本定义可能并不明确，如下图：
+
+![](https://pic.yupi.icu/5563/202311060951317.png)
+
+版本号前的 `^` 的意思是版本号的末尾可以变化，所以你实际安装的版本可能和其他更早安装的依赖版本不一致，有可能就会出现代码冲突、不兼容。
+
+所以前端项目一般会使用 package-lock.json 文件来锁住依赖的版本号，保证不同开发人员在不同时间拉取依赖时版本都是一致的。
+
+而 Java 后端项目相对就简单了一些，我们写 Maven（Gradle）依赖时一般都指定一个明确的版本号，不存在版本号不一致导致的冲突。（如果 jar 包间冲突的话，那又是另一个故事了，可以用 Maven Helper 解决一下）。
+
+![](https://pic.yupi.icu/5563/202311060951399.png)
+
+除了环境之外，还有一个很不起眼的因素，就是资源，像 CPU、内存、硬盘容量等等。比如项目需要至少 8 G 内存、10 G 硬盘，结果你的电脑只有 4 G 内存、硬盘也不够了，那么项目要么运行不起来，要么就是后期出现各种奇奇怪怪的问题。
+
+除了上述几个因素外，网络环境（比如无法拉取内网依赖）、代码路径（不要出现中文）等也可能会影响项目的运行，这些都要注意。
+
+综上，我们如果拉下来别人的开源项目学习、或者是拉取公司的项目开发前，最先要做的事情是阅读官方文档来确定项目运行依赖的环境（版本）、需要的资源等。
+
+以开源知识库网站 wiki.js 为例，很明确地指出了这些要求：
+
+![](https://pic.yupi.icu/5563/202311060951996.png)
+
+所以阅读官方文档真的是非常重要的！像我在星球里带大家做了一个用户中心项目，刚做完框架版本就大更新了，结果一些同学就一脸懵逼了。其实只要仔细阅读一遍官方文档，很多问题就迎刃而解了。
+
+
+
+------
+
+
+以上就是本期分享，希望对大家有帮助。
+
+最后，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中，本周日继续）。
+
+今天双 11，我也来凑个热闹吧，发 300 张星球优惠券（后天过期），感兴趣的同学可以加入体验（3 天内不满意可以全额退款）：
+
+![](https://pic.yupi.icu/5563/202311060951494.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\246\226\346\254\241\345\205\254\345\274\200\357\274\201\346\210\221\345\277\253\351\200\237\345\201\232\351\241\271\347\233\256\347\232\204\346\212\200\345\267\247.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\246\226\346\254\241\345\205\254\345\274\200\357\274\201\346\210\221\345\277\253\351\200\237\345\201\232\351\241\271\347\233\256\347\232\204\346\212\200\345\267\247.md"
new file mode 100644
index 0000000..225b424
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\345\274\200\345\217\221\347\273\217\351\252\214/\351\246\226\346\254\241\345\205\254\345\274\200\357\274\201\346\210\221\345\277\253\351\200\237\345\201\232\351\241\271\347\233\256\347\232\204\346\212\200\345\267\247.md"
@@ -0,0 +1,179 @@
+# 首次公开！我快速做项目的技巧
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鲏。
+
+认识我的朋友都知道，我是一个实践派，相比研究枯燥的理论知识，我更喜欢做自己想做的项目，用技术来实现自己的想法的感觉真的很棒。
+
+所以从大学期间一直到现在，除了工作中的项目外，我依然保持着自己做项目的习惯，有坚持几个月薅光我头发的大项目、也有几小时搞定的娱乐练手项目。
+
+比如前两周羊了个羊小游戏很火的时候，我花了几个小时就上线并开源了一个低配版的模仿游戏【鱼了个鱼】，纯粹出于兴趣。
+
+> 项目地址：https://github.com/liyupi/yulegeyu
+
+![](https://pic.yupi.icu/5563/202311060817544.png)
+
+还有 ikun 测试器，一个网页答题小项目~
+
+> 项目地址：https://github.com/liyupi/ikun-test
+
+![](https://pic.yupi.icu/5563/202311060817221.png)
+
+就是这些小玩意儿，也给很多同学带来了快乐（包括我），值了。
+
+当时就有同学就在评论区问了：鱼皮你为啥这么快？（指做项目）
+
+我说：无他，唯手熟尔。
+
+真就是这样，我也从来不去背代码、也是不写就忘。但忘了就再写，同一类项目做个十来遍，做起来能不快么？
+
+当然，做项目过程中，我也积累了很多做项目的技巧，下面给大家分享一下，全是我自己的一直在用的。
+
+## 快速做项目技巧
+
+我们可以把做项目的过程分为几个阶段：需求分析、技术选型、系统设计、开发编码、调试测试、部署上线、运营推广等。
+
+每个阶段其实都有技巧，下面依次分享。
+
+#### 1、快速需求分析
+
+相信大多数同学在自学时都是跟着网上的教程做项目，老师说要做哪些功能那就做哪些功能，多了咱也不去想。
+
+其实这是一个 “坏习惯”，做项目这东西，本来就是要自己想要做哪些功能才有趣。
+
+比如老师教你做商城系统时，说：我们要做一个根据商品名称搜索商品的功能。在你完成这个功能后，哪怕视频没有教，你自己能不能想到去添加：给用户搜索建议、提供商品热搜列表、用图片搜商品等功能呢？
+
+尤其是你要做自己的项目（产品）时，自主需求分析更重要了，尽量打开自己的思路，才能做出亮眼的项目。
+
+那问题来了：想不到要做什么东西，想不到要加哪些需求，怎么办？
+
+常见的做法是从自己的生活需要或者实际使用过的产品出发，去分析他们的不足并改进，做到推陈出新。
+
+比如你们天天吐槽某个软件辣鸡辣鸡，那能不能自己做一个？万一火了呢对不对？
+
+我自己的做法就比较有趣了，在做过很多项目、翻过很多车后，我很少刻意去做需求分析，而是当我遇到某个问题、想到某个需求时，会 **第一时间把它记录下来** ，但不是立刻就去做这个项目了。
+
+记录的需求多了后，有时我会发现需求之间是可以有联系的，这个时候，我才会考虑是不是能把这些需求汇聚成一个新项目。还要再评估下时间和竞品：来不及、性价比不高、卷不过同行就不做。
+
+举个例子：我之前背面试题的时候发现很多题目的题解是有问题的， 但是没有人去讨论和维护，于是我就先把这点记录下来；之后又发现大家有阅读整套面试题的需求，可以有个组卷功能，才有了之后的面试鸭（https://www.mianshiya.com）。
+
+养成随时记录的习惯，自然酝酿出项目灵感，而不是等要做项目的时候再去硬想、硬分析，你会发现整个过程不仅轻松、而且最后做出来的项目会更实用、性价比更高。（我们做视频、写文章也是一样的）
+
+#### 2、快速技术选型
+
+所谓技术选型，就是选用什么技术来开发上线项目、解决实际问题。
+
+如果是企业中的大项目，技术选型阶段要格外谨慎，不建议选择冷门、无人维护、无人熟悉的技术。但对于我们个人来说，不用考虑那么多，一般做项目时选择自己最熟悉的技术框架即可。
+
+像我自己在技术选型时，主要是考虑以下 3 点：
+
+1. 前端用什么？一般就是在 Vue 和 React 间抉择，然后统一使用 Ant Design 这种 **多框架兼容** 的组件库，而不是一个项目用一个新的组件库。
+2. 后端用什么？一般是在 Java 和 Node 间抉择，小项目、侧重前端的项目用 Node（比如 yuindex：https://github.com/liyupi/yuindex），追求稳定性的大项目用 Java SpringBoot。
+3. 怎么上线？一般前端用 Nginx、后端用 Docker，后面会讲。
+
+也建议大家无论是学习阶段还是正式工作了，尽量有一套自己用的最熟的技术栈，大多数项目都不用纠结技术选型。也别非得追求什么都用过，结果用的都不熟。
+
+#### 3、快速系统设计
+
+所谓系统设计，就是寻找一个 **相对** 最合适的方法来实现需求。
+
+听起来简单，但实际上，90% 的同学估计都做不到自主设计，总结一下就是离开视频教程就不知道怎么做项目了。
+
+怎么根据需求做系统设计也是 [我的编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 里被问的最多的问题，比如下面这些，我都给出了自己的解决方案：
+
+![](https://pic.yupi.icu/5563/202311060817690.png)
+
+解决方案：https://t.zsxq.com/06b2bUj2B
+
+![](https://pic.yupi.icu/5563/202311060817235.png)
+
+解决方案：https://t.zsxq.com/06VRj2rrF
+
+![](https://pic.yupi.icu/5563/202311060817095.png)
+
+解决方案：https://t.zsxq.com/06meEQby7
+
+大家可以想想上面这些问题你都能答出来么？
+
+关于系统设计，我觉得最重要的还是积累经验，很多需求和业务场景其实都是通用的（比如用户鉴权），只要你设计过一次，之后做类似的系统应该都是无压力。
+
+那如果我啥都不会，怎么快速完成系统设计呢？
+
+答案也很简单，去网上搜解决方案呗！像我们在工作中做一些大的系统，都是要参考业界主流的设计方案来定制或改进的，而不是纯靠自己想。
+
+不过现在网上的解决方案类文章没有那么多，一方面是因为大家的需求都不太一样，另一方面是好的解决方案才不会随随便便公开给你。所以如果没有分析方案的文章，那我们甚至会直接找到开源项目，手撕源码！
+
+像我在星球里已经回答过近百个系统设计方面的问题了，星球的朋友可以看 `#系统设计#` 标签下的内容学习，说不定能解决你的问题。
+
+> 地址：https://wx.zsxq.com/dweb2/index/tags/%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1/48844552128248
+
+在做系统设计的过程中，建议大家绘制一些图来辅助理解，比如流程图、时序图、功能模块图等等，用在线绘图工具 draw.io 即可。
+
+#### 4、快速开发
+
+想真正做到快速开发，就要时刻遵循以下原则：
+
+1. 能不自己写的代码，就不要自己写
+2. 自己写过的代码，绝对不重复写第二遍
+
+对于第一点，如果是新项目，我会选择一个最符合我需求的脚手架来创建初始化项目模板，比如前端的 Ant Design Pro，什么布局、导航、路由、菜单、主题、整合组件、请求、测试、权限管理、国际化全都给你整合好了；如果是后端的话，我有自己开发的一个 Spring Boot 脚手架，整合了业务开发常用的组件，几分钟就能开发一个新项目初始模板了，已经公开在了我的 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 里，打算下个月再重点完善一下。
+
+当然，你也可以直接到 GitHub 上找一个开源项目去二改，比如知名的后台管理系统 Vue Admin Template。站在巨人的肩膀上，能帮助你大幅节省代码量和开发时间，屡试不爽。
+
+对于第二点，那就需要我们平时写代码的过程中，多抽象复用同功能的类 / 方法 / 函数。此外，一定要保留好自己写过的所有代码，做过一次的项目，就不要再重复做第二次，直接复制粘贴岂不美哉？
+
+![](https://pic.yupi.icu/5563/202311060817038.png)
+
+除了以上两点之外，还有一个我自己的血泪教训，那就是做项目一定要有计划！
+
+比如今天做什么、明天做什么、每个功能花多少时间等，分清主次，先完成核心功能、再去完善细节。而不是功能还没开发完，就搁那纠结前端界面、什么字体大一号小一号的，到时候如果都上不了线，你觉得纠结这些事情还有意义么？
+
+再举个例子：给你 3 天去开发新功能，结果你花了 2 天去纠结一个很小的 bug，导致了项目延期，这也是得不偿失的。
+
+做计划这点在工作中尤为重要，共勉。
+
+#### 5、快速测试
+
+这一点没什么好说的，一般做项目时要编写好单元测试，每次改完代码后执行一次单元测试，就能提前自动发现一些小 bug，节省一些人工时间。
+
+如果是正式对外上线的项目，建议提前招募一些有志之士（内测用户）而不是自己一个人在那点。毕竟人多力量大，不仅节省自测的时间，也更能发现一些问题。
+
+想当年，大家一起帮我给面试鸭网站做测试，我真的感动到哭了。
+
+![](https://pic.yupi.icu/5563/202311060817215.png)
+
+#### 6、快速部署
+
+对于新手来说，可能会觉得上线是很麻烦的事情，但如果你操作的次数多了，你会发现上线其实是所有环节中最简单的 —— 其实上传文件、点一下就好了。
+
+像我自己一般是使用 Vercel 免费的国外服务器来一键上线前端项目（还有个好处是不用备案）；用腾讯云托管之类的容器平台来快速发布用 Docker 打包的后端代码。或者就是用宝塔面板来可视化地运行 Node、PHP、Java 等项目，可比自己登上服务器，手动启动停止项目要方便多了。
+
+至于微服务项目嘛，也可以用同样的方式来部署，或者用 Docker Compose 来编排群起微服务。不过真正要上线一个产品，在没有用户的时候，我是不会选择用微服务的。
+
+#### 7、快速运维
+
+上线项目后，怎么更方便地运营管理项目呢？
+
+一般我不会选择自己搭建运维监控管理平台，而是直接用现成的第三方服务。比如用百度统计、51.LA 来统计网站用户，用现成的第三方云数据库、云 Redis、容器托管平台来监控服务的运行、配置告警等等。
+
+换句话说，想要真正做到快速，有现成的服务就用现成的吧，虽然会花一些额外的金钱投入，但是能省下来大量时间，性价比绝对是高的。对企业来说，时间就是金钱。
+
+
+
+------
+
+
+我去，一不小心写了 3000 多字，整个午休结束了（
+
+希望这篇文章对大家有帮助吧，有编程相关问题或者需要学习指导规划都欢迎加入 [我的学习小圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 向我 1 对 1 提问，加入后可以跟着我的直播学做项目（往期视频可回看），第二套项目马上完结了，相信能帮大家学到巨量的项目开发经验。
+
+> 了解星球：https://yupi.icu，加我微信 yupi5927 备注【加入星球】可以领取好友专属优惠
+
+扫码体验：
+
+![](https://pic.yupi.icu/5563/202311060817285.jpeg)
+
+![](https://pic.yupi.icu/5563/202311060817450.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257 Linux\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257 Linux\357\274\237.md"
new file mode 100644
index 0000000..5710d8c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257 Linux\357\274\237.md"	
@@ -0,0 +1,112 @@
+# 什么是 Linux？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+前两天我学编程的老弟小阿巴过生日，我问他想要什么礼物。
+
+本来以为他会要什么游戏机、Q 币卡、鼠标键盘啥的，结果小阿巴说：我想要一台服务器。
+
+![](https://pic.yupi.icu/5563/202311071358514.png)
+
+鱼皮听了，不禁称赞道：真是个学编程的好苗子啊。行，我就送你一台最低配的 Linux 服务器吧！1 核 1 G 的那种。
+
+小阿巴（感动）：我焯，谢谢哥，但为什么送我最低配的呢？
+
+鱼皮：对初学 Linux 的同学来说，一般不会部署特别大的项目，1 核 1 G 的服务器，无论是用来学习 Linux 命令，还是用来部署个人博客和小项目都已经足够了。后续如果需要用到更高的配置，再升级即可。
+
+小阿巴：原来如此，之前就听说有同学买了 Linux 服务器后，由于不会用，就积灰了。那我先拿这个机子学习！
+
+鱼皮：不错，你先自己摸索一下，就当平时的办公电脑一样用试试~
+
+1 小时后。。。
+
+鱼皮：怎么样，知道怎么使用 Linux 了么？
+
+小阿巴：阿巴阿巴。。。这服务器为啥没界面啊！我不懂玩。
+
+![](https://pic.yupi.icu/5563/202311071358803.png)
+
+鱼皮：我送你的服务器安装的是 Linux 的一个发行版 —— CentOS 系统，默认是没有 Windows 和 Mac 那样的图形界面的，而是需要使用 `命令行` 来操作哦。
+
+小阿巴：！为啥 Linux 要这么设计啊，它为啥不像 Windows 一样用图形界面呢？
+
+鱼皮：这里其实是非常有考究的。正因为如此设计，不运行图形界面，能够大幅节省系统的资源，从而提高系统的 **资源利用率** ，运行更多的项目（程序）。而且 Linux 支持多用户远程登录，不运行图形界面也可以一定程度上保证系统的稳定性。
+
+高性能、低成本、更稳定，也是 Linux 服务器被广泛应用于生产环境部署项目的重要原因。
+
+小阿巴：原来如此，我可算知道为啥说程序员都要学习 Linux 了。那我现在应该怎么入门 Linux 呢？面对小黑框框我一脸懵逼啊。。。
+
+![](https://pic.yupi.icu/5563/202311071358364.png)
+
+鱼皮：可以看下我之前写的 [Linux 学习路线](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247501290&idx=1&sn=05437a67ba6888eeab253e554b693ceb&chksm=e9c2221ddeb5ab0b8b3d01651fcf41cccf1f0e5e1304e8441bfad789eb92d57d06a72f624c1e&token=706151027&lang=zh_CN&scene=21#wechat_redirect) ，入门 Linux 首先要做的就是 **了解 Linux 的常用命令** ，能做到像用界面操作 Windows 一样灵活操作 Linux，那你就成功了！
+
+小阿巴：的确，好像我之前经常在别人的简历上看到 “了解 Linux 命令” ，那我应该了解哪些 Linux 命令呢？
+
+鱼皮：Linux 的常用命令可以分为几大类，简单给你介绍一下吧。
+
+### Linux 常用命令
+
+#### 文件操作命令
+
+> 学习优先级最高，Linux 一切皆文件
+
+- pwd：显示当前所在目录
+- ls：查看目录下的文件
+- mkdir：创建目录
+- cd：切换当前目录
+- mv：移动文件或目录
+- cp：复制文件或目录
+- rm：删除文件或目录
+- zip：压缩文件
+- unzip：解压文件
+
+#### 系统信息命令
+
+> 后端开发重点，可使用这些命令进行异常分析
+
+- top：查看进程及资源占用情况
+- ps：查看进程信息
+- free：查看内存占用情况
+- df：查看磁盘占用情况
+- ifconfig：查看网络接口信息
+- netstat：查看网络状态信息
+
+#### 文件查看命令
+
+> 后端开发重点，可使用这些命令快速定位项目日志中的异常信息
+
+- cat：查看文件内容
+- head：查看文件开头内容
+- tail：查看文件末尾内容
+- grep、sed、awk 三剑客：灵活查找和处理文件内容
+
+#### 用户权限命令
+
+> 一般是给 Linux 运维（管理员）使用
+
+- useradd：添加用户
+- userdel：删除用户
+- chmod：修改文件或目录权限
+- chown：修改文件或目录所有者
+
+鱼皮：当然，以上只是 **部分** 常用命令，Linux 还有很多实用的第三方库和命令，感兴趣可以自己探索下~
+
+小阿巴：谢谢鱼皮，我这就去学习命令，背单词我最擅长！
+
+![](https://pic.yupi.icu/5563/202311071358358.png)
+
+鱼皮：记住，学 Linux 命令不要去死记硬背！把每个命令都敲几遍，有个大概的印象，后面部署项目的时候多操作下自然就熟悉了。像我们在工作中，也不会刻意去背这些命令，如果忘记了某个命令的用法，可以直接用 `命令 --help` 快速查看帮助文档，或者通过 Linux 命令集网站查询即可，比如：https://www.linuxcool.com/。
+
+小阿巴：谢谢，我刚刚查到一个命令：`rm -rf /*` ，这就去试试！
+
+鱼皮：住手啊！
+
+![](https://pic.yupi.icu/5563/202311071358659.png)
+
+------
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。一起加油！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\346\227\240\351\232\234\347\242\215\346\212\200\346\234\257\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\346\227\240\351\232\234\347\242\215\346\212\200\346\234\257\357\274\237.md"
new file mode 100644
index 0000000..0d18328
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\346\227\240\351\232\234\347\242\215\346\212\200\346\234\257\357\274\237.md"
@@ -0,0 +1,293 @@
+# 什么是无障碍技术？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+有温度的技术，改善上亿人的生活
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071354614.png)
+
+**鱼小皮**
+
+哥，现在的 APP 真是越来越难用了，功能多、操作复杂、广告更多。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+唉，可不是么，而且人们的生活已经离不开 APP 了！
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+![](https://pic.yupi.icu/5563/202311071354453.png)
+
+**老百**
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071354614.png)
+
+**鱼小皮**
+
+我爷爷最近的视力下降的很快，用 APP 还老点到广告，真担心他以后没法使用手机，影响生活。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+说到这个，最近有个新闻，要对大量的网站和 APP 进行改造。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+![](https://pic.yupi.icu/5563/202311071354611.jpeg)
+
+**老百**
+
+
+
+**一则新闻**
+
+12月25日，工业和信息化部副部长刘烈宏宣布，工信部将于明年 1 月起进行为期一年的 “互联网应用适老化及无障碍改造专项行动”，着力解决老年人、残疾人等特殊群体在使用互联网等智能技术时遇到的困难，首批将优先推动 8 大类 115 家网站、6 大类 43 个 APP 进行适老化及无障碍改造。
+
+
+
+首批适老化及无障碍改造 APP 名单中，包括腾讯新闻、新浪微博等新闻资讯类产品，也有微信、QQ 等社交通讯工具，还有淘宝、京东、抖音、百度等生活购物类产品，以及支付宝、百度地图、滴滴出行、叮当快药等金融、出行、医疗领域 APP。
+
+
+
+![](https://pic.yupi.icu/5563/202311071354752.jpeg)
+
+> 首批适老化及无障碍改造 APP 名单
+
+
+
+专项行动方案指出，针对老年人，要推出更多具有大字体、大图标、高对比度字等功能特点的产品，鼓励更多企业推出界面简单、操作方便的界面模式，实现一键操作、文本输入提示等多种无障碍功能。提升方言识别能力，方便不会普通话的老人使用智能设备。
+
+
+
+针对视力障碍人士，推动网站和手机 APP 与读屏软件做好兼容，解决"验证码"操作困难、按钮标签和图片信息不可读的问题。推动企业设计研发智能导盲技术和功能。
+
+
+
+针对听力障碍人士，鼓励互联网产品内容信息加配字幕，提高与助听器等设备的兼容性。推动企业提供在线客服等其他可替代电话客服的服务方式。
+
+
+
+针对肢体障碍人士，引导网站和手机 APP 支持自定义手势，简化交互操作，推出更多贴合肢体障碍群体需求特点的互联网应用。
+
+
+
+此外，针对当前互联网应用中强制广告较多，容易误导老年人的问题，互联网网站和手机APP完成改造后的适老版、关怀版、无障碍版本，将不再设有广告插件，特别是付款类操作将无任何诱导式按键，以便各类特殊群体方便、安全地使用。
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071354469.jpeg)
+
+**鱼小皮**
+
+哇！这真是太棒啦！话说新闻中反复提到的**无障碍**究竟是个啥？
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+无障碍是指任何人在任何情况下都能平等、方便、无障碍地获取并利用信息。在中国，老年人、视障、听障、读写障碍人士等占中国人口数的 **20%** 左右！而放眼全球，据统计，每 7 人中就有 1 位有或重或轻的残障体验，而全球有超过 70 亿人。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071355596.png)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071355603.jpeg)
+
+**鱼小皮**
+
+也就是说残障人数**超过 10 亿！**
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+没错！因此，在如今的信息互联网时代，所有人都应该能顺畅高效地使用互联网产品，享受到科技带来的便利，而不是将部分人拒之门外。因此，无障碍（Accessibility）不仅是重要的产品标准，也是一项关键技术。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071355596.png)
+
+**老百**
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071355903.png)
+
+**鱼小皮**
+
+听起来很美好，但感觉很难实现呀，我完全无法想象盲人怎么使用 APP。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+可以使用上面新闻中提到的读屏软件。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+![](https://pic.yupi.icu/5563/202311071354611.jpeg)
+
+**老百**
+
+
+
+**盲人如何使用 APP**
+
+读屏软件是一种改变了设备交互方式的系统服务，如今的智能设备基本都自带了读屏，比如知名的 TalkBack。
+
+
+
+![](https://pic.yupi.icu/5563/202311071355764.jpeg)
+
+
+
+> TalkBack
+
+
+
+读屏软件开启后，屏幕上会出现一个焦点，用户以触摸或者手势的方式移动屏幕上的焦点，读屏软件会读出当前焦点的内容。用户找到自己想要使用的控件后（比如一个按钮），双击屏幕的任何位置都可以将其激活（点击按钮）。
+
+
+
+其他的一些常见交互手势有像滚动、放大缩小这些也有对应的手势，让盲人用户可以通过 TalkBack 等读屏软件在看不见屏幕内容的情况下，也可以了解各种应用界面的组成，并进行自如地控制。
+
+
+
+![](https://pic.yupi.icu/5563/202311071355192.png)
+
+> Talkback 手势操作
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071355910.jpeg)
+
+**鱼小皮**
+
+原来如此！想起来之前不小心给手机开启了无障碍，结果完全不会用。那如果我也想给自己的应用添加无障碍功能，怎么办呢？
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+想要开发无障碍应用，必须先明确信息无障碍的需求，再进行具体实现。
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071355567.jpeg)
+
+**老百**
+
+
+
+**无障碍开发**
+
+无障碍体现在硬件设计、操作系统、应用软件等各个层面，但对于应用开发者，较多的实现可能是在前端层面。
+
+
+
+下面讲述无障碍开发的基本需求和对应实现方式。
+
+
+
+**1. 描述用户界面控件**
+
+
+
+屏幕阅读器是最常用的解决视觉障碍的方式。想要让屏幕阅读器朗读出整个页面的布局和内容，就要让它先认识我们的界面。因此必须给界面控件添加一些描述性内容，方便屏幕阅读器的读取。
+
+
+
+如果是前端开发，可以使用语义化的 HTML 标签，比如 \<Header\>、\<Footer\>，能够被屏幕阅读器理解。可以使用 aria 属性来描述元素的状态，用 role 属性来描述元素的实际意义。还可以使用无障碍表单等其他技术。
+
+
+
+对于安卓开发，推荐使用 Android 内置的界面控件，默认提供了无障碍支持。也可以使用描述属性来为Android 辅助功能服务提供信息。
+
+
+
+**2. 提供多种操作方式**
+
+
+
+确保任何使用鼠标能完成的功能也可以只通过可控制方向的软硬件来完成，比如键盘、导航手势、轨迹球等，以适应更多的人群。
+
+
+
+想要实现仅通过方向来浏览整个页面，可以采用以焦点为基础的页面导航，控制焦点的移动即可。
+
+
+
+因此，需要使所有的界面组件可获取焦点，并且调整组件的焦点获取顺序，以使其更符合用户操作逻辑。
+
+
+
+在前端开发中，可以使用 JavaScript 语法管理焦点，配合  onFocus  和  onBlur 实现焦点获取和离开事件。
+
+
+
+**3. 多级反馈**
+
+
+
+通过多级反馈机制，来为不同障碍用户提供支持。当手机接受到短信时，会发出提示音，但是听障用户是无法感知到的，因此还要提供一定的视觉反馈和触觉反馈，比如呼吸灯闪烁、手机振动等。
+
+
+
+**4. 调试和体验**
+
+
+
+给应用添加无障碍功能后，我们要进行调试和真实体验，闭上眼睛、仅使用方向键控制，借助读屏软件来模拟障碍人群使用应用，建议邀请其他第一次使用该应用的用户来体验，效果会更好。
+
+
+
+![](https://pic.yupi.icu/5563/202311071354611.jpeg)
+
+**鱼小皮**
+
+太好了！科技向善，以后我也可以做出更有温度的作品啦！
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+我也要去食用有温度的披萨了~
+
+![](https://pic.yupi.icu/5563/202311071354464.png)
+
+![](https://pic.yupi.icu/5563/202311071355563.jpeg)
+
+**老百**
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\350\264\237\350\275\275\345\235\207\350\241\241\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\350\264\237\350\275\275\345\235\207\350\241\241\357\274\237.md"
new file mode 100644
index 0000000..5f7c719
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\350\264\237\350\275\275\345\235\207\350\241\241\357\274\237.md"
@@ -0,0 +1,121 @@
+#　什么是负载均衡？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+周末在家写代码，无意中跟朋友提了下 LB，还说 LB 好的呱呱叫。
+
+朋友笑了笑，问我 LB 是谁？
+
+![](https://pic.yupi.icu/5563/202311071359055.png)
+
+我解释道：LB 它可不是活人，而是目前企业开发中常用的技术 —— 负载均衡，下面让我给你讲讲吧！
+
+## **负载均衡**
+
+### **介绍**
+
+假如我们刚刚上线一个网站，最多只有 10 个人同时访问，那么只需要把网站放到一台服务器上就够了，又叫 **单机部署** ：
+
+![](https://pic.yupi.icu/5563/202311071359061.jpeg)
+
+随着我们网站的不断宣传，可能出现上万用户同时访问的情况。由于一台服务器的 CPU、内存、带宽等资源都是有限的，无法同时支撑那么多用户。因此可能需要多台服务器一起来扛，分摊用户的请求，你一半我一半，又叫 **集群部署**：
+
+![](https://pic.yupi.icu/5563/202311071359032.jpeg)
+
+但这样有个问题，每个服务器都有一个不同的 IP 地址，想把用户的请求分摊到不同的服务器上，总不能让用户自己去输入不同的 IP 访问吧？
+
+因此，我们还需要一台 **代理服务器** ，对外提供 **唯一** 的入口，**统一** 接受用户的请求。再根据请求（或流量）的 **特征** ，依据一定的 **算法** ，将请求转发到内部的服务器集群中，如图：
+
+![](https://pic.yupi.icu/5563/202311071359043.jpeg)
+
+这样对于用户来说，始终通过一个域名访问网站即可，他完全感知不到你的网站到底部署到多少台服务器上、也不关心它是如何部署的。
+
+这便是 **负载均衡**（Load Balancing 简称 LB），是企业中最重要的高并发解决方案之一。
+
+### **作用**
+
+负载均衡最直观的作用就是提高系统的并发度，说人话就是允许更多人同时访问了。
+
+它还可以提高整个系统的可用性，假如集群中有一台服务器挂了，代理服务器只要不再把请求转发给它就行了，集群中的其他服务器仍然能够正常地接受和处理请求。
+
+此外，负载均衡还能够减少用户等待响应的时间、通过并行提高整个系统的处理能力等。
+
+![](https://pic.yupi.icu/5563/202311071359035.jpeg)
+
+### **分类**
+
+虽然通过代理服务器转发请求能够提升整个系统的并发访问数，但不要忘了，代理服务器本身的资源也是有限的啊！像比较常用的 Nginx 代理，能有个几万并发就撑死了。如果同时访问的用户量再大一点，不就忍不下了么？！
+
+![](https://pic.yupi.icu/5563/202311071359048.png)
+
+而且代理服务器也存在挂掉的可能性，一旦它挂了，后果不堪设想。
+
+因此，我们可以将负载均衡进行分类，针对不同的场景来选择相对合适的实现方式。
+
+比较常见的分类方法是：根据 **计算机网络七层模型** ，按照负载均衡所属的网络层次去区分。
+
+下面这张计算机网络模型图还是很棒的：
+
+![](https://pic.yupi.icu/5563/202311071359285.jpeg)
+
+有关计算机网络的知识非本文重点，大家可以自行去了解，不懂也没关系，可以接着往下看。
+
+无论是哪层负载均衡，都需要有代理服务器，并且对外提供唯一的 IP 地址，然后根据算法将请求转发到目标服务器（实际处理请求的服务器）。只不过实现转发的原理和逻辑不同罢了。
+
+### **二层负载均衡**
+
+二层指数据链路层，数据以数据帧的形式通过交换机进行传输。
+
+这一层是没有 IP 地址概念的，只能用 MAC 地址对机器进行区分。因此负载均衡服务器会通过一个虚拟 MAC 地址接受请求，并通过改写报文目标 MAC 地址的方式将请求转发到具有不同 MAC 地址的目标机器。
+
+![](https://pic.yupi.icu/5563/202311071359846.jpeg)
+
+二层负载均衡最原始、性能极高。但只能通过硬件设备实现，比如 F5、Array 等，价格十分昂贵。
+
+主要的底层实现方式就是 PPP 捆绑和链路聚合技术，这里不做赘述，对于开发同学来说，大家一般也接触不到二层负载均衡。
+
+### **三层负载均衡**
+
+三层即网络层，这一层开始有了 IP 地址的概念，可以根据 IP 地址路由网络。
+
+这一层的负载均衡设备会对外提供一个虚拟的 IP 地址（VIP）以接收请求，然后根据算法将请求转发到 IP 地址不同的目标机器。
+
+![](https://pic.yupi.icu/5563/202311071359142.jpeg)
+
+和二层一样，三层负载均衡也是通过硬件设备实现，成本也比较高。
+
+### **四层负载均衡**
+
+四层即传输层，除了包含三层的 IP 地址信息之外，还多了源目端口号的概念，可以区分同一机器上不同的应用。
+
+由于得到了更多的信息，这一层的负载均衡会更加灵活，对外提供一个虚拟的 IP 地址 + 端口号来接收请求，然后根据算法将请求转发到不同目标机器的不同端口上。
+
+![](https://pic.yupi.icu/5563/202311071359129.jpeg)
+
+四层负载均衡可以通过软件实现，比如主流且开源的 LVS（Linux Virtual Server），底层可选多种负载模式，比如 NAT（网络地址转换）、DR（直接路由）、TUN（隧道）。
+
+四层负载均衡的优点是：一方面是性能很高、比较稳定，支撑个十几万、几十万并发不成问题；另一方面是成本低、纯软件实现，因此在企业中的应用很广泛。
+
+### **七层负载均衡**
+
+七层指应用层，是计算机网络模型的最上层，因此能得到请求最为详细的信息，比如 HTTP 请求头等。
+
+可以根据域名或主机 IP + 端口接收请求，并通过应用层信息（请求头、Cookie 等）灵活地转发请求，比如将手机端用户转发到服务器 A、桌面端用户转发到服务器 B 等。
+
+![](https://pic.yupi.icu/5563/202311071359732.jpeg)
+
+这种方式实现成本最低，也最为灵活，因此也是我们应用开发人员最常用的了。
+
+实现方式多种多样，比如主流的 Nginx、HAProxy 都可以，写个配置基本就能转发请求了，大部分情况下性能也够用了。
+
+再提一下所属于这层的 `DNS 负载均衡` ，基于 DNS 域名解析服务，可以将同一个域名解析为不同的 IP 地址，从而让用户访问到不同服务器上的项目。
+
+这种方式实现起来不难，但转发逻辑不够灵活，而且 DNS 存在缓存，不利于修改。
+
+------
+
+除了上面讲到的这些，负载均衡还有很多学问，比如负载均衡算法（比如常用的静态轮询、动态连接数等）、高可用等，这些大家自行了解和实践下就好了，具体场景具体分析。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\225\260\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\225\260\357\274\237.md"
new file mode 100644
index 0000000..9e4b583
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\225\260\357\274\237.md"
@@ -0,0 +1,88 @@
+# 什么是魔数？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，无意间在网上看到了这么一张图：
+
+![](https://pic.yupi.icu/5563/202311071357358.png)
+
+刚看到这段代码时，我是比较吃惊的，作者竟然使用了一个英文单词 `deadbeef` 来定义宏常量！
+
+我本来以为只是一位幽默的程序员的小玩笑，但后来查阅资料才知道，上图的这段代码竟是 C++ 的 hash_map 源码！而作者使用这个特殊的英文单词也是 “别有用心”。
+
+deadbeef  的英文直译是死牛肉，但在编程领域中，它却有更深层的含义。给这个单词加上 `0x` 、再转换为大写，就得到了一个典型的十六进制数字：0xDEADBEEF。这个数字经常用来标识新分配但是还未初始化的内存；在嵌入式系统中，也常常用它来表示程序崩溃或者出现了死锁，比如运行在 32 位 PowerPC 处理器上的 IBM RS/6000 系统、Mac OS 系统。
+
+那我不禁感到好奇，为什么选择了这样一个单词，而不是 “FishPi” 之类的（开个玩笑，16 进制最多到 F）。
+
+![](https://pic.yupi.icu/5563/202311071357076.png)
+
+到网上查了一会，得到的结论竟然是：没什么理由，它是一个 **“魔数”**！
+
+所谓魔数，就是毫无理由、凭空出现、也不需要去解释其含义的常量。就是这么任性！
+
+除了 deadbeef 外，我还百度到了很多魔数，比如：
+
+- 0xBAADF00D ("bad food" 烂饭) 被微软的 LocalAlloc（LMEM_FIXED）使用，在使用调试堆时指示未初始化的已分配堆内存
+- 0xDEADC0DE ("dead code" 死码) 在 OpenWRT 固件中用作标记，在静态固件的末尾表示要创建的 jffs2 文件系统的开始
+- 0xDEAD10CC ("dead lock" 死锁)  用于表示 iOS 系统的闪退报告
+
+是不是感觉很神奇？也许这就是程序员的浪漫吧。
+
+看到这里，我忍不住了，也去写了几个魔数，大家来猜猜看是什么意思：
+
+```
+redisLock.lease(86400);
+if (fileSize > 1073741824) {
+  ...doSomething
+}
+if (num > 2147483647) {
+  printf("you lose");
+}
+```
+
+这几个值都是我们写代码时经常用的，84600 = 3600 * 24 表示一天；1073741824 = 1024 * 1024 * 1024 表示 1 GB；而 2147483647 是 Java 等编程语言中 int 类型的最大值。
+
+![](https://pic.yupi.icu/5563/202311071357226.png)
+
+我把这些代码拿给我朋友一看，他嘲笑道：人家大佬写的魔数叫魔数，而你写的，只能叫烂代码。
+
+![](https://pic.yupi.icu/5563/202311071357499.png)
+
+的确，除非是上面那些大佬 / 前辈公认的、约定俗成的魔数外，我们在平时写代码的时候，尽量不要使用魔数，它会严重影响代码的可读性。我们可以通过定义常量来给这些魔数加上 “注释”，比如：
+
+```
+int ONE_DAY = 86400;
+int ONE_GB = 1073741824;
+int MAX_INTEGER = 2147483647;
+```
+
+这样就清晰很多了，也减少了我们输入错误的风险。
+
+除了上面提到的魔数外，我还在网上看到了一些有实际意义的魔数，比如现代 3D 游戏之父约翰·卡马克在雷神之锤中的魔数：
+
+```
+i = 0x5f3759df - ( i >> 1 );
+```
+
+完全不敢相信，上面这行代码竟然可以快速计算一个数字的平方根的倒数！
+
+在网上一查，还有很多论文专门研究这个东西：
+
+![](https://pic.yupi.icu/5563/202311071357398.png)
+
+不得不感叹编程的魅力、数学的魅力啊！什么时候，我也能创造一个人尽皆知的魔数呢？
+
+同事：“喂，鱼皮，别特么做梦了，来搬砖！”
+
+“来了来了，我再给你写几个魔数（烂代码）！”
+
+![](https://pic.yupi.icu/5563/202311071357242.png)
+
+
+
+------
+
+
+点击加入鱼皮的 [编程学习圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和 **3000 多名** 小伙伴们一起交流学习编程，跟着鱼皮直播做项目，享受免费简历修改、1 对 1 答疑等服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\263\225\345\200\274\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\263\225\345\200\274\357\274\237.md"
new file mode 100644
index 0000000..79f98e2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\273\200\344\271\210\346\230\257\351\255\224\346\263\225\345\200\274\357\274\237.md"
@@ -0,0 +1,161 @@
+# 什么是魔法值？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 二分钟，教你一个写代码的好习惯。
+
+大家好，我是鱼皮，今天通过一件事情，分享写代码时的一个重要小技巧。
+
+前段时间，我在编程导航项目中开源了一段代码，实现的功能是，当用户的操作失败时，会在页面上弹出一个错误框，并提示 “操作失败”，代码如下：
+
+```
+// 错误提示
+const ERROR_MESSAGE = "操作失败";
+
+// 删除资源
+const result = deleteResource(); 
+if(!result) {
+  alert(ERROR_MESSAGE);
+}
+```
+
+然而没想到，有位同学直接留言说我这么写代码是多此一举！为什么要单独给 “操作失败” 这个字符串定义一个常量呢？直接这么写不就好了：
+
+```
+// 删除资源
+const result = deleteResource(); 
+if(!result) {
+  alert("操作失败");
+}
+```
+
+似乎代码变得更精简了，但其实这是一个常见的编程误区，**魔法值** 问题。
+
+### 魔法值
+
+什么是魔法值呢？听起来有点像游戏的蓝槽 MP 哈哈。
+
+![](https://pic.yupi.icu/5563/202311071356325.jpeg)
+
+其实，魔法值和 MP 一点关系都没有！
+
+魔法值指的是代码中没有任何定义，直接像魔法一样凭空出现的值，可以是数字、字符串等，比如：
+
+```
+// 输出
+console.log(1);
+// 弹出警告框
+alert("dog");
+```
+
+为什么要给这种值一个名号 “魔法值” 呢，因为它对代码的影响非常恶劣！
+
+#### 魔法值的问题
+
+首先，魔法值会严重影响代码的 **可读性** 和 **可维护性**。
+
+像上面的魔法字符串看起来好像没什么问题，但如果魔法值是数字，就必须通过阅读其他代码才能推断出来，比如：
+
+```
+if (a == 1) {
+  alert("good");
+} else if (a == 2) {
+  alert("bad");
+} else if (a == 3) {
+  ...
+}
+```
+
+只凭这样一段代码，你能知道数字 1、2、3 分别是什么意思吗？
+
+有同学说了，我自己写的代码难道还会看不懂么？别急，过一个月你再来阅读下这段代码。
+
+如果你的记忆力很好，自己一个做项目的时候追求点效率倒也无所谓了。但要是和其他同学一起做项目、维护代码，写带有魔法值的代码无疑会让他人难以理解，如果再不写注释，可能他们连杀了你的心都会有了。
+
+![](https://pic.yupi.icu/5563/202311071356317.jpeg)
+
+第二，魔法值还会影响开发的 **效率和准确性**。
+
+还是拿开头那段代码为例，喷我的同学根本没有把代码文件完整读完，其实在该文件中，我不止一次使用到了 `ERROR_MESSAGE` 这一常量：
+
+```
+// 错误提示
+const ERROR_MESSAGE = "操作失败";
+
+// 删除资源
+const result = deleteResource(); 
+if(!result) {
+  alert(ERROR_MESSAGE);
+}
+// 修改资源
+const result = updateResource(); 
+if(!result) {
+  alert(ERROR_MESSAGE);
+}
+
+...
+```
+
+如果像他说的一样，不去定义常量，而是直接用魔法字符串，那么每次要弹出 “操作失败” 时，我都要重复去打这几个字，浪费时间的同时，还存在打错字的风险。而如果使用预定义的常量，就能很轻松地利用开发工具提供的代码提示和补全功能。
+
+![](https://pic.yupi.icu/5563/202311071356477.png)
+
+> 代码补全
+
+此外，魔法值还会影响代码的 **易修改性**。
+
+假如说同一个魔法字符串在代码中多次出现，那当我要修改字符串文案时，就要人工一个个地去找到这个字符串进行修改，即使可以用开发工具提供的搜索和全局替换功能，但也要去检查一遍，非常麻烦。
+
+```
+alert("你操作失败了");
+alert("你操作失败了");
+alert("你操作失败了");
+```
+
+而如果将字符串定义为常量，只用在定义处修改它的值即可。此时的常量名，倒像是魔法值的一个指针了。
+
+```
+const ERROR_MESSAGE = "你操作失败了"
+alert("ERROR_MESSAGE");
+alert("ERROR_MESSAGE");
+alert("ERROR_MESSAGE");
+```
+
+#### 解决魔法值
+
+正因为魔法值对代码有很大的危害，所以各种代码规范中，都建议开发者不要使用魔法值。
+
+解决魔法值的方式很简单，其实上面已经讲到了，就是为一系列相同的值定义一个 **常量**。注意是常量，不是变量！因为魔法值的内容一般是固定的，其本身结构不会被修改。
+
+对于一系列的魔法值，建议定义为一个枚举或单独的常量类，比如资源有很多审核状态，可以把所有状态集中定义。
+
+JavaScript 代码：
+
+```
+const REVIEW_STATUS = {
+  // 待审核
+  WAITING: 0,
+  // 通过
+  PASS: 1,
+  // 拒绝
+  REJECT: 2
+}
+```
+
+Java 代码：
+
+```
+public enum ReviewStatus {
+  WAITING, PASS, REJECT
+}
+```
+
+
+
+------
+
+希望本期分享对大家有帮助，千万不要再写烂代码啦！
+
+![](https://pic.yupi.icu/5563/202311071356614.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\275\240\347\234\237\347\232\204\344\274\232\345\206\231\345\215\225\344\276\213\346\250\241\345\274\217\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\275\240\347\234\237\347\232\204\344\274\232\345\206\231\345\215\225\344\276\213\346\250\241\345\274\217\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..de584c3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\344\275\240\347\234\237\347\232\204\344\274\232\345\206\231\345\215\225\344\276\213\346\250\241\345\274\217\344\271\210\357\274\237.md"
@@ -0,0 +1,161 @@
+# 你真的会写单例模式么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+设计模式是开发岗面试中的高频考点，在设计模式中，**单例模式基本是必考的！**
+
+为什么面试官爱问单例模式呢？原因如下：
+
+1. 单例模式是我们平时编程中最常用的设计模式之一。
+
+2. 单例模式实现简单，不会占用太多面试时间
+
+3. 单例模式的实现有很多种，而且有优劣之分，能够体现面试者的基本功和水平。
+
+即使是工作几年的程序员，也未必能完全正确地手写单例模式，实现方式也不完全相同。
+
+那么你真的会写单例模式么？
+
+**什么是单例模式？**
+
+单例模式是OOP（面向对象编程）语言的一种概念，顾名思义，就是一个类只能有一个实例对象。
+
+单例模式又分为懒汉式单例和饿汉式单例， 下面介绍两种方式的传统实现及优化后的推荐实现（本来想叫“最佳实现”，但网上实现方式太多，比如乐观锁、枚举类等等，就不给自己留坑了）。
+
+![](https://pic.yupi.icu/5563/202311071352585.png)
+
+
+
+### **懒汉式单例**
+
+懒汉式单例的特点是：当需要使用对象的时候才进行实例化。
+
+由于可能有多个线程同时要使用对象，因此需要考虑线程安全问题，防止并发访问时生成多个实例。通常需要加锁来解决并发冲突，是用时间来换空间的方案。
+
+#### **传统实现代码：**
+
+```
+class Singleton{    // 私有构造函数    
+	private Singleton() {}     
+	private static Singleton obj;     
+	// 加锁保证obj只实例化一次，时间换空间    
+	public static synchronized Singleton getInstance(){        
+	if (obj == null) {            
+	obj = new Singleton();        
+	}        
+	return obj;    
+	}
+}
+```
+
+传统实现方式中，每次获取实例都要被synchronized关键字串行化，即使已经生成了对象实例。
+
+而我们加锁的目的是为了防止生成多个实例，因此只需对生成实例的代码加锁，生成实例后，可支持并发访问，提高了性能。
+
+**优化后的代码：**
+
+```
+class Singleton {    
+// 私有构造函数    
+private Singleton() {}    
+// 最后解释volatile关键字    
+private volatile static Singleton obj;    
+public static Singleton getInstance(){        
+// 已有实例则直接返回，不走锁        
+if (obj == null) {            
+// 仅在没生成实例时加锁控制，使并发访问串行化            
+synchronized (Singleton.class) {                
+// 多个线程会按序执行到此处，需要再次检查是否已实例化                
+if (obj == null) {                   
+obj = new Singleton();               
+}            
+}        
+}        
+return obj;    
+}
+}
+```
+
+在上述代码中，由于检查了两次对象是否已实例化，因此该方法又称**“双检锁”**，能够保证线程安全的同时提升对象实例化后的调用性能。
+
+
+
+### **饿汉式单例**
+
+饿汉式单例的特点是：类加载时便实例化对象。
+
+能够在第一时间实例化对象，供其他方法使用，是拿空间换时间的方案。
+
+#### **传统实现代码：**
+
+```
+class Singleton{    // 私有构造函数    private Singleton() {}    // 类加载时就实例化对象    private static Singleton obj = new Singleton();         public static Singleton getInstance(){        return obj;    }}
+```
+
+#### 通过static关键字，在类加载时创建对象。 
+
+#### **优化实现**
+
+上述传统实现方式中，由于类加载时就实例化对象，因此当我们调用这个类的其他静态方法时，也会触发类加载，从而实例化单例对象，会导致空间的暂时浪费。
+
+由于静态内部类中的对象不会默认加载，直到调用了获取该内部类属性的方法。因此可用静态内部类封装静态实例变量。
+
+**优化后的代码：**
+
+```
+class Singleton{    // 私有构造函数    private Singleton() {}     // 静态内部类    private static class SingletonHolder {        private static Singleton instance = new Singleton();    }    public static Singleton getInstance(){        return SingletonHolder.instance;    }}
+```
+
+上面种种实现方式中，最推荐这种优化后的饿汉式实现，利用static保证线程安全，利用静态内部类节约了空间，实现lazy-loading（懒加载），而且代码非常简短，可谓一箭三雕。
+
+接下来我们深入分析下单例模式代码中的细节。
+
+
+
+### **单例模式细节深入分析**
+
+虽然懒汉式单例优化版的实现代码相对复杂，但是有一些细节值得学习和考究。
+
+比如这行声明实例的代码中为什么要使用volatile关键字？
+
+```
+private volatile static Singleton obj;
+```
+
+看似不起眼的volatile关键字，如果不添加的话，可能出现获取实例为null的情况！
+
+为什么呢？
+
+因为使用new来创建对象不是一个原子操作（不可分割的操作序列，要么都成功，要么都失败），而是会被编译成如下三条指令：
+
+1. 给实例分配内存
+
+2. 初始化实例的构造
+
+3. 将实际对象指向分配的内存空间（此时实例应该已经不为空）
+
+正常的思路是123一定按顺序执行。
+
+但事实上，Java会对进行指令重排序。
+
+> JVM根据处理器的特性，充分利用多级缓存，多核等进行适当的指令重排序，使程序在保证业务运行的同时，充分利用CPU的执行特点，最大的发挥机器的性能。
+
+即JVM虚拟机在执行上面三条指令时，可能按照132的顺序执行。
+
+假设当13执行完，2还未执行时，如果另外一个线程调用getInstance()，会在判断对象是否为null时返回false（因为3已执行，对象指向了内存空间，已不为空），然后直接返回实例。但由于此时2还没执行，实例并未完全初始化，只是分配了内存空间，就会导致使用对象时出现错误（引用逃逸）。
+
+**注意：final字段不能保证初始化过程中的可见性，也无法禁止指令重排序！**
+
+而voliate关键字可以通过内存屏障禁止指令重排序，保证创建对象时的123步骤按顺序执行，从而解决上述问题。
+
+![](https://pic.yupi.icu/5563/202311071352274.jpeg)
+
+
+
+**写在最后**
+
+### 其实单例模式还有其他的实现方式，比如spring容器的单例实现，用局部变量避免指令重排序来提高性能（一种特殊的避免指令重排序的方法）： 
+
+![](https://pic.yupi.icu/5563/202311071352297.jpeg)Spring还有一种单例的登记式注册表实现，有兴趣的同学可以自行搜索。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\211\215\347\253\257 \357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\211\215\347\253\257 \357\274\237.md"
new file mode 100644
index 0000000..95f26c2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\211\215\347\253\257 \357\274\237.md"	
@@ -0,0 +1,187 @@
+# 啥是前端 ？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+啥是前端
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337618.jpeg)
+
+百哥，我想学编程，应该先学啥呢？
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+小皮，怎么突然想学编程了，不会又是三分钟热度吧？
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071337595.jpeg)
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337618.jpeg)
+
+嘿嘿，觉得学编程非常酷，可以发挥自己的想象，创造属于自己的网站和 App，绝对不是为了赚钱哦！
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+那你可以先学前端。
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+![](https://pic.yupi.icu/5563/202311071337655.jpeg)
+
+
+
+![](https://pic.yupi.icu/5563/202311071337618.jpeg)
+
+前端是啥？我只听说过 C 语言，Java，Python 之类的。
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+前端是网站的前台部分，就是我们能够看得到的，运行在浏览器中的网页。
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337590.jpeg)
+
+
+
+![](https://pic.yupi.icu/5563/202311071337598.jpeg)
+
+嗷！我知道了，前端就是做网站呗，好像很简单嘛？
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+可别小看前端！
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+![](https://pic.yupi.icu/5563/202311071337353.jpeg)
+
+
+
+早期的前端技术和应用确实没有那么丰富。但随着科技的进步和智能设备的普及，如今前端技术不仅能制作网站，还能够开发App、桌面程序、小程序、快应用等。前端涉及的领域也越来越多，比如3D、游戏、VR、AR、数据可视化等，每个领域都有相当多的专家在探索。
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337618.jpeg)
+
+前端的发展真是快！那现在市场对前端工程师的需求量大么，工资高不？
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+还是想着赚钱呀！薪资是有很多的影响因素的，比如所在城市、工作经验、工作能力、企业类型等等。前端的择业面很广，比如 PC 网站、移动网站、智能设备界面开发、混合开发等，前端工程师的平均薪资和市场需求度都是很高的！
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337595.jpeg)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337481.jpeg)
+
+那不是爽死了，俺要学个前端回去娶媳妇儿生娃~ 对了，前端需要学习哪些技术呢？
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+哈哈，前端技术可多了。除了基本的 html，css，js 三件套外，现在的前端工程师还必须要掌握一门开发框架，比如 Vue、React、Angular。这些框架能够大大地提升开发效率，以适应企业的快节奏。
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337595.jpeg)
+
+
+
+![](https://pic.yupi.icu/5563/202311071337342.jpeg)
+
+
+
+![](https://pic.yupi.icu/5563/202311071337618.jpeg)
+
+那学了这些就能精通前端么？
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+远远不够！学了上面这些技术后，你只是具备了前端开发的能力。
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337384.jpeg)
+
+
+
+优秀的前端工程师不仅要了解主流的前端技术，还要学习后端、网络等，提升知识广度。而真正的前端专家们一定是长期在某一个细的领域不断深耕，才能创造更多新的技术，因此技术的深度也尤为重要。最重要的是，要对技术充满热情，持续学习新的技术，把握业内动向，才能引领时代！
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071337377.jpeg)
+
+听的我都激动死了，我要学我要学！
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+年轻人，我看你和编程有缘，这本前端入门秘籍就免费赠送给你吧！
+
+![](https://pic.yupi.icu/5563/202311071337646.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071337655.jpeg)
+
+
+
+点击下方**阅读原文**查看前端学习路线哦~
+
+
+
+![](https://pic.yupi.icu/5563/202311071337455.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\214\272\345\235\227\351\223\276\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\214\272\345\235\227\351\223\276\357\274\237.md"
new file mode 100644
index 0000000..6d06971
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\345\214\272\345\235\227\351\223\276\357\274\237.md"
@@ -0,0 +1,431 @@
+# 啥是区块链？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+我竟然被狗狗币勒索了？
+
+
+
+![](https://pic.yupi.icu/5563/202311071339799.png)
+
+**鱼小皮**
+
+哥，我电脑坏了。
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+怎么坏了？开不了机踹一脚就好了。
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+![](https://pic.yupi.icu/5563/202311071339759.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071339799.png)
+
+**鱼小皮**
+
+屏幕上出现一堆狗头，我电脑上的程序都打不开了。
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+我看看，握草？
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+![](https://pic.yupi.icu/5563/202311071339715.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071340453.png)
+
+小皮的电脑屏幕
+
+
+
+你这是被狗狗币勒索了啊！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+![](https://pic.yupi.icu/5563/202311071339713.jpeg)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071340808.png)
+
+**鱼小皮**
+
+啥是狗狗币？
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+狗狗币（又叫狗币）是一种虚拟货币，和比特币一样，都是**存储在区块链上的数字加密货币**。
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071339759.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071340326.jpeg)
+
+**鱼小皮**
+
+啊，我想起来了。之前的比特币勒索事件，一个比特币就要几万元！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071340883.png)
+
+1 比特币 = 97440 人民币
+
+
+
+![](https://pic.yupi.icu/5563/202311071340874.jpeg)
+
+**鱼小皮**
+
+为啥虚拟货币会那么贵啊？
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+这就要从它们背后强大的区块链技术开始讲起了。
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071339713.jpeg)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071339715.png)
+
+**鱼小皮**
+
+快快，给俺讲讲区块链，我倒要看看小小狗币有多大能耐！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+什么是区块链？
+
+区块链起源于比特币，在 2008 年 11 月被一名自称中本聪的人创造。
+
+
+
+区块链顾名思义，是由一个个存储数据的区块首尾相连而组成的链条。每次新增数据都会在链条尾部插入一个新数据块。
+
+
+
+![](https://pic.yupi.icu/5563/202311071340429.png)
+
+
+
+其本质是一个分布式共享账本（数据库），所有用户都拥有完全相同的账本（数据链条），当发生一笔交易时，由所有人共同参与记账，从而能够防止账本被篡改。
+
+
+
+举个例子，猫狗猪三兄弟每个人最初都有20元，他们都在自己的账本中记下：
+
+
+
+![](https://pic.yupi.icu/5563/202311071340766.png)
+
+
+
+有一天，狗找猫借了 10 元，即发生了一笔交易，他们都掏出小本本记下：
+
+
+
+![](https://pic.yupi.icu/5563/202311071340798.png)
+
+
+
+但是呢，狗不愧是狗，想赖账。于是偷偷地修改了自己的账本，就好像它从来没借过一样：
+
+
+
+![](https://pic.yupi.icu/5563/202311071340350.png)
+
+
+
+如果三兄弟只有一本账本，那么狗就成功地骗到了钱。但因为三兄弟每个人都同时记账，因此狗的阴谋很容易就被识破了！
+
+
+
+![](https://pic.yupi.icu/5563/202311071340629.png)
+
+
+
+区别于传统的中心化记账网络（由一个人负责记账），区块链是**分布式记账网络**，能够防止最多 50% 的恶意节点，保障链上交易数据的安全性和不可篡改性。
+
+
+
+![](https://pic.yupi.icu/5563/202311071340874.jpeg)
+
+中心化和去中心化网络
+
+
+
+对于分布式记账网络，由于所有人都能读写数据，可能导致一条区块链非常大（比特币所在区块链**高达几百 G**）。因此需**对区块链进行分类**，除了公有链外，还有私有链和联盟链等。
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071340783.jpeg)
+
+**鱼小皮**
+
+原来这就是分布式记账呀！现在的支付宝就是中心化网络吧？假如某天支付宝挂了，大家的钱就都没啦，花呗也不用还了！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+很聪明嘛，这也是区块链能够发展的重要原因。区块链还有很多优秀的特性哦~
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071340140.jpeg)
+
+**老百**
+
+
+
+区块链的特性
+
+1. 去中心化：区块链最明显的特性。系统中的数据块由整个系统所有正常的节点来共同维护。
+
+
+
+2. 开放性：区块链的数据对所有人公开透明。
+
+
+
+3. 去信任：区块链采用基于协商一致的规范和协议，使得对“人”的信任改为了对机器的信任，无法人为干预及作弊。
+
+
+
+4. 防篡改：除非能够同时控制住系统中半数以上的节点，否则信息篡改无效。
+
+
+
+5. 可溯源：由于区块使用单向链表作为存储结构，使得每笔交易清晰可信，可沿着链表进行追溯。
+
+
+
+6. 匿名性：由于区块链各节点之间的数据交换遵循固定且预知的算法，因此区块链网络是无须信任的，可以基于地址而非个人身份进行数据交换。
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071340009.jpeg)
+
+**鱼小皮**
+
+去信任！听起来就很牛逼。那区块链是怎么实现这些特性的呢？
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+区块链可是很多科技结合的产物，涉及数学、密码学、数据库、数据结构、共识算法、计算机网络、分布式理论等等。要想完整地介绍区块链的实现，至少要写一本书啦！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071339713.jpeg)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071340186.jpeg)
+
+**鱼小皮**
+
+不明觉厉，这么高大上的技术有什么落地的应用么？
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+区块链的应用
+
+**区块链的特性决定了其广泛的应用场景。**
+
+
+
+首先是市场上各种虚拟的数字加密货币，比如比特币，因为利用公有区块链进行存储（通常每种数字货币一条区块链），这些货币具有稀缺、便携、可跨境交易且无法被追踪等特点，使得这些货币具有了价值。
+
+
+
+区块链去中心化和分布式网络的特性使得区块链适用于信息的实时共享，比如腾讯公益寻人链：
+
+
+
+![](https://pic.yupi.icu/5563/202311071340737.png)
+
+
+
+> 腾讯公益寻人链
+
+
+
+可溯源的特性使得区块链被广泛用于防伪溯源的场景，比如生产物流链，每一个环节都可追踪查询，再也不用担心快递丢失了！
+
+
+
+![](https://pic.yupi.icu/5563/202311071340252.jpeg)
+
+> 生产物流链
+
+
+
+利用区块链去信任的特性，可以解决传统跨境支付业务因信任问题而导致的处理耗时，提高支付转账效率，并通过 P2P（点对点网络）和加密等技术保证数据的安全结算，还能通过可溯源性追溯每一笔转账交易。
+
+
+
+未来，资产将逐渐数字化，并放到区块链上存储。说不定有一天，我们再也不用带身份证出门了！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071340326.jpeg)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071340358.jpeg)
+
+**鱼小皮**
+
+是嘛，那爽死了！我要学我要学，快教我怎么开发区块链！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+现在区块链的开发方式太多了，我来介绍几种主流的技术吧。
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071339713.jpeg)
+
+**老百**
+
+
+
+区块链开发技术
+
+区块链开发是指将程序代码放在区块链上运行（**称为链码**），并将数据放在区块链上存储。推荐几种主流的开发技术。
+
+
+
+**1. 以太坊 Ethereum**
+
+主流成熟的开发平台，使用 Solidity 编程语言，可以开发各种类型的区块链，有在线 IDE 和 Truffle 框架，可以快速进行开发。以太坊也有自己的代币。
+
+
+
+在线 IDE ：http://remix.ethereum.org/
+
+Truffle 框架：
+
+https://www.trufflesuite.com/
+
+
+
+**2. EOS**
+
+EOS 即**企业级区块链操作系统**（Enterprise Operation System），为开发者提供了一个友好的区块链底层平台，可以使用 C/ C++/ WebAssembly 等轻松开发 **DApp**（运行在区块链上的分布式应用）。
+
+
+
+EOS 通过并行链等技术实现高性能低延迟的交易，每秒的交易处理量可达到上千级别。
+
+
+
+EOS 没有手续费的，受众广泛。使用 EOS 开发 DApp 时，你拥有多少 EOS 代币，就能够为你的应用分配更多的计算机资源。因此，EOS 是具有实际价值的。
+
+
+
+官网：https://eos.io/
+
+
+
+**3. Hyperledger 超级账本**
+
+Hyperledger 超级账本是一个旨在推动区块链跨行业应用的开源项目， 由 Linux 基金会在 2015 年 12 月主导发起该项目，处于业界领先地位。
+
+
+
+Hyperledger 提供了**完整的区块链开发全家桶**，如支持 Java、Go、Python 等多种语言的开发框架、生成 Restful API 的工具、测试工具、监控面板等，能够帮助开发者快速上手开发一个成熟的区块链应用。
+
+
+
+官网：https://www.hyperledger.org/
+
+
+
+![](https://pic.yupi.icu/5563/202311071340503.png)
+
+
+
+> Hyperledger 全家桶
+
+
+
+![](https://pic.yupi.icu/5563/202311071340405.png)
+
+**鱼小皮**
+
+太棒啦，我现在就去学！
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+喂喂喂，不先把你的电脑修好么？
+
+![](https://pic.yupi.icu/5563/202311071339717.png)
+
+![](https://pic.yupi.icu/5563/202311071340874.jpeg)
+
+**老百**
+
+
+
+其实狗狗币的价格非常便宜，对区块链代币感兴趣的同学，可以**点击下方阅读原文**了解数字货币最新行情。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\346\225\260\346\215\256\345\272\223\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\346\225\260\346\215\256\345\272\223\357\274\237.md"
new file mode 100644
index 0000000..16fc3f0
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\346\225\260\346\215\256\345\272\223\357\274\237.md"
@@ -0,0 +1,543 @@
+# 啥是数据库？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+啥是数据库？
+
+
+
+![](https://pic.yupi.icu/5563/202311071343459.png)
+
+**鱼小皮**
+
+哥，我凉了。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+怎么肥四？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+![](https://pic.yupi.icu/5563/202311071343464.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071343459.png)
+
+**鱼小皮**
+
+我实习的那家公司倒闭了，我拿不到实习证明了。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+好好的公司，怎么说倒就倒了？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+![](https://pic.yupi.icu/5563/202311071343473.jpeg)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071343424.png)
+
+**鱼小皮**
+
+听说有个哥们把公司所有的业务数据都整没了。真是不可思议！
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+唉，那铁定是删库跑路了啊！
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+![](https://pic.yupi.icu/5563/202311071343505.png)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071343537.jpeg)
+
+**鱼小皮**
+
+啊？删库？删什么库？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+当然是数据库呀！一般情况下，企业会把业务数据存放在数据库中。数据库是**企业的生命**，一旦其中的数据被删除，后果不堪设想！
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343589.jpeg)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071343586.jpeg)
+
+**鱼小皮**
+
+听起来很厉害的样子，快给我讲讲什么是数据库吧！
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+什么是数据库？
+
+数据库（Database，简称 DB）是按照一定结构和规则来存储和管理数据的仓库。数据库通常以文件的形式长期存储在服务器内，是有组织、可共享、统一管理的大量数据集。
+
+
+
+下图就是两个数据库文件：
+
+
+
+![](https://pic.yupi.icu/5563/202311071343678.png)
+
+
+
+但是，这些数据文件不是直接以便于人类理解的形式存储的，让我们打开其中一个文件：
+
+
+
+![](https://pic.yupi.icu/5563/202311071343813.png)
+
+db 文件内容
+
+
+
+![](https://pic.yupi.icu/5563/202311071343473.jpeg)
+
+**鱼小皮**
+
+这都是啥啊，乱七八糟的，数据存到这种文件里不就完全读不懂了！
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+出于安全和性能等考虑，我们无法直接使用这些数据库文件，而是需要一个数据库管理系统来帮助我们管理数据库。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343464.png)
+
+**老百**
+
+
+
+数据库管理系统
+
+数据库管理系统（Database Management System，简称 DBMS），是**对数据库进行统一的管理和控制的大型软件**。耳熟能详的 MySQL 就是一个数据库管理系统。
+
+
+
+数据库管理系统使我们能够轻松地建立、使用和维护数据库，对数据库的共享提供了很好的支持，并能保证数据库的安全性和完整性。不同的数据库管理系统对应的数据库存储文件的结构也不同。
+
+
+
+**数据库和数据库管理系统在软件开发中扮演着不可或缺的角色。**比如要开发一个教务系统，学生的信息都会存放在数据库中。当学生想登录教务网站查询自己的考试成绩时，部署在服务器上的程序会连接数据库管理系统进行查询，并从数据库中取出该学生的成绩，最后显示到页面上。
+
+
+
+![](https://pic.yupi.icu/5563/202311071343806.png)
+
+查询数据过程
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343473.jpeg)
+
+**鱼小皮**
+
+原来如此，但为什么要把数据存在数据库中呢？直接存到文件中，不也可以被程序读取么？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+打个比方，我们有很多衣服，如果直接堆在一起，找衣服的时候就会很麻烦。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071343464.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071343426.jpeg)
+
+
+
+但如果我们有一个衣柜，就可以按照一定规则，把不同的衣服放在不同的格子中整理，再去找衣服就很方便。数据库就是这样一个整理数据的柜子。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343464.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071343506.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343434.jpeg)
+
+**鱼小皮**
+
+那我把文件存到 Excel 里，查询时不也很方便么？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+Excel 虽然可以将数据以表格的形式展示，但是 Excel 文件难以被共享（多人同时访问），数据之间也缺乏关联性。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343464.png)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071343803.jpeg)
+
+**鱼小皮**
+
+那用腾讯在线文档不就可以了么？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+闭嘴！让我给你好好讲讲数据库的优点！
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071343972.jpeg)
+
+**老百**
+
+
+
+数据库的优点
+
+数据库之所以能被开发者广泛使用，是因为其有很多文件等其他存储方式不可替代的优点（此处主要讲关系型数据库的优点）。
+
+
+
+**1. 使用方便**
+
+传统的关系型数据库采用类似表格的行列式存储， 查询方便且易于理解。
+
+
+
+**2. 存储结构稳定**
+
+关系型数据库要求数据以结构化的方式存储，必须先定义表，再存储数据，因此数据的形式和内容可控，比如禁止用户存储空字段。因此可靠性更高。
+
+
+
+**3. 统一管控**
+
+数据可以由数据库管理系统统一管理和控制，数据库的各种信息一目了然，就像 Windows 系统的资源管理器一样。
+
+
+
+**4. 数据共享方便**
+
+由数据库管理系统集中管理数据库，用户要使用数据时，只需和数据库管理系统建立连接即可。因此数据可被多个用户程序共享。
+
+
+
+**5. 权限控制**
+
+使用数据库管理系统能够很方便地控制不同用户对数据库不同部分的访问及操作权限，能够很好的保证数据库安全性。
+
+
+
+**6. 数据独立性高**
+
+开发者和程序只需要关心数据库的逻辑结构（数据间的关系），而不需要去理解数据库底层的文件存储（看也看不懂）。即使底层的数据文件存储结构发生改变，也不需要改变我们的应用程序。
+
+
+
+**7. 数据备份与恢复**
+
+使用数据库管理系统可以定期对数据进行备份与恢复，保障数据的安全性。
+
+
+
+**8. 空间占用少，性能高**
+
+数据库管理系统会采用特定的数据结构来存储数据，并优化存储空间和数据查询性能，相对于我们自己建立文件来存储和读取数据，空间占用更少、性能会更高。
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343434.jpeg)
+
+**鱼小皮**
+
+原来使用数据库有这么多好处，但是什么数据都可以存到数据库中么？比如图片？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+理论上任何数据都可以存到数据库中，就像你可以往衣柜里放别的东西。但是不同的数据应选择不同类型的数据库进行存储，才能发挥出数据库的价值。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071343589.jpeg)
+
+**老百**
+
+
+
+数据库的分类
+
+数据库可以分为两大类：关系型数据库和非关系型数据库。
+
+
+
+**关系型数据库**
+
+关系型数据库（RDBMS）是使用最广泛的数据库，采用了关系模型来组织数据，其主要结构是**库 + 表 + 表之间的关系 + 字段**，便于用户理解。
+
+
+
+一个库有多张表：
+
+
+
+![](https://pic.yupi.icu/5563/202311071343729.png)
+
+> main 数据库下有多张表
+
+
+
+每张表采用行列式存储，类似表格。每一行代表一条数据，每一列代表一个字段。通常每张表都要定义一个**主键**，主键的值不能重复，用于标识唯一的一行数据，就和我们每个人都有唯一的身份证号一样。
+
+
+
+![](https://pic.yupi.icu/5563/202311071343168.png)
+
+用户表（id 是主键）
+
+
+
+表之间可以通过值相同的字段关联（通常用 id 关联）：
+
+
+
+![](https://pic.yupi.icu/5563/202311071343402.png)
+
+用户表和用户扩展信息表通过 id 关联
+
+
+
+通过将表进行关联，可以在查询时同时查出多个表的列，比如可以将上面两张关联表拼接为下表：
+
+
+
+![](https://pic.yupi.icu/5563/202311071343772.png)
+
+将两张关联表根据 id 合并为一张表
+
+
+
+目前最主流的关系型数据库有 MySQL 和 Oracle。
+
+
+
+![](https://pic.yupi.icu/5563/202311071343832.jpeg)
+
+
+
+**非关系型数据库（NoSQL）**
+
+非关系型数据库又称 NoSQL（Not Only SQL，不仅仅是 SQL）。由于数据类型太多样了，关系型数据库并不适用于所有的数据，因此针对不同的数据类型，出现了不同的 NoSQL。
+
+
+
+使用特定类型的 NoSQL 存储特定类型的数据，具有提升性能、节约空间等好处。
+
+
+
+常见的非关系型数据库有键值存储数据库 Redis、列式存储数据库 HBase、文档数据库 MongoDB、图形数据库 Neo4J、时序数据库 InfluxDB、对象数据库、XML 数据库等。
+
+
+
+![](https://pic.yupi.icu/5563/202311071343195.jpeg)
+
+
+
+![](https://pic.yupi.icu/5563/202311071343757.jpeg)
+
+**鱼小皮**
+
+原来有那么多数据库，大开眼界。那我应该怎么学习数据库呢？
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+先学最实用的关系型数据库吧，我给你亿点学习建议。
+
+![](https://pic.yupi.icu/5563/202311071343469.png)
+
+![](https://pic.yupi.icu/5563/202311071343815.jpeg)
+
+**老百**
+
+
+
+数据库学习建议
+
+数据库的学习分为五个阶段，前两个阶段是使用数据库的基础，最为重要。一般学完前三个阶段就可以在企业中很好地应用数据库了。
+
+
+
+**1. SQL**
+
+结构化查询语言（Structured Query Language）简称 SQL，是一种面向数据库的编程语言。使用 SQL 可以查询、管理和控制数据库。
+
+
+
+**SQL 又分为五类：**
+
+1. DDL（Data Definition Language）数据定义语言，包括创建数据库表、定义字段等。
+
+
+
+2. DML（Data Manipulation Language）数据操作语言，包括增删改查（大家常说的 CRUD）。
+
+
+
+3. DQL（Data Query Language）数据查询语言，就是 select 语句（也是 DML），语句灵活、优化技巧多，是 SQL 学习的重中之重。
+
+
+
+4. DCL（Data Control Language）数据控制语言，控制用户对数据库的访问权限。
+
+
+
+5. TCL（Transaction Control Language）事务控制语言，比如事务的开启、回滚等。
+
+
+
+**2. 设计**
+
+要能够针对业务场景设计出数据库、数据表和表之间的关系，通常需要遵循一定的规范。其中，表字段类型的选取尤为重要，选取不当会影响查询的性能，比如应当用整型代替字符串类型来存储 IP 地址。
+
+
+
+可以多参考他人的设计，熟能生巧。
+
+
+
+**3. 调优**
+
+使用一些技巧来提升你的数据库查询和操作性能。常用的有给字段添加索引、定位慢查询并优化、配置 MySQL 参数调优等。调优是在企业中应用数据库必不可少的环节，因此 **MySQL 调优也是面试的重点**。
+
+
+
+**4. 原理**
+
+了解数据库底层的存储原理，比如 MySQL 中的 InnoDB 存储引擎是如何实现的、索引底层的 B+Tree 是如何实现的等等。这有助于我们设计出高性能的数据表，并且更进一步调优性能。
+
+
+
+![](https://pic.yupi.icu/5563/202311071344131.png)
+
+
+
+> B+Tree 数据结构
+
+
+
+**5. 运维**
+
+数据库的运维对企业十分重要，一般都有专门的人员来维护数据库，**主要工作包括**：
+
+
+
+1. 保证数据库的正常运行。
+
+
+
+2. 控制用户的访问权限，保证数据库的安全。
+
+
+
+3. 在数据量大时进行集群、读写分离的搭建，保证数据库的性能。
+
+
+
+4. 在数据库出现异常时能够快速定位日志进行排错。
+
+
+
+5. 定期备份数据，并且在数据出现错误进行回滚、数据丢失时进行恢复。
+
+
+
+6. 提出提升数据库性能的 SQL 优化建议。
+
+
+
+运维的知识和经验更多的是在**实际工作中学习和积累**的。可以看一些视频案例进行学习。
+
+
+
+![](https://pic.yupi.icu/5563/202311071343434.jpeg)
+
+**鱼小皮**
+
+谢谢哥，太详细了！我一定好好学习数据库！将来也要删库跑路！
+
+
+
+
+
+![image-20231107134430684](https://pic.yupi.icu/5563/202311071344756.png)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071344142.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\351\207\215\345\256\232\345\220\221\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\351\207\215\345\256\232\345\220\221\357\274\237.md"
new file mode 100644
index 0000000..0f1652f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\225\245\346\230\257\351\207\215\345\256\232\345\220\221\357\274\237.md"
@@ -0,0 +1,148 @@
+# 啥是重定向？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享 `重定向` 小知识，以及我在腾讯云云开发中实现域名重定向的实践。
+
+### 孽起
+
+之前，我开发了一个编程导航网站，将网站放到了腾讯云云开发上，用云托管（容器）的方式部署和维护。还购买了一个域名 `code-nav.cn`，并且在云开发后台 `访问服务` 中，将该域名的子域名 `www.code-nav.cn` 和存放网站文件的容器相关联，配置如图：
+
+![](https://pic.yupi.icu/5563/202311071347374.png)
+
+> 云开发网站访问配置
+
+然后，大家就能通过网址 `www.code-nav.cn` 访问该网站了。
+
+![](https://pic.yupi.icu/5563/202311071346677.png)访问网站
+
+但是，很快，我就发现了一个严重的问题。
+
+有不少同学想要访问我的网站，但是，由于他们输入的网址是 `code-nav.cn`，省略了网址前缀 `www`，导致网站无法访问。也让我流失了一批用户。
+
+\###初战 —— 域名配置
+
+要解决这个问题，其实很简单，之前是配置 `www` 子域名指向容器，那在云开发后台再加一条配置，直接将购买的域名（父域名）`code-nav.cn` 也指向容器，不就成了么？
+
+配置如下：
+
+![](https://pic.yupi.icu/5563/202311071346087.png)
+
+> 云开发网站访问配置
+
+这样，无论用户是否输入 `www` 前缀，都能够访问到我们的网站啦！
+
+![](https://pic.yupi.icu/5563/202311071346824.png)访问网站
+
+看似非常完美，但目前，**网站其实还存在一定问题**。
+
+### 现存问题
+
+首先，带 www 与不带 www 其实是两个不同的网址，虽然对用户来说，感觉是访问了同一个网站。但对于搜索引擎，小蜘蛛们会把他们识别为两个不同的网站，并且分别收录这两个路径下网站的内容，导致权重分散。虽然对流量小的网站来说影响不大，但对于大站点，这是必须要处理的问题。
+
+此外，访问 `code-nav.cn`（不带 www）的用户反映，网站上的数据无法加载。这是因为，腾讯云云开发的 WEB 安全域名限制，只有在白名单内的域名才允许访问云资源（数据、文件等），因此，还要在 `安全配置` 中，补上 `code-nav.cn` 域名。
+
+![](https://pic.yupi.icu/5563/202311071346212.png)
+
+> 云开发安全配置
+
+虽然现在访问正常了，但是如果业务中还有一些和 www 网址强相关的逻辑，比如判断用户访问的网址必须是 `www.code-nav.cn` 才允许登录，那么你还要去修改代码，考虑稍有不周，就会导致一些功能出现问题。
+
+为解决这些问题，我们可以使用 `重定向` 技术。
+
+### 重定向
+
+重定向是一个很广泛的概念，即通过各种方法将各种网络请求重新定个方向转到其它位置，比如网页重定向、域名重定向、数据报文重定向等。
+
+在网站开发中，重定向的应用场景太多了，比如用户未登录时，将它输入的网址自动跳转为登录页；用户访问旧版网址时，自动跳转到新版网页。**重定向不仅是导游，也是一名霸道的保安。**
+
+因此，很多大站点都会采用重定向技术。比如访问百度 `baidu.com`，按 F12 查看开发者控制台，可以看到网址通过 302 重定向，自动跳转为了 `www.baidu.com`。
+
+![](https://pic.yupi.icu/5563/202311071346576.png)
+
+> 重定向
+
+那问题就来了，啥是 302 重定向？
+
+不妨看一看常见的重定向 HTTP 状态码。
+
+#### 重定向 HTTP 状态码
+
+和重定向有关的 HTTP 状态码主要是 301、302、303、307、308，最常用的是 301 和 302，可以看看 MDN 官方对它们的解释。
+
+301 是永久重定向（Moved Permanently）说明请求的资源已经被 **永久** 移动到了由 Location 头部指定的 url 上，是固定的不会再改变，搜索引擎会根据该响应修正。
+
+而 302 是暂时性转移（Moved Temporarily，或者 Found），表明请求的资源被 **暂时** 移动到了由 Location 头部指定的 URL 上。浏览器会重定向到这个 URL， 但是搜索引擎不会对该资源的链接进行更新。
+
+虽然 301 和 302 都能够将用户输入的网址 A， 改为重定向后的网址 B，但他们还是有区别的：
+
+- 搜索引擎区别：301 表示原地址 A 的资源已被移除，永远无法访问，搜索引擎抓内容时会将网址 A 全部替换为 B；而 302 表示网址 A 还活着，搜索引擎会在抓取网址 B 新内容的同时，保留网址 A 的记录。
+- 安全性：302 跳转有网站劫持的风险，导致网站被盗用。
+
+### 再战 —— 云开发重定向实践
+
+了解重定向之后，来试试怎么实现重定向，以及如何在云开发中实现域名重定向。
+
+实现重定向的方式有很多，很大程度上依赖于你使用的 web 服务器，比如 Nginx、Apache、Tomcat 等，一般在服务器中添加几条配置即可。
+
+我的编程导航网站是以容器的方式，部署在云开发提供的云托管功能上的。我把开发好的网站文件和提供 web 服务的 Nginx 服务器一起打包，做成了容器，于是，可以将每个容器当成一个小服务器，独立运行。
+
+![](https://pic.yupi.icu/5563/202311071346574.png)
+
+要支持重定向，只需要修改下 Nginx 的配置。比如这里我选择给整个网站添加 301 永久重定向，配置文件如下：
+
+```
+server {
+  listen 80;
+  # gzip config
+  gzip on;
+  ...
+
+  root /usr/share/nginx/html;
+  include /etc/nginx/mime.types;
+
+  # 添加重定向
+  if ($http_host ~ "^code-nav.cn") {
+    rewrite  ^(.*)    https://www.code-nav.cn permanent;
+  }
+}
+```
+
+不必手写和记忆 Nginx 配置，直接使用可视化界面生成即可：
+
+![](https://pic.yupi.icu/5563/202311071346549.png)
+
+> Nginx 可视化配置
+
+详情参见这篇文章：[轻松搞定 Nginx 配置代码的神器！](https://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484369&idx=1&sn=da9d7ee4a589cfab9eb7ab0f629f3211&scene=21#wechat_redirect)
+
+*其他的服务器配置也可以自行查阅文档，这里不再赘述。*
+
+然后，在云托管上创建新版本，发布新的容器，就大功告成啦！
+
+![](https://pic.yupi.icu/5563/202311071346106.png)
+
+> 新建版本
+
+查看下效果，访问 `code-nav.cn`，网站重定向到了 `www.code-nav.cn`，完美！
+
+![](https://pic.yupi.icu/5563/202311071346429.png)
+
+> 查看网络请求
+
+### 总结
+
+最后，回顾下在腾讯云云开发中实现域名重定向的完整过程，包括如下步骤：
+
+1. 在 `访问服务` 中添加父域名到网站的指向（云托管等）
+2. 在 `安全配置` 中添加父域名到白名单中
+3. 在 web 服务器中添加重定向配置
+4. 新建版本，部署发布
+
+整个流程还是非常简单的~
+
+如果本文对大家有帮助，请一定要给个 **点赞 + 在看** 支持呀！❤️
+
+![](https://pic.yupi.icu/5563/202311071346681.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\244\247\347\232\204\346\225\260\346\215\256\345\260\261\346\230\257\345\244\247\346\225\260\346\215\256\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\244\247\347\232\204\346\225\260\346\215\256\345\260\261\346\230\257\345\244\247\346\225\260\346\215\256\357\274\237.md"
new file mode 100644
index 0000000..83546c3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\244\247\347\232\204\346\225\260\346\215\256\345\260\261\346\230\257\345\244\247\346\225\260\346\215\256\357\274\237.md"
@@ -0,0 +1,373 @@
+# 大的数据就是大数据？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大的数据就叫大数据？
+
+
+
+![](https://pic.yupi.icu/5563/202311071338145.png)
+
+**鱼小皮**
+
+哥，我被老师批评了。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+怎么肥四？
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+![](https://pic.yupi.icu/5563/202311071338150.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071338145.png)
+
+**鱼小皮**
+
+老师让我们做一个大数据的应用，我就用你教的前端技术写了个词典网站。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+我看看，这不挺好的么？就是页面加载有点慢。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+![](https://pic.yupi.icu/5563/202311071338150.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071338712.png)
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338816.png)
+
+**鱼小皮**
+
+对呀，我搜集了整整 100MB 的词典数据放在网站里呢！结果老师说我辣鸡，同学们也都嘲笑我。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+小皮呀，让你平时不听课，你这根本不是大数据呀！
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+![](https://pic.yupi.icu/5563/202311071338150.png)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071338532.png)
+
+**鱼小皮**
+
+是我的词典数据还不够大么？我再去整它 1 个 G！
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+你给我回来，看见我得给你补补课了！
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+![](https://pic.yupi.icu/5563/202311071338472.jpeg)
+
+**老百**
+
+
+
+什么是大数据？
+
+大数据是高科技信息化时代的产物。本身是一个抽象的概念，通常是指数据量大、数据类型复杂、且无法在一定时间范围内用传统的软件工具和方法进行收集、存储、管理和处理的数据集合，是需要使用新的处理模式才能激发利用其价值的信息资产。
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338465.png)
+
+**鱼小皮**
+
+说了这么多，数据大一点多一点不就是大数据了么？
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+这么说可不准确，大数据具有很多特征，体量大只是其中一个最明显的特征。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+
+
+![](https://pic.yupi.icu/5563/202311071338554.png)
+
+**老百**
+
+
+
+大数据的特征
+
+公认的大数据特征可以用 **4V** 来概括：
+
+
+
+\1. 体量大（Volume）：**数据采集、存储和计算量都很大。**大数据的计量单位通常是PB（1000 TB）、EB（1000 PB），甚至是 ZB（1000 EB）。
+
+
+
+\2. 多样性（Variety）：**数据种类和来源多样。**包括结构化、半结构化和非结构化数据，比如网络日志、音视频、图片、地理位置信息等。通常需要对不同的数据分类处理，对数据的处理能力要求很高。
+
+
+
+\3. 高速性（Velocity）：**数据增长速度快，时效性要求高**，经常需要对数据高速（实时）处理。比如我们打开 App 浏览了某条信息，系统会实时为我们推荐相似的信息。这是大数据区别于传统数据的显著特征。
+
+
+
+\4. 价值（Value）：**虽然数据量大，但是数据的价值密度相对较低。**就像我们每天都会接受大量的信息，但真正对我们有帮助的内容很少。如何利用强大的算法来挖掘数据价值，是大数据时代最需要解决的问题。
+
+
+
+![](https://pic.yupi.icu/5563/202311071338093.jpeg)
+
+
+
+随着大数据技术的发展，不断有人提出大数据的新特征，从 4V 到 5V、6V、7V、8V，比如：
+
+
+
+\5. 准确性（Veracity）：数据的质量会影响到大数据分析的结果，因此**必须想办法过滤掉无用、恶意的信息，提高数据的准确性**。
+
+
+
+\6. 可视化（Visualization）：**将数据以图表等更易于理解的方式进行展示**，便于提升分析的效率。
+
+
+
+\7. 合法性（Validity）：数据的采集和应用**必须合法**，比如合理使用个人隐私数据。
+
+
+
+\8. 可变性（Variability）：**数据是可变化的**，就像英语，相同的数据在不同的上下文中可能具有不同的含义。因此必须结合上下文进行数据分析，对算法提出了挑战。
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338507.jpeg)
+
+**鱼小皮**
+
+ZB！这么大量级的数据，是怎么收集和管理的呢？我整理个词典都要累死了。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+好问题，这就要从大数据的处理流程开始讲起了，让我们一起参加一场大数据之旅~
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338253.jpeg)
+
+**老百**
+
+
+
+大数据之旅
+
+数据从诞生到被应用，需要经历漫长的旅途。包括数据收集、数据预处理、数据存储、数据处理与分析、数据展示、数据应用等站点。
+
+
+
+![](https://pic.yupi.icu/5563/202311071338255.png)
+
+
+
+**1. 数据收集**
+
+第一站，利用软硬件技术，将分散、多样、海量的数据进行采集。比如通过无线和传感器采集，从数据库、网络 API、文件采集等。
+
+
+
+**2. 数据预处理**
+
+在进行数据存储分析之前，先对采集到的原始数据进行清洗、填补、去噪、转换、合并、规格化、一致性检验等一系列操作，以提高数据的质量。
+
+
+
+**3. 数据存储**
+
+将采集到的数据进行持久化存储，由于数据海量且多样，通常将数据存储在分布式文件系统或数据仓库等便于扩展的存储系统中，并且通过数据副本进行备份。
+
+
+
+**4. 数据分析处理**
+
+数据分析处理的目的是从杂乱无章的大量数据中找出有用的信息和规律，可以结合数据挖掘、人工智能算法，以激发利用数据的价值。从实时性的角度，可分为离线分析、实时分析和流式数据分析，需要选用不同的技术架构实现。
+
+
+
+**5. 数据可视化或数据应用**
+
+将数据的分析结果进行可视化地展示，或者应用到其他的系统中。
+
+
+
+![](https://pic.yupi.icu/5563/202311071338696.png)
+
+
+
+至此，大数据之旅还没有完全的结束，还需要进行数据治理、持续改进等等。
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338507.jpeg)
+
+**鱼小皮**
+
+没想到在应用大数据之前，要经过那么复杂的流程！想要自己搭一套大数据系统一定麻烦到爆炸吧？
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+莫慌，大数据的生态可是相当齐全的，基本每个流程都有现成的框架和系统，开箱即用，十分方便！
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338554.png)
+
+**老百**
+
+
+
+大数据技术生态
+
+大数据的技术生态体系真的是太庞大了，有多庞大呢？见下图：
+
+
+
+![](https://pic.yupi.icu/5563/202311071338610.png)
+
+2020 大数据 & AI 全景图
+
+
+
+**列举其中一些知名的技术：**
+
+数据同步：Sqoop
+
+日志收集：Flume、Scribe、Logstash、Kibana
+
+消息系统：Kafka、StormMQ、ZeroMQ
+
+数据存储：HDFS、HBase、Redis
+
+离线计算：MapReduce、Spark
+
+流式计算：Storm、Spark Streaming
+
+资源管理：YARN、Mesos
+
+查询分析：Hive、Impala、Pig、Presto、Phoenix、SparkSQL、Drill、Flink、Kylin、Druid
+
+集群管理与监控：Ambari、Cloudera Manager
+
+任务调度：Oozie
+
+数据挖掘、机器学习：Mahout、Spark MLlib
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338507.jpeg)
+
+**鱼小皮**
+
+竟然有那么多的技术！那现在有哪些落地的大数据应用呢？
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+大数据被广泛应用在互联网、金融、电商、零售、医疗、生物、制造、智慧城市等各行各业。比如在浏览淘宝时商品内容的推荐、针对性广告投放、信贷风险分析、疾病预测、优化生产过程能耗、智能规划交通、为用户提供定制生活服务等。
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338554.png)
+
+**老百**
+
+
+
+![](https://pic.yupi.icu/5563/202311071338786.jpeg)
+
+**鱼小皮**
+
+厉害了，我们的生活已经离不开大数据了。大数据未来的发展怎么样，值得去学习么？
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+就像上面提到的，近年来，大数据技术生态不断完善，初步形成了较为完整的产业链，更多的大数据应用落地，创造价值。大数据在持续推动科技领域的发展的同时，也在赋能传统产业，助力产业互联网的发展。未来可期！
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+
+
+
+
+
+
+
+
+![](https://pic.yupi.icu/5563/202311071338791.jpeg)
+
+**老百**
+
+![](https://pic.yupi.icu/5563/202311071338782.jpeg)
+
+**鱼小皮**
+
+爽死了，我现在就去学大数据！
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+先给你的“大词典”改个名吧，怪丢人的~
+
+![](https://pic.yupi.icu/5563/202311071338462.png)
+
+![](https://pic.yupi.icu/5563/202311071338970.png)
+
+**老百**
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\260\217\347\231\275\351\203\275\350\203\275\347\234\213\346\207\202\347\232\204\347\274\223\345\255\230\345\205\245\351\227\250.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\260\217\347\231\275\351\203\275\350\203\275\347\234\213\346\207\202\347\232\204\347\274\223\345\255\230\345\205\245\351\227\250.md"
new file mode 100644
index 0000000..ec9d257
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\345\205\245\351\227\250\347\247\221\346\231\256/\345\260\217\347\231\275\351\203\275\350\203\275\347\234\213\346\207\202\347\232\204\347\274\223\345\255\230\345\205\245\351\227\250.md"
@@ -0,0 +1,220 @@
+# 小白都能看懂的缓存入门
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+缓存是程序员必须了解的技术，无论是前端、后端还是客户端，大到复杂的系统架构，小到 CPU 或是芯片，都少不了缓存的影子。
+
+下面只需 5 分钟，带你入门缓存技术。
+
+
+
+## **什么是缓存？**
+
+缓存（Cache）本意是指可以进行高速数据交换的存储器，通俗点来说，**就是通过将数据提前存放到内存，以提高访问速度**。
+
+在我们设计程序或算法时，有两个基本指标，即**时间复杂度**和**空间复杂度**。有时，我们的程序无法同时满足二者，就只能以时间换空间，或者以空间换时间。缓存是**以空间换时间**思想的典型应用，牺牲一部分内存空间，能够得到数百倍的读取性能提升。
+
+缓存最常见的数据结构是**键值对**（Key/Value），类似字典，即一个 Key 对应一个 Value，访问缓存时通过 Key 获取 Value。
+
+![](https://pic.yupi.icu/5563/202311071342015.png)
+
+
+
+## **为什么需要缓存？**
+
+最简单的后端系统只需要一个应用服务（比如 Tomcat）和持久化存储数据的数据库（如 MySQL），对于一个访问量很小的系统来说，这样的架构就足够了。
+
+
+
+![](https://pic.yupi.icu/5563/202311071342502.png)
+
+
+
+但随着系统的用户数和访问量的提升，数据库会收到越来越多的并发请求。由于数据库是**从磁盘中读取数据，性能较低**，随着请求数的增多，数据库受到的压力会越来越大。由于应用访问数据库的连接数有限，当数据库的处理能力跟不上请求数时，新的请求将排队等待，从而导致我们的后台程序也会**阻塞**。当并发请求数持续增大时，数据库**甚至会挂掉**！欧豁，完蛋。
+
+因此，我们需要性能更高的读取数据方式，能够帮助数据库分担压力，**缓存登场了**。
+
+![](https://pic.yupi.icu/5563/202311071342673.png)
+
+可以在数据库之上增加一层缓存，当后台程序首次读取数据时，将得到的数据存入缓存中，那么后续的请求要**读取相同数据时，只需从缓存中读取即可**。由于缓存是将数据存入内存中，读取速度非常快，在成功提升性能的同时，替数据库分担了大量的压力。
+
+
+
+![](https://pic.yupi.icu/5563/202311071342877.png)
+
+
+
+因此想要提升系统的整体性能，缓存是不可或缺的。
+
+
+
+## **缓存类别**
+
+可以将缓存分为两种类型。
+
+### **本地缓存**
+
+直接运行在应用程序本地的缓存组件。
+
+比如 JVM 中的 Map 数据结构，可以作为最简单的数据缓存：
+
+```
+class LocalCache {
+  private static Map<String, Object> cache = new HashMap<>();
+  private LocalCache() {}
+  public static void put(String key, Object value) {    cache.put(key, value);  }
+  public static Object get(String key) {    return cache.get(key);  }
+}
+```
+
+
+
+如果你的应用程序只需要**运行在一台服务器上**，并且多个应用程序之间**不需要共享缓存**的数据（比如用户 token），可以直接采用本地缓存，访问缓存时不需要通过网络传输，非常地方便迅速。
+
+但是本地缓存会和你的应用程序**强耦合**，应用程序停止，本地缓存也就停止了。而且如果是在分布式场景下，多个机器都要使用缓存，此时如果在每个服务器上单独维护一份本地缓存，不仅无法共享数据，而且非常浪费内存（因为每台机器可能缓存了相同的数据）。
+
+![](https://pic.yupi.icu/5563/202311071342965.png)
+
+为解决缓存数据共享的问题，可以使用分布式缓存。
+
+
+
+### **分布式缓存**
+
+分布式缓存是指**独立的缓存服务**，不和任何一个具体的应用耦合，可以独立运行并搭建缓存集群。类似数据库，所有的应用程序都可以连接同一个缓存服务以获取相同的缓存数据。
+
+![](https://pic.yupi.icu/5563/202311071342029.png)
+
+除了数据共享外，分布式缓存的优点还有很多。比如不需要每台机器单独维护缓存、可以集中管理缓存和整体管控分析、便于扩展和容错等。但是应用必须要通过网络访问分布式缓存服务，会产生额外的网络开销成本；并且每台机器都有可能会对整个分布式缓存服务产生影响，而一旦分布式缓存挂了，所有的应用都可能出现瘫痪（缓存雪崩）。
+
+
+
+### **多级缓存**
+
+上述两种缓存没有绝对的优劣，要**根据实际的业务场景进行选型**。其实还可以将**本地缓存与分布式缓存相结合，形成多级缓存服务**，架构如下：
+
+![](https://pic.yupi.icu/5563/202311071342034.png)
+
+当首次查询时（不存在缓存），会同时将数据写入本地缓存和分布式缓存。之后的查询优先查询分布式缓存，而如果分布式缓存宕机，则从本地缓存获取数据。通过多级缓存机制，能够起到兜底的作用，即使缓存挂掉，也能支撑应用运行一段时间。
+
+
+
+## **缓存淘汰策略**
+
+下面我们思考一个问题，如何去实现一个本地缓存呢？
+
+刚刚提到的 Map 数据结构是一个思路，但是和我们自己的电脑存储文件、或者是和 JVM 存储对象一样，内存当然不是无限的。因此在实现缓存时，必须要设计一套缓存淘汰策略，按照某种机制回收缓存占用的内存，保证缓存数据不会无限地增长直到撑爆内存。
+
+下面介绍几种常见的缓存淘汰策略，关键问题就是当缓存空间已满时，应该选择哪些缓存进行删除。
+
+
+
+### **LRU 最近最少使用**
+
+LRU（Least Recently Used）是最经典的内存淘汰策略，其设计原则是 “如果一个数据在最近一段时间没有被访问到，那么在将来它被访问的可能性也很小”。即根据数据的最近访问时间来进行淘汰。缺点是可能会由于一次冷数据的批量查询而误删除大量的热点数据。
+
+
+
+### **近似 LRU 算法**
+
+类似 LRU 算法，只是每次随机选择一批数据进行 LRU 淘汰，而不是全量 LRU 运算，牺牲部分准确度，以提升算法执行效率。
+
+Redis 3.0 之后对其进行了优化，维护了一个侯选池，将随机选择的数据放入侯选池中进行 LRU 运算。当侯选池放满后，新随机的数据会替换掉池中最近被访问的数据。
+
+
+
+### **TTL 超时时间**
+
+TTL（Time To Live）是指用户为缓存设置的过期时间，当前时间到达过期时间时，将删除缓存；如果缓存空间已满，则优先淘汰最接近过期时间的数据。
+
+
+
+### **LFU 最少使用**
+
+LFU（Least Frequently Used）策略会记录每个缓存数据的最近访问次数（频率），并优先清除使用次数较少的数据。这种算法存在的显著缺点是，最新写入的数据由于访问次数少，常常刚被缓存就删除了。
+
+
+
+### **FIFO 先进先出**
+
+FIFO（First In First Out）先进先出策略会将数据按照写入缓存的顺序进行排队，当缓存空间不足时，最先进入缓存的数据会被优先删除。是一种比较死板的策略，不考虑数据热度，可能会淘汰大量的热点数据，但是实现起来相对容易。
+
+![](https://pic.yupi.icu/5563/202311071342391.png)
+
+### **Second-Chance**
+
+对 FIFO 算法的改进，给每个缓存数据添加一个引用标志，当数据被访问时，设置其标志位为 1。
+
+当缓存空间不足时，会检测队列首部（最先写入缓存）数据的引用标志位，如果为 1，表示被访问过，则重置标志位为 0 并且重新加入队列尾部；如果为 0，表示未被访问过，直接淘汰。
+
+相对 FIFO 算法来说，更加灵活，降低了淘汰热点数据的风险。
+
+
+
+### **Random 随机**
+
+随机淘汰策略，没啥好说的，一般不建议使用。
+
+
+
+还有一些其他的策略，比如优先淘汰占用空间最大的数据等，不再赘述。
+
+
+
+## **缓存实现**
+
+要想自己设计一个优秀的缓存，还是有难度的，不止是用一个 Java 的数组或者集合类那么简单。幸运的是，有很多现成的类库、框架和中间件可供我们直接使用。下面介绍一些优秀的缓存实现。
+
+
+
+### **Caffeine**
+
+Caffeine 是基于 Java8 的近似最佳的高性能本地缓存库。提供了灵活的构造器 API，能够轻松地创建缓存对象，并且组合各种特性。可谓是进程缓存之王。
+
+地址：https://github.com/ben-manes/caffeine/
+
+
+
+### **Guava Cache**
+
+Guava 是 Google 开源的 Java 工具包，而 Guava Cache 是其中的本地缓存实现，提供了 time-based、size-based 等多种缓存淘汰策略，使用起来非常方便。
+
+地址：https://github.com/google/guava/
+
+
+
+### **Ehcache**
+
+Ehcache 是 Java 实现的开源缓存框架，特性齐全，成熟轻量，并且支持通过 RMI 等方式实现可扩展的分布式缓存。
+
+地址：http://www.ehcache.org/
+
+
+
+### **Memcached**
+
+开源的高性能分布式内存 K/V 缓存系统，支持主流语言的 API，适合存储小块的数据，可以利用多核 CPU。缺点是不支持持久化。
+
+地址：http://memcached.org/
+
+
+
+### **Redis**
+
+知名的 K/V 存储系统，适用于分布式缓存，支持多种数据结构、读写性能极高，并且可以搭建高可用集群、易扩展、支持持久化。还能通过 Lua 脚本实现原子性。
+
+![](https://pic.yupi.icu/5563/202311071342795.png)
+
+### **Spring Cache**
+
+Spring Cache 提供了**抽象的缓存接口**，帮助我们更好地使用缓存，底层可以选择不同的缓存实现，比如 Caffine 或者 Guava Cache。
+
+
+
+## **没有银弹**
+
+缓存虽然具有很多优点，但也不是万能的。引入缓存后，还要考虑到缓存删除、缓存更新、缓存穿透、缓存击穿、缓存雪崩等问题。引入的缓存级数越多，数据不一致的风险就越大。因此，在架构设计时，要根据实际的业务需求来是否使用缓存、选用何种缓存。
+
+**毕竟，没有银弹。**
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\200\345\221\250\344\270\212\347\272\277\347\231\276\344\270\207\347\272\247\351\253\230\345\271\266\345\217\221\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\200\345\221\250\344\270\212\347\272\277\347\231\276\344\270\207\347\272\247\351\253\230\345\271\266\345\217\221\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..73d123b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\200\345\221\250\344\270\212\347\272\277\347\231\276\344\270\207\347\272\247\351\253\230\345\271\266\345\217\221\347\263\273\347\273\237.md"
@@ -0,0 +1,537 @@
+# 一周上线百万级高并发系统
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+## 本文是鱼皮在腾讯实习期间，从零开始一周紧急上线百万高并发系统的相关经验、思路及感悟，分享给大家。 
+
+**花 5 分钟阅读本文，你将收获：**
+
+1. 加深对实际工作环境、工作状态的了解
+
+2. 学习高并发系统的设计思路、技术选型及理解
+
+3. 学习工作中对接多方的沟通技巧
+
+4. 学会与测试打配合的技巧
+
+5. 学习紧急事故的处理方式
+
+6. 事后如何进行归纳总结
+
+7. 感受笔者爆肝工作的痛苦与挣扎
+
+
+
+## **前言**
+
+从年前开始和导师二人接手了一个紧急项目，年前加班做完一期后项目效果显著，于是年后开工立刻加急开发二期，目标是一周上线。由于项目业务逻辑复杂、工期紧、人手缺、对接方多，难度很大，极具挑战性，因此和导师二人开始了 007 的爆肝工作。
+
+远程办公无疑为 007 无休工作制提供了有利条件，那段时间，我做梦都在敲代码。
+
+![](https://pic.yupi.icu/5563/202311071408223.png)
+
+## **项目介绍**
+
+首先要介绍下负责的项目及系统。项目背景、业务等信息自然不能透露，这里剥离业务，仅介绍关键系统模型，如下图：
+
+![](https://pic.yupi.icu/5563/202311071408353.png)
+
+如图，我负责的是一个状态流转系统和查询系统，以及它们依赖的数据库服务。
+
+状态流转系统的作用是按照逻辑修改数据库中某条数据的状态字段，并在修改成功后依据状态向其他业务侧发送通知。
+
+![](https://pic.yupi.icu/5563/202311071408384.png)
+
+查询系统，顾名思义就是从数据库中查询数据，包括最基础的鉴权、查询等功能。
+
+**先分析一下系统中一些难点：**
+
+1. 查询系统是一个高扇入服务，被其他各业务侧调用，会存在三个问题：
+
+**高并发**：将各业务侧请求量聚集，经评估，会产生百万量级的高并发请求。
+
+**兼容性**：如何设计一套 API，满足各业务侧需求的同时容易被理解。
+
+**对接复杂**：要同时与多个业务侧的同学沟通来讨论接口，想想就是一件很复杂的事情。
+
+2. 状态流转系统的业务逻辑相当复杂。
+
+3. 状态流转系统和查询系统、其他业务侧之间存在交互（比如互相发送通知和调用），对时延、容错性、一致性的要求很高。
+
+![](https://pic.yupi.icu/5563/202311071408381.jpeg)
+
+分析出了难点，在写代码之前，要**先编写可行的技术方案**。
+
+
+
+## **设计思路**
+
+在实际工作中，编写详细的技术方案是非常有必要的。优秀的工程师会在技术方案中考虑到各种场景、评估各种风险、工作量估时、记录各种问题等，不仅帮助自己梳理思路、归纳总结，同时也给其他人提供了参照以及说服力（比如你预期7天上线，没有方案谁信你？）。
+
+根据二八定理，复杂的系统中，编写技术方案、梳理设计思路的时间和实际敲代码开发的时间比例为 8 : 2。
+
+设计遵循的原则是 **“贴合业务”**，**没有最好的架构，只有最适合业务的架构**。切忌过度设计！
+
+此外，还要考虑项目的紧急程度和人力成本，先保证可用，再追求极致。
+
+![](https://pic.yupi.icu/5563/202311071408516.jpeg)
+
+一些简单的设计这里就略过了，下面针对系统难点和业务需求，列举几个**重点设计及技术选型**：
+
+### **1. 高并发**
+
+提到高并发，大家首先想到的是缓存和负载均衡，缺一不可。
+
+负载均衡说白了就是 “砸钱，加机器！”，但是为公司省机器、节约成本是每位后端工程师的信仰，这就要靠技术选型和架构设计来实现了。目标是尽可能利用每台机器的资源，抗住最大的并发请求。
+
+
+
+**选型如下：**
+
+编程框架：选择轻量级的 Restful 框架 Jersey，搭配轻量级依赖注入库 Guice
+
+Web服务器：选择高性能的轻量级 NIO 服务器 Grizzly
+
+缓存：腾讯自研海量分布式存储系统 CKV+（支持Redis协议，有数据监控平台）
+
+数据库分库分表：选用公司自研的基础设施，不细说了
+
+负载均衡：轻量级反向代理服务器 Nginx 和 L5 负载均衡，百万并发需要增加十余台机器
+
+CDN 及预热：能够支持高效的文件下载服务
+
+其中，缓存是抗住高并发流量的关键，须重点设计。
+
+![](https://pic.yupi.icu/5563/202311071408822.jpeg)
+
+#### **缓存方案**
+
+##### 1. 数据结构设计
+
+用过缓存的同学都了解，关于缓存 Key 的设计是很重要的。根据业务来，保证缓存 key 之间不冲突、便于查找就好。此处我选择请求参数 + 接口唯一 id 来拼接 key。并且分页查询接口可复用全量查询接口的缓存。
+
+##### 2. 缓存降级
+
+找不到对应 key / redis 连接失败时直接查库。
+
+##### 3. 缓存更新
+
+当数据库发生修改时，需要对缓存进行删除。由于存在非必填的请求参数，因此缓存 key 可能是一个模糊值。比如有 a、b 两个请求参数，key 可能为 “a”，也可能为 “ab”。
+
+针对请求字段固定（所有字段必填）的接口，更新缓存时，直接拼接出唯一的 key 进行删除即可。
+
+而针对请求字段不固定（存在非必填字段）的接口，可使用 redis 的 scan 命令范围扫描（不要用 keys 命令！）或者通过循环拼接出所有可能的 key。比如使用 scan 命令清除所有 key 前缀为 user1 的缓存。
+
+##### 4. 缓存穿透
+
+无论查询出的列表是否为空，都写入缓存。但在业务会返回多种错误码时，不建议采用这种方式，复杂度高，成本太大。
+
+
+
+### **2. 兼容性**
+
+兼容性主要考察接口的设计，为兼容多个业务侧，需要将请求参数以及响应参数设置的尽可能灵活。在设计接口时，**切忌一定要和所有的业务侧对齐**，否则一个字段设计不当可能导致满盘皆输！
+
+这里有**三个技巧**：
+
+1. 提供可访问链接的文档，供调用方即时查阅（比如腾讯文档）。
+
+2. 请求参数不能过多，且要易于理解，不能为了强制兼容而设置过于复杂的参数，必要时可针对某一业务侧定制接口。
+
+3. 响应参数尽量多（多不是滥），要知道每次增加返回字段都要修改代码，而适当冗余的字段避免了此问题。
+
+
+
+### **3. 消息通知**
+
+上面介绍难点时提到：状态流转系统与查询系统、其他业务侧存在互相发送通知的交互。当状态流转时，需要通知其他业务，还要查询系统立即更新缓存。对消息的实时性要求很高。
+
+这里最初**有两种方案**：
+
+1. 各系统提供回调接口，用于接收通知。能保证实时性，但是各系统间紧耦合，不利于扩展。
+
+2. 使用消息队列，实现应用解耦及异步消息。
+
+最后还是采取了第二种方案，并选用腾讯自研的 TubeMQ（万亿级分布式消息中间件，已开源Apache孵化），原因如下：
+
+1. 状态流转系统的通知数据之后可能存在其他消费方，使用消息队列利于扩展，对代码侵入性也少。
+
+2. 消息队列可持久化消息
+
+3. TubeMQ 支持消费方负载均衡，性能高
+
+4. TubeMQ 容量大，可存放万亿数量级消息
+
+5. 支持公司自研组件，便于形成统一规范
+
+![](https://pic.yupi.icu/5563/202311071408653.png)
+
+在技术选型和确定方案时，不仅要关注当前的业务需求，也要有一定的前沿视角。
+
+
+
+### **4. 风险评估**
+
+切忌，在选用中间件 / 框架前，要尽可能多的进行了解，评估其可能带来的风险。一般公司内都有自己的知识库，可以利用好内部资源或者找谷歌度娘。
+
+这里我评估了 TubeMQ 带来的风险，从消息可靠性、消息顺序性、消息重复、监控告警等多个角度进行了分析，还是发现了一些可能的风险。比如当消费方消费数据状态改变的消息失败时，缓存未被及时更新，导致数据库和缓存中的数据不一致。
+
+那么，如何规避风险呢？我从消息队列生产方和消费方的角度设计了消息可靠性和数据一致性的解决方案。
+
+
+
+#### **解决方案**
+
+##### **生产方消息可靠性：**
+
+1. Tube 可保证消息一定送达，发送失败时会自动重发。
+
+2. 发送消息结束时会触发回调，回调里可判断消息发送及确认状态，可将发送失败的消息放入队列，下次发送优先从队列里取。
+
+##### **消费方消息可靠性和数据一致性：**
+
+1.消费失败时进行最多三次重试
+
+2.重试后仍消费失败，则记录日志，确保消息不丢失
+
+3.通过定时任务读取日志，尝试再次消费失败消息，并进行告警
+
+
+
+## **开发过程**
+
+其实开发过程没什么好说的，就是按照技术方案去敲代码。
+
+这里也有**几个小窍门**：
+
+1. 同时开发多个项目时，可以每个项目一个独立 Git 分支，合并的时候分批合并，否则别人阅读你提交的代码时会非常累！
+
+2. 给每个请求做一些打点数据上报，比如请求量、请求时间、失败请求数，便于监控统计。
+
+3. 多记录日志，详细清晰的日志可以帮助我们快速定位故障
+
+
+
+## **问题解决**
+
+很多问题在本地开发时是察觉不到的，在测试及线上环境才会被发现。问题解决的过程就像坐过山车，经常的状态是：测试 => 开发 => 测试 => 上线 => 开发 => 测试，循环往复。
+
+**两个温馨小贴士：**
+
+1. 遇到问题时，千万不要慌，可以先深呼吸几口气，因为问题一定是可以解决的，解决不了那么你可能要被解决了！
+
+2. 解决问题后，千万别激动，可以先深呼吸几口气，因为你还会产生新的问题，而且往往新问题更严重！
+
+![](https://pic.yupi.icu/5563/202311071408194.jpeg)
+
+下面分享一些让鱼皮印象深刻的问题。
+
+### **1. 事务提交时报错？**
+
+原因：事务中调用的函数里也有事务，因此事务里套了事务，破坏了隔离性。
+
+解决：修改代码，保证事务隔离性。
+
+
+
+### **2. 依赖包存在，项目启动却报错？**
+
+原因：存在多版本 jar 包，导致 Java 代码使用反射机制动态生成类时不知道使用哪个 jar 包里的类。
+
+解决：删掉多余版本 jar 包。
+
+
+
+### **3. 缓存未即时更新**
+
+原因：经排查，是由于实际的缓存 key 数量可达千万级，导致更新缓存时使用 scan 命令扫描的效率过低，长达20多秒！
+
+解决：修改更新缓存的方案，不再使用 scan 命令，而是在业务代码中拼凑出所有可能的 keys，依次删除。
+
+
+
+以为这个问题这样就结束了？不要忘记上面的小贴士：
+
+“解决问题后，千万别激动，可以先深呼吸几口气，因为你还会产生新的问题，而且往往新问题更严重！”
+
+
+
+### **4. 缓存仍未即时更新？**
+
+原因：某业务侧要求数据强一致性，缓存和数据库中的状态必须完全一致！而缓存虽然是毫秒级更新，但无法做到实时一致。
+
+解决：为该业务侧定制一个接口，该接口不查询缓存，直接查数据库，保证查到的数据一定是最新值。
+
+
+
+### **5. 请求卡死**
+
+服务运行一段时间后，发现所有的请求都被阻塞了！心脏受不了。
+
+原因：使用 jstack 打印线程信息后分析 thread_dump 文件，发现是由于缓存类库 Jedis 未手动释放连接导致连接数耗尽，导致新的请求线程会不断等待 Jedis 连接释放，从而卡死。
+
+解决：补充释放 Jedis 连接的代码即可。
+
+
+
+### **6. 线上环境分析日志时突然告警，磁盘 IO 占用超过 99%！**
+
+原因：误用 cat 命令查看未分割的原始日志文件，由于日志文件太大（几十 GB），导致磁盘 IO 直接刷爆！
+
+解决：使用 less、tail、head等命令代替 cat，并删除已备份的大日志文件。
+
+
+
+### **7. 进程闪退**
+
+排查：通常 JVM 进程闪退是有错误日志的，但是并没有找到，排查陷入绝境。没办法，只能祈祷问题不再复现。后来问题真的没出现过了，谢谢！
+
+原因：后来，经询问，是有人手动 kill 掉了这个进程。好的，***。
+
+![](https://mmbiz.qpic.cn/mmbiz_jpg/mngWTkJEOYJ9SwBQOdBfokBvwiaMXeSHzh4Wn8FSlNCQZaicqpNaciaDGS0rjFOAvnvEOEBE1KEA9r2ze2ZXibqykQ/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1)
+
+### **8. 线上环境的消息通知发送成功了，怎么没有预期的数据更新效果？**
+
+定位思路：先看消息是否被消费，再看对消息的处理是否正确。
+
+排查：查看线上日志，发现消息并未被消费；但是查看监控界面，发现消息被测试环境的机器消费了！
+
+原因：由于测试环境和线上环境属于同一个消费组，当消息到达时，同一个消费组只有一个消费者能够成功消费该消息，被测试环境消费掉了，导致线上环境数据没更新。
+
+发现这个问题的时候，已经是上线前一天的深夜。再申请一个消费组已经来不及了，情急之下，只能先下掉测试环境的服务。第二天申请好消费组后，根据环境去区分使用哪个消费组就可以了，这样每个消费组都会独立消费消息，成功避免了消息竞争。
+
+
+
+### **9. 报告！流量太大，撑不住啊！**
+
+原因：机器不够，需进行紧急扩容
+
+解决：紧急新申请了 10 台机器，完成初始化配置，成功部署新机器后，成功增大了并发度。
+
+![](https://pic.yupi.icu/5563/202311071408254.png)
+
+小技巧：多个机器做相同操作时，有两种快捷的做法。
+
+1. 利用 SSH 连接工具自带的并行操作功能，自动给所有机器键入命令（ XShell 软件支持）
+
+2. 配置好一台机器后，可使用 rsync 命令同步配置至其他机器
+
+
+
+### **10. 上线前一天你跟我说接口设计有问题？**
+
+原因：沟通出现严重问题！
+
+工作中，一些同事因为自身业务繁忙，可能在核对接口设计方案的时候没有注意。等他们忙完了，会反复 @ 你、私聊你询问。我们一定不要这样！
+
+解决：紧急电话会议，拉群核对方案
+
+
+
+### **11. 线上出 bug 了！**
+
+线上出 bug，是一件很大的事，必须紧急响应。在梦里也得给我爬起来！
+
+原因：测试环境和线上环境未必完全一致，且测试环境未必能测出所有问题。因此验证时通常需要预发布环境，数据使用线上数据，但却是独立的服务器，保证不影响线上。
+
+解决：紧急排查定位问题，三分钟成功修复！
+
+![](https://pic.yupi.icu/5563/202311071408855.png)
+
+**修复 bug 有一定的技巧，分享下个人的排错路径：**
+
+截图 / 问题 => 请求 => bug 是否可复现，和测试紧密配合 => 数据 => 数据源（真实数据与接口数据是否一致） => 数据处理
+
+**解释一下：**
+
+通常发现问题的是运维、用户或者测试，他们会抛出一个问题或者问题的相关的截图，这时，我们要快速想到这个问题对应的功能（即对应的请求/接口），然后让问题描述者尽可能多的提供信息（比如请求参数、问题时间等）。
+
+如果问题时间较久，看日志及监控不易排查，可以询问是否可以造一个复现该问题的case，这样只需观察最新的日志即可，方便排错。
+
+定位到请求后，我们要分析请求及响应的哪些数据是异常的，即定位关键数据，然后定位数据来源（是从数据库查的，还是从缓存查的），并观察响应数据与真实数据源是否一致。如果不一致，可能是业务逻辑中对数据的处理出现了问题，再进一步去做分析。
+
+高效沟通建议：描述问题，尽量用数据说话，给出截图的同时，要提供完整的数据、请求等信息，有助他人分析。
+
+
+
+### **12. 线上出现部分错误数据**
+
+这是一个可以预见的问题。还好已经在项目中配置了邮件告警，能够报告错误数据的信息，错误数据量也不大。
+
+解决：修复导致错误数据的 bug 后，编写程序循环所有错误信息并生成请求代码，然后手动执行请求代码，刷新线上不同步数据即可。
+
+建议：设计时还是要尽可能考虑到风险，可以按照问题的严重程度做分级报警策略（短信 > 邮件 > 通讯软件）。
+
+
+
+### **13. 线上机器 OOM！**
+
+上线三天后发现的问题，部分线上机器竟然出现了OOM（堆内存溢出）的情况，导致服务不可用。经排查，是使用的第三方中间件的当前版本存在 bug， 所以说在使用组件前要充分调研和风险评估，选择正确的版本。
+
+
+
+## **血泪教训**
+
+1. 有问题一定尽可能在测试环境去解决，否则线上出问题对心脏很不友好。
+
+2. 不要盲目乐观，以为上线就没问题，要多验证，保持警惕。
+
+3. 使用第三方依赖时，一定要严格核对依赖版本号，确保稳定版本。使用老版本或版本不一致可能导致严重 bug！
+
+
+
+上线后如果发现问题，会经历如下流程，我称它为 **hapy 流程**。
+
+比如当发现 DB 服务的 bug 后，你只需要改 DB 服务的一行代码。**然而还要做**：
+
+1. 修改DB服务的一行代码
+
+2. 跑单元测试
+
+3. DB服务打成依赖包
+
+4. 修改“状态流转系统”、“查询系统”对DB服务的依赖包（改动版本号/更新本地缓存拉取最新包）
+
+5. 重新发布“状态流转系统”、“查询系统”至测试环境
+
+6. 可能还要重新交给测试的同学进行回归测试
+
+7. 测试通过，再次提交“状态流转系统”、“查询系统”的代码，发起 CR（代码审查）
+
+8. 找同事或 Leader 读代码，通过 CR
+
+9. 合并分支
+
+10. 发布 “状态流转系统”、“查询系统” 至线上环境，每发一台机器，都要进行一次验证（滚动部署）。
+
+11. **再次发现新的bug**
+
+![](https://pic.yupi.icu/5563/202311071408881.png)
+
+这是一件恶心到爆炸的事情，但是在第 2、6、8 步骤时，是存在空余等待时间的。这时我们可以做做其他工作，记录一下工作内容、问题等。
+
+
+
+## **总结**
+
+首先总结一下这个项目各阶段的耗时：
+
+理解需求：5%
+
+开发：15%
+
+沟通确认问题：30%
+
+测试及验证：30%
+
+上线及验证：20%
+
+其中，修复 bug 贯穿后面的几个流程，大概占了总时间的60%。
+
+
+
+![](https://pic.yupi.icu/5563/202311071408443.jpeg)
+
+
+
+**项目过程存在的问题：**
+
+1. 前期未参与需求评审，了解的信息较少。
+
+2. 上线前一天晚上，竟然还在临时对齐接口？这是在沟通方案阶段应该确认好的。
+
+3. 大约 80% 的时间花在沟通、查询数据、提供数据及验证。
+
+4. 自己没测试完，就开始串测，导致同一个 bug 被多方发现，反复 @，导致改 bug 效率低下。
+
+5. 对自研中间件的不熟悉，导致花费的时间成本较高。
+
+6. 全局观还不够，不能提前预见到一些可能的问题。
+
+7. 对中间件调研不够，在最初未核对依赖版本号导致线上机器 OOM。
+
+
+
+**自我感觉良好的地方：**
+
+1. 和测试同学配合紧密，互相体谅，测试效率较高
+
+2. 为查询系统编写了详细的接口文档，上传至公司知识库供实时查阅
+
+3. 最快 3 分钟紧急修复线上 bug
+
+4. 最快 30 分钟从接受需求到上线
+
+5. 在发现中间件问题时，即时和对接方沟通，设计出了对其无任何影响的低成本解决方案
+
+6. 积极帮助其他同学查询数据，排查问题
+
+7. 编写脚本高效解决部分错误数据
+
+
+
+**成长与收获：**
+
+1. 抗压熬夜能力 ↑
+
+2. 设计思维能力 ↑
+
+3. 沟通能力 ↑
+
+4. 解决问题能力 ↑
+
+5. 高级命令熟悉度 ↑
+
+6. 中间件熟悉度 ↑
+
+7. 集群管理能力 ↑
+
+8. 拒绝需求能力 ↑
+
+9. 吐槽能力 ↑
+
+10. 吹 🐂 能力 ↑
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYJ9SwBQOdBfokBvwiaMXeSHzx0XWM4qTZFfK4GfCcRBP3q34YYAVKcpYtW1YPwK2IY5SeAFJ5OyIEQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+## **后续**
+
+项目上线后，通过总结复盘，发现了项目中值得优化的地方，也思考到了一些更健全的机制，将逐渐去实现。比如：
+
+### **1. 两个系统中有部分相同的配置**
+
+目前采用复制粘贴的方式去同步相同的配置，这种方式的优点是比较简单。但缺点也很明显，如果一个系统的配置改了，而忘了修改另一个系统的配置，就会出现错误。
+
+事实上，可以引入一个配置中心，集中管理多个系统的配置文件，并且支持手动修改、多环境、灰度、配置版本回退等功能。
+
+可以采用阿里的 Nacos 或携程的 Apollo，提供了界面来管理配置。
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYJ9SwBQOdBfokBvwiaMXeSHz7IcuODpDRo3ZpFer1fQPaf0tWcMvNzCDwLZMpKWyXlqK76sSfSK2ng/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+###  
+
+### **2. 曾经的进程闪退问题，必须重视！**
+
+无法保证进程不闪退，但是可以对进程实时监控，并自动对闪退进程进行重启。
+
+实现方式有两种：
+
+1. 使用工具，例如 supervisor 或 monit，可以对进程进行管理和闪退重启
+
+2. 编写 shell 脚本，再通过定时任务，实现周期性观察进程状态及重启。推荐将定时任务接入分布式任务调度平台，尤其当定时任务很多时，进行可视化的管理和方便的控制调度是必要的！
+
+
+
+### **3. 消息队列可靠性保障**
+
+1. 消息重传机制：如方案所说，设计重传队列，再次发送时优先取重传队列中的消息发送。但注意要避免队列无限重传，须给每个消息设置重传次数阈值。
+
+2. 邮件告警：如果消息重传次数超过阈值，直接发送邮件告警，不再将该消息入队。
+
+
+
+工作真是简单而不简单，谁说后端只是 CRUD（增删改查）？
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYJ9SwBQOdBfokBvwiaMXeSHzlvFHNn0WV1qOOwroZmWAOyiaWyw680z2qLXISK6SLxjpO5Cw1tmxoibg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\207\344\270\207\346\262\241\346\203\263\345\210\260\357\274\214\350\277\231\351\203\275\350\203\275\345\217\221\347\216\260 Bug\357\274\237\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\207\344\270\207\346\262\241\346\203\263\345\210\260\357\274\214\350\277\231\351\203\275\350\203\275\345\217\221\347\216\260 Bug\357\274\237\357\274\201.md"
new file mode 100644
index 0000000..ba27f99
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\207\344\270\207\346\262\241\346\203\263\345\210\260\357\274\214\350\277\231\351\203\275\350\203\275\345\217\221\347\216\260 Bug\357\274\237\357\274\201.md"	
@@ -0,0 +1,95 @@
+# 万万没想到，这都能发现 Bug？！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> Bug 总会不约而至
+
+大家好，我是鱼皮，昨天工作中遇到一个挺好玩儿的小 Bug，和大家分享下，小白可懂～
+
+事情是这样的，为了保证发到线上的项目代码能正常运行，每次构建发布前，我们都会执行一遍单元测试，对业务流程、一些增删改查之类的代码片段进行验证。
+
+以前我上线项目都是有节奏有规划的，也没注意跑一遍单元测试要花多长时间，反正慢点我就先去干别的事儿。直到昨天，我急着修复一个线上 Bug，结果发现单元测试竟然特么跑了近 20 分钟，直接给我整不会了。
+
+![](https://pic.yupi.icu/5563/202311072018438.png)
+
+虽说随着项目功能的不断增多，测试用例也越来越多，是会比以前多花一点时间。但整个测试数据库量级都不过千，怎么会这么慢呢？
+
+于是，我又执行了一遍所有测试用例，观察各用例的耗时，结果发现有一个简单的查询接口竟然执行了近 10 分钟。
+
+由于不能透露真实的业务场景，给大家打个比方，这个接口的作用大概就是查询某用户信息以及他关联的所有资产详情列表，每个资产详情都要查几个不同的表才能得到完整数据，相对比较耗时。
+
+用一段伪代码来描述，大概是这样的：
+
+```
+// 耗时 0.1 秒
+let user = getUser();
+// 循环
+for(id in user.assetIds) {
+  // 耗时 0.1 秒
+  let asset = getDetail();
+  // 耗时 0.1 秒
+  asset.xx = getXX();
+  // 耗时 0.1 秒
+  asset.yy = getYY();
+  // 耗时 0.1 秒
+  asset.zz = getZZ();
+}
+```
+
+可以看出，如果该用户有很多资产的话，查询耗时将线性增加。
+
+那肯定有同学要吐槽了：为啥是查询所有，而不是分页一批一批去查呢？这个就得从实际的业务场景去考虑了。我们系统情况是：用户一般不会有太多资产详情的，而且要把数据全部返回给前端展示，所以不分页会更方便些。
+
+但万万没想到啊，每次测试插入资产的方法时，我都指定了该资产的所属用户 id = 1！日积月累，最终导致该用户名下的资产数多达近千个！然后又恰好，我测试该查询接口时，查的就是用户 id = 1 的数据，就导致了悲剧的发生。
+
+![](https://pic.yupi.icu/5563/202311072018391.png)
+
+解决方案也很简单，把顺序查询转为并发查询即可。
+
+具体的步骤就是开一个线程池，然后 Java 的话可以用 `CompletableFuture` 类来创建并发查询任务，每个任务负责查询一个资产的详情，最后等所有资产详情都查询好，再整体返回。
+
+Java 代码大概是这样的（不保证能运行）：
+
+```
+// 开个线程池，取任务执行
+ExecutorService executor = new ThreadPoolExecutor(
+  8, 100, 5,
+  TimeUnit.MINUTES,
+  new ArrayBlockingQueue<>(10000)
+);
+// 任务列表
+List<CompletableFuture<Asset>> fList = new ArrayList<>();
+for (int id : assetIds) {
+  // 创建任务
+  CompletableFuture<Asset> f = CompletableFuture.supplyAsync(
+    () -> {
+      Asset asset = getDetail();
+      asset.xx = getXX();
+      asset.yy = getYY();
+      asset.zz = getZZ();
+     return asset;
+   },
+    executor
+  );
+  fList.add(f);
+}
+// 阻塞，等待所有任务执行完成
+List<Asset> CompletableFuture
+  .allOf(fList.toArray(new CompletableFuture[0]))
+  .get();
+```
+
+唉，本来是想着就几条数据没必要用并发查询的，没想到还是潜移默化间影响了自己开发上线项目的效率。
+
+不过，这次的小事件也再次说明了单元测试的重要性，这玩意不仅能测出程序不能正常运行的问题，还能侧面反映出你系统上存在的风险和缺陷。所以，大家做项目时还是不能偷懒，要好好写单元测试哈！
+
+
+
+------
+
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311072018445.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\215\346\225\242\346\203\263\357\274\214\345\201\232\344\270\252\345\215\232\345\256\242\347\253\237\345\246\202\346\255\244\347\256\200\345\215\225\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\215\346\225\242\346\203\263\357\274\214\345\201\232\344\270\252\345\215\232\345\256\242\347\253\237\345\246\202\346\255\244\347\256\200\345\215\225\357\274\201.md"
new file mode 100644
index 0000000..a213ac6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\270\215\346\225\242\346\203\263\357\274\214\345\201\232\344\270\252\345\215\232\345\256\242\347\253\237\345\246\202\346\255\244\347\256\200\345\215\225\357\274\201.md"
@@ -0,0 +1,138 @@
+# 不敢想，做个博客竟如此简单！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近买了个不错的域名，为了不浪费它呢，我心血来潮打算做个博客网站。
+
+在动手做之前，我先梳理了一下目前常用的搭建个人博客的方法，并简单分析了它们的优缺点，分享出来，帮助大家根据自己的需求去选择合适的方法，实现自己的个人博客网站。
+
+## 搭建博客网站方法汇总
+
+大纲如下：
+
+![](https://pic.yupi.icu/5563/202311071436625.png)
+
+> 鱼皮 - 搭建博客方法汇总
+
+### 方法
+
+#### 1. 自己开发
+
+这是最原始的博客建站方式了，自己写代码（前台 + 后台管理）、自己将项目发布上线、自己来维护网站，啥都自己来干。
+
+这样虽然麻烦，但优点是代码掌握在自己手里，很安全；想加什么功能都不会受到限制，很灵活。
+
+对于自学编程的同学来说，可以试着自己从 0 开发博客网站（也可以基于 Github 上的开源项目二次开发），因为此类网站功能很丰富且典型（比如登录、评论、标签）；但如果只是想快速拥有一个博客来写文章，就没必要什么都自己做了。
+
+![](https://pic.yupi.icu/5563/202311071436776.png)
+
+> Halo 开源博客发布系统
+
+#### 2. 站点生成器
+
+因为博客是一种很典型的网站，所以有大佬将博客的功能（比如文章管理）抽象出来，做成了 **站点生成器** ，可以用极少的命令 + 配置文件的方式，自动生成精美的博客网站。
+
+比如使用 Hexo、Hugo 可以生成博客站点，使用 Docsify、VuePress、Dumi 可以生成文档站点等。
+
+![](https://pic.yupi.icu/5563/202311071436784.png)
+
+> Hexo 站点生成器
+
+目前，绝大多数的站点生成器都只能生成静态网站，也就是说网站的内容（比如博客文章、文档等）是固定的，不需要从数据库中获取内容，因此有很多优点：
+
+- 省钱：把文件扔 GitHub Pages、Gitee Pages 啥的就能免费部署
+- 速度快：省去了数据的动态获取过程，配合 CDN 加载速度飞起
+- SEO：静态网站更容易被搜索引擎的蜘蛛抓取，稳定排名
+- 易维护：没那么多花里胡哨的功能，比动态网站好维护不少
+
+![](https://pic.yupi.icu/5563/202311071436748.png)
+
+> Docsify 文档站点生成器
+
+但缺点也很明显，就是网站的内容需要提前确定，而不能动态添加；功能过于纯粹，导致缺少一定交互性，不过可以配合其他插件实现评论、全文检索等功能。
+
+不过，对于博客来说，静态网站基本就够用了，这种方式依然很 Nice！
+
+#### 3. 建站程序
+
+如果想快速轻松地做一个动态博客网站，不妨试试现成的建站程序，比如主流的 WordPress（推荐）或 Typecho。
+
+用法很简单，按照官方文档一键安装建站程序后，跟着程序的引导一步步去初始化配置，然后可以自由挑选主题美化你的网站：
+
+![](https://pic.yupi.icu/5563/202311071436506.png)
+
+> WordPress 建站程序主题
+
+之后，你就可以直接在网站的后台发布和管理文章了，用户管理、分类、标签、评论等功能全都帮你做好了！
+
+![](https://pic.yupi.icu/5563/202311071436759.png)
+
+> WordPress 管理文章
+
+此外，还可以通过安装插件实现更多功能，比如发送邮件、表单收集等；在必要时，也可以自己上手改源码。
+
+#### 4. 建站平台
+
+如果觉得自己搞建站程序还是比较麻烦，那下面让我们来 **花钱办事** ，用金钱换时间。
+
+比如直接使用线上的建站平台，不用自己安装任何东西，套个现成的模板、利用界面拖拖拽拽就能搞出来一个网站，平台还会给你提供域名，一键上线。此外，网站的维护也不用咱自己操心了，全交给别人，我们专注于网站的内容就行。
+
+我在高中的时候，就用凡科建站搞过一个三国杀作品集网站，当时还是挺惊喜的。后来上了大学，给学校建网站时也有用过类似的平台，不得不说，傻瓜式使用，真的舒服！
+
+![](https://pic.yupi.icu/5563/202311071436025.png)
+
+> 建站平台
+
+#### 5. 购买
+
+最后这种方式就不多说了，现在网上帮人做网站、卖网站的工作室和个人开发者数不胜数。
+
+常见的渠道有以下几种：
+
+- 云服务提供商：比如 BAT 云服务官网
+- 建站主题官网：比如一些非官方 WordPress 主题网站，提供了收费模板和专业建站服务
+- 某宝：价格一般都比较贵。。。
+
+我更倾向于第一种，大厂还是比大多数工作室要专业靠谱：
+
+![](https://pic.yupi.icu/5563/202311071436628.png)
+
+我大学期间搞过一段时间的付费建站，挺赚钱的。事实上，大部分的付费建站都是直接给你套个模板，帮你去做一些傻瓜式的操作而已，赚的就是个信息差 + 苦力的钱。
+
+之前也有不少同学找我帮忙做网站，但我就是没空搞哈哈，要不然应该也能赚一波。以后失业了可以整个一条龙服务试试。
+
+### 对比
+
+下面我用一个表格的形式，从以下几个维度对几种制作博客的方法进行对比，便于大家选择：
+
+- 省事程度：尽量减少自己动手，开箱即用
+- 省钱程度：综合服务器资源、制作费用等
+- 简易程度：容易上手，好理解，操作方便
+- 灵活可扩展：便于自定义或自主开发、扩充功能
+
+表格如下，星星越多表示该项越优秀：
+
+| 方式       | 省事  | 省钱  | 简易  | 灵活  |
+| :--------- | :---- | :---- | :---- | :---- |
+| 自主开发   | ⭐     | ⭐⭐⭐   | ⭐     | ⭐⭐⭐⭐⭐ |
+| 站点生成器 | ⭐⭐⭐   | ⭐⭐⭐⭐⭐ | ⭐⭐    | ⭐⭐⭐   |
+| 建站程序   | ⭐⭐    | ⭐⭐⭐⭐  | ⭐⭐⭐   | ⭐⭐⭐⭐  |
+| 建站平台   | ⭐⭐⭐⭐  | ⭐⭐    | ⭐⭐⭐⭐  | ⭐⭐    |
+| 购买       | ⭐⭐⭐⭐⭐ | ⭐     | ⭐⭐⭐⭐⭐ | ⭐     |
+
+显然，自主开发最灵活、但却最麻烦；使用站点生成器最省钱，因为可以有很多免费的静态网站托管服务；直接购买最省事儿，但同样也最费钱，后需要修改可能也没那么容易；使用开源的建站程序或收费的建站平台则相对均衡，方便易用、功能也比较齐全。
+
+考虑到我的博客网站以后会增加各种无法描述的功能，所以我最后选择使用 **开源建站程序** ，后续扩展功能比较方便灵活，甚至可以自己写代码来开发。
+
+
+
+------
+
+
+最后，建议大家都整一个自己的个人博客，没事写写文章啥的，利人利己。
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311071436735.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\273\216 0 \345\210\260 1\357\274\214\347\234\213\346\210\221\347\216\251\345\274\204\345\215\203\344\270\207\346\227\245\345\277\227\344\272\216\350\202\241\346\216\214.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\273\216 0 \345\210\260 1\357\274\214\347\234\213\346\210\221\347\216\251\345\274\204\345\215\203\344\270\207\346\227\245\345\277\227\344\272\216\350\202\241\346\216\214.md"
new file mode 100644
index 0000000..c1c8b5c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\273\216 0 \345\210\260 1\357\274\214\347\234\213\346\210\221\347\216\251\345\274\204\345\215\203\344\270\207\346\227\245\345\277\227\344\272\216\350\202\241\346\216\214.md"	
@@ -0,0 +1,349 @@
+# 从 0 到 1，看我玩弄千万日志于股掌
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+程序员的工作离不开日志。
+
+日志就像一个笔记本，可以记录程序运行时的一些信息。
+
+![](https://pic.yupi.icu/5563/202311071416936.png)
+
+日志文件
+
+通过日志，我们可以做很多事情。
+
+
+
+### **日志的作用**
+
+1. 记录系统和接口的使用情况，比如请求日志
+
+2. 记录和分析用户的行为，比如网站访问日志
+
+3. 调试程序，和控制台的作用类似，但是控制台中的内容并不会保存到文件中，而日志可以长期保存。
+
+4. 帮助我们排查和定位错误。比如在系统抛出异常时，将异常信息记录到日志，可以事后复盘。
+
+5. 通过分析日志还能够优化代码逻辑、提升系统性能、稳定性等。
+
+![](https://pic.yupi.icu/5563/202311071416246.png)
+
+日志虽然有那么多的作用，但如果数量过多，也会让开发人员感到头疼。对于大型的系统，程序员们经常要看几千、几万行日志，常常看日志看到头晕眼花。
+
+![](https://pic.yupi.icu/5563/202311071416955.png)
+
+但是，其实处理日志是有很多技巧的，下面鱼皮分享自己和日志的故事。
+
+故事分为 7 个阶段，**从看日志看到怀疑人生，再到玩弄千万日志于股掌**，鱼皮都做了哪些事情？
+
+
+
+**鱼皮和日志的爱恨情仇**
+
+**第一阶段 无日志**
+
+刚开始搭建新的系统时，为了图个方便，鱼皮没有给系统接入任何的日志框架，也没有记录任何日志，整个项目非常的干净丝滑。需要调试时就直接用输出函数将信息打印在控制台，出了异常就直接打印堆栈。
+
+```
+// 输出调试System.out.println("value = " + value);// 出现异常catch(Exception e) {  e.printStackTrace();}
+```
+
+真是无事一身轻，爽的不得了！
+
+![](https://pic.yupi.icu/5563/202311071416944.jpeg)
+
+可惜，好景不长。在项目上线之后，突然有一天，系统出问题了，数据查不出来了，同事找上门来了。
+
+鱼皮笑着说：“问题不大！”
+
+![](https://pic.yupi.icu/5563/202311071416537.png)
+
+然后登录服务器，进入项目目录，瞬间傻眼。
+
+项目目录依旧干净丝滑，原来我特么根本没记日志啊！
+
+这下好了，什么问题都查不出来。乖乖地去给项目加上日志功能吧。
+
+
+
+**第二阶段 引入日志类库**
+
+Java 语言有很多优秀的日志类库，比如 Logback、Log4j2 等，提供了很多记录和打印日志的方法，非常方便。可以直接使用其中一个类库，而无需自己实现。此处因为鱼皮的项目使用 Spring Boot 框架进行开发，直接使用其默认日志库 Logback 即可。
+
+使用方式很简单，先添加 logback.xml 配置文件，主要配置了日志文件的存储路径和格式。Logback 框架还会自动将日志按天进行压缩，并且在一定天数后进行删除，以节约磁盘空间。最大存储天数也可以在配置文件中指定。
+
+配置文件大概长这样：
+
+```
+<?xml version="1.0" encoding="UTF-8"?><configuration scan="true" scanPeriod="60 seconds">  <include resource="org/springframework/boot/logging/logback/defaults.xml"/>
+  <appender name="FILE" class="ch.qos.logback.core.rolling.RollingFileAppender">    <file>logs/application.log</file>    <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">      <!-- Daily rollover with compression -->      <fileNamePattern>log/application-log-%d{yyyy-MM-dd}.gz</fileNamePattern>      <maxHistory>30</maxHistory>    </rollingPolicy>    <encoder>      <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} %-5level ${PID:- } ...</pattern>      <charset>UTF-8</charset>    </encoder>  </appender>    ...</configuration>
+```
+
+在要打印日志的类上创建一个日志对象：
+
+```
+Logger logger = LoggerFactory.getLogger(MyApp.class);
+```
+
+然后就可以使用该对象去记录日志啦：
+
+```
+catch(Exception e) {  logger.error("app error", e);}
+```
+
+
+
+加上配置文件后，启动项目，就可以看见生成的日志文件了。欧耶，下次系统再出问题，就不怕缺乏信息来排错啦！
+
+![](https://pic.yupi.icu/5563/202311071416105.png)
+
+系统运行了一个小时之后，同事又找上门来了，这次鱼皮很有底气，笑着说：“问题不大！”
+
+![](https://pic.yupi.icu/5563/202311071416537.png)
+
+然后打开日志文件一看，傻眼了，有几千行日志，我怎么知道哪行日志是报错信息呢？
+
+![](https://pic.yupi.icu/5563/202311071416102.png)就这你能秒了我？直接用 Linux 命令过滤出带 “ERROR” 字段的日志行就行了~
+
+```
+cat application.log | grep 'ERROR'
+```
+
+
+
+虽然解决了问题，但是后面每次报错，都要输一遍这个筛选命令，而且随着文件越来越大，命令执行的速度越来越慢了。
+
+能不能**把所有错误日志和正常日志区分开**，放在不同的文件中呢？
+
+
+
+**第三阶段 日志分级**
+
+幸运的是，一般的日志框架都提供了日志分级存储功能，可以通过修改配置文件来实现。
+
+修改 logback.xml 配置文件，将 ERROR（错误）级别的日志单独输出到 error.log 文件中，实现日志分级：
+
+
+
+```
+<configuration ...>  <appender name="ERROR" class="ch.qos.logback.core.rolling.RollingFileAppender">    <file>logs/error.log</file>    <filter class="ch.qos.logback.classic.filter.LevelFilter">      <level>ERROR</level>      <onMatch>ACCEPT</onMatch>      <onMismatch>DENY</onMismatch>    </filter>    <encoder>      <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} %-5level ${PID:- } [%15.15thread] %-50.50logger{50} - %msg%n</pattern>      <charset>UTF-8</charset>    </encoder>  </appender></configuration>
+```
+
+启动项目，日志按预期分级写到了 application.log 和 error.log 两个文件。系统再出现异常时，鱼皮只需打开 error.log 文件，错误信息一览无遗！
+
+![](https://pic.yupi.icu/5563/202311071416335.png)
+
+系统运行一段时间后，鱼皮上线了一个很重要的服务，记录了相当多的业务日志。虽然目前错误日志可以单独查看，但是**核心服务的日志和其他服务的正常日志都堆积在 application.log 中**，想要仅查看核心服务的日志依旧要采用命令过滤的方式，比较麻烦。
+
+![](https://pic.yupi.icu/5563/202311071416795.png)
+
+有没有什么办法，把核心业务的日志单独记录到一个文件中呢？
+
+
+
+**第四阶段 按类隔离**
+
+幸运的是，Logback 日志框架支持将不同的类产生的日志记录到不同的文件中，修改配置文件即可。比如将所有 RequestAOP 类产生的请求日志记录到 request.log 中：
+
+```
+<appender name="REQUEST_HANDLER" class="ch.qos.logback.core.rolling.RollingFileAppender">  <file>logs/request.log</file>  <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">    ...  </rollingPolicy>  <encoder>    <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} %-5level ${PID:- } [%15.15thread] %-50.50logger{50} - %msg%n</pattern>    <charset>UTF-8</charset>  </encoder></appender><!-- logger 中配置类名 --><logger name="com.yupi.RequestAOP" level="INFO" additivity="false">  <appender-ref ref="REQUEST_HANDLER"/></logger>
+```
+
+启动项目，自动生成了 request.log 文件，打开这个文件，就可以查看所有的请求日志，可以用于流控分析等等，真爽死了！
+
+![](https://pic.yupi.icu/5563/202311071416944.jpeg)
+
+后来，随着系统的访问量越来越大，单台服务器已经不能满足对并发的需求，因此鱼皮又加了三台机器，共同提供服务。
+
+![](https://pic.yupi.icu/5563/202311071416095.png)
+
+有一天，系统又出问题了，同事找上门来，鱼皮心想：信不信分分钟给你解决 bug！
+
+![](https://pic.yupi.icu/5563/202311071416537.png)
+
+一顿操作猛如虎，登录一台服务器查看日志，结果错误日志**空空如也**，比鱼皮的兜儿都干净。
+
+奇怪了，怎么找不到错误信息？
+
+对啊，现在有四台机器，请求可能落在了其他机器上，因此错误日志也可能在别的机器上！
+
+![](https://pic.yupi.icu/5563/202311071416541.png)
+
+哎，没办法，一台一台登录服务器去找错误信息吧。
+
+其实四台机器还能忍，但是后来随着并发量的增大，鱼皮负责的系统已经有十台机器了，每次查看日志要依次登录十台机器去找！而且单个日志数据的量已经达到几十万行，无论怎么切分看起来都太累了。
+
+哦，乔治，这太难受了！有没有什么办法，能让我在一个地方**集中看日志**啊！
+
+![](https://pic.yupi.icu/5563/202311071416858.png)
+
+要不直接把日志记录到数据库中？
+
+不行不行，日志数据量太大了，数据库肯定存不下。而且写入数据库的速度受到网络传输等限制，比较缓慢。
+
+怎么办啊？算了，先睡一觉。
+
+![](https://pic.yupi.icu/5563/202311071416569.jpeg)
+
+**第五阶段 日志上报与集中式管理**
+
+“嘿，少年，你想要力量么？”
+
+“废话，谁不想要！”
+
+“听说过 ELK 么？他会指引你前进的方向。”
+
+鱼皮从梦中惊醒，对啊，可以用 ELK 搭建一个分布式日志收集系统啊！
+
+![](https://pic.yupi.icu/5563/202311071416579.jpeg)
+
+ELK 是 Elasticsearch、Logstash 和 Kibana 的简称，**不是单独的一个软件，而是一整套问题的解决方案**。
+
+Elasticsearch（简称 ES）是**全文搜索引擎**，能够对海量数据进行存储和高效的搜索。
+
+![](https://pic.yupi.icu/5563/202311071416570.jpeg)
+
+Logstash 是一个**数据管道**，能够从各种数据源（比如 MySQL 数据库）收集数据，将数据从一处传输到另一处，并加以解析和转换。
+
+![](https://pic.yupi.icu/5563/202311071416644.svg+xml)
+
+Kibana 是**数据可视化平台**，可以将 Elasticsearch 中存储的数据进行展示。在 Kibana 上，我们不仅可以看到所有原始的日志信息，还能够自定义各种精美直观的可视化图表。
+
+![](https://pic.yupi.icu/5563/202311071417736.png)
+
+
+
+通常使用 Logstash 统一收集各个机器上的数据，并传输至 Elasticsearch 进行存储，最后通过 Kibana 进行数据展示，之后就可以利用 Kibana 轻松地查看和分析所有的数据了。
+
+![](https://pic.yupi.icu/5563/202311071417371.png)
+
+既然可以解决问题，那就接入 ELK 吧~
+
+但是使用 ELK 相当于为系统引入了三个新组件，考虑到系统使用的组件越多，复杂度越高，就越难维护；而且 Logstash 比较重，对 CPU 和内存的占用较高。因此，鱼皮灵机一动，干脆舍弃掉 Logstash，直接将 Elasticsearch 当成数据库来使用。
+
+先在 Spring Boot 中整合 Elasticsearch，然后将日志数据通过依赖包提供的 API 接口存储到 Elasticsearch，最后接入 Kibana 进行展示。
+
+Maven 引入依赖：
+
+```
+<dependency>    
+<groupId>org.springframework.boot</groupId>
+<artifactId>spring-boot-starter-data-elasticsearch</artifactId>    <version>2.3.4.RELEASE</version>
+</dependency>
+```
+
+访问 ES 的接口：
+
+```
+@Repositorypublic interface UserRepository extends ElasticsearchRepository<HouseIndexTemplate, Long> {
+}
+```
+
+想法是美好的，现实却是贼特么残酷的。
+
+虽然 Spring Boot 接入 Elasticsearch 的确很方便，但是**要把整个项目中的记日志代码全部替换成写入 ES 的代码**，对项目的改动和**侵入性**太大了。而且将日志存入 ES 的耗时远远大于原来异步写入文件的耗时，并发量很大时，偶尔出现日志写入失败的情况。因此改代码改到一半时，鱼皮就抓狂放弃了，直接把改了的代码全部还原。
+
+![](https://pic.yupi.icu/5563/202311071417865.png)
+
+鱼皮再次陷入沉思，有没有一种方式，可以在不改动一行代码的情况下，将日志写入 ES 呢？
+
+
+
+**第六阶段 日志代理**
+
+如果不改动任何代码，每台机器产生的日志仍然是独立记录到当前机器的日志文件中的，想要通过一个界面集中查看各机器上的日志非常麻烦。
+
+那如果**把日志文件中的数据自动同步到 ES 上**，不就能通过 Kibana 方便地查看了么！
+
+谁来做同步这件事呢？难道要我自己写个定时任务程序把日志文件上传到 ES 上？如果是那样，我还不如继续改原来项目的代码。
+
+![](https://pic.yupi.icu/5563/202311071417482.jpeg)
+
+能不能找个**代理**来帮我做这件事呢？
+
+就像我们每天丢辣鸡一样，把辣鸡丢到小区门口的辣鸡桶就行了，然后辣鸡车会帮我们把辣鸡运送至辣鸡站集中处理。
+
+**我们的日志文件相当于辣鸡，代理就相当于辣鸡车，而 ES 就相当于辣鸡站。**
+
+通过百度，发现 ELK 早就升级为 ElasticStack 了，除了上面说的三大组件外，还多了一个 Beats。
+
+Beats 是轻量级数据采集器，针对不同的数据类型提供了不同的组件。
+
+![](https://pic.yupi.icu/5563/202311071417857.png)
+
+要将日志文件数据上传到 ES 进行存储，可以使用 Filebeat。Filebeat 是轻量型日志采集器，其提供了一种轻量型方法，用于转发和汇总日志与文件，让我们轻松面对成百上千、甚至成千上万的服务器、虚拟机和容器生成的日志。
+
+Filebeat 就相当于一个代理（agent），可以帮助收集各个机器上的日志，然后传输给 Logstash 进行处理或者直接传输到 Elasticsearch 进行存储。这样就完全不用修改项目的代码！
+
+ElasticStack 整体架构如下：
+
+![](https://pic.yupi.icu/5563/202311071417344.png)
+
+
+
+**那怎么使用 Filebeat 呢？**
+
+其实非常简单，直接将 Filebeat 安装到日志文件所在的服务器上，然后在其配置文件中定义输入（要采集的日志文件路径）和输出（要将采集到的数据发送到哪里）即可。比如在下面的配置中，会采集 system 日志并传输给 Logstash：
+
+```
+filebeat.inputs:- type: log  paths:    - /var/log/system.log
+output.logstash:  hosts: ["127.0.0.1:5044"]
+```
+
+搞定，这下真是爽死了！曾经几千行日志就能将我淹没，不知所措。而现在，只需要打开 Kibana 控制台，动动手指，就能轻松地查看和分析几十万、几百万的日志。
+
+![](https://pic.yupi.icu/5563/202311071417290.gif)
+
+感觉自己就像一个大将军，这些日志是我统治的小兵，都得乖乖听我号令，好不痛快！
+
+![](https://pic.yupi.icu/5563/202311071417030.png)
+
+
+
+**第七阶段 完善日志架构**
+
+利用 ElasticStack，已经能够轻松地集中管理海量的日志，而且 Elasticsearch 支持水平扩容，可以应对日志量级的持续增大，存个千万条数据完全没有问题。
+
+但是，当每秒产生的日志量过多时，ElasticStack 并不是无敌的，虽然 Filebeat、Elasticsearch、Kibana 都很强劲，但往往 Logstash 是那阿喀琉斯之踵（或者三娃的屁股）！
+
+![](data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
+
+因为 Logstash 要同时接受多个 Filebeat 采集的日志，机器越多，部署的 Filebeat 也就越多，Logstash 的压力就会越大。虽然也可以像扩容 ES 一样增加 Logstash 的节点数，但是并不能从根本上解决问题，当日志量级增大到一定程度时，不仅是 Logstash，连 ES 集群都有可能撑不住！
+
+因此，我们需要接入一些中间件来进行缓冲，首选的可靠且高性能的消息队列 Kafka（依赖分布式协调工具 Zookeeper）。
+
+最终，完善的分布式日志收集系统架构如下：
+
+
+
+![](https://pic.yupi.icu/5563/202311071417698.jpeg)
+
+
+
+至此，鱼皮终于将千万日志玩弄于股掌，这种感觉真的是太爽了。
+
+![](https://pic.yupi.icu/5563/202311071417065.gif)
+
+如果你也正在被日志折磨，一定要试着搭建一套完善的日志系统。
+
+
+
+**最后分享自己记录日志的经验：**
+
+1. 不要过度依赖日志，什么都记，日志应当简洁明晰，具有实际价值。
+
+2. 在保证可理解的同时适当减少日志的长度，比如把 this is an apple 简化为 apple。
+
+3. 将日志进行分级和分类，仅在开发和测试环境输出 DEBUG 级别日志，不要在生产环境中使用。
+
+4. 统一日志的格式，便于后续处理分析，通常在日志框架配置即可。
+
+5. 不要把日志当成存储数据的工具！注意日志信息中不能出现敏感信息，也不要对外公开！
+
+------
+
+鱼皮从 0 到 1，经历了七个阶段，成功地玩弄千万日志于股掌。其实，无论是学习还是实际应用，我们都需要有这种**持续实践、探索和优化的精神**。
+
+会当凌绝顶，一览众山小。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250 ES \344\274\230\345\214\226\347\275\221\347\253\231\346\220\234\347\264\242\344\275\223\351\252\214.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250 ES \344\274\230\345\214\226\347\275\221\347\253\231\346\220\234\347\264\242\344\275\223\351\252\214.md"
new file mode 100644
index 0000000..244f0c0
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250 ES \344\274\230\345\214\226\347\275\221\347\253\231\346\220\234\347\264\242\344\275\223\351\252\214.md"	
@@ -0,0 +1,345 @@
+# 使用 ES 优化网站搜索体验
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 使用 ES + 云开发实战优化网站搜索
+
+大家好，我是鱼皮，今天搞一场技术实战，带大家优化网站搜索的灵活性。
+
+## ES + 云开发搜索优化实战
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311071431812.png)
+
+> 鱼皮 - 网站搜索优化
+
+### 背景
+
+我开发的编程导航网站已经上线 6 个月了，但是从上线之初，网站一直存在一个很严重的问题，就是搜索功能并不好用。
+
+此前，为了追求快速上线，搜索功能就简单地使用了数据库模糊查询（包含）来实现，开发是方便了，但这种方式很不灵活。
+
+举个例子，网站上有个资源叫 “Java 设计模式”，而用户搜索 “Java设计模式” 就啥都搜不出来，原因是资源名中包含了空格，而用户搜索时输入的关键词并不包含空格。
+
+空格只是一种特例，类似的情况还有很多，比如网站上有个资源叫 “Java 并发编程实战”，但用户搜索 “Java 实战” 时，明明前者包含 “Java” 和 “实战” 这两个词，但却是什么都搜不出来的。
+
+要知道，搜索功能对于一个信息聚合类站点是至关重要的，直接影响用户的体验。在你的网站上搜不到资源，谁还会用？
+
+所以我也收到了一些小伙伴的礼貌建议，比如这位秃头 Tom：
+
+![](https://pic.yupi.icu/5563/202311071431207.png)
+
+之前没有优化搜索，主要是两个原因：穷 + 怕麻烦。但随着网站用户量的增大，是时候填坑了！
+
+### 技术选型
+
+想要提高网站搜索灵活性，可以使用 **全文搜索** 技术，在前端和后端都可以实现。
+
+#### 前端全文搜索
+
+有时，我们要检索的数据是有限的，且所有数据都是 **存储在客户端** 的。
+
+比如个人博客网站，我们通常会把每篇文章作为一个文件存放在某目录下，而不是存在后台数据库中，这种情况下，不需要再从服务器上去请求动态数据，那么可以直接在前端搜索数据。
+
+有一些现成的搜索库，比如 `Lunr.js`（GitHub 7k+ star），先添加要检索的内容：
+
+```
+var idx = lunr(function () {
+  this.field('title')
+  this.field('body')
+  // 内容
+  this.add({
+    "title": "yupi",
+    "body": "wx搜程序员鱼皮，阅读我的原创文章",
+    "id": "1"
+  })
+})
+```
+
+然后搜索就可以了：
+
+```
+idx.search("鱼皮")
+```
+
+纯前端全文搜索的好处是无需后端、简单方便，可以节省服务器的压力；无需连网，也没有额外的网络开销，检索更快速。
+
+#### 后端全文搜索
+
+区别于前端，后端全文搜索在服务器上完成，从远程数据库中搜索符合要求的数据，再直接返回给前端。
+
+目前主流的后端全文搜索技术是 Elasticsearch，一个分布式、RESTful 风格的搜索和数据分析引擎。
+
+![](https://pic.yupi.icu/5563/202311071431069.png)
+
+它的功能强大且灵活，但是需要自己搭建、定义数据、管理词典、上传和维护数据等，可操作性很强，需要一些水平，新手和大佬设计出的 ES 搜索系统那是天差地别。
+
+所以，对于不熟悉 Elasticsearch 的同学，也可以直接使用现成的全文检索服务。比如 Algolia，直接通过它提供的 API 上传需要检索的数据，再用它提供的 API 检索就行了。它提供了一定的免费空间，对于小型网站和学习使用完全足够了。
+
+![](https://pic.yupi.icu/5563/202311071431558.png)
+
+> Algolia 检索服务
+
+#### 选择
+
+那么我的编程导航网站选择哪种实现方式呢？
+
+首先，该网站的资源数是不固定的、无规律动态更新的，因此不适合前端全文检索。
+
+其次，考虑到日后网站的数据量会比较大，而且可能要根据用户的搜索动态地去优化检索系统（比如自定义编程词典），因此考虑使用 **Elasticsearch 技术** 自行搭建搜索引擎，而不用现成的全文检索服务，这样今后自己想怎么定制系统都可以。此外，不用向其他平台发送网站数据，能保证数据的安全。
+
+![](https://pic.yupi.icu/5563/202311071431066.jpeg)
+
+### ES 安装
+
+确定使用 Elasticsearch 后，要先搭建环境。
+
+可以自己购买服务器，再按照官方文档一步步手动安装。对于有一定规模的个人网站来说，虽然搭建过程不难，但后期的维护成本却是巨大的，比如性能分析、监控、告警、安全等等，都需要自己来配置。尤其是后期网站数据量更大了，还要考虑搭建集群、水平扩容等等。
+
+因此，我选择直接使用云服务商提供的 Elasticsearch 服务，这里选择腾讯云，自动为你搭建了现成的 ES 集群服务，还提供了可视化架构管理、集群监控、日志、高级插件、智能巡检等功能。
+
+![](https://pic.yupi.icu/5563/202311071431073.png)云 ES 集群架
+
+> 构图
+
+虽然 ES 服务的价格贵，但节省下大量时间成本，对我来说是值得的。
+
+> 还有个很方便的定制化搜索服务 Elastic App Search，大家感兴趣可以试试。
+
+### ES 公共服务
+
+我们的目标是优化网站资源的搜索功能，但接下来要做的不是直接编写具体的业务逻辑，而是先开发一个 **公共的 ES 服务** 。
+
+其实对 ES 的操作比较简单，可以先简单地把它理解为一个数据库，那么公共的 ES 服务应具有基本的增删改查功能，供其他函数调用。
+
+#### 实现
+
+由于编程导航的后端使用的是腾讯云开发技术，用 Node.js 来编写服务，所以选用官方推荐的 `@elastic/elasticsearch` 库来操作 ES。
+
+> 没用过云开发也没事，可以先把它理解为一个后端，欢迎阅读我之前的文章：[了解云开发](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496246&idx=1&sn=37f24454572ce1b73f593c8fc44dd172&scene=21#wechat_redirect) 。
+
+代码很简单，先是建立和 ES 的连接，此处为了保证数据安全，使用内网地址：
+
+```
+const client = new Client({
+ // 内网地址
+  node: 'http://10.0.61.1:9200',
+  // 用户名和密码
+  auth: {
+    username: esConfig.username,
+    password: esConfig.password,
+  },
+});
+```
+
+然后是编写增删改查。这里做一步 **抽象**，通过 `switch` 等分支语句，根据请求参数来区分操作、要操作的数据等，这样就不用把每个操作都独立写成一个接口了。
+
+```
+// 接受请求参数
+const { op, index, id, params } = event;
+// 根据操作执行增删改查
+switch (op) {
+  case 'add':
+    return doAdd(index, id, params);
+  case 'delete':
+    return doDelete(index, id);
+  case 'search':
+    return doSearch(index, params);
+  case 'update':
+    return doUpdate(index, id, params);
+}
+```
+
+> 在云开发中，假如某个函数太久没被调用，就会释放资源。下次请求时，会进行冷启动，重新创建资源，导致接口返回较慢。因此，把多个操作封装到同一个函数中，也可以减少冷启动的几率。
+
+具体的增删改查代码就不赘述了，对着 ES Node 的官方文档看一遍就行了，后面会把代码开源到编程导航仓库中（https://github.com/liyupi/code-nav）。
+
+#### 本地调试
+
+编写好代码后，可以用云开发自带的 `tcb` 命令行工具在本地执行该函数。
+
+记得先把 ES 的连接地址改成公网，然后输入一行命令就行了。比如我们要向 ES 插入一条数据，传入要执行的函数名、请求参数、代码路径：
+
+```
+tcb fn run 
+  --name <functionName>
+  --params "{\"op\": \"add\"}"
+  --path <functionPath>
+```
+
+执行成功后，就能在 ES 中看到新插入的数据了（通过 Kibana 面板或 curl 查看）：
+
+![](https://pic.yupi.icu/5563/202311071431259.png)
+
+#### 远程测试
+
+本地测试好公共服务代码后，把 ES 连接地址改成内网 IP，然后发布到云端。
+
+接下来试着编写一个其他的函数来访问公共 ES 服务，比如插入资源到 ES，通过 `callFunction` 请求：
+
+```
+// 添加资源到 ES
+function addData() {
+  // 请求公共服务
+  app.callFunction({
+    name: 'esService',
+    data: {
+      op: 'add',
+      index: 'resource',
+      id,
+      params: data,
+    }
+  });
+}
+```
+
+但是，数据并没有被成功插入，而是返回了接口超时，Why？
+
+#### 内网配置
+
+通过日志得知是 ES 连接不上，会不会是因为发布上线的 ES 公共服务所在的机器和 ES 不在同一个内网呢？
+
+所以需要在云开发控制台更改 ES 公共服务的私有网络配置，选择和购买 ES 时同样的子网就行了：
+
+![](https://pic.yupi.icu/5563/202311071431406.png)配置 ES 云函数私有网络
+
+修改之后，再次远程请求 ES 公共服务，数据就插入成功了~
+
+### 数据索引
+
+开发好 ES 公共服务后，就可以编写具体的业务逻辑了。
+
+首先要在 ES 中建立一个索引（类似数据库的表），来约定数据的类型、分词等信息，而不是允许随意插入数据。
+
+比如为了更灵活搜索，资源名应该指定为 "text" 类型，以开启分词，并指定 `ik` 中文分词器：
+
+```
+"name": {
+  "type": "text",
+  "analyzer": "ik_max_word",
+  "search_analyzer": "ik_smart",
+  "fields": {
+    "keyword": {
+      "type": "keyword",
+      "ignore_above": 256
+    }
+  }
+}
+```
+
+而点赞数应设置为 "long" 类型，只允许传入数字：
+
+```
+"likeNum": {
+  "type": "long"
+}
+```
+
+最好还要为索引指定一个别名，便于后续修改字段时重建索引：
+
+```
+"aliases" : { 
+  "resource": {}
+}
+```
+
+编写好建立索引的 json 配置后，通过 curl 或 Kibana 去调用 ES 新建索引接口就行了。
+
+### 数据同步
+
+之前，编程导航网站的资源数据都是存在数据库中的，用户从数据库中查询。而现在要改为从 ES 中查询，ES 空空如也可不行，得想办法把数据库中的资源数据同步到 ES 中。
+
+这里有几种同步策略。
+
+#### 双写
+
+以前，用户推荐的资源只会插入到数据库，双写是指在资源插入数据库的时候，同时插入到 ES 就好了。
+
+听上去挺简单的，但这种方式存在一些问题：
+
+1. 会改动以前的代码，每个写数据库的地方都要补充写入 ES。
+2. 会存在一边儿写入失败、另一边儿成功的情况，导致数据库和 ES 的数据不一致。
+
+![](https://pic.yupi.icu/5563/202311071431961.png)
+
+那有没有对现有代码 **侵入更小** 的方法呢？
+
+#### 定时同步
+
+如果对数据实时性的要求不高，可以选择定时同步，每隔一段时间将最新插入或修改的数据从数据库复制到 ES 上。
+
+实现方式有很多种，比如用 `Logstash` 数据传输管道，或者自己编写定时任务程序，这样就完全不用改现有的代码。
+
+#### 实时同步
+
+如果对数据实时性要求很高，刚刚插入数据库的数据就要能立刻就能被搜索到，那么就要实时同步。除了双写外，还可以监听数据库的 binlog，在数据库发生任何变更时，我们都能感知到。
+
+阿里有个开源项目叫 `Canal` ，能够实时监听 MySQL 数据库，并推送通知给下游，感兴趣的朋友可以看看。
+
+![](https://pic.yupi.icu/5563/202311071431043.png)
+
+> Canal 项目
+
+#### 实现
+
+由于编程资源的搜索对实时性要求不高，所以定时同步就 ok。
+
+云开发默认提供了定时函数功能，我就直接写一个云函数，每 1 分钟执行一次，每次读取数据库中近 5 分钟内发生了变更的数据，以防止上次执行失败的情况。此外，还要配置超时时间，防止函数执行时间过长导致的执行失败。
+
+在云开发 - 云函数控制台就能可视化配置了，需要为定时任务指定一个 crontab 表达式：
+
+![](https://pic.yupi.icu/5563/202311071431895.png)
+
+> 配置云函数定时和超时
+
+开启定时同步后，不要忘了再编写并执行一个 **首次** 同步函数，用于将历史的全量数据同步到 ES。
+
+### 数据检索
+
+现在 ES 上已经有数据了，只剩最后一步，就是怎么把数据搜出来呢？
+
+首先我们要学习 ES 的搜索 DSL（语法），包括如何取列、搜索、过滤、分页、排序等，对新手来讲，还是有点麻烦的，尤其是查询条件中布尔表达式的组合，稍微不注意就查不出数据。所以建议大家先在 Kibana 提供的调试工具中编写查询语法：
+
+![](https://pic.yupi.icu/5563/202311071431692.png)
+
+> Kibana 调试
+
+查出预期的数据后，再编写后端的搜索函数，接受的请求参数最好和原接口保持一致，减少改动。
+
+可以根据前端传来的请求动态拼接查询语法，比如要按照资源名搜索：
+
+```
+// 传了资源名
+if (name) {
+  // 拼接查询语句
+  query.bool.should = [
+    {
+      match: {
+        name
+      }
+    }
+  ];
+}
+```
+
+由此，整个网站的搜索优化完毕。
+
+再去试一下效果，现在哪怕我输入一些多 “鱼” 的词，也能搜到了！
+
+![](https://pic.yupi.icu/5563/202311071431320.png)
+
+> ES 是怎么实现灵活搜索的呢？欢迎阅读 [这篇文章](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247499563&idx=1&sn=e0ba6c6852579d2a7443b907c9ef5abd&scene=21#wechat_redirect) 。
+
+新 ES 搜索接口的发布并不意味着老的数据库查询接口淘汰，可以同时保留。按名称搜索资源时用新接口，更灵活；而根据审核状态、搜索某用户发布过的资源时，可以用老接口，从数据库查。从而分摊负载，职责分离，让对的技术做对的事情！
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311071431308.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250\345\206\205\347\275\221\347\251\277\351\200\217\357\274\2141 \345\210\206\351\222\237 \342\200\234\344\270\212\347\272\277\342\200\235 \346\234\254\345\234\260\347\275\221\347\253\231.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250\345\206\205\347\275\221\347\251\277\351\200\217\357\274\2141 \345\210\206\351\222\237 \342\200\234\344\270\212\347\272\277\342\200\235 \346\234\254\345\234\260\347\275\221\347\253\231.md"
new file mode 100644
index 0000000..ab30ac6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\344\275\277\347\224\250\345\206\205\347\275\221\347\251\277\351\200\217\357\274\2141 \345\210\206\351\222\237 \342\200\234\344\270\212\347\272\277\342\200\235 \346\234\254\345\234\260\347\275\221\347\253\231.md"	
@@ -0,0 +1,166 @@
+# 使用内网穿透，1 分钟 “上线” 本地网站
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享一个非常实用的小教程。
+
+之前反复跟大家强调过，想要让自己简历上的项目经历显得更真实，最好是把项目上线并且提供地址给招聘方访问。
+
+结果有同学表示无奈：
+
+- 鱼皮啊，我没有服务器，那玩意儿要钱，咋办？
+- 鱼皮啊，我项目用的服务太多了，数据库 Redis 消息队列 ES 什么的，想上线太麻烦了，咋办？
+
+今天就给大家分享一个免费的神器，不用买服务器、不用自己部署各种服务，直接让别人访问到你电脑上的网站！
+
+> 这种方法尤其适于参加竞赛，需要给评委演示项目的场景。
+
+## 内网穿透
+
+先思考一个问题：为什么别人无法直接访问你电脑上运行的网站和服务？
+
+答案很简单。大多数情况下，我们的个人电脑都处于内网，即没有可公开访问的独立 IP 地址，因此其他内网用户找不到你，就没办法和你建立网络连接。
+
+为了实现上述需求，我们采取的方法是 **内网穿透** 。
+
+什么是内网穿透呢？
+
+它的作用是：将内网的电脑 “暴露” 到公共网络。可以简单理解为一个中间人，由于他知道你的电脑地址，所以能建立一条隧道，帮助其他用户访问到你的计算机。
+
+![](https://pic.yupi.icu/5563/202311071412267.png)
+
+早在 21 年的时候，我就给大家分享过一款 [内网穿透工具](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247503714&idx=1&sn=c034c891d09945686a5a0e09f06d53c2&scene=21#wechat_redirect) ，但如今这个工具的限制越来越大了，所以这次我们要使用的免费内网穿透工具是 Ngrok。
+
+## Ngrok 实现内网穿透
+
+首先我们访问 Ngrok 官网，使用 GitHub 或者邮箱进行注册登录。
+
+> 指路：https://ngrok.com/download
+
+![](https://pic.yupi.icu/5563/202311071411845.png)
+
+注册登录成功后，根据自己的操作系统选择下载 Ngrok 的安装压缩包：
+
+![](https://pic.yupi.icu/5563/202311071411832.png)
+
+将下载好的 zip 包解压，得到 ngrok 可执行文件：
+
+![](https://pic.yupi.icu/5563/202311071411857.png)
+
+接下来我们参照官方文档，在本地执行 ngrok 命令添加用户的 authtoken：
+
+![](https://pic.yupi.icu/5563/202311071411818.png)
+
+直接复制上图的命令，进入到 ngrok 文件所在的目录执行，如下图：
+
+![](https://pic.yupi.icu/5563/202311071411669.png)
+
+现在，你的账号信息已经保存到本地的 ngrok 配置文件中了，接下来只需要执行 `ngrok http <端口号>` 命令即可启动内网穿透服务。
+
+如下图，注意将端口号改为自己本地项目占用的端口号，比如前端一般是 80、后端一般是 8080。
+
+此处我的电脑有一个前端网站占用端口是 5173，所以命令如下：
+
+![](https://pic.yupi.icu/5563/202311071412690.png)
+
+神奇的事情发生了，Ngrok 自动为我们生成了一个域名（还是 Https 的哦），指向本机的服务：
+
+![](https://pic.yupi.icu/5563/202311071412798.png)
+
+在浏览器访问该域名，就能访问到自己电脑上启动的项目啦！
+
+![](https://pic.yupi.icu/5563/202311071412943.png)
+
+是不是很方便呢？
+
+## 固定域名
+
+通过上述命令直接启动内网穿透，每次得到的访问域名是随机生成的，这不利于我们持续访问。
+
+可以从 ngrok 官网找到静态域名的配置：
+
+![](https://pic.yupi.icu/5563/202311071412972.png)
+
+第一次进入域名配置页面时，如果没有域名，可以免费创建一个：
+
+![](https://pic.yupi.icu/5563/202311071412811.png)
+
+创建好域名后，复制下图的 ngrok 启动命令：
+
+![](https://pic.yupi.icu/5563/202311071412499.png)
+
+然后在终端中执行该命令即可，本质上就是在启动 ngrok 时指定了 domain 参数：
+
+![](https://pic.yupi.icu/5563/202311071412736.png)
+
+通过这种方式，我们每次的内网穿透域名都是固定的啦：
+
+![](https://pic.yupi.icu/5563/202311071412749.png)
+
+如果你是一名后端开发同学，要让前端同学访问你本地开发好的接口，通过这种方式就很简单了，不用反复到线上（或者测试服务器）部署项目：
+
+![](https://pic.yupi.icu/5563/202311071412656.png)
+
+## 多服务
+
+以上是单服务的内网穿透，但实际情况下，我们本地可能不仅有前端、还有后端服务，那么如何利用 Ngrok 同时内网穿透多个服务呢？
+
+这就需要我们修改 ngrok 的配置文件，手动配置隧道。
+
+首先根据官方文档的指引，找到自己电脑上的默认` ngrok.yml` 配置文件：
+
+![](https://pic.yupi.icu/5563/202311071412255.png)
+
+然后在编辑器中修改这个文件，比如配置前端（frontend）和后端（backend）两条隧道，对应的本地服务端口分别为 5173 和 8104：
+
+![](https://pic.yupi.icu/5563/202311071412101.png)
+
+之后，可以通过 `ngrok start <隧道名称>` 配置指定启动哪个隧道：
+
+![](https://pic.yupi.icu/5563/202311071412106.png)
+
+或者执行 `ngrok start --all` 命令同时启动所有隧道，运行结果如下，同时在 `ngrok-free.app` 域名下分配了 2 个子域名，并指向对应服务：
+
+![](https://pic.yupi.icu/5563/202311071412245.png)
+
+访问不同的域名，就能访问到前端或后端了~
+
+但通过上面的方式，每次启动内网穿透得到的域名依然是随机的。我们可以通过修改 ngrok.yml 文件的 domain 配置来指定域名，如下图：
+
+![](https://pic.yupi.icu/5563/202311071412353.png)
+
+然后执行  `ngrok start --all` 命令。。。
+
+结果报错啦！
+
+![](https://pic.yupi.icu/5563/202311071412436.png)
+
+原来 Ngrok 限制每个域名只能绑定一个端口。
+
+不过也有解决方案，可以在配置文件中指定 subdomain，给每个端口分配一个子域名。但很遗憾，这种方式是需要额外付费的，此处不再赘述。
+
+那如果我们想要用固定域名访问本地的多个端口，怎么办呢？
+
+可以使用 Nginx 进行转发呀！比如在 80 端口启动 Nginx 服务，内网穿透指向 80 端口，然后根据 url 请求地址的前缀，转发到对应的前端或后端服务。
+
+## 保护隐私
+
+用完 Ngrok 后，记得关闭服务，否则别人能直接访问你电脑上的指定服务，会有一定的安全风险。
+
+对了，AuthToken 千万别泄露哦！当你们看到这篇文章的时候，我已经按照下图的方式重置 token 了~
+
+![](https://pic.yupi.icu/5563/202311071412951.png)
+
+## 其他应用场景
+
+除了给别人展示自己本地的项目外，内网穿透还有很多应用场景。
+
+比如上面提到的，在协作开发项目时，通过内网穿透让别人随时访问自己电脑上正在开发的网站或服务，而没必要反反复复把开发到一半的项目部署到服务器上、再去更新。
+
+再比如开发微信公众号后台服务时，需要填写一个服务的域名来接受来自微信侧的请求，如果你没有域名和线上服务器，用内网穿透生成一个即可，还能直接在本地 Debug 程序。
+
+![](https://pic.yupi.icu/5563/202311071412943.png)
+
+希望大家学会这种 “上线” 方式，还是非常实用的~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\206\231\344\272\2067\345\271\264\344\273\243\347\240\201\357\274\214\347\254\254\344\270\200\346\254\241\350\247\201\350\277\231\344\271\210\347\213\227\350\241\200\347\232\204\345\260\217Bug\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\206\231\344\272\2067\345\271\264\344\273\243\347\240\201\357\274\214\347\254\254\344\270\200\346\254\241\350\247\201\350\277\231\344\271\210\347\213\227\350\241\200\347\232\204\345\260\217Bug\357\274\201.md"
new file mode 100644
index 0000000..1bcd8e8
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\206\231\344\272\2067\345\271\264\344\273\243\347\240\201\357\274\214\347\254\254\344\270\200\346\254\241\350\247\201\350\277\231\344\271\210\347\213\227\350\241\200\347\232\204\345\260\217Bug\357\274\201.md"
@@ -0,0 +1,84 @@
+# 写了7年代码，第一次见这么狗血的小Bug！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+刚刚修我们鱼聪明 AI 助手平台的一个 Bug，结局很狗血！赶紧给大家分享一下，顺便也分享下标准的排查 Bug 思路。
+
+事情是这样的，有小伙伴在鱼聪明平台（https://www.yucongming.com）创建了一个 AI 助手，名称为【软件开发人员】。当我搜索 “软件开发” 时，能搜出这个模型：
+
+![](https://pic.yupi.icu/5563/202311071935716.png)鱼聪明 AI 助手
+
+结果搜索 “软件开发人员”，也就是助手的全名称时，竟然搜不出结果了？！
+
+![](https://pic.yupi.icu/5563/202311071935699.png)鱼聪明 AI 助手
+
+遇到这种事，先从前端出发：第一时间确认前端发送的请求参数是否正确。
+
+按 F12 打开网络控制台，发现搜索关键词传的没毛病：
+
+![](https://pic.yupi.icu/5563/202311071935738.png)
+
+然后鱼皮顺着网线爬到后端，先要确认一下从数据库中有没有查出最原始的数据，再考虑是不是被业务代码过滤掉了。
+
+在本地开启数据库的查询日志，用的是 MyBatis Plus 框架，开启日志的代码如下：
+
+```
+mybatis-plus:
+  configuration:
+    map-underscore-to-camel-case: false
+    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
+```
+
+再次执行搜索，打印出的 SQL 记录如图：
+
+![](https://pic.yupi.icu/5563/202311071935711.png)
+
+把参数拼到 SQL 语句模板中，就是 name like '%软件开发人员%'，看上去没有任何问题。
+
+再次验证，接下来我们把拼接好的 SQL 放到数据库控制台进行真实查询：
+
+![](https://pic.yupi.icu/5563/202311071935687.png)
+
+结果查询结果为 0：
+
+![](https://pic.yupi.icu/5563/202311071935636.png)
+
+奇怪了，难道数据库中没有这条记录？但是为啥搜索 “软件开发” 的时候，能搜出这个助手呢？
+
+然后我又用助手的 id 去数据库中查询，发现确实有名称为 “软件开发人员” 的数据。
+
+![](https://pic.yupi.icu/5563/202311071935539.png)
+
+气了气了，为啥查不出来啊？！大家也可以猜一猜。
+
+这个时候我其实已经有想法了，难道是数据库中存储的 name 和我们看到的 name 格式（或者字符）不一致？于是我就从数据库中把 name 的值复制出来，如图：
+
+![](https://pic.yupi.icu/5563/202311071935707.png)
+
+结果，从数据库中复制出来的 name 作为查询条件，是能查出结果的！
+
+于是就有了下面这张神奇的截图，两个 “一模一样” 的 SQL 语句，一个有结果，一个没结果：
+
+![](https://pic.yupi.icu/5563/202311071935846.png)
+
+基本就可以确认了，此 “软件开发人员” 非彼 “软件开发人员”，这两个字符串是不一致的！
+
+于是我分别用这两个字符串来生成 MD5 Hash 码，发现 Hash 码不同，说明原字符串不同。
+
+![](https://pic.yupi.icu/5563/202311071935052.png)
+
+再进行更精确地对比，发现是 “人” 字不同：
+
+![](https://pic.yupi.icu/5563/202311071935312.png)
+
+坑啊！谁能看出来这两个 “人” 字有区别！
+
+到底有啥区别呢？问下鱼聪明 AI 吧~
+
+![](https://pic.yupi.icu/5563/202311071935089.png)
+
+结果一秒破案：原来第一个 “人” 是全角字符。所以程序本身没有任何 Bug，这真的是泰裤辣！
+
+大概整个案件就是这样。所以说，我们看到得未必是真实的，这个 Bug 让我想起了很多朋友初上大学时经常把中英文逗号、中英文冒号搞混，这种 Bug 真是让人哭笑不得。希望各位程序员朋友们，尽量不要遇到吧，遇到了的话，想想我这篇文章，说不定就有了解决的思路呢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\215\203\344\270\207\345\210\253\345\274\272\345\210\266\345\201\234\346\234\272\357\274\201\346\210\221\345\230\264\351\203\275\346\260\224\346\255\252\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\215\203\344\270\207\345\210\253\345\274\272\345\210\266\345\201\234\346\234\272\357\274\201\346\210\221\345\230\264\351\203\275\346\260\224\346\255\252\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..97ca58e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\215\203\344\270\207\345\210\253\345\274\272\345\210\266\345\201\234\346\234\272\357\274\201\346\210\221\345\230\264\351\203\275\346\260\224\346\255\252\344\272\206\357\274\201.md"
@@ -0,0 +1,163 @@
+# 千万别强制停机！我嘴都气歪了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+有一天，鱼皮正在愉快地写技术文章，结果电脑啪地一下就蓝屏了！
+
+![](https://pic.yupi.icu/5563/202311071933242.png)
+
+哦豁，完蛋，写了几千字，忘了保存！
+
+![](https://pic.yupi.icu/5563/202311071933070.jpeg)
+
+我盲猜很多同学都有这种体验，可能因为一些突发意外，导致自己的电脑强制停机了，丢失了自己当前的工作。
+
+同样，对于企业，所有的网站、应用、数据、服务都是挂在服务器上的，一旦意外发生，比如被挖断了电线、遭遇了自然灾害，会导致服务器被强制停机，使得机器上 **所有进行中的程序被强制中断**，后果不堪设想！
+
+有同学就笑了，不就是程序被强制中断么，我们自己偶尔也会用任务管理器或者 `kill -9` 命令杀个进程啊，抓紧重新启动程序不就好了，有啥大不了的？
+
+![](https://pic.yupi.icu/5563/202311071933114.jpeg)
+
+的确，我以前也是通过强杀进程来下线和升级服务的，干脆利落爽。但直到后来有一次，因为强杀进程导致了线上事故，造成了经济损失和加班，把我嘴都气歪了！我才意识到自己之前太粗暴、想法太简单了。
+
+**其实，一个程序被强制中断，除了无法提供服务外，还有很多严重的后果！**
+
+#### 1. 请求丢失
+
+对于一个 web 服务器，比如 Java Web 开发中主流的 Tomcat。当接受到请求时，会开启一个线程来处理该请求。而如果请求数较多，线程处理不过来，就会将此请求放入等待队列中，排队等待空闲线程。
+
+![](https://pic.yupi.icu/5563/202311071933060.png)
+
+> 等待队列
+
+假设 web 服务进程突然中断，会导致所有在内存队列中等待执行的请求丢失，等了半天，等了个空！
+
+#### 2. 业务中断
+
+一旦进程中断，会导致 **所有** 正在执行的业务中断，会导致很多意想不到的后果。
+
+比如有一个检查数据的任务，要检查所有数据库中状态为 0 的数据是否正确，代码流程如下：
+
+```
+// 开始检查，数据状态由 0 置为 1
+startCheck();
+// 检查
+doCheck();
+// 结束检查，将正确的数据状态置为 2
+endCheck();
+```
+
+假设刚把数据的状态置为 1，表示正在检查中。然后程序就中断了，会导致以后这条数据的状态始终为 1，再也不会被检查。
+
+同理，如果已经检查完，并且数据正确，本来应该将数据状态置为 2，但这时程序中断，也会导致 **数据的状态和预期不一致**。
+
+以上只是一个简单的例子，但实际的业务场景中，业务中断可能直接影响收益，尤其是涉及交易的支付转账业务，如果用户已经付款，却因为程序的中断，没有存储付款记录，那这个支付业务不是真要凉凉？
+
+#### 3. 事务中断
+
+数据库事务是指对数据库的一系列 **不可分割** 的操作，具有一致性，每次执行必须使数据库从一个一致性状态变到另一个一致性状态。
+
+比如转账业务中，用户 A 要给用户 B 转账 1 元，用户 A 扣除 1 元，用户 B 就要增加 1 元。
+
+![](https://pic.yupi.icu/5563/202311071933073.png)
+
+但如果用户 A 已扣除 1元后，应用程序或者数据库系统突然挂了，导致事务尚未完成就被迫中断，结果用户 B 的总金额并没有变化。这时数据库就处于不一致状态。同理，即使在程序中设计了回滚，回滚过程也可能会被中断！
+
+除了数据不一致外，事务中断还可能导致锁行、锁表，使得这部分 **数据的可用性受到影响**。
+
+#### 4. 文件损坏
+
+假设程序正在向一个文件进行写操作，还未完成，就被中断了，可能会导致文件的不完整、甚至损坏。
+
+这让我想起小时候，电脑配置不高，有时玩游戏会卡住，然后我就强制杀了进程，结果导致游戏文件损坏，只能重新下载游戏。
+
+![](https://pic.yupi.icu/5563/202311071933122.jpeg)
+
+> 文件损坏
+
+#### 5. 任务丢失
+
+我们在编写业务代码时，经常会将比较耗时的任务异步化，将任务提交到线程池后立即返回成功。线程池会从任务队列中依次读取并执行任务。
+
+而一旦程序中断，线程池中的任务就会丢失，**好像他从来没有被提交过一样**。这种感觉就像你答应别人要做一件事，别人对你很放心，但你最后却放了鸽子跑路了。
+
+![](https://pic.yupi.icu/5563/202311071933794.jpeg)
+
+#### 6. 数据丢失
+
+有时，我们会先将数据临时放在内存中，然后定期、定时、或者分批地持久化到数据库或本地磁盘中。
+
+比如 Redis 数据库的 RDB 机制，每隔一段时间，会将内存中的数据进行本地备份，从而降低大量数据并发写入时的负载，提升性能。
+
+但就像上面提到的任务丢失一样，一旦程序中断，可能会导致很多 **未持久化的数据丢失**，比如缓存、分批提交数据等。
+
+![](https://pic.yupi.icu/5563/202311071933971.png)
+
+#### 7. 消息丢失
+
+在分布式系统中，各个节点间经常通过消息来进行交互和协作，而程序的中断可能会在不同情况下导致消息丢失。
+
+##### 1. 消息未发出
+
+假设某支付业务中，已经扣除了用户的账户余额，并更新了数据库，接下来要向客户端返回应答消息。
+
+但是消息正在发送队列中排队等待发送时，由于进程被强制退出导致消息未发出，从而导致应答消息丢失。客户端久久接收不到消息后，可能会发起重试，导致重复更新。
+
+![](https://pic.yupi.icu/5563/202311071933147.png)
+
+> 消息未发出
+
+##### 2. 消息未确认
+
+比如说某段业务代码从消息队列中取出了一个消息，进行消费处理，代码流程如下：
+
+```
+// 获取下一个消息
+Message msg = getNextMsg();
+// 处理消息
+int res = handleMsg(msg);
+// 处理成功？
+if(res == 0) {
+ // 确认消息
+  ack();
+} else {
+  // 拒绝确认消息
+  nack();
+}
+```
+
+无论消息处理成功与否，都必须要给消息队列一个回复！如果处理成功，要告诉他这条消息已经被我处理完成啦，请给我下一条消息；即使处理失败，也要告诉消息队列，请给我重发本条消息。
+
+而一旦程序中断，这条消息的处理结果便无人知晓，可能导致消息队列的 **阻塞或者无限重发**（根据具体消息队列来决定）。
+
+#### 8. 资源占用
+
+程序的强制中断可能会导致很多资源的占用未被释放。比如：
+
+1. 空间占用：如已分配的内存未回收，临时文件未被删除等。
+2. 端口占用：会导致这个端口无法被其他应用程序使用。很多同学在本地调试时，应该也会遇到因为强退导致的 3000、8080 端口未被释放的问题。
+3. 连接占用：比如和远程的服务建立了 Http 连接，由于连接未被释放，会浪费一个连接数，就像买了电影票却不去一样。
+
+#### 9. 服务未下线
+
+在微服务场景下，服务通常由集中的注册中心进行统一的服务发现和管理。
+
+比如 Eureka 注册中心，服务生产者向注册中心注册服务，服务消费者从注册中心获取服务地址，然后远程调用：
+
+![](https://pic.yupi.icu/5563/202311071933160.jpeg)
+
+> Eureka 注册中心
+
+而一旦某个服务进程还没有即时通知注册中心它要下线，就中断了，会导致服务消费者仍能获取到该服务的路由，从而调用失败。
+
+此外，服务下线时如果未向上游（该服务调用方）通知，还可能导致上游的持续调用，严重时会产生雪崩效应，整条服务链路中断！
+
+尤其是在分布式场景下，出现进程强制中断对集群的影响（比如数据一致性）非常大。正如 **FLP不可能定理** 的描述：在异步通信场景，即使只有一个进程失败，也没有任何算法能保证非失败进程达到一致性。
+
+------
+
+其实，相比起这些问题，更可怕的是，如果没有完善的数据监控和检测机制，你甚至完全不知道在强制停机后有没有出现问题？出现了哪些问题？哪些数据丢失？哪些数据不一致？哪些任务需要补偿？看不见的危险才最可怕啊！
+
+因此，预防大于治疗。一方面要养成良好习惯，无论是对自己的电脑还是服务器，都千万不要再主动强制停机了；另一方面，也要在程序设计时，做好应对意外停机的防控措施。不要等到失去了，才追悔莫及。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\244\247\345\216\202\346\234\272\345\257\206\357\274\20130 \344\270\252\346\217\220\345\215\207\345\233\242\351\230\237\347\240\224\345\217\221\346\225\210\350\203\275\347\232\204\351\224\246\345\233\212.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\244\247\345\216\202\346\234\272\345\257\206\357\274\20130 \344\270\252\346\217\220\345\215\207\345\233\242\351\230\237\347\240\224\345\217\221\346\225\210\350\203\275\347\232\204\351\224\246\345\233\212.md"
new file mode 100644
index 0000000..6fff10c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\244\247\345\216\202\346\234\272\345\257\206\357\274\20130 \344\270\252\346\217\220\345\215\207\345\233\242\351\230\237\347\240\224\345\217\221\346\225\210\350\203\275\347\232\204\351\224\246\345\233\212.md"	
@@ -0,0 +1,534 @@
+#  大厂机密！30 个提升团队研发效能的锦囊
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+互联网大公司价值上亿的项目背后，团队成员是怎么高效协作开发的？
+
+和我自己开发辣条项目时有什么区别？
+
+看完本文，保证让你大开眼界！
+
+![](https://pic.yupi.icu/5563/202311071421890.jpeg)
+
+鱼皮在学校的时候，做过很多项目，但大部分都是练手的 Demo。基本都是单兵作战，毫无章法。
+
+大二暑假，我第一次进入企业实习，要和同事合作开发一个大项目，对于企业中的条条框框和同事写的烂代码非常不适应，整天大呼同事不讲码德！
+
+![](https://pic.yupi.icu/5563/202311071421722.jpeg)
+
+大三来到字节跳动实习，还是和同事一起开发一个新项目，那会儿仍然不适应团队开发，最烦的事就是每次写完代码，都要让同事检查几遍，确认没问题后还要在他的监护下才能发布上线。
+
+后来走出校园，来到腾讯，接触到了更大的团队、更大的项目，但起初我还不能很好的适应团队开发，依旧保持个人开发时的野性，导致效率非常低。
+
+经过在鹅厂一年多的摸爬滚打，如今的我，终于能够熟练运用企业的各种资源来提升自己和团队的研发效率了！
+
+![](https://pic.yupi.icu/5563/202311071421885.jpeg)
+
+我总结了 30 个提升团队研发效能的锦囊，完整覆盖项目的各研发流程，分享给大家~
+
+![](https://pic.yupi.icu/5563/202311071421882.png)项目研发流程
+
+#### 1. 技术选型
+
+想要提升团队开发效率，在投入项目开发前，必须确认项目的技术选型。比如项目选用哪种编程语言、选用哪个开发框架、选用哪些依赖库、选用哪个测试框架、选用哪种数据库、选用哪些中间件等等。
+
+技术选型是一门大学问，通常不是由一位技术大牛或架构师一锤定音的，而是要大家开会讨论，结合具体的业务场景进行分析，并且对技术进行充分的研究，最后共同确认一个较为合适的选型方案。
+
+**技术选型的考量要素非常多，比如：**
+
+1. 团队成员对技术的熟悉程度。团队成员对技术越熟悉，培训成本越小，开发效率越高。在一个都是  Java 工程师的团队提出使用 C++ 简直不讲码德！
+2. 团队对技术的掌控度。团队内至少要有一个人非常了解该技术，懂得最佳实践，能够指导团队正确运用技术，并解决疑难问题。
+3. 技术的主流程度和生态。技术越主流，文档、实践和解决方案就越多，而使用冷门技术可能出现无法解决的问题，整段垮掉！
+4. 技术和业务的贴合程度。技术是为业务服务的，因此必须结合具体的业务场景去选用技术。比如在只有几个用户使用的小网站中运用微服务框架是一个愚蠢的选择。
+
+![](https://pic.yupi.icu/5563/202311071421338.jpeg)
+
+#### 2. 开发工具
+
+工欲善其事，必先利其器。
+
+在开发前，选择一款优秀的开发工具，并且学习如何高效地使用它吧！很多开发工具都自带了代码检查、代码格式化等功能，还有很多快捷键，这将大大提升我们的开发效率和开发体验。
+
+目前比较主流的开发工具有 `JetBrains 全家桶`、`Vscode`、`Sublime` 等等，不必沉迷于某一款开发工具无法自拔，可以针对项目的类别和体积进行选择。
+
+除了本地的开发工具外，还可以使用云端的开发工具，比如 `Cloud Studio`，无需下载任何软件，直接在浏览器中进行开发和调试、实时浏览。对于小型项目的开发也许是一个不错的选择。
+
+![](https://pic.yupi.icu/5563/202311071421035.png)
+
+> Cloud Studio 在线开发
+
+#### 3. 代码规范
+
+在开发前，为团队或项目制定一套代码规范太有必要了。
+
+好的代码规范能够帮助团队成员阅读理解他人的代码，提升协作开发效率和团队氛围。
+
+试想，如果你习惯代码缩进两格，而其他同学都缩进四格，会不会感到很懊恼？
+
+![](https://pic.yupi.icu/5563/202311071421208.png)
+
+#### 4. 脚手架
+
+在开发一个新项目前，通常由架构师或熟悉技术框架的同学来搭建项目的基本结构、编写 Demo，其他同学只需要在此基础上遵循规范进行开发（复制粘贴）就好。
+
+如今，项目结构越来越复杂，我们不可能手动创建一个又一个文件。
+
+懒人推动世界，很多框架自带了**脚手架**，能够让我们通过输入一两行命令，快速生成项目的基本结构、默认配置文件、甚至是可直接运行的 Demo，避免了不必要的重复工作，大大提升开发效率！
+
+比如前端框架 `Vue` 的脚手架 `Vue Cli` 和前端框架 `React` 的脚手架 `Create React App`。
+
+![image-20231107142330762](https://pic.yupi.icu/5563/202311071423956.png)
+
+> 脚手架演示
+
+#### 5. 低代码构建
+
+低代码是指**少写代码或不写代码**。通过对应用场景的极致抽象和模板化，将写代码的工作交给机器来自动生成。
+
+就像现在网上很多 App 和网站制作平台，只需要在界面上选择元素、点点拖拖，就能够自动创建出应用，根本不需要写任何代码，哪怕是不会编程的人也能轻松使用。
+
+低代码构建在企业中非常流行，是提升团队开发效率的神器，几乎每个大公司都有自己的低代码构建平台。业界比较知名的低代码平台有 Google 的 `App Maker` 和微软的 `Power Apps` 等。
+
+![](https://pic.yupi.icu/5563/202311071421039.jpeg)
+
+> Power Apps 画布的图像
+
+#### 6. 内部依赖仓库
+
+在开发中，我们经常需要下载大量的依赖包，还要将开发好的依赖包进行上传。
+
+但是，通常软件依赖源都是国外的服务器，比如 `Maven` 和 `npm` 源，从国内下载依赖的速度非常慢。虽然下载慢的问题可以通过配置国内镜像源得到一定程度的解决，但是无法直接在公有软件源上传私有包。
+
+因此，通常企业都会在内网搭建私有软件源，即**内部依赖仓库**，便于内部依赖管理，大大提升拉取效率。
+
+目前最常用的内部依赖仓库是 `Nexus`。
+
+![](https://pic.yupi.icu/5563/202311071421089.png)
+
+> Nexus 仓库
+
+#### 7. 本地开发热更新
+
+很多年前，在我还有一双清澈的双眼的时候，我在本地开发网站都是改一行代码，然后切换到浏览器里刷新看效果，然后再改代码，再刷新，如此往复，非常难受。尤其是开发后台应用时，哪怕在代码中改了一个字母，都要去重启项目！
+
+现在想想，效率实在是太低了。
+
+如今，本地开发热更新是程序员开发提效必备的神器，启动一个开发服务器，让它自动监听代码文件。当代码更新时，运行中的项目也会自动更新，从而省去了无止尽的刷新和重启。
+
+在前端，比较知名的热更新工具有基于 HMR 技术（模块热替换 hot module replacement）的 `Webpack Dev Server`；在 Java 后端有 热部署插件 `JRebel`。
+
+![](https://pic.yupi.icu/5563/202311071421079.png)
+
+> JRebel 简化流程
+
+#### 8. Serverless
+
+Serverless 是最近几年逐渐流行的概念，翻译过来就是 “无服务器”。
+
+以前，我们要搭建网站的后台，首先要买服务器，然后将一个大而全的项目包部署到服务器上，整体对外提供服务，所有的系统资源和进程都需要由我们自己来管理。
+
+![](https://pic.yupi.icu/5563/202311071421522.png)
+
+> 单体架构
+
+随着云计算时代虚拟化、容器、微服务等技术的发展，人们将大项目的通用部分抽象成一个个细小的服务，每个服务只提供一个或几个功能，独立部署在比服务器更轻量且无状态的**容器**中，共同对外提供服务，组成一个完整的系统。
+
+![](https://pic.yupi.icu/5563/202311071421033.png)
+
+> Serverless 架构
+
+而 Serverless 不是指完全不需要服务器，而是让开发者感受不到服务器的存在。
+
+什么意思呢？其实就是把对服务器的需求外包给厂商，我们只管写代码，让他们负责部署和运维。我们花钱，他们办事！
+
+目前国内有很多 Serverless 服务提供商，如阿里云、腾讯云、LeanCloud 等，使用这些 Serverless 服务后，我们无需再关心服务器的运行，只需要专心写业务逻辑就可以了，能够大大提升开发和维护效率，省时省心。
+
+![](https://pic.yupi.icu/5563/202311071421766.jpeg)
+
+#### 9. 代码托管
+
+很多年前，我们的代码几乎都存在自己的电脑里，通过 U 盘或者网络传输代码文件来实现合作开发。
+
+而如今，代码托管平台已经成为团队合作开发的灵魂。
+
+相信很多小伙伴都接触过 `GitHub`，世界上最大的代码开源托管平台。每个人都可以把自己的代码发布到 `GitHub` 上，作为一个代码仓库，随时随地远程管理。还可以搜索和浏览其他人发布的代码仓库，以此实现高效地合作开发，促进项目的完善。
+
+为了保证代码的安全保密性，一般在公司或团队内部都会自己搭建一个代码托管平台，比较知名的有 `GitLab`，可以针对不同的项目为成员分配权限，更好地管理团队的代码。
+
+![](https://pic.yupi.icu/5563/202311071421045.jpeg)
+
+> GitLab
+
+#### 10. 本地代码检查
+
+在代码提交之前，首先应该在本地进行代码检查，及时发现一些低级的语法错误，防止被团队的其他同学嘲笑。
+
+![](https://pic.yupi.icu/5563/202311071421547.jpeg)
+
+大多数集成开发工具自带了代码检查功能，边敲代码边检查，非常爽。
+
+此外，我们还可以配置 `Git Hooks`，在代码提交前自动执行代码检查，`npm` 项目可以通过 `Husky` 插件实现，还能配合 `ESLint` 实现代码自动修复。
+
+![](https://pic.yupi.icu/5563/202311071421819.png)
+
+> ESLint
+
+#### 11. 代码提交规范
+
+团队越大，规范就越重要。
+
+只有代码编写规范还不够，还要在团队内制定一套代码提交规范，通常是**约定式提交规范**，即让成员在提交代码时填写指定格式的 `Commit Message`，比如下面的格式：
+
+```
+<提交类型>[可选的作用域]: <描述>
+
+[可选的正文]
+
+[可选的脚注]
+```
+
+指定代码提交规范不仅能够帮助成员快速理解每次提交的改动点，提升代码审查效率；更大的作用是让一些自动化工具理解提交信息以进行一些有意义的工作，比如生成 `Change Log`（代码改变日志）。
+
+可以参考一些大公司的代码提交规范，并通过 `commitlint` 和 `commitizen` 等插件实现自动修复不规范代码。
+
+![image-20231107142439285](https://pic.yupi.icu/5563/202311071424493.png)
+
+> commitlint 代码提交规范检查
+
+#### 12. 代码审查
+
+在团队开发中，写代码可不能像自己练习编程时一样肆无忌惮。
+
+在合作开发时，可以为每位开发者分配一个分支，在自己的分支编写和提交代码，也可以按照需求来建立分支。确认开发测试完成后，发起一个 MR（Merge Request 合并请求），将小分支的代码合并到公共的主线分支即可。
+
+![](https://pic.yupi.icu/5563/202311071421926.png)分支合并
+
+主线分支的代码通常是能够直接发布上线、稳定运行的。因此，为了保证项目代码的质量，每次合并代码到主线分支前，必须要进行**代码审查**（CR，即 Code Review），就是让同事或上级阅读和审批你的代码，觉得没有问题后，才能够执行代码合并。
+
+通常，代码变更越大、项目越重要，代码审查所需人数越多，越能够发现一些个人无法发现的风险和问题。因此，代码审查是大公司研发流程的关键一环和重要防线。虽然不能直接提升研发效能，但是能有效避免线上事故的发生，减少程序员不必要的工作量和心理压力。
+
+![](https://pic.yupi.icu/5563/202311071421784.jpeg)
+
+> 代码审查
+
+#### 13. CI/CD 流水线
+
+CI/CD 即持续集成/持续交付。
+
+在敏捷开发时代，哪怕是一个小团队，每天也会有几次的代码提交，如果长期不合并，可能就会出现代码冲突。
+
+![](https://pic.yupi.icu/5563/202311071421216.png)
+
+> 代码冲突
+
+因此，**持续集成**的意义在于，通过每天定时将各个开发人员的代码合并到同一个代码仓库中，以尽早发现代码冲突和错误，帮助团队更紧密地开发协作。
+
+当我们开发完项目，想要发布上线时，要先登录服务器，然后在服务器上拉取代码仓库中的项目代码，然后执行打包命令，最后通过脚本运行项目。
+
+如果只需要在一台服务器上部署，其实还不算太麻烦，但是如果要在几十台机器上部署呢？要一台一台地登录服务器然后重复着上述工作么？
+
+![](https://pic.yupi.icu/5563/202311071421192.jpeg)
+
+懒人推动世界，这时我们就需要**持续交付**，将构建部署的每个步骤由人工转变为机器自动操作，原理类似编写了一个自动化构建脚本，在代码合并到仓库时触发脚本的执行，在各机器上自动拉取新代码并打包发布。
+
+目前主流的 CI/CD 平台是 `Jenkins` 老爷爷，可以配合代码托管平台 `GitLab` 等实现完全自动化打包、构建、发布，再也不用开发人员一台台登录机器去执行重复的命令了，不仅大大提升了团队研发效率，还保证了发布流程的规范和安全性。
+
+![](https://pic.yupi.icu/5563/202311071421885.png)
+
+> Jenkins 爷爷
+
+毕竟总有些内鬼程序员借着发布的名义偷偷登录服务器执行 `rm -rf *`。
+
+![](https://pic.yupi.icu/5563/202311071421518.jpeg)
+
+#### 14. 监控告警
+
+为了在第一时间发现线上项目存在的问题，我们通常会在代码中添加告警逻辑，当某段代码执行异常时通过邮件、短信、微信、电话等方式联系项目负责人。
+
+![](https://pic.yupi.icu/5563/202311071421750.jpeg)
+
+但有时，我们可能会针对某些指标在一段时间内的统计值设置告警。比如当机器内存占用超过 80% 且持续 5 分钟才告警。这些告警逻辑和业务本身关系不大，如果都写死在代码里，不仅耗时，而且难以维护。
+
+可以在团队内搭建**监控告警平台**，通过在机器上部署代理或者在代码中使用上报 SDK 等方式来让告警平台统一收集项目运行时的各个指标，比如机器负载、网络负载、异常信息等。
+
+监控告警平台提供配置界面，可以灵活地配置告警规则，比如 1 分钟内收集到 2 个报错就发邮件告警、收集到 5 个报错就发短信等。
+
+完善的监控告警平台还能够对历史告警信息进行管理和详情查看，以及可视化展示各指标图表等。不仅减少了我们开发时的工作量，也能帮助我们更快地分析和排错。
+
+Zabbix 是比较知名的开源监控解决方案，几乎能对任何 IT 基础架构、服务、应用程序和资源进行监控和告警，全面且专业。
+
+![](https://pic.yupi.icu/5563/202311071422558.png)
+
+> Zabbix 监控
+
+#### 15. 日志平台
+
+通常，已上线的项目出现问题时，我们会通过查看日志文件来定位和排查问题。
+
+如果项目比较小，仅仅在单台服务器上部署，那么只需要登录这台服务器，输入命令来查看日志即可。
+
+但团队的项目量级较大时，通常会部署到多台机器上，而且每台机器上的日志量都非常大，以人工的方式一台台登录服务器，然后在数以万计的日志中去找到自己想要的关键信息，是非常低效又恶心的！
+
+![](https://pic.yupi.icu/5563/202311071421491.png)
+
+> 杂乱的日志
+
+日志不讲武德，可以搭建一个统一的日志平台来治治它们。将各台机器上分散的日志收集到日志平台，然后通过可视化的界面去集中管理和搜索日志，大大提升了查阅日志的效率和体验。
+
+目前比较主流的技术是 `Elastic Stack`（`Elasticsearch` + `Logstash` + `Kibana` + `Filebeat`） ，使用它可以搭建一套企业级日志平台，轻松管理上百万甚至是上亿的日志数据。
+
+![](https://pic.yupi.icu/5563/202311071422745.gif)
+
+> Kibana 日志可视化
+
+#### 16. 接口文档平台
+
+现在很多的项目都采用前后端分离的方式进行开发，前端同学写界面，后端同学提供接口。如果没有一个规范的接口文档，声明每个接口的协议、请求参数、响应参数等，很容易导致前端请求错误。
+
+传统的方式是由后端同学手动编写接口文档，接口改动时，文档也要改动，非常低效且不利维护。
+
+其实，我们可以将接口文档平台化，通过 `Swagger` 等工具自动生成精美的接口文档网站，开发者还可以在网站上直接测试各个请求，告别了手动编写文档的低效繁琐，提升了开发和协作效率。
+
+![](https://pic.yupi.icu/5563/202311071422293.png)
+
+> Swagger 接口文档
+
+#### 17. 接口测试平台
+
+测试是对研发质量的保障。
+
+我们写完代码后，不仅要在本地测试，还要在测试环境、预发布环境、线上环境都进行测试验证。项目越大，对测试的要求越高，也就越麻烦。
+
+通常我们会使用 `Curl`、`Postman` 等工具进行接口测试，简单易用。但是有些时候，本地网络（公网）和测试环境（内网）的网络不互通怎么办？
+
+可以在团队内部搭建接口测试平台。提供一个 web 界面，无需下载任何软件，就可以轻松地创建各种接口测试，编写各种测试用例，创建测试计划。最棒的是还能切换不同的测试环境，以及多人共享测试等等。大大提高了测试效率和质量。
+
+![](https://pic.yupi.icu/5563/202311071422056.jpeg)
+
+#### 18. 即时协作
+
+天下武功，无快不破。为追求更高的协作效率，可以使用一些即时协作工具。
+
+比如在协作开发同一个项目时，可以使用开发工具 `Vscode` 的 `VS Live Share` 插件，支持多人连线，团队成员可以同时对文件进行编辑，甚至还能看到对方的光标！
+
+![](https://pic.yupi.icu/5563/202311071422339.png)
+
+> Live Sharing with VS Code
+
+在多人编写同一个文档或表格时，可以使用腾讯文档，实时看到其他成员的光标位置和对文档的改动，尤其是在开会时，这个功能将非常有用。
+
+![](https://pic.yupi.icu/5563/202311071422339.gif)
+
+> 腾讯文档
+
+使用即时协作平台不仅可以提升效率，还能以最快的速度发现冲突，发现有人正在写烂代码可以直接打字提示他。
+
+#### 19. 团队知识库
+
+团队在开发项目的过程中，肯定会产生很多有用的知识，比如技术选型过程、线上事故的分析处理过程、技术文档、产品文档、业务介绍等。这些知识是团队成员共同积累的财富，日后可能要给其他同学阅读学习，因此必须妥善保存。
+
+以前的做法是，大家把想共享的文件传到一个公共的网盘中，需要时下载到自己的电脑上。当网盘的文件更新时，还要再重复下载，非常地低效。
+
+现在的项目团队，一般都有自己的团队知识库，通常是云端网站的形式，所有的成员可以在知识库中上传想要保存和分享的文档，也可以直接在知识库中编写文档。想要学习知识的同学直接登录知识库网站，搜索文档即可，还能够对优秀的文档进行收藏。
+
+团队知识库不仅能够更好地维护和沉淀团队的知识，还能提升大家编写和阅读文档的效率，更好地进行知识协作共享。
+
+比较不错的在线团队知识库有阿里语雀、腾讯乐享、Wiki、Confluence 等。
+
+![](https://pic.yupi.icu/5563/202311071422983.png)
+
+> 语雀知识库
+
+#### 20. 进程监控
+
+有时，我们线上运行的项目进程可能因为某些意外而退出，而且没有被任何人及时发现，这可能会对团队造成巨大的损失。
+
+为了保证线上项目的高可用，可以开启**进程监控**，当项目进程退出时，自动重启该进程并且向负责人发送告警，一定程度上减少了事故的影响，也省去了手动重启进程的操作。
+
+可以自己编写进程监控脚本，也可以使用一些现成的监控程序，比如 `Supervisor` 和 `Monit` 等。
+
+![](https://pic.yupi.icu/5563/202311071422603.jpeg)
+
+> Monit 监控
+
+#### 21. 前端监控统计
+
+前端监控主要包括对页面的性能监控、错误监控和用户行为监控。对于 C 端项目而言，前端监控非常重要。通过性能监控，可以分析页面性能的不足，优化页面，提升用户体验。通过错误监控，可以在用户进行某些误操作时第一时间通知到项目负责人，并进行相应的处理。通过行为监控，可以获取 UV、PV、IP、点击流等等，从而分析用户的使用习惯，改进产品。
+
+如果没有前端监控平台，开发者要自己收集各用户行为指标，且只能通过不断地测试来分析页面性能的不足，会产生很多额外的工作量。
+
+有很多现成的前端监控平台，比如百度统计、专注错误监控的 `Sentry`、腾讯的 `Aegis` 等，直接申请账号接入即可，省去了自己搭建的麻烦。
+
+![](https://pic.yupi.icu/5563/202311071422049.png)
+
+> 百度统计
+
+#### 22. 任务调度平台
+
+在日常开发中，少不了执行定时任务，比如每天检测数据是否正常、定时发送邮件、同步数据等。如果把这些任务都写死在代码中去执行，即使用一些定时任务框架，当任务多了，也会变得难以管理。而且无法控制任务的执行状态，还有可能导致一些单次任务的重复执行，造成风险！
+
+因此，需要统一的**任务调度平台**来管理任务。可以通过平台界面实时查看各任务的执行情况，还能够灵活地控制任务的启停、执行参数、超时时间等。甚至可以将任务调度到多台机器同时执行。降低风险的同时提升了管理定时任务的效率。
+
+有一些优秀的开源任务调度平台如 `Elastic Job` 和 `XXL-JOB`，可以直接搭建使用。
+
+![](https://pic.yupi.icu/5563/202311071422479.jpeg)
+
+> XXL 任务调度平台
+
+#### 23. 配置中心
+
+任何项目都离不开配置，比如数据库连接密码、第三方服务调用地址等。
+
+如果把配置都写死在代码中，或者是项目包里的配置文件中，当配置需要修改时，我们就不得不修改项目文件，提交代码，重新打包，再发布上线，非常麻烦。
+
+而且有些时候，由于多个项目使用了相同的配置，在改动一行配置时，可能要去修改多个项目，不仅麻烦，而且存在漏改的风险。
+
+因此，我们需要一个配置中心来集中管理那些经常变化的、同时被多个项目使用的配置。
+
+比较好用的配置中心有携程的 `Apollo`、阿里的 `Nacos` 等，可以直接在界面上创建和发布配置，还能对配置进行版本控制，灵活地升级和回退。使用配置中心能够提升配置管理的效率，同时避免重复地改动项目的配置文件。
+
+![](https://pic.yupi.icu/5563/202311071422490.png)
+
+> 携程 Apollo 配置中心
+
+#### 24. 链路追踪
+
+假设我们的项目中有一个功能依赖多个第三方接口，该功能的平均执行时间是 50ms。
+
+```
+/**
+ * 获取用户详情（依赖三个接口）
+ */
+function getUserDetail() {
+  let user = getUserById(); // 得到用户基本信息 10ms 
+  user.account = getUserAccount(); // 得到账户信息 20ms
+  user.idcard = getUserIdCard(); // 得到用户身份证信息 20ms
+  return user;
+}
+```
+
+结果有一天，这个功能执行超过了 10 分钟！那怎么排查出是哪个第三方接口出现了问题呢？
+
+当出现复杂的调用关系时，我们可以使用链路追踪系统，通过给每个请求环节绑定唯一 id 并上报时间的方式串联起整条调用链路。在链路追踪系统提供的界面可以轻松地查看整个请求的调用过程，能够帮助我们更快地定位请求中的问题，优化接口的性能。
+
+![](https://pic.yupi.icu/5563/202311071422797.png)
+
+> SkyWalking 链路追踪系统
+
+#### 25. 容器管理平台
+
+以前，团队的项目都是直接部署在服务器上，简单粗暴。但是随着时间的推移，项目会越来越大，最终成长为一个巨石应用。
+
+![](https://pic.yupi.icu/5563/202311071422637.jpeg)
+
+> 滚雪球
+
+随着云计算、容器、微服务等技术的发展，对于一些大型的巨石项目，我们可以将其拆分为独立的微服务，部署在一个个相互隔离的容器中。容器就像一位少女，轻量、优雅而迅速。
+
+一个项目可能需要同时部署多个容器，我们需要对这些容器进行管理和资源的分配。而容器比服务器的粒度更细，数量可能是机器数的几倍，手动去管理他们是很难的。
+
+![](https://pic.yupi.icu/5563/202311071422396.jpeg)
+
+> Docker 容器
+
+因此我们需要容器管理平台，统一管理容器，自动分配资源，并根据容器的资源占用情况进行弹性伸缩，极大地提升运维效率。
+
+K8S（Kubernetes）可以说是最知名的容器管理平台了，很多大公司也都提供容器管理平台的云服务，可以直接接入。
+
+![](https://pic.yupi.icu/5563/202311071422047.jpeg)
+
+> K8S
+
+#### 26. 中台
+
+问个问题，如果让你连续开发 5 个电商系统，当你开发第 6 个电商系统的时候，你会怎么做呢？
+
+肯定要将前 5 个电商系统中能用上的代码粘贴过来对吧！
+
+![](https://pic.yupi.icu/5563/202311071422342.jpeg)
+
+如果你意识到重复开发的麻烦，你就知道有一个中台会多香了，说是提升百倍效率一点也不夸张！
+
+中台的概念近几年来在国内十分火热，可以简单地理解为**被很多系统共用的中间件的集合**。
+
+中台又分为业务中台、技术中台、数据中台、组织中台等。就拿业务中台来说，就是抽象传统的业务场景，把后台的火药等资源整合成前台打仗需要的炮弹，随取随用。
+
+回到上述问题，我们是不是可以将前 5 个电商系统中用到的技术和工具，抽象成一个中台呢？
+
+中台出现之前，由于团队的分散，我们总是在重复建设一个又一个的轮子。而如今，几乎所有的互联网巨头都在建设自己的中台，比如支付中台、直播中台、电商中台等。如果要开发一个新的系统，我们根本不用从零开始，直接使用中台资源就能很方便地完成，很快啊！
+
+![](https://pic.yupi.icu/5563/202311071422501.jpeg)
+
+#### 27. 脚本管理
+
+在开发中，我们经常需要编写一些脚本（可以将脚本理解为简单的程序），来帮助我们更快捷地完成某项任务。
+
+比如我们要去重启一个进程，需要执行关闭进程、清理文件、启动进程三个步骤，可能要输入很多行命令才能完成。
+
+```
+do stop
+do clear
+do start
+```
+
+不妨直接将三个步骤的命令塞到一个 shell 脚本文件里，再次重启进程时，只需要一行命令就行了，很快啊！
+
+```
+./restart.sh
+```
+
+但如果我们想在其他的系统上多次使用这个脚本，怎么办呢？是把编写好的脚本放在自己的电脑上，还是直接扔到服务器上呢？
+
+更好的方式是使用**脚本管理平台**，团队成员可以将自己编写的各种语言的脚本都发布到该平台上，想在其他系统或服务器中使用该脚本时，直接请求脚本的在线链接，脚本将自动下载、执行和清理。
+
+脚本管理平台尤其适合运维同学使用，某种程度上也是通过自动化提升了效率。
+
+#### 28. 可视化数据管理
+
+团队开发肯定离不开数据库，并发量高一点还需要使用缓存、消息队列等中间件。
+
+无论是本地开发，还是在测试、线上环境验证，我们都经常需要查看数据库或者缓存里的数据是否正确。最直接了当的方法就是打开小黑框，用官方提供的命令行连接数据库，然后输入查询命令去查看，这也是很多高级工程师现在还在坚持的做法，因为有 B 格。
+
+![](https://pic.yupi.icu/5563/202311071422847.png)
+
+但是，如果用了分库分表技术，一份完整的数据被分散到多个数据库和数据表中，使用命令行来查看就比较麻烦。因此，我们需要可视化的数据管理平台，比较常用的是本地软件 `Navicat`、`JetBrains DataGrip` 等。
+
+为了更方便地管理数据，团队内部还可以搭建在线的**可视化数据管理平台**，比如面向 `MySQL` 数据库的 `phpMyAdmin`，开发者无需在本地安装任何软件，直接打开网站，输入密码，就能够浏览和操控数据啦！
+
+![](https://pic.yupi.icu/5563/202311071422549.png)
+
+> phpMyAdmin 数据库管理
+
+#### 29. 项目管理
+
+提到项目管理，大家可能觉得和技术研发同学没什么关系，其实不然。
+
+通过项目管理平台，我们能够看到每个需求的优先级和排期，可以合理规划自己的研发安排，掌控进度。有重要的信息，也可以贴到需求详情下，相对正式，能够及时同步到所有需求的参与者，规避一些风险。
+
+而如果没有项目管理平台，对需求进度没有一个好的把握，说不定摸鱼就摸过头了。
+
+有很多开箱即用的项目管理平台，比如 `TAPD` 和 `Jira`。
+
+![](https://pic.yupi.icu/5563/202311071422396.png)
+
+#### 30. 企业通讯
+
+通讯软件是团队沟通协作、高效办公的灵魂，比如腾讯的企业微信、阿里的钉钉、字节跳动的飞书。
+
+这些企业通讯软件早就不只是支持团队即时沟通的工具了，而是大而全的**企业办公门户**。
+
+像腾讯的企业微信，集成了文档、待办、会议、通讯录、工作台、云盘、电话等办公必备的工具，成员可以通过软件快速地找到并使用这些功能，大大提高了办公效率。还可以在通讯软件中设置机器人，实现业务的自动告警。
+
+![](https://pic.yupi.icu/5563/202311071422408.png)
+
+------
+
+以上就是鱼皮分享给大家的锦囊啦。
+
+其实，大厂中还有很多提升研发效能的技术，比如流量回放、压测平台、试验系统、故障演练系统等，这里就不一一介绍了。
+
+此外，每个团队负责的业务不同、情况不同，也都会有提升自己研发效能的独门秘技，要根据实际的场景去选用技术，否则可能适得其反。
+
+希望大家能利用好现有的技术、发掘新的技术，不断提升研发效能，感受技术带来的美好。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\345\216\273\351\231\244\345\255\227\347\254\246\344\270\262\344\270\255\347\232\204 n \357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\345\216\273\351\231\244\345\255\227\347\254\246\344\270\262\344\270\255\347\232\204 n \357\274\237.md"
new file mode 100644
index 0000000..455e23c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\345\216\273\351\231\244\345\255\227\347\254\246\344\270\262\344\270\255\347\232\204 n \357\274\237.md"	
@@ -0,0 +1,127 @@
+# 如何去除字符串中的 "\n" ？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享一个小知识。
+
+我最近负责的工作是设计一个 SQL 解析引擎。简单来说，就是将一个 SQL 表达式字符串，解析为一颗对象树，从而执行查询等一系列操作。
+
+![](https://pic.yupi.icu/5563/202311072005215.png)
+
+> SQL 解析原理
+
+在最开始，我就遇到了一个很头疼的问题，**用户编写的 SQL 语句可能非常不标准！**
+
+理想的 SQL 语句，缩进很规范，没有多余的字符：
+
+```
+select * from user;
+```
+
+而现实往往是这样的：
+
+```
+ select * \n
+from   user;
+```
+
+上述语句不仅缩进、换行很随意，还多了很多无意义的字符串，比如 `"\n"` ！
+
+因此，想要设计一个通用性强的 SQL 解析引擎，首先要对字符串进行 **预处理**，将输入的 SQL 语句标准化。比如去除回车、换行、冗余的空格和特殊字符等。
+
+那问题来了，如何去除字符串中的所有 `"\n"` 呢？注意，这里的 `"\n"` **并不是换行符**，而是由字符 `'\'` 和字符 `'n'` 组成的字符串！
+
+```
+# 转换前
+select * \n 
+from user;
+
+# 转换后
+select * from user;
+```
+
+首先我想到了两种思路：
+
+1. 用循环语句顺序扫描每个字符，通过当前字符和下一个字符判断是否为 `"\n"`，再移除。
+2. 直接用 Java 语言提供的 `replaceAll` 方法，传入一个正则表达式，直接将完整字符串中所有匹配正则的子串替换为空串。
+
+我这里选择后者，直接用现成的方法会比较方便，而且借助强大的正则表达式，可以同时替换掉多个冗余字符。
+
+Java 正则表达式定义：
+
+```
+/*
+ * 全部替换
+ * regex 正则表达式
+ * replacement 要替换成的新串
+ */
+public String replaceAll(String regex, String replacement) {
+  return Pattern.compile(regex).matcher(this).replaceAll(replacement);
+}
+```
+
+那么如何编写正则表达式，移除所有的 `"\n"` 呢？大家可以先自己想一下，欢迎参与投票~
+
+如何用正则表达式移除所有的 "\n" 呢？
+
+
+
+刚开始我想的太简单了，直接编写出如下代码：
+
+```
+str.replaceAll("\n", "");
+```
+
+结果，并不能顺利地替换掉字符串中的 `"\n"`，仅仅是把换行符去掉了！
+
+![](https://pic.yupi.icu/5563/202311072005124.png)用单个反斜杠的结果
+
+原因很简单，在 Java 字符常量中，反斜杠（\）是一个特殊的字符，被称为 **转义字符**，它的作用是用来转义后面一个字符，本身不具有实际意义!
+
+因此，不能用下面这种方式直接输出反斜杠：
+
+![](https://pic.yupi.icu/5563/202311072005140.png)
+
+> 报错
+
+如果想要单独输出一个反斜杠，需要再加上一个反斜杠转义：
+
+![](https://pic.yupi.icu/5563/202311072005138.png)
+
+> 无报错
+
+同理，想要输出一个 `"\n"` 字符串，代码要这么写：
+
+```
+System.out.println("\\n")
+```
+
+那不妨试试这个正则表达式：
+
+```
+str.replaceAll("\\n", "");
+```
+
+结果出乎意料，竟然和只用一个反斜杠时的效果一样！仅仅是移除了换行符。
+
+![](https://pic.yupi.icu/5563/202311072005124.png)
+
+> 用两个反斜杠的效果
+
+其实，正确的答案应该是使用 **四个反斜杠**，因为反斜杠在 Java 和正则表达式中都是转义字符！
+
+![](https://pic.yupi.icu/5563/202311072005136.jpeg)
+
+其中，第一个斜杠是转义符，第二个斜杠是斜杠本身，第三个斜杠又是转义符，第四个斜杠是斜杠本身。
+
+在 Java 中，输出 `"\n"` 字符串需要两个反斜杠和一个 `'n'`，在 Java 的正则表达式中，要给这两个反斜杠分别再分配一个反斜杠进行转义，才能生效。
+
+总而言之，记住一句话：**Java 正则表达式中，匹配一个反斜杠要用四个反斜杠！**
+
+------
+
+最后，正则表达式可是一门大学问，推荐一款学习、创建和测试正则表达式的在线可视化工具，**RegExr**。通过练习的方式学习，很快就能入门啦！
+
+![](https://pic.yupi.icu/5563/202311072005167.png)
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\351\242\204\351\230\262 rm -rf \357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\351\242\204\351\230\262 rm -rf \357\274\237.md"
new file mode 100644
index 0000000..bcd98a2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\246\202\344\275\225\351\242\204\351\230\262 rm -rf \357\274\237.md"	
@@ -0,0 +1,236 @@
+# 如何预防 rm -rf ？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一个 “实用” 的好命令，我不得试试？
+
+大家好，我是鱼皮。
+
+在编程届，有一个家喻户晓的实用 Linux 命令：`rm -rf /` 。
+
+据说，此命令一旦执行成功，就会给人带来快乐，是一个善良的好命令，所以我喜欢叫它 `快乐命令` 。
+
+好吧，不装了，其实这个命令的作用是 **删除服务器上所有的文件** ！是一个极度危险的命令！
+
+![](https://pic.yupi.icu/5563/202311071934383.png)
+
+之前我们可能也听说过很多删数据跑路事件，其中一部分元凶正是这个命令。
+
+记得前两周，我刚买了一台全新的云服务器，在给大家演示如何搭建应用开发环境。结果没想到，一些小伙伴竟然怂恿我当场输入 “快乐命令”，想看看会出现什么效果。
+
+这么刺激的事情，我不得试试？
+
+于是，我打开终端，连接服务器，输入快乐命令。而且，要做就要做得绝一点，我甚至同时开了 **三个** 客户端，打算同时输入命令，三倍快乐！
+
+![](https://pic.yupi.icu/5563/202311071934304.png)
+
+OK，起飞 🛫！
+
+但结果呢，数据并没有被删除，而是弹出了一个警告，禁止删除！
+
+![](https://pic.yupi.icu/5563/202311071934341.png)
+
+对不起，结果让大家失望了~
+
+其实在敲这行命令之前，我就一点儿也不担心，因为我相信腾讯云服务器不可能连这点安全保障都没有。
+
+![](https://pic.yupi.icu/5563/202311071934364.png)
+
+那问题来了，如何防止快乐命令带来的恶劣影响呢？
+
+下面就简单分享下我了解到的方法吧~
+
+## 如何防止 rm -rf 命令？
+
+方法还是挺多的，我简单整理了一个大纲：
+
+![](https://pic.yupi.icu/5563/202311071934375.png)
+
+> 防止 rm -rf 大法
+
+### 好习惯
+
+首先，使用服务器最多的人肯定是我们自己，因此我们要先养成良好的使用习惯，保护服务器，从我做起。
+
+#### 定期备份
+
+为了防止服务器上的数据（数据库、用户文件、配置文件等）被误删除，可以定期将服务器上重要的文件下载到本地或同步到其他存储空间上，一般使用定时脚本（crontab 命令等）或工具自动定时同步。
+
+#### 替代命令
+
+为了防止意外 `rm` 命令带来的不利影响，我们可以尽量少用该命令，使用一些其他的命令来替代删除。
+
+比如 `mv` 命令，作用是移动文件或改名，可以自己新建一个类似回收站的目录，然后把要删的文件扔进去。
+
+```
+# 新建回收站目录
+mkdir trash
+# 移动文件到回收站
+mv file.txt trash
+```
+
+针对日后可能还需要的文件，可以给文件增加 `.bak` 后缀，表示备份：
+
+```
+mv file.txt file.txt.bak
+```
+
+但是，即使养成了好习惯，有时候可能也会疏忽，不小心打出了 `rm` 命令，意外删除了文件。
+
+莫慌，还有其他更保险的方法。
+
+### Alias 别名
+
+Linux 中的 `alias` 命令用于为指令设置别名，有点类似对象的引用。
+
+举个例子，本来可以用 `mkdir` 命令创建目录，如果我觉得这个命令背不下来，那可以给他起个别名：
+
+```
+alias md=mkdir
+```
+
+然后，我们就可以使用 `md` 命令来创建目录了。
+
+同理，我们可以把 `rm` 命令设置为其他命令的别名，从而阻止原本的删除功能。
+
+其实很多服务器已经默认为我们设置了一些保护系统文件安全的别名，让我们打开 `.bashrc` 文件：
+
+```
+cat /root/.bashrc
+```
+
+可以看到如下代码：
+
+```
+# .bashrc
+# User specific aliases and functions
+
+alias rm='rm -i'
+alias cp='cp -i'
+alias mv='mv -i'
+```
+
+系统已经为 `rm` 命令配置了别名，当我们输入 `rm` 时，实际执行的是 `rm -i`，通过 `-i` 参数来询问我们是否要删除，只有输入 `y` 确认后，才会执行删除操作。
+
+![](https://pic.yupi.icu/5563/202311071934332.png)是否确认删除
+
+#### 手动回收站
+
+基于 `alias` 命令，我们可以自动将 `rm` 命令重定向为将文件放入回收站目录，操作如下：
+
+首先修改 `.bashrc` 文件（Linux 下环境配置文件，用于保存一些个性化配置）：
+
+```
+vim ~/.bashrc
+```
+
+在文件末尾追加如下代码：
+
+```
+# 创建一个.trash 隐藏目录
+mkdir ~/.trash
+# 使用别名 del 代替 rm  
+alias rm=del
+# 将 rm 命令改为 mv 
+del()               
+{  
+  mv $@ ~/.trash/  
+}
+```
+
+保存退出，然后输入下列命令使修改生效：
+
+```
+source ~/.bashrc
+```
+
+大功告成，然后再执行 `rm` 命令，就会自动移动到回收站目录啦！
+
+#### trash
+
+除了自己手动编写回收站脚本外，还可以使用现成的开源项目 `trash`，Mac 用户可以直接用一行命令安装，就可以愉快地使用了。
+
+> 项目地址：https://github.com/ali-rantakari/trash
+
+### 权限管理
+
+以上的方式对于个人服务器用户来说，一般就足够了，但如果是团队开发，多人同时在一台服务器上操作，就很难说谁突然删文件跑路了对吧。
+
+所以，最好还是对服务器上的文件进行合理的权限设置，常用的几种方式如下。
+
+#### 修改文件权限
+
+最直接的方式，直接用 `chmod` 命令修改指定文件的读、写、执行权限，比如下列命令：
+
+```
+chmod 700 file.txt
+```
+
+作用是设置仅创建该文件的用户可读写，其他用户无权访问。
+
+#### chattr
+
+Linux 系统自带的 `chattr` 命令是 **Ch**ange **Attr**ibute 的缩写，意为改变文件的属性，能够用来防止文件和目录被意外删除或修改。
+
+比如下列命令：
+
+```
+sudo chattr +i file.txt
+```
+
+通过 `+i` 参数给文件追加了 “不可修改” 的属性，该不能被删除、改名、设定链接关系，同时不能写入或新增内容。该参数可谓是提高系统安全的神器！
+
+让我们试下效果：
+
+![](https://pic.yupi.icu/5563/202311071934444.png)
+
+果然删除失败了，提示操作不被允许。
+
+如果要保护目录，只需要加个 `-R` 参数就行了：
+
+```
+sudo chattr -R +i myDir
+```
+
+#### 设置 sudo 权限
+
+`sudo` 是 Linux 的常用命令，可以临时以 root 用户（超级管理员）的身份执行命令。
+
+如果给了一个普通用户超级管理员的身份，他将能做任何事情，这是非常危险的啊！
+
+所以可以使用 `visudo` 命令，修改普通用户使用 `sudo` 命令时的权限。
+
+输入 `visudo`，将自动进入 `/etc/sudoers` 文件的编辑，尝试追加一行：
+
+```
+dog localhost=/bin/rm /file/*
+```
+
+这就意味着，用户 dog 只能删除 `/file` 目录下的文件，而不能随意删除。
+
+#### Lshell
+
+再提一个开源的 Linux 安全神器 `Lshell`，可以用于构建一个受限的 Linux 脚本执行环境。
+
+> 项目地址：https://github.com/ghantoos/lshell
+
+一行命令安装后，可以通过修改它的配置文件 `/etc/lshell.conf`，来管理用户的行为。
+
+比如下列配置，禁止用户 yupi 使用 `rm` 命令，防止这货删文件跑路：
+
+```
+ [yupi]
+ allowed = 'all' - ['rm']
+```
+
+------
+
+一般情况下，以上那么多种措施就足够防护了，也比较简单。
+
+但最后，还是要提醒大家，不要轻易尝试这个命令哈哈。一时好奇一时爽，明天要睡垃圾场！
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311071934542.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\277\253\351\200\237\351\203\250\347\275\262\345\276\256\346\234\215\345\212\241\351\241\271\347\233\256\357\274\214\344\277\235\345\247\206\347\272\247\346\225\231\347\250\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\277\253\351\200\237\351\203\250\347\275\262\345\276\256\346\234\215\345\212\241\351\241\271\347\233\256\357\274\214\344\277\235\345\247\206\347\272\247\346\225\231\347\250\213.md"
new file mode 100644
index 0000000..f8d8043
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\345\277\253\351\200\237\351\203\250\347\275\262\345\276\256\346\234\215\345\212\241\351\241\271\347\233\256\357\274\214\344\277\235\345\247\206\347\272\247\346\225\231\347\250\213.md"
@@ -0,0 +1,893 @@
+# 快速部署微服务项目，保姆级教程
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+项目上线是每位学编程同学必须掌握的基本技能。之前我已经给大家分享过很多种上线单体项目的方法了，今天再出一期微服务项目的部署教程，用一种最简单的方法，带大家轻松部署微服务项目。
+
+开始之前，先做个小调研啊，大家更喜欢看 “真实踩坑版” 的教程还是 “压缩纯净版” 的教程呢？
+
+本期教程我还是保持自己一贯的风格，依然是保姆级教程，包含了一些踩坑过程和解决方案，大家跟着做就完事儿~
+
+> 更推荐看视频版：https://www.bilibili.com/video/BV1Cp4y1F7eA/
+
+## 项目介绍
+
+这次的教程以我带大家全程直播手把手开发的、基于 Spring Cloud + Docker 代码沙箱的 [在线判题系统](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247549858&idx=1&sn=dee63c9111558c81b8ee8921f871ea6f&chksm=e9c2e455deb56d43d79e01c5ff310487fb66e16baef27f664e43a0e8779abd6506194fc216aa&scene=21#wechat_redirect) 为例，进行演示。
+
+这个项目的核心功能是让用户能够在线选题和做题，然后由系统自动判题：
+
+![](https://pic.yupi.icu/5563/202311071928283.png)
+
+项目用到的核心依赖包括：MySQL 数据库、Redis 缓存、RabbitMQ 消息队列、Nacos 注册中心
+
+涉及的核心服务包括：用户服务、题目服务、判题服务（代码沙箱）、Gateway 网关服务
+
+![](https://pic.yupi.icu/5563/202311071928469.png)
+
+## 传统部署
+
+对于这样一个项目，如果我们还用传统单机项目的部署方式，一个个打 jar 包、用 Java 命令来启动，会有哪些问题呢？
+
+1. 要一个个安装依赖，比如 MySQL 数据库、Redis、消息队列、Nacos，非常麻烦！
+2. 要一个个打 jar 包、一个个手动运行 jar 包，非常麻烦！
+3. 不方便集中观察所有服务的运行状态和资源占用情况
+
+所以，为了解决这些问题，我们会选用一种更高效的微服务部署方式 —— Docker Compose。
+
+## Docker Compose 介绍
+
+在介绍 Docker Compose 前，先简单介绍下 Docker。
+
+Docker 是一种容器技术，允许开发者将应用程序和所有依赖项（如代码、库、配置等）制作为 `镜像`。可以把镜像简单理解为软件安装包，可以在不同的计算机上通过它快速安装和启动应用程序（容器），这些程序独立隔离地运行，不受外部环境的影响。
+
+![](https://pic.yupi.icu/5563/202311071928039.png)
+
+如果要部署微服务项目，可能要启动多个 Docker 容器，比如 MySQL 容器、用户服务容器等。这时就需要 Docker Compose 了。它是一个容器编排助手，用于集中管理多个 Docker 容器的启动和协同工作。可以在一个配置文件中集中定义所有容器以及它们的关系。然后，可以使用一行命令启动所有容器，而不需要手动运行多个命令。
+
+![](https://pic.yupi.icu/5563/202311071928296.png)
+
+需要注意的是，Docker Compose 通常适用于把所有微服务部署在同一台服务器的场景，在真实的企业级项目中，往往会使用 K8S 等更专业的容器编排和自动化部署工具，更方便地在多个服务器上部署容器。
+
+## 部署流程
+
+了解了 Docker 和 Docker Compose 的作用后，我们来快速了解下部署流程，分为 2 大阶段 —— 本地部署和服务器部署。
+
+一、本地部署
+
+1. 梳理服务部署表格
+2. Maven 子父模块打包
+3. Dockerfile 编写
+4. 编写环境依赖配置
+5. 编写服务配置
+6. 调整程序配置
+7. 测试访问
+
+二、服务端部署
+
+1. 准备服务器
+2. Docker Compose 安装
+3. 同步文件
+4. 获取 jar 包
+5. 服务启动
+6. 测试访问
+
+## 一、本地部署
+
+第一阶段是本地部署，也可以叫做部署准备。
+
+强烈建议大家，比起直接操作线上服务器，最好是先在本地把所有的流程跑通，风险更低、效率更高。
+
+这里我使用的是 Mac 操作系统，已经安装了 Docker Desktop 软件，管理 Docker 容器会更方便一些。
+
+![](https://pic.yupi.icu/5563/202311071928427.png)
+
+对于本地没有 Docker 环境的同学，这一阶段仔细看一遍有个印象就足够了。可以直接拿我调试好的配置文件在服务器上部署，而不用自己调试。
+
+怎么样，够贴心吧！可以叫我 “保姆鱼皮”，简称 “保姆皮”。
+
+![](https://pic.yupi.icu/5563/202311071928290.png)
+
+### 1.1、梳理服务部署表格
+
+在部署微服务项目前，首先要规划好要部署哪些服务、以及各服务的关键信息，比如服务名称、版本号、占用端口号、关键配置等。
+
+对于我的在线判题项目，梳理好的服务表格如下：
+
+| 服务名称 | 英文名                        | 端口号      | 版本号  | 服务类别 |
+| :------- | :---------------------------- | :---------- | :------ | :------- |
+| 数据库   | mysql                         | 3306        | v8      | 环境依赖 |
+| 缓存     | redis                         | 6379        | v6      | 环境依赖 |
+| 消息队列 | rabbitmq                      | 5672, 15672 | v3.12.6 | 环境依赖 |
+| 注册中心 | nacos                         | 8848        | v2.2.0  | 环境依赖 |
+| 网关服务 | gateway                       | 8101        | java 8  | 业务服务 |
+| 用户服务 | yuoj-backend-user-service     | 8102        | java 8  | 业务服务 |
+| 题目服务 | yuoj-backend-question-service | 8103        | java 8  | 业务服务 |
+| 判题服务 | yuoj-backend-judge-service    | 8104        | java 8  | 业务服务 |
+
+为什么这里我要划分服务类别为 “环境依赖” 和 “业务服务” 呢？
+
+因为在启动服务时，必须要先启动环境依赖，才能启动业务服务，否则就会报类似 “无法连接数据库” 之类的错误。
+
+### 1.2、Maven 子父模块打包
+
+对于微服务项目，我们通常是使用 Maven 的子父模块功能进行管理的。需要部署项目时，不用针对每个子服务单独执行 `mvn package` 命令进行打包，而是可以一键打包所有服务。
+
+想要实现这个功能，需要给子父模块的依赖文件（pom.xml）进行一些配置，主要包括：
+
+#### 1）父模块配置
+
+在父模块的 pom.xml 文件中引入 `spring-boot-maven-plugin` 即可，注意一定不要配置 configuration 和 repackage！
+
+示例代码如下：
+
+```
+<plugin>
+    <groupId>org.springframework.boot</groupId>
+    <artifactId>spring-boot-maven-plugin</artifactId>
+    <version>${spring-boot.version}</version>
+</plugin>
+```
+
+#### 2）子模块配置
+
+修改所有需要启动 Spring Boot 的服务（用户服务、题目服务、判题服务、网关服务）的子模块 pom.xml 文件。
+
+主要是增加 executions 配置，使用 spring-boot-maven-plugin 的 repackage 命令来构建子模块，从而自动在构建时将公共模块的依赖打入 jar 包。
+
+示例代码如下：
+
+```
+<plugin>
+    <groupId>org.springframework.boot</groupId>
+    <artifactId>spring-boot-maven-plugin</artifactId>
+    <executions>
+        <execution>
+            <id>repackage</id>
+            <goals>
+                <goal>repackage</goal>
+            </goals>
+        </execution>
+    </executions>
+</plugin>
+```
+
+### 1.3、Dockerfile 编写
+
+Dockerfile 是定义 Docker 容器镜像构建过程的文件，包括容器镜像使用的基础环境、容器内的依赖和文件、容器的配置、启动命令等。
+
+有了 Dockerfile，我们就能很轻松地制作出自己的容器镜像。
+
+虽然 Dockerfile 的写法并不复杂，但我还是建议大家尽量不要自己写，直接去网上找个差不多的项目，复制粘贴别人的 Dockerfile 就足够了！
+
+这里鱼皮给大家提供 2 种常用的 Spring Boot 项目的 Dockerfile。
+
+#### 1）复制 jar 包版
+
+思路：在本地打好 jar 包后，复制 jar 包到容器中运行
+
+示例代码如下：
+
+```
+# 基础镜像
+FROM openjdk:8-jdk-alpine
+
+# 指定工作目录
+WORKDIR /app
+
+# 将 jar 包添加到工作目录，比如 target/yuoj-backend-user-service-0.0.1-SNAPSHOT.jar
+ADD {本地 jar 包路径} . 
+
+# 暴露端口
+EXPOSE {服务端口号}
+
+# 启动命令
+ENTRYPOINT ["java","-jar","/app/{jar 包名称}","--spring.profiles.active=prod"]
+```
+
+#### 2）Maven 打包版
+
+思路：复制本地代码到容器中，在容器中使用 Maven 打包再运行
+
+示例代码如下：
+
+```
+# 基础镜像
+FROM maven:3.8.1-jdk-8-slim as builder
+
+# 指定工作目录
+WORKDIR /app
+
+# 添加源码文件
+COPY pom.xml .
+COPY src ./src
+
+# 构建 jar 包，跳过测试
+RUN mvn package -DskipTests
+
+# 启动命令
+ENTRYPOINT ["java","-jar","/app/target/{jar 包名称}","--spring.profiles.active=prod"]
+```
+
+此处由于我们的微服务项目可以一键打好所有子服务的 jar 包，就没必要每个服务单独在容器中打包了，所以选择第一种方式的 Dockerfile。
+
+我们需要给每个 Spring Boot 服务（用户服务、题目服务、判题服务、网关服务）都编写一个 Dockerfile，放到每个子服务的根目录下。
+
+![](https://pic.yupi.icu/5563/202311071928486.png)
+
+以用户服务为例，示例代码如下：
+
+```
+# 基础镜像
+FROM openjdk:8-jdk-alpine
+  
+# 指定工作目录
+WORKDIR /app
+  
+# 将 jar 包添加到工作目录，比如 target/yuoj-backend-user-service-0.0.1-SNAPSHOT.jar
+ADD target/yuoj-backend-user-service-0.0.1-SNAPSHOT.jar .
+  
+# 暴露端口
+EXPOSE 8102
+  
+# 启动命令
+ENTRYPOINT ["java","-jar","/app/yuoj-backend-user-service-0.0.1-SNAPSHOT.jar","--spring.profiles.active=prod"]
+```
+
+建议先在本地利用 IDEA 开发工具调通镜像构建流程，确保每个 Dockerfile 都是可以成功制作镜像的：
+
+![](https://pic.yupi.icu/5563/202311071928506.png)
+
+查看容器的启动日志，发现能够启动服务、看到 Spring 图标即可：
+
+![](https://pic.yupi.icu/5563/202311071928160.png)
+
+### 1.4、编写环境依赖配置
+
+接下来，我们就要编写 Docker Compose 的配置文件了，可以根据配置文件快速启动多个服务。
+
+之前我们已经梳理了服务部署表格，将服务划分为了 “环境依赖” 和 “业务服务”。
+
+由于业务服务依赖 MySQL 等环境依赖，所以需要拆分 2 套 Docker Compose 的配置文件，分别为 `docker-compose.env.yml` 环境配置和 `docker-compose.service.yml` 业务服务配置，保证先成功启动依赖，再启动服务。
+
+学过 Docker Compose 的同学可能听说过 depends_on 配置，也能决定服务的启动顺序。但是千万注意，depends_on 并不会等待服务完全就绪，只是确保它们在启动时的顺序，并不稳定。
+
+如何编写 Docker Compose 文件呢？
+
+和 Dockerfile 一样，直接去网上找现成的 Docker Compose file，复制粘贴过来略做修改就能使用了~
+
+再配合以下 2 个网站，完全无需记忆 Docker Compose 的写法！
+
+- Docker Compose file 官方文档：https://docs.docker.com/compose/compose-file/
+- 搜索现成的 Docker 镜像：https://hub.docker.com/
+
+当然，现在 AI 时代了，还有更简单的方式！
+
+直接把我们整理好的服务部署需要喂给 GPT，让 AI 帮我们生成配置即可~
+
+示例 prompt：
+
+```
+现在我需要用 docker compose 来部署 mysql 8（3306 端口）username=root,password=123456
+redis 6（无密码，6379端口）、rabbitmq v.3.12.6（ 5672 端口   password: guest，username: guest）、nacos 2.2.0（8848端口）；还有 4 个本地的 springboot 服务（名称分别为：yuoj-backend-user-service 8102端口、yuoj-backend-question-service 8103端口、yuoj-backend-judge-service 8104端口、yuoj-backend-gateway 8101 端口），每个服务本地目录都有一个 Dockerfile，请帮我自动生成 docker compose 的 yml 配置文件，要求这些服务网络能够连通
+```
+
+效果还是非常不错的，只要你描述地足够清楚，生成的配置完全可用！
+
+![](https://pic.yupi.icu/5563/202311071928734.png)
+
+由于这篇文章是教程嘛，我就带大家通过调试的方式一步步完成 Docker Compose 文件，最后会把完整的 Docker Compose 文件给大家分享出来，大家直接用就行了~
+
+我们要分别在 Docker Compose 中定义 4 大基础依赖，包括 MySQL、Redis、RabbitMQ 和 Nacos。
+
+#### 1）MySQL
+
+我们不仅要创建一个 MySQL 服务，还要在创建服务后自动创建我们需要的库表结构。
+
+所以需要先准备数据库 SQL 脚本文件，里面包含了建库、建表语句，我们把它放在微服务项目根目录的 `mysql-init` 文件夹中：
+
+鱼皮带大家做的每个项目都提供了现成的建表语句，这是一个非常好的开发习惯，便于其他人快速启动你的项目。
+
+![](https://pic.yupi.icu/5563/202311071928971.png)
+
+由于要在本地启动 MySQL，还需要定义一个文件夹 `.mysql-data` 来存放 MySQL 的持久化数据，防止容器重启后数据丢失。
+
+做好这两点后，就可以编写 `docker-compose.env.yml` 文件了，先只写一个 MySQL 服务，示例代码如下：
+
+关键配置的含义我都写到注释里了
+
+```
+version: '3'
+services:
+  mysql:
+    image: mysql:8 # 使用的镜像
+    container_name: yuoj-mysql # 启动的实例名称
+    environment:
+      MYSQL_ROOT_PASSWORD: 123456 # root 用户密码
+    ports:
+      - "3306:3306" # 端口映射
+    volumes:
+      - ./.mysql-data:/var/lib/mysql # 将数据目录挂载到本地目录以进行持久化
+      - ./mysql-init:/docker-entrypoint-initdb.d # 自动执行启动脚本
+    restart: always # 崩溃后自动重启
+    networks:
+      - mynetwork # 指定网络
+networks:
+  mynetwork: # 自定义网络，实现网络互通和隔离
+```
+
+写好配置文件后，可以直接在 IDEA 里执行 Docker Compose 文件，调试 MySQL 的运行：
+
+![](https://pic.yupi.icu/5563/202311071928011.png)
+
+运行成功后，我们可以在本地成功连接数据库：
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYKWGoz54KwujA7s17P0ZCyew5moibS6Oc1NK9Vw7bPbgrbsZBicEQiaDPrGV5GP3L3dGdictrz0cnZkDA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+#### 2）Redis
+
+Redis 服务的定义和启动操作和 MySQL 服务几乎一致，Redis 的 Docker Compose 配置示例代码如下：
+
+```
+version: '3'
+services:
+  redis:
+    image: redis:6
+    container_name: yuoj-redis
+    ports:
+      - "6379:6379"
+    networks:
+      - mynetwork
+    volumes:
+      - ./.redis-data:/data # 持久化
+networks:
+  mynetwork:
+```
+
+然后在本地执行 Docker Compose 文件，启动 Redis 服务，并且尝试进入 Terminal 来调试 Redis：
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYKWGoz54KwujA7s17P0ZCye45cNbBJT9oV9qqqFFlGQJIu7tVgVZe2YEhibOMC7C7wIDkXNMzZU3yg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+#### 3）RabbitMQ
+
+同 MySQL 和 Redis，RabbitMQ 的 Docker Compose 配置示例代码如下：
+
+```
+version: '3'
+services:
+  rabbitmq:
+    image: rabbitmq:3.12.6-management # 支持管理面板的消息队列
+    container_name: yuoj-rabbitmq
+    environment:
+      RABBITMQ_DEFAULT_USER: guest
+      RABBITMQ_DEFAULT_PASS: guest
+    ports:
+      - "5672:5672"
+      - "15672:15672" # RabbitMQ Dashboard 端口
+    volumes:
+      - ./.rabbitmq-data:/var/lib/rabbitmq # 持久化
+    networks:
+      - mynetwork
+networks:
+  mynetwork:
+```
+
+本地执行 Docker Compose 文件，启动 RabbitMQ 服务，然后可以访问 `localhost:15672` 查看到管理面板，就表示启动成功了~
+
+账号密码都是 guest
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYKWGoz54KwujA7s17P0ZCyehG7bfEHLT6UBiaVJZYKicuib92TB0REnpBkQGyCyMe1W80amqQxiaiczlzw/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+#### 4）Nacos
+
+和其他服务一样，Nacos 也需要编写 Docker Compose 配置。
+
+但是在选择 Nacos 镜像时必须要注意，建议选择支持 linux/arm64 架构的镜像版本，比如 `v2.2.0-slim`，否则后面可能会无法运行：
+
+![](https://pic.yupi.icu/5563/202311071928872.png)
+
+Nacos 示例配置文件如下：
+
+```
+version: '3'
+services:
+  nacos:
+    image: nacos/nacos-server:v2.2.0-slim
+    container_name: yuoj-nacos
+    ports:
+      - "8848:8848"
+    volumes:
+      - ./.nacos-data:/home/nacos/data
+    networks:
+      - mynetwork
+    environment:
+      - MODE=standalone # 单节点模式启动
+      - PREFER_HOST_MODE=hostname # 支持 hostname
+      - TZ=Asia/Shanghai # 控制时区
+networks:
+  mynetwork:
+```
+
+然后在本地执行 Docker Compose 启动 Nacos，访问 `localhost:8848/nacos` 能够看到管理页面，就表示运行成功了~
+
+管理页面的账号和密码默认都是 nacos
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYKWGoz54KwujA7s17P0ZCyeo34e4ic4JAzA1fZ2GPgibIQlkWFe7Q3FrmwstcmLOIMdda0Yb6OzgEcA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+#### 完整 Docker Compose 文件
+
+分别调试完上述服务后，我们把所有的配置拼在一起，就得到了完整的文件，文件名为 `docker-compose.env.yml`。
+
+完整代码如下：
+
+```
+version: '3'
+services:
+  mysql:
+    image: mysql:8 # 使用的镜像
+    container_name: yuoj-mysql # 启动的实例名称
+    environment:
+      MYSQL_ROOT_PASSWORD: 123456 # root 用户密码
+    ports:
+      - "3306:3306" # 端口映射
+    volumes:
+      - ./.mysql-data:/var/lib/mysql # 将数据目录挂载到本地目录以进行持久化
+      - ./mysql-init:/docker-entrypoint-initdb.d # 启动脚本
+    restart: always # 崩溃后自动重启
+    networks:
+      - mynetwork # 指定网络
+  redis:
+    image: redis:6
+    container_name: yuoj-redis
+    ports:
+      - "6379:6379"
+    networks:
+      - mynetwork
+    volumes:
+      - ./.redis-data:/data # 持久化
+  rabbitmq:
+    image: rabbitmq:3.12.6-management # 支持管理面板的消息队列
+    container_name: yuoj-rabbitmq
+    environment:
+      RABBITMQ_DEFAULT_USER: guest
+      RABBITMQ_DEFAULT_PASS: guest
+    ports:
+      - "5672:5672"
+      - "15672:15672" # RabbitMQ Dashboard 端口
+    volumes:
+      - ./.rabbitmq-data:/var/lib/rabbitmq # 持久化
+    networks:
+      - mynetwork
+  nacos:
+    image: nacos/nacos-server:v2.2.0-slim
+    container_name: yuoj-nacos
+    ports:
+      - "8848:8848"
+    volumes:
+      - ./.nacos-data:/home/nacos/data
+    networks:
+      - mynetwork
+    environment:
+      - MODE=standalone # 单节点模式启动
+      - PREFER_HOST_MODE=hostname # 支持 hostname
+      - TZ=Asia/Shanghai # 控制时区
+networks:
+  mynetwork:
+```
+
+### 1.5、编写业务服务配置
+
+用同样的方式，我们可以编写业务服务的 Docker Compose 文件，文件名称 `docker-compose.service.yml`。
+
+示例代码如下，其中需要格外关注的配置是 build 和 depends_on：
+
+```
+version: '3'
+services:
+  yuoj-backend-gateway:
+    container_name: yuoj-backend-gateway
+    build: # 服务的 Docker 构建文件位置
+      context: ./yuoj-backend-gateway
+      dockerfile: Dockerfile
+    ports:
+      - "8101:8101"
+    networks:
+      - mynetwork
+  
+  yuoj-backend-user-service:
+    container_name: yuoj-backend-user-service
+    build:
+      context: ./yuoj-backend-user-service
+      dockerfile: Dockerfile
+    ports:
+      - "8102:8102"
+    networks:
+      - mynetwork
+    depends_on: # 本服务依赖的服务，控制启动先后顺序
+      - yuoj-backend-gateway
+
+  yuoj-backend-question-service:
+    container_name: yuoj-backend-question-service
+    build:
+      context: ./yuoj-backend-question-service
+      dockerfile: Dockerfile
+    ports:
+      - "8103:8103"
+    networks:
+      - mynetwork
+    depends_on:
+      - yuoj-backend-user-service
+      - yuoj-backend-gateway
+
+  yuoj-backend-judge-service:
+    container_name: yuoj-backend-judge-service
+    build:
+      context: ./yuoj-backend-judge-service
+      dockerfile: Dockerfile
+    ports:
+      - "8104:8104"
+    networks:
+      - mynetwork
+    depends_on:
+      - yuoj-backend-user-service
+      - yuoj-backend-question-service
+      - yuoj-backend-gateway
+
+# 网络，不定义的话就是默认网络
+networks:
+  mynetwork:
+```
+
+### 1.6、调整程序配置
+
+编写好上述配置文件后，本地尝试运行 Docker Compose 业务服务，结果发现：报错啦！依赖服务的地址访问不通！
+
+这是由于之前我们的项目访问依赖服务时，全部是使用了固定的 IP 地址（比如 localhost），而容器内部的 localhost（或 127.0.0.1）通常指向容器本身，而不是宿主主机。所以为了在容器内访问其他服务，程序中应该使用服务名称而不是 localhost。
+
+我们给每个 Spring Boot 服务都增加一套 prod 上线配置，在配置中更改服务调用地址。
+
+用户服务、题目服务和判题服务的 `application-prod.yml` 配置修改如下：
+
+```
+# 生产环境配置文件
+spring:
+  # 数据库配置
+  datasource:
+    driver-class-name: com.mysql.cj.jdbc.Driver
+    url: jdbc:mysql://mysql:3306/yuoj # localhost 改为 mysql
+    username: root
+    password: 123456
+  # Redis 配置
+  redis:
+    database: 1
+    host: redis # localhost 改为 redis
+    port: 6379
+    timeout: 5000
+  cloud:
+    nacos:
+      discovery:
+        server-addr: nacos:8848 # localhost 改为 nacos
+  rabbitmq:
+    host: rabbitmq # localhost 改为 rabbitmq
+    port: 5672
+    password: guest
+    username: guest
+```
+
+Gateway 网关服务的配置修改如下：
+
+```
+spring:
+  cloud:
+    nacos:
+      discovery:
+        server-addr: nacos:8848 # localhost 改为 nacos
+    gateway:
+      routes:
+        - id: yuoj-backend-user-service
+          uri: lb://yuoj-backend-user-service
+          predicates:
+            - Path=/api/user/**
+        - id: yuoj-backend-question-service
+          uri: lb://yuoj-backend-question-service
+          predicates:
+            - Path=/api/question/**
+        - id: yuoj-backend-judge-service
+          uri: lb://yuoj-backend-judge-service
+          predicates:
+            - Path=/api/judge/**
+  application:
+    name: yuoj-backend-gateway
+  main:
+    web-application-type: reactive
+server:
+  port: 8101
+knife4j:
+  gateway:
+    enabled: true
+    strategy: discover
+    discover:
+      enabled: true
+      version: swagger2
+```
+
+然后执行 `mvn package` 命令重新打包、执行 Docker Compose。
+
+结果发现大多数服务都启动了，但是判题服务还有报错。
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYKWGoz54KwujA7s17P0ZCyeL0LEVCoInX5rCJFib6PvGcJrzn9XYUAyFBCI0hACtAo14NU1WtKOMKg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+这是因为程序在创建消息队列时存在硬编码的变量，指定了 host 为 "localhost"，示例代码如下：
+
+```
+ConnectionFactory factory = new ConnectionFactory();
+factory.setHost("localhost");
+Connection connection = factory.newConnection();
+Channel channel = connection.createChannel();
+String EXCHANGE_NAME = "code_exchange";
+channel.exchangeDeclare(EXCHANGE_NAME, "direct");
+```
+
+举这个例子是为了告诉大家，在程序中尽量不要写固定 IP 或域名，全部改为动态读取配置文件，便于修改。
+
+示例修改后的代码如下：
+
+```
+/**
+ * 用于创建测试程序用到的交换机和队列（只用在程序启动前执行一次）
+ */
+@Slf4j
+@Component
+public class InitRabbitMqBean {
+
+    @Value("${spring.rabbitmq.host:localhost}")
+    private String host;
+
+    @PostConstruct
+    public void init() {
+        try {
+            ConnectionFactory factory = new ConnectionFactory();
+            factory.setHost(host);
+            Connection connection = factory.newConnection();
+            Channel channel = connection.createChannel();
+            String EXCHANGE_NAME = "code_exchange";
+            channel.exchangeDeclare(EXCHANGE_NAME, "direct");
+
+            // 创建队列，随机分配一个队列名称
+            String queueName = "code_queue";
+            channel.queueDeclare(queueName, true, false, false, null);
+            channel.queueBind(queueName, EXCHANGE_NAME, "my_routingKey");
+            log.info("消息队列启动成功");
+        } catch (Exception e) {
+            log.error("消息队列启动失败");
+        }
+    }
+}
+```
+
+### 1.7、测试访问
+
+修复上述问题后，所有服务都可以通过 Docker Compose 文件启动了。
+
+然后我们访问 `localhost:8101/doc.html` 网关地址，能够看到 Swagger 聚合接口文档。
+
+![](https://pic.yupi.icu/5563/202311071928086.png)
+
+依次调用用户注册 => 登录 => 获取登录用户信息 => 创建题目接口，全部执行成功。
+
+至此，第一阶段就完成啦。
+
+## 二、服务器部署
+
+在第二阶段，我们的目标就是在真实的 Linux 服务器上部署微服务项目。有了第一阶段的准备，第二阶段简直可以说是易如反掌！
+
+### 2.1、准备服务器
+
+首先，我们要有一台 Linux 服务器。
+
+选择服务器前，我们必须要评估下微服务项目的内存占用，千万别把服务器的内存买小了！
+
+可以使用 Docker Desktop 直接查看内存占用，虚拟机内存大概占用了 8 个 G、容器实际内存占用了 4 个 G：
+
+![](https://pic.yupi.icu/5563/202311071928105.png)
+
+那我们搞多少内存的服务器呢？
+
+我猜很多同学会说 8 G，奈何我天生反骨，明知山有虎偏向虎山行（主要是想省 💰），我就搞一台 2 核 4 G 的服务器吧（发行版是 CentOS 7.9 Linux），咱们来猜一猜它够不够部署这套有 4 个业务服务的微服务项目呢？
+
+咱们一起来见证下！
+
+### 2.2、Docker Compose 安装
+
+有了服务器后，直接参考 Docker Compose 官方文档来安装。这里我们使用 Docker Compose V2 版本，相比 V1 版本统一了命令，使用更方便：
+
+Docker Compose V2 地址：https://docs.docker.com/compose/migrate/
+
+Docker Compose Linux 安装：https://docs.docker.com/compose/install/linux/#install-using-the-repository
+
+![](https://pic.yupi.icu/5563/202311071928154.png)
+
+安装过程很简单，跟着官方文档来就行了，主要包括以下几个步骤：
+
+1）设定安装来源：
+
+```
+sudo yum install -y yum-utils
+sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
+```
+
+2）安装 Docker 和 Docker Compose：
+
+```
+sudo yum install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
+```
+
+3）启动 Docker：
+
+```
+sudo systemctl start docker
+```
+
+4）测试 Docker：
+
+```
+systemctl status docker
+sudo docker run hello-world
+```
+
+### 2.3、同步文件
+
+接下来，我们需要把本地折腾好的微服务项目源码上传到服务器上，可以选择用 FTP 或 SSH 连接文件手动上传文件。
+
+我这里使用 JetBrains 开发工具的远程部署功能，可以配置文件自动上传，步骤如下：
+
+1）进入远程部署配置
+
+![](https://pic.yupi.icu/5563/202311071928220.png)
+
+2）添加远程部署配置：
+
+这里建议大家不要暴露自己的服务器 IP 啊，当你看到本文的时候，其实我已经把服务器的 IP 更换掉了哈哈哈哈哈哈哈哈！
+
+![](https://pic.yupi.icu/5563/202311071928130.png)
+
+3）指定连接的服务器配置：
+
+![](https://pic.yupi.icu/5563/202311071928000.png)
+
+4）配置本地文件和服务器文件路径映射：
+
+![](https://pic.yupi.icu/5563/202311071928314.png)
+
+5）开启自动上传：
+
+![](https://pic.yupi.icu/5563/202311071928688.png)
+
+6）首次需要手动上传文件。
+
+上传前记得先删除无用的文件，然后右键项目根目录，点击部署上传代码：
+
+![](https://pic.yupi.icu/5563/202311071928706.png)
+
+上传成功，在服务器对应路径（/code/yuoj-backend-microservice）下能看到已上传的文件列表：
+
+![](https://pic.yupi.icu/5563/202311071928727.png)
+
+### 2.4、获取 jar 包
+
+光把代码上传到服务器还是不够的，因为我们构建 Docker 镜像需要 jar 包。
+
+有 2 种方式得到 jar 包：
+
+1. 本地执行 `mvn package` 打好 jar 包，然后再上传
+2. 服务器上装 Maven，在服务器上打包
+
+但是因为 jar 包比较大，频繁改动的话同步速度会比较慢，所以更建议第二种方式，步骤如下：
+
+1）安装 Maven：
+
+```
+sudo yum install maven
+```
+
+2）安装好后，执行打包：
+
+```
+sudo mvn package
+```
+
+打包成功：
+
+![](https://pic.yupi.icu/5563/202311071928733.png)
+
+### 2.5、服务启动
+
+所有一切准备就绪，接下来就是使用 Docker Compose 命令分别启动环境依赖和业务服务啦。
+
+#### 1）启动环境依赖
+
+先使用 docker compose 一行命令启动环境依赖：
+
+```
+docker compose -f docker-compose.env.yml up
+```
+
+注意：
+
+1. 老版本使用 "docker-compose" 替代 "docker compose"
+2. 如果没有权限，命令前加上 "sudo"
+
+然后喝杯咖啡，等待启动即可~
+
+启动成功后，我们可以通过公网 IP 来尝试访问服务。
+
+先进入到云服务商的服务器配置页，修改服务器的防火墙配置，放通以下端口：
+
+![](https://pic.yupi.icu/5563/202311071928933.png)
+
+然后像访问本地服务一样分别去访问 MySQL、Redis、RabbitMQ、Nacos 即可，应该都是成功的。
+
+![](https://pic.yupi.icu/5563/202311071928247.png)
+
+由于进程在前台启动会影响我们的操作，所以先按 `ctrl + c` 退出，加上 `-d` 参数让容器在后台启动：
+
+```
+sudo docker compose -f docker-compose.env.yml up -d
+```
+
+试着查看下 docker 容器的状态：
+
+```
+sudo docker stats
+```
+
+能够查看到所有容器的资源占用情况：
+
+![](https://pic.yupi.icu/5563/202311071928655.png)
+
+实话说，我开始紧张了，不知道 4 G 的内存够不够撑。。。
+
+#### 2）启动业务服务
+
+确保环境依赖都启动成功后，接下来启动业务服务：
+
+```
+docker compose -f docker-compose.service.yml up
+```
+
+项目全部启动，看得很爽：
+
+![](https://pic.yupi.icu/5563/202311071928915.png)
+
+正常来说，应该会启动成功；但如果运气背，可能会有失败，比如我这的网关服务就启动失败了。
+
+如果某个服务启动失败，可以再次单独只启动它，比如网关服务：
+
+```
+sudo docker compose -f docker-compose.service.yml up yuoj-backend-gateway
+```
+
+### 2.6、测试访问
+
+最后，像验证本地微服务项目部署一样，访问线上网关的接口文档（ http://你的服务器 IP:8101/doc.html ），依次调用用户注册 => 登录 => 获取登录用户信息 => 创建题目，全部成功~
+
+![](https://pic.yupi.icu/5563/202311071928930.png)
+
+最后使用 `docker stats` 命令查看 Docker 容器的状态，发现总共的内存占用大概 3 G，也就是说 4 G 内存的服务器是完全足够小型微服务项目的部署了~
+
+![](https://pic.yupi.icu/5563/202311071928035.png)
+
+至此，微服务项目部署教程就结束了。
+
+## 最后
+
+最后我再问个问题，如果我只有一台 2 G 内存的服务器，能否成功部署这套有 4 个业务服务的项目呢？如果能的话，又应该怎么部署呢？欢迎大家讨论。
+
+下图是个小提示：
+
+![](https://pic.yupi.icu/5563/202311071928269.png)
+
+终于写完了这篇 6000 多字的教程，如果觉得本期内容有帮助的话，也欢迎点赞、收藏三连支持，谢谢大家！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\210\221\347\253\237\350\242\253\350\277\231\344\270\252 Bug \345\235\221\344\272\206\344\270\200\345\221\250\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\210\221\347\253\237\350\242\253\350\277\231\344\270\252 Bug \345\235\221\344\272\206\344\270\200\345\221\250\357\274\201.md"
new file mode 100644
index 0000000..1c7ebfc
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\210\221\347\253\237\350\242\253\350\277\231\344\270\252 Bug \345\235\221\344\272\206\344\270\200\345\221\250\357\274\201.md"	
@@ -0,0 +1,142 @@
+# 我竟被这个 Bug 坑了一周！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 记录下来，下次秒解
+
+大家好，我是鱼皮，昨天解决了一个让我头疼了一周的 Bug，爽的不行！记录下来分享给大家，如果你们之后也遇到了这个 Bug，说不定就能轻松干掉它了。
+
+### 孽起
+
+事情是这样的，我在公司负责数据可视化相关项目，就是有个网站可以展示各种数据图表，便于分析数据。结果上周有一天，产品小姐姐说，她在系统上输入了两个不同的数据筛选条件，竟然查询出了一模一样的结果？
+
+举个例子，她想分别查询一班和二班的学生成绩，结果无论指定查询条件是一班还是二班，查出的结果都是一班的！
+
+![](https://pic.yupi.icu/5563/202311072029653.png)
+
+> 查询数据
+
+我还是第一次在我们的系统中遇到这样的 Bug，那就排查一下呗！
+
+### 排查
+
+让我们从前端开始查起，完整地追溯一个查询请求。
+
+首先打开浏览器控制台，查看请求参数，发现班级的查询条件（1 或者 2）的确发送给后端了：
+
+![](https://pic.yupi.icu/5563/202311072029366.png)
+
+> 查看请求参数
+
+好吧，那就是后端的问题，为什么不同的条件能查出相同的结果呢？
+
+难道是后端没有用到这些条件？
+
+![](https://pic.yupi.icu/5563/202311072029655.png)
+
+由于数据都是从数据库中查询出来的，那不妨看一下两种请求对应的 SQL（数据库查询语言）语句是否一致。
+
+查一班学生成绩的 SQL：
+
+```
+select 班级,姓名,成绩 
+from student
+where 班级 = '一班';
+```
+
+查二班学生成绩的 SQL：
+
+```
+select 班级,姓名,成绩 
+from student
+where 班级 = '二班';
+```
+
+显然，上述两个查询语句不一致，已经把班级拼接到了 SQL 的 where 子句中。
+
+然后我直接用数据库客户端去执行这两个语句，结果是不同的，能查到二班的数据。也就是说，不是数据库和查询语句的问题。
+
+那奇怪了，如果从数据库中查到的数据是二班的，为什么最后返回给前端却是一班的呢？
+
+![](https://pic.yupi.icu/5563/202311072029966.png)
+
+难道是系统对数据库中查出的数据又进行了后续处理，把二班变成了一班？
+
+仔细看了下代码，也没有，我怎么会写出这么神奇的逻辑哈哈哈！
+
+等等，难道说，数据根本不是从数据库取出来的，而是从数据库的上游 —— 缓存中读取的？
+
+为了提高系统性能，我添加了缓存逻辑，将每个对数据库的查询语句、查询条件等放在一起进行计算，得到一个 key 字符串，并保证相同的查询语句 key 一定相同。
+
+```
+key = 计算(sql, 条件)
+```
+
+也就是说，只要用户执行 SQL 从数据库中取过一次数据，就可以把 key 和结果保存起来。第二次再执行同样的查询，就能直接从缓存中取到结果，不用再到数据库中查啦。
+
+但是，按道理来说，查询一班和二班的 SQL 是不同的，生成的 key 也理应不同，肯定不会查到同一份缓存数据啊？难不成我计算 key 的函数写错，导致出现相同的 key 碰撞了？
+
+于是，我在自己的电脑上运行了计算 key 的函数，发现 key 的确是不同的：
+
+```
+# 查询一班的 SQL 算出的 Key：
+prefix:1234567
+
+# 查询二班的 SQL 算出的 Key：
+prefix:7654321
+```
+
+既然本地和线上是同一组 SQL、同一个计算函数，所以本地的 key 不同，线上的 key 肯定也不同，那怎么还会查出相同的数据呢？好气啊！这不科学啊！
+
+好吧，脑补分析一波后，没有结果。正好当时需求又比较多，于是我决定后面再解决这个 Bug，但它始终让我耿耿于怀。
+
+![](https://pic.yupi.icu/5563/202311072029658.png)
+
+#### 真相
+
+后来某一天，系统又出了其他 Bug，我就去看线上日志，结果这一看，好家伙，这都是啥啊？！
+
+![](https://pic.yupi.icu/5563/202311072029765.png)
+
+> 线上程序日志
+
+为啥会有这么多问号呢？
+
+哦，中文乱码了，估计是部署这个项目的 Docker 容器缺少中文环境吧。
+
+等等，我突然想到了什么！
+
+![](https://pic.yupi.icu/5563/202311072029256.png)
+
+在中文乱码下，我们很多有意义的中文内容都变成了枯燥的问号，导致无法分辨看到的信息有何不同。那么会不会是这个原因，导致之前我们根据 SQL 语句生成的 key 也相同了呢？
+
+看了下日志，果然，查询一班和二班的 SQL 语句都变成了下面这副模样：
+
+```
+select ????,????,???? 
+from student
+where ???? = '????';
+```
+
+显然，查询条件无论指定为啥，都已经没有意义了，最终查询了同一个缓存，从而取到了同一份数据。
+
+真相大白，之后我在容器的配置文件中补充上对中文环境的支持，再重新构建，就完美解决了~
+
+> 参考博客：https://blog.csdn.net/weixin_39153210/article/details/83617792
+
+解决 Bug 的那一刻，感觉世界又充满了色彩哈哈哈！
+
+
+
+------
+
+
+看来，想要解决 Bug，一定要立足于事实（比如日志等 “证据”），有序排查，灵活分析。有时，你以为的不一定是你以为的！
+
+排查 Bug 虽然头疼，但却能锻炼一个人思考问题的方法，帮他积累到更多经验。对我来说，这波属实不亏~
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311072029964.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\211\222\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\347\232\204 Bug\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\211\222\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\347\232\204 Bug\357\274\201.md"
new file mode 100644
index 0000000..fdc1afa
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\211\222\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\347\232\204 Bug\357\274\201.md"	
@@ -0,0 +1,165 @@
+# 扒个知名项目的 Bug！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享一个不错的 Bug 排查思路 ~
+
+大家好，我是鱼皮。我们在学编程时难免会遇到各种各样的 Bug，这种时候你一般会怎么处理呢？
+
+我估计大多数同学会在第一时间选择百度谷歌，也有同学会选择直接求助他人，仅有极少数同学会通过查文档、看源码等方式硬核解决。
+
+![](https://pic.yupi.icu/5563/202311072033184.png)
+
+正好我昨天遇到了个 Bug，就给大家分享一个不错的 Bug 排查思路吧~
+
+## Bug 排查之旅
+
+这是一个关于前端 Ant Design 组件库的 Bug。
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311072033050.png)
+
+> Bug 排查之旅
+
+### 孽起
+
+我有一个前端项目，使用到了 Ant Design 组件库，昨天打开它的官方文档，发现竟然又更新了那么多版本，出了一些新的特性、做了些优化、修了些 Bug 什么的。
+
+正好我自己的这个项目很久很久没更新依赖了，于是我就考虑升级一下 Ant Design 组件的版本号。
+
+在企业级项目中，升级版本号可不是小事，说不定新的版本就淘汰了一些语法，导致你的项目报错呢？
+
+于是，我在升级之后，先用工具整体扫描了一遍代码，还好没报错。
+
+然后呢，还要再人工确认，每个页面都要仔细检查一遍，点一点关键的按钮等。
+
+当我检查页面时，发现一个问题，我的导航条缺失了一些原本拥有的样式，鼠标放到子菜单项时不再变色了。
+
+效果如下：
+
+![](https://pic.yupi.icu/5563/202311072033892.png)Bug
+
+这虽然是个小问题，但还是会影响用户体验的，所以必须要处理下。
+
+### 分析
+
+前端样式上的问题相对还是比较容易解决的，毕竟不涉及什么逻辑。所以我也没有上网搜索，而是直接在原网页和更新版本后有 bug 的网页分别打开 F12 开发者工具，一下就发现，更新版本后的网页缺失了一段样式。
+
+缺失代码如下：
+
+```
+.ant-menu-item-active {
+    color: #1890ff;
+}
+```
+
+原本当鼠标悬停到菜单项时，会自动为该元素添加 `xx-active` 类名，然后触发上述样式代码变蓝色。但更新版本后，这段代码就消失了，所以没有变色。
+
+其实到这里就已经知道 Bug 出现的原因了，解决方案也很简单，再把这段缺失的代码补上，写到一个公共样式里就可以了。
+
+但对于一个倔强的程序员来说，远远不够，我不仅要能解决 Bug，还要 **深扒** 一下这个 Bug！
+
+有同学问了：为啥呢？项目能正常跑不就行了么？
+
+![](https://pic.yupi.icu/5563/202311072033180.png)
+
+#### 为何要深扒 Bug？
+
+其实深扒 Bug 不是真的因为倔，而是有一定的 **必要性** 和好处，我是这么想的：
+
+**1. 明确状况**
+
+组件库代码是别人写的，你不清楚作者为什么要去掉这段样式代码。也许是无意，但也许是有其他的原因呢？真的是 Bug 么？那如果你再把这段样式手动加上，会不会和其他的样式产生冲突呢？所以有必要搞清楚他们修改的原因。
+
+**2. 明确职责**
+
+组件库是别人提供的，我们只是整体引入现成的，如果组件库出了 Bug，本应交由官方修复，而不应该由用户自己想当然地去做补丁和适配。
+
+举个例子，我四年级的时候，阿姨给我买了个 MP4，我很喜欢，天天拿来看动画片儿。但后来它突然开不了机了，我就轻轻摔一下它，哎，竟然突然好了！以后，只要开不了机，我就摔它，最后越摔越高，直到终于摔得屏幕粉碎、贼稀巴烂。
+
+![](https://pic.yupi.icu/5563/202311072033639.png)
+
+有时，你自己确实可以解决问题，但通常不如官方专业，尤其是知名项目，所以还是交给专业人士来处理吧~
+
+如果真的是很多人都遇到的 Bug，官方一般也会给出解决方案。当然，如果项目十分紧急，自己本地改掉也未尝不可，但还是建议先多去了解下项目。
+
+**3. 开源建设**
+
+如果真的是未被发现的 Bug，你的提出和分析可以帮助到更多用到这个项目的小伙伴，何乐而不为呢？能发现和解决一个知名项目的 Bug 也是一件了不起的事。
+
+**4. 个人成长**
+
+以刨根问底的心态来面对和解决问题，我们就会收获很多学编程的乐趣和进步的空间，每个 Bug 的解决都是一项比增删改查更有意义的工作。
+
+综上，我很早之前就养成了习惯：时间允许的情况下，我会把 Bug 翻个底朝天。
+
+### 追溯
+
+那接下来我们来追溯下这个 Bug，因为 Ant Design 是一个非常庞大的项目，代码多、版本多，所以我们要先明确两个边界，便于定位 Bug 来源。
+
+这两个边界分别是：**版本边界** 和 **代码边界** 。
+
+版本边界很好理解，假设我的代码是从 v14.0.0 版本升级到 v14.16.3 版本，那么这两个版本号就是版本边界（更细一点的话可以把每次提交都看作一个版本），Bug 只可能在其中出现。代码边界又可以叫组件边界、模块边界等等，我们发现导航菜单出了问题，那么只需要关心这个组件代码的改动。
+
+因此，在找 Bug 的起源时，我先登录 GitHub，找到 Ant Design 官方仓库，打开了版本（Releases）列表：
+
+![](https://pic.yupi.icu/5563/202311072033082.png)
+
+> 版本列表
+
+如上图，每一次版本的更新都做了哪些事，一目了然。
+
+在这个列表中改动点还挺多，但我们只需要关心 Menu 菜单组件，所以很快找到了这一行：
+
+![](https://pic.yupi.icu/5563/202311072033865.png)
+
+如图，该版本有一个改动是 “修复 Menu 暗色模式下，部分样式被亮色模式污染的问题”，很明显是改了 Menu 组件的代码！
+
+其实当时我看到这里，就觉得大概率是这次改动的问题了，但还不确定，所以还要点进本次改动详情看看。
+
+一进去看代码，就发现惊喜了！果然，本次改动移除了导航条菜单的悬停样式：
+
+![](https://pic.yupi.icu/5563/202311072033858.png)
+
+害，Bug 果然是解决不完的，不知道这是哪位小糊涂写的，改了一个 Bug，又引入了一个新的 Bug 哈哈。
+
+至此，真相大白。
+
+### 处理
+
+最后，我们再看看怎么处理这个 Bug，我的项目因为不急着升级，所以就先回退到了上一个正常的版本，把这个问题交给官方。
+
+那么首先得让官方知道你的问题对吧。
+
+一般我们遇到官方组件的问题，或者是希望有什么新的特性，都可以发起一个 issues（问题）。大家看，Ant Design 不愧为知名项目，Bug 多问题多也很正常，都有 20724 个问题了！
+
+![](https://pic.yupi.icu/5563/202311072033034.png)
+
+> Ant Design Issues
+
+咱也有样学样提一个 issue，Ant Design 团队为了管理大家的问题，提供了一个问题表单页面，并且给你定好了一些规矩，避免一些乱七八糟不经搜索就直接提出的低质量问题。
+
+![](https://pic.yupi.icu/5563/202311072033576.png)
+
+> Ant Design Issue 创建页
+
+提交完毕，就能看到自己创建的 issue 了，可以再打个小勾，表示自己已经确认没有其他同学问过重复的问题。
+
+![](https://pic.yupi.icu/5563/202311072033174.png)
+
+> 自己提交的 issue
+
+在问题描述中，记得把你刚刚的分析过程补充上去，尽量全面，可能会更快地被解答~
+
+OK，接下来等着官方去处理吧。可千万别告诉我这不是 Bug，这是 Feature（特性），毕竟这种以肉换肉的 Feature 我接受不了，肯定很多用户会受到影响的。
+
+### 复盘
+
+最后再次提醒大家，组件库、框架的升级可是大事，在升级前最好把它中间版本的发展过程和改动点详细看一遍，并且在升级后仔细检查，防止被各种 Bug 所伤， 严重时可能还要把已升级的版本再退回来，得不偿失。
+
+如果本文有帮助，还请朋友们给本文 **点赞 + 在看** 支持下啦 ❤️
+
+![](https://pic.yupi.icu/5563/202311072033169.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\217\255\347\247\230\350\275\257\344\273\266\345\274\200\345\217\221\347\232\204\350\276\276\346\221\251\345\205\213\345\210\251\346\226\257\344\271\213\345\211\221.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\217\255\347\247\230\350\275\257\344\273\266\345\274\200\345\217\221\347\232\204\350\276\276\346\221\251\345\205\213\345\210\251\346\226\257\344\271\213\345\211\221.md"
new file mode 100644
index 0000000..64543fb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\217\255\347\247\230\350\275\257\344\273\266\345\274\200\345\217\221\347\232\204\350\276\276\346\221\251\345\205\213\345\210\251\346\226\257\344\271\213\345\211\221.md"
@@ -0,0 +1,626 @@
+# 揭秘软件开发的达摩克利斯之剑
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+为什么你的程序总是出现 bug？
+
+凭什么让改 bug 占据了你大部分的时间？
+
+看完本文，保证你能设计出更稳定的程序，摆脱 bug 的缠绕，做项目更安心！
+
+
+
+![](https://pic.yupi.icu/5563/202311071427667.jpeg)
+
+------
+
+记得我在学校的时候，做的那些项目，不是为了应付课程作业，就是为了参加比赛时展示用，因此对项目的质量要求非常低。
+
+到底有多低呢？
+
+大部分的项目，只要基本的功能可以使用，就算完成了，完全不考虑任何的异常情况。甚至只要能成功运行一次，让我截几张图放到 PPT 或者实验报告里，足够向老师交差或者应付比赛答辩就行。
+
+那项目出现 bug 怎么办呢？
+
+- 如果测试的时候发现有些功能不可用，那很简单，不管他，直接 PS 一张正常运行的图就行。
+- 如果比赛的时候发现有些功能不可用，那也很简单，把锅甩给 “现场网络不好” 就行。
+
+![](https://pic.yupi.icu/5563/202311071427737.jpeg)
+
+但是，这些 “小技巧” 在企业中是行不通的，企业级项目必须为企业带来实际的价值，容不得半点马虎和欺骗。
+
+我第一次进入企业实习时，还保留着自己在学校开发项目的狼性 🐺，只要能够完成基本功能就行，保证以最快的速度完成开发。
+
+有一天，当我洋洋得意准备早点下班时，测试同学走过来跟我说。
+
+“喂，你的程序有 bug，这里用户下单怎么金额是负的？”
+
+![](https://pic.yupi.icu/5563/202311071427416.png)写个 bug
+
+对于我一个初入职场的小白，这是人生中第一次有人说我的代码有 bug，我有问题，我不对劲。
+
+当时，我脑海的第一个念头竟然是怎么把这个 bug 糊弄过去，而不是怎么去更正！看来我已经养成了非常不好的习惯。
+
+那之后几天，我又连续收到了测试提出的多个 bug，然后将他们一个个改正。如果将这样一个漏洞百出的程序发布上线，带来的损失是不可估量的，现在想想仍心有余悸。
+
+![](https://pic.yupi.icu/5563/202311071427438.png)二八原则 开发 1 天，改 bug 4 天
+
+这件事之后，我意识到，在企业中开发项目，不能只追求开发时的效率，还要注重项目的稳定性，否则带来的额外返工时间远比开发时节省的时间要长，而且会影响同事对你的看法。如果将开发时产生的 bug 遗留到线上，后果更是不堪设想！
+
+后来，在字节跳动和腾讯这两家大公司工作后，我进一步认识到了项目稳定性有多重要，并且积累了更多只有在大公司才能学到的提升项目稳定性的经验。
+
+我总结了 **10 个**开发中通常不会考虑到的风险点，以及 **16 个**减少风险、提升项目稳定性的方法，分享给大家~
+
+![](https://pic.yupi.icu/5563/202311071427352.jpeg)
+
+在分享这些之前，先讲个故事。
+
+#### 达摩克利斯之剑
+
+古希腊传说中，达摩克利斯是公元前 4 世纪意大利叙拉古的僭主（古希腊统治者独有的称号）狄奥尼修斯二世的朝臣，他非常喜欢奉承狄奥尼修斯。
+
+他奉承道：“作为一个拥有权力和威信的伟人，狄奥尼修斯实在很幸运。”
+
+于是狄奥尼修斯提议与他交换一天的身份，那他就可以尝试到首领的命运。
+
+在晚上举行的宴会里，达摩克利斯非常享受成为国王的感觉。当晚餐快结束的时候，他抬头才注意到王位上方仅用一根马鬃悬挂着的利剑。他立即失去了对美食和美女的兴趣，并请求僭主放过他，他再也不想得到这样的幸运。
+
+![](https://pic.yupi.icu/5563/202311071427317.png)
+
+> 达摩克利斯之剑
+
+这个故事告诉我们什么呢？
+
+1. 在和平安宁之后，时刻存在着危险与不安。
+2. 当一个人获取多少荣誉和地位，他都要付出同样多的代价。
+3. 地位越高，看似越安全，实则越危险。
+4. 居安思危，对随时可能带来的严重后果，要做到谨慎。
+
+那么这和软件开发又有什么关系呢？下面就让我来揭秘软件开发中的达摩克利斯之剑。
+
+#### 危机四伏
+
+“在和平安宁之后，时刻存在着危险与不安。”
+
+![](https://pic.yupi.icu/5563/202311071427065.jpeg)
+
+软件开发正是如此，表面上机器是 “死” 的，只会按照人输入的指令或编好的程序来执行，一成不变，听话的很。好像我们写好代码扔到机器上后，就可以高枕无忧。
+
+但真的是这样么？**我们真的可以信任机器和程序么？**
+
+其实，在程序世界中危机四伏，人为因素、环境因素等可能都会对我们的程序产生影响。因此，我们必须时刻坚守软件开发的**不信任原则**，保持 `overly pessimistic`（过于悲观），把和程序有关的一切请求、服务、接口、返回值、机器、框架、中间件等等都当做不可信的，步步为营、处处设防。
+
+![](https://pic.yupi.icu/5563/202311071427070.png)
+
+> 程序世界里的不信任原则
+
+那为什么写个代码要这么小心翼翼，什么都不信任呢？
+
+#### 大项目的苦衷
+
+“当一个人获取多少荣誉和地位，他都要付出同样多的代价。”
+
+软件开发中，项目价值越大，需要承受的压力也越大，来听听大项目的苦衷吧。
+
+![](https://pic.yupi.icu/5563/202311071427357.jpeg)
+
+我是一个身价过亿的大项目，每天服务着上千万的用户，帮助他们获得知识与快乐。
+
+我的小伙伴们只看到我身上的光环和荣耀，但是他们看不到我背负的压力和风险，今天终于有机会和大家倾诉我的苦衷了。
+
+记得很多年前，我还是个孩子，只有几个小主人开发我，那段时间，我成长的很快。虽然只有几十个人使用我，但我感到非常轻松和快乐，偶尔偷会儿懒，也不会被人发现。
+
+后来，我的功能越来越多，越来越强大。每天有数之不尽的新面孔来和我打招呼，并享受我提供的服务。渐渐地，更多开发者在我身上留下了印记，我感觉自己正在变得复杂，也开始感受到了压力。我再也找不到机会偷懒，因为我一旦休息，就会让我的主人们损失一比不小的财富。
+
+如今，我已经是一个成熟的大项目了，每天有上千万的用户依赖我，我终于拥有了更大的价值，却也增加了很多烦恼，感受到了更大的危险。
+
+![](https://pic.yupi.icu/5563/202311071427661.jpeg)
+
+首先，同时服务千万用户，每秒钟都可能会有几十万、甚至几百万个请求需要我来处理，因此我必须每时每刻无休止地高负载工作，且不说休息，哪怕稍微慢了一点，就会遭到用户的投诉，主人们也会因此受到批评。
+
+我的运行，必须依靠很多兄弟们的支撑，因此我必须和兄弟们好好相处，哪怕一个兄弟倒了，我都会受到影响。
+
+在我强大的实力背后，有一颗非常脆弱的心。经历了那么多次的强化和改造，我的功能逐渐变多的同时，也因此被植入了各种框架和插件，体积像滚雪球一般越来越大，不知道什么时候就会爆炸。以至于主人们每次改动我时都要万分谨慎，我的成长也变得十分缓慢。
+
+![](https://pic.yupi.icu/5563/202311071427120.jpeg)
+
+> 复杂
+
+然而最让我感到恐惧的，是那些坏家伙们！
+
+他们和正常的用户不同，有的不断制造请求，试图将我击垮。有的绕到我的背后，试图直接控制我。有的对我虎视眈眈，监视并记录我的一举一动。还有的尝试各种非法操作，想从我身上牟取暴利。
+
+作为一个大项目真是太累了，我不知道我还能坚持多久。
+
+#### 真的可信么？
+
+“地位越高，看似越安全，实则越危险。”
+
+如今是一个软件开源和共享的时代，我们在开发项目时，或多或少会使用到网上现有的资源，比如依赖包、工具、组件、框架、接口、现成的云服务等等，这些资源能够大大提升我们的开发效率。
+
+就拿云服务来说，几乎已经成了我们开发必备的资源，以前我们想要做一个网站，可能需要自己买一台物理服务器，然后连通网络，再把项目部署上去。而如今，直接登录大公司的云官网（像腾讯云、阿里云），然后租一台云服务器就行了，非常省事。
+
+![](https://pic.yupi.icu/5563/202311071427907.png)
+
+> 云服务
+
+再说说现在主流的开发框架，以前做一个简单的网站界面可能只会使用 `HTML`、`CSS`、`JavaScript` 这三种最基础的技术，而如今，网站的样式和交互越来越复杂，我们不得不使用一些知名的框架来提升开发效率，比如 `Vue` 和 `React`。
+
+听起来好像没有任何问题，你也根本不会去怀疑什么，因为**我们天生带着对大公司，或者说是对名气的信任**。
+
+但是，你知道么，当你决定使用其他人的资源时，你就已经把项目系统的部分掌控权、甚至可能是半条命，都交出去了。
+
+那么不妨思考一下，你使用的这些资源，真的可信么？
+
+**下面 10 个问题，可能改变你对开发的认知。**
+
+![](https://pic.yupi.icu/5563/202311071427033.jpeg)
+
+#### 1. 开发工具可信么？
+
+我们通常是在大而全的开发工具中编写代码，比如 `JetBrains IDEA` 或者 `Vscode`。很多刚开始写代码的同学、甚至是一些经验丰富的老手，都对开发工具保持绝对的信任。
+
+比如你在键盘上敲击 `a`，那编辑器界面上显示的一定是 `a`。
+
+但是，由于内存不足等种种原因，**开发工具其实也会抽风**。
+
+比如你想要调用某个函数，通常敲击函数名前几个字母后，开发工具就会自动给你提示完整的函数名，但如果开发工具没有给你提示，你首先怀疑的是这个函数不存在，而不是编辑器没有按预期给出提示。遇到这种情况，可以稍等编辑器一下，或者进一步确认函数是否真的不存在，而不是立刻创建一个新的函数。
+
+又或是项目无法运行，怎么排查都觉得没问题，这时不妨重新启动下开发工具，或者清理一下缓存，说不定项目就能正常运行了！
+
+还有很多非常有意思的情况，比如编辑器一片大红，各种提示错误，但是项目依然能成功运行。
+
+![](https://pic.yupi.icu/5563/202311071427622.jpeg)
+
+> 为什么不能运行？为什么能运行？
+
+因此，不要绝对相信开发工具。
+
+#### 2. 开源项目可信么？
+
+现在是一个软件开源的时代，在 `GitHub` 等开源项目平台上能够找到大量优秀的开源项目，好的开源项目甚至可以得到 10 万多个关注，那这些知名的开源项目可信么？
+
+不完全可信！从每个开源项目的 Issues 就能看出这点，而且通常越大的项目，被发现的问题越多，比如 `Vue` 项目，累积提出并关闭了 8000 多个问题。
+
+![](https://pic.yupi.icu/5563/202311071427478.png)
+
+> Vue 项目的问题
+
+我记得自己有一次使用知名的开源服务器 `Tomcat`，就遇到了 bug，每次接受到特定的请求都会报错。刚开始我根本没有怀疑是 `Tomcat` 的问题，而是绞尽脑汁地想自己的代码哪里写错了。后来经过反复的排查和搜索，终于确认了就是 `Tomcat` 本身的 bug！
+
+虽然开源项目并不完全可信，但是相对于私有项目而言，所有对项目感兴趣的同学可以共同发现项目中的问题，并加以解决，在一定程度上还是能够提高项目的可靠性的。
+
+#### 3. 依赖库可信么？
+
+我们在开发项目时，通常会用到大量的依赖库。直接在官方依赖源（比如 `Maven` 和 `npm`）搜索依赖库，然后使用包管理器，用一行命令或者编写配置文件就能够让其自动安装依赖，非常方便。
+
+**但是，这些发布到官方源的依赖库，就可信么？**
+
+且不说基本每个开发者都有机会发布依赖库到官方，就算是互联网大公司的依赖库，也未必可信。
+
+给我印象最深刻的就是阿里巴巴的 `JSON` 序列化类库 `fastjson`，几乎无人不知、无人不晓，因为其极快的解析速度广受好评。但是，这个库被多次曝光存在高危漏洞，可以让攻击者远程执行命令！一般的开发者根本不会发现这点，从而给项目带来了极大的危害。
+
+![](https://pic.yupi.icu/5563/202311071427912.jpeg)
+
+因此，在选用依赖库的时候，要做好充分的调研，尽量确认依赖库的安全，并且保证不要和已有的依赖冲突。
+
+#### 4. 编程语言可信么？
+
+`Java` 是一种强类型语言，具有健壮性。这句话我相信所有学过 `Java` 的同学都再熟悉不过了。但是，强类型编程语言就一定可信么？
+
+这里可能有同学就要表示怀疑了，如果我们一直使用的最基础最底层的编程语言都存在 bug，那我们怎么去相信建立在这些编程语言上的框架呢？
+
+然而真相是，所有的编程语言都有 bug！而且基本每次编程语言发布新版本时都会对一些历史 bug 进行修正。就 `Java` 而言，甚至还有一个专门记录 bug 的数据库！
+
+![](https://pic.yupi.icu/5563/202311071427116.png)Java Bug 数据库
+
+但是，对于大多数开发者来说，我相信即使在程序中偶然触发了编程语言本身的 bug，也没有足够的自信去质疑，而是直接修改代码来绕过。
+
+确实，质疑编程语言需要一定的基础和知识储备，但是一旦发现了程序中莫名其妙的问题，建议大家不要直接忽略，可以花一些时间去探索研究，说不定你就成功地发现了一个重大的 bug，也能够加深对这门编程语言的理解。
+
+#### 5. 服务器可信么？
+
+服务器是项目赖以生存的宿主，服务器的性能和稳定性将直接影响到项目进程。
+
+无论是个人开发者还是企业，通常都会直接租用大公司提供的云服务器来部署项目，省去了自己搭建和维护的麻烦。
+
+但是大公司的云服务器就可信么？
+
+不完全可信！即使现在的云服务器提供商都承诺自己的服务 SLA（服务级别协议）可以达到 5 个 9（99.999% 一年约宕机 5 分钟），甚至 6 个 9（99.9999% 一年约宕机 30 秒），但是仍然存在一定的风险。
+
+有一个非常有名的案例，在 2013 年，中国最大的社交通讯软件出现大规模的故障，多达几亿用户受到影响。原因竟然是，市政道路建设的一个不注意，把网络光缆挖断了，就导致该软件所在服务器的无法访问。
+
+除了可用性的不可信之外，可能还有一些安全隐私方面的问题。当然云服务商通常是不会获取用户的数据的，但也没有办法绝对相信他们。毕竟数据的隐私对企业至关重要，这也是为什么大的公司都会搭建属于自己的服务器机房和网络。
+
+![](https://pic.yupi.icu/5563/202311071427745.jpeg)
+
+> 机房
+
+#### 6. 数据库可信么？
+
+企业中的大多数业务数据都是存放在数据库中的，通过项目后端程序来操作和查询数据库中的数据。
+
+和服务器一样，我们可以使用软件自己搭建数据库，比如 `MySQL`，也可以直接租用大公司的云数据库，那么数据库可信么？
+
+其实在企业后端项目中，数据库通常是性能瓶颈，相对比较脆弱，当访问并发量大一点时，数据库的查询性能就会下降，严重时可能整个宕机！即使是大公司提供的云数据库服务，遇到慢查询（需要较长时间的查询）时，可能也无从应对。
+
+数据库中的数据其实也未必可信，有时管理员的一个误操作，不小心删除数据或添加了一条错误数据，可能就会影响用户，造成损失。更有甚者，竟然删库跑路，不讲码德！
+
+![](https://pic.yupi.icu/5563/202311071427079.jpeg)
+
+> 删库跑路
+
+因此，不要过于信任数据库，应当使用缓存之类的技术帮助数据库分担压力，并定期备份。否则一旦数据库宕机或数据丢失，带来的损失是不可估量的！
+
+#### 7. 缓存服务可信么？
+
+缓存是开发高性能程序必备的技术，通过将数据库等查询较慢的数据存放在内存中，直接从内存中读取数据，以提升查询性能。有了缓存之后，项目不仅能够支持更多人同时查询数据，还能够保护数据库。
+
+目前比较主流的缓存技术有 `Redis`、`Memcached` 等，可以自己在服务器搭建，也可以直接租用大公司提供的云缓存服务。
+
+![](https://pic.yupi.icu/5563/202311071427090.png)存储键值对的缓存
+
+那么缓存服务是否可信呢？
+
+项目的并发量不是特别大的话，一般的缓存技术就足以支持了，但是如果项目的量级很大，可能缓存也无法承受住压力，严重时就会宕机。而一旦缓存挂掉，大量的查询命令会直接请求数据库，于是数据库也会在瞬间挂掉，严重时还会导致整个项目瘫痪！
+
+因此，在使用缓存时，需要对并发量进行评估，通过搭建集群和数据同步保证高可用性。此外，还要预防**缓存雪崩、缓存穿透、缓存击穿**等问题，简单解释一下。
+
+缓存雪崩：指大量缓存在同一时间过期，请求都访问不到缓存，全部打到数据库上，导致数据库挂掉。
+
+缓存穿透：持续访问缓存中不存在的 key 导致请求直接打到数据库上，导致数据库挂掉。
+
+缓存击穿：一个被大量请求高频访问的热点 key 突然过期，导致请求瞬间全部打到数据库上，导致数据库挂掉。
+
+如果不预防这三个问题，即使是租用大公司的缓存服务，也一样吹弹可破。
+
+![](https://pic.yupi.icu/5563/202311071427966.jpeg)
+
+> 雪崩
+
+#### 8. 对象存储可信么？
+
+项目中，经常会有用户上传图片或文件的功能，这类数据通常较大，用数据库存储不太方便。虽然我们可以将文件直接存到服务器上，但更好的做法是使用专门的对象存储服务。
+
+可以简单地把对象存储当做一个大的文件夹，我们可以通过它直接上传和下载文件。大的云服务商也都提供了专业的对象存储服务，而无需自己搭建，那么对象存储可信么？
+
+一般情况下，上传到对象存储的文件是不会缺失或丢失的，而且还可以将已上传的数据进行跨园区同步，起到备份的作用。
+
+![](https://pic.yupi.icu/5563/202311071427277.png)
+
+> 跨园区同步
+
+但是，记得有一次，上传到对象存储上的文件和源文件竟然不一致，大小足足少了 1M。起初我以为是文件上传到对象存储时，会自动被压缩，但是将对象存储中的文件下载到本地后，发现的确和源文件不一致！虽然出现这种情况的概率极其小，但从那一刻起，我再也不相信对象存储了。
+
+再用自己的真实经历来聊聊对象存储的跨园区同步。因为个人负责的业务比较重要，万一单个机房整体挂掉，可能分分钟是几十万元的损失！因此我为对象存储配置了自动跨园区同步，将文件先上传至广州机房，然后数据会自动同步到上海机房，且运维同学承诺自动同步的延迟不超过 15 分钟。
+
+我相信大部分开发者配置数据同步后也就不管了，相信它一定会自动同步的。结果后面我编写程序去做同步监控、对比数据时，发现经常出现数据未同步的情况，比例高达 10%！
+
+![](https://pic.yupi.icu/5563/202311071427134.jpeg)
+
+因此，不能完全相信对象存储，虽然大部分情况下大公司的对象存储服务很可靠，但不能确保万无一失。尤其是同步备份的场景下，是否真的同步成功了，又有多少同学关心过呢？不妨写个程序去验证和保障。
+
+#### 9. API 接口可信么？
+
+在开发中，我们经常会调用其他系统提供的 API 接口来轻松实现某种功能。比如查询某地的天气，可以直接调用其他人提供的天气查询接口，而无需自己编写。我们也可以提供 API 接口给其他人使用，尤其是在微服务架构中，各服务之间都是以接口调用的形式实现交互协作的。
+
+几乎所有的 API 接口提供者都会说自己的接口有多安全、请放心使用，那么 API 接口真的可信么？
+
+**其实，API 接口是最不可信的资源！**
+
+首先，API 接口的提供方可以是任何开发者，很难通过他们的一面之词来确定接口的稳定性和安全性。
+
+即使这个接口性能很高、也很安全，但是你并不了解有多少人和你在同时使用这个接口，也许只有你，又也许是 100 万个其他的开发者呢？在这个竞争条件下，接口的 `qps`（query per second 每秒查询数）还能达到预期么？接口返回时长真的不会超时么？
+
+更有甚者，偷偷地把 API 接口改动了，却没有给调用者发送通知，这样接口的调用方全部都会调用失败，严重影响项目的运行！
+
+因此，我们在调用第三方 API 接口时，一定要慎重、慎重、再慎重！
+
+此外，如果我们是 API 接口的提供者，也要注意保护好自己的 API 接口，避免同时被太多的开发者调用，导致接口挂掉。
+
+![](https://pic.yupi.icu/5563/202311071427579.jpeg)
+
+> API 存在复杂的调用关系
+
+#### 10. Serverless 可信么？
+
+如果说服务器不可信，那我们干脆就不租服务器了，直接租用大公司提供的 Serverless 服务来作为项目的后台不就行了？
+
+Serverless 指无服务器架构，并不是真的不需要服务器，而是将项目接口的部署、运维等需要对服务器的操作交给服务商去做，让开发者无需关心服务器，专心写代码就好。
+
+![](https://pic.yupi.icu/5563/202311071427021.png)
+
+> docker 容器
+
+听起来非常爽，那 Serverless可信么？
+
+使用 Serverless，虽然能够大大提升开发和运维效率，但是其相对服务器等资源而言，更不可信！
+
+首先，Serverless 本身就是部署在服务器上的，难免会受到服务器的影响。
+
+其次，Serverless 服务不会长期保持应用的状态，而是随着请求的到来而启动，存在冷启动时期，虽然也有很多相关的优化和解决方案，但仍无法精确地保证接口的性能，尤其是在高并发场景下，性能往往达不到预期。
+
+最重要的是，当你选择使用 Serverless 服务时，你就和某云服务提供商绑定了，后续想要迁移是非常困难的！试想一下，你项目的所有功能都交给别人来维护，真的是好事么？一旦云服务提供商改造了架构或接口，你的代码也要随之改动，而这种改动却不是由自己控制的！
+
+当然，Serverless 具有非常多的优点，也是云计算技术发展的必然趋势，只是希望大家在使用前，考虑到那些可能的风险，并做好应对措施。
+
+![](https://pic.yupi.icu/5563/202311071427621.jpeg)
+
+> 云计算时代
+
+总结：正是因为我们太过信任那些名气大、看似安全的资源，所以其背后的危险才更难以被察觉，带来的后果往往也更致命！
+
+#### 防御性编程
+
+“居安思危，对随时可能带来的严重后果，要做到谨慎。”
+
+在软件开发中，虽然项目表面上能够正常运行，但风险无处不在，因此我们要学习防御性编程思想。把自己当成一个杠精，不要相信任何人，尽力去发现程序中的风险，积极防御。
+
+下面给大家分享 16 个防御性编程的方法，学习之后，能够大大减少程序中的风险。
+
+![](https://pic.yupi.icu/5563/202311071427929.jpeg)
+
+> 祈祷性编程
+
+#### 1. 编程习惯
+
+要减少程序中的风险，首先要养成良好的编程习惯。
+
+首先，在写代码时，一定要保持良好的心态，不要仓促或者以完成任务的心态去写代码。如果仅仅是为了完成需求，那么很有可能不会注意到代码中的风险，甚至是发现了风险也懒得去修补，这样确实能够节约开发的时间，但是后面出现问题后，你还是要花费更多的时间去排查、沟通和修复 bug。拔苗助长，适得其反。
+
+在写代码时，如果在一个地方多次使用相同且复杂的变量名或字符串，建议不要手动去敲，而是用大家最喜欢的 “复制粘贴”，防止因为手误而导致的 bug。
+
+![](https://pic.yupi.icu/5563/202311071427529.jpeg)
+
+> 复制粘贴一把梭
+
+此外，我们在代码中应该加强对返回值的检查，并且选择安全的语法和数据结构，避免使用被废弃的语法。不同的编程语言也有不同的最佳编程习惯，比如在 `Java` 语言中，应该对所有可能为 `NULL` 的变量进行检查，防止 `NPE`（NULL Pointer Error 空指针异常），在开发多线程程序时，选用线程安全的 `ConcurrentHashMap` 而不是 `HashMap` 等等。还可以利用 `Assert`（断言）来保证程序运行中的变量值符合预期。
+
+推荐使用一个自带检查功能的编辑器来书写代码，在我们编写代码时会自动检查出错误，还能给出好的编码风格的建议，能够大大减少开发时的风险。此外，在代码提交前，一定要多次检查代码，尤其是那些复制粘贴过来的文件，经常会出现遗漏的修改。提交代码后，也可以找有经验的同事帮忙阅读和检查下代码（代码审查），进一步保证没有语法和逻辑错误。
+
+![](https://pic.yupi.icu/5563/202311071427372.png)
+
+> 编辑器语法检查和提示
+
+#### 2. 异常处理
+
+程序的运行风云变幻，同一段代码在不同情况下也可能会产生不同的结果，甚至是异常。因此很多主流的编程语言中都有异常处理机制，比如在 `Java` 中，先用 `try` 捕获异常、再用 `catch` 处理异常、最后用 `finally` 释放资源和善后。
+
+在编程时，要合理利用异常处理机制，来防御代码中可能出现的种种问题。通常在异常处理中，我们会记录错误日志、执行错误上报和告警、重试等。
+
+比如不信任数据库，那就在查询和操作数据时添加异常处理，一旦数据库抽风导致操作失败，就在日志中记录失败信息，并通过邮件、短信等告警方式通知到开发者，就能第一时间发现问题并排查。必要时还可以实现自动重试，省去一部分人工操作。
+
+![](https://pic.yupi.icu/5563/202311071427581.png)
+
+> 异常啦
+
+#### 3. 请求校验
+
+所有的请求都是不可信的，哪怕是在公司内网，也有可能因为一些失误，导致发出了错误的请求。
+
+因此我们编写的每个接口，在实现具体的业务逻辑前，一定要先对请求参数加上校验，下面列举几种常见的校验方式：
+
+1. 参数类型校验：比如请求参数应该是 `Integer` 整型而不是 `Long` 长整数类型。
+2. 值合法性校验：比如整数的范围大于等于 0、字符串长度大于 5，或者满足某种特定格式，比如手机号、身份证等。
+3. 用户权限校验：很多接口需要登录用户或者管理员才能调用，因此必须通过请求参数（请求头）来判断当前用户的身份，被一个普通用户下载了 VIP 付费电影肯定是不合理的！
+
+![](https://pic.yupi.icu/5563/202311071427595.jpeg)
+
+#### 4. 流量控制
+
+上面提到，所有的请求都是不可信的，不仅仅是请求的值，还有请求的量和频率。对于所有接口，都要限制它的调用频率，防止接口被大量瞬时的请求刷爆。对于付费接口，还要防止用户对接口的请求数超过原购买数。
+
+此外，还有一种容易被忽视的情况，假如你的接口 A 中又调用了其他人的接口 B，也许你的接口 A 自身的逻辑能够承受每秒 1000 个请求，但是你确定接口 B 可以承受么？
+
+因此，需要进行流量控制，不仅仅是预防接口被刷爆，还可以保护内部的服务和调用。
+
+什么，你说你的接口很牛逼，每秒能抗 100 万个请求，也没有调用其他的服务，那我就找 100 万 + 1 个人同时请求你的接口，看你怕不怕！
+
+![](https://pic.yupi.icu/5563/202311071427471.jpeg)
+
+> DDOS 分布式拒绝服务攻击
+
+**常用的流量控制按照不同的粒度可分为：**
+
+1. 用户流控：限制每个用户在一定时间内对某个接口的调用数。
+2. 接口流控：限制一定时间内某个接口的总调用数。
+3. 单机流控：限制一定时间内单台服务器上的项目所有接口的总调用数。
+4. 分布式流控：限制一定时间内项目所有服务器的总请求数。
+
+当然，除了上面提到的几种方式外，流控可以非常灵活，也有很多优秀的限流工具。比如 `Java` 语言 `Guava` 库的 `RateLimiter` 令牌桶单机限流、阿里的 `Sentinel` 分布式限流框架等。
+
+![](https://pic.yupi.icu/5563/202311071427678.png)
+
+> Sentinel 流控面板
+
+#### 5. 回滚
+
+有时，我们对项目的操作可能是错误的，可能是人工操作，也可能是机器操作，从而导致了一些线上故障。这时，可以选择回滚。
+
+回滚是指撤销某个操作，将项目还原到之前的状态，这里介绍几种常见的回滚操作。
+
+**数据回滚**
+
+有时，我们想要批量插入数据，但是数据插入到一半时，程序突然出现异常，这个时候我们就需要把之前插入成功的数据进行回滚，就好像什么都没发生过一样。否则可能存在数据不一致的风险。
+
+最常见的方式就是使用事务来处理数据库的批量操作，当出现异常时，执行数据库客户端的回滚方法即可。
+
+**配置回滚**
+
+如果将项目的配置信息，比如数据库链接地址，写死到代码中，一旦配置错了或者地址发生变更，就要重新修改代码，非常麻烦。
+
+比较好的方式是将配置发布到配置中心进行管理，让项目去动态读取配置中心的配置。如果不小心发布了错误的配置，可以直接在配置中心进行回滚，将配置还原。
+
+**发布回滚**
+
+没有人能保证自己的代码正确无误，很多时候，项目在测试环境验证时没有发现任何问题，但是一上线，就漏洞百出。这就说明我们最新发布的代码是存在问题的。
+
+这时，最简单的做法就是进行版本回滚，将之前能够正常运行的代码重新打包发布。大公司一般都有自己的项目发布平台，能够使用界面一键回滚，自动发布以前版本的项目包。
+
+![](https://pic.yupi.icu/5563/202311071427691.png)
+
+#### 6. 多级缓存
+
+上面提到，缓存对项目是非常重要的，不仅是提升性能的利器，也是数据库的保护伞。
+
+但如果缓存挂掉怎么办呢？
+
+有两种方案，第一种是为缓存搭建集群，从而保证缓存的高可用。
+
+![](https://pic.yupi.icu/5563/202311071427820.png)
+
+> Redis 集群
+
+但是一切都不可信，集群也有可能挂掉！
+
+那么可以用第二种方案，一级缓存挂掉，我们就再搞一个二级缓存顶上！
+
+通常，在高并发项目中，我们会设计多级缓存，即分布式缓存 + 本地缓存。当请求需要获取数据时，先从分布式缓存（比如 `Redis`） 中查询，如果分布式缓存集体宕机，那就从本地缓存中获取数据。这样，即使缓存挂掉，也能够帮助系统支撑一段时间。
+
+这里可能和一些多级缓存的设计不同，有时，我们会把本地缓存作为一级缓存，缓存一些热点数据，本地缓存找不到值时，才去访问分布式缓存。这种设计主要解决的问题是，减少对分布式缓存的请求量，并进一步提升性能，和上面的设计目的不同。
+
+![](https://pic.yupi.icu/5563/202311071427261.png)
+
+> 多级缓存设计
+
+#### 7. 服务熔断和降级
+
+每年的双十一，我们会准时守着屏幕上的抢购页面，只为等待那一个 “请稍后再试！”
+
+![](https://pic.yupi.icu/5563/202311071427194.jpeg)
+
+我们的项目其实远比想象的要脆弱，很多服务经常因为各种原因出现问题。比如搞活动时，大量用户同时访问会导致对项目服务的请求增多，如果项目顶不住压力，就会挂掉。
+
+为了防止这种风险，我们可以采用**服务降级**策略，如果系统实在无法为所有用户提供服务，那就退而求其次，给用户直接返回一个 “友好的” 提示或界面，而不是强行让项目顶着压力过劳死。
+
+配合**服务熔断**技术，可以根据系统的负载等指标来动态开启或关闭降级。比如机器的 CPU 被占用爆满时，就开启降级，直接返回错误；当机器 CPU 恢复正常时，再正常返回数据、执行操作。
+
+`Hystrix` 就是比较有名的微服务熔断降级框架。
+
+![](https://pic.yupi.icu/5563/202311071427732.png)
+
+> Hystrix
+
+#### 8. 主动检测
+
+上面提到，即使是大公司的同步服务，也可能会出现同步不及时甚至是数据丢失的情况。因此，为了进一步保证同步成功、数据的准确，我们可以**主动检测**。
+
+比如编写一个定时脚本或者任务，每隔一段时间去检查原地址和目标地址的数据是否一致，或者通过一些逻辑来检查数据是否正确。当然也可以在每次数据同步结束后都立即去检测，更加保险。
+
+![](https://pic.yupi.icu/5563/202311071427775.png)
+
+> 主动检测
+
+#### 9. 数据补偿
+
+当检测出数据不一致后，我们就要进行数据补偿，比如将没有同步的数据再次进行同步、将不一致的数据进行更新等。
+
+除了用来解决主动检测出的数据不一致，数据补偿也被广泛用于业务设计和架构设计中。
+
+比如调用某个接口查询数据失败后，停顿一段时间，然后自动重试，或者从其他地方获取数据。又如消息队列的生产者发送消息失败时，应该自动进行补发和记录，而不是直接把这条消息作废。
+
+数据补偿的思想本质上是保证数据的最终一致性，数据出错不可怕，知错能改就是好孩子。这种思想也被广泛应用于分布式事务等场景中。
+
+![](https://pic.yupi.icu/5563/202311071427216.png)
+
+#### 10. 数据备份
+
+数据是企业的生命，因此我们必须尽可能地保证数据的安全和完整。
+
+很多同学会把自己重要的文件存放在多个地方，比如自己的电脑、网盘上等等。同样，在软件开发中，我们也应该把重要的数据复制多份，作为副本存放在不同的地方。这样，即使一台服务器挂了，也可以从其他的服务器上获取到数据，减少了风险。
+
+![](https://pic.yupi.icu/5563/202311071427373.jpeg)
+
+> 数据备份
+
+#### 11. 心跳机制
+
+接口可是个复杂多变的家伙，如果我们的项目依赖其他的接口来完成功能，那么最好保证该接口一直活着，否则可能会影响项目的运行。
+
+举个例子，我们在使用银行卡支付时，肯定需要调用银行提供的接口来获取银行卡的余额信息，如果这个接口挂了，获取不到余额，用户也就无法支付，也就损失了一笔收入！
+
+因此，我们需要时刻和重要的接口保持联系，防止他们不小心死了。可以采用心跳机制，定时调用该接口或者发送一个心跳包，来判断该接口是否仍然存活。一旦调用超时或者失败，可以立刻进行排查和处理，从而大大减少了事故的影响时长。
+
+![](https://pic.yupi.icu/5563/202311071427124.png)
+
+> 心跳检测
+
+#### 12. 冗余设计
+
+在系统资源和容量评估时，我们要做一些冗余设计，比如数据库目前的总数据量有 1G，那么如果要将数据库的数据同步到其他存储（比如 `Elasticsearch`）时，至少要多预留一倍的存储空间，即 2G，来应对后面可能的数据增长。业务的发展潜力越大，冗余的倍数也可以越多，但也要注意不要过分冗余，毕竟资源也是很贵的啊！
+
+其实，冗余设计是一种重要的设计思想。当我们设计业务或者系统架构时，不能只局限于当前的条件，而是要考虑到以后的发展，选择一种相对便于扩展的模式。否则之后项目越做越大，每一次对项目的改动都步履维艰。
+
+![](https://pic.yupi.icu/5563/202311071427984.png)
+
+#### 13. 弹性扩缩容
+
+梦想还是要有的，说不定突然，我们原先只有 100 人使用的小项目突然就火了，有几十万新用户要来使用。
+
+但是，由于我们的项目只部署在一台服务器上，根本无法支撑那么多人，直接挂掉，导致这些用户非常扫兴，再也不想用我们的项目了。
+
+![](https://pic.yupi.icu/5563/202311071427608.jpeg)
+
+> 梦想破碎了
+
+这也是常见的风险，我们可以使用弹性扩缩容技术，系统会根据当前项目的使用和资源占用情况自动扩充或缩减资源。
+
+比如当系统压力较大时，多分配几台机器（容器），当系统压力较小时，减少几台机器。这样不仅能够有效应对突发的流量增长，还能够在平时节约成本，并省去了人工分配调整机器的麻烦。
+
+#### 14. 异地多活
+
+前面提到，服务器是不可信的，别说一个服务器挂掉，由于一些天灾人祸，整个机房都有可能集体挂掉！
+
+和备份不同，异地多活是指在不同城市建立独立的数据中心，正常情况下，用户无论访问哪一个地点的业务系统，都能够得到正确的服务，即同时有多个 “活” 的服务。
+
+而某个地方业务异常的时候，用户能够访问其他地方正常的业务系统，从而获得正确的服务。
+
+如此一来，即使广州的机房跨了，咱还有上海的，上海的跨了，咱还有北京的。
+
+同时活着的服务越多，系统就越可靠，但同时成本也越高、越复杂，因此几乎都是大公司才做异地多活。千万不要让正常情况下的投入大于故障发生的损失！
+
+![](https://pic.yupi.icu/5563/202311071427021.jpeg)
+
+> 饿了么异地多活技术实现（一)总体介绍
+
+#### 15. 监控告警
+
+项目的运行不可能一直正常，但是我们不可能 24 小时盯着电脑屏幕来监视项目的运行情况吧？又不能完全不管项目，出了 bug 等着用户来投诉。
+
+因此，最好的方式是给业务添加监控告警，当程序出现异常时，信息会上报到监控平台，并第一时间给开发者发送通知。还可以通过监控平台实时查看项目的运行情况，出了问题也能更快地定位。
+
+![](https://mmbiz.qpic.cn/mmbiz_jpg/mngWTkJEOYIzRQbbyYDNts7MywRcySISLx6ibPhKtDCDtP4Ou4u75QDNhUAcnsdWwuCvBdE2P4mKU8m1c8oK2zw/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1)
+
+> Grafana 监控平台
+
+#### 16. 线上诊断和热修复
+
+既然程序世界一切都不可信，危险无处不在，那么干脆就做最坏的打算，假设线上程序一定会出 bug。
+
+既然防不胜防，那就严阵以待，在 bug 出现时用最快的速度修复它，来减少影响。
+
+通常，我们要改 bug，也需要经历改动代码、提交代码、合并代码、打包构建、发布上线等一系列流程。等流程走完了，可能系统都透心凉了。
+
+为提高效率，我们可以使用线上诊断和热修复技术。在出现 bug 时，先用线上诊断工具轻松获取项目的各运行状态和代码执行信息，提升排查效率。发现问题后，使用热修复技术直接修改运行时的代码，无需重新构建和重启项目！
+
+在 `Java` 中，我们可以使用阿里开源的诊断工具 `Arthas`，同时支持线上热修复功能。也可以自己编写脚本来实现，但是相对复杂一些。
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYIzRQbbyYDNts7MywRcySISZJ4eSEbyrUKrFO5XlCbnzVuEIwDIHicsOzrBnxjt96ZGtic67ZKQwicicQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+> Arthas Logo
+
+------
+
+看到这里，肯定有同学会吐槽，怎么写个程序要考虑那么多和功能无关的问题。本来五分钟就能写完的代码，现在可能一个小时都写不完！
+
+![](https://pic.yupi.icu/5563/202311071427468.png)
+
+> 超凶
+
+其实，并不是所有的项目都要做到绝对的安全（当然我们也做不到），而是我们应该时刻保持居安思危的思想，把防御性编程当做自己的习惯。
+
+**实际情况下，要根据项目的量级、受众、架构、紧急程度等因素来综合评估将项目做到何种程度的安全，而不是过度设计、杞人忧天。**
+
+让我们把时间慢下来，在开发前先冷静思考，预见并规避风险，不要让达摩克利斯之剑落下。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\260\224\347\202\270\357\274\201\345\217\210\344\270\200\346\254\241\350\242\253\347\274\226\350\276\221\345\231\250\345\235\221\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\260\224\347\202\270\357\274\201\345\217\210\344\270\200\346\254\241\350\242\253\347\274\226\350\276\221\345\231\250\345\235\221\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..c63dc8a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\346\260\224\347\202\270\357\274\201\345\217\210\344\270\200\346\254\241\350\242\253\347\274\226\350\276\221\345\231\250\345\235\221\344\272\206\357\274\201.md"
@@ -0,0 +1,90 @@
+# 气炸！又一次被编辑器坑了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+最近工作比较忙碌，做完技术选型后，这两周开始上手开发了。首先是用 Java 数据访问框架对接 PgSQL，本来以为至多半个小时就能搞定了，结果没想到，我竟然被编辑器给坑了！耽误了好一会儿。
+
+![](https://pic.yupi.icu/5563/202311072007065.jpeg)
+
+把被坑的经历分享出来，希望大家引以为戒。
+
+### 踩坑
+
+我选用的是 MyBatis 框架，来实现在 Java 中操作 PgSQL 数据库。
+
+该框架需要读取 xml 配置文件来实现对象关系映射，看了一下项目目录，惊喜地发现之前有同事已经接入了 MyBatis，并且写好了一份配置文件。
+
+已有配置文件如下：
+
+![](https://pic.yupi.icu/5563/202311072007057.png)
+
+既然有现成的，那我只需要有样学样，复制粘贴即可。于是，遵循同事取包名的风格，我新建了一个目录：
+
+![](https://pic.yupi.icu/5563/202311072007054.png)
+
+然后把配置文件复制过去，略作修改即可，当前目录如下：
+
+![](https://pic.yupi.icu/5563/202311072007060.png)
+
+搞定配置文件后，就可以试着读取它，连接下数据库。再次惊喜地发现同事已经编写好了一个测试类，代码如下：
+
+```
+public static void main(String[] args) {
+  DatabaseClient pg = new DatabaseClient(
+    // 数据库属性文件
+  "db.properties",
+    // 编写的配置文件
+  "aaa/config/sql-map-config.xml"
+  );
+}
+```
+
+之前的同事测试的是 `aaa/config` 配置文件，那我只需要把 `aaa` 改成 `bbb`，不就可以连接成功了么？
+
+运行！
+
+呕豁，报错了，说是找不到文件？
+
+![](https://pic.yupi.icu/5563/202311072007107.png)
+
+奇怪了，文件明明存在啊？大家来帮忙找找茬，到底是哪里出现了问题呢？
+
+### 排坑
+
+下面来排排坑吧，首先我研究了一会儿 `aaa` 和 `bbb` 目录下配置文件的差异，结果完全找不出问题。
+
+好吧，是我傻了，出了 bug 要从报错信息查起。既然说找不到文件，那就看一下构建目录中配置文件是否有被打包进去。
+
+这一看，果然查出问题了，构建目录如下：
+
+![](https://pic.yupi.icu/5563/202311072007063.png)
+
+大家发现了差异了么，`aaa/config` 是两个独立的目录，对应两个 Java 的包；而 `bbb.config` 根本就是一个目录，只不过目录名称中正好出现了包名的点分隔符！
+
+![](https://pic.yupi.icu/5563/202311072007516.png)
+
+所以 `bbb.config` 的配置文件路径应该是 `bbb.config/sql-map-config.xml`，而不是 `bbb/config/sql-map-config.xml`！
+
+唉，原来是中了开发工具的 “障眼法”，在 JetBrains 全家桶中，有一个视图设置，当包中没有文件时，会对中间包进行折叠。
+
+![](https://pic.yupi.icu/5563/202311072007537.png)
+
+所以最初我建目录的时候，就应该先建立 `bbb` 目录，再在 `bbb` 下建立 `config`目录，形成嵌套包，而不是直接建了一个名称为 `bbb.config` 的目录。
+
+这个微小的差别如果不进入构建目录，是根本发现不了的。
+
+![](https://pic.yupi.icu/5563/202311072007566.png)
+
+> 表面上看不出区别
+
+虽然这个问题归根到底是由自己的粗心导致的，但也值得记录下来，防止以后遇到类似的错误。
+
+------
+
+就是这样，希望大家以后在使用编辑器的时候多个心眼儿，不要完全相信它！
+
+![](https://pic.yupi.icu/5563/202311072007637.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\347\274\226\347\250\213\345\257\274\350\210\252\357\274\214\345\207\211\345\207\211\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\347\274\226\347\250\213\345\257\274\350\210\252\357\274\214\345\207\211\345\207\211\357\274\201.md"
new file mode 100644
index 0000000..524ba0e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\347\274\226\347\250\213\345\257\274\350\210\252\357\274\214\345\207\211\345\207\211\357\274\201.md"
@@ -0,0 +1,63 @@
+# 编程导航，凉凉！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 血泪教训
+
+大家好，我是鱼皮。
+
+昨天中午，我的编程导航网站的登录功能突然出现了问题。具体的错误表现是：用户在公众号后台点击按钮获取登录验证码时，会出现报错。
+
+![](https://pic.yupi.icu/5563/202311072015587.png)
+
+最开始我没太在意，因为我已经很久没有动过线上服务了，以为就是微信后台那边抽抽了，估计一会儿就恢复了。结果过了半个小时，这边陆陆续续收到几十条小伙伴的反馈，我才意识到这问题有点严重了，赶紧放下喝到一半的饺子汤，找台电脑修 Bug。
+
+简单分析一下，公众号后台还能收到错误提示，说明能请求通编程导航的服务器，也就是说网络和机器层面应该没有问题。那就登录服务器查看业务日志，如图：
+
+![](https://pic.yupi.icu/5563/202311072015597.png)
+
+> 错误日志
+
+我一看，好家伙，原来是登录时调用 getCaptcha（获取验证码）接口失败了，报了 SSL 握手异常。
+
+看到这里有经验的小伙伴应该能猜到问题出在哪里了。没错，就是 `HTTPS` 请求，客户端向服务器发送 HTTPS 请求时，会先和服务器进行 SSL 握手（类似 TCP 握手过程），从而建立安全的 SSL 连接进行数据通信。
+
+整个流程大概如下图：
+
+![](https://pic.yupi.icu/5563/202311072015495.png)
+
+> SSL 握手
+
+其中有一个很重要的过程是 **证书校验** ，就是要让客户端知道服务端的域名证书是有效且合法的。
+
+而仔细看我们的日志，就会发现 SSL 握手的失败正是由证书验证失败导致的：
+
+![](https://pic.yupi.icu/5563/202311072015574.png)
+
+那为毛 SSL 证书会出问题啊，申请成功后一般配置一次就好了，谁没事会去动这个证书啊？
+
+于是，我登录腾讯云控制台一看，tnnd，原来是一年前买的证书过期了！腾讯云虽然给我发了过期提示邮件，不过被我当成垃圾邮件扔回收站里了。。。
+
+![](https://pic.yupi.icu/5563/202311072015497.png)
+
+证书是在 0 点时过期的，也就是说，网站持续整整十几个小时没法登陆，这种事要是发生在大项目里，肯定是 P0 级事故了！
+
+后来，我重新申请了新证书，在服务器上更新证书文件的配置，请求就通了，大家又能愉快地登陆了~
+
+不过。。。好像有后遗症，不知道为啥，虽然服务器响应成功了，但仍然提示 “该公众号提供的服务出现故障”：
+
+![](https://pic.yupi.icu/5563/202311072015541.png)
+
+这就真给我整蒙了，因为代码完全没动、服务器配置完全没动、服务也正常使用了，但为啥还会有这个提示呢？
+
+于是，我重启了后台、重启了公众号配置，但仍然无效。由于最近比较忙，也没空折腾了，能用就先用着吧，唉。。。
+
+**也是非常抱歉给大家带来了影响，对不起！**
+
+不过这次起码学到了个教训，一定要多关注自己产品的有效期，否则很难预料过期后会有哪些后果。
+
+这做网站，多是一件美逝啊！
+
+![](https://pic.yupi.icu/5563/202311072015057.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\200\201\345\274\237\345\201\232\344\272\206\344\270\252\347\275\221\347\233\230\357\274\214\347\202\270\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\200\201\345\274\237\345\201\232\344\272\206\344\270\252\347\275\221\347\233\230\357\274\214\347\202\270\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..154fe2a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\200\201\345\274\237\345\201\232\344\272\206\344\270\252\347\275\221\347\233\230\357\274\214\347\202\270\344\272\206\357\274\201.md"
@@ -0,0 +1,128 @@
+# 老弟做了个网盘，炸了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 趣讲文件上传功能的巧妙设计
+
+大家好，我是鱼皮。
+
+不知道大家有没有想过制作一款自己的网盘呢？这不，我学编程的老弟小阿巴做了一个，非常激动地找我来体验。
+
+![](https://pic.yupi.icu/5563/202311071433749.jpeg)
+
+打开网盘，界面仿的还不错，我简单试了下文件的上传和下载，没有什么问题。
+
+![](https://pic.yupi.icu/5563/202311071433891.png)
+
+> 阿巴网盘
+
+正当小阿巴洋洋得意时，我试着上传一个 1 GB 大小的文件。结果文件上传到 99% 时，网络一抖，文件上传失败，竟然还要从 0 开始重新上传？！
+
+小阿巴无奈地挠挠头：网络不好，怪我咯？
+
+![](https://pic.yupi.icu/5563/202311071433753.png)
+
+我直接一巴掌甩过去，要知道，制作网盘可不是一件容易的事！
+
+先从最基础的功能来说，要实现文件的上传、存储、下载、文件和目录管理。如果要真正上线、开放给其他人使用，还要考虑到权限管理、接口访问、CDN 加速，无论哪点自己来做都是很麻烦的。
+
+所以除了学习之外，如果想要搭建自己的私人网盘，建议直接选择一些开源的，比如主流的 Seafile、Nextcloud、Cloudreve、OwnCloud 都可以。
+
+当然，公用网盘最要命的还是带宽、存储等资源的费用，所以为了节约成本、支持更多用户访问，很多网盘都采取了限速、限制容量策略。
+
+小阿巴：做了网盘这么麻烦啊，我放弃我放弃。。。
+
+![](https://pic.yupi.icu/5563/202311071433900.png)
+
+我笑到：虽然想做好网盘很难，但我们可以一步步来，学习每个功能中的优秀设计，相信最后也能做出一款不错的网盘。今天就先从 **文件上传** 讲起吧，解决下刚刚上传失败必须从 0 重新上传的问题等。
+
+### 文件上传设计
+
+文件上传顾名思义就是把文件从本地电脑发送到存储文件的远程服务器上，小文件的上传倒没有什么好说的，主要考虑的是大文件上传怎么 **更快、更稳定、更灵活、更快响应** 等等，以提高用户的体验。
+
+这里分享几个经典的大文件上传设计，包括文件分块、并发上传、断点续传、秒传、异步上传。
+
+#### 文件分块
+
+既然小文件的处理相对容易，那不妨在发送前，把大文件分割为多个连续的小文件，一块一块地发送。
+
+![](https://pic.yupi.icu/5563/202311071433759.png)
+
+> 文件分块
+
+此外，需要在发送每一个文件块时，额外传输一些信息，比如当前块数、文件总块数、文件大小、所属原文件标识（MD5）等：
+
+![](https://pic.yupi.icu/5563/202311071433739.png)
+
+这样，服务器就能一块一块地接收，把这些文件块保存到临时目录中。当接收到最后一块时，把之前的所有文件块再拼接到一起，就能组成完成的原文件啦。
+
+#### 并发上传
+
+将大文件分块后，就可以通过多线程并发上传，同时传输多个块：
+
+![](https://pic.yupi.icu/5563/202311071433530.png)
+
+> 串行上传和并发上传
+
+要根据网络情况决定是否并发上传、同时并发上传多少个块，不是并发数越多越好。网络好的话，并发数量调大一些，能够大大提高文件整体上传效率；相反，盲目调整并发数，上传可能会更慢。
+
+#### 断点续传
+
+对于大文件来说，上传中断后如果要从 0 开始重传，就太让人崩溃了！
+
+推荐使用断点续传技术，原理很简单，在文件分块的基础上，服务器记录一下原文件对应的上传进度，每接收到一个块，就更新一下进度。这样，即使网络故障导致上传失败，也能从上传进度中知道哪些文件块已上传、接下来需要从哪一块重新开始了，而不用从第 1 块开始重新传输。
+
+![](https://pic.yupi.icu/5563/202311071433981.png)
+
+> 断点续传
+
+> 该原理同样适用于文件下载。
+
+断点续传有很多种实现方式，自主实现、HTTP 协议 1.1 等，感兴趣的同学可以了解下。
+
+#### 秒传
+
+不知道大家有没有发现，有时，我们上传一个几 GB 的超大文件竟然可以在 1 秒内完成！
+
+![](https://pic.yupi.icu/5563/202311071433509.png)
+
+这是咋实现的呢？真相只有一个，该文件肯定之前已经被上传过了！
+
+这就是经典的秒传技术。
+
+上传文件前，先在客户端（比如浏览器）根据文件内容计算出文件的 MD5 值，相同内容的文件 MD5 值必然相同。然后在服务器已上传文件数据库中查找该 MD5 对应的文件是否已存在。如果不存在，上传文件并在上传成功后将该文件信息插入数据库，过程如下：
+
+![](https://pic.yupi.icu/5563/202311071433010.png)文件秒传 - 文件不存在
+
+若文件已存在，直接新建一个对该文件的引用就行了，不必重复上传，过程如下：
+
+![](https://pic.yupi.icu/5563/202311071433098.png)
+
+> 文件秒传 - 文件已存在
+
+不过要注意，不同内容文件的 MD5 值也可能会相同（碰撞），导致用户下载到不是自己上传的文件，所以检验重复时，还可以补充一些校验，比如针对文件前几位再生成一个 MD5、用其他 Hash 算法再生成一个校验值等。
+
+#### 异步上传
+
+除了同步上传外，当我们要上传的文件不在本地而是已经存在对应 url 时，也可以采用 **全异步上传** 的方式，将文件上传变成一个 **任务** 。
+
+用户输入要上传的文件 url，点击上传后，不需要一直在文件上传页面等着，而是只需要告诉后台 “我要执行文件上传”，并向后台新建一个文件上传任务，就可以快速响应用户了，比如 “文件上传中，请留意通知”。等后台取出并真正完成文件上传的任务后，给用户发送通知就可以了。
+
+整体步骤如下：
+
+![](https://pic.yupi.icu/5563/202311071433786.png)
+
+> 异步上传
+
+
+
+------
+
+
+最后，如果只是需要在开发中用到文件上传，大可不必自己实现上述功能，用个现成的对象存储服务就好了。比如七牛云，分块上传什么的都给我们做好了，也可以参考七牛云 SDK 文档（https://github.com/qiniu）来了解它们的实现方式。
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311071433278.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\242\253\346\224\273\345\207\273\344\272\206\357\274\201\344\272\213\345\220\216\345\210\206\346\236\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\242\253\346\224\273\345\207\273\344\272\206\357\274\201\344\272\213\345\220\216\345\210\206\346\236\220.md"
new file mode 100644
index 0000000..7e0e454
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\242\253\346\224\273\345\207\273\344\272\206\357\274\201\344\272\213\345\220\216\345\210\206\346\236\220.md"
@@ -0,0 +1,163 @@
+# 被攻击了！事后分析
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 鱼皮记者为您报道【网站被攻击现场】，伤害不大，侮辱性极强！
+
+大家好，我是鱼皮。
+
+前段时间，我的网站疑似被攻击了，今天带大家一起来事故现场看看，并且分享事故分析思路和事后防控手段。
+
+### 孽起
+
+先看看我是怎么发现网站被攻击的吧。
+
+通常，为了保证线上网站和后台服务的稳定运行，我们需要给项目添加监控告警功能，出现意外情况时，系统会第一时间向管理员发送通知。
+
+由于我的项目使用 `腾讯云云开发` 来部署，默认提供了额度监控和告警，可以防止资源消耗过多，非常方便。
+
+![](https://pic.yupi.icu/5563/202311072010088.png)
+
+> 额度监控
+
+但光有告警还不够，真出了问题，靠什么去分析呢？必须给故障排查提供一些线索。
+
+腾讯云云开发默认为云函数、云托管等提供了监控和日志记录，一行代码都不用写，就能够看到资源的运行信息和详细日志，比如请求时间、IP 地址、请求头信息等，非常方便。
+
+![](https://pic.yupi.icu/5563/202311072010064.png)
+
+> 日志记录
+
+此外，我还在开发时，给服务添加了一些日志和数据上报，比如哪位用户在哪个时间执行了什么操作。记录的越详细，排查问题就越方便。当然，无意义的内容就不用记录了，否则看日志的时候密密麻麻的，伤眼又低效！
+
+我一直把项目当成自己的孩子（虽然我还没有孩子），因此，我每天都会看一下监控和日志，来了解下 “孩子” 的身体状况。
+
+![](https://pic.yupi.icu/5563/202311072010035.png)
+
+我最常看的监控指标是服务的 `调用次数`，它很大程度上反映了用户流量的访问情况。
+
+正常情况下，调用次数随时间的曲线图应该是下面这样的，夜里没人看，白天流量还算平稳，偶尔会有一些小高峰：
+
+![](https://pic.yupi.icu/5563/202311072010021.png)正常调用次数 - 时间曲线
+
+但有一天，我突然看到了下面这个曲线图，大家看看这个曲线有什么特点？
+
+![](https://pic.yupi.icu/5563/202311072010018.png)
+
+没错，地中海上偏偏长了一根长毛！在 25 分附近，调用次数突然飙升，我们一般把这种现象称为 “流量突刺”，把监控图上这一枝独秀称为 “毛刺”。
+
+大多数情况下，有毛刺可不是什么好事。看到这个曲线，我的第一反应不是 “卧槽，项目火了？”，而是 “卧槽，被攻击了！”
+
+到底是不是被攻击了？是谁攻击我了呢？不会我真的火了吧（还带有一丝幻想）？
+
+带着这些疑问，赶紧来分析一下。
+
+### 分析
+
+光看上面的曲线图，是分析不出来的，必须要从事故现场找找线索。
+
+还好云开发帮我们记录了访问日志，选择事故发生的时间段（以 25 分钟为基准，前后各空 5 分钟），然后就筛选出了对应日志。
+
+![](https://pic.yupi.icu/5563/202311072010070.png)查看日志
+
+为了更灵活地分析，我们将日志导出到本地，使用 Excel 等表格软件打开它。
+
+![](https://pic.yupi.icu/5563/202311072010559.png)
+
+然后，我们来分析下日志，先看 `日志生产时间` 这列，即案发时间：
+
+![](https://pic.yupi.icu/5563/202311072010592.png)
+
+> 查看日志
+
+大家发现了么？日志生产时间非常均匀！每秒大概 3 - 4 条。
+
+从这点就说明了，大概率不是人工访问服务，而是机器自动按照某个频率发送请求。
+
+再看下日志的内容，每条日志的结构如下：
+
+```
+// 请求时间
+2021-04-29T04:22:05.937752445Z
+// 发起请求的 IP
+stdout F 169.254.128.20
+// 请求头
+HEAD /webroot.bak HTTP/1.1\
+// 响应状态码
+200 0 
+// 请求地址
+http://www.code-nav.cn/webroot.bak
+// 请求浏览器身份
+Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
+```
+
+其中，请求时间、请求 IP、请求地址是关键信息。时间刚刚已经分析过了，再看看请求 IP 和地址。
+
+我直接在表格中全局搜索上述 IP，发现所有的 IP 地址都是相同的！
+
+![](https://pic.yupi.icu/5563/202311072010642.png)
+
+这下我松了口气，应该只是一个人在小打小闹吧。
+
+然后我看了几条连续日志的请求地址，大概是这样：
+
+```
+http://www.code-nav.cn/111.gz
+http://www.code-nav.cn/111.tar.bz2
+http://www.code-nav.cn/111.dat
+http://www.code-nav.cn/111.bz2
+http://www.code-nav.cn/222.tgz
+http://www.code-nav.cn/222.gz
+http://www.code-nav.cn/333.zip
+...
+```
+
+看到 "111"、"222"、"333" 我大致明白了，这位攻击者应该是在用字典枚举的方式扫描我的网站，企图找出网站的后台地址。
+
+攻击的原理很简单，就根小时候我们尝试破解别人密码一样，一个一个疯狂乱试。只不过攻击者通常会使用一些网站扫描工具，将可能的密码作为一本字典，交给机器，代替人工来试而已。试的次数和频率高了，就被称为 “爆破”。
+
+又回想起了大学时被网络安全课支配的恐惧。。。
+
+![](https://pic.yupi.icu/5563/202311072010638.png)
+
+基于以上的分析，这位 “攻击者” 应该只是拿我的网站来练练手，毕竟扫描频率不高、持续时间不长，当然，我希望如此。
+
+### 防控
+
+这件事虽然伤害不大，侮辱性极强！让我充分意识到自己的网站在安全性上是缺斤少两的。最起码应该在异常流量出现的是否给我告警，发个短信啥的吧！
+
+如果是自己搭建服务器来部署网站项目，需要自行接入或开发一个业务监控告警系统，虽然网上的这类第三方系统很多，比如 Zabbix、Prometheus（AlertManager）、Grafana 等，但都需要自己来部署和维护，需要一定的人力物力成本。
+
+但使用腾讯云云开发，除了上面提到的基础资源额度告警外，还可以灵活自定义各种高级的告警策略。
+
+比如给点赞功能添加调用次数限制告警，先选择告警对象为 “云函数”：
+
+![](https://pic.yupi.icu/5563/202311072010688.png)
+
+> 新建告警策略
+
+再配置触发条件，比如 5 分钟内调用次数超过 100 次则告警：
+
+![](https://pic.yupi.icu/5563/202311072010702.png)
+
+> 配置告警触发条件
+
+再配置下告警接收人、告警方式、时间段等，支持邮件、短信、微信等，选择很多样：
+
+![](https://pic.yupi.icu/5563/202311072010959.png)
+
+这样就大功告成了，如法炮制，可以给每个最小粒度的函数都添加上告警，出了事儿在第一时间就能感知到了。
+
+
+
+------
+
+
+
+最后，对于一个成熟的网站，其实以上的防护措施还是远远不够的。
+
+还好，我的网站现在并不成熟，所以求求各位网络安全爱好者，放过孩子吧！
+
+![](https://pic.yupi.icu/5563/202311072010065.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\225\277\346\225\264\346\225\260\347\262\276\345\272\246\344\270\242\345\244\261\351\227\256\351\242\230.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\225\277\346\225\264\346\225\260\347\262\276\345\272\246\344\270\242\345\244\261\351\227\256\351\242\230.md"
new file mode 100644
index 0000000..5db49ec
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\256\260\344\270\200\346\254\241\345\211\215\347\253\257\351\225\277\346\225\264\346\225\260\347\262\276\345\272\246\344\270\242\345\244\261\351\227\256\351\242\230.md"
@@ -0,0 +1,90 @@
+# 记一次前端长整数精度丢失问题
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+前几天，鱼皮在工作时遇到一件很奇怪的事。
+
+分享给大家，避坑避坑~
+
+## **孽起** 
+
+在前后端联调时，发现后端有一个接口返回的值和前端页面上展示的值不一致。
+
+后端Java实现的接口如下，返回一个json格式的大整数 123456789123456789：
+
+```
+@RestController@RequestMapping("/test")public class YupiTestController {
+    @GetMapping    public Long getNum() {        return 123456789123456789L;    }   }
+```
+
+但是前端请求这个接口后，在界面上展示的却是 123456789123456780，最后一位是0而不是9！
+
+
+
+## **问题定位** 
+
+后端同学利用curl工具测试自己的接口，得到的数据完全正确。
+
+前端同学打开浏览器的开发者工具（F12）查看网络请求（注意要查看请求原生的返回值，而不是被浏览器二次处理过的格式化数据），发现后端返回的数据完全正确。
+
+![](https://pic.yupi.icu/5563/202311071938011.png)
+
+既然后端数据返回正确，那就是前端的锅没跑了。
+
+![](https://pic.yupi.icu/5563/202311071938055.gif)
+
+可是前端明明拿到后端返回的json数据，解析成数字就直接展示了，为什么最后一位数字展示错误呢？
+
+
+
+## **发现元凶**
+
+比对分析接口返回和前端展示的数据，发现只有数字超过16位时，才会出现最后几位数字不一致的问题。
+
+难道是数字太大了，发生了精度丢失？
+
+Java语言中的Long类型是64位，难道前端Js语言的Long类型小于64位？
+
+等等，Js好像没有Long类型！
+
+![](https://pic.yupi.icu/5563/202311071938995.jpeg)
+
+那就百度一下Js的数字类型，终于发现了问题的元凶。
+
+
+
+## **Js的Number类型**
+
+在Js中，用Number来表示数字类型的值。Number类型总长度64位二进制bit，使用53位表示小数位，10 位表示指数位，1 位表示符号位。因此，Number整数的表示范围为 **-2^53 ~ 2^53（不包含两端）**。
+
+可以在控制台打印Number的最大和最小值：
+
+![](https://pic.yupi.icu/5563/202311071938063.png)
+
+> Number最大值
+
+![](https://pic.yupi.icu/5563/202311071938060.png)
+
+
+
+> Number最小值
+
+在其他语言，如Java中，Long类型占64位二进制bit，最大值为：9223372036854774807（2^63 - 1）长度约19位。
+
+而在Js中，由于Number类型的值也包含了小数，最大值为：9007199254740993（2^53 - 1）长度约16位。
+
+因此当Java返回超过16位的Long型字段转为json时，前端Js得到的数据将由于溢出而导致精度丢失。
+
+![](https://pic.yupi.icu/5563/202311071938069.png)
+
+既然知道了出现问题的原因，解决问题就很简单了。
+
+
+
+## **如何解决？**
+
+虽然前端也可以解决问题，比如通过正则表达式解析替换、或者修改json parser，但比较麻烦，**更推荐在后端解决**。
+
+非常简单，将可能超出范围的数字类型（Long）变量转为字符串类型（String）即可！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\266\212\350\207\252\344\277\241\357\274\214Bug \350\266\212\345\244\232.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\266\212\350\207\252\344\277\241\357\274\214Bug \350\266\212\345\244\232.md"
new file mode 100644
index 0000000..cab6a10
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\266\212\350\207\252\344\277\241\357\274\214Bug \350\266\212\345\244\232.md"	
@@ -0,0 +1,60 @@
+# 越自信，Bug 越多
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+标题是说给自己听的，最近，又因为我的自信，搞出了一个影响项目正常运行的 Bug。
+
+事情是这样的，最近在搞一个新项目，之前基本都是我和另外一个前端朋友在开发。后来呢，我又拉了几位朋友加入进来，结果他们都反馈说代码在本地装不上依赖，导致运行不起来。
+
+于是，有一位朋友就修改了项目中某一个依赖的版本号，然后依赖就安装成功了。结果运行项目时，出现了报错：试图从 undefined 未定义变量中获取属性。
+
+![](https://pic.yupi.icu/5563/202311072014630.png)
+
+代码如下：
+
+```
+// e.props 可能为 undefined
+e.props.searchValue
+```
+
+这种错误其实是很低级的，有点类似 Java 中的 NPE（空指针异常）。于是估计这位朋友也是和我一样的心态，觉得这是个小问题，就直接加了个可选链操作符：
+
+```
+e?.props?.searchValue
+```
+
+这下代码不报错了，愉快提交，我也是想都没想就给他通过合并了，大伙都因为解决了问题，老开心了。
+
+![](https://pic.yupi.icu/5563/202311072014619.png)
+
+虽然后来我才发现是因为自己忘了提交 yarn.lock 文件到代码仓库中，导致他们下载的依赖版本号和我本地不同，所以才出现了我本地能运行，他们却运行不了的情况。
+
+不过既然现在项目已经能跑了，就不管了吧，接着开心。
+
+![](https://pic.yupi.icu/5563/202311072014616.png)
+
+结果，今天我自己要使用系统时，才发现这个改过代码的功能怎么突然不能用了！？
+
+排查后才发现，原来之前升级版本后，组件的函数参数发生了改变，通过之前的代码再也获取不到需要的属性值了。虽然通过加可选链操作符可以防止报错，但实际上，这行代码逻辑已经不对了，毫无意义。
+
+对啊，我早该想到，为什么同样的代码，之前没因为 undefined 报错，升级后报错了呢？既然我们没改变，那变的肯定是第三方依赖啊！
+
+所以还是太自信了，很多时候导致 Bug 产生的原因就是 “我以为的就是我以为的”。
+
+![](https://pic.yupi.icu/5563/202311072014598.png)
+
+最后总结两点：
+
+1. 能不升版本，就别升（代码能运行，就别去动他）。
+2. 升级版本后，一定要做充分的测试，不要盲目自信（代码能跑，不一定系统就可用）。
+
+希望大家能记在心里，千万别小看它们。我现在发现，工作中往往越自信，就越打脸。
+
+肝项目到现在才抽空写了篇文章，明天又得上班了，这小 Bug 值一个点赞么？
+
+![](https://pic.yupi.icu/5563/202311072014624.png)
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\270\252Bug\357\274\214\347\273\231\346\210\221\346\225\264\345\276\227\344\270\200\346\204\243\344\270\200\346\204\243\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\270\252Bug\357\274\214\347\273\231\346\210\221\346\225\264\345\276\227\344\270\200\346\204\243\344\270\200\346\204\243\357\274\201.md"
new file mode 100644
index 0000000..00cc0f7
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\270\252Bug\357\274\214\347\273\231\346\210\221\346\225\264\345\276\227\344\270\200\346\204\243\344\270\200\346\204\243\357\274\201.md"
@@ -0,0 +1,127 @@
+# 这个 Bug，给我整得一愣一愣！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> Bug 年年有，今年特别多
+
+大家好，我是鱼皮。
+
+今年真不错，红红火火，一写代码就一片红，Bug 特别多！
+
+![](https://pic.yupi.icu/5563/202311072022066.png)
+
+> 红红火火
+
+这还没过多久，我就遇到了几个大 Bug。前段时间我刚上线的面试刷题网站（mianshiya.com）的 Bug 就不说了，这网站基本已经变成大家的靶场了。
+
+今天给大家分享一个我在工作中遇到的 Bug，给我整得一愣一愣，给大家乐呵乐呵。
+
+![](https://pic.yupi.icu/5563/202311072022237.png)
+
+## Bug 大赏之系统崩了
+
+我在工作中负责的是 BI（商业智能）系统，大家可以简单理解为一个数据分析平台。
+
+虽然平时 Bug 不多，但其实是因为用户太少了，很多 Bug 只是还没被发现而已。
+
+这不，虽迟但到。那是一个风和日丽的上午，老板突然找到我说：整个系统崩了，用户看不到内容，你快查查！
+
+然后我看了下日志，原来是 Java 后台程序发生了 OOM（Out Of Memory 内存溢出）！这可是个 Java 的经典老 Bug 了，而且面试官很喜欢问。
+
+不过我和这位 Bug 已经很久没见，一时间竟有些陌生，也忘了从哪儿开始排查了，更不用说那些 JVM 常用参数和命令了。
+
+不管怎样，我先把部分容器（程序运行的环境）进行重启，然后留一台用于排查分析。
+
+先看日志，能看到一些 OOM 相关的报错，以及大概是哪个线程、哪段代码导致了 OOM：
+
+![](https://pic.yupi.icu/5563/202311072022517.png)
+
+> 查看日志
+
+但我特么对着日志提示的代码看了半天，也没发现哪里写的有问题啊！我一个 “专业” 的程序员，难道还看不出自己的代码有问题么？
+
+好吧，既然日志看不出问题，那就老老实实走套路。通常遇到 OOM 内存溢出时，我们要 dump 堆内存进行分析。这 dump 内存可真是一件美事，由于内存占用很大，所以等了 40 多分钟才得到了 dump 文件。
+
+![](https://pic.yupi.icu/5563/202311072022934.jpeg)
+
+> 等待时顺便祈祷一下
+
+为了便于对比分析，我还 dump 了两次不同状态的内存，每个文件 2 - 3 个 G！
+
+![](https://pic.yupi.icu/5563/202311072022916.png)
+
+> dump 内存文件
+
+然后可以用 JVisual VM 或者 Memory Analyzer Tool（MAT）之类的工具打开 dump 文件，看看到底是哪些对象占用了内存、有没有大对象没被回收掉导致内存慢慢占满等等。
+
+仔细一看，基本内存都是被 List 列表对象占用了，列表项足足有一百万条，直接占了 1.6 GB！
+
+![](https://pic.yupi.icu/5563/202311072022526.png)
+
+> MAT 内存分析工具
+
+但是这些对象都是 GC root Unreachable（没被引用）可回收的呀，一般用完就清理了，怎么会把内存撑爆呢？
+
+![](https://pic.yupi.icu/5563/202311072022476.png)
+
+我又用去线上容器中输入查看 GC 状态的命令进行分析，发现的确触发过几次 Full GC，回收过对象呀！
+
+那到底为啥会 OOM 呢？
+
+真相只有一个，因为同时处理的数据量太大，导致直接把内存挤爆了！
+
+就像我们去丢垃圾，大家慢慢丢，然后等工人来回收垃圾、清空垃圾箱，之后我们再接着丢。虽然要等待回收，但起码不会爆。
+
+但假如有个大垃圾想自己跳进垃圾箱里，结果垃圾箱装不下，那这个大垃圾就无可奈何了。
+
+![](https://pic.yupi.icu/5563/202311072022383.jpeg)
+
+唉，这锅肯定是我来背了。最初申请容器资源时，没考虑到竟然会有这么大量的数据，只申请了 8 G 的内存空间。
+
+不过按道理来说 1.6 G 不到 8 G 的 1 / 4，内存应该也不会爆？
+
+![](https://pic.yupi.icu/5563/202311072022476.png)
+
+别忘了，JVM 最大堆内存通常默认是系统内存的 1 / 4，正好是 2 G。再加上 JVM 分代回收，新生代一般只占堆内存的 1 / 3，老年代则是 2 / 3，如下图：
+
+![](https://pic.yupi.icu/5563/202311072022817.jpeg)
+
+> 图片来源于网络
+
+所以当一个超过老年代大小的对象要加载到内存时，新生代装不下，直接塞到老年代。发现老年代也装不下，会先触发 Full GC（垃圾呼吸 - 十一之型 - 全回收）。而如果 Full GC 后还是装不下这个对象，就 OOM 了，凉凉！
+
+所以最简单粗暴的方式就是调整 JVM 最大堆内存参数，比如 -Xmx8192m，从而增大堆内存空间，装下大对象。
+
+可以用 jmap 命令来查看 JVM 堆的参数，如下图，是我之前在 JDK 11 版本截取的一个示例：
+
+> JDK 9+ 的常用命令有变，新增了 jhsdb，要用到时上网查就好。
+
+![](https://pic.yupi.icu/5563/202311072022516.png)
+
+> 查看 JVM 参数
+
+但这种方式只能解决燃眉之急，归根结底还是要看看到底是什么数据一次性占了 1.6 个 G！
+
+仔细一看，List 里面装的都是 Map，每个 Map 表示数据库中的一行数据，总共 100 万行 15 列。
+
+这，这不对吧，这些数据在数据库、Excel 文件里才不到 100 MB，咋变成 Map 直接膨胀了十几倍？
+
+于是，我试着输出了一下 List\<Map\> 对象的大小，发现 105 行 * 10 列就占用了 155.9 KB！100万行的话真就 1.6 个 G 了！
+
+![](https://pic.yupi.icu/5563/202311072022276.png)
+
+那一刻，我突然想起了被八股文支配的恐惧，Java 的 HashMap 占用空间的确是很大的！每个 HashMap 对象包含 12 字节的 Java 对象头、4 个引用字段、3 个 int 型字段、1 个 float 字段，这些加起来是 44 字节。因为 JVM 要求对象内存大小必须是 8 字节的倍数，所以还要再补上 4 个字节，最终一个空的 HashMap 就占用了 48 字节。用它来存数据，可比其他格式的文件要大多了！
+
+也是由于经验不足 + 太过自信了吧，我事先真没想到会有这么大的数据量，并且估错了数据对象占用的空间。
+
+![](https://pic.yupi.icu/5563/202311072022078.png)
+
+不过吃一堑长一智，下次再遇到类似问题（希望不会有下次），我应该就能很快解决啦。实践 + 翻车，印象真的太深刻了！所以建议大家在背八股文的同时，还是多多写代码做实验哦~
+
+至于这个问题怎么解决。。那就别用 HashMap 呗！用 List + 下标来表示一行数据应该是可行的。当然，大家有更好的方案欢迎讨论~
+
+以上就是本期分享，如果大家喜欢实践类的知识分享，求点个 **赞 + 在看** 吧，感谢大家 ❤️
+
+![](https://pic.yupi.icu/5563/202311072022171.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\272\233\344\273\243\347\240\201\357\274\214\345\267\256\347\202\271\346\212\212\346\210\221\346\260\224\345\207\272\345\206\205\344\274\244.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\272\233\344\273\243\347\240\201\357\274\214\345\267\256\347\202\271\346\212\212\346\210\221\346\260\224\345\207\272\345\206\205\344\274\244.md"
new file mode 100644
index 0000000..d971e21
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\345\256\236\350\267\265/\350\277\231\344\272\233\344\273\243\347\240\201\357\274\214\345\267\256\347\202\271\346\212\212\346\210\221\346\260\224\345\207\272\345\206\205\344\274\244.md"
@@ -0,0 +1,170 @@
+# 这些代码，差点把我气出内伤
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，一个正在烂代码的泥潭里面摸爬滚打的程序员。
+
+先问大家一个小问题：你觉得看别人代码累，还是自己写代码累？
+
+我相信有很多朋友会说，当然是自己写代码累了，要思考逻辑、要动手敲键盘，身心俱疲啊；但是，如果你需要经常阅读别人的代码，尤其是烂代码，答案就不一定了。
+
+因为自己写代码，逻辑是自己来梳理的、代码自己是熟悉的；但是看别人的代码，你就要去理解别人的代码逻辑，再加上烂代码的加持，可能很简单的逻辑，你都得看半天才能懂。所以很多大佬在面对前人的 “屎山” 项目时，宁愿自己重写，也不去读烂代码。
+
+举个夸张的例子：让你实现 1 + 1 的求和
+
+自己写：
+
+```
+let sum = 1 + 1;
+```
+
+某烂代码可能是：
+
+```
+let a = {};
+let b = {};
+
+a.toString = function() {
+  return 1;
+};
+
+b.valueOf = function() {
+  return "1";
+};
+
+let sum = a + b;
+```
+
+把简单的逻辑搞复杂，便是绝大多数程序员的拿手好戏（当然也包括我）。
+
+因为我从大学就开始带团队做项目了嘛，所以经常会审查团队同学的代码，做好二次校验。包括现在虽然开公司了，前端 / 后端同学的代码，也都会在我这过一遍才会发布上线。
+
+总之算是看了很多代码，其中有一些真的是让我哭笑不得。下面给大家分享一些代码片段出来，希望大家 **不要学习** 。
+
+#### 1、过于抽象的命名
+
+还记得咱们刚学编程的时候，变量的命名都是用的 abcdefg。
+
+自学时这么写完全没问题，但是在实际项目中，如果还用过于抽象的命名，那就不太合适了。
+
+比如下面这段，大家能看懂是什么意思么？
+
+```
+const [l, setL] = useState<boolean>(false);
+const [d, setD] = useState<any>();
+```
+
+但如果我稍微完善下命名呢：
+
+```
+const [loading, setLoading] = useState<boolean>(false);
+const [data, setData] = useState<any>();
+```
+
+很多同学应该立刻能看懂了，一个是 “加载中” 的变量，一个是 “存储数据” 的变量。
+
+最好的代码应该是不用写注释的，因为 **代码即注释** 。如果你能把命名做到 “见名知义”，看代码的人会极度舒适。
+
+#### 2、有深度的代码
+
+比如下面这段：
+
+```
+if (condition1) {
+  // 逻辑 A
+  if (condition2) {
+    // 逻辑 B
+    if (condition3) {
+      // 逻辑 C
+      if (condition4) {
+        // 逻辑 D
+      }
+    }
+  }
+}
+```
+
+这里的深度有 2 重含义，一重是字面意思：代码一层嵌一层、深不见底；另外一重是指真的 “很有深度” —— 指让人看不懂。
+
+阅读这段代码的感觉就像是你在一座巨大的迷宫里，每次转弯都要判断下是左还是右，最后你只会迷失方向。
+
+如何改进呢？
+
+最简单直接的方法就是使用早返回策略（early return）：
+
+```
+if (!condition1) 
+ // 逻辑 A
+ return;
+if (!condition2)
+  // 逻辑 B
+ return;
+if (!condition3)
+  // 逻辑 C
+ return;
+if (!condition4)
+  // 逻辑 D
+ return;
+```
+
+这样，你的代码就清晰了很多，阅读这种代码的感觉就像是走在了一条直路上，前方的路一目了然。
+
+当然，还可以将一些逻辑抽象成独立函数来简化代码，或者使用设计模式来优化。
+
+怎么判断一段代码是否过于复杂、应该优化了呢？这里提到一个概念：**圈复杂度** ，这是一种量化代码复杂程度的概念。通常你代码中的 if else 分支越多，圈复杂度就越高，代码就越复杂。
+
+企业中一般建议圈复杂度不要超过 10 - 15，我个人的编码习惯是一般不会在代码中出现 3 层以上的嵌套（除非必要）。
+
+#### 3、冗余代码
+
+这是我遇到最多的问题！分为 3 种情况：
+
+1. 能用一行代码搞定，偏偏要写 10 行
+2. 能用一个变量或函数搞定，偏偏每次都是复制粘贴重复写
+3. 没有用到的代码，又不舍得删除
+
+举个例子，下面这段前端代码，大家觉得有什么问题：
+
+> 这是我们鱼聪明 AI 前端开发过程的真实代码
+
+```
+<Spin spinning={!(currDownloadUrl || originPictureUrl || pictureUrl)}>
+  {type === DRAW_APP ? (
+    drawImg(image)
+  ) : (
+    drawImg(currDownloadUrl || originPictureUrl || pictureUrl)
+  )}
+</Spin>
+```
+
+第一眼看到这段代码时，我就发现了，判断 spinning（旋转）的代码逻辑比较复杂，包含了两个 `||` 逻辑。而下面的 `drawImg` 函数的参数中，又包含了这段一模一样的逻辑。这段判断，其实就是冗余代码，完全没必要写两遍！
+
+我调整过后的代码如下：
+
+```
+// 要展示的图片地址
+const showPictureUrl = currDownloadUrl || originPictureUrl || pictureUrl;
+```
+
+直接定义一个通用变量，写上清晰的注释，其他地方要使用时就无需关注内部判断逻辑，看注释就行了。
+
+这就是所谓的 **DRY 原则**（Don't Repeat Yourself） ，尽量避免代码冗余。如果你在多处写下相同的代码，那么当需要修改这段代码时，你就需要在所有这些地方都修改，漏一个地方就是一个 Bug。
+
+还有，关于项目中没有用到的函数和变量，如果你近期没有使用计划，不妨就删除或者注释掉，别舍不得。利用好 Git 版本控制系统，只要你的代码提交信息写得好，要用到被删掉的历史代码时，去提交记录里找即可。
+
+> 注意，如果是学习时写代码，多保留一些也是合理的。但企业项目中，项目代码精简凝练些会更好。
+
+这里打个比方，写代码就像是我在公司里堆东西，一开始总觉得多一点没关系，反正有空间。但是，冗余代码就像是杂物，会越堆越多，迟早有一天，会影响到你，就像我们公司现在一样（右边有一堆杂物）：
+
+![](https://pic.yupi.icu/5563/202311071937853.png)
+
+大概就分享到这里，请大家在评论区 @ 出你写烂代码的同事吧 🐶 ~
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) ，和 2 万多名学编程的同学共享知识、交流进步，学习原创项目并享有答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/00 \345\220\216\346\236\266\346\236\204\345\270\210\357\274\214\351\202\243\345\217\257\350\203\275\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/00 \345\220\216\346\236\266\346\236\204\345\270\210\357\274\214\351\202\243\345\217\257\350\203\275\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..675c1cc
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/00 \345\220\216\346\236\266\346\236\204\345\270\210\357\274\214\351\202\243\345\217\257\350\203\275\344\271\210\357\274\237.md"	
@@ -0,0 +1,196 @@
+# 00 后架构师，那可能么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，这篇文章我们来聊一个听起来很高大上、实则并不难的知识 —— **架构设计** 。
+
+这是技术方向的朋友们必须要 **重点掌握** 的内容，也是企业级项目在前期准备阶段必须要做的核心工作！
+
+这篇文章中，我会结合之前开发 [鱼聪明 AI](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&token=354792979&lang=zh_CN&scene=21#wechat_redirect) 的实践经验，依次给大家分享：什么是架构设计？为什么要做架构设计？怎么做好架构设计？
+
+## 一、什么是架构设计？
+
+想象一下，如果现在我们要盖一座摩天大楼，需要做哪些事？
+
+是直接让工人去搬砖、叠砖么？还是让挖掘机来挖呀挖呀挖？
+
+当然不是！
+
+在盖楼之前，肯定会有一名建筑师，根据大楼的实际用途、地理位置、入驻需求等信息来绘制一份蓝图，蓝图上会规划大楼的外形、内部布局、结构细节等。
+
+绘制好蓝图后，建筑师还要确定每层楼房的框架和支撑结构，确保它们足够稳定，不会说风一吹就塌了。
+
+之后，建筑师还要根据大楼的实际用途和需求来规划每个楼层的用途，比如 B1 层卖小吃、1 层卖服装奢侈品等等。这些都是在大楼动工前确认好的，不会说等工人已经搬好砖后，上面临时决定 “这一层我们不盖了！”。
+
+做软件（网站）开发也是一样，在我们 “码农” 实际动手写代码前，往往会有一个经验丰富的架构师，先绘制一份 **架构设计图** ，规划好整个系统的全貌、系统规模、系统的结构。
+
+架构师还要将系统按照功能和需求划分为各个模块，比如商城系统划分为用户模块、商品模块、订单模块等。并且确定各个模块的作用和交互协作方式，保证整个系统能够正常运作。不会出现一个功能故障，整个系统全部瘫痪的情况。
+
+有朋友可能会问了，那架构设计和之前讲过的技术选型有什么区别呢？
+
+还是拿盖楼来举例，其实很好区分。架构设计是规划如何盖楼、每层楼怎么安排；而技术选型是在完成架构设计之后，选择具体用什么材料、工具或方法来完成盖楼。二者是相辅相成的。
+
+用一句话来概括， **架构设计是构建稳固、可靠和可扩展系统的过程** 。
+
+而我们熟知的岗位 “架构师”，就是负责完成系统架构设计，确保系统稳固、可靠、可扩展的人。
+
+在大家的印象里，可能觉得架构师是很高大上的角色。但我个人认为，只要你能够独立完成一个系统的架构设计，能够把复杂的系统拆分为模块化、可扩展的组件，你就已经是架构师了。
+
+> 所以别说什么 97 年架构师，00 后成为架构师都是合理性的，只不过你能处理的系统范围有限罢了。
+
+## 二、为什么要做架构设计？
+
+其实从上面盖楼的例子中，相信大家已经能大致感受到架构设计的重要性了。
+
+如果在盖楼前，不先设计好大楼的结构，那么就难以保证大楼的安全和稳定性，风一吹整层楼就塌了。同理，在开发网站前，如果不先设计好网站的整体架构（比如不添加防火墙），后面可能一遇到网络攻击，整个系统就都无法访问了。这是架构设计的核心目标：保证系统地 **稳定性、可靠性和可用性** 。换句话说，起码要让系统能跑。
+
+> 不过没关系，系统和人只要有一个能跑就行。
+
+进行架构设计的另一个重要原因，是系统的 **可扩展性** 。打个比方，建好的商场大楼非常受欢迎，我们想在盖好的大楼上再增加几层楼，那么必须在最初就确保大楼的结构可以支撑额外的重量、能够线性地往上叠加。而不是像下图一样：
+
+![](https://pic.yupi.icu/5563/202311080913166.png)
+
+同理，如果想要网站能够应对日益增长的用户量和新业务功能，也必须有一个良好的架构设计来支持。不要出现网站用户数增多后，网站无法访问的情况。
+
+此外，好的架构设计也能够提升系统的性能和用户体验。比如在商场内，合理安排电梯数和电梯的位置，就能帮助用户快速到达想去的店铺；而网站的架构设计如果合理，比如用更少的分层完成同样的功能，那么就能更快地响应用户的操作。
+
+总之，想要让网站像摩天大楼一样支棱起来，前期的架构设计是必要的！
+
+## 三、怎么做好架构设计？
+
+“能完成架构设计” 和 “能做好架构设计” 还是有很大的区别的，下面我会结合自己多年的学习经验、以及鱼聪明 AI 的架构设计，分享一些我认为的做好架构设计的关键。
+
+### 掌握方法论
+
+做好架构设计的前提是具备一定的理论知识。所谓方法论，是指前人通过总结和归纳形成的一套 **特定问题的解决方案** 。就像我们做数学题的时候知道套用公式来解题一样。
+
+有很多对架构设计有帮助的方法论。比如初学编程时接触到的面向对象设计，软件开发基本原则、23 种经典设计模式、SOA 面向服务架构、DDD 领域驱动设计等等。掌握这些方法论背后的思想，是做好架构设计的 **前提** 。
+
+举个例子，面向对象设计的五个基本原则 SOLID 中，有一点是 **单一职责原则** ，是指：一个类或模块应该有且只有一个单一的责任，每个类或模块应该只关注于一个特定的功能或职责。换句话说，每个模块应该只做好自己的事。
+
+我们在进行鱼聪明 AI 网站的架构设计时，首先就遵循了单一职责原则，将系统 **按照功能拆分** 为用户模块、助手模块、对话模块、绘画模块、支付模块等。这样一来，当我们想要扩展对话相关的功能时，就不用改动助手模块的代码。也可以将不同的模块交给团队中不同的同学进行开发。
+
+![](https://pic.yupi.icu/5563/202311080913007.png)
+
+### 学习经典架构
+
+前人栽树，后人乘凉。在我们没有能力自主设计一套架构前，不妨站在巨人的肩膀上，学习一些前人总结和实践过的经典架构。
+
+简单举几个例子：
+
+#### 1）分层架构
+
+首先是最经典的分层架构，把系统分为多个不同的层，每一层都有特定的功能和职责，且只和自己的直接上层与直接下层 “打交道”。
+
+比如开发 Java 企业级后端项目时常用的三层架构，将系统分为表示层、业务逻辑层、数据访问层。
+
+表示层负责接受用户请求，把用户输入的参数传递给业务逻辑层进行处理，并返回数据、页面等内容给用户。
+
+业务逻辑层负责处理复杂的业务逻辑，比如调用 AI 能力完成智能对话、再进行加工处理、调用数据访问层将结果存到数据库中，也是我们做系统主要开发的部分。
+
+数据访问层负责操作底层的数据源，比如对数据库、文件、缓存等进行增删改查。
+
+![](https://pic.yupi.icu/5563/202311080913006.png)
+
+分层架构的适用性非常广泛，绝大多数企业级系统都可以把分层架构作为基础的架构设计。
+
+计算机网络也是采用了经典的分层架构，OSI 七层参考模型中，把计算机网络自底向上分为了物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。每个层只处理特定的功能，比如数据传输、数据的路由；层与层之间通过接口（或者叫协议）进行通信。
+
+我们的鱼聪明 AI 后端也是使用了分层架构，只不过在原有的三层架构基础上，在业务逻辑层和数据访问层之间又增加了 Manager 层（通用逻辑层），将业务逻辑层经常调用的 **公共逻辑** 提取出来，便于复用。
+
+#### 2）微服务架构
+
+微服务的 “微” 是相对于 “单体” 项目的概念。微服务架构是指将完整的大型系统拆分为多个微小的、自治的服务，每个服务都能独立部署、独立扩展和维护、互不影响，服务之间通过网络通信进行协作，从而实现原本大型系统的完整功能。
+
+我们的鱼聪明 AI 就用到了微服务架构。前面也提到了，我们首先将系统按照功能划分为了多个模块。
+
+但如果我们只是按逻辑划分出了这些模块，实际上所有的代码仍然部署在同一个项目中，打包后仍然是一个可执行文件。那么所有模块要么都在运行、要么都在宕机，本质上还是单体项目。一个服务崩了，可能导致整个项目都无法运行！
+
+![](https://pic.yupi.icu/5563/202311080913010.png)
+
+所以我们将部分重要模块（比如支付模块）的代码从原本项目中抽离，单独作为了一个服务，并且还启动了备份，从而保证了支付业务的稳定性。说什么也不能影响收入对不对~
+
+![](https://pic.yupi.icu/5563/202311080913022.png)
+
+能够实现微服务设计的框架也很多，比如 Java 的 Spring Cloud、Apache Dubbo 等。但是学习微服务更重要的是思想，即 **如何合理地拆分服务** 。
+
+并不是所有的项目都要把所有功能都拆分成子服务的，像我们的鱼聪明 AI，也没有把用户模块和助手模块进行分离，原因是这两个模块的业务都不复杂、并且存在紧密的依赖，拆分后反而不利于维护了。
+
+#### 3）事件驱动架构
+
+在事件驱动架构中，各模块之间是通过事件（或者消息）的 **发布订阅模型** 进行通信的。
+
+举个最简单的例子，有两个模块：支付模块和会员模块，当用户支付成功后，支付模块会给会员模块发送一个 “XX 用户支付成功” 的事件，会员模块收到这个时间后，给对应的用户开通会员即可。
+
+![](https://pic.yupi.icu/5563/202311080913005.png)
+
+但实际运用时，事件驱动架构往往会引入一个 **事件总线** ，相当于一个中介，负责集中收集和下发事件。
+
+比如鱼聪明 AI 的对话功能和绘画功能就采用了事件驱动架构。当上游返回 AI 回复的消息或生成的图片后，会发送 “成功” 消息到事件总线，然后事件总线再将这些消息分别转发给对应的模块去处理。如下图：
+
+![](https://pic.yupi.icu/5563/202311080913657.png)
+
+这样一来，各模块之间就实现了解耦（互不影响）。假如后续我想新增多个对话模块，只要将该模块和事件总线建立连接即可，不会影响到其他模块的运行。
+
+### 关注需求和痛点
+
+我们在学习过程中接触到的项目，几乎都可以套用上述几种主流的架构。但具体应该如何做好架构设计，一定是要结合实际的需求和要解决的痛点去分析。
+
+以鱼聪明 AI 为例，前面也提到了，我们首先就按照需求（功能）将系统拆分为了多个模块，然后将部分模块单独封装为服务进行独立部署。
+
+但架构设计并没有到此结束，接下来分析下我们这个网站的痛点，主要是 “安全性” 和 “访问互通性” 这两个方面。
+
+#### 安全性
+
+根据我之前的翻车经历，网站上线后一定会遭受各种攻击！所以，我们在原有的分层架构基础上进行扩展，在表示层前增加高防服务器和 Nginx 防火墙，在表示层后增加了分布式限流和权限校验处理。
+
+> 在表示层前添加集中的分布式限流和权限校验处理也是合理的，以实际需求为主。
+
+改进过后的架构如图：
+
+![](https://pic.yupi.icu/5563/202311080913655.png)
+
+如果用户在短时间内用不法手段频繁向系统发送请求，那么在限流层就会被拦截，不会进行后续的业务逻辑处理。
+
+#### 访问互通性
+
+我们的 AI 绘画模块需要依赖第三方服务来完成部分功能，但是第三方服务并不支持访问跨地区访问，网络无法互通，怎么办呢？
+
+这时，我们有 2 个方案可选：
+
+1）把整个系统都放到第三方服务所在的地区去部署。如下图：
+
+![](https://pic.yupi.icu/5563/202311080913802.png)
+
+2）在 AI 绘画模块和第三方服务之间搭建一个代理，让代理帮忙发送和响应请求。如下图：
+
+![](https://pic.yupi.icu/5563/202311080913805.png)
+
+如果是你的话，会选择哪个呢？
+
+方案 1 的好处是方便，但缺点也很明显，整个系统都移到其他地区，也就意味着原本地区的用户访问系统的所有功能，速度都会变慢。
+
+方案 2 的好处是只需要改变 AI 绘画模块发送的请求地址信息，而系统的其他功能（比如查询用户信息）性能完全不变；缺点就是要搭建额外的服务、增加了实现成本。
+
+最终，我们选择了方案 2 并改进了架构设计，增加一点实现成本来换取更好的用户体验。
+
+通过这个例子，我想告诉大家的是：**没有绝对完美的架构设计** 。和技术选型一样，我们做架构设计的目标是寻找实际情况下的最优解。
+
+### 超前思考
+
+我们在做架构设计时，要养成超前思考的习惯，不能只针对现状，而是要提前预见系统未来可能的发展，预留足够的 **可扩展** 空间。
+
+比如我们的鱼聪明 AI，虽然在最开始只有 100 个内测用户，但我们会按照 1 万个、甚至 10 万个用户的标准去设计系统，所以使用了分布式存储中间件而不是本地服务器来存储用户登录 Session；虽然早期历史对话消息数只积累了 5 万条，但我们提前设计了消息过期淘汰机制、并且将消息模块解耦，防止消息数达到百万、千万时影响系统的查询性能。
+
+当然，超前思考也要有个度。要避免过度设计，不要提前去考虑绝对不可能发生的事情、不要提前去消耗远超增长的成本。
+
+
+
+------
+
+
+最后，要注意的是， **架构设计是一个持续的过程** ，要根据业务的实际情况不断优化迭代。比如发现业务收益不高时，通过简化架构来降低成本；业务高速发展时，及时扩容服务来应对增长。
+
+以上，希望大家在之后的学习和做项目的过程中，都能尝试自主设计一套架构。只要有架构设计的意识和足够的积累，人人都能成为架构师！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/B \347\253\231\345\264\251\347\233\230\344\272\213\346\225\205\345\210\206\346\236\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/B \347\253\231\345\264\251\347\233\230\344\272\213\346\225\205\345\210\206\346\236\220.md"
new file mode 100644
index 0000000..6ddacdd
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/B \347\253\231\345\264\251\347\233\230\344\272\213\346\225\205\345\210\206\346\236\220.md"	
@@ -0,0 +1,178 @@
+# B 站崩盘事故分析
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 非吃瓜，B 站事件始末分析 + 防治技术分享
+
+大家好，我是鱼皮，昨天小破站崩了的事情相信很多朋友都听说了。
+
+这要是搁以前，不爱吃瓜的我根本不会去关注这种事，崩了就崩了呗，反正天塌下来有程序员大佬们扛着，很快就会好的。
+
+但这次不太一样，因为我自己也成为了本事件的 **“受害者”** ！
+
+![](https://pic.yupi.icu/5563/202311080902075.png)
+
+
+
+所以今天以一名程序员的视角，带大家回顾 B 站崩了事件的始末、理性推测原因、并分享一些防治技术和收获感悟。
+
+### 事件始末
+
+B 站刚刚崩，但还没有完全崩的时候，我正在直播间写小代码、和小伙伴们友好交流。由于我在写代码的时候不会经常看弹幕，没有注意到弹幕不动了，没有任何小伙伴发弹幕。
+
+起初我以为只是自己写代码太无聊了，没人搭理我。然后我就搁哪儿喃喃自语：奇怪了，怎么没有小伙伴发弹幕？喂，有人么？Hello？Hi？歪比八步？
+
+![](https://pic.yupi.icu/5563/202311080902998.png)
+
+后来我才发现，弹幕区连进房提示都没了，总不可能几分钟没人进来吧？肯定是出事了！
+
+我以为是弹幕卡了，于是就关闭弹幕再打开，结果还是一样。然后我就想着重启下直播，结果关掉之后再也打不开了，屏幕上直接提示：似乎已断开和服务器的链接。
+
+![](https://pic.yupi.icu/5563/202311080902986.png)
+
+实话说，在此之前，我根本没想到 B 站这种亿级流量的平台会崩掉。所以第一反应和大家一样，都怀疑是自己网络的问题，结果发现网页能打开，换了网也连不上。于是我突然细思极恐：握草？B 站竟然也把我封了？（老通缉犯了）
+
+就是这样，我是事故现场的受害人，是倒在地上懵逼的那个，所以直到事故发生十几分钟后，我才通过其他途径了解到，哦，原来是 B 站出事了。
+
+虽然错过了第一现场，但通过热搜，也能了解到 B 站崩盘的大致过程，简单地说，就是在 **几个小时** 内，用户无法正常访问 B 站的任何功能！
+
+打开 B 站，先是 404 Not Found 找不到资源：
+
+![](https://pic.yupi.icu/5563/202311080902350.png)
+
+然后是 502 错误网关：
+
+![](https://pic.yupi.icu/5563/202311080902148.png)
+
+1 个小时后，一些小伙伴表示 B 站的部分功能已经可以使用了，但还是没有完全恢复，直到 14 日凌晨，B 站官方才终于回应，恢复正常了。
+
+![](https://pic.yupi.icu/5563/202311080902585.png)
+
+### 原因猜测
+
+昨晚剪视频到凌晨 2 点多，本来想直接睡觉，但手贱又打开了知乎，发现 “B 站崩了” 是 Top 1 热门的问题，出于好奇就点进去想了解下事故背后的真正原因，看看大家的高见。
+
+本来我一个非 B 站工作的外来人，对它的技术架构没有深入了解；再加上缺少关键信息、没有可靠的推测凭据，所以不准备发表意见的。结果发现前排没有几个程序员在从技术的角度推测事故原因，都是一些帮大家吃瓜更香的小回答。那我不妨根据过往学到的架构知识，做一波推测，万一推中了感觉也挺惊喜的。
+
+其实在 20 年的时候，B 站技术总监毛剑老师就在腾讯云 + 社区分享过《B 站高可用架构实践》讲座，当时我全程看完了，但没想到，有一天，高可用的 B 站不可用了。
+
+所以在这次分析前，我先把《B 站高可用架构实践》文章又读了一遍，有趣的是，短短半天，这篇文章的阅读量涨了 15 万！
+
+![](https://pic.yupi.icu/5563/202311080902685.png)
+
+而且更有趣的是，文章底下多了不少 “嘲讽”，什么 “八股文架构师” 之类的：
+
+![](https://pic.yupi.icu/5563/202311080902637.png)讲座评论区
+
+不过我觉得没必要，因为毛剑老师分享的技术确实是很实用的高可用解决方案，只不过还是缺少了一些印证吧。
+
+> 文章地址：https://cloud.tencent.com/developer/article/1618923
+
+下面说下我的猜测。
+
+#### 猜测 1：网关挂了
+
+首先，这次小破站事故发生时，其他站点竟然也崩了！比如 A 站、晋江、豆瓣，统统都上了热搜。
+
+![](https://pic.yupi.icu/5563/202311080902199.png)
+
+这些事故同时发生，说明是这些系统依赖的公共服务出了问题，而唯一有能力导致大规模服务瘫痪的就是 **CDN** 了。
+
+CDN 是内容分发网络，提前将源站内容发到各个地区的服务器节点，之后就可以让不同地区的用户就近获取内容，而不是都到源站获取，从而起到内容加速、负载均衡的作用。
+
+![](https://pic.yupi.icu/5563/202311080902634.png)
+
+> 用户就近访问内容
+
+一旦 CDN 挂了，该地区用户的流量会全部打到网关上：
+
+![](https://pic.yupi.icu/5563/202311080902544.png)
+
+> CDN 挂了
+
+网关就像是家族老大，用户有需求就跟老大说，然后老大再分配需求给弟弟们去完成。
+
+![](https://pic.yupi.icu/5563/202311080902234.png)
+
+此外，网关通常还承担起了保护服务弟弟们的使命，统一负载均衡、控制流量、熔断降级等。
+
+按道理来讲，通常网关不仅要保护下游的服务，自身也是需要安全保护的。但为什么网关没有保护好自己呢？
+
+我的猜测是：网关还没有来的及开启保护措施（自身的熔断降级等），就被流量瞬狙了。
+
+网关一挂，服务没爹，服务缺少了调用入口，自然就不可用了，未必所有网关后的服务都处于瘫痪状态。
+
+#### 猜测 2：服务雪崩
+
+还有一种猜测是 B 站系统存在很多服务的 **调用链** 。由于 CDN 或者部分机器挂掉，导致某个下游服务 A 的执行耗时增加，从而导致上游调用服务 A 的服务 B 执行耗时也增加，让系统单位时间的处理能力变差。再加上上游不断积压请求，最终导致整个调用链雪崩，所有链上服务从儿子到爸爸全部灭门。
+
+![](https://pic.yupi.icu/5563/202311080902798.png)
+
+> 服务调用链
+
+举个通俗的例子就是家里的马桶堵了，桶里的还没充下去，上面却还在不断 “送货”，最终下场就是你不能再 “送货” 了，马桶爆了！
+
+#### 官方解释
+
+在官方解释是服务器机房发生故障之后，又看了其他老师的分析，感觉官方的解释还说的过去。
+
+的确之前 B 站在对外分享高可用架构时几乎没有提到 **灾备** 和 **多活** 方面的设计，更多的是在本地服务层和应用层去处理，比如限流、降级、熔断、重试、超时处理等，所以在设计大规模分布式系统时还是要考虑更全面一些，引以为戒~
+
+直到发文前，知乎 Top 1 的回答者又很用心地整理了线索：
+
+![](https://pic.yupi.icu/5563/202311080902530.png)
+
+为什么其他两家很快就恢复了，B 站却花了几个小时才恢复正常呢？
+
+感觉多少和 B 站自研组件有关系，一方面受到云服务商的影响，导致下游的服务连锁挂掉了，**故障面积大** ；另一方面重启也需要时间，而且重启过程中，上游的负载均衡也未必能承受住流量高峰，所以想要恢复到正常水平，至少要等待很多容器副本完全重启。
+
+另外昨天 23 点半左右，我打开 B 站时，看到的内容是几个小时前的老数据，说明这个时候 B 站已经重启了部分服务副本，并且开启了降级措施，并没有查询真实数据。
+
+没想到自己的这个回答还在知乎小火了一把，第一次成为了 **千万浏览量** 问题的 **Top 2**，受宠若惊，受宠若惊。。。
+
+![](https://pic.yupi.icu/5563/202311080902525.png)
+
+> 保命：以上本身就是我的猜测哈哈，专业度有限，欢迎大家评论区讨论，轻喷轻喷。
+
+### 防治技术
+
+再简单聊一下服务故障的防治技术，就是如何保证服务的高可用性，尽量持续为用户提供服务而不宕机。
+
+我将了解到的技术简单分类，整理成了一张思维导图：
+
+![](https://pic.yupi.icu/5563/202311080902428.png)
+
+> 故障防治思维导图
+
+暂时想到这么多，当然还有其他的技术。
+
+时间有限，就先不对这些技术展开去讲了。关于如何减少系统出现的 Bug、保证服务高可用，欢迎大家阅读我的历史文章：[揭秘软件开发的达摩克利斯之剑](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247489788&idx=1&sn=37e845a069310e4ec8ab4521b3cd5f73&scene=21#wechat_redirect)，以上很多技术也都有讲解。
+
+### 收获感悟
+
+关于这次事故，我作为受害者之一，也有一些收获和感悟，而不是吃瓜吃了个寂寞。
+
+首先是要有 **质疑精神** ，我们在写程序出现问题时，习惯性地先从自己身上找原因没有任何问题，但自己排查没有发现 Bug 后，应该大胆推测是我们用到的类库、组件、或者依赖服务、甚至有可能是编辑器出了问题，而不是认为知名的东西一定正确。像小破站出了问题后，我竟然怀疑是自己的直播被封了哈哈，差点想找到管理去跪了。
+
+在编程方面，我们不能只去背知识、听别人讲，做 **八股文架构师**；而是要做实践经验丰富的工程师，不盲目相信、不想当然，而是在实践中积累经验、结合实际去优化系统。
+
+![](https://pic.yupi.icu/5563/202311080902842.png)
+
+通过这次结合实际故障过程的分析，我也复习了一遍之前学到的架构知识，对一些高可用的设计有了更深的理解。有朝一日，尽量不让 **编程导航**（www.code-nav.cn） 成为下一个 B 站（狗头）。
+
+还有就是上面提到的，要时刻居安思危，养成防御性编程的好习惯，而不是出了问题再去补救。像 B 站这种知名平台，出一点小问题，对用户、对企业带来的损失都是难以估量的。
+
+感谢 B 站爸爸送来的一天大会员补偿 ❤️
+
+![](https://pic.yupi.icu/5563/202311080902077.png)
+
+
+
+------
+
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311080902484.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\344\270\212\347\272\277\347\275\221\347\253\231\357\274\214\350\260\250\346\205\216\344\275\277\347\224\250\346\214\211\351\207\217\350\256\241\350\264\271\346\234\215\345\212\241\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\344\270\212\347\272\277\347\275\221\347\253\231\357\274\214\350\260\250\346\205\216\344\275\277\347\224\250\346\214\211\351\207\217\350\256\241\350\264\271\346\234\215\345\212\241\357\274\201.md"
new file mode 100644
index 0000000..81f4923
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\344\270\212\347\272\277\347\275\221\347\253\231\357\274\214\350\260\250\346\205\216\344\275\277\347\224\250\346\214\211\351\207\217\350\256\241\350\264\271\346\234\215\345\212\241\357\274\201.md"
@@ -0,0 +1,103 @@
+# 上线网站，谨慎使用按量计费服务！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+事情是这样的，昨天我在 B 站某个视频的评论区下被 @ 了：
+
+![](https://pic.yupi.icu/5563/202311080914326.png)
+
+我内心：熟悉？什么熟悉？我以为又是朋友开玩笑说哪个动物和我长得很像来着。
+
+结果点进去一看，标题就直接 “震惊” 到我了！
+
+“我做了个静态网页火了，一天欠下 XX 云 8000 元，客服可怜我优惠了 300 块”
+
+![](https://pic.yupi.icu/5563/202311080914021.png)
+
+如果我不是一个站长、如果我没有自己的网站，那我可能会看个乐，心想：“这人真倒霉！”；或者跟着吐槽几句 “这种问题不该出现啊！”
+
+但是，我毕竟经历过太多类似的事情了，现在回过头来看这位博主的经历，我唯一的感受就是：同病相怜啊！
+
+![](https://pic.yupi.icu/5563/202311080914327.png)
+
+关注我的朋友都知道，我曾经的那些痛：
+
+- 图床被刷流量，一天扣 2 万
+- 新网站刚上线，就被攻击到无法访问
+- 做了个面试刷题网站，被攻击到倒闭
+- 直播教用服务器，刚开播就被攻击到宕机
+- 我的图床密码被自己社群的朋友开源
+
+![](https://pic.yupi.icu/5563/202311080914333.jpeg)
+
+经历这些事后，我最大的感受就是：很多事情在你真正亲身经历之前，都不会觉得它会发生在自己身上。
+
+就像这位博主为什么会因为网站流量过多导致欠费 8000 元？而不是在欠费的第一时间停止服务呢？
+
+据这位博主所说，他是开启了云服务商后台的一个 “延停服务”，开启这个服务后，哪怕你的账号欠费了，系统依然会为了维持你服务（网站）的正常运行，继续产生费用！
+
+![](https://pic.yupi.icu/5563/202311080914331.jpeg)
+
+这个模式其实司空见惯了，我小时候拿爸妈手机偷偷用流量上网的时候，运营商在流量欠费几百块后才提醒我，导致我吃了一顿揍。
+
+但比较坑的一点是，延停服务上显示的额度是 10 元，正常人可能都会认为超过 10 元就停止扣费并且提供服务了对吧？然而并没有！
+
+如果博主不主动关闭网站，搞不好就真破产了。。。
+
+好在最后的结果是好的，云厂商电话致歉了这位博主并帮他免单，看来各位朋友们的支持是非常有用的。
+
+
+
+------
+
+
+不过还有个问题，为什么一个静态网站在那么短的时间内能产生这么高额的流量费呢？
+
+据博主所说，是被人攻击了，光有些人就恶意刷了几百 G 的流量。
+
+唉，他的经历和我上次被刷近 2 万元对象存储流量的经历简直是一模一样，我当时也是万万没想到欠费了这么多，还能接着扣费。这种事情真的搁谁头上谁发畜啊！
+
+![](https://pic.yupi.icu/5563/202311080914620.png)
+
+吃一堑长一智。通过我们的这些翻车经历，也是希望能给到大家一些警醒和帮助吧，不只是吃个瓜看个乐而已。
+
+鱼皮给大家一些建议：
+
+1）只要你做的是免费的网站，能不用 CDN、对象存储等按量计费的服务，就不建议使用！别跟我说什么 CDN 能加速、对象存储很方便，不如搞一个带宽稍微大点的服务器，网站加载速度也是比较快的。
+
+而且想要彻底预防网站攻击（比如 DDOS、CC）是非常难的，大厂的高防服务年费几十万根本掏不起的。使用服务器来部署免费网站那，有人攻击了就让它停一会儿呗，起码被刷流量了不会让你 “破产” 吧。
+
+2）网上有些同学提到使用 Vercel、GitHub Pages 等免费服务来部署网站，这确实是省钱的好方法，我之前也给大家推荐过的。
+
+但我想应该很多同学都不知道 Vercel 会封号吧？我之前很多免费开源网站都是部署到 Vercel 上的， 后来因为一次网络攻击，Vercel 直接把我的账号给永久封禁了，而且不止被封了一个。
+
+至于为啥账号会被 Vercel 封禁，很简单的道理：别人攻击你的网站、你的网站又是部署在 Vercel 服务器上的，相当于别人攻击的是 Vercel 的服务器，而 Vercel 封不了攻击者，那就只能封你的网站和账号咯。
+
+不行，想到这里觉得越来越惨了，网站被攻击的是我，账号被封的也是我。
+
+![](https://pic.yupi.icu/5563/202311080914833.png)
+
+总之，免费的服务可以用，也推荐大家用；但是如果是部署商用网站，还是用稳定的云服务器吧。
+
+还有同学建议使用 Cloudflare CDN。咳咳，免费版本 Cloudflare 俗称 “减速器”，用上之后或许能提高安全性，但国内访问网站速度反而会更慢。
+
+3）只要你用了云服务商的付费服务，都得留个心眼，防止 “破产”。比如在云服务商后台配置费用预警、配置各种服务的流量限制、自动封禁 IP 策略等，当出现欠费时，第一时间会收到服务上发送的短信、或者电话，能够尽早发现问题并处理。
+
+但还是要注意，告警并不是完全可控的解决方案，假如凌晨 3 点给我发了短信告警，我还是得第二天才能看到，说不定为时已晚。不过总比什么都不做要好。
+
+4）多学习一些网站安全知识，能防止一种攻击是一种，像 XSS、SQL 注入这些经典问题是完全可以在代码和技术层面解决的。这里必须要给大家安利我本人制作并完全开源的免费网站安全学习网 `测试鸭` ，可以学到 30 多种常见的网站漏洞。
+
+> 测试鸭：https://github.com/liyupi/ceshiya
+
+![](https://pic.yupi.icu/5563/202311080914823.png)
+
+------
+
+
+OK，就先分享到这里，觉得有帮助的话点个赞吧，谢谢大家~
+
+👇🏻 点击下方阅读原文，获取鱼皮往期编程干货
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\211\215\345\220\216\347\253\257\345\210\206\347\246\273\357\274\214\345\215\203\344\270\207\345\210\253\345\206\215\346\220\236\351\224\231\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\211\215\345\220\216\347\253\257\345\210\206\347\246\273\357\274\214\345\215\203\344\270\207\345\210\253\345\206\215\346\220\236\351\224\231\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..7685861
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\211\215\345\220\216\347\253\257\345\210\206\347\246\273\357\274\214\345\215\203\344\270\207\345\210\253\345\206\215\346\220\236\351\224\231\344\272\206\357\274\201.md"
@@ -0,0 +1,110 @@
+# 前后端分离，千万别再搞错了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+前几天，有个小伙伴联系我，说想要给我的网站做一些贡献。
+
+![](https://mmbiz.qpic.cn/mmbiz_png/mngWTkJEOYInFtUUFkllmcLCeYkOzptSPWtQmFFlsGGdKQW5k3kSuqCxb4DMdPibxEHL3vF6RuLpXWECgC7XzLg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1)
+
+我当然是非常非常感激这位朋友的，但是他提到的一个技术名词 “前后端分离” 让我有点在意。因为我的网站一直是前后端分离的，所以我猜想这位朋友是不是对前后端分离有什么误解？
+
+![](https://pic.yupi.icu/5563/202311080856844.png)
+
+于是就有了下面这段对话：
+
+![](https://pic.yupi.icu/5563/202311080856190.png)
+
+看来这位朋友的确混淆了前后端分离的概念，误认为后端用了 Java web 的项目就是前后端不分离、前端用了 React 就是前后端分离，错误地将前后端分离这种 **架构模式** 和具体的技术绑定了。
+
+然后，这位朋友好像又对 React 有一些误解了：
+
+![](https://pic.yupi.icu/5563/202311080856052.png)
+
+其实，React 只是一个前端框架，和项目是否前后端分离没有半毛钱的关系！听起来可能会颠覆很多同学的认知，主要的原因就像这位同学说的一样，因为大家见到的用了 React 的项目一般都是前后端分离，所以就把它们绑定了。但其实，只要你乐意，React 一样可以前后端不分离（我在腾讯实习时就写过）。
+
+![](https://pic.yupi.icu/5563/202311080856183.png)
+
+另外，还有个比较有意思的小误会，很多同学看到 JavaScript 就以为是在写前端，其实不然：
+
+![](https://pic.yupi.icu/5563/202311080856196.png)
+
+接下来，跟这位同学讨论了下前后端分离的意义。他一句 “前后端其实差别都不大” ，属实给我整懵了：
+
+![](https://pic.yupi.icu/5563/202311080856619.png)
+
+![](https://pic.yupi.icu/5563/202311080857733.png)
+
+看这位同学的意思，是因为前端、后端都有自己更适合去处理的问题，所以才有了前后端分离。虽然意思是那么个意思，但是他这句 “前端能干的一些东西，在后端同样能处理” 让我感觉不太对。因为有些需求，虽然前端 / 后端都可以做，但 **必须** 放在某一端去做：
+
+![](https://pic.yupi.icu/5563/202311080857083.png)
+
+接下来我们又讨论到前后端分离的使用场景：
+
+![](https://pic.yupi.icu/5563/202311080857996.png)
+
+这里我的表达其实有失偏颇了，项目是否前后端分离也是和技术选型一样，需要在项目的初期就考虑好。对于小项目（项目用户小、功能简单、团队小）来说，如果只是为了快速完成需求，往往会选择自己团队比较熟悉的技术栈，这种时候，是否前后端分离往往显得不是那么重要了。
+
+这里我提到了前后端分离的一大好处：人员分工明确、有利于环境的维护。
+
+这是什么意思呢？
+
+此处我引用知乎老哥的两张图，因为我觉得这两张图实在是太棒了，完美诠释了前后端分离！
+
+图 1：前后端不分离
+
+![](https://pic.yupi.icu/5563/202311080857341.jpeg)
+
+> 前后端不分离架构
+
+观察图片，你会发现很难对前后端进行划分，因此前后端不分离时，很多情况下都是由全栈开发者来搞项目，又写前端又写后端，累的一批。
+
+“全栈，狗都不干！”
+
+图 2：前后端分离
+
+![](https://pic.yupi.icu/5563/202311080857944.jpeg)
+
+> 前后端分离架构
+
+显然，这张图就清晰多了。前端负责展示页面和数据，后端负责处理和提供数据，前后端的边界非常明显，二者仅通过请求来交互。
+
+如此一来，前端开发者、后端开发者就可以专注地去干好自己该干的事情，发挥自己在某方面的特长。但也会在前后端接口联调时产生额外的沟通成本，这又是另外一个话题了。
+
+所以前后端分离的 **本质** 是：人员职责的分离。代码分离、目录分离这些只不过是为了更好地顺应职责分离罢了。
+
+> 软件开发中，我觉得最复杂的不是工具、不是架构、不是方法，而是人类本身。抛开团队去聊架构，我觉得也是不合理的。
+
+然后这位同学补充了一些前后端分离的好处：
+
+![](https://pic.yupi.icu/5563/202311080857144.png)
+
+的确，如果前后端代码划分的比较明确，我完全可以再后端不变的情况下，再去写一套新的前端（比如小程序、APP）来复用后端代码。
+
+**但是前后端分离真的能提升性能么？**
+
+我觉得未必：
+
+![](https://pic.yupi.icu/5563/202311080857786.png)
+
+![](https://pic.yupi.icu/5563/202311080857396.png)
+
+![](https://pic.yupi.icu/5563/202311080857841.png)
+
+看这位同学的意思，如果前后端分离的话，前端可以控制请求的时机，从而给用户更好的体验。但殊不知，现在的前端为了提升首屏加载的性能，还专门在后端渲染页面呢（SSR）！
+
+![](https://pic.yupi.icu/5563/202311080857838.png)
+
+SSR（Server Side Render）即服务端渲染，直接把前端页面需要展示的内容在后端请求好、拼接到 HTML 模板后，再返回给前端。这样前端就不用再去请求内容了，一般会更利于首屏加载和搜索引擎优化。
+
+那么服务端渲染和前后端分离之间有必然的联系么？作为一个思考题，留给大家讨论吧~
+
+
+
+------
+
+
+以上只是我的拙见，欢迎大家共同探讨、如有错误欢迎指出。觉得分享还不错呢，给假期第一天就肝文的屑鱼皮点个 **赞 + 在看** 吧，谢谢大家。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\217\215\345\220\221\345\216\213\345\212\233.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\217\215\345\220\221\345\216\213\345\212\233.md"
new file mode 100644
index 0000000..58f6790
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\217\215\345\220\221\345\216\213\345\212\233.md"
@@ -0,0 +1,108 @@
+# 反向压力
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享一个实用的编程小知识 —— 反向压力。
+
+在介绍反向压力前，我们先聊聊什么是压力？
+
+### 什么是压力？
+
+我是一个打工人，日常工作就是听产品经理的话，写代码做需求。
+
+![图片](https://pic.yupi.icu/5563/202311080858224.png)
+
+> 正常打工
+
+正常情况下，我每天能写 500 行代码，一周能做完 1 个需求就不错了。
+
+但如果某天，领导突然发话了：对手公司已经荣华富贵了，我们也得抓紧，发财发财发财！
+
+于是产品经理收到了更多来自领导的需求，也就给我安排了更多的需求。但我毕竟能力有限，每天只能写那么几行代码，因此只能每天加班苦不堪言，整个人处于超负荷状态，感受到了 **压力** 。
+
+![图片](https://pic.yupi.icu/5563/202311080858372.png)
+
+> 有压力了
+
+那把这个场景类比到程序系统中，就是服务调用方对服务提供者的压力，或者说是请求方对处理方的压力。每个服务单位时间的处理能力是有限的，一旦请求量过大，服务的压力就会逐渐增大（可能是内存等资源不断被占用），严重时会导致服务停机。
+
+![图片](https://pic.yupi.icu/5563/202311080858223.png)
+
+> 服务调用
+
+也可以把整个过程理解为泳池蓄水吧，进水管比排水管的水量更大，那泳池一会儿就水满溢出了。
+
+了解什么是压力后，反向压力就很简单了。
+
+### 什么是反向压力？
+
+先接着做个比喻，假如领导和产品经理要给我增加过多的工作量，那我干嘛要傻傻的默默忍受呢？不是还有其他选择么？
+
+1. 跟上级们反映一下，工作量太多
+2. 实在欺人太甚的话，直接甩下一句话：劳资不干了！
+
+![图片](https://pic.yupi.icu/5563/202311080858526.png)
+
+当然，对于领导来说，可能也会给你两种结果：
+
+1. 倾听你的反馈，动态调整你的工作量，先让你做高优先级的需求，其他的排到后面慢慢做。
+2. 爱干不干，不干滚蛋！
+
+显然第一种情况比较好对吧。这便是反向压力（Back Pressure），又叫 **背压** 。
+
+![图片](https://pic.yupi.icu/5563/202311080858665.png)
+
+类比到程序系统中，就是根据服务处理方的处理能力和状态动态地调整调用方的请求频率。
+
+可以是处理方 **主动通知** 调用方：哦我压力太大了、活干不完了！然后调用方可以减少请求频率。
+
+也可以是调用方 **被动监测** 处理方：看见员工开始摸鱼了，肯定是工作不饱和！然后调用方可以逐渐增大请求频率。
+
+![图片](https://pic.yupi.icu/5563/202311080858554.png)
+
+> 反向压力
+
+### 反向压力的好处
+
+反向压力实际上是 **流量控制** 的一种解决方案，可以使得调用方和处理方的能力相匹配，从而保护系统的各节点处于持续的正常工作状态。
+
+如果不使用反向压力，只能人为去评估系统中各个节点能承受的压力，再给每个服务调用者的调用频率加一个 **固定** 的限制。限制设小了，就很容易产生资源浪费；限制设大了，服务又可能承受不住，导致挂掉或被剔除。
+
+而且最致命的是，系统中的节点变化是不可控的，可能现在的系统状态很稳定，但如果突然多了个服务调用方，就又增加了服务提供者的压力。而这种压力没有被感知到，才是最恐怖的！
+
+![图片](https://pic.yupi.icu/5563/202311080858462.png)
+
+> 新服务调用方
+
+因此，如今动态流控、甚至是智能流控也被应用的越来越广泛。
+
+### 反向压力的应用
+
+有流量控制的需求，就会有反向压力的身影。
+
+我是从一本 **实时流式计算** 的书籍中第一次真正了解到反向压力的概念，这也是它应用最广泛的领域，像几个流处理框架 Flink、Spark Streaming、Storm 中，都有相应的反向压力实现。
+
+反向压力的概念也被广泛应用于 **反应式编程**（Reactive Programming）中，比如 Spring WebFlux、RxJava 框架等，可以实现异步非阻塞、低延迟、高吞吐量的处理系统。
+
+此外，反向压力的思想也很实用，比如 TCP 网络协议的流量和拥塞控制中，实际是由发送方和接收方共同确认数据包滑动窗口的大小，从而控制传输包的速率。
+
+![图片](https://pic.yupi.icu/5563/202311080858339.jpeg)
+
+> TCP 协议数据包传输
+
+因此，反向压力还是很值得学习的！
+
+至于它如何实现，还是有很大学问的，不同框架的实现方式也不同，大家可以自行了解。（等我学好了再分享哈哈）
+
+
+
+------
+
+
+以上就是本期分享。
+
+我是鱼皮，学到的话还请 **点赞 + 在看** 支持，这是我持续更新的最大动力！🙏
+
+![图片](https://pic.yupi.icu/5563/202311080858922.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\225\245\346\230\257\347\203\255\346\225\260\346\215\256\346\216\242\346\265\213\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\225\245\346\230\257\347\203\255\346\225\260\346\215\256\346\216\242\346\265\213\357\274\237.md"
new file mode 100644
index 0000000..3fe3716
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\225\245\346\230\257\347\203\255\346\225\260\346\215\256\346\216\242\346\265\213\357\274\237.md"
@@ -0,0 +1,151 @@
+# 啥是热数据探测？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 如果数据也要像垃圾一样分类，热数据算哪类呢？
+
+大家好，我是鱼皮，今天分享一个有点儿干的技术知识。
+
+大家知道，各种网站、应用的运行离不开数据的支撑，尤其对于企业来说，业务数据就是它的生命。
+
+但有时，将所有数据堆成一坨、统一处理可能无法满足我们对性能和存储空间等要求。因此，我们需要对数据进行分类处理，以适应不同的业务需求和应用场景。
+
+其中，有一种划分方式是将数据分为 “热数据”、“冷数据”，甚至还有 “暖数据”！
+
+就和垃圾分类一样一样的~
+
+![](https://pic.yupi.icu/5563/202311080906079.png)
+
+
+
+> 先来聊一聊什么是热数据吧！
+
+### 什么是热数据？
+
+顾名思义，热数据是指 **很热门、频繁被访问** 的数据。
+
+比如某度热榜上的新闻，可能每秒都会有成千上万次的访问量。
+
+![](https://pic.yupi.icu/5563/202311080906606.png)
+
+根据热数据的特点，又可以分为两类：
+
+- 有预期：数据成为热门是在意料之中的，比如提前预告的大促活动中由网红代言的爆款商品，某宝的双十一购物节就是最好的例子。
+- 无预期：数据的访问量突然飙升！可能是受到了人为恶意攻击、网络爬虫，或者是不经意间突然火爆的内容。比如突然出现了一个大新闻，某浪微博还没来得及做好防护，可能就炸了。
+
+![](https://pic.yupi.icu/5563/202311080906730.png)
+
+为了应对热数据，通常我们会选用缓存技术，将数据以 K / V（键值对）的方式提前存储到内存中。
+
+![](https://pic.yupi.icu/5563/202311080906609.png)
+
+> 键值对
+
+当我们需要访问缓存数据时，需要根据一个 key 字符串，来找到对应的值。
+
+频繁被访问的 key，又称为热 key，热 key 是一个广泛的概念，不仅仅局限于缓存系统，例如以下这些都是热 key：
+
+1. 数据库中被频繁访问的主键，如爆款应用的 appId
+2. K / V 缓存系统中经常被访问的 key
+3. 恶意攻击、机器人刷的请求信息，如用户的 userId、机器 IP 等
+4. 频繁被访问的接口地址，如 app 信息查询 /app/query
+5. 统计单个用户访问某接口的频率，如 userId + /app/query
+6. 统计某台机器访问某接口的频率，如 IP + /app/query
+7. 统计某用户访问某接口特定内容的频率，如 userId + /app/query + appId
+
+![](https://pic.yupi.icu/5563/202311080906608.jpeg)
+
+了解了啥是热数据后，我们再来聊聊热数据探测技术，即 “找出热数据” 的技术。
+
+### 为什么要检测热数据？
+
+我们检测热数据的原因很简单：
+
+#### 1. 提升性能
+
+如果使用分布式缓存，在读取时还是需要网络通讯的，就会有额外的时间开销。那如果能对热点数据提前进行本地缓存，即预热，就能大幅提升机器读取数据的性能，减轻下层缓存集群的压力。
+
+![](https://pic.yupi.icu/5563/202311080906466.png)
+
+> 热数据多级缓存读取流程
+
+当然，这不意味着所有数据都应该存储到本地。缓存级数越多，更新操作就越复杂，数据不一致的风险就越大！
+
+#### 2. 规避风险
+
+对于无预期的热数据（热 key），可能会对业务带来极大的风险，可将风险分为两个层次：
+
+**对数据层的风险**
+
+正常情况下，Redis 缓存单机就可支持十万左右 QPS（每秒请求量），并能通过集群增大并发度。对于并发量一般的系统，用 Redis 做缓存就足够了。但是如果有一个商品数据突然爆火，或者收到恶意请求，对该数据 key 的访问 QPS 可能飙升到百万、千万量级！在低版本 Redis 单线程的工作方式下，会导致正常的请求排队，无法及时响应，严重时会导致整个分片集群瘫痪。
+
+还有一种情况，某热点 key 突然过期，会导致大量请求直接砸向脆弱的数据库，导致数据库挂掉！
+
+**对应用服务的风险**
+
+每个应用在单位时间所能接受和处理的请求量是有限的，如果受到恶意请求的攻击，让恶意用户独自占用了大量请求处理资源，就会导致其他人畜无害的正常用户的请求无法及时响应。
+
+![](https://pic.yupi.icu/5563/202311080906878.png)
+
+> 恶意请求导致的请求排队
+
+因此，需要一套动态热 key 检测机制，当无预期的热点数据出现时，第一时间发现他，并针对这些数据进行特殊处理。如本地缓存、拒绝恶意用户、接口限流 / 降级等。在提升数据访问性能的同时规避可能的风险。
+
+![](https://pic.yupi.icu/5563/202311080906877.jpeg)
+
+那么如何检测热数据呢？
+
+### 如何检测热数据？
+
+首先，我们需要给 “热” 定义一个阈值或规则，到底多热算热呢？
+
+可以根据经验值定义，也可以根据系统数据的平均热度来定义，比如 1 秒内访问 1000 次的数据算是热数据。
+
+对于单机应用，检测热数据很简单，直接在本地为每个key创建一个滑动窗口计数器，统计单位时间内的访问总数（频率），并通过一个集合存放检测到的热 key。
+
+![](https://pic.yupi.icu/5563/202311080906317.png)
+
+> 滑动窗口
+
+而对于分布式应用，对热 key 的访问是分散在不同的机器上的，无法在本地独立地进行计算，因此，需要一个独立的、集中的 **热 key 计算单元**。
+
+至此，可将热数据探测工作分为配置规则、热 key 上报、热 key 统计、热 key 推送四个步骤：
+
+1. 配置规则：指定热 key 的上报条件，圈出需要重点监测的 key
+2. 热 key 上报：每台机器将自己的 key 访问情况上报给集中计算单元
+3. 热 key 统计：收集各应用实例上报的信息，使用滑动窗口算法计算key的热度
+4. 热 key 推送：当key的热度达到设定值时，推送热key信息至所有应用实例，各应用实例将key值进行本地缓存。
+
+![](https://pic.yupi.icu/5563/202311080906322.png)
+
+> 上报和计算
+
+通过上述步骤，一套基本的热 key 检测机制就完成了。但热数据探测系统往往会面对复杂的业务场景，还要考虑其他的问题，比如 key 失效处理等。
+
+![](https://pic.yupi.icu/5563/202311080906365.png)
+
+> 有赞 TMC 热 Key 探测设计
+
+为满足高并发场景，在设计热 key 探测框架时，还应重点关注如下指标：
+
+1. 实时性：考虑到热 key 的突发性（甚至可能是 1 毫秒），必须能够实时发现热 key 并推送
+2. 高性能：框架应保持轻量且高性能，有效降低成本
+3. 准确性：精准探测符合规则的热 key，不漏报、更不误报
+4. 一致性：保证应用实例与本地缓存的热 key 一致，不能出现数据错误
+5. 可扩展：要统计的 key 数量级很大时，集中计算集群可水平扩展
+
+此外，优秀的热 key 探测框架还应满足易接入、业务无侵入、可动态配置、规则热更新、可视化管理等特性。
+
+
+
+------
+
+
+
+最后，想深入学习的同学可以看一下京东开源的热 key 探测框架 JD-hotkey 以及有赞开源的 TMC，他们的设计都非常巧妙。
+
+我之前也写过有关这两个框架的分析文章，后面有机会整理下再发出来。
+
+![](https://pic.yupi.icu/5563/202311080906576.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\244\232\347\216\257\345\242\203.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\244\232\347\216\257\345\242\203.md"
new file mode 100644
index 0000000..b8c77cb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\345\244\232\347\216\257\345\242\203.md"
@@ -0,0 +1,244 @@
+# 多环境
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 3 分钟学会企业开发中的多环境知识
+
+大家好，我是鱼皮，今天给大家分享企业项目开发的重要知识 —— 多环境。
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311080900326.png)
+
+> 鱼皮 - 多环境技术大纲
+
+### 什么是多环境？
+
+先思考一个问题。
+
+假如我们有一个数百万用户正在用的网站，网页文件部署在几台服务器上。那现在我们要开发上线一个新功能，应该怎么做呢？
+
+老弟小阿巴问：写好代码后，直接更新服务器上的网页文件么？
+
+![](https://pic.yupi.icu/5563/202311080900028.png)
+
+我一巴掌抽过去：那万一你的代码有 Bug，不就影响到线上用户的使用了么？
+
+![](https://pic.yupi.icu/5563/202311080900203.png)
+
+老弟思考了下：那写好代码后，在本地测试运行没有问题后，再发布上线？
+
+我：思路不错，但问题在于，如果本地和线上运行项目时，连接的是同一个数据库，那么当你在本地测试向数据库中插入乱七八糟的假数据、或者修改数据库表结构时，不就会影响到线上的数据了么？
+
+![](https://pic.yupi.icu/5563/202311080900038.png)
+
+老弟一拍手：对哦，那如何让本地的测试不影响到线上项目呢？
+
+这就需要 **多环境** 。根据实际需要，将同一个项目（或同一套代码）按照一定方法进行区分，并将所需资源和项目本身部署到不同的机器上。不同环境的项目可以有 **不同的行为** ，且能够 **同时存在、互不影响** 。
+
+举个例子，可以给线上项目搭建一套开发环境，开发环境的数据存储在独立的开发数据库，并且为了调试方便，不需要登录也能够访问所有的用户数据：
+
+![](https://pic.yupi.icu/5563/202311080900198.png)
+
+这样一来，本地和线上的项目就完全隔离开了，开发者在本地想怎么折腾就怎么折腾！这便是多环境的好处。
+
+### 常用环境
+
+多环境听起来虽然挺爽的，但事实上，环境不是区分的越多越好！
+
+一方面是搭建多环境需要额外的工作量；另一方面是项目依赖的资源越多，成本就越高，而且维护起来也更麻烦。
+
+因此，企业中常用的环境也就那么几种，都快成为一种约定俗成的规范了，下面给大家介绍一下。
+
+> 不同团队区分环境的方式可能不同，仅供参考。
+
+#### 本地环境
+
+一般用 `local` 标识，是指前端或后端独立开发、自主测试的环境。通常就是让项目和依赖在我们自己的电脑上运行，比如数据库、缓存、队列等各种服务，可能需要自己在本地搭建。
+
+![](https://pic.yupi.icu/5563/202311080900178.png)
+
+> 本地环境
+
+#### 开发环境
+
+一般用 `dev` 标识，是指前端和后端（或者多个程序员）一起协作开发、联调的环境。通常将项目和依赖放在员工电脑可以直接访问的开发机上，不用自己搭建，直接跑起来项目，提高开发和协作效率。
+
+对规模不大的团队来说，开发和本地环境其实有一套就够了，毕竟本地也可以连接公用的数据库等服务。
+
+![](https://pic.yupi.icu/5563/202311080900282.png)
+
+> 开发环境
+
+#### 测试环境
+
+一般用 `test` 标识，是指前端和后端开发和联调完成，做出完整的新功能后，交给测试同学去找 Bug 的环境。
+
+通常在测试环境需要有独立的测试数据库和其他服务，让测试同学大显身手。每次修改完 Bug 后，也都要再次发布项目到测试环境，让测试同学重新验证。
+
+![](https://pic.yupi.icu/5563/202311080900983.png)
+
+> 测试环境
+
+#### 预发布环境
+
+一般用 `pre` 标识，这是和线上项目最接近的环境，一般是测试验证通过、产品经理体验过后，才能将项目发布到这个环境。
+
+实际上，预发布环境的项目调用的后端接口、连接的数据库、服务等都 **和线上项目一致** ，和线上唯一的区别就是前端访问的域名不同。
+
+正因如此，预发布环境看到的都是真实的用户数据，可以发现更多测试环境因为数据不足而没查出来的 Bug。
+
+![](https://pic.yupi.icu/5563/202311080900285.png)
+
+> 预发布环境
+
+#### 生产环境
+
+一般用 `prod` 标识，又叫线上环境，是给所有真实用户使用的环境。
+
+因此不能随意修改，且发布项目到该环境时必须格外小心。线上的数据库、机器等资源一般也是由专业的运维来负责，想要登录机器、修改配置，都需要经过严格审批。
+
+![](https://pic.yupi.icu/5563/202311080900591.png)
+
+> 生产环境
+
+### 如何实现？
+
+最后再介绍下多环境的实现方式，其实大同小异，遵循 3 个步骤：抽象配置类 + 配置文件化 + 注入环境参数，就能轻松实现~
+
+#### 抽象配置类
+
+将项目代码中需要根据环境的变化而更改的变量整理到一个或多个配置类中，集中管理。
+
+举个例子，连接数据库时，我们需要数据库 IP、端口、配置等信息，代码如下：
+
+```
+// 数据库基本信息
+DB db = new DB();
+db.setIp("10.0.0.1");
+db.setPort(3306);
+// 数据库连接配置
+DBConnection c = new DBConncetion();
+c.setTimeout(1000);
+```
+
+我们可以将这些代码中写死的值全部替换成变量，将同类变量放到一个类中：
+
+```
+// 数据库配置类
+class DBConfig {
+  String ip = "10.0.0.1";
+  int port = 3306;
+  long timeout = 1000L;
+}
+```
+
+然后从这个类中读取变量的值：
+
+```
+DB db = new DB();
+DBConfig cf= new DBConfig() 
+// 从类中获取
+db.setIp(cf.getIp());
+db.setPort(cf.getPort());
+DBConnection c = new DBConncetion();
+c.setTimeout(cf.getTimeout());
+```
+
+这样的好处是，如果代码中还有其他地方用到了这些变量，也都可以从同一个类去获取，而不是把 **死值** 重复写多次，难以维护。
+
+#### 配置文件化
+
+我们可以用专门的配置文件来维护配置，从而让用户修改配置更方便，不用再去找代码、改代码。
+
+常见的配置文件格式有 `properties`、`yaml`、`yml`、`json` 等，比如新建一个数据库配置文件 `db.properties` ：
+
+```
+db.ip=10.0.0.1
+db.port=3306
+db.timeout=1000
+```
+
+接下来在初始化数据库时，就可以将配置文件中的值加载到上一步写好的配置类中，然后读取啦：
+
+```
+// 从文件读取配置的值
+DBConfig cf = new DBConfig("db.properties");
+db.setIp(cf.getIp());
+db.setPort(cf.getPort());
+...
+```
+
+其实只不过是把配置的值从代码中移到了文件中而已~
+
+但这样一来，我们想加载哪个配置文件就能加载哪个！
+
+比如要搞一套测试环境的配置，只需再新建一个  `db-test.properties` 文件（文件名中加个环境名称），就能在这个文件中编写独立的配置了，然后在代码中加载该文件即可：
+
+```
+new DBConfig("db-test.properties");
+```
+
+无论是前端还是后端，大部分的多环境实现都是这个原理 —— 搞多套配置，所以总能在项目中看到类似的配置文件：
+
+![](https://pic.yupi.icu/5563/202311080900492.png)
+
+> 多环境配置文件
+
+#### 注入环境参数
+
+到目前为止，其实我们还是在代码中写了 **死值** ，来告诉程序应该加载哪个名称的配置文件。
+
+比如在本地开发时，加载 `db-dev.properties` ，开发完成后、正式上线前，再改代码为加载 `db-prod.properties`。
+
+但这样不仅麻烦，而且可能忘了修改，把开发环境的项目发布到了线上。
+
+![](https://pic.yupi.icu/5563/202311080900360.png)
+
+最理想的效果应该是：无论项目要切换到哪个环境，整个项目都完全不用修改。
+
+因此，我们可以将 **指定环境** 这件事放到最后，在通过命令去打包或者启动项目时，将环境参数写进去。
+
+举个例子，我们在启动 java 项目时，给 `env` 系统变量传递不同参数：
+
+```
+# 测试环境
+java -jar -Denv=test dist.jar
+# 生产环境
+java -jar -Dend=prod dist.jar
+```
+
+然后在程序中读取该参数，加载对应的配置即可：
+
+```
+// 读取 env 参数
+String env = System.getProperty("env");
+new DBConfig("db-" + env + ".properties");
+```
+
+同理，对于前端项目，可以在打包构建时传入环境变量，然后自己在代码中读取，或者交给 Webpack 之类的打包工具处理：
+
+```
+{
+  "scripts": {
+    "serve": "env=dev serve",
+    "build:test": "env=test build"
+    "build": "env=prod build"
+  } 
+}
+```
+
+
+
+
+
+------
+
+
+OK，以上就是多环境的分享。其实在企业中，多环境比这复杂的多！除了代码中要区分环境，流水线、镜像、容器也通通要区分。不过原理都是一样的~
+
+我是鱼皮，学到的同学求个 **点赞 + 在看** ，这将是我持续创作的动力 ❤️
+
+![](https://pic.yupi.icu/5563/202311080900428.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\210\221\344\273\254\345\255\246\345\271\266\345\217\221\346\227\266\357\274\214\345\210\260\345\272\225\345\234\250\345\255\246\344\273\200\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\210\221\344\273\254\345\255\246\345\271\266\345\217\221\346\227\266\357\274\214\345\210\260\345\272\225\345\234\250\345\255\246\344\273\200\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..a639cd7
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\210\221\344\273\254\345\255\246\345\271\266\345\217\221\346\227\266\357\274\214\345\210\260\345\272\225\345\234\250\345\255\246\344\273\200\344\271\210\357\274\237.md"
@@ -0,0 +1,78 @@
+#  我们学并发时，到底在学什么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鲏。
+
+前段时间，星球里一位朋友问我：
+
+> 鱼皮，高并发项目牵扯的知识有哪些？
+>
+> 之前看到的一个回答：既要解决性能的问题又要考虑业务完整性，还有网络资源、服务器资源等，我不太能理解，希望鱼皮细说。
+
+我就简单分享下自己对高并发的理解，水平有限还请见谅。
+
+![](https://pic.yupi.icu/5563/202311080909641.png)
+
+技术是为了解决实际问题服务的，那么并发是为了解决什么问题呢？我用一句话总结，就是：在资源有限、并且不改变程序执行结果（正确性）的情况下，合理运用并发编程和架构设计来尽可能多地 **提高你程序的性能和稳定性** 。
+
+其中的关键字就是：
+
+1. 资源有限
+2. 不改变程序执行结果
+3. 并发编程
+4. 提升性能
+5. 提升稳定性
+
+> 其实你会发现这几个点基本就把上述问题描述中提到的东西覆盖到了。
+
+举个例子：你只有 3 台 4 核 8 G 内存的服务器，如何在最短的时间内对 1000 万行数据进行汇总运算，就可以运用并发来解决。比如你可以把数据均摊到 3 台机器上同时汇总，最后再对 3 台机器的汇总数据再汇总（大数据 Map Reduce 的思想）。
+
+那么并发编程要学习哪些知识呢？
+
+这里说一下我自己的学习顺序：
+
+1）先了解并发的思想和概念，比如什么是同步和异步，什么是并发和并行，什么是进程 / 线程 / 协程、什么是线程安全性、什么是线程池、什么是 IO，还有锁、资源共享、性能指标 QPS / TPS / P95 / P99 等。
+
+很多知识都是操作系统课上学到的，好好听课或者自己看书都可以，星球的同学可以看我的操作系统学习路线：
+
+![](https://pic.yupi.icu/5563/202311080909793.png)
+
+2）学习如何编写高并发程序，比如 Java 的 JUC 并发包，里面提供了很多现成的类和方法，比如 CompletableFuture、ExecutorService 等，了解它们的用法后，能够轻松实现并发编程，不用自己写 new Thread。
+
+3）学习并发测试、监控和排障工具，比如压测工具 jmeter、监控工具 jconsole、线程分析工具 jstack 等，便于我们根据实际情况来分析并发编程占用的资源、有无死锁，从而更好地提升性能指标。
+
+![](https://pic.yupi.icu/5563/202311080909797.png)
+
+> jconsole 控制台
+
+4）以上这些都学会后，我们就要在做项目的过程中多思考以下问题：
+
+- 什么时候用并发编程（有无必要）？
+- 怎么设置并发编程的参数（比如线程池的核心线程数）？
+- 怎么划分并发资源（比如划分任务队列）？
+- 怎么防止和解决并发过程中的操作冲突（比如死锁）？
+
+要做到合理运用并发来解决问题，而不是滥用。
+
+5）跳出单个程序的代码，从上帝视角来设计规划整个系统。
+
+比如选择何种技术来实现高并发？也就是技术选型，如使用 Nginx、消息队列等。
+
+还有如何组合 / 编排多个服务来增加并发度？也就是架构设计（或者说部署）层面的问题，比如动静分离、分库分表、读写分离、弹性 / 线性扩容、冷热分离、批流一体等。
+
+
+
+------
+
+
+在学完基本的开发框架后，大家就可以开始学习并发编程了，这块知识还是很重要的。不了解并发就乱用的话不仅程序会出错、甚至可能出现性能还不如同步执行的情况。
+
+![](https://pic.yupi.icu/5563/202311080909637.png)
+
+------
+
+
+欢迎加入 [鱼皮的编程知识星球（点击了解详情）](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524126&idx=1&sn=34af4ba1b3f9d7f93e02a6671a9cfe6d&chksm=e9c278e9deb5f1ffa1b8370fe1a78a5240bc62038d4b78d8f0f9eafef9c4da524d0483db843c&token=253629297&lang=zh_CN&scene=21#wechat_redirect)，带你一起学编程做项目，想加入的同学可添加鱼皮微信 yupi5927 备注【想加星球】，无备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\211\213\345\206\231 OJ \347\263\273\347\273\237\357\274\214\347\234\237\347\232\204\345\276\210\351\232\276\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\211\213\345\206\231 OJ \347\263\273\347\273\237\357\274\214\347\234\237\347\232\204\345\276\210\351\232\276\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..03e0366
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\211\213\345\206\231 OJ \347\263\273\347\273\237\357\274\214\347\234\237\347\232\204\345\276\210\351\232\276\344\271\210\357\274\237.md"	
@@ -0,0 +1,106 @@
+# 手写 OJ 系统，真的很难么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+本周四的时候，发了一个 [新项目预告](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247548613&idx=1&sn=b33eac9c819f03fd7f94784d985d4cd5&chksm=e9c2d932deb55024b361627a09b03593483f80d39e357fa0b2a9b20a9a4aea21dee95966b674&scene=21#wechat_redirect) ，说打算全程直播带大家手把手做出一个 OJ 在线判题系统。
+
+当天晚上就开始直播，本来打算 2 小时结束第一期。结果因为朋友们学习热情高涨，我一口气 blablabla 直播讲了 3 个半小时，最后由于身体原因才无奈下播。
+
+直播过程截图：
+
+> 底下的章节概要是自动生成的，请忽略错别字
+
+![](https://pic.yupi.icu/5563/202311080908629.png)
+
+看得出在很多同学的印象中，实现 OJ 系统并不是一件容易的事。所以我在第一期重点讲解了 OJ 系统的概念、实现重点、核心业务流程、以及 **5 种** 主流的 OJ 系统实现方案。
+
+直播带大家画的核心业务流程时序图：
+
+![](https://pic.yupi.icu/5563/202311080908322.png)
+
+给大家分享了 5 种主流的 OJ 系统实现方案，看完之后也许就不会觉得 OJ 系统很难实现了，动手能力强的同学可以自己试试~
+
+### 主流 OJ 系统实现方案
+
+首先要清楚，成熟的 OJ 系统往往需要支持多种不同的编程语言，自主实现要花费大量的精力、也需要很多技术和考虑，所以核心原则是：能用别人现成的，就不要自己写！
+
+#### 方案 1：用现成的 OJ 系统
+
+网上有很多开源的 OJ 项目，比如青岛 OJ、HustOJ 等，可以直接下载开源代码自己部署。
+
+比较推荐的是 judge0，这是一个非常成熟的商业 OJ 项目，支持 60 多种编程语言！
+
+> 代码：https://github.com/judge0/judge0
+
+支持免费自部署、公有云、私有云部署等：
+
+![](https://pic.yupi.icu/5563/202311080908670.png)
+
+#### 方案 2：用现成的服务
+
+如果你不希望完整部署一套大而全的代码，只是想复用他人已经实现的、最复杂的判题逻辑，那么可以直接使用现成的判题 API、或者现成的代码沙箱等服务。
+
+比如 judge0 提供的判题 API，非常方便易用。只需要通过 HTTP 调用 submissions 判题接口，把用户的代码、输入值、预期的执行结果作为请求参数发送给 judge0 的服务器，它就能自动帮你编译执行程序，并且返回程序的运行结果。
+
+如下图，发送了一段打印 "hello world" 的程序，得到了程序执行的时间、状态等：
+
+![](https://pic.yupi.icu/5563/202311080908723.png)
+
+> 地址：https://rapidapi.com/judge0-official/api/judge0-ce
+
+#### 方案 3：自主开发
+
+这种方式就不多说了，判题服务和代码沙箱都要自己实现，适合学习，但不适用于商业项目。我这次带大家做的 OJ 系统，就选择了自主开发，主打一个学习。
+
+#### 方案 4：利用 AI 实现代码沙箱
+
+现在 AI 的能力已经十分强大了，我们可以把各种本来很复杂的功能直接交给 AI 来实现。
+
+比如把 AI 当做代码沙箱，我们直接扔给他一段代码、输入参数，问他能否得到预期的结果，就实现了在线判题逻辑！
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311080908718.png)
+
+之前带大家做的 [智能 BI 项目](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544397&idx=1&sn=ddbbf61e6980dec63d081c8bcfdc66e4&chksm=e9c2c9badeb540ac09dc9603ab3105c95d114786c2e00d305ee259d206e45350d0be39d43eb6&scene=21#wechat_redirect) ，就是把 AI 当做了智能数据分析师，来生成图表和分析结论。
+
+只要你脑洞够大，AI + 编程 = 无限的可能~
+
+#### 方案 5：移花接木
+
+这种方式最有意思、也最 “缺德”。很多同学估计想不到。
+
+那就是可以通过让程序来操作模拟浏览器的方式，用别人已经开发好的 OJ 系统来帮咱们判题。
+
+比如使用 Puppeteer + 无头浏览器，把咱们系统用户提交的代码，像人一样输入到别人的 OJ 网页中，让程序点击提交按钮，并且等别人的 OJ 系统返回判题结果后，再把这个结果返回给我们自己的用户。
+
+这种方式的缺点就是把核心流程交给了别人，如果别人服务挂了，你的服务也就挂了；而且别人 OJ 系统不支持的题目，可能你也支持不了。
+
+
+
+### 其他内容
+
+讲解完 OJ 系统后，接着又从 0 到 1 带大家开发一套简洁易用的前端万用初始项目模板。无奈还没开发完，所以本周六（今晚）8 点，加更一场公开直播，计划分享如下内容：
+
+1. 完成前端项目初始化模板的开发
+2. 搭建基础后端项目框架
+3. 前端代码自动生成
+4. 前后端联调
+
+这期争取把所有准备工作完成，之后就正式开始撸业务代码、开发判题服务和代码沙箱了。
+
+更多的细节和内容让我们 **今晚 8 点** 见，扫码即可预约直播：
+
+![](https://pic.yupi.icu/5563/202311080908162.png)
+
+没时间的朋友也不用担心，第一期的内容是完全免费公开的，到时候看回放即可~
+
+> 第一期上回放：
+>
+> 录制文件：https://meeting.tencent.com/v2/cloud-record/share?id=e3a06615-ae78-41be-8f7d-c57e4948f046&from=3
+>
+> 访问密码：WkFq
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\220\234\347\264\242\345\274\225\346\223\216\345\267\245\344\275\234\345\216\237\347\220\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\220\234\347\264\242\345\274\225\346\223\216\345\267\245\344\275\234\345\216\237\347\220\206.md"
new file mode 100644
index 0000000..b26be93
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\346\220\234\347\264\242\345\274\225\346\223\216\345\267\245\344\275\234\345\216\237\347\220\206.md"
@@ -0,0 +1,262 @@
+# 搜索引擎工作原理
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 聊聊 “吴牙签” 背后的搜索引擎技术
+
+大家好，我是鱼皮，今天分享点有趣的技术知识。
+
+前两天，我想上网买包牙签，于是就打开了某度搜索。
+
+结果让我懵逼，我搜到的第一条内容竟然不是拿来剔牙的工具，而是搜出了一位明星，江湖美誉 “吴牙签”。
+
+![](https://pic.yupi.icu/5563/202311080910490.png)
+
+原来是最近的一个大瓜，你看这个签它又细又扎 🎵 ~
+
+![](https://pic.yupi.icu/5563/202311080910041.png)
+
+在吃瓜的同时，问题来了：为什么搜索牙签时，最先搜出来的不是传统牙签而是老吴呢？
+
+作为一名程序员，有必要给大家科普一下互联网 `搜索引擎` 的工作原理，看看它是怎么帮助我们从数亿个网站中精准地把这根牙签找出来的！
+
+## 搜索引擎工作原理
+
+> 内容参考百度官方的搜索引擎工作原理介绍
+
+先放一张官方的搜索引擎工作流程图：
+
+![](https://pic.yupi.icu/5563/202311080910390.png)
+
+> 搜索引擎工作流程
+
+看不懂没关系，下面用实际的例子带大家理解。
+
+### 数据抓取
+
+用户搜索网站的内容归根结底是来自于存储网站的数据库的，因此，搜索引擎做的第一件事肯定是先把各个网站的数据抓到手。
+
+当然，数据的抓取不可能全部交给人工负责，更多的是让机器（程序）自动抓取。通常，我们把负责数据抓取的工具人叫做 `spider` ，即网页蜘蛛。
+
+每个搜索引擎都有自己的蜘蛛，各家的蜘蛛行为也不同，但基本原理是类似的。
+
+整个互联网就是一张大蜘蛛网，网页中又嵌套着网页。网页蜘蛛就顺着网爬（类似有向图），从入口开始，通过页面上的超链接关系，不断发现新的网址并抓取，目标是尽最大可能抓取到更多有价值网页。
+
+比如有位作者写了一篇 “吴牙签” 相关的文章，发到了某个写作平台，网页蜘蛛就能顺着这个写作平台将这篇文章抓到自己的网页数据库中。
+
+![](https://pic.yupi.icu/5563/202311080910764.png)
+
+> 数据抓取
+
+听起来好像还挺简单的，但对于亿级数据量的搜索引擎，需要有很多额外的考虑。
+
+#### 需关注的问题
+
+首先是 **重复和失效** 问题，对于类似百度这样的大型 spider 系统，因为随时都存在网页被修改、删除、失效或出现新的超链接的可能。因此，不是把网站抓取过来就完事了，而是要维护一个网址库和页面库，保证库内网页的真实有效、不冗余。
+
+还有其他问题比如：
+
+1. 如何保证抓取网站的质量？应拒绝垃圾广告、不良信息网站。
+2. 如何保证抓取友好性？应控制蜘蛛抓取的频率和深度，别蜘蛛太重把整个网搞破了。
+3. 如何使抓取的覆盖度更大？抓取一些原本抓不到的数据孤岛。
+
+当然，问题远远不止这些，设计搜索引擎的抓取系统还是很复杂的，协议、算法、策略、原则、异常处理都要纳入考虑。以下是百度官方提供的抓取系统基本框架图，展示了抓取系统的宏观工作流程：
+
+![](https://pic.yupi.icu/5563/202311080910590.jpeg)
+
+> 抓取系统的基本框架
+
+#### 抓取配额
+
+假如我们做了一个网站，肯定希望其他同学能搜到对吧。那么最关键的一点就是先让蜘蛛抓到你、并且多抓你。
+
+通常，数据抓取系统会综合评估站点来确定抓取次数和频率。
+
+像百度搜索引擎主要是根据 4 个指标来确定：
+
+1. 网站更新频率：更新越频繁的网站，蜘蛛抓取频率越高
+2. 网站更新质量：内容质量越高的网站，蜘蛛抓取的越多
+3. 连通度：蜘蛛要能顺利抵达该网站，且能正常访问
+4. 站点评价：运用算法对站点进行一个打分，也会影响收录度
+
+### 数据处理
+
+在蜘蛛抓取到网页，并存入网页数据库后，并不能把这一大坨网页数据直接拿来用。
+
+比如我要搜索 “老吴牙签”，网页数据库中可能存储了数以亿计个网站，而且网站中又有那么多牙签，我怎么知道哪根是老吴的？
+
+![](https://pic.yupi.icu/5563/202311080910593.jpeg)
+
+虽然慢慢搜肯定能搜出结果，但别忘了用户可等不起！现在大家对网站的要求很高，几秒钟没搜出来大家可能就会怀疑网络了。因此搜索引擎必须要面临的挑战是：如何提高搜索网页的效率？最好是在毫秒级完成。
+
+为了实现这点，搜索引擎首先会对乱七八糟的网页数据进行 **页面分析** ，将原始页面的不同部分进行识别并标记。比如几个影响搜索的关键字段：网页的 title（标题）、keywords（关键词）、description（摘要）等。
+
+```
+<html>
+  <title>老吴卖牙签</title>
+  <meta name="keywords" content="娱乐,生活,很大">
+  <meta name="description" content="老吴卖牙签">
+</html>
+```
+
+提取出这些信息后，仅通过传统的关系型数据库和顺序搜索算法是无法满足毫秒级查询的。那不妨换个思路。既然用户都是根据关键词搜索，那如果事先知道这些关键词存在于哪些页面中，不就能直接找到了么？即对内容进行 `分词` ，建立 `倒排索引` 。
+
+分词就是把一句话拆分成多个单词，英文分词比较简单，就根据空格来就行。但中文分词就麻烦了，传统分词方法是建立一个词典，然后线性匹配，但这种方法成本大、且精度不高。现在基本都是 NLP（自然语言处理）、AI 分词了，包括了切词、同义词转换、同义词替换等等。
+
+以对页面标题分词为例，比如有两个网页，第一个网页的标题是 “老吴卖牙签”，其实会被分词为 “老吴”、“卖”、“牙签”。第二个网页的标题是 “老吴牙签很大”，会被分词为 “老吴”、“牙签”、“很大”。
+
+分词后，要根据分词结果建立 `倒排索引` 。
+
+如果说 `正向索引` 就像书的目录，帮助我们根据页码找到对应章节；那倒排索引则像是打小抄，事先记录好题目答案所在的页码，再根据页码快速找到题目答案。
+
+对上面的两个网页建立正向索引：
+
+| 网页 id | 标题         | 内容 |
+| :------ | :----------- | :--- |
+| 1       | 老吴卖牙签   | xxx  |
+| 2       | 老吴牙签很大 | xxx  |
+
+建立倒排索引：
+
+| 索引 id | 索引文本 | 存在于网页 id |
+| :------ | :------- | :------------ |
+| 1       | 老吴     | 1, 2          |
+| 2       | 卖       | 1             |
+| 3       | 牙签     | 1, 2          |
+| 4       | 很大     | 2             |
+
+建立并存储倒排索引后，如果用户搜索关键词 “很大”，只需要从倒排索引表中找到索引文本等于 “很大” 的那一行，取出包含该词的网页 id，就可以再根据网页 id 去正向索引中找到网页全部信息了。
+
+### 数据检索
+
+光有倒排索引还不能支持用户快速搜索，在最后的数据检索环节也有大学问。
+
+比如为什么搜索 “老吴不是牙签”，却能搜出 “吴牙签” 呢？
+
+![](https://pic.yupi.icu/5563/202311080910366.png)
+
+明明前者没有包含后者对吧，我们常用的 like、正则之类的字符串匹配算法是查询不到结果的。
+
+下面讲讲搜索引擎的做法。
+
+先放一张几年前由百度搜索官方提供的数据检索流程图，大致思路是没问题的，但有些步骤的细节可能早已天差地别。
+
+![](https://pic.yupi.icu/5563/202311080910280.jpeg)
+
+> 数据检索流程
+
+#### 1. 分词
+
+先像建立倒排索引一样，对用户输入的查询文本进行分词，比如搜索 “老吴不是牙签”，可能的分词为：“老吴”、“不是”、“牙签”。
+
+#### 2. 查询倒排索引
+
+分别对这 3 个关键词，从事先建立好的倒排索引中查出包含网页的集合：
+
+| 关键词 | 包含该关键词的网页 |
+| :----- | :----------------- |
+| 老吴   | 网页 1、网页 2     |
+| 不是   | 网页 3             |
+| 牙签   | 网页 1、网页 2     |
+
+然后将上述查询出的网页取交集（及所有关键词都必须包含该网页，查询要求更严格）或并集（包含任一关键词即可），作为候选集合。
+
+此处为了得到更多的结果，取并集作为候选集合，结果为：网页 1、网页 2、网页 3。
+
+#### 3. 相关性评价
+
+其实就是给候选集合中的网页打分，根据上一步的索引查询结果，来计算用户的搜索和网页实际内容到底有多像。
+
+一种很常见的打分算法是 `TF-IDF` ，是搜索引擎技术 `Elasticsearch` 和 `Lucene` 最主流的打分机制。在 Elasticsearch 中，将该打分算法结合向量空间模型、协调因子、词语权重提升等，组成了 `实用评分函数`，提高搜索的有效性。
+
+TF 是 **词频** ，就是关键词在网页中出现的频度是多少。频度越高，权重越高。出现 5 次 “牙签” 关键词的网页在该词的权重显然比只出现 1 次要高。
+
+公式如下：
+
+```
+// 该词在文档中出现次数的平方根
+tf(t in d) = √frequency
+```
+
+IDF 是 **逆向文档频率** ，即关键词在集合所有网页中出现的频率是多少。物以稀为贵，越冷门的词，权重反而越高。
+
+上面的例子中显然 “不是” 这个词最稀有，所以 “网页 3” 在这个词的分数会更高。
+
+公式如下：
+
+```
+// 索引中文档数量除以所有包含该词的文档数，然后求其对数
+idf(t) = 1 + log ( numDocs / (docFreq + 1))
+```
+
+此外，还有一个因素是 `norm`（字段长度归一值）。假设同一个网页的标题和内容都包含了 “牙签”，而标题很短，内容很长，那么在标题中出现 “牙签” 会有更高的权重。
+
+```
+// 字段中词数平方根的倒数
+norm(d) = 1 / √numTerms
+```
+
+用户搜索文本中的 **每一个** 关键词都要结合这些因素进行打分，最后再结合每个词的权重将分数进行累加，计算出每个候选网页的最终得分。
+
+最终公式如下：
+
+![](https://pic.yupi.icu/5563/202311080910319.png)
+
+> 实用评分函数
+
+> 有兴趣的朋友可以阅读《Elasticsearch：权威指南》的相关度评分章节。
+>
+> 地址：https://www.elastic.co/guide/cn/elasticsearch/guide/current/scoring-theory.html
+
+在上面的例子中，计算分数后，得到的集合如下：
+
+| 网页   | 标题         | 分数 |
+| :----- | :----------- | :--- |
+| 网页 1 | 老吴卖牙签   | 0.9  |
+| 网页 2 | 老吴牙签很大 | 0.8  |
+| 网页 3 | 不是吧       | 0.7  |
+
+> 网页 1 比网页 2 虽然都匹配到了两个关键词，但前者更短，所以分数略高一筹。
+
+#### 4. 过滤
+
+上面的步骤只是计算了候选网页的得分，但并不是这些网页都能被搜出来，还要经过各种过滤，比如过滤掉死链（失效网站）、重复数据、各种 “你懂的” 网站等。
+
+![](https://pic.yupi.icu/5563/202311080910187.png)
+
+#### 5. 排序
+
+经过上面的步骤，我们最后得到了 3 个网页，但到底该把哪个网页放到第一位呢？
+
+回到开头的问题：为什么搜索牙签时，最先搜出来的不是传统牙签而是老吴呢？
+
+这个问题取决于 **最终排序** ，现在一般都使用机器学习算法，结合一些信息，比如上面提到的相关度、网站的质量、热度、时效性等等，将最能满足用户需求的结果排序在最前。
+
+而老吴是近期的爆款内容，在热度、时效性、搜索相关度上都很有优势，而且不排除有人工或推广来动态操作权重的可能。
+
+相信讲到这里，大家也都能理解为什么搜索牙签时， “吴牙签” 被顶到首页了吧~
+
+![](https://pic.yupi.icu/5563/202311080910078.png)
+
+### 搜索引擎优化
+
+那假如说你做了一个网站，肯定希望不仅其他用户能搜到，而且是要在第一条对吧。
+
+要做到这点，首先要让蜘蛛抓到你的网页，还要重点研究搜索结果的排序机制。这些内容结合起来，就是我们常说的 SEO（搜索引擎优化）。
+
+这一块学问很大，我自己的编程导航网站目前也做到了各搜索引擎的 **排名第一** ，送给大家一些 SEO 视频教程吧，欢迎大家关注我的公众号，后台回复【SEO】免费领取：
+
+
+
+后面我会再结合实际具体讲讲我做 SEO 的小技巧。
+
+
+
+------
+
+
+以上就是本期分享。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\351\231\244\344\272\206 MySQL\357\274\214\350\277\231\344\272\233\346\225\260\346\215\256\345\272\223\344\275\240\351\203\275\350\256\244\350\257\206\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\351\231\244\344\272\206 MySQL\357\274\214\350\277\231\344\272\233\346\225\260\346\215\256\345\272\223\344\275\240\351\203\275\350\256\244\350\257\206\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..5cd7391
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\212\200\346\234\257\345\210\206\344\272\253/\346\212\200\346\234\257\347\237\245\350\257\206/\351\231\244\344\272\206 MySQL\357\274\214\350\277\231\344\272\233\346\225\260\346\215\256\345\272\223\344\275\240\351\203\275\350\256\244\350\257\206\344\271\210\357\274\237.md"	
@@ -0,0 +1,325 @@
+# 除了 MySQL，这些数据库你都认识么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天和大家聊聊数据库。
+
+什么是数据库？
+
+这个问题相信对学编程的朋友们来说过于简单了，大家想必都是增删改查的好手。
+
+但如果让你说出 10 种不同类型的数据库，阁下该如何应对？
+
+这篇文章，是对数据库技术的一个小科普，希望能帮大家了解到更多元化的数据库，便于拓宽学习思路和项目的技术选型。
+
+## 关系型数据库
+
+首先是我们接触最多的、也是入门后端必学的 **关系型数据库** 。
+
+在关系型数据库中，数据以 **表** 的形式进行组织和存储，每个表就像一个 Excel 表格，包含多个 **行** 和多个 **列** 。
+
+就比如我们经典的学生管理系统，把学生信息存储到关系型数据库中，结构大概是这样的：
+
+| 学号 | 学生姓名 | 所属班级号 |
+| :--- | :------- | :--------- |
+| 1    | 小李     | 1          |
+| 2    | 小鱼     | 2          |
+| 3    | 小皮     | 3          |
+
+上述学生表格中，每一行代表一个学生的信息，每一列代表学生的一个属性。我们可以使用结构化查询语言 SQL 来对关系型数据库表的数据进行灵活地查询、选择、过滤等。
+
+而关系型数据库最大的特点，就是表和表之间可以 **存在关系** 。比如学生管理系统中还可以有班级表，结构如下：
+
+| 班号 | 班级名称 |
+| :--- | :------- |
+| 1    | 快乐班   |
+| 2    | 泰酷班   |
+| 3    | 躺平班   |
+
+那如果我想知道某个学生所属的班级信息，只需要在查询时将学生表的 **所属班级号** 和班级表的 **班号** 进行关联，而不用把所有表格的列存储在一起，非常灵活。
+
+通过 SQL 可以连接查询多张表，得到下面的查询结果：
+
+| 学号 | 学生姓名 | 所属班级号 | 班级名称 |
+| :--- | :------- | :--------- | :------- |
+| 1    | 小李     | 1          | 快乐班   |
+| 2    | 小鱼     | 2          | 泰酷班   |
+| 3    | 小皮     | 3          | 躺平班   |
+
+除了查询灵活、数据表间存在关系外，关系型数据库还具有很多其他的优点。
+
+比较重要的是 **数据一致性** ，关系型数据库遵循 ACID 原则（原子性、一致性、隔离性和持久性），支持事务，可以保证多个操作同时进行时，数据的状态保持一致。比如 A 给 B 转账，A 扣钱 的同时 B 也会加钱，不会出现 A 扣了钱 B 却没收到钱的情况。
+
+兼顾查询的灵活和写入的准确性，使得关系型数据库几乎可以被应用于任何项目中！比如 CRM（客户关系管理）和 HRM（人力资源管理）等各类管理系统、数据分析系统、金融银行系统等。
+
+比较经典的关系型数据库产品有 MySQL、Oracle、PostgreSQL、Microsoft SQL Server 等。其中，MySQL 由于开源又易学，已经成为后端开发同学必学的数据库技术。
+
+关系型数据库的底层核心实现是 **基于关系模型的数学理论** ，最常见的实现方式是使用 B+ 树来存储索引结构，基于其平衡性，能够在存储大量数据时保持高效的查询性能，并且兼顾增删改操作的性能。
+
+![](https://pic.yupi.icu/5563/202311080912367.png)
+
+对于大多数项目，用 MySQL 等关系型数据库来存储数据就足够了。但关系型数据库不是银弹！在某些场景下，比如要存储的数据间没有关系时，它并不是最佳的选择。
+
+举个例子，当我们要写一篇文章，没有必要把数据存储到 Excel 表格里，可能直接将单篇文本放到 Word 里会更方便阅读和修改。
+
+这个时候，我们就需要与之互补的 **非关系型数据库** 。
+
+## 非关系型数据库
+
+非关系型数据库又叫 NoSQL。最简单的理解方式：关系型数据库适用于存储相互之间 **存在关系的数据表** ，那么非关系型数据库适用于关系不强的、结构相对灵活的、需要被快速访问的数据，比如字符串、JSON 等。
+
+实际项目开发中，最常用的非关系型数据库当属 KV 数据库。
+
+KV 即 Key-Value，数据是以 **键值对** 的方式存储在数据库中的。可以理解为一个 HashMap，数据库中存储的每个键都 **唯一对应** 一个值。键和值都可以是任意类型的数据，例如字符串、数字、数组等，非常灵活。
+
+比如存储每位用户的个人信息，结构大概是这样的：
+
+![](https://pic.yupi.icu/5563/202311080912772.png)
+
+由于 KV 存储的结构简单清晰，我们能够很轻松地根据某个键查找出对应的值，无论是读写数据性能都非常高。
+
+此外，KV 数据库还具备良好的可扩展性，由于数据间不存在直接关联，我们可以把键值对放到多个机器上存储，通过数据分片、负载均衡等策略来支持海量数据的高并发访问。
+
+由于高性能和高可扩展性，KV 数据库被广泛应用于缓存、分布式会话、分布式锁、实时统计等场景。
+
+最经典的 KV 数据库当属 Redis 了，它是开源的、基于内存的、高性能的数据库，不仅支持丰富的数据类型和功能，还有持久化等重要特性，也是后端同学必学的技术。其他的常用 KV 数据库有 LevelDB、RocksDB、Apache Cassandra 等。
+
+KV 数据库的底层实现比较灵活，常见的实现方式是使用哈希表来存储键值对。不同类型的值对应的实现方式也不同，比如 Redis 的字符串存储采用简单动态字符串（SDS）实现。
+
+![](https://pic.yupi.icu/5563/202311080912920.png)
+
+## 解决特定问题的数据库
+
+相信很多同学对数据库的印象就停留在 MySQL 和 Redis。的确，以上两类数据库几乎已经可以解决所有问题！
+
+但是，未必是最适合的。
+
+就像你完全可以用电脑自带的记事本软件来查看和编辑 HTML 网页文件，但是往往会选择一个更专业的开发工具来替代它。
+
+数据库也是一样，除了传统的关系和非关系型数据库之外，还有很多用于解决特定问题的数据库。它们往往针对特定的数据结构和应用场景进行了专门的优化和设计，能够提供更高效快捷的数据查询和存储，满足特定领域的需求。
+
+比如下面 8 种数据库：
+
+### 搜索引擎数据库
+
+顾名思义，搜索引擎数据库是为了实现搜索引擎功能的数据库。
+
+它适用于存储和管理大量的文本内容数据，并提供更快速、准确、灵活的全文检索功能。
+
+比如想要让用户更轻松地在你的博客内搜索文章，就可以使用搜索引擎数据库。
+
+为什么它能做到更快更灵活的搜索呢？这是因为在搜索引擎数据库中，数据一般是以 **倒排索引** 的方式存储的。
+
+倒排索引和传统的关系表有什么区别呢？
+
+以存储博客文档为例，传统的关系型数据库存储结构是：
+
+| 文档 id | 文档内容             |
+| :------ | :------------------- |
+| 1       | 感谢关注鱼皮         |
+| 2       | 鱼皮是一名程序员     |
+| 3       | 感谢关注屑老板不破产 |
+
+我们能够根据 id 来查找到对应的单篇文档，也可以通过搜索精确的关键词，来查找到多篇文档。
+
+比如搜索 “鱼皮”，能搜出文档 1、2。
+
+但是，如果你搜索 “鱼皮程序员”，是无法得到搜索结果的，因为没有任何一个文档的内容，完全包含 “鱼皮程序员” 这个词（文档内容 2 只有 “鱼皮”、“程序员” 这两个词）。
+
+而在搜索引擎数据库中，首先会将文档内容按照单词进行分割，也就是 **分词** 。然后再构建单词到文档 id 的映射，示例结构如下：
+
+| 单词   | 文档 id |
+| :----- | :------ |
+| 感谢   | 1, 3    |
+| 关注   | 1, 3    |
+| 鱼皮   | 1, 2    |
+| 程序员 | 2       |
+
+有了上述的倒排索引，当用户搜索 “鱼皮程序员” 时，搜索引擎数据库会先对搜索词进行分词，得到 “鱼皮” 和 “程序员”，然后根据这两个词汇就能找到文档 id 1、2 了。不用再去遍历表内所有的数据，实现了更灵活、快速的 **模糊搜索** 。
+
+此外，搜索引擎数据库还支持 **相关性排序** ，能够根据用户的搜索词对所有搜索结果进行打分，把最接近的文档排到最上面。
+
+主流的搜索引擎数据库技术有 Elasticsearch、Apache Solr、Apache Lucene 等，一般更建议大家学习 Elasticsearch，这玩意更新迭代地老快了。
+
+### 文档数据库
+
+顾名思义，文档数据库适用于存储和管理 **半结构化的** 文档数据，比如存储 JSON 格式。
+
+相比于关系型数据库中明确定义的表格行列，文档数据库的数据结构是类似于文档的层次化结构，每个文档都是独立的，可以包含多个不同类型和格式的数据。
+
+比如存储博客文章，示例结构如下：
+
+| 文档 ID | 文档数据                                                     |
+| :------ | :----------------------------------------------------------- |
+| 1       | {"_id": 1, "title": "文章标题1", "content": "这是文章1的内容"} |
+| 2       | {"_id": 2, "title": "文章标题2", "author": "程序员鱼皮"}     |
+
+当我们要给某个文档新增一个字段时，不需要像关系型数据库一样改变表结构，非常灵活！
+
+除了灵活之外，文档数据库也有很高的可扩展性，适用于内容管理系统（比如博客）、文档协同编辑系统等。
+
+个人比较推荐学习的文档数据库是 MongoDB，入门难度极低，对前端同学也很友好。当然，Couchbase 也是不错的。
+
+### 时序数据库
+
+时序数据库是一种专门用于高效存储和处理 **时间序列** 的数据库系统。
+
+时间序列是指以时间作为主要维度的数据序列，即每个数据单元都包含 **时间戳** 。
+
+举个例子，在实时温度监测系统中，我们需要 **每分钟连续** 收集并观察当前的温度，数据结构示例如下：
+
+| 时间戳           | 设备ID    | 温度值 |
+| :--------------- | :-------- | :----- |
+| 2023-07-01 10:00 | Device001 | 25.5   |
+| 2023-07-01 10:01 | Device001 | 25.7   |
+| 2023-07-01 10:02 | Device001 | 25.8   |
+| 2023-07-01 10:03 | Device001 | 26.2   |
+| 2023-07-01 10:04 | Device001 | 26.5   |
+| 2023-07-01 10:05 | Device001 | 26.3   |
+
+有了这些数据，我们就能够按照时间范围进行高效查询、聚合分析、数据可视化。
+
+因此，时序数据库非常适用于物联网（比如传感器数据）、日志监控、金融交易数据分析等场景。
+
+主流的时序数据库技术有 InfluxDB、TimescaleDB 等。一般情况下，建议将时序数据库配合 Grafana 监控看板一起使用，实现数据存储 + 快速可视化。
+
+![](https://pic.yupi.icu/5563/202311080912716.png)
+
+不同时序数据库底层的存储方式也不同，我们可以简单理解为，时序数据库会根据 **时间** 字段构建索引，查询时通过索引去定位实际数据。比如 InfluxDB 使用 TSM（Time-Structured Merge Tree）作为存储引擎，底层使用 B+ 树来存储时间索引。
+
+### 向量数据库
+
+向量数据库是专门用于存储和处理 **高维向量数据** 的数据库系统。
+
+什么是向量？每个向量可以表示一个实体，并且包含多个维度的数值。
+
+举个例子，在人脸识别系统中，我们可以通过人脸的 **特征** 来判断是否为熟人。每张人脸图像，都对应一个向量；每个人脸向量有可能包含成百上千个特征，比如鼻子大小、眼睛大小等，每个特征就是一个维度。
+
+对应的数据结构示例如下：
+
+| 人脸 ID | 人脸特征向量              |
+| :------ | :------------------------ |
+| 1       | [0.1, 0.2, 0.3, ..., 0.5] |
+| 2       | [0.1, 0.3, 0.2, ..., 0.4] |
+
+在上述表格中，人脸特征向量是一个浮点数数组。数组的每个下标就表示一个特征（维度），比如下标 0 的数值表示鼻子的大小，下标 1 的数值表示眼睛大小，以此类推。。。
+
+我们只需要对比向量，就能够判断出人脸的相似度。
+
+向量数据库能够高效存储多维向量数据、计算向量的相似度、并实现各种不同算法的相似性搜索，适用于图像识别、特征提取和匹配、推荐系统等场景。值得一提的是，AI 技术的发展也带来了一波向量数据库技术的热潮，可以利用向量数据库存储投喂给 AI 的训练 Embeddings 数据。
+
+主流的向量数据库技术有 Milvus、Pinecone、Faiss 等，有些数据库（比如 PostgreSQL）可能也支持存储向量类型的字段。
+
+关于向量数据库的底层实现，还是比较复杂的。类似于上面提到的时序数据库，向量数据库的实现关键也是索引的设计。常见的向量索引结构有倒排索引、KD 树、球树等，可以理解为对相似的向量数据进行了分组和编码，从而实现更快速地检索匹配相似向量。此外，向量数据库往往也会采用并行计算来加速处理。
+
+### 空间数据库
+
+空间数据库是专门用于存储和处理 **地理空间数据** 的数据库系统。
+
+地理空间数据是指基于地理 **坐标系** 的 **几何对象** ，比如某个物体所处的经纬度或三维坐标（点）、某个物体的轮廓（线）、某个物体的表面（面）等。
+
+举个例子，假如你想存储自己房间内每个物体的位置信息，对应的数据结构可能是：
+
+| 物体 ID | X 坐标 | Y 坐标 | Z 坐标 |
+| :------ | :----- | :----- | :----- |
+| 1       | 2.5    | 3.0    | 1.8    |
+| 2       | 1.0    | 4.2    | 2.3    |
+| 3       | 3.7    | 2.1    | 1.5    |
+
+使用空间数据库，能够高效地存储、查询和分析空间数据，比如计算两个空间是否相交、对路径进行规划、可视化地理空间等。
+
+空间数据库不仅是地理信息系统（GIS）的核心组件，还能用于实现位置导航、城市路面规划等场景。
+
+对于具体的空间数据库技术，我了解得不多，只知道可以用 PostGIS 插件来为 PostgreSQL 支持空间数据管理能力，朋友们可以帮忙补充下。
+
+![](https://pic.yupi.icu/5563/202311080912370.png)
+
+至于空间数据库的底层实现，最关键的部分依然是索引。常见的 **空间索引** 结构有 R 树、Quadtree 等，这些结构可以对空间数据进行划分、聚合和编码，从而加速空间范围的查询处理。此外，空间数据库涉及大量的空间分析算法，比如最近邻查询、空间关系查询等。时间有限，不做展开说明了。
+
+### 图形数据库
+
+图形数据库是专门用于存储和处理 **图形结构数据** 的数据库系统。
+
+注意，这里的图形可不是三角形、长方形，而是指 **由节点和边构成** 的图形结构。
+
+比如我们要存储一个朋友圈关系网（即 FoF：朋友的朋友），对应的图形可能是：
+
+![](https://pic.yupi.icu/5563/202311080912919.png)
+
+上图中，每个用户可以表示为一个节点，用户之间的好友关系可以表示为边。
+
+在图形数据库中，需要 2 个表格来存储。
+
+节点信息表：
+
+| 节点 id | 节点名 |
+| :------ | :----- |
+| 1       | 小王   |
+| 2       | 小李   |
+| 3       | 小刘   |
+
+边信息表：
+
+| 边 id | 边类型 | 起始节点 | 结束节点 |
+| :---- | :----- | :------- | :------- |
+| 1     | 好友   | 1        | 2        |
+| 2     | 好友   | 1        | 3        |
+
+通过存储这些节点和边的信息，图形数据库就能实现快速 **查询及分析** 朋友圈网中的用户关系，并且挖掘出用户的社交情况、和其他用户的隐藏关系等。
+
+由此，图形数据库非常适于构建社交网络关系图谱、推荐系统、知识图谱等。
+
+比较主流的图形数据库有 Neo4j、TigerGraph 等，都支持复杂的图形操作和算法、以及分布式扩展，能够通过并行计算加速图形处理。
+
+图形数据库的核心实现相信学过算法的朋友们并不陌生，主要是用了类似邻接表、邻接矩阵等方式实现节点和边数据的存储，并且通过构建图形索引进行加速。
+
+### 列存数据库
+
+这是一种 **非常主流** 的数据库！区别于传统的行式数据库，列存数据库以列作为基本的存储单位，把每列的数据存储在一起。
+
+拿鱼皮公司每天的收入来举个例子，传统的行式（关系型）数据库是这么存储的：
+
+| 日期       | 销售额 | 成本 | 利润 |
+| :--------- | :----- | :--- | :--- |
+| 2022-01-01 | 500    | 600  | -100 |
+| 2022-01-02 | 280    | 450  | -170 |
+| 2022-01-03 | 290    | 480  | -190 |
+
+而在列存数据库中，底层大概是这么存储的，相当于对矩阵做了一次转置：
+
+| 日期   | 2022-01-01 | 2022-01-02 | 2022-01-03 |
+| :----- | :--------- | :--------- | :--------- |
+| 销售额 | 500        | 280        | 290        |
+| 成本   | 600        | 450        | 480        |
+| 利润   | -100       | -170       | -190       |
+
+这样一来，如果我们要统计这几天公司的总利润，不需要依次读取每一行的数据，直接 **读取所需** 的利润那一列进行计算即可，从而提高了数据分析和聚合操作的效率。
+
+此外，从计算机底层来分析，把相同类型的数据在同一列中连续存储，可以实现更好的数据压缩效果、节约空间。
+
+因此，列存数据库适用于实时数据分析、OLAP、大规模数据仓库等场景。
+
+比较主流的列存数据库技术有 Apache HBase、ClickHouse、Druid 等，都是大数据方向同学的必修课。
+
+![](https://pic.yupi.icu/5563/202311080912812.png)ClickHouse 官方演示
+
+### 多模数据库
+
+最后要讲的数据库也最特别，区别于上面所有存储单一数据模型的数据库，多模数据库能够 **同时存储处理多种不同类型的数据** ，比如关系型数据、文档数据、图形数据等，非常灵活。
+
+就拿大家学编程时最常做的电商系统来举例。如果没有多模数据库，你要用关系型数据库来存储商品简略信息（比如商品名称、价格），要用文档数据库来存储可能长达几十页的商品详情，要用图数据库来存储商品推荐关系。每次看数据库信息时，要分别到三个数据库中查看。
+
+如果使用多模数据库，可以直接在同一个数据库里统一存储和管理不同类型的数据，非常方便。
+
+此外，多模数据库还支持事务，能够更轻松地实现数据的一致性和完整性，不需要手动实现跨库事务、跨库数据同步等等。
+
+比较常用的多模态数据库技术有 ArangoDB、OrientDB 等，不过一般情况下，我们在开发中也很少会用到这种数据库，感兴趣的话再学习即可。
+
+
+
+------
+
+
+OK，不知不觉竟然写了近 6000 字！希望这篇文章对大家有收获吧，不过我只列举了应用相对较多的数据库类型，大家如果听说过其他的数据库，欢迎评论区留言分享~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md"
new file mode 100644
index 0000000..503b4d9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md"
@@ -0,0 +1,94 @@
+# 字节实习转正了，这是我的秘诀
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+最近我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里的一位老朋友小河成功地通过实习转正拿到了字节的 offer，沾沾喜气的同时，给大家分享一下小河自己关于实习找工作以及学习的一些经验，也有我本人的补充（我也是实习转正的），希望对大家有所启发。
+
+### 一、实习体验
+
+字节的新人培养一直是个迷，有的实习生入职前就会有 mentor（导师）联系，一对一交流。而有的实习生入职，没有 mentor，Leader 对新人唯一的交流就是帮他找到工位。
+
+很不幸小河是后者。
+
+但是他没有抱怨，他一直坚信一句话 “成长是个人的事情”，我也觉得这句话很正确。
+
+字节的内部开放做的很好，实习生也有机会看到不同部门的项目代码和文档。既然已经有这么多资源可以学习了，只要自己利用好，哪怕没有人带，也是能获得很大的进步的。
+
+### 二、实习期间建议
+
+小河是在今年 6 月入职的，9 月参与实习转正答辩，然后又通知加面，加面通过后，才获得了意向 offer。
+
+可以看到整个实习的时间不长，大概只有 2 个月左右，所以最好是早点给自己定一个目标 —— 比如是打算转正？还是纯粹为了积累经历？或者是希望学到某个方面的技术？
+
+实习期间小河的目标比较明确 —— 希望转正，所以一直比较努力，主动承担工作。当然，他的努力也被 Leader 看在眼里，在答辩和加面时，Leader 都给了好评，这才得以在实习期较短的情况下，顺利地转正成功。
+
+想要实习转正，实习期间的表现和工作成果是至关重要的，我当时在鹅厂转正答辩时，Leader 给我的写 PPT 的建议就是 “把你的工作内容、方法和成果” 讲清楚。
+
+如果小河最开始就没有想着争取转正，只是完成一些基本工作，可能答辩时就没有那么多的竞争力了。
+
+还有一些其他的建议：
+
+#### 1、说话的艺术
+
+在吃饭或其他非工作时间，记得多和同事 / 上级交流，说什么都可以，比如自己来实习的感受、学习情况、最近追的剧、热点新闻、唱跳 RAP 🏀 等等）。如今大家都是网上冲浪小能手，总有合适的话题，尽量不要脱离大部队。
+
+#### 2、大胆提问
+
+刚离开校园、开始接触公司级项目，有很多问题本来就不是能凭一己之力解决的，对不理解的地方（比如文档 / 业务 / 代码 / 规范等），一定要即时提问。但是要记得把问题梳理清楚再问同事，起码要知道自己在问什么吧。
+
+鱼皮在星球里给大家分享过一本《提问的智慧》，并且多次强调 `会提问` 的重要性，希望大家重视起来。
+
+此外，一定不要想当然！因为刚接触项目，可能存在很多信息差，有时候你以为的不一定是你以为的。前期但凡是你不确定的地方，都要找时机和同事确认下。
+
+#### 3、向上管理
+
+向上管理的本意是指为了取得更好的绩效结果，有目的地配合上级工作、获得认可。
+
+虽然字节不鼓励向上管理（因为可能存在过度包装等负面影响），但在某位同事的启发下，不得不承认向上管理是有一些作用的。
+
+小河在完成自己的需求同时，还会提炼一些方法论，即使这些方法论可行性可能不高，但也能体现出自己的思考。
+
+此外，他会记录自己的代码量、Bug 数、开发进度，并将这些工作产出整理成一个文档贴在显眼位置，以便 Leader 随时了解你的工作情况和项目进展。
+
+#### 4、信息打探
+
+今年的情况的确不好，所以小河也在持续关注岗位信息、转正 HC 数量、竞争人数、其他同学的学习进度等。如果感觉 HC 过少或无，且候选人很多，就得考虑尽早润了。
+
+毕竟 HC 数量也不是 Leader 可以做主的事情。即使他很想留你，在无 HC 的情况下估计也没有办法。
+
+大家都是打工人，多给自己留一些 “后手” 总没错。
+
+### 三、大学学习
+
+大家关注的比较多的问题是：如何平衡学校的课程与求职？
+
+这里小河和我的方法基本一致。
+
+如果下定决心就业，在不挂科的情况下，可以充分利用课堂的时间来自学（比如刷题、背八股文等），而不是什么课都听。毕竟大学重点在于帮学生打基础，很多课程和企业实践都有些偏离，而且学校的课程也未必适合所有同学，所以我们要有自己的判断，学会更合理地分配自己的大学时间。
+
+
+
+------
+
+
+看了一下小河在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的自我介绍，最开始他也和很多同学一样，纠结是考研还是就业，甚至感到焦虑：
+
+![](https://pic.yupi.icu/5563/202311070835696.png)
+
+但幸运地是，他果断地做出了决定，并且有了清晰的规划，从大三上学期就开始准备找实习了，这才帮助他进入了大厂。
+
+![](https://pic.yupi.icu/5563/202311070835554.png)
+
+此外，小河也善于总结、乐于分享自己的学习心得，相信这个习惯也是促使他成功的重要因素：
+
+![](https://pic.yupi.icu/5563/202311070835548.png)
+
+> 小河在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 分享的学习经历和方法：https://t.zsxq.com/06uvRFiq7
+
+最后，感谢大家的阅读，希望大家都能顺利找到满意的工作~ 有什么问题或者需要学习指导都可以来我的星球向我提问。
+
+![](https://pic.yupi.icu/5563/202311070835938.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\345\244\251\345\244\251crud\357\274\214\345\276\210\350\277\267\350\214\253....md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\345\244\251\345\244\251crud\357\274\214\345\276\210\350\277\267\350\214\253....md"
new file mode 100644
index 0000000..0501c2b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\345\244\251\345\244\251crud\357\274\214\345\276\210\350\277\267\350\214\253....md"
@@ -0,0 +1,78 @@
+# 实习天天crud，很迷茫...
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+先问大家一个问题：大家在实习的时候，都会被安排怎样的工作呢？是打杂的边缘工作？还是会被分配比较核心的业务？如果被分配打杂工作，又如何争取更好的工作内容呢？
+
+我昨天在 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=1562751299&lang=zh_CN&scene=21#wechat_redirect) 回答了一个类似的问题，给大家一些参考：
+
+## 问题：
+
+鱼皮，您好，关于实习经历我有些困惑想询问您 。
+
+我想知道面试官究竟想从求职者的实习经历看出什么，我个人对于实习的理解是否正确？
+
+我个人对于实习的理解：
+
+因为就我个人对实习的了解，大多数实习都是打杂和 crud，没什么真正有难度的业务给你做，即使有也不放心交给你，实质上求职者在实习当中没有解决过什么有难度的问题，很难在实习经历中写出什么有含金量的内容。
+
+大多数实习生都是通过自己看懂公司系统有难度的业务然后将其写在简历上，但是这样会对业务缺乏真正的理解，因为根本不是自己动手实践解决的问题，面试官一旦问深一点就很容易被识破了。
+
+即使是遇到有难度，有含金量的业务，分给了你 leader 和你共同完成，实际上大多数有难度的部分都是你 leader 一个人完成的，但实习生为了有东西可以写上简历，就会在实习经历中说成是自己完成的，我感觉这样同样很容易被面试官识破，只要面试官沿着业务问深一点，很多问题始终不是自己来解决的，终究会答不出来。
+
+以上实习的理解其实并非我一家之言，我在星球看到了不少人有这样的疑惑，同时我自己认识的一些同样普遍反映出实习学不到什么东西的反馈，当然因为的视角局限，很多同学都是在中小型公司实习的，至于中大型公司的情况也许会有所不同，但是我想知道在中小型公司实习如何破局？在实习经历中稍微能写出一些能吸引面试官的经历，最起码做到不能因为这段实习经历减分。
+
+## 鱼皮回答：
+
+你说的是大多数实习的现状，因为实习生本来会的就不多、经验又少，当然不会给你安排很复杂的工作、很有挑战的项目（除非是把实习生当苦力）。
+
+如果你在抱怨自己的实习公司不好、抱怨自己实习期间学不到东西，不妨先问自己几个问题：
+
+1）简单的工作，你能做到最好么？有做到让上级满意么？
+
+2）有想过主动去学习公司的其他业务？主动承担工作么？
+
+3）有想过利用公司的资源来提升自己么？
+
+4）有把自己的想法和导师 / 上级反馈过么？
+
+5）自己的工作态度足够认真么，还是眼高手低，看不上这份工作？
+
+比如你和导师被分配一起完成有含金量的任务，你有主动找导师交流过，说想参与业务的设计或部分代码的实现么？为什么你导师解决过的问题，你不能把这个解决方案学会呢？
+
+记住，在公司实习的成长不是只靠公司单方面给予的，而是需要【自己去争取】的。总会有一些优秀的同学，能够在实习前期很快地完成 Leader 分配的简单工作，然后主动去接更多的工作、主动去学习业务和源码、主动去提出优化项目的想法和建议，给自己争取到更多的成长。
+
+说几个我自己在腾讯实习期间自认为表现好的几个点，也是我自己争取的机会，给大家参考： 
+
+1）主动参与公司内部的开源项目，成功贡献了代码
+
+2）在导师繁忙的时候主动帮他分担工作
+
+3）主动参与导师的晋级答辩会议旁听，提前学到了不少答辩技巧和系统设计方案
+
+4）积极熟悉公司内部的各种基础技术建设，并且整理了笔记，供组内其他同学学习
+
+5）积极参与公司内部的各种分享会，不满足于自己的业务，拓宽业务边界
+
+6）主动在组内通过会议的形式给大家分享了区块链技术
+
+（下面的截图也是我实习转正申请文档的一部分，列举了一些我在实习期主动去做的工作，并没有人给我安排去做这件事情）
+
+![](https://pic.yupi.icu/5563/202311070838648.png)
+
+再拿我自己带的实习生来说，线上实习期间，每个工作都完成的很好，而且把项目文档写得也非常完善，超出我的预期！所以不到一个月，我就把几个核心的项目源码都给他学习了，也能很快掌握。现在他已经成为了我这几个项目的核心负责人，帮我节省了很多的时间，自己也得到了飞速的成长，所以我也向他抛出了正式 offer 的橄榄枝。
+
+OK，如果你问了自己上述几个问题，也尝试过争取机会但是无果，那么也没什么好遗憾的，你得继续努力自学，**哪怕是摸鱼也要抽时间自学**，尽快去更好的公司。
+
+
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=1562751299&lang=zh_CN&scene=21#wechat_redirect) ，和 2 万多名编程学习者共享知识、交流进步，学习鱼皮全程直播开发的原创项目、上千篇优质编程学习求职经验分享、并获取 1 对 1 答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\347\233\270\345\205\263\351\227\256\351\242\230.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\347\233\270\345\205\263\351\227\256\351\242\230.md"
new file mode 100644
index 0000000..46e2012
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\345\256\236\344\271\240\347\233\270\345\205\263\351\227\256\351\242\230.md"
@@ -0,0 +1,40 @@
+# 实习相关问题
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。先问大家一个小问题：有了比较长的实习经历后，正式找工作的时候，年薪一定能到几十万吗？
+
+我之前在 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=1562751299&lang=zh_CN&scene=21#wechat_redirect) 回答了一些相关的问题，给大家一些参考：
+
+## 问题：
+
+鱼皮哥你好，就刚刚看网课的时候，就那些网上机构的那些课程，里面谈到了一些实习的一些事情我想让你帮我分析分析他说的是扯淡吗？我在下面大概总结一下他说的话：
+
+1、对于大二即将大三的同学，24 年大三来说，9 月份秋招前 4 月份最好能有一段时间不少于 3 个月的实习时间，能做到这样子，以后年薪过 30w 都留不住的（真这么高吗？）；
+
+2、为什么要实习这么久，因为去实习时间只有 1 到 2 个月对你的提升是很慢的；
+
+3、实习期薪资 6 到 7k；（有那么高吗哈哈哈哈）
+
+4、学校方面是基本上不可能放你学生出去实习的，那你学生只能自己想办法？（这里想办法能有什么办法呢？） 最后再补充一点个人的想法，就是我目前准大二，之前就对大二暑期出去找实习有过一些了解，我之前约谈过一个估计是什么机构老师之类的，忘了叫什么名字了，谈到大二暑假实习这些事企业方面基本是安排我们去打杂的（或许他是对大部分大二学生普遍的实力状况说的，对于能力强肯定不会是打杂吧哈哈哈哈哈）。以上基本就是我了解到一些关于正式工作前实习的一些事情，想请鱼皮哥能对我们这些实习上的困惑做一些解答。谢谢鱼皮哥了！
+
+## 鱼皮回答
+
+针对你提到的这 4 个问题，我依次聊聊自己的看法：
+
+1）实习影响：找正式工作前有一段实习经历是加分的，但是实习质量和时间长短不一定成正比，一般来说 2 个月的实习期就已经比较完整了，这期间能得到的成长效率也是最大的。年薪 30w 可没那么好拿，不是说有实习经历就能达到，跟个人水平、地区等都有很大的关系。
+
+2）实习时间：3 个月也不算久了，一般都是至少 2 个月。机构课说的有一定的道理，刚开始实习的一个月内可能都是熟悉下工作的环境、流程、熟悉代码，未必能够直接接触业务，学到的东西会比较有限，等后面刚上手开发上线那段时间，得到的成长会比较大
+
+3）实习薪资 6 - 7k 比我当时在腾讯实习还高了，可以看看评论区的朋友们有多少能拿到这个数字，我觉得应该不多
+
+4）学校不放，那就利用大二 ~ 大三、研一的寒暑假实习，大多数同学也是这样的。像我当时是大二提前修完了大三的很多课，大三才有时间日常实习。如果你的时间还很充足，也可以试试用我的这个方法，提前跟辅导员商量一下。
+
+另外你提到 “大二暑假实习时企业基本是安排我们去打杂”，这个换位思考一下就能理解了，如果你啥都不会的情况下被招进去了，那么企业也不会给你安排有难度的工作；换句话说，你的能力如果还没达标，想要去做复杂的工作也是不太现实的。
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=1562751299&lang=zh_CN&scene=21#wechat_redirect) ，和 2 万多名编程学习者共享知识、交流进步，学习鱼皮全程直播开发的原创项目、上千篇优质编程学习求职经验分享、并获取 1 对 1 答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..08a5907
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md"
@@ -0,0 +1,44 @@
+# 想旷课去参加实习了。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前两天，[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里有一位大二的小伙伴向我提问：
+
+![](https://pic.yupi.icu/5563/202311070836530.png)
+
+看到这个问题，我一下子想到了曾经的自己，因为我当时也是一模一样的处境，所以可以发表一下自己的观点。
+
+首先我肯定是不建议任何同学 **直接旷课** 的，这种方式带来的后果可能会很严重。相反，如果你真的因为追求自己的目标不得不旷课的话，我建议先和自己的辅导员 / 老师沟通协调一下。
+
+比如我大三寒假的时候拿到了字节跳动的日常实习 offer，这对我来说是一个必须把握住的机会。但是当时虽然我的课程不多，但也没办法做到每周 5 天去参与实习，所以我也非常发愁。
+
+于是，当时我就和自己的辅导员沟通，询问她有没有什么方式可以 “合法旷课”。比如我承诺可以自己用业余时间把这门课的知识和作业搞定，考试的时候也会去考，就类似 **自修** 吧。
+
+后来也了解到我们学校的确有自修申请机制，于是我到校园网下载了一份自修申请表：
+
+![](https://pic.yupi.icu/5563/202311070836569.png)
+
+因为我对自己的抗压能力还是比较自信的，所以我一下填了 2 - 3 门课的自修申请。（一定要考虑自己的实际情况，不要给自己无法承受的压力）
+
+于是，我就从寒假开始顺利地去字节实习了，后来工作中也积极表现，大家对我也都很好。
+
+![](https://pic.yupi.icu/5563/202311070836669.png)
+
+快开学前，我又尝试跟公司的领导沟通了下，最后公司同意了我每周只用来上班 3 - 4 天，其余时间在校办公即可！由于字节当时还是大小周，所以我周日也可以去上班，算 1 天。周三我只有上午有课，课上完后我会立刻坐地铁去公司上班。满打满算我不用自修，可以同时兼顾课程和实习了！
+
+通过这件事我的感受就是，一方面自己的确很幸运，另一方面也是自己通过 **沟通** 和努力，才给自己争取到了机会吧。
+
+所以我也同样希望正在找实习的小伙伴们，可以先没有顾虑地去面试、争取机会，然后再根据实际情况和学校 / 公司沟通协调就好。如果实在协调不了，那么该放弃的东西还是要放弃，努力把没有放弃的部分做的更好吧，加油！
+
+
+
+------
+
+
+以上就是本期分享，最后也欢迎大家加入鱼皮的 [编程学习圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和几千名小伙伴们一起交流学习，向鱼皮等大厂同学 1 对 1 提问、跟着鱼皮直播做项目、领取大量编程资源等。（昨天的做项目直播回放已经发到星球里了，还没有做过完整项目的同学可以抓紧学习下，绝对的保姆级带做项目）
+
+现在加入限时优惠 **60 元** ，欢迎想一起学习进步的小伙伴~
+
+![](https://pic.yupi.icu/5563/202311070836816.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..6ef8795
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\345\256\236\344\271\240/\350\260\201\350\257\264\346\262\241\345\256\236\344\271\240\347\273\217\345\216\206\357\274\214\345\260\261\344\270\215\350\203\275\350\277\233\345\244\247\345\216\202\344\272\206\357\274\201.md"
@@ -0,0 +1,86 @@
+# 谁说没实习经历，就不能进大厂了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前几天有位 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 的朋友向我发了一连串儿的提问，如下：
+
+## 鱼友问题
+
+鱼皮你好，我目前的情况是西电研二在读，因为所在实验室不放的原因，没法在研二尝试去找实习。自己的进度是目前力扣用 C++ 和 Java 总共写了 300+ 题；Java 因为实验室项目，SSM 和 Spring Boot 以及 MyBatis Plus 用的还算比较熟练。目前手上只有实验室的两个纯 Java 的开发项目，Redis 和 消息队列课程都看过了但还没有实操，现在正在看黑马的微服务课程，因为里面有关于缓存和消息队列的应用，想着跟着实操一下，之后也会跟着 [星球的项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 做下，并发部分还没有了解，C++ 的话目前就只是拿来写题。
+
+我现在有点焦虑，主要在于以下几点，希望鱼皮能为我解惑：
+
+1. 害怕没有实习经历，想进大厂是不是就难很多？我需要在项目、基础或者哪些方面多下些功夫呢？
+2. 我本科就是计科的，但是基础的东西有些遗忘有些当时学的不深，我需要现在就开始背八股还是可以先看看相关书籍巩固一下呢？
+3. 进度问题，心里关于找工作有一点障碍，总是想着时间不够，我也不知道我这个进度算怎么样了？
+4. Java 和 C++ 需要认定一个么，我现在还是 C++ 写题顺手一些，但是相关的开发没有涉及过，在 Java 很卷的情况下，C++ 是不是一条出路呢？如果这样，现在的时间是不是不太足够？
+5. 对于未来的职业发展来说，是计算机这几样基础更重要还是去掌握语言更重要呢，虽然很多人都说是前者，但就实际情况来看，好像没法将基础融汇到技术上？
+6. 关于大数据计算和数据仓库，在学完微服务后需要去学习么？这方面就业压力如何呢？如果是按照后端路线微服务学完之后的内容应该侧重什么呢？
+
+## 鱼皮的回答
+
+其中有些问题可以说是非常经典了，如果你也有类似的疑惑，可以在评论区留个言。
+
+说说我自己的看法，大家也可以在评论区帮忙补充：
+
+1）想进大厂，实习经历不是必须的。简历上主要有教育经历、个人技能、学术研究、实际经历、项目经验、荣誉奖项等内容，HR 和面试官在挑选简历时一般是综合评价，虽然你没有实习经历，但只要有其他地方能吸引到面试官，让他觉得 “嗷，这小伙子不错”，那么就有面试机会，之后就是要凭自己的实力通过面试了。
+
+你的学历还是很好的，在教育经历上有一定的加分，所以也不用太担心，尽量用 **和求职方向相关的** 项目和科研成果来弥补吧。
+
+对于大多数同学，可能学历并没有那么好，这个时候就要尽量争取一些实习经历、**或者多做一些项目**，机会是要自己努力去争取的。
+
+2）关于项目和基础，要记住 2 点：
+
+1. 好的项目是需要持续打磨的。在合理的前提下，可以把自己学过的技术尽可能多地运用到项目中。像我之前在星球里说的，一定要有自己的主打项目，而不是所有项目都一个样。
+2. 基础是要持续巩固的。像操作系统和计网这种倒是能面试前突击一下（面试前 1 ~ 2 周狂背题目也来得及）；但是数据结构和算法一定要坚持每日刷题，每天的数量可以不多，但重在坚持。（建议是在面试前 2 个月开始刷，时间会更充裕一些）
+
+3）你的进度已经不错了，无论是刷题量还是项目都有，再加上本科是计科的，发展地比较全面了，所以不用担心，时间完全足够。
+
+4）其实 C++ 和 Java 的学习路径有很多相似的地方，比如要做后端开发的话，都要学习数据库、缓存、队列、计网、操作系统、接口开发设计、Linux、设计模式、架构设计等通用的后端知识。只不过 C++ 相对更注重基础和对操作系统、Linux 系统的理解；而 Java 可能更侧重业务开发的方法和工具。所以建议你可以把我上面说的那些通用技能作为重点学习，不用在语言上花费过多的时间，这样到时候 C++ 和 Java 后端开发都可以投（你还有 C++ 刷题经验，STL 应该用的也比较熟了）。
+
+都说 Java 卷，那么你可以去网上调研一圈，看看岗位的需求量，很难说 C++ 就不卷。像今年秋招这个情况，更多的是整个行业（行情）的问题，而不是语言需求量的比例有什么大的调整。
+
+所以至于选 C++ 还是 Java，还是要看个人之后要做什么类型的岗位了。后端开发仍然推荐 Java，资源多这点无敌（不信你去搜搜 C++ 微服务的教程）；或者就像我上面说的，先把后端通用的技术学好，之后再去做选择也来得及。
+
+> Java 和 Go 语言的选择同理，[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=2138623988&lang=zh_CN&scene=21#wechat_redirect) 的朋友可以看这篇文章：https://t.zsxq.com/06UbIQJ2R
+
+对于未来的职业发展来说，是计算机这几样基础更重要还是去掌握语言更重要呢，虽然很多人都说是前者，但就实际情况来看，好像没法将基础融汇到技术上？
+
+5）编程思想（思维）和解决问题的能力是最重要的。
+
+何为编程思想？比如你的算法和数据结构、设计模式、或者其他计算机基础学科学得很好，遇到问题时能够想到运用它们来解决，说明你的思维能力也是很不错的，面试会加分。如果给你一个问题，你没有任何的思路、完全想不到用什么知识来解决它，说明编程思想还是不足。
+
+> 除了看书外，刷算法题目是一个很好的提升编程思想的方式
+
+何为解决问题的能力？如果你做过很多项目，能根据某个需求和业务场景快速设计出架构和程序流程，并且能够快速编码实现，面试会加分。而现在很多同学都是只看教程视频，以为自己会了，但是让你自己写代码时，写不出来，这是肯定不行的。
+
+一名优秀的程序员，他一定是编程思想和解决问题的能力都很强，遇到问题能想到怎么去解决、并且能够真正地解决。所以计算机基础和实际的业务能力都很重要。对大多数同学来说，找到工作前先把计算机基础学习到 “面试水平” 就差不多了，可以先重点提升自己做项目、解决问题的能力；而工作之后具体怎么发展，就是因人而异了，比如你在基础架构部门，那你的基础一定要非常好、甚至对底层有自己的见解；而如果你在业务开发部门，那么你要更多地提升自己对业务的理解，将学到的技术应用于业务、为业务服务。
+
+此外，如果你对一门语言或框架研究的很透彻，甚至每次版本更新迭代你都能给出自己的见解、能给开源项目提供 issues 或代码贡献，面试也是很加分的。本质上你也是解决了某些问题。
+
+所以无论你想重点提升哪个方向都 ok，只要有自己的优势即可；因此也不建议大家什么都学一点，但每个技术都仅是了解而已，对 Java 开发的同学来说，能独立做出项目之后，可以考虑学习某个技术的设计原理和源码。
+
+6）时间足够的话学什么都可以，毕竟学大数据计算的过程中也能帮你学到一些后端开发的思路；但时间来不及的话不如多做项目、参加竞赛，给自己加点能写到简历上的经历。
+
+虽说知识学了就不会亏，但你的时间是有限的呀，如果你学的这些东西写不到简历上，那求职基本没什么用，性价比不高。
+
+不过喜欢就可以去学，合理分配时间就好。比如我大三时只花了 2 个月左右去学大数据，进一步学习什么流式计算都是大四找到工作之后了。
+
+> 关于大数据的就业压力，我不好说。。。把话筒交给评论区的同学。
+
+像你现在的话，学完微服务后可以接着按照我的 Java 路线学习更多进阶的知识，比如并发编程、JVM、容器等等，星球的第二个置顶帖走一波：https://t.zsxq.com/067U7EqRz
+
+![](https://pic.yupi.icu/5563/202311070834557.png)
+
+
+
+------
+
+
+最后，感谢大家的阅读，希望有帮助~ 有编程相关问题或者需要学习指导规划都欢迎加入 [我的学习小圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 向我 1 对 1 提问。
+
+![](https://pic.yupi.icu/5563/202311070834951.jpeg)
+
+![](https://pic.yupi.icu/5563/202311070834116.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\270\215\350\246\201\346\205\214\357\274\214\346\210\221\346\234\211\345\207\240\344\270\252\345\260\217\345\273\272\350\256\256\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\270\215\350\246\201\346\205\214\357\274\214\346\210\221\346\234\211\345\207\240\344\270\252\345\260\217\345\273\272\350\256\256\357\274\201.md"
new file mode 100644
index 0000000..a400ed3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\270\215\350\246\201\346\205\214\357\274\214\346\210\221\346\234\211\345\207\240\344\270\252\345\260\217\345\273\272\350\256\256\357\274\201.md"
@@ -0,0 +1,162 @@
+# 不要慌，我有几个小建议！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+转眼到了十月份，这个时期正是秋招的 “金九银十”，是应届生找工作的白热化阶段。
+
+最近我也在网上看了很多朋友的求职情况，明显感觉到了今年的 “寒气”。
+
+以前是比谁的 offer 多、看谁的 offer 好；今年呢，是比谁的 offer 少、看谁的反差大。
+
+![](https://pic.yupi.icu/5563/202311061355081.png)
+
+![](https://pic.yupi.icu/5563/202311061355049.png)
+
+也有很多同学小手一摊，直接开摆了。
+
+作为 20 届没读研直接上岸的幸运儿，我着实为大家捏了一把汗。
+
+认识我的朋友都知道我的态度一直是积极向上的，所以今天这篇文章呢，是想给朋友们一些秋招的建议，能听进去多少、觉得是否有用，全看自己了。
+
+
+
+------
+
+
+首先，无论今年的求职情况如何， **我们要做的事情依然没变。**
+
+一样要学习技术、一样要准备项目、一样要复习八股文、一样要向前看。
+
+只不过今年，大家要做的更好，才能超越你的对手。
+
+那么，不妨问自己以下几个问题：
+
+### 1、你的目标是否明确？
+
+知道自己想做什么、适合做什么很重要。
+
+因为当你在岔路口犹豫不决的时候，其他同学已经在赶路了。
+
+有同学说，我也不知道我适合做什么，前端、Java 都会一点，那我就都试试吧。
+
+拜托，你每个方向学 50%，为什么有信心能竞争过一个方向投入 100% 的同学呢？
+
+所以我是强烈不建议抱着都试试的态度的，一定要把劲头往一个地方去使。
+
+也有一些同学受今年 “寒气” 的影响，开始半路纠结自己要不要换方向了。我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里问的最多的就是：
+
+- Java 是不是凉了？要不要从 Java 转 Go？
+- 要不要从 Java 转 C++？
+
+> 星球的同学可以看这篇文章：https://t.zsxq.com/06UbIQJ2R
+
+Java 凉了？？？
+
+![](https://pic.yupi.icu/5563/202311061355068.png)
+
+那 “热” 的东西在哪里？
+
+临时去转其他语言，就真的会有更好的结果么？
+
+我很喜欢下面这张图：
+
+![](https://pic.yupi.icu/5563/202311061355854.png)
+
+我想说的是，大家一定要有自己的思考和判断。兼听则明，那些不考虑你个人情况的建议，不要无脑相信。
+
+如果你迫于形势，想尽快找到工作。那可以问问自己，现在自己在哪个方向上投入的精力、学过的知识最多，就先朝着这个方向继续学习会更稳妥一些。
+
+### 2、你的发力是否到位？
+
+看到有同学吐槽：我天天努力背八股文，朝九晚五的，为什么还没面试？
+
+废话！！！面试官怎么知道你背了八股文？你得先把你学过的东西体现在简历上才可以啊！
+
+举这个例子是希望大家思考一点：你的问题到底出在哪里？
+
+向要拿到 offer，要对症下药，发力到位。发现问题、解决问题才是至关重要的。
+
+比如你根本拿不到面试的机会，那基本就是简历的问题，你背再多的题目、做再多的项目、学再多的技术，不会写在简历上，别人也看不出来。
+
+> 星球的同学可以看这篇【写简历技巧】，以及我分享的几十份简历：https://t.zsxq.com/062rjyF2B
+
+![](https://pic.yupi.icu/5563/202311061355109.png)
+
+那如果你还没有自己的项目，那就赶紧先学技术、做项目，再去背面试题吧。简历过不了，什么都白搭。
+
+再比如你能拿到面试机会，但总是挂，不妨思考一下：
+
+1. 到底是什么原因挂？
+2. 你每次面试完是否有记录问题？
+3. 你之前没答出的问题后来能答上了么？
+
+总之，秋招是一个持续的过程，你要发力到位，每一天都要有进步！而不是天天投简历背面试题，那样你投 10 份和 100 份效果可能是相当的，不过是撞运气。
+
+### 3、你的准备是否充分？
+
+先说问题：有同学抱怨的是自己 985 拿不到 offer、还有同学吐槽别人是 985 也拿不到 offer。
+
+让我印象比较深刻的是一位学历很好的 985 硕士同学，国奖、实习什么都有，但基本也是面试不多、面了就挂。
+
+但是，为什么比 985 学历差的同学也能拿到 offer？
+
+**虽然少，但是存在。** 那就看看为什么这些 “幸存者” 能拿到 offer。
+
+我上面提到的那位 985 的硕士同学，虽然金光灿灿，但简历上存在的一个很大的问题就是太注重于展示（或者叫堆砌）自己的奖项，而忽略了在简历上体现自己的技术能力 —— 或者说你究竟能做什么？而且通过他自己的描述，秋招的准备并不充分，花了大量的时间在投简历、焦虑和吐槽上。
+
+再来看能拿到 offer 的双非同学，从大二就开始以找工作为目标了，实习、项目、面试经验都比较丰富；并且秋招时期每天仍然在学技术、完善简历、刷面试题。。。
+
+很简单的道理，人家准备三年，你准备一年，谁的机会更多呢？
+
+好吧，你当然可以说人家学历好的同学本来就有光环，一年顶咱们两年。但无论如何，抛去学历等其他客观或者短期内无法改变的条件，我们的实力能否和这些同学匹敌呢？
+
+现在绝大多数同学都是利用网上的资源学习，学校已经不是一个摆烂的理由了。哪怕能力无法比肩大佬们，起码我们要做足充分的准备，用积累来获胜。
+
+尤其是还没面临就业压力的大学朋友们，趁早准备起来吧，不亏。看看我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里的学弟们现在基本都在努力了：
+
+![](https://pic.yupi.icu/5563/202311061355073.png)
+
+![](https://pic.yupi.icu/5563/202311061355893.png)
+
+![](https://pic.yupi.icu/5563/202311061355645.png)
+
+> 本问题回答：https://t.zsxq.com/06mYnAeIE
+
+### 4、你的心态是否积极？
+
+来一点鱼汤。
+
+虽然今年 “寒气” 来袭，但是现在这个时候找工作，依然会比拖到明年春招更有优势一些。
+
+保持乐观的心态很重要。不要觉得目标遥不可及，因为不是非要一口吃成个大胖子（直接找到好工作）。可以适当降低自己的预期，每天学一些技术、每天完善一点简历、每天刷几道面试题，也是在不断朝着目标靠近，也能超越一些躺平摆烂的同学。
+
+还要，不要借着环境不好来否定自己，坚持不一定会有机会，但总比不努力、不坚持、自暴自弃、甚至还否定别人的努力要有用的多。
+
+最后，还有很重要的一点！那就是不要妄图捷径、贪图侥幸！！！
+
+比如笔试作弊、简历造假事件，有的时候你自己可能都不知道自己被抓了，还在网上抱怨 “我 985 硕士找不到工作” 呢。
+
+![](https://pic.yupi.icu/5563/202311061355419.png)
+
+千万不要有任何的侥幸心理，现在的技术这么发达、关系网这么复杂，且不说造假会不会被抓、被竞争对手举报，哪怕你通过作弊达到了你的目的，有些问题早晚也会暴露的。
+
+![](https://pic.yupi.icu/5563/202311061355322.png)
+
+所以积极正向的心态很重要，适当包装简历、展示自己的能力是 OK 的，但不要想着 “我没别人努力、没别人有实力，还想比别人拿到更好的 offer”。在今年或者未来的环境下，这件事情发生的概率只会越来越低。
+
+
+
+------
+
+
+总之，天道酬勤，机会总是留给有准备的、努力的人。我没什么本事，但也算是通过自己的经历证明了这点吧。
+
+感谢大家的阅读，朋友们加油！❤️
+
+最后，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)（访问 https://yupi.icu 了解详情），带你一起学编程、做项目、向鱼皮 1 对 1 提问、帮你做学习和求职的指导与规划、修改简历等。本季度还有几十个好友优惠名额，可以加我微信 yupi5927，备注【加入星球】和自己的情况优惠加入星球，不备注不通过，非诚勿扰谢谢。
+
+![](https://pic.yupi.icu/5563/202311061355327.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\273\216\345\260\217\345\205\254\345\217\270\345\210\260\345\244\247\345\216\202\357\274\214\351\207\215\347\202\271\351\203\275\350\200\203\344\273\200\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\273\216\345\260\217\345\205\254\345\217\270\345\210\260\345\244\247\345\216\202\357\274\214\351\207\215\347\202\271\351\203\275\350\200\203\344\273\200\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..d281910
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\344\273\216\345\260\217\345\205\254\345\217\270\345\210\260\345\244\247\345\216\202\357\274\214\351\207\215\347\202\271\351\203\275\350\200\203\344\273\200\344\271\210\357\274\237.md"
@@ -0,0 +1,48 @@
+# 从小公司到大厂，重点都考什么？
+
+大家好，我是鱼皮，今天 [编程导航](https://mp.weixin.qq.com/s/eNjauC-3361z-l7fy3VssA) 的鱼友问了我一个很不错的求职问题，大概是下面这样：
+
+> 我是一年工作经验小公司后端，我该怎样准备去向中大厂跳槽？
+
+
+
+想要知道如何准备跳槽到中大厂，我们就要了解小公司、中厂和大厂的求职考察重点。个人观点，仅供参考！
+
+一般来说，小公司最注重实践能力，即 **你能不能干活** ，关注求职者的 **下限** 。很多时候要求并不高，你能用开发框架写代码基本就行了。
+
+所以简历上有实际上线的项目经历是格外加分的，面试时也会重点考察你的项目经历。当然，凡事不绝对，也有老板不懂技术的小公司，就喜欢到网上找点八股文，然后像考试一样机械地考察你。
+
+中厂的要求会有所提高，不仅会注重实践能力，同时还会关注你的基础和可培养性。
+
+所以投递中厂，简历上不仅要有编程开发相关的技术栈，还要有算法数据结构、计算机网络等计算机基础相关的内容。中厂的面试一般来说会有算法题目、八股文的基本功考察，也会有项目经历的考察。
+
+想要进大厂，难度就直接指数级上升了。大厂除了注重实践能力、基本功之外，还会关注候选人的自主性和潜能，保证候选人未来能够推动事情的发展并应对种种挑战。不仅关注求职者的下限，更关注 **上限** 。
+
+而且因为大家都想进大厂、投简历又没成本，所以竞争十分激烈，这才有了笔试和学历的种种门槛。所以想进大厂，你要通过一切办法在简历上给自己贴金，各种竞赛奖项、实习科研经历、各种光环等等，都能快速证明你的能力和自主性，让你在众多简历中脱颖而出。
+
+有的时候你可能以为自己很优秀，八股文背得贼 6、面试过程也很顺利。但为什么最终没有拿到 offer 呢？可能就是因为你的竞争者的能力上限比你高。
+
+大厂面试除了考察八股文、几道算法题目和项目经历外，一般还会有业务场景设计问题、甚至是行业问题。
+
+举几个例子，都是我当年被问到的：
+
+1. 腾讯实习：如何设计短链系统？
+2. 字节实习：如何设计一个实时弹幕系统？
+3. 字节校招：如何设计地铁轨道调通系统？
+
+
+
+此外，大厂招人会更谨慎。尤其对校招来说，因为能力很强的人很多，宁可漏掉一个人才也不希望错招，不然搞不好就出个删库跑路的招聘事故。所以大厂招聘流程中，可能还会让你做性格测试、综合素质测评，并且会进行严格的背调。所以投递大厂就千万不要简历造假，被查出来可能会拉进黑名单。
+
+
+
+对社招跳槽来说，有一个很大的加分技巧，就是去投递和你之前的工作经历业务相似的公司。因为你之前有这方面的经验，很多术语或者很多业务特定的知识你基本都是理解的。这样相比于其他没有做过此类业务的同学来讲，你的竞争力会更大，找工作也会更轻松一些。
+
+此外，如果实在没办法一步跳槽到中大厂，那就持续跳槽、不断涨薪，一级级往上走就好了。来日方长，我们需要不断学习，持续成长。
+
+建议大家完整观看下我分享的几个工作中提升的方法： https://b23.tv/6BwjNz5
+
+👇🏻 点击下方阅读原文，获取鱼皮往期编程干货
+
+![](https://pic.yupi.icu/1/640-20231111200330926.png)
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\345\210\232\350\200\203\345\256\214\347\240\224\357\274\214\346\200\216\344\271\210\345\216\273\345\207\206\345\244\207\346\230\245\346\213\233\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\345\210\232\350\200\203\345\256\214\347\240\224\357\274\214\346\200\216\344\271\210\345\216\273\345\207\206\345\244\207\346\230\245\346\213\233\357\274\237.md"
new file mode 100644
index 0000000..02d9a9e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\345\210\232\350\200\203\345\256\214\347\240\224\357\274\214\346\200\216\344\271\210\345\216\273\345\207\206\345\244\207\346\230\245\346\213\233\357\274\237.md"
@@ -0,0 +1,86 @@
+# 刚考完研，怎么去准备春招？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家新年快乐，我是鱼皮。
+
+最近在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里收到了很多同学的提问，其中比较多的问题就是：刚考完研、不知道怎么去准备春招？
+
+![](https://pic.yupi.icu/5563/202311061356735.png)
+
+正好寒假也快到了，希望这篇文章能给大家分享一些小建议，帮助大家清楚接下来自己应该怎么做，才能让自己弯道超车，用有限的时间得到更大的收获。
+
+**注意，以下只是建议！具体做什么，还是要结合自己的实际情况来分析。**
+
+## 这个寒假，我们可以做些什么？
+
+对于所有刚考完研的同学来说，无论自我感觉好或坏，都要立刻行动起来！而不是等结果出了再做准备。因为你们是在和一直在准备找工作的同学竞争，没有时间耽误了。
+
+当然，如果你只考虑读研，那可以忽略这点。
+
+对于想在春招找到正式工作或暑期实习的同学来说，可以去做这么几件事。
+
+### 一、准备简历
+
+首先要做的不是去背面试题、或者刷算法，而是要 **先认真准备一份简历** 。这个过程就是在帮自己回顾、梳理总结自己学过的所有技术知识和做过的项目，便于发现自己的不足，明确之后的学习改进方向。
+
+> [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学请阅读【写简历技巧】https://t.zsxq.com/092andVdA，然后可以把简历发到我的邮箱帮你优化。
+
+![](https://pic.yupi.icu/5563/202311061356084.png)
+
+> 写简历技巧
+
+在准备简历的过程中，可能会感到有压力。不过没关系，这是很正常的！我们要做的就是克服压力、弥补不足。
+
+- 如果你不知道简历上的技术板块怎么写，那就想想自己学过什么技术，然后去网上看培训机构的课程大纲来快速浏览该技术的知识点，再针对性地学习和查漏补缺。
+- 如果不知道项目板块怎么写，那就翻一翻自己之前做过的课设，无论项目好坏，先把用了哪些技术、做了哪些功能写上去。有总比没有好，后面再持续完善。
+
+### 二、制定计划
+
+准备好简历之后，就可以给自己 **制定一个学习计划** 了，从大到小的计划都要有！比如下个月我要完成一个项目、这周我要看完一套课程、今天我上午要学算法、下午要做项目之类的，计划越细越好！这样做可以有效防止时间偷偷溜走。
+
+计划的内容怎么定呢？那肯定是 **结合自己的简历来制定更适合自己的计划** 。
+
+1）不熟悉的知识点，按照我最新的 Java 学习路线的顺序（[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 第二个置顶帖子：https://t.zsxq.com/09wFzQmwm），一个个地去弄懂、并且能写出代码。
+
+2）觉得项目没有亮点，那就学习更多技术，并且应用到项目中，比如把自己的课设做的更好、更精细。
+
+3）还没有做过项目，那就先把开发框架学会（比如 Java 必学 Spring Boot，前端必学 Vue），然后抓紧看网上的项目教程去完成。可以看看星球里的项目推荐，比如：https://t.zsxq.com/09zPQE9Ff 。
+
+还没做过完整项目、不知道怎么优化项目的同学，推荐看下星球项目训练营（https://t.zsxq.com/09g8VKgdC），详细介绍了我个人做项目的方法论、流程、经验技巧。
+
+![](https://pic.yupi.icu/5563/202311061356060.png)
+
+> 星球项目训练营
+
+### 三、准备面试
+
+如果你觉得自己的技术和项目准备得差不多了（比如符合了公司岗位描述上的要求），就可以开始准备面试了。
+
+准备面试也是从自己的简历出发，简历上着重写了什么技术，就去网上搜该技术对应的面试题和题解，而不是什么都背！
+
+比如对后端开发的同学来说，数据库、Redis、计算机网络、操作系统是通用的高频考点。
+
+### 时间安排
+
+最后给大家一个时间点参考。
+
+准备参与春招的同学，从现在开始，先花 1 - 2 天写简历总结、再花 1 天左右确定学习计划。
+
+寒假的这一个月必须要利用好！建议每天上午趁着头脑清醒做 1 - 2 道算法题（或者学习新课程），下午或晚上做做项目、实践一下学到的新技术。晚上睡觉前再背背面试题，有利于睡眠~ 第二天早上醒来没睁眼的时候可以再回忆下睡觉前背的题目，印象会更深刻（我自己就是这么背的，感觉效果不错）。
+
+寒假之后，大概 2 月份，一些大公司就开始春招了（暑期实习生 + 校园招聘），准备得还不错的同学就抓紧海投简历、多去面试，2 - 4 月是春招的黄金时间，**早就是机会** ！
+
+不参与春招的同学，可以利用寒假的连续时间找学长或朋友一起做个项目，为年后的一些作品类竞赛做准备。也可以系统地学习 2 - 4 个技术，连续每天学习的效率会比开学后断断续续地学要高很多！
+
+## 完
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。
+
+元旦这几天，给大家 **限时发放 50 元星球优惠券** ，手慢无 ✋🏻：
+
+> 感兴趣的同学可以先加入体验，白嫖上述资料，三天内不满意全额退款~
+
+![](https://pic.yupi.icu/5563/202311061356207.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\207\240\344\270\252\346\211\276\345\267\245\344\275\234\347\232\204\351\207\215\350\246\201\344\277\241\346\201\257.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\207\240\344\270\252\346\211\276\345\267\245\344\275\234\347\232\204\351\207\215\350\246\201\344\277\241\346\201\257.md"
new file mode 100644
index 0000000..32c0b86
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\207\240\344\270\252\346\211\276\345\267\245\344\275\234\347\232\204\351\207\215\350\246\201\344\277\241\346\201\257.md"
@@ -0,0 +1,84 @@
+# 给学弟几个找工作的重要信息
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，这篇文章给大家分享一些找 **春招 / 校招 / 暑期实习** 的关键信息，面向还在学校的同学。
+
+本来是 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 内一位小伙伴的分享，鱼皮在这个基础上再补充更多的内容。
+
+大家最关注的两个问题是：不知道什么时候该去找工作？在哪找实习或工作？
+
+### 何时去找工作？
+
+先回答第一个问题，对于还在校园的小伙伴，一般情况下，招聘旺季主要是在 **秋招** 和 **春招** 这两个时间点。
+
+秋招的时间大概是每年的九月和十月，俗称 “金九银十”，面向大四 / 研二等即将毕业的同学。
+
+春招的时间大概是每年的三月和四月，俗称什么就不用我说了吧。但是春招招聘的岗位相比较秋招来说会更少一些，毕竟大多数企业在秋招就已经录的差不多了，春招相对来说更偏向于 “补录”。
+
+**当然了，这些都是以前。**
+
+如今越来越内卷了，一些比较知名的公司为了抢人才，会搞 **提前批** ，秋招的话最快每年的六、七月就开始了招人了；春招最快的一月、二月就开始了。
+
+![](https://pic.yupi.icu/5563/202311061356608.png)
+
+此外，秋 / 春招还有补录阶段，秋招一般是每年十一月之后，春招一般是每年五月左右。当然补录具体时间还是要根据招人公司的具体招聘情况和招聘截止时间来决定。如果公司已经招满了人，那么大概率就不会有补录这回事儿了。
+
+除了秋招和春招外，在每年的春招时期，也是暑期实习生招募的热潮（2 - 5 月），主要面向大二、大三，或者研一、研二的同学。如果明年即将毕业的话，一定要重视这个暑期实习，一方面是现在大厂越来越注重求职者的实习经历，另外一方面也是帮自己积累实践经验、验证自己是否适合这些工作。
+
+当然，上面所说的这些时间段并不完全适用于所有公司，除了这些重要时间点外。还有一类很不错的机会，那就是 **日常实习** 。很多公司会不定期地招日常实习生，工作时间可能也比较灵活，比如我是在大三那年的 11 月份投递了字节跳动的寒假实习，并且于 1 - 4 月份参与工作。此外，腾讯、阿里、字节等等都有日常实习生的岗位，哪怕是大一、大二的在校生也都可以投递（前提是自己有一定能力）。
+
+### 到哪儿去找工作？
+
+那么到哪里去得到这些求职信息呢？
+
+重点推荐几个找实习或工作的渠道：
+
+1. 实习僧，鱼皮的第一份实习就是在这里找的，机会很多
+2. 牛客网，有很多互联网公司的内推机会
+3. 各公司官网或公司官方招聘微信公众号，比如腾讯招聘，上面还有很多求职指南
+
+其他（鱼皮没用过，但是也有小伙伴推荐）：
+
+1. 智联招聘
+2. Boss 直聘
+3. 前程无忧
+4. 拉勾招聘
+
+⚠️ 还有某知名互联网黑人平台上有时也会发布招聘信息，懂得都懂。
+
+此外，鱼皮的 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里也会在这两天给大家安排上 **各公司的招聘信息** 和 **内推机会** ，帮大家备战求职~
+
+希望这篇文章对大家有帮助，祝大家都能找到满意的工作!
+
+![](https://pic.yupi.icu/5563/202311061356481.png)小伙伴的反馈
+
+**最后依然是给自己打的广告：**
+
+鱼皮的编程知识星球已经开放，各学习方向、阶段的朋友都在这里学习打卡、不断进步。星球内的学习资料（视频、电子书、面试题、软件工具等）绝对管够，都能免费获取，鱼皮最近也在整理各方向的 **编程学习和求职一条龙路线** ，敬请期待：
+
+![](https://pic.yupi.icu/5563/202311061356599.png)
+
+> Java 资源
+
+![](https://pic.yupi.icu/5563/202311061356761.png)
+
+> 前端资源
+
+如果大家有编程学习 / 求职上的问题要向鱼皮 **免费提问** 、想看看大厂同学的经验分享、需要帮忙 **优化简历** 、想第一时间得到大厂招聘动态和 **内推机会** 、想抱团取暖，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。
+
+星球刚开张一周，就已经多次霸榜付费星球活跃 **榜首** ！
+
+![](https://pic.yupi.icu/5563/202311061356846.png)
+
+星球原价 **300 元一年** ，目前第一波加入限时优惠 **60 元** ，只需 **240 一年** ！后面随着人数增多会持续涨价。
+
+欢迎 **长按下面的海报扫码领券加入** ，优惠券名额有限，先到先得 ，欢迎加入和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311061356569.png)
+
+> 长按扫码领券加入
+
+如果本文对你有帮助，还请大家点个 **赞 + 在看** 支持一下哦，谢谢大家。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\246\271\344\273\254\347\232\204\347\247\213\346\213\233\345\273\272\350\256\256\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\246\271\344\273\254\347\232\204\347\247\213\346\213\233\345\273\272\350\256\256\357\274\201.md"
new file mode 100644
index 0000000..989a035
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\347\273\231\345\255\246\345\274\237\345\246\271\344\273\254\347\232\204\347\247\213\346\213\233\345\273\272\350\256\256\357\274\201.md"
@@ -0,0 +1,198 @@
+# 给学弟妹们的秋招建议！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。最近很多大公司的提前批陆陆续续开启了，说明秋招已经拉开了序幕，大家要准备起来了。
+
+所以我也赶紧写了一篇文章，结合自己曾经大厂求职的经验，并且从招聘方的角度，给学弟妹们一些秋招找工作的实质性建议，希望对大家有帮助。
+
+这次先分享 10 条建议，目标是尽量帮大家进大厂，所以部分建议对大多数同学来说可能会比较高。
+
+注意，以下建议不需要全部都做到，只要你能做到 **5 点及以上** ，你的秋招大概率会圆满上岸！
+
+### 1、早就是机会
+
+做任何事情都是一样的，准备和行动地越早，机会就越大。
+
+具体怎么 “早” 呢？
+
+首先， **能秋招，不春招！**
+
+之前有同学问我：鱼皮，我才刚学 Java 两个月，还要准备秋招么？是不是直接准备明年的春招就好了？
+
+千万别！
+
+即使你觉得自己在秋招截止前没法准备好，也不要把目标直接就定为 “明年的春招”。相信大家都是这样的，给自己定的目标越远，越容易拖延。
+
+如果你是今年有机会参与秋招的应届生，就把目标定为 “秋招上岸”，哪怕时间紧一点，不要犹豫，抓紧去学、去突击，而不是直接放弃。
+
+因为等到春招的时候，秋招已经上岸的同学、考研结束的同学、又准备了半年的同学都会一起来竞争越来越少的岗位，而且形式会更不明朗。
+
+所以早早行动起来，才是 “破卷” 的第一要义！
+
+另外，大家已经可以持续关注和寻找机会了，提前到网上了解一些公司开放招聘的时间、线上线下的宣讲会等，提前做好投递简历准备，而不是等到公司正式开放招聘，才去看公司的要求、再去写简历。
+
+> 另外还有一个我个人的行动准则，加引号是因为仅供参考。那就是在心态上 “别给自己留退路”，别老想着自己这件事做不成了还有其他的选择，而是要把所有的精力都放在秋招上，全力冲刺。
+
+### 2、一专多长
+
+因为如今网上的学习教程和项目教程都太多了，会导致大家的简历和经历没有什么区分度。
+
+想象一下，如果你在刷短视频，看到很多发量差不多的程序员在讲差不多的知识，可能一秒钟就划走了；但如果突然有一位光头强者、或者一位漂亮的小姐姐（女装大佬）在讲知识，那么你大概率会忍不住多刷几秒。
+
+面试官或 HR 看我们的简历也是一样的，如果我们简历上的技术千篇一律，都是大家耳熟能详的，而且写得又都差不多，那么很快就被他们 “划走了”。
+
+所以，建议大家在学完主流的开发技术之余，选择 **至少一个** 技术去深入学习，作为你个人的专长来吸引面试官。
+
+比如 MySQL 数据库，大家都会写 “熟悉索引、事务、性能优化” 等；但如果你阅读过一些 MySQL 高级书籍，可以去写你对查询优化器、MySQL 高可用、数据备份恢复、底层索引优化的理解和实践。从 “学习者” 变成 “实践者”，再从 “实践者” 变成 “研究者”，你的优势就会被放大。
+
+一个比较推荐的路子就是建议大家去阅读某个技术的高级书籍，了解其底层原理后，试着阅读 GitHub 上的简化版底层实现源码，再去阅读官方开源代码，并尝试提出一些 PR。
+
+如果你能给知名项目成功贡献 PR，那基本就稳了。
+
+### 3、分清主次
+
+大家刚准备秋招的时候，基本都会面临一个问题：我滴妈呀，八股文这么多，怎么背的完呀？！从哪开始背啊？！
+
+更可怕的是，你会发现八股文是越背越多的。。。
+
+其实完全不用慌，网上的八股文多，是因为随着时间持续不断积累和完善，但并不是说你要去背完所有的八股文。
+
+我们要做的是， **从我们自身的简历出发** ， **优先** 锁定可能会考到自己身上的八股文，分清主次。
+
+举个例子，你在简历上写了 “熟悉 Redis 的 RDB 和 AOF 机制”、并且项目中又运用到了 Redis。那么面试官大概率会考察 Redis 相关的八股文，你就针对性地去搜集和准备 Redis 相关的题目即可。
+
+无论你的时间多或少，都应该这么做。而不是别人背什么，我就背什么。
+
+当然，八股文肯定是准备得越充分越好。等把和自己简历强相关的八股文背完后，如果有时间，去网上搜集一些经典高频八股文，准备一下肯定是更加分的。
+
+### 4、视角切换
+
+很多同学由于没有过实习和招聘经验，写出的简历很容易停留在 “学生思维”。
+
+举个经典的例子：很多同学会在简历上写自我评价，比如 “我的学习能力强”。
+
+写自我评价本身没什么问题，但一定要有说服力。因为从招聘者的角度，如果不给出具体的事例证明，完全就是你在自夸而已。
+
+如果你要证明自己的学习能力强，就列举一些自学的例子、学习获奖的经历等等；证明自己写文档的能力强，就贴上自己写过的文档链接等。
+
+还有个例子，有些同学会觉得简历上的内容写得越多越好，甚至能写到 3 页纸。但事实上，简历内容在精不在多，就跟做视频一样，你能用最短的内容给别人讲明白一个知识点，效果会比长篇大论来解释更好。所以，尽量避免凑字数、写重复的技术、写重复的项目、写 “正确的废话”。
+
+当然，这也不绝对，在你的简历还写不满一页的时候，有啥就写啥吧，后期持续优化，优胜劣汰。
+
+我们要试着切换视角，想象一下，你如果是面试官，看到自己的这份简历，会问什么问题、觉得哪里写得好或不好。
+
+### 5、有的放矢
+
+这个技巧比较适用于时间较多、准备较充分、特别想进某个公司的同学。
+
+想象一下，如果你是一家公司的老板，现在有 2 名同学投递了简历。一位同学的简历是通用的，可以投递给所有公司；而另一位同学的简历是针对你们公司做了特定优化的，比如添加了公司的 Logo、在个人优势中响应了公司的价值观、对公司的业务有过研究等等。
+
+> 我在投递字节跳动时，给个人特点那里加了 “追求极致”，不知道是不是心理作用，反正也过了。
+
+你会更倾向于录取哪位同学呢？答案大概率是后者对吧。
+
+大家具体可以怎么做呢？
+
+有时间的同学，可以仔细阅读公司的岗位描述、并且提前去网上了解下公司的业务和系统，有的放矢，针对性地准备项目和简历。
+
+举个例子，你想进字节跳动的抖音电商部门，如果你的简历上能有一个 “简化版抖音” 的项目，或者能够对电商业务有进一步的理解，肯定是加分的。如果你对这家公司的业务做过市场调研，分析过他们的系统或网站，能够直接在简历上给他们一些建议（帮忙修一些他们的 Bug），也是大大加分的。
+
+### 6、差异化
+
+前面也提到了，现在很多同学的简历，尤其是项目经历这块，写得都差不多，没有什么区分度。
+
+在很多年以前，是只要你的技术水平达到了公司的要求，就有被发起面试的机会；但是现在计算机行业在慢慢恢复平淡，大家现在都是海投公司、每个公司可能都要收到成百上千份简历、岗位数又是有限的，如果你的简历还和大家一模一样，那么得到面试机会的概率就没那么高了。
+
+想要让自己的简历从海选中脱颖而出，一定要有一些差异化的内容。
+
+除了前面提到的 “一专多长”，要有至少一个有点深度的技术外，还有很多给简历增加区分度的方法。比如，给网络热门项目换皮，并且自主增加 2 - 3 个原本项目没有的功能；再比如去学一个相对新一点的技术、或者网上教程比较少的技术，比如后端的云原生相关中间件、服务网格、Serverless、DDD 架构设计等等。
+
+此外，如果你能有一些开源项目、或者个人上线项目经历的话，也能进一步突出自己的实践能力。告诉面试官：你不止能跟着教程完成项目，而是真的能 **自己做项目** 。
+
+### 7、持续复盘
+
+有同学向我抱怨过：鱼皮，我已经投了 1000 份简历了，为什么还是没回复呢？
+
+大家觉得会是什么原因？
+
+首先必须承认，就业环境是一个因素，但更多的则是这位同学本身的简历（或者投递简历的方式）是存在问题的。
+
+不幸的是，有些同学意识不到这点，可能就直接放弃了。
+
+需要注意的是，求职是一个 **持续的过程** 。不要因为前期的投递没有回复，就去否定自己，能用初版简历得到面试机会的，毕竟还是少数人。
+
+改变不了环境和学历等硬性条件，我们要做的便是改变自己。
+
+- 简历没有回复，就去对比其他同学的简历，持续学习来完善自己的简历，而不是始终拿老的同一份简历投递。
+- 面试不通过，就分析自己哪些面试题答的不好，或者是计算机基础不过关等等。在面试后立刻去把这些题目搞懂。
+
+我最初是在大二时就向腾讯等一线大厂投递了简历，由于当时的简历太菜，没有任何一家的回复。但是我持续更新自己的简历，等到大三暑期实习还没正式开放前，就收到了多个城市腾讯的主动面试邀请。
+
+总之一句话，秋招路漫漫，你要始终往前走，而不是原地等待好运降临。
+
+### 8、保持理性
+
+现在大家都比较焦虑，网上也有很多 “前端已死”、“后端已凉” 的言论。
+
+其实客观来看，从 22 年、甚至再早一些的时候，计算机的红利期就已经过去了。现在并不是说学计算机就找不到工作，只不过门槛提高了，不再像是几年前随便学点儿 servlet、学点儿前端三件套就能找到工作了而已。
+
+面对这种情况，我们还是要保持理性，思考一下：
+
+1）学计算机真的找不到工作么？还是说幸存者偏差，找到工作的不说话，找不到工作的组团抱怨？
+
+2）现在临时转行、或者突然放弃，对你来说是不是一个最优解？除了计算机之外，自己适合哪些工作呢？其他工作就好找么？
+
+如果你不学计算机的话，还有更好的选择，那么当然可以不学；但如果你只是因为这些言论和一些短暂的失败就 **轻易放弃自己学了几年的技术** ，尝试其他的方向，就能找到工作了么？
+
+理性客观地看待问题，做好自己该做的事情，总比跟风抱怨、或者什么都不做要好。
+
+### 9、建立连接
+
+所谓建立连接，就是尽可能多地认识大佬，积累人脉。
+
+举个最简单的例子，如果某家公司只招一个人，你是面试官，有两个候选者，一个人是你的朋友，另一个人你完全不认识，你会录取哪个人呢？
+
+建立连接其实是件很简单的事情，你可以多和学长学姐交流，如果他们进了公司，自然可以帮你内推；你可以多和面试官交流，在面试结束后主动询问联系方式，说不定后面他有其他的机会还能给你推荐；你可以多和 HR 交流，关系好了甚至可以得到一些行业内幕。
+
+此外，还可以通过写博客、开源社区、交流会等方式，认识更多同行者，一方面是抱团取暖，另外一方面，也是需要向上社交。想象一下，如果你的好友列表里有一位编程大牛，在求职中遇到了问题可以向他请教，能帮你节省多少时间？
+
+这是我之前收到的字节邀请，就是从 GitHub 上认识了我：
+
+![](https://pic.yupi.icu/5563/202311061350571.png)
+
+再讲个我个人的小故事，也是之前分享过的真实经历。我在回老家的路上坐车时，认识一位阿里的老乡，路上聊的甚欢，就加了微信。后面没多久，大佬就给我抛阿里 P6 的橄榄枝了。
+
+### 10、时间管理
+
+大家每天都是 24 小时，有人一天能做 5 件事，有人一天却完不成 1 件事。
+
+为什么？
+
+除去天赋和能力的区别，时间管理是一个影响效率的核心因素。
+
+秋招的时间是有限的，大家就更要做好时间管理，才能比别人跑的更快。
+
+怎么做好时间管理呢？简单来说，3 件事：
+
+1）制定计划：每天都想好自己接下来要做什么，定制好周目标、月目标、总目标等
+
+2）安排优先级：优先做对于实现你目标来说性价比最高的事情，比如你现在简历还没准备好，就先写简历；发现简历没项目，就先把重点放在项目上，尽量提高自己的简历通过率，而不是每天花过量时间去背八股文，结果反而没有面试机会。
+
+3）时间 “复用” ：时间有限的情况下，尽量用同一份时间做好多件事。
+
+举个例子，你在背八股文的过程中，如果学到了一个自己之前完全没接触过的知识，会怎么办？
+
+大多数同学会说：背下来！
+
+OK，这当然没问题。不过聪明的同学，可能会这么做。
+
+我把这个知识搞懂，然后补充到简历上；如果合适的话，再把这个知识点运用到项目中。这样既通过实践理解了题目，又完善了简历和项目。
+
+比如背到 MySQL 性能优化的知识点时，就把那些方法（比如添加索引、Explain 分析）应用到项目中实际测试下效果， 给你的印象肯定会更深刻。
+
+当然，这必然会花费额外的时间，只是给大家一种选择的思路。比起单纯的死记硬背，这种方式更有利于整体的进步。
+
+OK，以上就是想给学弟妹们的一些秋招建议，洋洋洒洒 4000 多字，有帮助的话，点个赞吧~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\200\203\347\240\224\347\273\223\346\235\237\357\274\214\346\212\223\347\264\247\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\200\203\347\240\224\347\273\223\346\235\237\357\274\214\346\212\223\347\264\247\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md"
new file mode 100644
index 0000000..ff59e22
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\200\203\347\240\224\347\273\223\346\235\237\357\274\214\346\212\223\347\264\247\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md"
@@ -0,0 +1,108 @@
+# 考研结束，抓紧做这件事！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+首先恭喜各位考研的朋友，终于结束了战斗，大家辛苦啦，咱的粉丝必须成功上岸！
+
+![](https://pic.yupi.icu/5563/202311061358011.png)
+
+但是，我必须要说：考研结束后，战争才刚刚开始。。。
+
+> 先声明一下，这篇文章不是来贩卖焦虑的，而是希望帮助大家利用好考研结束后的这段时间，让未来的路走的更轻松。
+
+为什么这么说？
+
+先看看网上的消息，据说 22 年考研报考人数高达 **457 万** 人！
+
+![](https://pic.yupi.icu/5563/202311061358975.png)
+
+而且多个地区的考研人数都是 **再创新高** ！
+
+![](https://pic.yupi.icu/5563/202311061358991.png)
+
+而根据往年历史数据来看，成功上岸的人数可能不到 1 / 3，也就是说，可能有 **200 - 300 万** 的同学会考研失败，保守估计考研失败后再投身找工作的同学也会超过百万了吧。
+
+然而，春招的岗位数量又有多少呢？拿 BAT 字节等大厂来说，加起来的总岗位数也不会超过 10 万个！
+
+再加上没有考研、本身就要找工作的同学，有多卷就不用我说了吧。
+
+而且在你投入大量精力备战考研的同时，别人可能已经学了很多编程技能、做了几个项目、背了很多八股文了。所以，除非你觉得自己稳得一批，否则还是不要掉以轻心，抓紧做好求职的准备吧。
+
+**如何破卷？早就是机会！**
+
+我之前看过不少校招面经，所以下面给大家一点建议。不仅针对考研的朋友，而是适用于所有求职的同学。
+
+想进大厂，你必须做这些事：
+
+#### 1. 明确方向
+
+首先，明确 **1 个** 方向或岗位，比如前端、Java 后端、Go 后端、测试、运维等，而不是说什么我要做全栈、前端后端两手抓都去碰碰运气之类的。如果还不知道要选哪个方向，那就去大厂的招聘官网看看各岗位的描述和技术要求，选个和自己所学技术重叠相对较多的会好一些。
+
+比如腾讯后台开发的岗位描述：
+
+![](https://pic.yupi.icu/5563/202311061358984.png)
+
+你会发现 C/C++/Java 语言都是有机会的，所以如果你 **实在不知道** 要选什么方向的话，就学 Java 好了，网上那么多免费的学习资源够你用了。
+
+#### 2. 制定计划
+
+为接下来几个月的时间制定一份计划，不用很详细，但是要明确几个关键时间点。比如 3 月份春招开始，那么 1 月我要巩固基础、做个项目，2 月第一周复习数据库、第二周复习缓存、第三周复习 JVM 之类的。
+
+如果你发现自己心里没数、做不出计划，也完全不用慌。先去上面提到的招聘官网确认自己要学的技术，排个优先级，再去网上看一下其他同学的面经和学习经历，有样学样就好了。
+
+可以使用滴答清单之类的 TodoList（待办事项）软件，帮助你记录进度、落实计划。
+
+![](https://pic.yupi.icu/5563/202311061358026.png)
+
+#### 3. 准备简历
+
+明确岗位后，就应该准备简历了，而不是拖到找工作的前一天才开始写，尽早写简历也能提前发现自己的不足。
+
+关于写简历的技巧，我之前专门写过一篇文章：[内推学弟进了腾讯，看看他的标杆简历！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498320&idx=1&sn=8af54fb5f9fbcaea0b3f24d0ab45b31d&scene=21#wechat_redirect) 大家可以参考一下。
+
+但无论如何都要记住，写简历只是把你已有的 “东西” 做一个包装和展示，而不能提升你的能力。所以，还是要通过下面的几个途径提升自己、丰富简历，而不是花心思在编造简历上。
+
+#### 4. 做项目
+
+如今的大厂面试问题主要分为三部分：项目、算法、专业知识。
+
+我把项目排到第一位，是因为相对于算法和专业知识这些可以背的、相对死板的考察，项目才是真正用来区分和衡量面试者水平的。从你的项目中就能看出你的编程能力、编程经验、编程思维、学习能力、自主性、问题解决能力等等。
+
+有一个好的项目经历，甚至可以主导面试的内容。比如我在自我介绍时提到自己做过一个微服务项目，用了数据库、缓存之类的技术，面试官接下来十有八九就会问你项目中用到的技术了。因为自己做过，所以回答起来才会更自然。实践出真知嘛，所谓背书的干不过写书的，也是这个道理。
+
+所以，一定要有一个自己的项目！一定要有一个自己的项目！一定要有一个自己的项目！
+
+近期我会专门写文章（做视频）给大家分享下哪些优秀的项目值得做，大家可以先关注一下~ 当然也可以利用好 GitHub、Gitee 等代码开源平台来自行搜索。
+
+#### 5. 刷算法题目
+
+算法是程序员的基本功，因此大厂面试是少不了算法题目的（基本每轮 2 - 3 道）。
+
+但是这玩意不是说给你十天半个月的时间就能突击掌握的，而是要多加练习，才能真正熟练运用算法思维去解决问题。因此，建议从现在开始，每天花 2 小时左右刷 2 - 3 道 LeetCode 算法题目，从简单、经典的题目刷起，保证每道题目都能理解。相信经过 3 个月、200 题左右的训练，大厂的算法面试不会有什么压力了。
+
+![](https://pic.yupi.icu/5563/202311061358000.png)
+
+更多的刷算法方法，可以看下我之前的文章：[刷了 1000 道算法题，一点心得](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496505&idx=1&sn=4bf3d2e7ddc7fe6c7bba4da6d174074c&scene=21#wechat_redirect) 。
+
+#### 6. 巩固面试题
+
+就是背八股文！
+
+无数同学的亲身经历证明，八股文真的是有效的。等你自己参与了几场面试后也会发现，经典的面试题就那么多，很多知识都是重复问来问去，比如 Java 后端的：MySQL 数据库如何性能优化、JVM 内存结构、volatile 关键字；前端的：网页性能优化、Promise 原理、HTTP 和 HTTPS 区别等等。
+
+可别小瞧了背八股文，很多知识是你在学编程的过程中可能从未接触过的，通过背诵也能帮助你查漏补缺。除了死记硬背外，时间允许的话我建议大家动手实践一下，比如 MySQL 数据库性能优化是吧，你可以试着提升自己项目中的数据库查询性能，这样在跟面试官对线的时候，才能理直气壮地说 “我做过”，而不是 “应该是这样吧”。
+
+![](https://pic.yupi.icu/5563/202311061358466.png)
+
+做好上述这些事，相信不仅对你找工作有用，对你后续考研的机试面试也会大有帮助，加油吧！
+
+
+
+------
+
+
+最后悄悄透露一下，我最近在肝的项目正好和面试有关！如果你正要复习面试题目、或者放假了时间充足的话，都欢迎参与体验我正在内测的新项目，做第一批吃螃蟹的人，并为它贡献一份力吧~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\346\213\233\344\272\272\347\232\204\346\204\237\345\217\227.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\346\213\233\344\272\272\347\232\204\346\204\237\345\217\227.md"
new file mode 100644
index 0000000..1d6ca65
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\346\213\233\344\272\272\347\232\204\346\204\237\345\217\227.md"
@@ -0,0 +1,156 @@
+# 说说我最近招人的感受
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+都说现在行情不好、找工作难，但招人又谈何容易？！
+
+最近我们公司在招开发，实习社招都有。我收到的简历很多，但认真投递的、符合要求的却寥寥无几，而且都是我自己看简历、选人、回复、面试，让本就饱和的工作量更加雪上加霜，到最后真的是身心俱疲了。
+
+不过也有好处，在招人的过程中，我积累了不少经验，也发现了一些大家在找工作时的问题。这篇文章就给大家分享一下我自己招人的流程、想法，带大家看看招聘软件的后台，以及从招聘者的角度给大家一些求职建议。
+
+也许看完这篇文章，你就知道自己为什么找不到工作了，可以及时做出调整。
+
+整个招聘的过程大概分为几个环节：发布岗位 => 候选人初筛 => 简历初筛 => 简历二筛 => 面试 => 发 offer
+
+这篇文章会先讲解发布岗位、候选人初筛的过程。
+
+## 发布岗位
+
+我招聘的渠道主要有：
+
+- 招聘平台：BOSS 直聘、实习僧
+- 自己的社群：编程导航、编程交流群
+- 朋友圈
+
+为什么选择这 3 个渠道？而不利用我自己的自媒体平台（比如公众号）去招人呢？
+
+答案很简单：
+
+- 招聘平台流量大、机制完善，能够节省招聘时间
+- 我对自己社群的同学更熟悉，更了解他们
+- 朋友圈里有很多关系不错的、且优秀的朋友
+
+选择这些渠道，而不是我自己的公域流量，能够过滤很多 “找乐子”、“盲目投递”、“不看要求” 的同学。
+
+
+
+------
+
+
+招人可不是一件容易的事情，发布岗位前，我首先要去了解行情。怎么做呢？
+
+我按照自己公司的招聘要求，注册了一个求职者账号，然后到招聘网站上看系统给我推荐的岗位，基本上就能了解市场了。
+
+![](https://pic.yupi.icu/5563/202311061351334.png)
+
+不过，后来我又发现了一种更简单直接了解市场的方式，直接到 BOSS 的招聘后台去看某个岗位的平均薪资！
+
+比如下面是上海 Java 开发岗从业 3 - 5 年的平均薪资，大概是月薪 1.5 万左右：
+
+![](https://pic.yupi.icu/5563/202311061351289.png)
+
+上海 Java 岗位应届生的平均薪资大概是 1 万元左右，仅供参考：
+
+![](https://pic.yupi.icu/5563/202311061351294.png)
+
+------
+
+了解完市场行情后，我就在平台发布了岗位，有意思的是，平台提供了非常多的小道具，能给我的岗位增加更多的曝光量。但我是不相信这类道具的效果的，有缘人自然会出现~
+
+![](https://pic.yupi.icu/5563/202311061351321.png)
+
+不过其中有一个道具很有意思，竟然可以批量给求职者发消息：
+
+![](https://pic.yupi.icu/5563/202311061351285.png)
+
+为什么很多同学反馈在 BOSS 上收到的 HR 消息像机器人，破案了！
+
+发布完岗位后，平台就自动给我推荐了一些招聘者，而且让我震惊的是，这些招聘者中，竟然还有 “热搜” 招聘者，也就是找工作的红人？
+
+![](https://pic.yupi.icu/5563/202311061351306.png)
+
+不过不得不说，这些候选人确实很优秀就对了，我就不来跟其他的公司卷这些牛人了。
+
+BOSS 后台还有 “人才库” 功能，这个还挺方便的，能直接捞到在硬性条件上符合你预期的人：
+
+![](https://pic.yupi.icu/5563/202311061351899.png)
+
+不过我也不指望用这种 “搜索” 的方式招人，因为学历、经验这些标签，都是候选人自己可以随意修改的，你懂我的意思吧。
+
+下面这个就是我自己求职者账号随便编造的信息：
+
+![](https://pic.yupi.icu/5563/202311061351916.png)
+
+所以，咱还是老老实实去看给我们公司投递简历的同学吧。
+
+## 候选人初筛
+
+### 平台初筛
+
+几天的时间内，我们就累积收到了 300 多份简历。那么我一个人不可能每份简历都完整读一遍的，而且越到后面的流程花费的时间成本和拒绝成本越高，所以只能先通过大家的 “招呼语”（或者自我介绍）来初步了解求职者信息，做一波初筛。
+
+在初筛的过程中，我终于理解了 “为什么你在 BOSS 上投递的简历没有任何回复？”
+
+因为我发现，绝大多数同学只给我发了一条消息，而且应该是系统自带的招呼语。
+
+如下图，如果你们是面试官，时间有限的话，会优先回复谁呢？
+
+![](https://pic.yupi.icu/5563/202311061351891.png)
+
+反正我会选择倒数第二个。
+
+切换下视角，也许就能得到一个投递简历的技巧：由于现在大家都是海投，所以跟招聘方发送的第一条消息（招呼语）一定要用心写，吸引招聘方点进去。
+
+大概招聘方那里只能直接看到 **18 - 20 个字** ，所以：
+
+1. 尽量不要让千篇一律的客套话占用了这宝贵的位置，比如 “您好，我对您的 XX 岗位很感兴趣。” 面试官都不知道接下来怎么回复。
+2. 尽量不要用问句，比如 “你好，可以聊聊么？” 面试官：聊啥？有啥好聊的？
+
+应该利用有限的空间来凸显自己的优势、以及和公司的匹配度。
+
+比如：您好，我符合贵司XX、XX要求，项目：http://xxxx（实际上能让招聘方看到网址的前 2 个字母就够了）
+
+我会更倾向于点开下面这种招呼语：
+
+![](https://pic.yupi.icu/5563/202311061351846.png)
+
+对了，这条招呼语我也会点进去看，本质上属于和公司的文化匹配了：
+
+![](https://pic.yupi.icu/5563/202311061351851.png)
+
+当然，倒也不会只通过这种招呼语的方式去筛选求职者，后台还提供了直接看候选人基本求职信息的功能，我会在这里捞一捞符合要求的同学：
+
+![](https://pic.yupi.icu/5563/202311061351880.png)
+
+结果你猜怎么着，和我沟通的近 100 个人中，真正符合我发布岗位时设置的基本要求的，不到 5 个人！！！
+
+其实挺悲哀的，现在无论是求职还是招聘，都陷入了一个恶性循环。求职者无视招聘要求海投简历、自动打招呼、甚至编造个人信息；招聘者广撒网、自动回复、甚至不回复。而不回复的原因就更悲哀了，要么是识破了候选人的海投和造假，要么是不敢回复，毕竟多一事不如少一事。
+
+### 直投初筛
+
+相比于在平台筛选简历，通过在编程导航社群以及我的朋友圈直接向我投递的朋友，无论是招聘要求的符合度上、还是认真程度上，明显都高了几个等级。
+
+分享几个通过候选人初筛的同学的个人介绍，大家可以思考一下，是你的话会如何介绍自己呢？
+
+![](https://pic.yupi.icu/5563/202311061351489.png)
+
+其中高考数学 138 那点在我这看是很加分的，虽然不直接和编程开发相关，但是数学好的同学逻辑思维能力一般都是比较强的，这也是程序员的重要软实力之一，我会比较注重候选人的潜力。
+
+所以这里给到大家的建议是，在个人介绍中，除了写基本的技能、经历之外，尽量写一些与众不同的内容。如果没有特别的点，那么可以尽量去匹配公司的要求，比如公司处于 “急招” 阶段的话，可以在介绍中补充说明：自己可以立即到岗。
+
+有一位同学就在自我介绍中写到：家离工作地点近，当天即可到岗。
+
+扪心自问，如果你是招聘者，会不会优先招明确表明自己符合公司要求的同学呢？
+
+
+
+------
+
+
+最终，通过以上渠道，我从 300+ 简历中筛选了 50 位左右符合基本要求的同学，并且完整地阅读了这些同学的简历，接下来要进行的，便是简历的初筛了。
+
+已经写了 2000 多字，能写的内容实在太多了，今天就先到这里吧。欲知后事如何，请看下回分解。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\347\255\233\347\256\200\345\216\206\345\222\214\351\235\242\350\257\225\347\232\204\346\204\237\345\217\227.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\347\255\233\347\256\200\345\216\206\345\222\214\351\235\242\350\257\225\347\232\204\346\204\237\345\217\227.md"
new file mode 100644
index 0000000..f5fbfdc
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\345\273\272\350\256\256/\350\257\264\350\257\264\346\210\221\346\234\200\350\277\221\347\255\233\347\256\200\345\216\206\345\222\214\351\235\242\350\257\225\347\232\204\346\204\237\345\217\227.md"
@@ -0,0 +1,175 @@
+# 说说我最近筛简历和面试的感受
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+都说现在行情不好、找工作难，但招人又谈何容易？！
+
+最近我们公司在招开发，实习社招都有。我收到的简历很多，但认真投递的、符合要求的却寥寥无几，而且都是我自己看简历、选人、回复、面试，让本就饱和的工作量更加雪上加霜，到最后真的是身心俱疲了。
+
+不过也有好处，在招人的过程中，我积累了不少经验，也发现了一些大家在找工作时的问题。这篇文章就给大家分享一下我自己招人的流程、想法，以及从招聘者的角度给大家一些求职建议。
+
+整个招聘的过程大概分为几个环节：发布岗位 => 候选人初筛 => 简历初筛 => 简历二筛 => 面试 => 发 offer 。
+
+[上篇文章](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247549757&idx=1&sn=6a0d57411d62083159163455d7bb094d&chksm=e9c2e4cadeb56ddccaa09cd6e817e5ef11d0bb350a572244952225b42fe269a969781dcfb118&token=242393182&lang=zh_CN&scene=21#wechat_redirect) 已经讲了发布岗位和候选人初筛的过程，这篇文章会讲解简历筛选、面试的过程，看看我是如何从 **50 多位** 同学中选出相对最适合的候选人。
+
+也许看完这篇文章，你就知道：怎么做才能成为招聘者眼中最合适的候选人。
+
+## 简历初筛
+
+简历初筛的过程其实非常简单，就是一个一个看简历，目标是先选择出 **符合基本要求** 的同学，再进入下一轮筛选。
+
+出于对候选人的尊重和考察的全面性，我是保证自己每份简历从头到尾完完整整看完的，因为有些同学他可能确实有东西、有能力，但就是没有注意写简历的技巧，没有把重点放在最显眼的地方罢了。
+
+平均一份简历要看 1 - 5 分钟左右。因为除了简单地看一遍简历外，我还需要记录每位候选人大致的情况、以及我对这位候选人简历的评价和建议。有了这些信息，才能便于我从这么多简历中进行筛选。
+
+初筛简历的过程中，我发现了一些让我 “心绞痛” 的问题，有一些同学确实比较优秀，但是可能简历上的一个小细节问题，就会破坏面试官对你的印象。
+
+比如下列这些问题：
+
+- 有的同学在简历上写到自己把项目上线了，但是根本无法访问。这算上线了还是没上？
+- 简历上很简单、很常用的技术名词都能写错。是因为不认真呢？还是真的不会？
+- 自我介绍（招呼语）中提到的分布式项目，却没有写在简历上。我本来还挺期待的
+- 项目直接照搬网上的项目，没有做任何的换皮和扩展。这就没办法跟其他同学拉开区分度
+- 工作经历只写了公司名称，没有写具体负责的工作内容。让我无法通过简历来了解到候选人的真实经历
+
+![](https://pic.yupi.icu/5563/202311061353558.png)我记录的部分简历问题
+
+甚至还有的同学，发给我的简历链接都打不开。。。
+
+所以朋友们，在你投递简历前，请再完整阅读 3 遍，请再完整阅读 3 遍，请再完整阅读 3 遍。这不是一件困难的事，但就是小的细节往往决定成败。
+
+值得一提的是，因为投递简历的候选人中有一些我认识的 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=593920816&lang=zh_CN&scene=21#wechat_redirect) 的朋友，即使简历没有符合要求，我也都是一个一个单独给出回复和建议的，这也花了不少时间。
+
+![](https://pic.yupi.icu/5563/202311061353017.png)
+
+大家不必因为投递简历失败而丧失信心、怀疑自己，每一次的失败背后，肯定是有原因的；发现这些原因并且及时调整，一定会成功的。
+
+## 简历二筛
+
+阅读完所有同学的简历后，大概还有 20 位同学的简历是符合我招聘的基本要求的，但是不可能对所有同学都一一发起面试，毕竟面试的成本实在是太高了。
+
+但是只通过简历上有限的信息，我又没办法做进一步的比较。。。有些同学他可能确实有东西有能力，但就是没有注意写简历的技巧，没有在简历上很好地展示自己的能力罢了。
+
+所以还要再通过进一步地沟通，来了解候选人更多的真实情况。
+
+由于我是让所有投递简历的同学留了自己的联系方式，所以我一一个加了这些同学，然后在通讯工具上和他们交流，进一步确认一些信息，便于我筛选出真正符合要求的同学。
+
+在比较标准化的招聘平台上，这一轮的状态一般是 “通过初筛”、或者 “沟通中”，算是面试前的最后一道坎。如果是大公司统一招聘的话，基本上是没有这个环节的，直接给你来一场笔试、来一场性格测试就能够看出真实水平了。
+
+在这一轮筛选中，有同学是比较聪明的，能从我跟他不断沟通这件事感受到我的目的和意向，多说几句来主动争取机会。这显然是加分的：
+
+![](https://pic.yupi.icu/5563/202311061353054.png)
+
+但有的同学，在我的几个问题下 “漏出了马脚”，发现了简历上的项目是包装的。。。
+
+对于这种情况，我就会感到很庆幸，给自己省了面试的一个小时（ 果然沟通还是非常有必要的
+
+关于和招聘方沟通，我从自己比较关注的几个点来给大家几条建议：
+
+1. 只要招聘方和你沟通，大概率是对你有一定意向的。不管你是否想去这家公司，多跟他们聊聊总不会有坏处，说不等能了解一些行情；而如果你是真的想争取面试，那一定要表现出积极的态度，关注消息及时回复。
+2. 招聘方单独和你沟通，大概率是已经看过你的简历了，在你和其他候选人之间犹豫。这种时候，要进行 **有效沟通** ，多补充一些简历上没有提到的内容，尤其是能够增加项目真实性的内容。如果真的是你自己做的项目，可以把学习过程中的笔记、代码给面试官分享一下；如果不是你自己做的项目，也可以在短时间内快速了解一下，现在不是有 GPT 么？
+3. 可以从自己和岗位的匹配度下手，多给自己增加一些优势。比如公司的业务和 AI 有关，那么可以提一下自己学过的 AI 知识和用过的 AI 工具，都是动动嘴皮子就能加分的机会。
+
+比如有同学给我发了自己作品的视频和笔记展示，让我眼前一亮：
+
+![](https://pic.yupi.icu/5563/202311061353636.png)
+
+![](https://pic.yupi.icu/5563/202311061353049.png)
+
+还有的同学会给我发自己的代码仓库地址，同时紧急上线了一下自己的网站：
+
+![](https://pic.yupi.icu/5563/202311061353995.png)
+
+对于这种认真争取机会的同学，无论水平能否竞争过其他同学，我都是愿意给一次面试机会的。
+
+很多同学也都知道这样一个梗：面试造火箭，工作拧螺丝。
+
+从招聘方的角度出发，并不缺能干活的人，缺的是能把活干好、态度认真的同学。哪怕是简单的增删改查代码，不同的人来做效率和成果也会大相径庭。
+
+所以朋友们，求职过程中，请珍惜和把握每一次机会。也不要盲目抱怨 “别人学成这样都能找到工作，我却找不到”，因为你只看到了 “点” 而不是 “面”，别人背后的一些努力和操作你未必了解。
+
+## 面试
+
+经过这一轮的筛选后，我大概只留了几名同学，一对一发起面试，有线上有线下。
+
+在面试中，发现的问题就更多了。。。
+
+但本着包容的心态，即使在面试过程中提前发现候选人不符合要求，我也不会草草结束或者敷衍剩下的面试，而是鼓励候选人继续面试，直到面试结束才给大家提一些建议。
+
+![](https://pic.yupi.icu/5563/202311061353277.png)
+
+毕竟我也是从求职阶段过来的，当时被一些公司面试官 “PUA” 的画面挥之不去啊！
+
+### 面试考察重点
+
+下面结合我自己面试时关注的重点，给大家分享几个求职者常出现的问题，便于大家准备面试。
+
+1）我关注候选人的表达能力，这点从候选人开场的自我介绍就能感觉到了。有的同学自我介绍可以把自己的学习过程、自己会的技术、自己的优点、自己的项目经历、自己的工作经历一气呵成地讲清楚，并且在最后强调一下自己最大的优势，引导面试官去提问。但有的同学呢，介绍自己都含糊不清，自我介绍说了一堆，都是什么自己家在哪，自己爱唱跳 RAP 篮球之类的，和岗位没有什么直接关系。面试官接下来都不知道怎么问了，不就只能去问八股文了么？
+
+2）我关注候选人的项目实践 > 技术水平。因为绝大多数公司（包括我们）要找的不是理论研究者，而是实际的开发者、能干活的人；再加上现在网上不缺技术教程，学会某个技术并不难。所以比起直接问那些枯燥的八股文，我更关注候选人 **能否实际应用技术** ，而不是纸上谈兵。
+
+怎么知道他能否实际应用技术呢？那就看他做过的项目，写过的代码，参与过的实习，接触过的业务场景。
+
+绝大多数同学都是跟着网上的教程学做项目，这个没有问题，完全可以理解。但是有的同学跟着教程学能自己做出项目、扩展项目，有的同学真的就是看了一遍视频而已，差距也会很大。
+
+如果你的简历上也有网上的项目，那么我就问大家几个问题，看看阁下如何应对：
+
+1. 请介绍一下你这个项目的业务流程？包含的主要模块以及自己负责的工作。
+2. 你在做这个项目中，遇到的最大的难点、或者解决过的最复杂的 Bug 是什么？
+3. 你的项目有实际上线么？使用哪种方式进行部署？
+
+这是我当年面试大厂的时候都被问到过的几个问题，基本上是包装项目的 “杀手锏”，如果你还回答不出来，那么一定要好好准备一下。
+
+自己做过的项目，业务流程和负责工作肯定不会说不出；自己要是觉得项目没有难点，那么就断送了加分的可能性；而项目没有实际上线的话，就没有那么真实了（网上教程一般不教你怎么上线），而且大概率没有线上项目调试经历。
+
+说到这里，再给大家讲个我面试时真实发生的故事吧。
+
+不止一位同学把网上的包装项目写到简历上，然后面试的时候跟我说是自己主动做的。
+
+讲真，作为一个编程知识分享者（当然你也可以叫我培训者），遇到这种情况，我都不知道是该高兴还是难过。
+
+高兴的是，我自己就是编程博主，网上什么教程项目我没见过，在知道这点的前提下还能把这些项目说成是自己做的，勇气可佳；难过的是，我随便问上面 3 个问题，这位同学就无法回答出来了。。。
+
+吃一堑长一智，我觉得这没什么（这些同学也不要难过哈）。我觉得包装可以理解，但大家也要提前做好一些准备，能禁得起面试官的发问，才是有效包装。
+
+另外，大家也一定要注意，自己写在简历上的知识点，一定要去准备相关的面试题！扩展的知识可以答不出来，但是自己简历上说自己会的内容没答出来是很减分的。
+
+3）候选人的其他品质。只需要几分钟的对话，你大概就知道对面是个怎么样的人了，性格是急性子还是慢性子、逻辑思维是强还是差、态度是积极还是消极。比如有的同学在 1 小时的面试中没有 1 次打断过面试官的话，都是等听清楚问题后、思考片刻再回答，体现出的就是一种沟通能力和沉稳；但有的同学在没听完我的问题，感觉 “这题我会！” 然后就抢答了，或者在我问项目 A 的时候，聊着聊着自己就讲到项目 B 去了，要是我不打断，我估计他还能把车从上海开到西伯利亚去。
+
+整个面试的时间是有限的，不是说你全程说的话多得分就更多，而是要精准回答面试官的问题、让面试官在有限的时间内足够了解你。
+
+### 其他问题
+
+再分享一个求职者在面试过程中经常会问的 2 个问题：
+
+1. 我这场面试表现怎么样？
+2. 我能否通过本轮面试？
+
+第一个问题我觉得是很好的，也值得问一问，能从有耐心的面试官口中得到一些真实的看法，便于你自己后续的改进。从面试官的角度，我也会觉得这位同学态度是比较积极的。
+
+但第二个问题我觉得是比较低级的，不建议大家问，会显得你的面试经验很少，以及对面试的规则不够了解。因为绝大多数情况下，面试官不止面试你一个人，通常是要等面试完所有的同学，经过一个综合的对比后，才能给大家一个确切的答复。
+
+这也就是为什么有些同学觉得自己面试表现很好，但还是没拿到 offer，可能只是运气差点，同期竞争者有更优秀的表现罢了；也会出现有的同学觉得自己面试发挥失常了，但仍然拿到了 offer，可能是同期竞争者表现得更差或者不符合要求。所以求职还是有一定玄学的，也需要运气。
+
+当然，除非你的表现真的特别优秀、或者这家公司候选人非常少，可能会面试时就跟你说 “已经通过了”。不过如果是 HR 说这种话，千万别信！接着去找别的机会！当年我就被坑过，还是个大厂呢，面试时跟我说过几天发 Offer，之后就杳无音讯了。
+
+![](https://pic.yupi.icu/5563/202311061353101.png)
+
+## 最终反馈
+
+经过所有的面试后，心中大概就有了答案。因为名额很少，必须要拒绝掉一些同学。
+
+说实在的，这一步心真的很痛，毕竟谁都不希望自己被拒绝，但是也真的没办法。
+
+不过我们毕竟也是小公司，希望这些同学能从我这的求职经历中收获到一些知识，去到更大更好的平台吧！
+
+![](https://pic.yupi.icu/5563/202311061353118.png)
+
+------
+
+
+OK，大概就分享到这里，已经拿出我 100% 的真诚了，觉得有收获的小伙伴，点个赞吧~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\210\221\350\242\253\351\235\242\350\257\225\345\256\230 \342\200\234\350\200\215\342\200\235 \344\272\206\344\271\210\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\210\221\350\242\253\351\235\242\350\257\225\345\256\230 \342\200\234\350\200\215\342\200\235 \344\272\206\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..4869541
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\210\221\350\242\253\351\235\242\350\257\225\345\256\230 \342\200\234\350\200\215\342\200\235 \344\272\206\344\271\210\357\274\237.md"	
@@ -0,0 +1,56 @@
+# 我被面试官 “耍” 了么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，开局一张图：
+
+![](https://pic.yupi.icu/5563/202311070828005.png)
+
+不得不说，这种事真的是搁谁头上谁发畜！
+
+我非常能理解这位小伙伴的心情，因为我当年在面试的时候，也遇到过同样的情况。尤其是秋招面试百度的时候，面试官笑容十分灿烂，也夸我实践经验丰富什么的，但最后毫不留情地给我挂了。
+
+那么为什么会出现 “面试官反馈你回答的挺不错，但是没有进到下一轮面试” 这种情况呢？
+
+让我们代入面试官招聘的视角，说不定就能想明白一点儿了。
+
+1）如果你的面试表现一般。面试官：虽然小伙子没那么优秀，但我也得友好地鼓励一下，就夸他答的不错吧。
+
+![](https://pic.yupi.icu/5563/202311070828174.png)
+
+2）你的技术题目也许能对答如流，但是经验或者其他软技能不符合公司要求。面试官：小伙子，你面试的是国际化部门啊，但你的英语口语我听不太懂，还是算了吧。
+
+3）你的面试表现非常好，但是竞争很激烈。
+
+面试官：哎呀，这小伙子挺不错，那个小伙子也不错！可惜只有一个坑位。。。只能给那个会唱、跳、RAP 的同学了。
+
+![](https://pic.yupi.icu/5563/202311070828168.png)
+
+除了 “夸你但不让你通过面试” 之外，求职过程中还可能出现更闹心的事！
+
+比如 “HR 答应发 Offer 又不发”、“发了 Offer 后又毁约”、“入职后又不给过试用期” 等等。
+
+我当年有一次面试开水团的时候，HR 小姐姐都说了：“没问题的话，过几天我们就给你发 offer 了。” 但最后我也没收到 offer 邮件。我估计是因为当时在听到她给我发 offer 这句话时我没有表现出激动，让她觉得我大概率不会接这个 offer 吧。
+
+如果再让我回到那个场景，我肯定会表现得再积极一点：是的，我就是你们要找的同行人！
+
+![](https://pic.yupi.icu/5563/202311070828307.png)
+
+那么针对上面这位小伙伴遇到的问题，我们又能做些什么呢？
+
+1）一定要主动去问面试反馈！可以想办法联系到内部员工帮忙打听、帮忙查询求职进度等等。比较建议大家在面试完后，主动要一下面试官或 HR 的微信，便于后续的交流。
+
+2）保持乐观和自信。很多时候，我们容易自我否定，觉得没有通过面试就是自己的问题。但其实，求职真的是需要运气和机遇的。可能你已经能够满足这家公司的要求，但正好有个程咬金比你强一丢丢，你就错失良 🐔 了。
+
+3）多给自己找后路。始终不要因为觉得自己过了一场面试，就放弃其他的面试机会；不要觉得自己能拿到 offer 了，就不去看其他的公司横向对比；不要因为觉得自己转正稳了，就不继续学习提升自己。时刻做好应对风险的准备，才能做到泰山崩于前而色不变。
+
+可能比较鸡汤，但是真正能做到以上几点的小伙伴还是太少了，希望这些建议对大家有帮助吧~ 周末愉快。
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) ，和上万名学编程的同学共享知识、交流进步，学习原创项目并享有答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\237\220\344\275\215\351\261\274\345\217\213\347\232\204\346\230\245\346\213\233\344\270\212\345\262\270\344\271\213\350\267\257.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\237\220\344\275\215\351\261\274\345\217\213\347\232\204\346\230\245\346\213\233\344\270\212\345\262\270\344\271\213\350\267\257.md"
new file mode 100644
index 0000000..60bb91f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\346\237\220\344\275\215\351\261\274\345\217\213\347\232\204\346\230\245\346\213\233\344\270\212\345\262\270\344\271\213\350\267\257.md"
@@ -0,0 +1,139 @@
+# 某位鱼友的春招上岸之路
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近我的 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) 中有一些小伙伴找到工作啦。其中有一位同学是 2 月就加入了我的星球，并且加入后每天都坚持在星球中记录分享自己的学习进度，因此我对他的印象比较深刻，也是功夫不负有心人，他在前几天成功上岸并找我来报喜：
+
+![](https://pic.yupi.icu/5563/202311070829703.png)
+
+在我的邀请下，这位同学也非常乐意分享自己学习编程以及这段时间求职的心路历程，征得本人同意后，也分享给大家，帮助大家得到一些经验的同时，再加加油打打气！
+
+以下为这位同学的分享：
+
+## 我的春招上岸之路
+
+伴随着四月的到来，我也终于下定决心签署三方，这也代表着我的春招生涯告一段落了。
+
+现在回首望去，对自己这段经历的概括，有奋斗，也有迷茫；有不甘，却又伴随着一丝解脱与释然。
+
+时至今日，当我落笔书写总结自己经历之时，我依旧不知道自己的求职到底是成功，抑或是失败。
+
+### 迷茫
+
+本人是 22 届双非本科，在大一大二的时候也曾想过自己临近毕业的时候该怎么办，到底是考研考公还是步入职场晋升打工人。但由于自身这方面的意识还不明确，然后在学校担任的职务以及需要处理的事务也比较多（虽然大多数都是没有很大意义的事），在当时都是思索一会儿没得到结果于是便将其抛之脑后。
+
+步入大三的时候我下定决心考研，于是便开始学习考研相关知识。我当时也有点初生牛犊不怕虎，一开始就准备三跨（同时跨专业，跨地区，跨学校）。但在大三上学期结束时，在学习了近半年新的专业知识之后，我动摇了。其中既有个人学习原因也有家庭原因，于是在过完年后，我改变了自己的方向，决定直接去找工作。
+
+### 选择
+
+虽然选择了就业，但当时迎面摆在我面前的就是一座大山 —— 方向选择。我个人的各类专业知识都近乎零基础，虽然我知道 Java、知道前端、知道 C 语言、知道 C++、知道 Python 等等，但也仅限于知道而已。是的，你没看错，我只知道有这么些个方向，但根本就不知道他们是干啥的。你要是问我学校没教过嘛，说来惭愧，在下正是考试前两周临时抱佛脚的那类人，大学相当于没学专业知识。
+
+> 鱼皮：学校教的编程语言只能作为一个基础的入门，想要提升编程能力还是得靠自己多写代码。
+
+不过没办法，自己 “作的孽”，自己担着。不知道走什么方向，那就去问同学、去查资料，最后通过同学的推荐以及自己查阅资料之后的综合考虑，选择了 Java 方向。既然零基础，那就从零学起。我是在 21 年 4 月份中旬开始接触并且学习 JavaSE 部分的相关知识，而且还是三天打鱼两天晒网，于是 SE 部分一学就是一个多月，到 6 月份才结束了 SE 部分知识的学习。
+
+就在这时，我得知了班上已经有同学开始准备秋招面试了！我瞬间就慌了。
+
+![](https://pic.yupi.icu/5563/202311070829020.png)
+
+虽然我不知道他们能面试的同学是啥水平。但我至少知道就我这水平过去就是白给（我当时甚至都不知道我这水平简历都写不了）。于是出于对毕业就失业的恐惧，我开始的我的奋斗之旅。
+
+### 奋进
+
+其实奋斗的过程没什么好说的，学习路线就在哪里，全网都有，鱼皮给的也很全，找到教程，一步步照着学就行了。可能唯一值得一提的就是当时的平均起床时间是八点，而平均睡觉时间是一点，中间除了生活必需，其他的时间都用来学习了（我们当时基本上课比较少了，我胆子也比较大，有课的话课堂上也照样学）。
+
+就这样忙忙碌碌的学到了八月底，中后期基本的东西都掌握了之后也花了很多时间去做了两个项目。一是为了巩固自己的知识以及了解项目当中可能会遇到的问题，二也是为了让自己的简历有一些可以写上去的东西。
+
+然后九月份便开始了自己的面试之旅，我当时完全不敢投中厂，更别说大厂了，只敢也只能上 Boss、拉勾去找一些迷你厂投简历，面的大都是实习岗，部分公司如下：
+
+1. 翅风信息：这是我第一次正式面试的公司，公司的面试方式还是微信视频，然后我就以为大多数公司面试都是微信视频了…… 和面试官聊的倒是还不错，但当面试官询问我意向工资时，我说实习 7k。当时面试官听闻后的表情跟神态给我留下了极其深刻的印象。。。
+2. 一个老牌金融互联网公司，也是我最后选择去实习的公司，一面技术面，一面 HR 面就结束了。
+3. 红棉小冰：微软旗下的人工智能小冰工作室独立出来之后形成的公司，这是我在十月中旬秋招快结束的时候面试的，个人感觉面试官的态度非常好，是我秋招面试体验最好的公司了，然后感谢信来得也很快，上午十点面的，下午两点感谢信就来了……
+4. 还有十几个其他小公司，就不一一列举了。
+
+当时秋招结束后我手上只有两个实习的offer，都是名不见经传的小公司，我选择了去相对而言更大的公司（就是上述第 2 家）进行实习，然后十月底便一个人孤零零的前往了上海。
+
+### 实习期间
+
+如果用一个词来概括我的实习经历的话，我觉得是 `迷茫` 。
+
+实习公司是属于金融互联网类型的公司，技术要求相对而言比较低，但业务及其繁琐。我所在的项目组中的绝大部分内容是从七八年前流转至今的。我个人学习的框架就是主流的 Spring 全家桶，然而项目组使用的框架是一套比 SSH 还要古老的框架。我还要学习 C# 相关知识，因为前台开发用的 C#，而前台后台都是个人负责，你自己对接的前台就是你自己。技术方面拉跨，业务方面繁琐，而职场方面，感觉也存在着一定的 xxx。
+
+在那段时间我不止一次的怀疑自己是否真的适合干这一行。
+
+最后在一月份选择了裸辞，但如果它给的工资能再高点，说不定我就留下转正了，毕竟那时候已经快对自己失去信心了。。。
+
+### 怀疑
+
+一月中上旬离职之后沉沦了一段时间，每天只想躺平、摆烂，一边不想努力，一边又怕自己找不到工作了，又一边跟自己说现在秋招补录，没多少公司开了，假惺惺的让自己安心摆烂。
+
+过年吃年夜饭我爸妈问我打算怎么办，我笑着说自己辞职是因为感觉自己的能力完全可以找到工资更高、待遇更好的公司。可惜我自己当时都不相信。
+
+过完年之后就自己一个人闷在房间里学，看面经，写项目，刷算法，就这几件事不断循环的做。
+
+有时候空闲时间会刷 B 站视频，跟群友聊天，在得知不少同学跟我的状况差不太多的时候，我的焦虑得到了极大的缓解。
+
+### 激励
+
+二月初的时候我就知道了鱼皮的知识星球，当时就心动了，因为我个人很想找个编程相关赛道的讨论平台。学习技术也好、分享心得也罢、一起进步也可，我觉得对我的帮助都会是非常大的。
+
+于是在二月底选择了加入星球，当时在星球中给自己定的目标是春招拿到 12k 就满足了。
+
+![](https://pic.yupi.icu/5563/202311070829407.png)在星球的自我介绍
+
+在星球中，我看到了很多大佬，也有不少跟我一样较为普通的同学。
+
+于是我就一边看面经，一边看星球大佬们分享的技术和经验，一边跟大家一起打卡用于督促自己学习，一边开启了自己的春招之旅。
+
+春招之初我想的是投递一些小公司，然后想到如果投递的公司又是像老东家一样的，我该咋办，如果最后没地方去了，老东家那种公司我是去还是不去呢？于是便把目标稍微定高了一点。
+
+春招投递的公司有博卡、契约锁、群硕这种没听过名字的微小企业，也有华勤、海康、蔚来、商汤、步步高、用友这种，还有 360、小红书、美团这种，因为当时想的是校招就这一次最后的机会了，以后投就是社招了，不管自己够不够格，高低先投了再说，能面最好了，不能面我也不吃亏。
+
+现在回头一看，多多少少也投了 **几十上百家** ，笔试面试的也有二三十家！
+
+在三月底的时候还有好几家公司的状态是一直泡在池子里。最后四月份下定决心不理会把我泡池子的公司了，和已经收到 offer 的公司签订了三方。虽然薪资在现在的我看来还不是非常的满意，有一定的不甘，但终究是从这长长的貌似看不到尽头的求职路中解脱出来了。
+
+最后附上一些个人经验，我个人将应届生求职分为以下几个阶段：
+
+1. 大三下学期的暑期实习生招聘：对应的就是 23 届的同学们的 3 - 5 月，实习生招聘相对而言难度不会很高，对于很多有一些实力的同学来说是进大厂的非常好的机会。
+2. 大三到大四的秋招提前批：提前批的话大概在每年的 7 月份陆续开启，很多大厂都会有提前批，相对正式批而言hc更多，当然，能跟你一起竞争提前批的很多都是大佬，所以面试难度未知。
+3. 大四初的秋招：说是说金九银十，但根据我以及我身边的朋友的看法，现在基本上变成金八银九了，到了十月份还在招聘的公司就已经开始比较少了。
+4. 秋招补录：十月份之后基本上就算是秋招补录了，很多公司秋招发出去的 offer 被拒了，或者秋招没有招满人，就会开启秋招补录，秋补相对秋招而言难度可能有所降低，但是 hc 相对而言少了一大截。
+5. 春招：一般是在年后开启，二月到四月差不多都属于春招的范围，春招的难度在我这里是排第一的，hc 少，竞争却一点都不少，而且部分互联网公司会在年后选择裁员，裁员释放出来的公司员工、考研考公失利的同学、国外留学回来的同学、秋招失利或者对工作不满意重新准备春招的同学，都是竞争对手。
+
+建议大家一开始就根据自己的能力大概定好目标，感觉自己有中厂的水平目标就定为大厂，感觉自己水平还有待提高就目标定位中厂，很多公司的难度其实并不会那么恐怖，《孙子兵法》也有云：“求其上，得其中；求其中，得其下；求其下，必败”。
+
+最后祝大家正在或者准备求职的都能收获理想的 offer！
+
+
+
+------
+
+
+回顾这位同学的经历，其实他相对于大多数同学来说，产生求职找工作的意识并不早。但所谓知 “耻” 而后勇，这位同学将身边同龄人的压力转为自己前进的动力、通过给自己定制略高一筹的目标进一步激励自己前行，并且主动寻求资源与方法，再加上坚持学习、把握机会（甚至为了实习机会来到了另一个城市），才帮助他顺利上岸。
+
+星球里的朋友们看了这位同学的分享，也是感触颇多：
+
+![](https://pic.yupi.icu/5563/202311070829005.png)
+
+还有同学问了这位小伙伴一个经典问题：Java 学完哪些部分可以找工作？
+
+![](https://pic.yupi.icu/5563/202311070829854.png)
+
+正如这位同学的回答，其实对 Java 方向来说，学完企业级开发框架 SpringBoot、SSM 就可以去找工作了，只不过能找到什么样的工作，取决于自己的经验、技术掌握程度、经历、是否会更多技术等等。
+
+通过这位同学之前在星球的打卡，也能追溯他的学习过程，一直在坚持、也很认真：
+
+![](https://pic.yupi.icu/5563/202311070829240.png)
+
+想要学好编程、找到好工作，真的是需要意识、决心、计划、行动力这四点。从这位同学的分享中也能看出来，这四点他都做到了，所以他成功了。那么阅读这篇文章的同学，大家能做到这些点么？
+
+如果你还没有编程学习 / 求职的意识、比较迷茫，不知道自己做什么方向，可以加入星球，向我和其他大厂同学 1 对 1 提问、或者看下其他同学的经历分享，从而帮助你确定方向；如果你不知道自己下一步应该做什么、学什么，星球里也有学习指引和教程，可以让你顺着一条路线走下去；如果你缺乏行动力，坚持不下来，那么星球绝对是最适合你的学习圈子，这里的同学都卷的一批，从五年级到研究生再到工作党，大家都很努力上进，一定能感染到你~
+
+OK，如果大家感兴趣的话，欢迎加入鱼皮的 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) ，和近 6000 名小伙伴们一起交流学习，除了上面提到的那些外，加入星球还能跟着鱼皮直播做项目提升编程能力（往期直播可回看）、领取海量优质编程资源等等。
+
+只欢迎想进步的同学，扫码限时优惠加入：
+
+![](https://pic.yupi.icu/5563/202311070829348.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\347\273\231\345\244\247\345\256\266\351\274\223\351\274\223\345\212\262\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\347\273\231\345\244\247\345\256\266\351\274\223\351\274\223\345\212\262\357\274\201.md"
new file mode 100644
index 0000000..36cac9b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\346\261\202\350\201\214\346\225\205\344\272\213/\347\273\231\345\244\247\345\256\266\351\274\223\351\274\223\345\212\262\357\274\201.md"
@@ -0,0 +1,139 @@
+# 给大家鼓鼓劲！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。今年的秋招已经拉开了序幕，我看到网上很多同学还没开始准备，就在抱怨什么 “今年环境不好啊”、“找工作越来越难了” 之类的，就是有很多的负面情绪吧。
+
+其实不光是在找工作的小伙伴，我们在职的员工又谈何容易呢？就拿我自己来说，这两个月一直在被各种历史遗留问题折磨，每天吐槽的话也是 “含妈量极高”（看过我星球内打工日记的同学应该知道）。
+
+![](https://pic.yupi.icu/5563/202311070831484.png)
+
+但尽管如此，我依然保持着乐观的心态，如果我们无法改变外界的环境，那就只能改变自己 —— 也许是更加努力地朝着目标前进、也许是重新选择目标。但无论如何，心态要稳，不要躺平了就好。
+
+那今天这篇文章给大家分享一下我知识星球里的小伙伴们最近在做些什么、学些什么、又或是给自己定下了什么目标等等，以及我个人的建议，希望能给到大家一点参考和激励吧。
+
+
+
+------
+
+###  ** 准备秋招**
+
+有位小伙伴向我提问：
+
+> 本来今年年底考研的，但因为一些个人原因放弃了，目前 java 的水平仅限于会课上学的 java 基础内容，另外会一些 html 和 css 的东西，请问我秋招的话想要走后端方向还来得及嘛？除了每天刷算法题 还需要注意些啥？本人背景是北京双非一本
+
+我的建议：
+
+距离秋招结束还有 3 - 4 个月左右，因为已经在课上学习过 Java，所以利用这段时间学完 SSM + SpringBoot 开发框架（1 - 2 个月）并且完成一个项目（15 天左右）是来得及的，也有一些时间去准备简历和复习面试题。**原则是赶早不赶晚，冲刺一下还能赶上秋招。**
+
+即使秋招没赶上也没关系，可以准备明年 2 - 5 月份的春招，**专注学习** 半年的时间完全足够学好 Java 基本的开发技能了，还能再完成 1 - 2 个完整的项目。
+
+既然放弃了考研，就坚持 Java 后端开发岗位的目标吧。建议把每天、每周、每月学什么都做好计划，并且定期总结，坚持下去相信能找到不错的工作，加油！
+
+### **尝试跳槽**
+
+这位同学的提问是：
+
+> 鱼皮你好，我是一名本三学生，基础一般，毕业两年了，一毕业就在一家小国企做后端到现在。公司技术很落后，工资也低。想出去找又没有拿得出手的项目，自己水平也一般，现在感觉挺迷茫的，希望鱼皮给点建议，非常感谢。
+
+其实我多少有些理解这位同学的感受，虽然我现在是在大厂，但也并不是说工作中接触的技术都是先进的，也有很多重复的工作，自己有时候也会困惑：我现在做的这些事情，真的有意义么？
+
+![](https://pic.yupi.icu/5563/202311070831318.png)
+
+当然有意义！但目前工作带给我更多的不是技术提升，而是做人处事的经验方法。
+
+为了让自己不被重复的工作 “同化”，我每天都会利用早餐、午休、下班之后的时间 **自学** ，可能是阅读文章、看视频教程，也可能是自己做一些项目，是这些工作之外的努力才让我得到了更大的提升和收益。所以我也建议大家养成持续自学的习惯。
+
+对于这位同学，建议尝试做这几件事：
+
+1. 分析现状。可以列举目前自己会的技术，然后在我的学习路线上找到自己当前对应的位置，继续按照路线学习新技术
+2. 既然没有拿得出手的项目，那就自己做一个！可以参考公司的业务场景去设计系统（注意不要抄袭），或者直接用学到的新技术重构公司的代码
+3. 养成每天阅读文章、持续记录和总结的好习惯，任何一天都不要让自己停止学习
+
+### **项目总结**
+
+下面这位同学是分享了自己学习 [星球项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&scene=21#wechat_redirect) 的收获：
+
+> 用户中心项目的前后端，总算是初始化完成了。期间踩了很多坑，然后自己解决问题，大概花了两天半时间。虽然进度有点慢，但是感觉自己收获还是挺多的。
+>
+> 
+>
+> 首先就是跟鱼皮哥做这个项目的时候，一定要严格按照视频的步骤来，包括各种文件名、包名啥的。其次是解决这些问题的时候要有耐心、多思考。排查某个 bug 的时候，更要有耐心，认真的跟它的那个流程做完。然后不管这个bug有没有解决，都应该把自己的踩坑经历记录下来。
+>
+> 
+>
+> 我在做项目的时候是一边看一边做，注意各种版本号、依赖啥的一定要看清楚，一定要跟直播所演示的一模一样，否则一些小细节不注意就会出现问题。
+>
+> 
+>
+> 最后一点就是不要闭门造车，要多和别人交流，说不定会有意外的收获。就像今天我这个项目之所以能够跑起来，就是因为和一个兄弟交流了一下，在星球里发了一个帖子。然后得到了一些好心人的帮助，顺利的解决了这个 bug。学习时一定要脸皮厚一点、社牛一点，不要让自己吃亏。机会总是偏向于那种善于和别人沟通交流的人，所以自己以后也要试着多和别人交往，真的会有一些意想不到的收获！
+>
+> 
+>
+> 然后从明天开始就正式在星球打卡，开始执行自己的暑假计划，学习编程和英语。卷起来！
+
+个人感觉这位同学总结的非常好，我第一次做项目时也是这种感受，注意细节、要多思考、多交流真的是太重要了！其实我们的编程能力、解决问题的能力正是在一次次开发项目中得到提高的，这也是为什么企业招聘时比较看重求职者的项目经历。
+
+### **学习总结**
+
+星球每个季度都会有学习打卡活动，很多同学都会记录自己每日学习的内容。要知道 21 天养成一个习惯，而下面这位同学坚持了整整 45 天！我也是看着他一步步完成了自己的项目：
+
+![](https://pic.yupi.icu/5563/202311070831173.png)
+
+下面是他这个季度的学习总结：
+
+> 第二季度的学习主要都在前端，通过这个季度的学习我学会了大部分的 ES6 语法，JavaScript 的使用也更加熟练了。
+>
+> 
+>
+> 在这期间学会了 Vue3、Vue Router、Ant Design Vue、Element-Plus、Vite 的基本使用，并成功运用以上所学的知识从 0 到 1 做出了一个小项目参加了比赛并获得了较高的名次，对前端方面的学习也更有兴趣了。
+>
+> 
+>
+> 这期间中的其他时间段主要都是在完成平时的课程作业和学习专业课程之类的，没打卡的那段时间里基本都是在改那个小项目的Bug，毕竟第一次做没啥经验，多多少少都会踩点坑，不过好在最后成功地完成了作品。
+>
+> 通过这次自己动手写个小项目，增加了不少经验，也看到了目前自己掌握知识的程度如何，知道了自己需要学习还有很多。
+>
+> 
+>
+> 6 月份主要都是在准备期末复习，6 月底考完试这些天，主要是在学习 React，包括 React 脚手架的使用、JSX 语法、条件渲染和列表渲染、样式处理、函数组件和类组件、事件处理和表单处理等。有过 Vue 的基础，再学 React 感觉简单了不少，最近还通过阅读《Java 核心技术卷 1 》和观看一些视频来复习 Java 基础。
+>
+> 
+>
+> 总的来说，通过第二季度的学习我的前端水平有所提高，当然还有许多需要待改进的地方。通过坚持打卡，我养成了学习的习惯，找到了感觉，知识需要积少成多，不可操之过急，学完后多加实践才能明白遇到一些问题时该如何进行处理。
+>
+> 
+>
+> 下个季度我计划学习 Gi t和 Linux 等知识，然后前端继续学习 React、Java 学习到 Spring Boot 等。新的季度大家一起加油！
+
+从总结中可以看出，这位同学的自学积极性是很高的，也通过做项目找到了自己对编程的乐趣，之后也学习了更多的知识。
+
+那我也建议大家在学习编程的时候不要被各种条条框框所束缚了，不要去背代码、也不用去追求什么高大上的项目，想做什么就去做什么，兴趣是最好的老师。
+
+了解到这位同学目前大三，接下来的时间应该就要准备考研了，相信好的学习和总结习惯会助他成功。
+
+### **学习打卡**
+
+还有很多小伙伴也在持续学习与记录，像下面这位同学连续坚持了 51 天，哪怕找到了暑期实习也没有松懈：
+
+![](https://pic.yupi.icu/5563/202311070831496.png)
+
+下面这位同学的打卡比较 “文艺范儿”，虽然简短，但也能看出他的学习态度是很认真的，学习 + 复习相结合：
+
+![](https://pic.yupi.icu/5563/202311070831489.png)
+
+还有另一位刚刚完成星球内项目的同学，以我的项目为基础开始打造自己的作品了：
+
+![](https://pic.yupi.icu/5563/202311070832926.png)
+
+------
+
+星球里面还有很多正在学编程的小伙伴，他们现在也许并不优秀，但都在快速成长和进步。如果你在编程学习的过程中有任何问题或迷茫，欢迎 [加入星球](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&chksm=e9c24557deb5cc41b1f2ecefdd23eb1370e261a47c23ad89b1d1428537fd1e8fe39762e707e1&scene=21#wechat_redirect) 向鱼皮提问，我会给大家一些力所能及的帮助和建议；另外，加入星球后可以领取鱼皮原创和整理的编程学习 / 求职资料；还可以跟着我的直播学做项目，往期项目都有回放 + 笔记 + 源码，做项目的过程中遇到任何问题也可以问我；最近秋招开始了，星球内也会帮大家规划求职进度、完善简历和项目。
+
+长按下方海报扫码加入体验（3 天内可全额退款），大家一起加油吧 💪🏻 ！
+
+![](https://pic.yupi.icu/5563/202311070832215.png)
+
+> 微信扫码领券加入
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\205\263\344\272\216\347\256\200\345\216\206\351\200\240\345\201\207\357\274\214\345\217\252\350\203\275\350\257\264\345\244\252 \342\200\234\345\213\207\342\200\235 \344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\205\263\344\272\216\347\256\200\345\216\206\351\200\240\345\201\207\357\274\214\345\217\252\350\203\275\350\257\264\345\244\252 \342\200\234\345\213\207\342\200\235 \344\272\206.md"
new file mode 100644
index 0000000..fb9021d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\205\263\344\272\216\347\256\200\345\216\206\351\200\240\345\201\207\357\274\214\345\217\252\350\203\275\350\257\264\345\244\252 \342\200\234\345\213\207\342\200\235 \344\272\206.md"	
@@ -0,0 +1,58 @@
+# 关于简历造假，只能说太 “勇” 了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+昨天看到朋友在群里发的一条消息，说 23 届有一位同学简历造假，被人扒出来了，甚至举报的人还专门写了一篇 “论文” 来阐述其造假的事实，比如下图这些：
+
+![](https://pic.yupi.icu/5563/202311070858451.png)
+
+看了之后，我大为震惊，究竟是秋招的沦陷还是虚荣心在作祟，能给这位同学那么大的勇气来编造谎言！
+
+![](https://pic.yupi.icu/5563/202311070858154.png)
+
+当然，这篇文章不是来吐槽这位同学的，只是借着这件事，我想和大家分享一下自己接触过的简历造假事件，希望准备找工作的朋友们引起重视。
+
+记得我在大二暑期实习的时候，新入职了一位小哥，为人面善老实，所以我每天中午都和他一起吃饭聊天。结果没过几天，他就被开除了，原因是被查出来多报了一两年的工作经验！
+
+我当时还是有点难过的，可能是出于朋友的角度，我想：他会的技术、他的工作能力满足岗位要求不就够了么？虚报了自己的经验真的那么重要么？
+
+现在想想，当时的自己太天真的，当然重要！！！
+
+简历造假，首先是一个 **不诚信** 的行为。
+
+比如公司承诺给 3 年工作经验的人上万月薪，结果你没到这个年限也靠简历造假得到了这个薪资，从公司的角度看，这合理么？
+
+其次，简历造假可能是对自己的 **不负责任** 。
+
+比如一些公司社招要求有 3 年的工作经验，是希望候选人有足够的经验来应对和解决工作中出现的问题。如果你才刚工作 1 年就说自己有 3 年工作经验，虽然面试可以通过背八股文 “蒙混过关”，但进入到工作后，你的工作经验和水平是很容易暴露的。到时候，可能不仅会耽误公司的项目，还会让你自己 “怀疑人生”。
+
+之前星球里就有朋友问我：“我包装了一两年工作经验进公司了，但是发现给我的工作完成不了，怎么办？”
+
+还能怎么办呢，欠下的 “债” 总要还的吧，想留下来的话只能抓紧补习知识，加班加点完成工作。
+
+不被查出来还好，但要是被查出来或者因为能力不足没有通过试用期，这个时间不是浪费掉了么？
+
+此外，简历造假还是对他人的 **不公平** ！
+
+如果岗位的坑位是无限的，别人简历造假对你可能也没什么影响。但现实是每个人和其他人之间都可能会有竞争关系，比如上面那位同学之所以简历造假会被扒出来，可能就是因为她的造假影响了别人的机会。
+
+试想：某公司就招 2 个人，谁奖项厉害谁加分就多，那我编造几个奖项压过你，你能愿意？
+
+所以，还是建议求职找工作的朋友们，除非 “走投无路”，否则真心不建议造假，不如把更多心思花在提升自己上。也别羡慕那些靠造假混进公司的同学，出来混迟早是要还的。
+
+
+
+------
+
+
+当然，很多同学可能没有很好的学历、没有竞赛奖项、也没有足够的经验。对于这种情况，我个人的建议是先把自己学过的技术（没有就去学）、做过的项目（没有就去做）认真梳理一遍写在简历上，并且尝试投递。如果有回复最好，没有回复的话要去看一下网上其他同学的面经，找一找自己简历上的不足。
+
+> 如果你是星球的朋友，也可以把简历发给我看看，也许可以给到你一些力所能及的建议
+
+实在没办法了，再考虑适当 “包装” 一下简历，争取通过一些面试来帮助自己进步吧。
+
+打铁还需自身硬，朋友们加油！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\206\205\346\216\250\345\255\246\345\274\237\350\277\233\344\272\206\350\205\276\350\256\257\357\274\214\347\234\213\347\234\213\344\273\226\347\232\204\346\240\207\346\235\206\347\256\200\345\216\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\206\205\346\216\250\345\255\246\345\274\237\350\277\233\344\272\206\350\205\276\350\256\257\357\274\214\347\234\213\347\234\213\344\273\226\347\232\204\346\240\207\346\235\206\347\256\200\345\216\206\357\274\201.md"
new file mode 100644
index 0000000..552d740
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\206\205\346\216\250\345\255\246\345\274\237\350\277\233\344\272\206\350\205\276\350\256\257\357\274\214\347\234\213\347\234\213\344\273\226\347\232\204\346\240\207\346\235\206\347\256\200\345\216\206\357\274\201.md"
@@ -0,0 +1,171 @@
+# 内推学弟进了腾讯，看看他的标杆简历！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 直系学弟的简历分享，凡人也可以成仙！
+
+大家好，我是鱼皮，求职季快到了，很多小伙伴问我：简历应该怎么写才能吸引面试官呢？
+
+其实之前给大家分享过鱼皮自己的求职简历和简历模板：
+
+![](https://pic.yupi.icu/5563/202311070859566.png)
+
+在我的简历中，包含几部分：个人基本信息、个人描述、荣誉奖项、科研学术经历、实习经历、项目经历、技术栈，这些都是一份优质程序员简历上都该有的关键信息。
+
+凭着这份简历，我也是百投百中，秋招时很多公司的笔试都没参与就收到了面试邀约。这份简历也曾经被同事、B 站知名 UP 主拿去分享，帮助大家学习写简历的技巧。
+
+但事实上，人外有人，天外有天。至今为止，我已经向腾讯内推了 **300 多名** 同学，每一位投递人的简历我都有阅读，看了这么多，也发现了很多让我拍案叫绝的简历。我不禁感慨，自己的简历的确还有待提高啊，要不是堆了一些奖项，估计也就被其他大佬压在地上摩擦了。
+
+![](https://pic.yupi.icu/5563/202311070859124.png)
+
+其中有一份简历让我印象深刻，不仅是因为他的主人，正是我的 **同校直系** 学弟，我大四在学校举办腾讯云开发校园作坊时，他还主动和我交流了一段时间。当然，更重要的是，他的这份简历，在我看来是非常非常优秀的，即使简历上没有任何一个竞赛奖项或科研成果，但通过一些小技巧，依旧能够吸引面试官！
+
+后来学弟果然被发起了面试邀约，最后也成功通过了面试，拿到了腾讯的 offer，现在是我的同事哈哈~
+
+所以我把他的简历称为 “标杆简历”，我认为所有同学都能够且应该学习和参考他的简历，从而增加你进入面试的概率。
+
+在征得学弟的同意后，脱敏分享给大家~
+
+### 简历内容
+
+这份简历只有一页，非常精简，内容分为 **教育经历、技术栈、实习经历、项目经历** 四部分。
+
+![](https://pic.yupi.icu/5563/202311070859811.png)学弟的简历
+
+#### 教育经历
+
+学校：上海 XXX 工程院校 本科在读
+
+专业：软件工程
+
+外语：大一时通过 CET4􏰉、CET􏰅6 考试
+
+#### 技术栈
+
+**后端**
+
+熟悉: Java
+
+了解：SpringCloud、Express.js、Node.js、Python
+
+**数据库**
+
+熟悉：MySQL
+
+了解：MongoDB
+
+**中间件**
+
+了解：Redis、RabbitMQ、Elasticsearch
+
+**DevOps**
+
+了解：微服务、Jenkins、Gitlab CI / CD、Nginx、Traefik、Linux
+
+**云计算**
+
+了解:  Docker、Kubernetes
+
+**前端**
+
+了解:  React、React Native、Javascript、HTML、CSS、Grafana
+
+#### 实习经历
+
+腾讯科技有限公司 后端开发工程师（实习）
+
+- 在腾讯 XX 部门从事 **管理系统** 开发，主要参与故障处理平台建设
+- 完成故障处理流程灰度、流程版本升级功能的需求分析、数据库设计、界面原型设计以及前后端实现，加快了运营团队的迭代速度
+- 为方便团队掌握大规模故障的情况，参与了大规模告警机制的开发流程，并为其开发前端交互界面
+- 使用 Grafana 开发运营监控视图，使团队成员可以快速掌握运营状况，及时做出调整
+
+#### 项目经历
+
+**Roga Developer**
+
+展示地址：https://xxx.live（暂不公开哈）
+
+- 独立开发的基于 **MERN** 技术栈的 **新媒体信息流整合** 平台，采用 **前后端分离架构**
+- 使用 **React** 构建前端，对手机端 **交互模式** 进行了 **专门优化** ，使用 Cloudflare 作为 **CDN**
+- 使用 **React Native** 开发了 **跨平台** 的移动端应用，提高了开发效率，减少了 **50%** 的开发时间
+- 为适应产品特性，加快迭代速度，后端由 **Springboot** 重构至 Node.js ，数据库由 **MySQL** 迁移至 **MongoDB** ，实现了前后一体的 **集中式配置中心** ，提高了接近 **1 倍** 的开发效率
+- 使用 **JWT** 用户鉴权实现了 **平台内容分级机制** ，用户可自定义界面，用户设置 **云端同步**
+- 采用 **Redis** 实现了 **高频信息缓存** ，加快了 **请求响应速度** ，降低了 **90%** 以上的数据库压力
+- 使用 **Elasticsearch** 实现 **全站内容搜索** ，相比 MongoDB 搜索效率提升 **80%** 以上
+- 利用 **RabbitMQ** 的队列机制进行 **削峰** ，缓解了 **高并发** 情况下的 **系统资源短缺** 问题
+- 为加强爬虫系统灵活性，将其由 **Scrapy** 重写为 **Node.js** ，实现了**分批分时、错峰爬取**
+- 为提升开发效率，使用 **Gitlab CI/CD** 进行 **持续集成** 和 **持续部署** ，实现了 **构建部署自动化**
+- 采用 **Nginx** 和 **Traefik** 进行 **前端部署** 和 **反向代理** ，增强了软件系统的 **安全性**
+- 为配合 **集群化部署** ，前后端均以 **Docker** 作为容器，可在任一陌生机器 **迅速启动应用**
+- 曾使用 **VPS** 测试搭建了拥有 **10** 个节点的 **K8s** 集群，可进行应用的 **快速扩容** 和 **集中式管理**
+
+**RubbishQ Developer**
+
+- 垃圾分类查询工具，负责 **技术选型** 、**架构设计** 和 **前后端开发** 工作
+- 为适应产品特性，使用 **MongoDB** 作为数据库，实现了垃圾分类、讨论区等功能
+- 为减轻数据库压力，使用 **Redis** 对搜索结果进行 **缓存** ，同时 **极大缩短了应用响应时间**
+
+### 简历技巧
+
+我不知道大家看完学弟的简历后有什么感受，反正给我最明显的感觉就是两点：
+
+1. 他会的技术很多
+2. 自主性很强，并且善于用技术解决问题
+
+而且呢，看完他的简历后，他的 **Roga 新媒体信息流整合** 项目给我留下了深刻的印象，为啥呢？
+
+![](https://pic.yupi.icu/5563/202311070859675.png)
+
+首先显而易见，这个项目经历占据了他简历的大部分内容（50 % 左右）。虽然很长，但是有关这个项目的介绍却字字珠玑，句句精华！
+
+比如这句：为适应产品特性，加快迭代速度，后端由 **Springboot** 重构至 Node.js ，数据库由 **MySQL** 迁移至 **MongoDB** ，实现了前后一体的 **集中式配置中心** ，提高了接近 **1 倍** 的开发效率。
+
+和大多数同学介绍项目时直接简单写一句 “用什么技术实现了什么功能” 不同，这句话点明了四个关键：
+
+- 为什么要做？（为适应产品特性，加快迭代速度）
+- 怎么做？用什么技术？（后端由 **Springboot** 重构至 Node.js ，数据库由 **MySQL** 迁移至 **MongoDB**）
+- 实现了什么？（前后一体的 **集中式配置中心**）
+- 达到了怎样的效果？（提高了接近 **1 倍** 的开发效率）
+
+有前因、有技术、有后果，给人的感觉就是这位同学做事有目的、有自主性、又善于分析和总结，这些正是很多面试官都看中的特质。再加上介绍中使用大量的 **加粗** 强调了重点，使用具体数据（如 50%）量化了效果，再次给人加深了印象。我觉得这种写法非常值得大家学习！
+
+很多同学担心自己简历上没东西写，那不妨认认真真做一个项目，然后按照他的项目经历写法，展示到简历上。
+
+![](https://pic.yupi.icu/5563/202311070859507.png)
+
+结合这位学弟和我的简历，鱼皮给大家总结了 **撰写简历的一些技巧** ：
+
+1. 内容完整全面，简历通常包括几个部分：个人简介（基本信息、照片、学校、专业、成绩、证书等）、个人描述（专业特长）、个人技能（技术栈）、项目经历、科研学术经历、实习经历等。
+
+2. 简历必须一页，排版整洁，且色调不宜过暗或过亮，推荐蓝色或淡灰色。
+
+3. 依据个人优势对板块排序，把最有亮点的部门放上面。
+
+4. 文字内容精炼，拒绝口语化，用词尽量专业，体现专业性。
+
+5. 项目 / 实习经历介绍中，可用 STAR 分析（场景、任务、行动、**成果**）来梳理自己的核心工作。比如，在 xx 公司 xx 项目中，在 xx 情况下，运用 xx 技术，解决了 xx，优化了 xx，带来 xx 收益。每段介绍不宜过长，给面试官提问的空间。
+
+6. 最好给项目附上可直接访问的链接，有个人博客的话也最好列举上去，并且在博客中记录和总结一些自己学到的知识技能，让面试官感受到你的努力积累、脚踏实地。
+
+7. 利用简历去引导面试官。很多面试官都会针对简历中提到的技术去展开提问，因此必须熟悉简历中的项目和技术，提前想好对策（比如项目中用了哪些技术，为什么用，有什么亮点，怎么去优化等）。
+
+8. 写完简历后，自己通读几遍，有机会可以多阅读借鉴他人的简历。
+
+9. 针对不同的岗位和 JD（岗位描述），准备不同的简历，在部分细节和工作内容上调整。比如投递产品和运营岗，你的项目和实习介绍就要分别侧重这两种不同的职位。
+
+10. 内容允许夸大，尤其是对于没有特别多的项目的同学，在简历的项目部分是需要适度包装的。但是杜绝欺骗，尤其是工作年限等有准确数字、可被调查的问题，请实事求是，否则后果自负。
+
+    
+
+------
+
+
+我的简历模板文件可以在公众号【程序员鱼皮】后台回复 “简历” 获取~
+
+
+
+觉得本文不错的话，希望朋友们能 **点赞 + 在看** 支持下，给俺点创作的动力 ❤️
+
+![](https://pic.yupi.icu/5563/202311070859009.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\345\244\247\344\272\214\345\210\233\344\270\232\347\232\204\345\255\246\345\274\237\344\274\230\345\214\226\347\256\200\345\216\206\357\274\214\345\210\206\344\272\253\347\273\217\351\252\214.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\345\244\247\344\272\214\345\210\233\344\270\232\347\232\204\345\255\246\345\274\237\344\274\230\345\214\226\347\256\200\345\216\206\357\274\214\345\210\206\344\272\253\347\273\217\351\252\214.md"
new file mode 100644
index 0000000..d8d53e2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\345\244\247\344\272\214\345\210\233\344\270\232\347\232\204\345\255\246\345\274\237\344\274\230\345\214\226\347\256\200\345\216\206\357\274\214\345\210\206\344\272\253\347\273\217\351\252\214.md"
@@ -0,0 +1,109 @@
+# 帮大二创业的学弟优化简历，分享经验
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 帮大二创业的学弟优化简历，分享经验
+
+大家好，我是鱼皮。
+
+前几天直播帮一位 23 届的学弟看了下简历，他是要找 Java 开发岗位的工作，简历内容大致如下：
+
+![](https://pic.yupi.icu/5563/202311070902268.png)
+
+看得出来，这位学弟的简历已经是按照我之前的 [写简历技巧文章](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498320&idx=1&sn=8af54fb5f9fbcaea0b3f24d0ab45b31d&scene=21#wechat_redirect) 优化过了，结构还是很清晰的。
+
+让我眼前一亮的是，他在实习经历中竟然写到自己是技术负责人！
+
+通过交流了解到，原来这位学弟在大二的时候参与过创业，技术开发这一块都是交给他来做的。
+
+不得不感叹到，后浪汹涌啊！
+
+![](https://pic.yupi.icu/5563/202311070902656.png)
+
+在我看来，这已经是一份不错的简历了，大部分企业开发中常用的技术都有所实践，但依然有一些值得优化的地方。
+
+大家可以点击文末【阅读原文】，通过视频来了解完整的简历优化过程。
+
+我对视频中的一些重点，也做了文字版总结：
+
+### 写简历技巧总结
+
+#### 基本要求
+
+无论是否应聘编程相关的岗位，好的简历都应该做到以下几点：
+
+1. 简历最好一页纸，内容超出时，过滤一些 “废话”，只放最精华的部分。
+2. 一般情况下，不要写期望薪资。一方面是大公司的薪资还算公开透明，没必要写；另一方面是防止你的表现超出了预期时，被人按照你的预期薪资来砍价。当然，除非你把预期写的很高，说不定能过滤一些公司、猎头的打扰。
+3. 个人基本信息、教育信息要写清楚，最好不要弄虚作假。
+4. 简历上的内容要注意优先级，将你的亮点放到上方，还可以适当对关键词进行加粗、调色等。
+5. 行文通顺、且无任何错别字。大家写完简历之后，最好自己读个 7 - 8 遍，再找别人帮忙看一看。
+
+#### 优化技术栈
+
+列举你会的技术栈时，不要用老长一句话讲完。可以采用列表的形式，会更直观清晰。
+
+举个例子，假设原本内容为：能够熟练使用 springcloud 微服务框架及 mysql、redis、hbase、mongodb 等数据库及 kafka、rabbitmq 等消息中间件及 netty 等网络框架的使用。
+
+改为列表：
+
+- 熟练使用 springcloud 微服务全家桶
+- 熟练使用 mysql、redis、hbase、mongodb 等数据库和大数据中间件
+- 熟练使用 kafka、rabbitmq 等消息中间件
+- 熟悉 netty 等网络框架
+
+此外，除了写自己会什么技术外，最好补充半句：**你能用这些技术做什么？** 从而表现出你能干活、可以帮公司解决问题。
+
+举个例子：
+
+- 熟练使用 springcloud 微服务全家桶，**能独立开发微服务项目**
+- 熟悉 netty 等网络框架，**能够独立开发即时通讯系统**
+
+#### 引导
+
+在写简历时，我们可以故意利用一些措词来 **引导面试官** 。
+
+比如介绍技术栈时，在一堆 “了解” 中适当添加 “掌握”、“尤其熟悉” 等词，面试官大概率会去问这些技术相关知识点。
+
+此外，还可以 **细化** 你会的技术，比如把 “熟悉多线程” 改成 “掌握多线程  **AQS** 、并发包等技术”，可以吸引火力，一定程度上防止面试官问到多线程中你相对薄弱的部分。在面试准备时间不足时，这个方法可能有奇效。
+
+现在大多数简历千篇一律，都说自己会 Java、人均 Java 小能手，所以很难吸引到面试官。而如果你提到了 Java 中的某个高级知识点，有一定的学习深度，反而更容易被选中。就和我们平时刷短视频一样，一定是有什么东西吸引我们，才能看下去。
+
+#### 项目 / 实习经历
+
+在介绍实习或项目经历的时候，不要写得太啰嗦，就用一两句话讲清楚你负责什么、做了什么、怎么做、带来了什么效果就行。
+
+这里有个万能公式：负责 XX 系统的研发，利用 xx 技术实现了 xx，推进了 xx、提升了 xx。
+
+举个例子：负责订单查询系统，用分库分表中间件、Kafka 消息队列、 Redis 缓存提升了系统并发量，**实测** 由 1000 Qps（每秒并发数）提升至 10000 Qps。
+
+此外，实习经历和项目经历的侧重点也不完全相同：
+
+- 实习经历重点是你在这家公司负责什么（地位）、你的作用、你的价值。
+- 项目经历重点在于你对这个的项目的贡献、项目特色、实现项目的关键技术等。
+
+#### 适当包装
+
+写简历的本质就是：**如何以一种吹牛皮的方式表达出你的能力。**
+
+因此，虽然写简历要真实，但不能太老实，要学会适当包装、合理包装。
+
+比如将常用的技术进行组合、添加一些修饰词、使用一些专业名词等。
+
+举个例子，本来写的是：使用了 MySQL 数据库、Redis 缓存、OSS 对象存储技术。
+
+可以改为：使用 MySQL、Redis、OSS 三维一体的多元存储技术。
+
+哈哈，虽说可能有一点点夸张，但还是能体现你的专业性的，不过不要乱吹就是了。
+
+
+
+------
+
+
+最后，好的简历不仅能帮助你拿到面试机会，还能帮助你在面试中出奇制胜。但前提是你需要先有一定的积累，才能锋芒毕露。
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311070902813.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233 \342\200\234\351\200\232\347\227\205\342\200\235.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233 \342\200\234\351\200\232\347\227\205\342\200\235.md"
new file mode 100644
index 0000000..582d845
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233 \342\200\234\351\200\232\347\227\205\342\200\235.md"	
@@ -0,0 +1,82 @@
+# 帮改简历，发现了一些 “通病”
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近帮 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 里的小伙伴们修改了简历，发现了一些共同的问题，给大家分享一下，如果你的简历上也有这些小问题，可以在评论区留言，看看我说的对不对~
+
+### 1. 项目介绍过长
+
+先给大家看下某份简历中的项目经历部分：
+
+![](https://pic.yupi.icu/5563/202311070856666.png)
+
+看到这个，不知道大家有什么感受？
+
+显然，项目介绍占整个项目经历的比重 **过多** ！好家伙，讲了一大堆项目有什么功能，结果自己实际上负责的工作就一个小小的模块？！
+
+其他的工作既然都不是自己做的，说那么多干嘛呢？如果面试官问你其中某个功能是怎么实现的，说不出来不是很尴尬么？
+
+![](https://pic.yupi.icu/5563/202311070856668.png)
+
+在简历中，面试官更关注的是 **你在项目中负责什么、做了什么、怎么通过技术和设计能力去解决问题的** 。至于项目本身的介绍，用一两句话直击核心就好，重点在于交代和你工作有关的内容，其余的可以在面试中展开介绍。
+
+### 2. 对工作的描述过于宽泛
+
+你敢相信么？我在几份简历的工作描述中竟然发现了一模一样的内容！
+
+举个例子：
+
+![](https://pic.yupi.icu/5563/202311070856517.png)
+
+看看上述简历的【负责的工作】部分，不知道大家会不会有这种感觉，好像我写了什么，又好像我什么都没写。
+
+换言之，这几句话（完成了 xx）可以原封不动地套在任何一个项目上！对不对？
+
+面试官根本没办法看出你到底在这个项目中做了什么，只会有一种感觉 —— 你在糊弄。
+
+所以，不要把负责的工作写得太宽泛，哪怕你真的做了很多事，也可以从中挑亮点去讲。
+
+### 3. 过于直白
+
+除了上一点外，很多同学的项目经历部分都比较直白，基本就是用 xx 技术做了 xx，比如：
+
+![](https://pic.yupi.icu/5563/202311070856647.png)
+
+对于找一般的公司或实习岗位来说，也许这么写就已经足够了。但如果想冲击大厂，这份简历就显得太 “平平无奇”。
+
+如果有条件（自己做过）的话，不要平铺直述地列举技术和工作，而是要通过一些案例来体现自己的技术、设计能力、自主性等。
+
+比如：由于项目模块众多、调用链路复杂，选用责任链设计模式重构项目，使各模块职责清晰、项目更易于扩展。
+
+可以整理出一个 **公式** ：为解决 xx 问题，使用 xx 技术实现了 xx，达到了怎样的效果。
+
+### 4. 用词不专业
+
+简历上的每一个词汇，都能够反映出你的水平。
+
+很多同学的简历用词比较随意，比如 “我用 axios 库完成了对数据库的查询”。
+
+其实大家都心知肚明，axios 是一个前端请求库，可以和后台进行交互，实现对数据的查询和管理。
+
+但上面那个表达，语言不够清晰和凝练，还可能会给面试官一种感觉：你真的知道 axios 是什么？你真的和后端联调过么？
+
+所以，一定要保证简历上的每个词都要准确，不能产生歧义。另外，尽量减少口语化的内容，不说用 xx 技术做了 xx，而是用（基于） xx 技术实现了 xx。
+
+### 5. 没有重点
+
+我认识一些学的技术比较多的同学，他们可能又会 Python 又会 Java 又会前端，写到简历上的项目也是各方向的都有，然后又没有在简历的开头注明 “求职意向”，就导致我完全不知道他要找哪个方向的工作。
+
+并不是说会的技术、写简历上的技术太多了不好。而是要有一个侧重点，比如找 Java 岗位的工作就把 Java 的项目放最上面，用更多的篇幅去介绍。也建议大家找工作前越早明确方向越好，不要到最后什么都只学了一点，反而平平无奇了。
+
+
+
+------
+
+
+以上就是本期分享，有帮助的话记得给鱼皮点个 **赞 + 在看** 哦，感谢！
+
+![](https://pic.yupi.icu/5563/202311070856661.png)
+
+点击加入鱼皮的 [编程学习圈子](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和 **3000 多名** 小伙伴们一起交流学习，跟着鱼皮直播做项目，享受免费简历修改、1 对 1 答疑等服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\347\256\200\345\216\206\351\241\271\347\233\256\351\200\240\345\201\207\357\274\214\350\242\253\345\217\221\347\216\260\344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\347\256\200\345\216\206\351\241\271\347\233\256\351\200\240\345\201\207\357\274\214\350\242\253\345\217\221\347\216\260\344\272\206.md"
new file mode 100644
index 0000000..0b800b6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\347\256\200\345\216\206\351\241\271\347\233\256\351\200\240\345\201\207\357\274\214\350\242\253\345\217\221\347\216\260\344\272\206.md"
@@ -0,0 +1,94 @@
+#  简历项目造假，被发现了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近秋招进行得如火如荼，也是几家欢喜几家愁。
+
+昨天有位小伙伴跟我吐槽，说自己因为时间紧，在简历上写了一个自己没做过的、网上的开源项目，结果面试的时候被面试官无情戳穿，场面一度十分尴尬。
+
+![](https://pic.yupi.icu/5563/202311070857809.png)
+
+其实说实话，95% 以上的同学简历上的项目都是网上的教程项目或者开源项目，这是非常正常且合理的，毕竟在学校很难有机会接触真实的企业项目，有经验的面试官对这点也是心知肚明。
+
+但为什么同样都是写网上的项目，有的同学能过简历关、能通过面试，有的同学却被质疑简历项目造假、让面试官觉得不像是自己做的呢？又如何让你做过的（甚至是包装的）项目更真实可信呢？
+
+今天这篇文章，就跟大家分享几个小操作，让你的简历项目看起来更真实！
+
+### 1、项目上线
+
+最最最能增加真实性的方法，就是把项目上线，并且提供可直接访问的网址。
+
+项目做的好不好，把网址贴出来看看就一目了然了。
+
+为了进一步增加可信度，你还可以在项目主页上添加自己的昵称、头像等标识。比如很多同学会写个人博客项目，再挂上一些个人的文章，真实性毋庸置疑。
+
+如果真的是你自己做的项目，把它上线难度不会很大。不要找借口说自己买不起服务器、或者服务器过期了，实在不行用内网穿透的方式让面试官体验你的项目也是 ok 的，参考这篇文章：[不用服务器，1 分钟上线网站！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247550173&idx=1&sn=f28b5a6601ab8a5ab95ddad274e4b5ca&scene=21#wechat_redirect) 。
+
+如果是前端开发的同学，尽量保证网站打开的速度足够快，通常压缩下图片、或者用个 CDN 就行；如果是后端开发的同学，提供一个 Swagger 接口文档，也比不上线要好。
+
+### 2、项目开源
+
+如果是你自己学习时做的项目，最好能把项目开源、提供开源地址，能够让面试官点进去看你写过的代码，也是能大幅增加真实性的。
+
+这里还有小技巧：
+
+1）认真编写项目的介绍文档，把项目的演示截图、主要功能、架构设计、关键实现细节写清楚，让面试官感受到你的文档编写能力。
+
+2）最好不要在本地写完整个项目后再整体提交、或者直接 fork 开源项目，而是应该在本地多次提交。这样面试官点进你的仓库后，能够看到你的提交记录，从而了解到你是怎么一步一步完成了这个项目，会更加真实。否则给人的感觉是你直接搬运了别人的项目或者下载了现成的代码。
+
+![](https://pic.yupi.icu/5563/202311070857401.png)
+
+3）如果你是学习了网上的教程或开源项目，千万别不做修改就提交，我建议还是自己认真学习、重敲一遍。为啥呢？因为 GitHub 支持直接搜索代码片段！跟论文查重是一样的，要是面试官发现你的代码跟别人的一模一样，结果可想而知。。。
+
+### 3、提供文档
+
+即使不方便上线项目或者开源，那么可以用云文档来编写对整个项目的介绍、自己完成的功能的截图等。如果是跟着网上的教程项目学习，你可以整理好自己学习项目时的笔记，记录自己在项目开发过程中的思考、过程和解决问题的方法，并且提供文档地址。
+
+这些文档和笔记可以为面试官提供更多的背景信息，让他们更容易相信你掌握的知识和经验。
+
+### 4、强调个人职责
+
+精简对项目的描述，突出个人在项目中扮演的角色、贡献和具体的工作。
+
+在描述项目时，不要只是简单地列举项目的功能和特点。相反，尽量精简项目描述，重点突出你在项目中的个人职责、贡献和 **具体工作** 。要强调你在项目中的独特价值，而不仅仅是项目本身的价值。换句话说，不要给人的感觉是在 “吹某个项目很厉害”，要给人的感觉是 “你很厉害”，因为 “你很厉害”，所以造就了一个 “很厉害的项目”。
+
+可以使用明确的动词和量化数据来描述你的工作。比如：我带领了 5 人团队，通过 Git Flow 管理项目协同，成功地将项目交付在规定的时间内，并通过 SQL 优化和压测实现了 50% 的性能提升。
+
+### 5、增加区分度
+
+如果你简历上写的是网上的教程项目，那么要记住，完成这个项目只是第一步，还不足够帮助你找到好工作。
+
+因为任何网上的项目（即使是我星球里的 [原创项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247549104&idx=2&sn=a97cee08fc844504affe70733da4b85c&chksm=e9c2e747deb56e511519d7229cc866bc7c43909574cabd495b34c1708c6fd002640be0146a40&token=1624527065&lang=zh_CN&scene=21#wechat_redirect) ），都有可能跟其他同学重复，所以为了增加真实性，你应该给项目添加一些自己的特色。可以包括对项目的个性化定制（换皮改界面）、增加额外的扩展功能（一般至少 2 个），从而让你的项目与其他人的项目有明显的区别。
+
+这不仅会增加你的项目的真实性，还会突出你的创造力和技能。
+
+如果你不知道怎么对项目进行扩展，那说明你还没有自主学习编程的能力、或者还没有完全理解项目。这个问题也很好解决，可以去看看网上同类的项目都有哪些功能，比如你要做电商项目就去看某宝；或者利用 [AI 工具](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&token=593920816&lang=zh_CN&scene=21#wechat_redirect) 帮你扩展思路。
+
+### 6、补充细节
+
+细节决定成败。在项目描述中，建议多使用具体的、明确的数据来支持你的表述。
+
+比如项目的周期大概多久，完成某个功能所使用的技术细节（比如自定义线程池的参数设置）、项目的运行环境（比如服务器的配置）、项目优化的效果（具体的比例 %）、测试结果以及项目取得的成果。这些细节将为你的项目增添真实性，拉开和其他同学项目的区分度、同时体现出你的专业性。
+
+### 7、灵魂拷问
+
+在之前的文章 [《说说我最近筛简历和面试的感受》](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247549830&idx=1&sn=e94b9e18a8540df4b236e50b9044107a&chksm=e9c2e471deb56d678669302cb1306d40fb7ea7ac613e984575e72028546f7b284114a0ed8143&token=1624527065&lang=zh_CN&scene=21#wechat_redirect) 中，我给大家分享过几个考察候选人的项目是否真实的问题。
+
+想要让面试官相信项目是你自己做的，那么一定要能回答出以下几个问题：
+
+1. 请介绍一下你这个项目的业务流程？包含的主要模块以及自己负责的工作。
+2. 你在做这个项目中，遇到的最大的难点、或者解决过的最复杂的 Bug 是什么？
+3. 你的项目有实际上线么？使用哪种方式进行部署？
+
+如果能答出来，那么就可以放心啦~ 答不出来就继续去准备，别有侥幸心理！
+
+
+
+------
+
+
+OK，希望大家看了这篇文章后，不要再出现 “简历项目造假被发现” 的尴尬局面，也希望大家还是抓紧时间投入到项目的学习中，多自己动手真正地学会如何做项目。自己做的项目才会更自信一些，加油！
+
+👇🏻 点击下方阅读原文，获取鱼皮往期编程干货
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\350\207\252\346\210\221\344\273\213\347\273\215\357\274\214\345\215\203\344\270\207\345\210\253\346\235\245\350\231\232\347\232\204\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\350\207\252\346\210\221\344\273\213\347\273\215\357\274\214\345\215\203\344\270\207\345\210\253\346\235\245\350\231\232\347\232\204\357\274\201.md"
new file mode 100644
index 0000000..8f5ad8f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\347\256\200\345\216\206\346\212\200\345\267\247/\350\207\252\346\210\221\344\273\213\347\273\215\357\274\214\345\215\203\344\270\207\345\210\253\346\235\245\350\231\232\347\232\204\357\274\201.md"
@@ -0,0 +1,75 @@
+# 自我介绍，千万别来虚的！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鲏。
+
+已经在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里改了 500 多份简历了，也发现了一些大家写简历时的共性问题。其中让我印象比较深刻的一个点就是 **自我介绍** ，基本上所有同学的自我介绍都是这么写的：
+
+![](https://pic.yupi.icu/5563/202311070855308.png)
+
+![](https://pic.yupi.icu/5563/202311070855304.png)
+
+![](https://pic.yupi.icu/5563/202311070855449.png)
+
+读这篇文章的朋友们，你是不是也是这么写自我介绍的呢？
+
+![](https://pic.yupi.icu/5563/202311070855312.png)
+
+这么写看上去好像没什么问题，我学生时代最初的简历也是这么写的。
+
+但别忘了，你的简历是给别人看的！
+
+如果我们从面试官的角度（或者其他人的角度）客观来看，这些话无疑是正确的废话，不过是拿来凑简历字数的而已。
+
+为什么？
+
+道理很简单，夸自己谁不会呢？所以绝大多数的简历上都会出现雷同的自我评价，如果是一个热门岗位，估计面试官都能把这些内容背下来了。
+
+![](https://pic.yupi.icu/5563/202311070855159.png)
+
+关键的问题是，**怎么样让你的自我评价有信服力** 。需要一些事例、数据、证据来证明。
+
+举些例子：
+
+1. 我学习能力强，对新技术有强烈的好奇心 => 补充：曾通过官方文档、自主查阅资料自学了 XX、XX 新技术，并通过 RSS 持续关注该技术最新动态。
+2. 我乐于从事有挑战性的工作 => 补充：我曾经担任 XX 队长，在 XX 困难的条件下，解决了 XX 问题，取得了 XX 成果。
+3. 我喜欢分享知识、善于总结 => 补充：连续 XX 天发布个人博客，发布过 XX 个学习总结等等
+4. 我很帅 => 补充个人照片
+
+这样写自我评价，就不再是虚的了，而是真的能让对方感受到你的这些能力。
+
+这里有个小技巧，可以照着目标公司的岗位描述去写自我评价，做到对号入座。
+
+![](https://pic.yupi.icu/5563/202311070855301.png)到官网看岗位描述
+
+比如公司要求招有团队协作经验的，那就写：我善于团队合作，曾经组队参与 XX、XX 项目，统筹负责了 XX、XX，怎么提升团队工作效率之类的。。。
+
+这样从招聘者的角度来看，你是有用心准备过的，目的性明确，也是加分项。
+
+除了写到简历上的自我评价外，我们在求职面试中的自我介绍也是一样的逻辑。自我介绍是需要精心准备的，而不是每次面试都现场 free style，那样很容易出现一些 “阿巴阿巴”、不知所云的情况。
+
+![](https://pic.yupi.icu/5563/202311070855239.png)
+
+比较虚的自我介绍是：我是谁、来自 XX、求职意向是 XX 岗位，然后夸一番自己，有较强的学习能力什么的。。。
+
+而比较稳的自我介绍是：我是谁、来自 XX、求职意向是 XX 岗位，主动学过哪些技能、哪些技能学的比较好、通过什么方式自主学习，然后用事例来证明自己哪些能力比较强。
+
+比如我会说：自己拥有丰富的项目经验，大学曾带领工作室建设多少个网站，自主参与过 XX 项目和竞赛，曾在 2 家公司实习并负责 XX 工作；自己乐于分享、总结能力强，大学开展过 XX 场分享讲座等等。
+
+总之，逻辑清晰，有理有据，面试官会很喜欢你的。
+
+程序员求职面试，技术是一方面，另一方面是通过你的准备用心程度以及线上的交流来 get 到你的综合能力（沟通能力、逻辑思维能力等）。大家都学一样的技术，那么拉开差距的就是其他的能力以及你如何展现这些能力了。
+
+大概就聊到这里，大家还是要注重日常的积累，有一定经历，在写自我评价、介绍自己的时候才会更有底气。
+
+
+
+------
+
+
+星球的朋友可以仔细阅读写简历技巧：https://t.zsxq.com/082andVdA
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加我微信 yupi5927，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\344\273\216\345\256\266\351\207\214\345\210\260\351\230\277\351\207\214\357\274\214\345\255\246\345\274\237\350\266\205\347\245\236\347\232\204\344\270\200\345\271\264.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\344\273\216\345\256\266\351\207\214\345\210\260\351\230\277\351\207\214\357\274\214\345\255\246\345\274\237\350\266\205\347\245\236\347\232\204\344\270\200\345\271\264.md"
new file mode 100644
index 0000000..2e42cc0
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\344\273\216\345\256\266\351\207\214\345\210\260\351\230\277\351\207\214\357\274\214\345\255\246\345\274\237\350\266\205\347\245\236\347\232\204\344\270\200\345\271\264.md"
@@ -0,0 +1,360 @@
+# 从家里到阿里，学弟超神的一年
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一年，从懵懂小白到 BAT 大佬，他都经历了什么？
+
+大家好，我是鱼皮，今天给大家分享一位学弟小六的 **超完整** 学习和求职经验，不需要我太多的介绍，他的故事和干货都在文章里了，希望对大家有帮助。
+
+> 已得到原作者授权
+>
+> 作者：牛客 六分钟热度
+
+写在前面：自我介绍一下，21 届 211 科班菜鸡，在校时学业荒废，技术基础薄弱，成绩一般，保研无望，遂准备工作。
+
+求职战果：阿里、百度、滴滴、OPPO、招银等，BAT TMD 拿到了一半吧。
+
+本文力求在回忆总结、播撒鸡汤的同时多上点对读者有益的干货，对故事没兴趣的同学可以直接翻到本文后半部分~
+
+> 鱼皮提供了本文的思维导图，可根据需要跳转阅读。
+
+![](https://pic.yupi.icu/5563/202311070921439.png)
+
+> 思维导图
+
+## 求职故事
+
+### 艰难起步
+
+🕒 2020 年 4 月 ~ 2020 年 8 月
+
+人没办法预知未来。
+
+正如 2020 年 4 月 21 日的那个深夜，当我为字节跳动一周后的面试激动地彻夜难眠时，不会想到迎接我的将是毫无悬念的失败。
+
+这一周里，我拼命背基础、写 LeetCode 题目，天亮就起，凌晨才睡，吃饭都在刷牛客找面经。只可惜，几年间落下的知识没办法用一朝来弥补，**没有系统搭建的计算机知识体系，只靠着背几道面试题是经不起面试官的细问的**，二面面试官问得我哑口无言的几个问题我至今都还记得。当时字节的流程经常是一下午连着三面，每次间隔十分钟，若是能过，三面结束就有结果，否则就此止步。二面结束后，我出门狂奔了几公里，心情沮丧，但隐约又觉得自己摸到了那扇通往大厂的大门。
+
+![](https://pic.yupi.icu/5563/202311070921429.png)
+
+五月份，学校开学了，我陆续又接到了几家公司的面试邀约，印象尤为深刻的是快手的面试。面试官戴着口罩，眼神凌厉，问得不仅有常规的八股，更涉及到计算机组成原理的一些专业知识，如磁盘 IO、内存读取之类的，基础不扎实的我只好支支吾吾东拉西扯，最不应该的是连手写单例模式也没有做到 bug free，一面之后再无下文。
+
+期间也面了好未来之类的中厂，面试官问我是否会 Springboot、Redis，在得到否定的回答后他们微微摇头。
+
+小厂的机会我也没有拒绝，可惜统统以失败告终。
+
+好在最终还是拿到了美的集团的实习 offer，这也是我整个实习春招期间拿到的唯一 offer。它的面试真的很简单，只有一面，时长 20 分钟，简单介绍了一下项目，问了一下快速排序，就结束了。当天下午 hr 就打来电话告知通过，感谢美的的认可，这对当时的我来说的确是一个不小的鼓励。
+
+![](https://pic.yupi.icu/5563/202311070921436.png)
+
+以现在的眼光审视当时的自己，那时的知识储备实在是匮乏得可怜，简历上除了罗列了一些知识点外，只有一个大二参加比赛的客户端项目，我却拿着它面试后台开发的岗位，面试官拿着简历简直 “无从下手”，失败也就不足为奇。
+
+意识到这一点后，我开始学习 Java 开发的相关框架，比如 SSM、SpringBoot 等。一边着手准备项目，同时继续坚持刷 LeetCode。这段时间里我找了个 Github 上的博客项目，把它的结构大概了解了一下后，就放上简历作为自己的项目。框架方面，看了 B 站上狂神说的视频，收获不能说很大，但对于 Spring 至少有了基本的认识，配合知乎、牛客上的相关面经，足以应付一些简单的问题了。
+
+转眼时间已经来到了七月底，距我开始准备求职已过三个月，我又面试了涂鸦智能、奇安信等公司，依然没有通过。这时的我，开始面临一个选择，是否要去美的暑期实习呢？
+
+![](https://pic.yupi.icu/5563/202311070921431.png)
+
+再三权衡后，我登上了去佛山的 ✈️（美的总部位于佛山顺德）。
+
+#### 美的实习经历
+
+在美的的导师是个操着浓重湖南口音普通话的中年人，沟通起来有点吃力，人挺好的（有饭局还带我蹭），但也许是因为工作繁忙，没时间给我太大帮助。另一个同事 J 哥教了我挺多，帮我拷代码装环境，还让我不要总唉声叹气哈哈，还教我买块固态备份文件后自己重装一下系统，虽然总是 diss 我的电脑文件夹凌乱。
+
+至今还记得有个周五下午，J 哥给我讲了一两个小时的学习路线规划，告诉了我 **极客时间** 这个网站，给我举例自己是怎么运用上面的课程解决工作上的问题的，虽然后期由于时间紧张他也没多少时间搭理我了，还是很感谢他的帮助。另外需要重点吐槽的是美的给实习生发的电脑是我近年来见过的最辣鸡的电脑，六七年前的 thinkpad，卡得你一愣一愣的，办公还必须得用它。
+
+![](https://pic.yupi.icu/5563/202311070921432.png)
+
+在美的我只待了一个月的时间，说来惭愧，这段时间代码几乎是一行都没有写，直到入职两周的时候代码的环境还有问题。归结原因，一方面是由于美的美云智数的业务模式所致，它是类似项目外包的经营模式，也可以叫 SaaS，售卖企业信息化软件服务。项目当时正处于开发得七七八八的验收阶段，所有人都很忙碌，没人期待实习生有什么产出，自己太菜导致项目的 Bug 也无力解决，也没人给我系统讲解项目的结构。所以我常常是处于无所事事的状态，上班就坐在工位上刷面经、整理笔记，六点到就跑路回到公寓接着做题（美的提供免费单人宿舍，这点很不错）。总得来说，这是一段挺愉快的经历，遗憾的是没有时间好好体验大顺德的美食哈哈。
+
+但求职的压力始终没有消散，不断面试不断失败，甚至电脑还进水了...... 那几天心态崩溃，我把自己的负面心情也记录在了牛客上，也有了很多牛友鼓励，甚至有人表示愿意先借我一台电脑，感动。
+
+![](https://pic.yupi.icu/5563/202311070921444.png)
+
+好在这段时间我也有所收获，**花了一周时间搞了个RPC项目** ，靠着这个项目，我面上了 **滴滴** 的测开实习岗位。这是我此生离大厂最近的一次，我必须再次做出自己的选择：**去，还是不去？**
+
+### 渐入佳境
+
+🕒 2020 年 9 月 ~ 2021 年 3 月
+
+最终，我做出了当初和去美的一样的选择，从广东一路向北，来到北京。
+
+滴滴的工作氛围就相当 nice，团队年轻化，95、96 的年轻人居多，我在测试组，很多女生，工位左右都是姐姐。左手边坐着把我招进来的姐姐，生活方面有问题都问她，右手边年长些的是我的 mentor，负责在工作方面引导我。但时间长了就感觉到，自己对测试 / 测开的工作并不喜欢，对于需求的了解不够清晰，经常有问题都得找开发，编写测试 case 的过程也让我觉得头疼。后来就有了 **转岗** 的念头，可能真的是被幸运女神眷顾了吧，我成功调整到了开发小组。
+
+> 鱼皮：一些公司是提供了转岗机制的，大厂转岗机会更多一些。如果大家拿到了好公司的 offer，却不是心仪的岗位，没其他更好选择的话，也可以先入职，再努力转岗。像这位同学一样主动提出，抓住机会。
+
+新 mentor 是个工作激情十足的人，他做我  mentor 的日子里也是我实习收获最大的一段时间，虽然偶尔有点严厉，但真的是手把手在教我，让我从什么都不懂的纯小白成长为了能够胜任简单开发工作的菜鸟级开发选手。这段时间里虽然辛苦，但却足够充实。还要感谢我的Leader以及其他组员，对我足够包容，给了我很多试错的机会。
+
+![](https://pic.yupi.icu/5563/202311070921542.png)
+
+### 再战春招
+
+🕒 2020 年 3 月 ~ 2021 年 5 月
+
+等到我离职回校时，时间来到了三月底。我又有些不安分了，想着抓住毕业前的机会，利用实习半年的经历再试试春招，看看自己的上限在哪儿。最终把很多秋招时不敢投递的国内顶级 top 厂都面了一遍，也就不再有遗憾了。这几家公司的面试经历我也罗列一下。
+
+- 面试百度：纯属偶然，是一位百度的经理在脉脉上和我打招呼，晚上十一点约的第二天早上现场面试，感觉难度适中，拿到了 offer。
+- 字节：投递的是抖音直播，一面面试官问得很有水准，很多没答上来，二面面试官的问题简单，但细节扣得较深，遗憾止步。
+- 快手：不知为何，多次投递简历筛选都不通过，也许是去年面试评价太差了。
+- 腾讯：被捞了一次，还没面的时候发现自己就灰了，草草二十分钟了事再无后续，估计是 kpi。
+- 阿里：最终拿到 offer。
+
+分享一个投递心得：我拿到 offer 的几个大厂都不是在官网直接投递的，滴滴和阿里都是在 Boss 上的内推人帮我 **组内直推走流程**，能够实时跟踪反馈结果！百度也是直属 Leader 在脉脉上联系的，供朋友们参考下。
+
+> 鱼皮：如今，求职内推（内部员工推荐）已经非常普遍了，大家在找内推的时候，如果有意向部门或小组，最好直接找该组内的员工，机会更大一些。小心猎头！小心猎头！小心猎头！
+
+**分享下求职路上让我印象最深刻的几个瞬间：**
+
+1. 第一天到佛山的时候，去得太早物业还没开门，太阳太晒，跑到小区旁边的 **网吧** 开了台机子刷 LeetCode！
+2. 在美的面试顺丰、网易等，怕被同事发现，跑到楼梯口、楼下的草坪旁坐着面试。
+3. 第一天到北京看房时约了 OPPO 的面试，看到一半跑去面试。
+
+> 鱼皮：没想到真的有程序员在网吧刷 LeetCode！这里我真的是感同身受，自己当时也是为了面试，跑到公司楼下，到处找地方，甚至有一次是在肯德基，别人吃鸡翅，而我在机试。。。
+
+现在回想起来，倒也不能说是辛苦，做一件事情是否困难很大程度取决于你对成功的渴求有多强烈，走到今天这步，应该算是六分努力四分运气吧，有了不错的起点，未来的路还漫长。
+
+![](https://pic.yupi.icu/5563/202311070921388.png)
+
+这一年从南昌到佛山再到北京，经历了美的和滴滴，接下来的几年可能要在杭州度过了，期待。
+
+故事讲完了，上干货！
+
+## 干货分享
+
+### 资源
+
+#### 求职必备 App / 小程序 / 网站
+
+以下资源全都是我自己用过的，强力推荐！
+
+- 牛客网必须排第一，收集信息，查找面经必备，也能在上面报团取暖，没事吹水缓解压力哈哈。
+- Boss 直聘，很多是直接为自己团队招人的，一般更缺人，比起官网投递成功率 upup、其他的智联、拉钩、实习僧之类个人感觉用处不大，基本没回音。
+- 脉脉，搜集公司、部门信息首选，也能在上面找到公司 hr 帮忙内推，闲来无事吃吃瓜也是极好的。
+- 小程序 offershow，应届薪资哪家强，中国山东…… 啊呸，还不快查 offershow！
+- 网站 Leetcode、Codetop，面试字节，算法方面有它就够了。
+- 简历推荐网站 **超级简历** ，模板美观大方，还免费！
+- 技术学习网站推荐两个：掘金，上面有很多小册子，其实就是电子书，质量高的不少；极客时间，很多课程，比较系统，就是有点偏贵，不过为了进大厂这点投资还是划算的对不对~ 这两个网站的风格很清爽舒适，让我很是喜欢，学习也要颜控对不对~
+- B站，课程很多，但是我没有耐心看完那些动辄几十小时的课程……
+
+> 鱼皮：补充一个，编程导航（www.code-nav.cn），可以在上面找到很多优质编程学习资源~
+
+#### 学习书籍
+
+其实看书这玩意大家都知道，买书如山倒，看书如抽丝，我自己本身只爱看小说 / 名人传记之类的杂书，对于专业书籍一向是耐不住性子去啃的，这里只推荐我自己看过的一些比较通俗易读的书。
+
+- 《从根儿上理解mysql》
+- 《深入理解 JAVA 虚拟机》javaguide上的jvm知识用于搭建体系，这本书深入细节
+- 《码农翻身》对于初学者来说很有帮助，以拟人化的视角了解多线程等知识，趣味性很强，读来不吃力
+- 《图解计算机网络》
+- 《剑指offer》、《啊哈算法》简单易懂，适合入门
+
+![](https://pic.yupi.icu/5563/202311070921999.png)
+
+### 学习方式
+
+我主要推崇通过两种方式学习，但归根结底是一种思想。
+
+先提一个观点，**表达和写代码一样，是程序员的核心素养** 。
+
+表达能力不行，首先你面试通不过，就算技术能力过硬，那也是茶壶倒饺子，人家不能发现。其次就算你成功入职了，怎么和测试、产品对方案，你的思想别人没办法正确领会和接受。向老板工作汇报，怎么体现你的战功和武功？述职晋升的时候，怎么在短短半小时里打动评委？
+
+**所以，表达能力作为程序员软技能里的 Top one，它 hin 重要！！！**
+
+你是不是有点困惑，哎这部分不是讲学习方法的嘛，怎么又扯到表达上了？
+
+哎别急，我要说的学习方法，就是 **通过表达来进行学习** ，在学习的同时，又锻炼了自己的表达能力，一举两得，岂不妙哉~
+
+![](https://pic.yupi.icu/5563/202311070921834.png)
+
+#### 文字表达
+
+我猜无数人都和我一样，收集过网上各类人等分享出来的 XX 知识点大全，pdf 动辄几十 MB，然后下载保存关闭文件夹，三连操作一气呵成，感觉自己离大厂又更近了呢~
+
+然而现实是知识点保存之后只会默默躲在文件夹里吃灰，99% 的人这辈子都再也不会把它们翻出来。
+
+![](https://pic.yupi.icu/5563/202311070921478.png)
+
+我的观点是，知识点被整理出来的最大意义，只对于它们的整理者有用！整理知识点的过程，是整理者对于自己知识体系的系统梳理，不断在面试中完善的过程，调整自己的认知。只有你自己打出来的每行字，你才明白它要说的是什么，对于其他人来说，只剩下很小的参考意义。写笔记是个好习惯，值得长期坚持。
+
+可以自己搭建一个简单的个人博客，用 GitHub Page + jekyll，免费省心，半小时内搞定。软件强推 **Typora** ，此刻我就在用这个软件编辑这篇文章，MarkDown风格，优雅美观。
+
+![](https://pic.yupi.icu/5563/202311070921050.png)
+
+> Typora 管理笔记
+
+> 鱼皮：我在大学期间，也一直保持着记笔记、写博客的习惯，虽然文笔很差，但起码能帮助自己加深印象，便于日后复习和总结。当然，如果有时间，可以更加用心，试着把你的文章分享给其他小伙伴，看看他们能否理解。
+
+#### 语言表达
+
+相传，程序员届有一个古老的传说，桌面上有一只黄色小鸭子的程序员往往能在最短时间内解决自己写出来的bug。
+
+具体操作方式是，沐浴，更衣，焚香，然后双手合十，口中疾呼，急急如律令！debug 之神小黄鸭就会被召唤出来解决你的Bug。
+
+![](https://pic.yupi.icu/5563/202311070921782.png)
+
+不开玩笑了，其实这是著名的 **小黄鸭调试法** ，让你对着小黄鸭去讲解一遍这段代码自己的思路，用表达的方式去梳理自己的逻辑，通过这种方式找到潜藏的漏洞。听着玄乎，但却真实有效，很多时候，你以为你知道的内容其实并不清晰，学习知识也是一样，怎么判断一个知识点到底有没有掌握？就看你能不能自己独立把它讲述出来。
+
+或者有男 / 女朋友也可以，同道中人自然更好，拉着一起学习，互相促进；不是学计算机的也可以讲一些通用的知识，比如LeetCode上的股票买入时机、凑硬币问题，讲解一些智力题等等，既学到了知识，又增进了感情，工作和生活兼顾，实在是一件美事。
+
+不要嫌你的听众笨听不懂，听不懂只有一个原因：你讲得还不够深入浅出，你对知识的理解还不够扎实，再精美的高楼大厦也是由一块块不起眼的砖瓦搭建的，要相信任何知识点都可以用浅显易懂的方式表述出来，继续学习吧少年，再来一遍。
+
+> 鱼皮：有时间的话，大家也可以试着把自己的讲解过程以视频的形式录制下来，像我现在做知识分享一样，能够很大地加深你对知识的理解和印象。
+
+### 求职技巧
+
+#### 项目
+
+我最初的项目是一个单体博客项目，但一个 **简单的单体博客项目** 是绝对满足不了面试官的期望的，尤其是在后端开发岗竞争尤为激烈的情况下，**分布式、微服务** 几乎是必备的技能，如果项目上没有体现出来，那么面试官必定会对这方面的知识点加以盘问。所以面一家挂一家。而 RPC 项目作为一个代码量本身不大的项目，更适合求职。
+
+以下几点说明：
+
+- 使用到了网络编程框架、协调服务 Zookeeper、序列化框架 fastJson 等。
+- 在基础知识上，运用到了动态代理、反射、这些高阶一点的 Java 特性。
+- 可以聊聊性能相关的 qps，通过负载均衡的方式减轻单机压力等等，这方面可以聊的就多了，消息队列、Nginx 等，不过项目本身没有用到。
+
+![](https://pic.yupi.icu/5563/202311070921953.jpeg)RPC 远程调用
+
+项目指路：https://github.com/he2121/MyRPCFromZero
+
+项目一定要自己 **一行一行手打** 出来，不要偷懒，有不会的地方就去学习了解对应的内容。大概两周时间就够了，接下来要做的，就是整理一套自己对于项目理解的话术，并且不断通过面试官的反馈去调整自己的表达方式。一般面试开始的时候，自我介绍结束之后就是介绍项目环节，这段时间要着重展示自己的技术栈和亮点，为之后面试官的提问做好铺垫。项目的最大意义，是让面试官找到提问你的点，也就是所谓的 **抓手**。
+
+#### 自我介绍
+
+建议分点，模板可以是 “总分总” 的形式，把自己的个人介绍分成校园生活、实习经历、个人技术栈等板块，分点介绍，这样不容易把面试官绕晕，能够很清晰地 get 到你的点。而每个大板块里又可以分几个小点，比如在实习期间做了哪些需求，在校期间的比赛、奖项等。一定要 **条理分明** ，否则你这边吹得天花乱坠，面试官听得云里雾里，效果不会好的。
+
+对于很多同学来说，包括我自己之前也是，没有实习，在校经历又乏善可陈，就容易感到困惑，我到底该介绍点什么好？
+
+![](https://pic.yupi.icu/5563/202311070921231.jpeg)
+
+我觉得可以着重介绍自己最近在看的技术书籍、分享自己的收获，也不失为一种不错的方式，这样做的目的：
+
+1. 填充自我介绍时间，不会太过短暂
+2. 引导面试官之后的提问，很可能就着重围绕你擅长的这方面
+3. 个人印象分 up，容易给面试官一种善于自我驱动的感觉
+
+你看，就像这样，分点陈述，是不是 so easy，妈妈再也不用担心我的自我介绍了~
+
+至于你到底看了什么书，就看个人兴趣了，我自己是在极客时间上买了一本《从根儿上理解 MySQL》。这本书个人认为是极好的，虽然到现在也没有全部看完，但是数据库的实现原理方面已经足够面试吹水用了，通过它我对于一些面经的理解更加深刻了，比如说，mysql怎么实现的 MVCC（多版本并发控制）、为什么被删掉的数据依然存储在硬盘中，怎么个存法、事务是怎么实现的等等，这些书中都有答案。而且一些细节问题我相信很多面试官也是不了解的，毕竟工作中用得不多，那么这就是你展示你的技术深度的时刻了，比起只会硬背面经的竞争者，是不是立马亮眼了起来？
+
+![](https://pic.yupi.icu/5563/202311070921882.png)
+
+> 鱼皮：自我介绍几乎是每轮面试开头都有的环节，至关重要，建议事先准备好一段话，多口述练习几遍。
+
+#### 面试技巧
+
+这一整年下来，从最初面试字节时说话都有些颤抖，到后来睡梦中迷迷糊糊接起电话就能聊（吹）个十分钟不带喘气的，我大概经历了技术面试 **四十多场** ，分享一些小技巧。
+
+其实面试的时候，碰到不了解的问题很正常，每个人都有自己的知识边界，面试官也未必全知全能。
+
+对面试官来说，问问题的目的不仅仅是询问你对单个知识点的理解，更是对你整个知识体系的全面考察，如果你这里不了解，但其他地方有深度，可以把面试官往那边引导。比如说面试官问到 IOC，你说 IOC 不是很了解，但可以讲讲 Spring 的另一块基石 AOP 巴拉巴拉（当然 IOC 不知道你已经没了，太过基础，这里只是简单举个例子）。
+
+总之，尽量避免长时间的停顿，会让气氛变得比较尴尬，进而影响接下来的发挥。
+
+其他方面就不多介绍了，对前期的求职者来说，每次面试机会都弥足珍贵，最好录音一下，面试完以后去 **复盘** ，从各个角度给自己挑刺，包括回答的语气是否有点尖刻、知识点是否回答完善等等。没把握的时候多找小厂练手，能力提升后再去面大厂，避免留下糟糕的面评。我今年投递快手无法通过简历筛选也许就是因为去年状态太差留下了糟糕的面评导致。
+
+![](https://pic.yupi.icu/5563/202311070921763.png)
+
+**有一些面试百分百会问到的问题必须准备：**
+
+- 介绍下项目 / 实习中的亮点或者难点
+- 项目 / 实习中收获最大的是什么
+- 项目 / 实习中结合了哪些知识点
+- 反问环节：我一般必问的问题是面试官对自己的评价或者是建议。面试不是自娱自乐，你的表演效果如何，需要得到观众的评价。
+
+面试的过程也是不断打磨自己面试技巧的手段，务必珍惜每个面试机会。比如我自己在今年春招的时候，由于有了实习经历，每次面试面试必问的一个问题就是让我介绍一下实习过程的项目。其实坦白说实习过程做的事情也没有多大难度，最开始我选择了一个业务场景相对复杂的需求，为了把这个需求讲透彻，自己整理了一大段关于背景的描述，一开始现场面试的时候感觉还好，配合当面纸笔画图描述，往往花费一定时间还能让面试官大致理解到我的点。后来视频面试甚至电话面试就发现，讲这个需求的 ROI（收益比）实在太低了，花费了大量时间，从面试官那里没有得到很强的正向反馈。所以后来我换了一件工作去介绍，效果就好了一些。
+
+> 鱼皮：面试过程中的每一分钟都要把握住，尽量少说重复的、不能体现自己亮点的话；在回答面试官问题时，也要想清楚再说，不要自己乱说一通，到头来发现是错的。
+
+#### 算法
+
+其实现在我觉得算法只是一道门槛，对智力正常的 IT 从业者来说，只要花时间去练习，是肯定能达到要求的，一般公司即使是大厂也不会在这方面太过刁难。如果一上来就出一道 Hard（不常见的那种，超高频的接雨水、LRU、K 个链表等不在此列），只能说明这个面试官不讲武德，你和这个岗位还少点缘分，那挂掉倒也无妨，毕竟大厂还有很多。我自己是大概刷了 300 题不到，到达这个题量之后可能会发现，之前的题目基本上又忘光了，很好，可以来 **第二遍** 了。第二遍就会轻松很多，简单回忆一下，重点题一定要多练。
+
+最开始写算法的时候我发现自己快排怎么都记不下来，学了忘忘了学。后来有一周我给自己规定每天早上醒来就写一遍，一周后写这它已经不过脑子了，拿着键盘就是敲，形成了肌肉记忆。**通过刻意练习，巩固所学，在理解的基础上去记忆。** 还记得 OPPO 二面的时候我当场表演了手撕堆排、在滴滴表演手撕 LRU，这种比较长的算法写出来是很加分的。
+
+![](https://pic.yupi.icu/5563/202311070921880.jpeg)
+
+资源方面首推 LeetCode 的评论区，各路大神都会分享自己的题解。还有很多网红，什么甜姨啦，liweiwei，labuladong 等等，都各有特点。看到有人喷他们，感觉倒也大可不必，每个人的思路不同，不适合你的也许其他人能从中获益。我看题解一般就是，这篇看不懂，马上就换，不去死扣，多看几篇总有适合自己思路的解答，不懂就留言提问，一般都会积极回复的。
+
+课程方面只看过左神（左程云）的算法课，表达和编程的高手，配合上极富煽动力的语言和对题目轻蔑的语气，很容易给你一种自己能和他一样牛的错觉。在初学阶段入个门是极好的，19 年的时候基础版看过一遍。前阵子发现左神新课里顶着的新发型有点丑。。。我曾经可是他的颜粉啊，爷青结。。。。
+
+#### 面经
+
+网上的各类面经已经堆积如山了，不想在这里贴太多基础面经，就分享一下最近让我印象比较深刻的 **抖音一面** 的问题吧。
+
+1. ReentrantLock 如何实现（AQS 实现）
+2. go 中的线程安全，全局变量、channel 是否安全、GPM 模型、channel 的 buffer
+3. nginx 如何实现限流，令牌桶和漏桶的区别
+4. CAS 中的 AAB 问题怎么解决
+5. redis 跳表的数据结构
+6. 扩容对 nginx 负载均衡策略的 ip 哈希产生的影响（往一致性哈希去答）
+7. 缓存击穿问题，除了设置热点数据不过期以外的解决方案
+8. redis 扩容的具体实现方式
+
+> 鱼皮：这一轮面试的问题都是比较经典的后端 **难题** ，像锁、线程安全、限流、CAS、缓存没多做些准备感觉还是挺难答出来的。
+
+阿里则偏爱 JVM 调优一类的问题。
+
+面抖音的时候又是时隔半年后春招第一次面试，不知怎么我总拿字节练手。。。其实也做了相对充足的准备，像去年一样闭关了一周，非常焦虑想要拿到 offer。一面的时候面试官提出了很多没有意料到的问题，算法还来了个 KMP，勉勉强强通过了，二面其实问题反而简单，没有意外，但是一些基础问题的细节没答好，还是没有通过。字节也算是心中的白月光吧，可惜越渴望好像就越得不到，阿里 oc 后字节 hr 又来约面试，拒绝了，以后社招有机会再面吧。
+
+![](https://pic.yupi.icu/5563/202311070921941.png)
+
+## 总结
+
+求职路漫漫，有个好心态非常重要，永远相信美好的事情即将发生（好像暴露米粉身份了）！
+
+抓住能让自己成长的每个机会，努力去做自己认为对的事情。
+
+成为一个乐观，皮实，自省的人，你我共勉。
+
+## 答疑
+
+### 怎么讲实习项目？
+
+首先实习绝对是巨大的优势，特别是大厂实习。工作中的流程，从捕捉需求，到设计技术方案、再到初步自测、给 mentor CR、给测试提测、再到上下游联调、灰度上线、全量上线这一套开发步骤是没有实习过的同学感受不到的。当面试官让你介绍实习做的事情的时候，虽然你很可能只是做做边角之类的辅助工作，接个小需求（像我一样），但可以适当地包装一下。具体怎么包装呢？
+
+![](https://pic.yupi.icu/5563/202311070921197.png)
+
+第一，在实习期间就要多加注意，什么样的工作是能在面试中展示的，业务上的事情主要是 CRUD，对于系统代码的梳理，其实这部分是实习生工作的重点，但是对于不同赛道的面试官来说，很多时候很难 get 到你的点，不推荐讲业务。而涉及到数据库、网络之类的工作，属于技术人的必备技能，更适合去讲述，可以在实习期间就有目的性的去关注系统的 sql，有哪些可以优化的点，结合八股里的知识点，比如说联合索引、最左匹配之类的，好好挖掘一下，打造自己的亮点。
+
+第二，定期梳理，比如说每个月去整理一下这个月做了哪些事情，可以 **主动** 发月报给 mentor/leader 看，获取他们的意见，也防止实习期太长产生遗忘。
+
+> 鱼皮：在工作中，总结真的非常重要！以后晋升答辩时，通常是要讲述你这段时间的工作情况的，如果不总结，很多自己做过的事可能就忘了，还可能会重复犯错。我是从实习期就开始记录自己的工作日常，到目前为止，已经快 **两年** 了。
+
+### 测试 / 测试开发相关问题
+
+#### 面试难度是否更低？
+
+这个是肯定的，通常意义下，测试/测试开发岗的面试难度普遍要更低一些。考察的技术栈和后端基本吻合，一些测试相关的知识稍作了解即可，确实是对自己技术不自信时进入大厂的一条捷径，基本上大厂里相同资历的测开和开发的薪资是相差无几的。
+
+#### 发展前景如何？
+
+这个我也不好妄下定论，就把我了解到的一些信息贴出来仅做参考吧。首先由于第一点，测试岗的面试难度是要低于开发的，我觉得各有利弊吧。
+
+✅ 利是测试岗相对不那么内卷，努努力在技术上多打磨一下自己，比较容易崭露头角，成为团队中的核心骨干。其次是加班一般是没有开发那么多的，当然项目上线前总得来说还是很忙碌的。
+
+❌ 弊处是相对导致测试团队不那么受重视，分配到的资源较少，测试 Leader 如果不能在整个技术大团队中为团队争取，可能会导致晋升名额少或是团队整体绩效不高。
+
+综合来说，我觉得判断自己适不适合测试/测开首先要找准自己的定位，如果是对于技术不那么执着，不那么“爱卷”，把测开作为自己的职业也未必不是一个好的选择。
+
+
+
+------
+
+
+
+看完这篇万字长文，不知道大家有什么感想？
+
+给我印象最深刻的有三点：
+
+1. 知耻而后勇：从第一次面试字节时的懵懂无知，到经历四十多次面试后拿下大厂的半壁江山，小六在这期间付出了太多的努力，天亮起凌晨睡、学了忘忘了学、在网吧刷 LeetCode，这些足以证明他的成功值得！
+2. 善于学习：从小六的分享中也可以看出，他有自主学习方法（比如多种方式表达），同时乐于分享、善于总结，这些都是学好编程的助推剂，也是面试官渴望看到的闪光点。
+3. 面对两次实习的抉择，果断出击，并且在实习过程中坚持学习，从不懈怠。
+
+在秋招来临之季，很多同学可能都会面临和小六当时一样的选择，到底应该参与实习还是专心准备秋招呢？
+
+鱼皮认为，如果眼前实习机会还可以、并且此前又没有实习经历，那么 **强烈建议参与实习** ！并且在实习的日子里，也要持续准备秋招，哪怕请假也要参与面试。担心时间不够，那就趁早开始准备，付出更多的时间吧。
+
+好啦，以上就是本期分享，觉得不错的话，还请朋友们 **点赞 + 在看** 支持下，希望能帮助到更多同学 ❤️
+
+![](https://pic.yupi.icu/5563/202311070921649.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\217\214\351\235\236\351\235\236\347\247\221\347\217\255\357\274\214\344\270\200\345\271\264\351\200\206\350\242\255\347\231\276\345\272\246\357\274\201\345\256\214\346\225\264\351\235\242\347\273\217.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\217\214\351\235\236\351\235\236\347\247\221\347\217\255\357\274\214\344\270\200\345\271\264\351\200\206\350\242\255\347\231\276\345\272\246\357\274\201\345\256\214\346\225\264\351\235\242\347\273\217.md"
new file mode 100644
index 0000000..17e1ef1
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\217\214\351\235\236\351\235\236\347\247\221\347\217\255\357\274\214\344\270\200\345\271\264\351\200\206\350\242\255\347\231\276\345\272\246\357\274\201\345\256\214\346\225\264\351\235\242\347\273\217.md"
@@ -0,0 +1,342 @@
+# 双非非科班，一年逆袭百度！完整面经
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近秋招快到了，我就想着给大家找一些优秀的程序员面经分享。希望可以帮助准备求职的同学更稳地上岸，同时帮助学编程的小伙伴们更好地明确学习路线和方法。
+
+今天要分享的呢，是一位 **双非非科班** 同学小黑的励志故事，我也会补充一些个人看法，锦上添花。
+
+芜湖起飞！
+
+![](https://pic.yupi.icu/5563/202311070915343.png)
+
+> 面经已得到原作者授权
+>
+> 作者：牛客 Matthew_black
+
+## 背景
+
+大家好，我是小黑，双非非科班出身，大四下才开始自学计算机，毕业后在 4399 做前端，base 广州。
+
+说是做前端，其实我干的事情非常杂，经常要自己写后端接口和数据库，部门经理也打算让我走后端的路，所以满一年后，我打算找下家专注前端。
+
+> 鱼皮：双非非科班，大四才开始自学计算机，就找到了一份前端工作，说明肯定是下了很大功夫的。而在工作之后，依然可以坚持自己的学习方向，有明确的目标，这点难能可贵。
+
+## 面试前的准备
+
+### 1. 简历
+
+校招简历可以不带项目或者实习，有的公司甚至 985 科班就可以进，但社招相对比较侧重技术和业务维度，如果你是业务巨人，也可以弥补技术的不足，考量的维度会比校招更多维。因此简历作为第一关，是至关重要的一环，在开始求职前先好好准备一份简历吧~
+
+> 鱼皮：对于名校同学来说，校招简历也许可以没项目或实习经历。但对于更多普通学校的同学，建议大家多做项目、尽早去找实习，否则简历上根本没有亮点！分享下我自己的写简历技巧和模板，公众号【程序员鱼皮】后台回复 “简历” 获取。
+
+### 2. 算法
+
+算法主要就是刷 LeetCode，可以不会写 Middle 题，但不能没有常用算法的思维。面试季让自己保持算法的思维非常重要，不止体现在写算法题上，在和面试官交流到一些源码思想的时候也可以帮助自己更流利地表达和讲述。
+
+楼主的复习思路（菜鸡的思路）是好记性不如烂笔头，一道题 7 天之内一定要再写一次，才不会被遗忘曲线影响。对于一些较难理解的常考题目，建议多写几次记住思路。写题目时不一定要在一道题上死磕，做不出来就多看看类似题目，学学算法思想、理清思路再做，一定要找到做题的感觉。
+
+![](https://pic.yupi.icu/5563/202311070915653.png)4-5 月的简单练习
+
+> 小黑同学也提到了，好记性不如烂笔头，学算法一定要多写，不仅写代码，还可以写题解，有助于自己强化记忆和复习。
+>
+> 关于我学算法的方法，可以阅读这篇文章：[刷了 1000 多道算法题，一点心得](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496505&idx=1&sn=4bf3d2e7ddc7fe6c7bba4da6d174074c&scene=21#wechat_redirect)
+
+### 3. 复习准备
+
+因为主要的求职目标是前端，所以复习前端为主，但也复习了部分后端的知识。
+
+前端：计网（ http、tcp、响应头请求头等），前端三剑客（HTML、CSS、JavaScript），Vue 框架（源码），Webpack（常见优化思路），微前端（架构及发展趋势），node（Koa 框架），设计模式（主要是 MVVM 和 MVC）。
+
+后端：数据库，Redis，Linux 系统，Nginx 等。
+
+再撸几十篇牛客面经，就万事俱备了。
+
+复习的资料和时间安排如下：
+
+#### 第一阶段
+
+四月的时候侧重基础，查漏补缺，直接找总结好的博客或者 Github 项目，推荐我男友（不是）的日记：
+
+指路：https://github.com/WindrunnerMax/EveryDay
+
+![](https://pic.yupi.icu/5563/202311070915648.png)江湖人称朝阳日记
+
+他的博客总结的很齐全，分类也很完善，复习基础的时候基本每天看个四五个小时，对于我这种基础不扎实的菜鸡非常友好，建议大家去看看。
+
+#### 第二阶段
+
+五月份的复习侧重框架和业务优化，组织了几场模拟面试，发现自己对 Vue 完全不熟练，所以把 Vue 文档和源码分析从头到尾 **看了几遍** ，渐渐理解了一些面试官的问题。
+
+对于业务优化方面，要总结好自己在日常业务遇到的坑和优化点，如优化了首屏加载。可以从多个维度去讲，组织语言的时候尽量从各点出发，不要杂糅成一团，否则即使说对了也会让面试官觉得你思路很乱。
+
+五月的时间我基本用来复习框架和看一些进阶的常考点如 ES6 和 Webpack 等，而算法是贯穿整个求职周期的，所以在这个月也简单复习下。
+
+Vue 源码分析：https://vue-js.com/learn-vue/
+
+更细的知识点之前收藏了一篇大佬写的文章，上中篇基本涵盖了全部前端 Js 知识点，给有兴趣的同学指路：
+
+复习小点总结：
+
+上：https://juejin.cn/post/6844903776512393224
+
+中：https://juejin.cn/post/6844903801153945608
+
+> 鱼皮认为这是一个非常好的复习路线。先打基础，再由浅入深地看框架，并且结合项目和工作实践去分析框架（中间件）的作用，在整个过程中持续复习算法、阅读面经。
+>
+> 对于想学习前端的朋友，也推荐看看我梳理的 [前端学习路线](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497997&idx=1&sn=7c0a24ef77ea1336eb92f818d43522e5&scene=21#wechat_redirect)，帮助你快速了解前端的重点知识。
+
+### 4. 好书推荐
+
+看一些好书能帮助理清一些枯燥的知识点，比如计网和 JS 一些概念性的东西（作用域等），这里推几本好书，在面试季前可以多翻翻，有助于复习理解：
+
+1. 《你所不知道的 JS 上中下卷》
+
+   推荐理由：挺不错的一本书，把js口语化，语言风格诙谐，示例更多，更易理解
+
+   ![](https://pic.yupi.icu/5563/202311070915663.png)
+
+   > 《你不知道的JavaScript》（上卷)
+
+2. 《JavaScript 高级程序设计》（也叫红宝书）
+
+   推荐理由：入门级的教科书，新手菜鸡常备
+
+   ![](https://pic.yupi.icu/5563/202311070915196.jpeg)
+
+   > 《JavaScript高级程序设计》
+
+3. 《Tcp / Ip 协议簇》
+
+   推荐理由：被大佬安利的一本好书，把 Tcp 握手和挥手描述的特别细，如果你在面试时也可以这么描述，也许能博得面试官丢丢好感。
+
+4. 《深入浅出 Node》
+
+   推荐理由：Node 文档还是偏运用层面，有用到才去查，生啃有点吃力，所以可以通过这本书入门。
+
+5. 《深入浅出 Webpack》（暂未开卷，打算近期启动）
+
+6. 《ES6 入门教程》
+
+   推荐理由：阮老师著作，看就完了，不多述
+
+   ![](https://pic.yupi.icu/5563/202311070915190.jpeg)
+
+   > ES6 入门教程
+
+另外的，自己还找了一些课程来看，偏向计网的一些课程，如 B 站一些老师的网课，讲的也很不错。
+
+指路：https://www.bilibili.com/video/BV1c4411d7jb
+
+这几 P 帮我在百度二面讲网络的时候帮了很大的忙，面试官也比较满意这一点。
+
+> 鱼皮：都是前端方向比较经典的书籍，在编程导航（https://www.code-nav.cn）可以免费下载。
+
+接下来是我参与的几轮大厂面试的经验分享，包括腾讯、阿里、百度。
+
+## 腾讯云面经（base西安）
+
+### 1. 一面
+
+我当时正处于刚开始复习的阶段，虽然问的东西非常简单，但真的被虐的很惨 ==
+
+1. 自我介绍
+
+2. 介绍一个满意的项目，亮点(模块化思想)
+
+3. react会吗（答不会，没学过）
+
+4. 其他技术栈（react,angularJs,jquery，vue3掌握情况）
+
+5. vue掌握程度（答掌握工具，知悉其中一两个）
+
+6. vuex介绍，工作原理（答得不好，复习的不多）
+
+7. eventBus介绍,和vuex对比，优缺点
+
+8. 如果没有vuex，会有什么问题？（组件传值；避免频繁请求）
+
+9. 后台频繁请求有压力，有什么方法可以避免？
+
+   回答：1. 防抖，限流 2. 本地缓存或 sessionStorage
+
+   又问：不能用缓存保存有什么方法？答：Node 中间件，不接受请求
+
+   又问：没有 vuex 怎么缓存？答：那使用全局变量？
+
+   又问：一定要使用全局变量么？答：否，但不知道还有啥。。。
+
+10. 组件传值方式（8 种，详见朝阳日记）
+
+11. EventBus 介绍,使用业务场景，和 vuex 对比，优缺点，对 EventBus 熟悉吗？（答：不熟，这部分挺致命，抠得很细）
+
+12. 子组件如何修改父组件的值（通过 v-model 或者 $emit）
+
+    不能用 v-model（等同于问 v-model 实现原理）
+
+    v-model: 语法糖，本质是双向绑定，@input（onInput事件）
+
+13. vue的双向绑定缺点，defineProperties缺点（顺便答了vue3优化）
+
+14. vue3了解吗（不了解，还没开始学）为什么是用.value读值
+
+15. 跨域常见原因，同源策略作用，没有跨域会做什么（答了XSS攻击，CSRF攻击会更容易）
+
+16. XSS 攻击和 CSRF 攻击
+
+17. 为什么说CSRF攻击是利用网页利用浏览器信任？
+
+    答 cookie，面试官不满意，还有别的吗？答了同个域，回到跨域，同源信任，感觉还是不对
+
+18. 跨域方式（JSONP，设置请求头）
+
+19. JSONP缺点
+
+20. 设置多个跨域请求头的方法（数组） 回到前端响应头是以什么样的形式（答了源，面试官说大体没错）
+
+21. 前端到后端请求的详细过程（301，302，304…）
+
+22. options预检请求作用（白给…完全不熟悉）
+
+23. 函数式编程与面向对象的区别，优缺点（再次白给…）
+
+24. 闭包是函数式编程吗？（是）
+
+25. 补充项目（多线程压缩gif，web worker）
+
+26. 避免二次请求，once函数（答了防抖和http2.0限制进程，面试官说没到后者那么深）
+
+27. 反问评价（面试官答他们技术栈用的是react,vue用的较少，评价候选人vue基础并不深，需要好好巩固，不过只有一年经验也足够，要好好沉淀）
+
+面试结果可想而知，几天后显示挂了，收到感谢信。
+
+> 鱼皮：能把面试的题目和自己的回答记录的那么详细清楚，说明是面试完立刻复盘了，这是一个很好的习惯，面试完后一定要积极总结，每一轮的问题都有可能在之后的面试中再次遇到。
+
+## 阿里 - 创新事业群 UC 事业部面经
+
+### 1. 一面 Leader 面
+
+面试官竟然就是我的内推人，还是部门 Leader，感觉气场很强，不过还是专注撕逼，没被镇住。
+
+1. 自我介绍
+2. 疯狂问公司项目和业务，你遇到过的问题，怎么提升运营留存率balabala(撕了半小时业务)
+3. 压测过机器吗，大概读或者写是多少（答十几万，读写综合）
+4. 实现累充充值接口的思路，如何保证实时性？
+5. 看你项目写了 vue，问点 vue 吧（终于正常问了），v-if 和 v-show 的区别（就这，没了）
+6. osi 七层模型（面试前没看，面试官嘲笑我是不是忘了）
+7. webpack
+8. 公司架构如何？
+9. 公司数据库如何部署的？（分布式部署，一台做源机做映射）
+10. 反问（业务，架构）
+
+整个面试体验很差，感觉全程在套方案，不像面试，也许这就是大佬的面试吧。面试结束后，面试官和我说会再找一个候选人横向对比（指养鱼），6 月 7 日下午收到二面通知，于 6 月 8 日晚上二面。
+
+## 百度 - 百度网盘事业部面经
+
+在群里认识一个网盘小伙伴，说正好网盘在扩招，叫我去试试，不得不说，百度的招聘系统虽然不是很 nice（经常被一些 hr 实习生乱推），但面试体验是非常好的，和面试官也聊得很来，点个赞！
+
+### 一面 mentor 面
+
+1. 自我介绍
+2. 在学校自学了什么课程？数据结构讲几个？栈和队列的区别
+3. css 垂直居中
+4. flex 布局
+5. grid 布局
+6. 移动端布局，移动端适配
+7. 介绍下 ES6（自嗨了十几分钟，讲了weakMap weakSet，promise等等）
+8. promise 源码介绍，面试官很自豪的说其实我写过
+9. 学习方式，看什么书（balabala），红宝书好看吗，讲下感受
+10. 项目难题
+11. 文件断点续传思路
+12. node、koa 框架，开始撕业务
+13. 反问
+
+一面聊的比较随心，面试官对我的项目比较感兴趣，也和我沟通了一些业务，面试体验挺好，更像技术交流而不是面试。
+
+> 鱼皮：这轮面试就是典型的一面风格，侧重基础知识的考察，也会问一些业务场景问题，所以基础还是要打好。
+
+### 二面 商务运营部长面
+
+看了别的小伙伴的面经，以为二面偏业务，没想到被背刺了（哭哭）。
+
+1. 自我介绍
+2. 状态码 304怎么做 Cache-control有几个属性？
+3. tcp与udp区别
+4. tcp如何保证数据稳定？（讲了三次握手，滑动窗口，慢开始，拥塞控制，超时重传，快重传）
+5. cdn原理，cdn回源怎么做（一脸懵逼，因为cdn我司分给了运维层做）
+6. 扫码登录怎么做，手机端和PC端都要建立长连接吗？
+7. sso单点登录
+8. 小程序做过吗（大学时做过），和h5区别在哪里，为什么没有dom操作，js加载和页面同时进行吗？
+9. webpack 介绍下tree-shaking css-treeshaking plugin和loader区别，手写过plugin吗？
+10. 进程与线程区别，线程间通信方式
+11. 流的概念，node stream流
+12. 如何用node读取20g文件
+13. node和php的区别
+14. vue-if与v-show
+15. vue的模板渲染（源码）
+16. 父子组件的挂载
+17. 公司项目亮点（答了前端共享进程池）
+18. 何时能来上班？对新公司有什么期待？
+19. 反问环节
+
+毫无疑问，这一仗被打的遍体鳞伤，虽然二面过了，但是一些原理性的东西面试官挖的很深，业务场景题也没少问，看来还是要好好读术~
+
+![](https://pic.yupi.icu/5563/202311070915015.png)
+
+### 三面 部门经理面
+
+面试的时候环境很嘈杂，有几次没听清面试官讲了什么，当时家里网络也不是很稳定，但总归聊的还行，涉及一些开放性的论述题目，这个自由发挥，合理真实即可。
+
+1. 自我介绍
+2. 描述下你的优缺点
+3. 描述下你做过最难的项目思路
+4. 为什么想跳槽？
+5. 技术栈不同，有想过重构吗？难点在哪？
+6. 对自己的团队定位
+7. 遇到的业务沟通问题有什么解决方案
+8. 假如你要从百度离开，你想得到什么技能
+9. 职业规划
+10. 理想的新公司资源
+11. 如何形成自有体系的业务方法论
+12. 对百度网盘产品有什么使用建议？
+13. 对加班的看法
+14. 反问（部门架构，技术分享周期，带团队的方法）
+
+和部门经理聊了会，发现部门经理是比较看重个人职业发展的，整个部门是偏技术交流多一点，技术氛围非常浓厚，用人也会如千里马，此刻我的心只想为百度跳动。
+
+![](https://pic.yupi.icu/5563/202311070915082.png)
+
+### 四面 hr 面
+
+主要是了解一些个人资料、年薪待遇，以及去北京的意向等等，比较常规。
+
+## 战果
+
+6 月 7 日晚上，收到了百度 offer call，同期还有阿里在面所以 argue 了下薪资，大概率是去北京百度了（乡下人进城），小菜鸡的第一次社招之旅到此画上句号。分享好运，祝各位秋招顺利！
+
+
+
+------
+
+
+
+以上就是小黑同学的分享，双非非科班，自学半年找到前端 4399 公司工作，工作 1 年就得到了多家大厂的面试机会，并且顺利拿到百度 offer。这些经历看似行云流水，但从他的面经以及我和他后续的交流中，我发现小黑有很多优秀的特质，比如：
+
+- 有明确的目标和规划
+- 善于自主学习，懂得利用优秀资源
+- 懂得复盘总结
+- 努力，坚信勤能补拙
+- 有信念，工作之后依然持续学习
+- 懂得把握机会，在合适的时间迅速出击
+
+![](https://pic.yupi.icu/5563/202311070915159.png)我和小黑的交流
+
+虽然进大厂也讲究天时地利人和，但正如我所说的，运气也是实力的一部分，小黑同学正是通过努力才一步步走到风口浪尖，然后顺势而为、主动出击，才拿到了令人心动的 offer。瑞思拜！
+
+![](https://pic.yupi.icu/5563/202311070915005.png)
+
+最后，祝大家假期愉快哦！觉得本文不错的话，希望朋友们能 **点赞 + 在看** 支持下，给俺点创作的动力 ❤️
+
+![](https://pic.yupi.icu/5563/202311070915155.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md"
new file mode 100644
index 0000000..2bcd580
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md"
@@ -0,0 +1,89 @@
+# 大二学弟刚面完字节，热乎！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今年的春招即将拉开序幕，甚至有些公司已经提前开始了！比如字节跳动。
+
+正好有一位加入我星球的小伙伴前两天刚刚参加完字节跳动暑期实习生前端岗位的面试，趁热给大家分享一下他的面试经历以及相关面试题，希望对大家有帮助。
+
+![](https://pic.yupi.icu/5563/202311070928053.png)
+
+------
+
+
+先说明一下本人的情况，我是一名 **双非非科班** 的大二学生，有不到一年的实习经验（大一下在一家小厂实习），上周投了字节跳动的简历，昨天面完试啦，就在鱼皮这里分享一下面经和面试的感受吧。
+
+> 鱼皮：补充介绍一下，这位同学很喜欢自主学习，目前除了前端外，还自学了 Python、Java 后端等技术，有一定的技术广度，并且能够独立完成较完整的项目。
+
+下面先分享一下这轮面试遇到的题目。
+
+### 字节跳动前端实习生一面题目
+
+1. 自我介绍
+2. 自己项目中难的点
+3. html 常用的标签
+4. 行内元素和块级元素
+5. 闭包
+6. http / http2 / http3 之间的区别
+7. https /  http  区别
+8. 在 Https 中 SSL 加密的过程，使用了什么算法？
+9. 移动端适配
+10. 跨域问题
+11. 浏览器输入 url 后的过程
+12. 浏览器是怎样去解析 html 页面的？
+13. 手写 Promise 过源码吗？
+14. 你看 Vue 源码是怎么看的，是在 Github 上的还是在 B 站找教程看的？
+15. Vue2 / Vue3 响应式原理
+16. Vue2为什么不能检测数组的变化。
+17. Vue3中响应式原理做过哪些升级。
+18. 代码题：JS 事件委托 / 事件冒泡。
+19. 算法：机器人走网格。
+
+### 面试感受
+
+大家可以看到，面经上的题都是比较常见的问题。在准备面试之前，我可能对这些知识只是有简单的了解，但是在准备面经的这几天，我刷了很多字节的面经，自己尝试着去回答一些问题，我觉得这几天刷面经的这个过程对我来说还是效率比较高的，刷面经也可以帮我快速明确自身有哪些不足的点。
+
+因为面试大部分都是网上能找到的八股文，所以我也基本都答出来了。
+
+本来还是挺自信的，结果最后，面试官却对我说：你的基础还是挺好的，但是算法不行。
+
+雀氏是酱紫啊，我本身是没去系统地学习过数据结构和算法的。。。。。
+
+![](https://pic.yupi.icu/5563/202311070928764.png)
+
+所以通过这次面试，我找到了自己最大的问题 —— 就是 **算法** ，也让我意识到了算法对于一个程序猿的重要性。有时候，即使前面的八股文背的再溜、答得再好，算法不好也是 gg 了。即使是简单的动态规划问题，面试时脑子一热导致我都没写出来（也是自己菜），这也让我意识到了刷题的重要性，我准备下周开始系统地学习数据结构和算法，多去 LeetCode 刷刷题了。
+
+除此之外，最后面试官还说：虽然你学了 Python、Java、前端、后端，知识很丰富。但是你现在最好找一个方向，并且让自己在这个方向上学得更有深度。
+
+雀实啊，虽然我做的项目很多都是自己写的前后端。但是说深度，我只能说前端是我略有深度的一个方向，但是还远远不够深。。。
+
+最后，想给大家一些值得参考的小建议，我们可以通过刷面经、准备面试的过程中发现自己不足的点，从而帮助自己高效学习，而不是一直闭门造羹、不敢去尝试。在我大一的时候，就投简历到了京东，那次面试简直被面试官虐残惨了，一问三不知，其实就是当时自己的技术比较菜，当时可以说是磨灭了我一部分信心吧。通过这次面试，却让我重拾信心，让我看到了自己和大厂之间的距离正在渐渐缩小，也看到了一丝丝胜利的曙光，但是还是需要坚持不懈的努力 💪 。
+
+最后的最后，祝大家都能进入大厂，实现自己的目标，让我们一起加油努力！
+
+
+
+------
+
+
+看了这位同学的分享后，我也在星球中主动联系这位同学，帮他优化了简历。在交流中，我能感受到这位同学对学习技术的热情，并且也对自己的未来有清晰的规划。比如现在他希望通过面试来提升自己、帮助自己发现不足；之后通过提前实习来积累经验；后面要跨考计算机的研究生等。
+
+**有自己的目标，在前进中才不会偏航，往往会更容易成功。**
+
+最后非常感谢这位同学干货的分享，也预祝他和所有小伙伴们都能拿到自己理想的 offer~
+
+鱼皮的星球中除了这位同学外，还有很多大厂的朋友也在分享自己的学习和面试经验。各个学习方向、学习阶段的朋友都在这里学习打卡、不断进步。并且星球内的学习资料（视频、电子书、面试题、软件工具等）绝对管够，都能免费获取！
+
+![](https://pic.yupi.icu/5563/202311070928767.png)
+
+如开头所说，最近也快到春招 / 找暑期实习的时期了，如果大家有编程学习 / 求职上的问题要向鱼皮免费提问、想看看大厂同学的经验分享、需要鱼皮等大厂同学帮忙优化简历、想第一时间得到大厂招聘动态和 **内推机会** 、或者想和小伙伴们一起抱团取暖，都欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) （点击了解详情）。
+
+星球原价 **300 元一年** ，目前第一波加入的同学限时优惠 **60 元** ，只需 **240 一年** ！星球目前已经 2000 多人，后面随着人数增多会持续涨价。
+
+优惠券名额有限，先到先得 ，欢迎 **长按下面的海报扫码加入** ，和大家一起无限进步！
+
+![](https://pic.yupi.icu/5563/202311070928614.png)
+
+> 长按扫码领券加入
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\347\233\264\347\263\273\345\255\246\345\274\237\350\277\233\345\215\216\344\270\272\345\225\246\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\347\233\264\347\263\273\345\255\246\345\274\237\350\277\233\345\215\216\344\270\272\345\225\246\357\274\201.md"
new file mode 100644
index 0000000..b7e1e90
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\347\273\217/\347\233\264\347\263\273\345\255\246\345\274\237\350\277\233\345\215\216\344\270\272\345\225\246\357\274\201.md"
@@ -0,0 +1,250 @@
+# 直系学弟进华为啦！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享直系学弟 “离奇” 的求职经历和心路历程。
+
+大家好，我是鱼皮，今天给大家分享一位 **同校同系** 学弟的亲身经历。
+
+这位学弟自称小透明，就读软件工程专业，即将本科毕业入职华为，职位是 **产品行销经理** 。
+
+他对自己的形容是变化莫测，为啥呢？
+
+因为大四前后短短一年间，他经历了对自己未来规划的各种改变：打算考研 => 打算出国 => 开始找开发岗工作 => 找到一家日企上班 => 辞职，并更改求职方向为产品岗 => 最终上岸大厂。
+
+![](https://pic.yupi.icu/5563/202311070927142.png)学弟一年的经历
+
+回过头来看看这段经历，他自己都觉得挺 **离奇** 的，前后这么短的时间内，竟然还能这么翻来覆去的改变？
+
+当我了解到他的经历后，首先表示佩服，同样深感好奇，他为何放弃考研选择求职？又为何辞职换岗？又如何顺利入职大厂的呢？
+
+所以我立刻就联系了小透明学弟，期望他可以分享自己的故事。在我的一番攻势下，害羞的学弟答应了下来，并且一写就是 6000 字！
+
+![](https://pic.yupi.icu/5563/202311070927808.png)
+
+下面让我们走进他的世界，以一名本科应届生的视角，来看看他的经历和感受吧。
+
+**本文大纲：**
+
+![](https://pic.yupi.icu/5563/202311070927658.png)华为学弟求职分享
+
+## 纠结之路
+
+说句心里话，我对未来规划这种东西，是一种 **突然** 的自我觉悟。而突然的根源，就是前面做的事情导向的 **顺其自然** ，和对自我的一个幡然醒悟。
+
+### 是否考研？
+
+就比如考研这个事儿，我大学本科前三年，都是想着自己要考研的，甚至到了大三下学期暑假的时候，都已经学完了高数。
+
+但是为啥突然不想考了呢？
+
+![](https://pic.yupi.icu/5563/202311070927917.png)
+
+#### 理性分析
+
+先简单说一下我的个人情况吧，我本科前三年想考研的时候，一来没有找到感兴趣的研究方向、二来没有未来职业规划（考博是不可能考博的）。考研这件事儿，貌似还是一个这个年龄这个节点，自己眼里同学眼里父母眼里，很该做的事。所以只是单纯和大部分人一样，想先有个学上罢了。
+
+如果你是想决心做学术，并且对计算机科研深感兴趣的同学，那接下来可以不看了。但是这种人，毕竟是少数。比如我，**只是想混个学历的，而且对科研其实真的不感兴趣** 。其实像这样随波逐流去考研，也不能说是一个坏的选择，毕竟如今的计算机硕士学历还是很值钱的，只要你研究生阶段别太作、简历写的别太烂，通过多数大厂的简历筛选是没有任何问题的。
+
+但是随波逐流闭着眼读研，肯定也不是最好选择。因为第一，研究生的本职工作毕竟是做研究，水一水必然可以，但是计算机专业的特点是薪资高、找工作比较 **内卷** ，就很容易造成：毕业的时候，想从事算法岗位，但科研水平不够、竞争不过博士；做前后端开发，开发经验还不如某些本科生的尴尬局面。第二呢，国内硕士两年半 or 三年时间，还是很长的，人生有多少个三年呢？所以还是应该时刻掂量这个黄金年龄耗费的三年，对于自己是不是最佳选择，毕竟已经不是高考时候死读书的小孩子了。
+
+![](https://pic.yupi.icu/5563/202311070927679.png)
+
+我个人想的是如果工作三年，可能要比读研三年收获要大的多，康康鱼皮学长在腾讯大学读研快一年了，除了技术提升，其他平台也积攒了大量粉丝。读研如果水三年，不知不觉间可能被同龄人甩开太远了。
+
+#### 考虑后果
+
+考研没考上的后果其实是非常严重的，**不亚于高考失利** ！
+
+这是我个人的看法哈，如果考不上，正常情况下，接下来的人生道路有两个选择：
+
+1. 找工作
+2. 准备二战
+
+如果你在考研失败后选择找工作，那么显然，你完美错过了求职的最佳黄金时间 —— 秋招。考研失败，既在校招主战场的秋招 0 收获，又在即将到来的春招面前 0 准备，可谓是非常被动。即使能够找到工作，但只能说如果该同学参加了秋招，凭借他的能力，一定会有更多的选择，可能会找到比现在更好的工作。而第一份工作，对你的人生又是至关重要的。所以同等程度的努力，用在找工作方面的效果可能要比考研更稳定和显著。
+
+如果选择二战，那么首先一定要想清楚，你一战失败的原因是什么。如果想不明白这点，那么二战同样失败的概率是非常非常高的，到时候只会面临一个更尴尬更难受的局面。二战的话首先要面对较大的心理压力，还要再次掂量自己的能力，再给一次机会能不能考过。
+
+所以考研失败后真的是进退两难。现在硕士学历一方面越来越平民化了，另一方面却越来越难考了，毕竟考的人也越来越多了。不知道干啥随波逐流、追求学历选择考研固然没有问题，但还是要想清楚这背后的风险，以及自己是否已做好承担这份风险的准备和觉悟。尤其是计算机专业的研究生真是太难太难考了，报录比太低而且大神多，所以如果决定考研，一定要下十足的决心，做足准备，尽量一次上岸。
+
+![](https://pic.yupi.icu/5563/202311070927257.png)
+
+> 鱼皮：对于是否读研，每位同学都应该像他一样有自己的思考和权衡，而不是被人牵着鼻子走，选择权只能且必须在你自己的手上。
+
+最终，综合考量了一下，我觉得学历还是比较重要，但是除了考研之外就没有其他的提升学历的方式了么？
+
+当然有，出国留学呀！
+
+### 是否出国？
+
+为啥考虑出国留学呢，原因其实也很简单。女朋友要去加拿大留学哈哈，所以我当时一拍脑门：“我要陪着你去！！！”
+
+![](https://pic.yupi.icu/5563/202311070927332.png)
+
+不过后来还是冷静地了解了一下，加拿大申请硕士巨难，我这种垃圾绩点基本不可能。
+
+那不如开始申请英国的水硕试试？
+
+虽然想出国留学，但是我这语言成绩和时间，肯定要 gap 一年。**中介姐姐说，人不能在家赋闲** ，一边工作一边学语言，比在家 “全职” 学语言效果还要好，而且找工作的话工作越好，对申请越有利，最好500强！
+
+（现在觉得：找到 500 强真香！还留什么学？）
+
+好吧那么我的求职之路就正式开始了。
+
+## 求职之路
+
+作为正儿八经的软件工程学子，肯定大家下意识的，都会去找开发方向工作，俗称程序猿。正好，连带着学校的专业实习的课程要求，一起找了。
+
+### 开发求职之路
+
+这个时候大概是刚刚决定放弃考研的 8 月份了，但是很快，我就遇到了一个大问题：看着招聘网站上一个个陌生的岗位，既不知道选什么，又对其所需的技能基本完全不了解。天哪，我们学的是一个计算机吗？！
+
+![](https://pic.yupi.icu/5563/202311070927371.png)
+
+我本科还是参与了一些学科竞赛活动的，都是马上要上班儿的人了，对人家上班干啥都不知道，这不是一个非常恐怖的事情吗？
+
+没错，所以这也就是为什么很多已工作的学长，反复强调 **要早点实习，早点了解工作后要干啥** ，早点知道学校教的专业课都是五十年前的东西找工作一点忙帮不上。这个时候我真的是一头雾水，要一层层捅破窗户纸。在经历了投递后端开发、数据分析、游戏策划、甚至音乐设计之后，终于我的投递开始走向 “正轨” 了……
+
+简单介绍一下我这个时候失败的求职经历吧。失败是必然的，初生小傻子不怕虎，这个时候啥都不会啥也没背的我，也是对互联网大厂产生了很多的憧憬的，并开始了我的简历投递之路。对于研发方向，211 本科的科班学历，足够过掉大部分大厂的简历初筛，进入笔试面试。作为自主招生垃圾的很惭愧的我，因为好歹还有一些算法竞赛的底子，笔试还是过了一些，进入了一些面试。
+
+众所周知，开发岗的面试是要提前准（bei）备（song）的，所以我也简单背了一些。但没想到，我进入面试之后可就太好玩儿了~
+
+考官：“进程和线程的区别是什么？”  我：“...”
+
+考官：“介绍一下数据库索引？”   我：“...”
+
+考官：“TCP / IP 四次握手？”  我：“计网课没选。”
+
+考官：“…… 快速排序时间复杂度总记得了吧？”  我：“logn？2logn？log2n？”
+
+考官：“孩子，加油。”
+
+![](https://pic.yupi.icu/5563/202311070927377.png)
+
+还真就是玩儿，经过了前后一番折腾，大厂的开发岗求职之路不出意外的全部挂掉了。这个时候我选择退而求其次参加了学校安排的专业实习专场面试，拿到了一家日企的正式 offer 并开始了实习。因为面试过程没太有技术环节，所以非常的轻松加愉快。
+
+实习的方向偏重于后端开发，经过三个月的实习，再结合我之前的在校经历与个人兴趣，引起了我对于自己的深（zi）深（wo）思（huai）考（yi）。
+
+### 转职？
+
+以这段实习经历为契机，我开始思考自己到底适不适合做开发。我发现自己有两个很大的问题：
+
+1. 我对技术缺乏热情。
+2. 我进行开发工作的时候，注意力不够集中也坐不太住。
+
+![](https://pic.yupi.icu/5563/202311070927680.png)
+
+我现在还是觉得，开发这项工种，是靠兴趣和天赋驱动的，其实办公室里老天选中的程序猿和其他工种的人一起办公，气场差异真的是有点一目了然的。在开发这个领域，不同的兴趣与天赋带来的效果差异是巨大的。说白了，能不能做开发，要看缘分。
+
+我的舍友（有天赋有兴趣有能力已保研）可以在晚上11点，一边放着蓝牙音箱一边哼着小曲，一边快快乐乐敲代码。而我既无法体会码代码的快乐，又无法体会到支撑无数程序猿精神的 —— 实现某一功能的成就感。这时候可能有人要说了，没有永恒的天赋，只有持之以恒的努力。正是，努力奋（nei）斗（juan）是打工人必须做到与坚持的，**而现在做的，恰恰就是根据个体差异，个人兴趣，选择一个适合自己的赛道与奋斗方向，而不是把努力当借口，不管不顾人云亦云。** 因此在这个非常重要的选择关口，我最终决定还是放弃开发，选择既需要技术，但是技术专业性要求没那么高，同时需要很多组织沟通、设计规划能力的产品方向，作为自己的求职赛道。
+
+> 鱼皮：认真审视自己，勇于突破自身的专业限制，非常值得佩服。
+
+### 产品求职之路
+
+其实一开始，我就是以产品为自己求职的未来导向的，只不过是纠结先做两三年开发，还是直接做产品。这肯定是各有利弊吧，积累一定的技术经验对做产品有很大帮助，但是 **开发思维和产品思维还是有根本差距的** （一个下蛋的、一个孵小鸡的）。再结合上面所写的自己开发肝不动、所以就正式踏上了自己的产品求职之路了吧！
+
+然而现在已经是 2020 年 12 月份了……
+
+![](https://pic.yupi.icu/5563/202311070927913.png)
+
+其实职场的招聘情况是瞬息万变的，但是正好我刚刚作为本科毕业生进行完了校招，所以还敢斗胆再多 bb 两句……
+
+先说说开发方向的面试。从大的方面来讲，开发的面试中注重的是知识的掌握与否，来评估开发水平。一是通过提问，看应聘者知道 or 不知道，知道的话回答的 1 or 0；二是深挖简历中的项目经历或者有没有用过 xxx，来进行进一步的评估。总的来说，**开发方向的面试，包括算法笔试在内，需要准（bei）备（song）的东西比较多，但是效果是肉眼可见的** ，这也是为什么前面反复提到的要 **提前进行准备**，开发面试早点准备（同时早点实习）性价比太高。但是需要注意的是，开发面试的顺利通过，并不代表着实际上手的 “痛苦” 减轻，还是应该结合上一章节内容，对自己能否从事开发之路做一个认真的评估。
+
+产品方向的面试，尤其是校招产品，跟开发还是有着很大的区别。开发的面经想必大家看过很多了，所以今天着重分享一下产品校招技巧。
+
+> 鱼皮：虽然是产品校招技巧分享，但我看完后，感觉很多技巧同样适用于开发岗同学面试，不要跳过这部分内容哦~
+
+### 产品校招技巧
+
+#### 1. 简历初筛
+
+首先是学历关，校招产品经理基本最低最低要求 211 本科，985 本科或者 211 硕士是推荐配置。
+
+道理很简单，开发的话有入行门槛，基本仅限计算机专业学生；但是产品的话虽然计算机专业仍然优先，但是专业放宽了很多很多，这也导致了学历这一块儿出现 **神仙打架** 的局面。比如我在并不算大厂的（虽然现在也真的不小）哈啰产品实习时，组里实习生虽然也有像我这种学历一般的，但是大部分都是比如交大本硕、同济本帝国理硕、华理本宾夕法尼亚硕等等诸如此类画风；而听闻同专业大佬在腾讯实习时，产品组实习僧都是清北藤校之流。
+
+像我最后签的华为，产品经理跟互联网还有区别，在完美错过秋招，通信计算机专业优先的情况下，学历放宽到了 211，最后才能跟着一堆 985 硕一起入职，还是很荣幸的......
+
+![](https://pic.yupi.icu/5563/202311070927910.png)
+
+另外产品方向的简历，超级简历那种白纸模板写满一页纸是基本要求吧，具体内容会在下一节展开说明。
+
+> 鱼皮：我认识一些本科求职产品岗的同学，据他们反映，校招产品岗真的是神仙打架，学历较低的话真的需要慎重！当然，趁早开始多几份实习经历也有机会。
+
+#### 2. 前期能力积累
+
+与开发的强应试面试不同，产品面试不仅需要针对性应试准备，也需要长久的能力积累，这一点和英语口语很像 —— 无法突击。因为产品面试，尤其是校招面试，不像有工作社招一样会有历史产出可以问，而校招本身就是更看重个人综合素质、未来发展的潜力等等，因此我参与的 n 场产品面试，**都是以聊天式为主，不太涉及专业技术细节** 。这种面试形式决定了面试既简单 —— 不太会出现像开发面试那种不知道的情况，又很难 —— 不同人的面试表现真的差距太大太大。而且面试官本身就是老油条，有各种 “丰富多彩” 的形式和你聊天，比如灵魂提问、性格探讨、压力注入等等，总之目的只有一个，**通过变着花样玩你，来打破你虚伪的突击准备，从而揭开你的真实面目。**
+
+![](https://pic.yupi.icu/5563/202311070927778.png)
+
+因此前期的、持之以恒的能力积累是必须的，推荐几种提升自己的方法：
+
+1. 实习：一定实习，尽早实习。大二大三、暑假寒假，与其闲着，不如实习。大厂难进，先去小厂，迂回实习。
+2. 竞赛：对产品有帮助的竞赛有很多，而且这一部分其实非常重要，但是大家比较容易忽视。比如挑战杯、三创赛等等，数学建模等等，因为它可以在一件具体的事情中（而不是像学生会的多数自娱自乐），锻炼你与队友为了达到一个目的，而进行组织沟通的能力，这个对于整个沟通能力与可行性分析能力的提升帮助是巨大的。
+3. 商赛 or 精英营：对于尤其是非理工科类的专业学生，这方面的帮助是非常大的，比如一些商赛挑战赛、pwc 的暑期精英营等等。
+4. 学生组织。很多人刚上大学总是会习惯性的加入一个学生组织，但是现在回过头看，大部分的学生组织经历，其实不会有太大锻炼效果（尤其是院级的组织），或者说跟前面所说的竞赛、实习一比，锻炼效果相差甚远。但是我个人的话，是真实得到了锻炼的，因为我在加入校合唱团担任男低音声部首席的时候，**独立承担声部加排了一百次左右** ，并且随团去过匈牙利、俄罗斯进行了比赛、拿了金奖。所以学生组织这个东西，差异性很大，随机性很强，一定一定要衡量自己正在进行的学生组织活动，是否值得你花时间精力，或者你是否真正感兴趣，以及尽量搞出一些 “名堂”。
+
+> 鱼皮：我在大学期间也在学生会工作了两年，亲测可以提升你的组织、管理、表达能力，但切忌要控制好投入的时间。
+
+#### 3. 针对性的突击
+
+校招产品看重日常的积累，那么短期突击有没有用呢？当然有用！
+
+![](https://pic.yupi.icu/5563/202311070927660.png)
+
+下面几种方法虽然不能让你有长期能力的提升，但是对于某一单场面试，甚至可能是决定结果的胜负手。
+
+1. 资料收集。活学活用互联网，全方位的了解你要入职的公司、部门岗位从事什么业务。百度、Google、牛客、力扣、脉脉、知乎、甚至贴吧微博...
+2. 针对性出击。举我自己的一个例子非常好理解：在我华为面试期间，正好正在举行MWCS世界移动大会，其中华为正是作为主会方之一。我完整收看了大会的华为演讲部分，并进行了笔记整理，事实上最终这对我的面试起到了非常大的帮助。前面说过面试官会想方设法打破你的虚伪突击准备，但是一些对待面试的有针对性的认真准备，反而势必会让面试官感受到你的认真态度。
+3. 态度传达。我个人认为这是面试中十分重要的一点，在面试当中一定要表现出自己对通过面试的强烈渴望，至少你要透传给对面老师一种，你并不是无所谓，而是想通过本次答辩或者面试的态度。毕竟只有短短几十分钟，面试官也都是有感情的人，这可能直接影响着最终的面试结果。
+4. 适当多说。俗话说一语千金，但是事实上，能说却少说，和不能说，相差了两个境界的level。在短短面试几十分钟，我们还是尽量多说。但是需要注意语速不要太快，不要抢别人话说。
+5. 简历 / 自我介绍微调。一招走天下固然好，但是应该适当地根据单位不同、职位不同、业务线不同，进行相关微调，突出自己在不同业务情景下的特长特色。比如这个公司是卖烤地瓜的，你应该突出自己食品行业相关经历特长，而不是突出宣扬自己擅长修自行车。
+
+求职经历分享结束，之前鱼皮写过一篇文章来分析大学生是选择 ACM 竞赛还是开发：[学妹问，学网站开发还是打 ACM？](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497901&idx=1&sn=675bd734742e8fee1c405d4dd22a2e5c&chksm=e9c21f5adeb5964c0919d0ebcf4aba114435227119953c6a65502d26f010ebbc3ef6d821d8c3&scene=21#wechat_redirect)
+
+正好，这位学弟是参加过 ACM 集训队的，来听听他的看法吧~
+
+## 附：为啥说本科 ACM 是神坑勿入？
+
+个人高中划了划水来东华自招，以普通人的视角，觉得算法竞赛这东西主要特征有两点：
+
+1. 多投一点时间就能再强一点，所以最好的备赛方法就是投入所有的时间。
+2. 但是再投入时间再多也永远天外有天，永远被神碾压。
+
+![](https://pic.yupi.icu/5563/202311070927074.png)
+
+算法竞赛本身核心是数学，虽然和开发一样都是码代码，但是本质天差地别，一个是相对动手偏实践，一个是相对动脑偏思考。竞赛厉害往往两种人，要么学得早学得多，要么真的聪明。各大 985 高校从高中或初中就开始学算法竞赛的 noi 或国家队选手，往往又学得早又聪明，在赛场上秀得头皮发麻，因为本质是数学，所以跟应用比赛、创业大赛不同，弱校不太存在拿大奖可能。即使你真的高考没考好又数学天赋极强，不要忘了你还有两名队友……
+
+当然能带队 carry 的大佬也是有的吧，比如东华，300 个人里 30 个人能选拔进集训队，10 个队伍里有两三个获奖，两三个奖中一个或者没有银奖，至于金奖要追溯到 2006 年…… 所以最好还是不要赌自己就是那个天选之子，是不是真的不好说，没学过的话，还是看天赋这个自己也不清楚有没有的东西。
+
+所以如果以功利视角（相信大部分人还是功利的），有点兴趣也不是那么大的话，选择搞项目 + 去实习 + 弄作品竞赛一键三连，性价比真的是高太太太多了，毕竟如果搞算法竞赛不深入的话只是半瓶子醋浪费时间，搞别的比赛或者实习却是一定有收获。笔试面试中的数据结构算法考察是过关性考试，刷 LeetCode 就行，而 ACM 却是一个是现场即时排行的实打实的竞赛。
+
+**努力是刚需，但是不要忘记努力之前的选择更关键。**
+
+![](https://pic.yupi.icu/5563/202311070927040.png)
+
+
+
+------
+
+
+看到这里，不知道大家有何感想。
+
+最让我深有感触的是：小透明学弟在不断抉择和尝试之后，终于明确了自己想要什么，并且勇于打破常规、另辟蹊径，踏上了自己坚信的道路，义无反顾的走了下去。
+
+也许开始会迷茫，但是不是可以通过提前参与，让自己的未来逐渐清晰呢？还在编程一条路上走到黑的同学，是不是也可以思考更多的可能性呢？
+
+最后，这位学弟还放出了我们多年之前的聊天记录，原来他在刚高考完就联系到我了，我自己都快忘了哈哈，果然没有看错人！
+
+![](https://pic.yupi.icu/5563/202311070927475.png)
+
+![](https://pic.yupi.icu/5563/202311070927622.png)
+
+![](https://pic.yupi.icu/5563/202311070927930.png)
+
+好啦，以上就是本期分享，觉得不错的话，还请朋友们 **点赞 + 在看** 支持下，希望能帮助到更多同学 ❤️
+
+![](https://pic.yupi.icu/5563/202311070927325.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\350\205\276\350\256\257\344\272\214\351\235\242\357\274\214\346\210\221\350\242\253 \342\200\234\350\265\233\351\251\254\342\200\235 \351\227\256\351\242\230\351\232\276\344\275\217\344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\350\205\276\350\256\257\344\272\214\351\235\242\357\274\214\346\210\221\350\242\253 \342\200\234\350\265\233\351\251\254\342\200\235 \351\227\256\351\242\230\351\232\276\344\275\217\344\272\206.md"
new file mode 100644
index 0000000..f0eced6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\350\205\276\350\256\257\344\272\214\351\235\242\357\274\214\346\210\221\350\242\253 \342\200\234\350\265\233\351\251\254\342\200\235 \351\227\256\351\242\230\351\232\276\344\275\217\344\272\206.md"	
@@ -0,0 +1,174 @@
+# 腾讯二面，我被 “赛马” 问题难住了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 很难一次答对的经典面试题，处处是坑
+
+大家好，我是鱼皮。
+
+今天分享一道我曾经被难住了的面试题，也是一道大厂面试时经常会被问到的面试题，赛马问题。
+
+题目其实不难，但是第一次被问到时，稍有不慎，就会答错。所以，一起来学习下吧！
+
+### 问题
+
+有 **64 匹马** 赛跑，没有任何秒表之类的计时工具，跑道每次只允许 **8 匹马** 同时比，问 **最少** 需要比赛几场才能够选出跑的最快的 **前 4 名**？
+
+![](https://pic.yupi.icu/5563/202311070912843.jpeg)
+
+题目描述就这么多，大家可以先思考一下，然后在投票中给出答案吧~
+
+
+
+很抱歉，请在手机微信登录投票
+
+最少需要比赛多少场呢？ 单选
+
+10
+
+186票46.97%
+
+11
+
+81票20.45%
+
+12
+
+60票15.15%
+
+12 场以上
+
+69票17.42%
+
+
+
+下面公布解题思路和答案。
+
+### 解题思路
+
+这道题目坑点很多，题目中任何一个数字的改动都会影响到最终结果，因此一定要明确题目上的关键数字。
+
+网上也有很多题目的变种，比如 36 匹马 6 个跑道找前三名，但思路都是一致的，下面我们模拟一下比赛全程。
+
+#### 第一轮
+
+首先，跑道最多允许 8 匹马同时比，那我们一定要最大程度地利用资源，每场比赛都要上满 8 匹马。
+
+所以第一轮最简单，无脑 **将 64 匹马分为 8 组，每组 8 匹马比一场** 就好了，共计 8 场比赛。
+
+| 组号 | 参赛选手        |
+| :--- | :-------------- |
+| 组 1 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 2 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 3 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 4 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 5 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 6 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 7 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+| 组 8 | 🐴 🐴 🐴 🐴 🐴 🐴 🐴 🐴 |
+
+本轮比赛之后，由于题目要求选出前 4 名，因此，每组比赛第 4 名之后的马可以直接淘汰，还剩 32 匹马。
+
+| 组号 | 参赛选手（🐎 = 组内冠军） |
+| :--- | :----------------------- |
+| 组 1 | 🐎 🐴 🐴 🐴                  |
+| 组 2 | 🐎 🐴 🐴 🐴                  |
+| 组 3 | 🐎 🐴 🐴 🐴                  |
+| 组 4 | 🐎 🐴 🐴 🐴                  |
+| 组 5 | 🐎 🐴 🐴 🐴                  |
+| 组 6 | 🐎 🐴 🐴 🐴                  |
+| 组 7 | 🐎 🐴 🐴 🐴                  |
+| 组 8 | 🐎 🐴 🐴 🐴                  |
+
+#### 第二轮
+
+第二轮开始，我们必须精打细算了。
+
+最简单的方式是将剩下的 32 匹马直接分为 4 组去比赛，但其实利用上一轮的信息，我们可以有更好的方法。
+
+**让上轮比赛中，每组第 1 名一起比赛 1 场，然后按照本轮比赛结果，选出前 4 组。**
+
+赛场：🐎 🐎 🐎 🐎 🐎 🐎 🐎 🐎
+
+比赛结果：
+
+| 组号 | 参赛选手（🐎 = 组内冠军） |
+| :--- | :----------------------- |
+| 组 1 | 🐎 🐴 🐴 🐴                  |
+| 组 2 | 🐎 🐴 🐴 🐴                  |
+| 组 3 | 🐎 🐴 🐴 🐴                  |
+| 组 4 | 🐎 🐴 🐴 🐴                  |
+| 组 5 | 🐎 🐴 🐴 🐴                  |
+
+这么操作的原因是：如果某个组的第一名都进不了前 4，那这个组剩下的马肯定也进不了前 4，直接整组淘汰即可。
+
+截止到目前，还剩下 16 匹马，那这一轮淘汰到这里就结束了么？
+
+其实并没有，以这轮比赛排名第四的马所在的组为例，这个组的冠军最高也才第四名，那么这个组其他的马也是可以被淘汰的。同理，可以淘汰更多的马，剩余 10 匹。
+
+| 组号 | 参赛选手（🐎 = 组内冠军） |
+| :--- | :----------------------- |
+| 组 1 | 🐎 🐴 🐴 🐴                  |
+| 组 2 | 🐎 🐴 🐴 🐴                  |
+| 组 3 | 🐎 🐴 🐴 🐴                  |
+| 组 4 | 🐎 🐴 🐴 🐴                  |
+
+现在场上还有 10 匹马，看似胜利近在咫尺，但其实，接下来才是关键！
+
+#### 第三轮
+
+接下来我们的目标是从 10 匹马中选出前 4 名，但一场比赛只能容纳 8 匹马，那好像至少还得比两场。
+
+一步步来吧，先选 8 匹马比一场呗，问题是选哪 8 匹马呢？
+
+不知道大家有没有发现，在无意中，冠军已经产生了，那就是组内组外都未尝败绩的那匹马，强中之强！
+
+| 组号 | 参赛选手（🐎 = 组内冠军） |
+| :--- | :----------------------- |
+| 组 1 | 🏆 🐴 🐴 🐴                  |
+| 组 2 | 🐎 🐴 🐴                    |
+| 组 3 | 🐎 🐴                      |
+| 组 4 | 🐎                        |
+
+因此，它不用再比了，目标变成，从剩余 9 匹马中选出第 2 - 4 名。
+
+让我们任意选 8 匹马先比一场吧，选出前 3 名。
+
+| 组号 | 参赛选手（🐎 = 组内冠军） |
+| :--- | :----------------------- |
+| 组 1 | 🏆 [ 🐴 🐴 🐴 ] 出战         |
+| 组 2 | [ 🐎 🐴 🐴 ] 出战           |
+| 组 3 | [ 🐎 🐴 ] 出战             |
+| 组 4 | 🦓（未参与比赛的马）      |
+
+那么最后一轮，还需要让上轮没比的马与前 3 名比 1 场，万一人家是黑马呢？
+
+赛场：🐎 🐴 🐴 🦓
+
+**至此，答案出来了，最少需要 8 + 1 + 1 + 1 = 11 场。**
+
+![](https://pic.yupi.icu/5563/202311070912842.jpeg)
+
+**然而，这是一个错误答案！**
+
+![](https://pic.yupi.icu/5563/202311070912979.jpeg)
+
+其实，还有更优解！
+
+在还剩 9 匹马的时候，如果不任选 8 匹马比赛，而是先移除组 2 的冠军，让剩下 8 匹马赛一场。
+
+如果这场比赛中，组 3 的冠军拿了第一，那么由于之前已经证明了组 2 的冠军强于组 3 的冠军，则前 4 名已经确定，只需要比 10 场。如果它不是第一，那么还是要多比一场了。
+
+**因此正确答案是，最少需要 10 场，你做对了么？**
+
+![](https://pic.yupi.icu/5563/202311070912841.jpeg)
+
+------
+
+最后，为什么这道题目会出现在程序员面试中呢？聪明的你一定发现了，上述的赛马问题本质上是一个 TopN（取前几名）问题，可以通过分治的方式解决，是一种经典的算法思维。如果是在分布式系统中，则体现了 **并行计算** 的优势，可以利用资源（比如有 8 个跑道）对各个组同时计算，从而提高运算效率。此外，利用已有的数据结果也是非常重要的。
+
+祝大家周末愉快，学到的话别忘了帮鱼皮点个 **赞 + 在看** 支持下吧！❤️
+
+![](https://pic.yupi.icu/5563/202311070912471.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\351\200\201\350\200\201\345\274\237\345\216\273\345\244\247\345\216\202\351\235\242\350\257\225\357\274\214\345\220\216\347\253\257\350\200\203\347\202\271\345\210\206\344\272\253.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\351\200\201\350\200\201\345\274\237\345\216\273\345\244\247\345\216\202\351\235\242\350\257\225\357\274\214\345\220\216\347\253\257\350\200\203\347\202\271\345\210\206\344\272\253.md"
new file mode 100644
index 0000000..5cda026
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\346\261\202\350\201\214\347\273\217\351\252\214/\351\235\242\350\257\225\351\242\230/\351\200\201\350\200\201\345\274\237\345\216\273\345\244\247\345\216\202\351\235\242\350\257\225\357\274\214\345\220\216\347\253\257\350\200\203\347\202\271\345\210\206\344\272\253.md"
@@ -0,0 +1,367 @@
+# 送老弟去大厂面试，后端考点分享
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 从超高频的后端面试题出发，指明学习方向
+
+大家好，我是鱼皮。
+
+还记得我的老弟小阿巴么？他目前正值大一暑假，在家自学编程（刷短视频）中。
+
+![](https://pic.yupi.icu/5563/202311070908171.jpeg)
+
+他整个大一期间基本都在学习前端。后来，我带他写了一次后端，结果就崩了，写了一堆 bug！
+
+> 详情请阅读：[前端老弟第一次写后端，崩了！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496763&idx=1&sn=00356138d5079e79cbb665e2b186b976&scene=21#wechat_redirect)
+
+但没想到，这货踩了坑后，反而爱上了后端开发。这一到周末就缠着我，让我给他讲讲后端开发应该学习哪些知识。
+
+虽然很想给他总结一份后端学习路线，但我也很忙，于是就思考有没有什么更快捷的方式让他了解到后端要学的技术。
+
+我想想：他学编程是为了找好工作，想找到好工作就要先通过面试。。。
+
+有了！正好我朋友在大厂 “阿巴阿巴” 做 Java 后端面试官，我直接把小阿巴送过去参与面试，不就能让他知道自己要学的技术了么？
+
+OK，起飞！
+
+![](https://pic.yupi.icu/5563/202311070908063.png)起飞
+
+一天后，小阿巴回来了，一脸苦样，说自己一道题都没答出来。
+
+我问了下考点，大笑道：你运气太好了，这不全是后端面试中的 **超高频** 经典题目么？全中！
+
+![](https://pic.yupi.icu/5563/202311070908624.png)
+
+好了，下面就通过这次的大厂面试题，分享下后端程序员要学的知识以及缘由。
+
+## 从面试题看后端必学知识
+
+大纲：
+
+![](https://pic.yupi.icu/5563/202311070908620.png)
+
+> 后端必学 - 思维导图
+
+### 编程语言
+
+对于开发岗位的程序员，无论是前端还是后端，最低要求都是 **熟练使用** 至少一门编程语言。像前端的核心语言是 JavaScript，后端有 Java、C++、Golang、Python 等。
+
+目前 Java 后端岗位的需求量比较大，所以这里以 Java 为例。
+
+#### 基础
+
+**面试题**
+
+Java 中 == 和 equals 的区别？
+
+**题解**
+
+https://blog.csdn.net/qq_38162448/article/details/81611894
+
+**分析**
+
+熟练并不只是能写出代码就够了，很多编程语法层面的 **小细节** 也必须关注！在工作中，很多 bug 的产生正是因为对细节知识的欠缺，因此这些细节也是面试官最爱考察的点。
+
+比如 Java 中的 == 和 equals 都是判断变量是否相等，但有啥区别呢？如果使用不当，很有可能会把相同值的变量判断为不相等，导致业务逻辑错误。还有 final 关键字、volatile 关键字等，都是常用的 Java 语法，也是高频考点。
+
+所以，巩固语法基础很重要，推荐《Java 核心技术卷 I》。
+
+![](https://pic.yupi.icu/5563/202311070908172.jpeg)
+
+#### 类库
+
+**面试题**
+
+Java 中的集合及其继承关系？
+
+**题解**
+
+https://www.bilibili.com/video/BV1zD4y1Q7Fw
+
+**分析**
+
+每种编程语言都有内置的类库和函数，虽然可能不是最方便的，但通常源码实现都比较合理、性能也不错。想熟练使用一门编程语言，提高开发效率，或者编写自己的封装库，就一定要先掌握语言原生的类库。
+
+比如 Java 中提供了集合类，让我们很轻松地操作各种数据结构，比如数组、链表、Set、Hash 等，这些都是工作中常用的类，因此有必要了解它们的原理，才能更合理、正确地去使用。像 HashMap 的实现原理、HashMap 和 HashTable 的区别、ArrayList 和 LinkedList 的区别，也是高频考点。
+
+![](https://pic.yupi.icu/5563/202311070908160.jpeg)
+
+> Java 集合框架关系
+
+#### 框架
+
+**面试题**
+
+什么是 Spring 的依赖注入？
+
+**题解**
+
+https://zhuanlan.zhihu.com/p/25459839
+
+**分析**
+
+除了做基础架构之外，在企业中开发基本都是用现成的框架，不用什么都自己写，能够大大提升开发效率。但会用框架只是最基本的要求，怎么能最大化框架的性能、降低出 bug 的概率、进一步降低开发成本、甚至如何自己设计实现一个框架，才是优秀的程序员应该思考的。因此，常用框架的设计原理是高频考点，比如 Java 中 Spring 框架的核心设计 IOC 和 AOP、使用多级缓存解决循环依赖等。
+
+![](https://pic.yupi.icu/5563/202311070908716.png)
+
+#### 底层
+
+**面试题**
+
+JVM 的内存结构是怎样的？
+
+**题解**
+
+https://www.bilibili.com/video/BV1iJ411d7jS?p=2
+
+**分析**
+
+大厂面试中，少不了编程语言的底层实现。
+
+虽然工作中很少会直接用到这方面的知识，但书到用时方恨少，大厂对求职者的需求通常不是你现在能做什么，而是你未来是否能够应对潜在的挑战。万一到时候线上程序出一个紧急且严重的 bug，需要分析垃圾收集器的日志，让你现学，还来得及么？这就要求我们了解底层，对 Java 来讲，关键就是 Java 虚拟机（JVM）。
+
+此外，了解底层能够加深你对编程语言的理解和对架构的认知，很多底层的设计原理是可以应用到工作写程序中的，像如何分配管理内存、垃圾收集器的设计、回收算法等。
+
+简单来说就是：把工具玩儿明白，让造工具成为可能。
+
+推荐书籍：《深入理解Java虚拟机》第3版
+
+![](https://pic.yupi.icu/5563/202311070908585.jpeg)
+
+> 《深入理解 Java 虚拟机》第3版
+
+### 计算机基础
+
+无论你学习什么编程语言，这些知识都是程序员重要的基本功。虽然未必在工作中直接用到，但打好基础，能够全方面提升你的编程能力和素养，在面对问题时才会有更多的想法和思考。
+
+面试官通过这些问题，能看出你的学习是否扎实，是否可靠。
+
+#### 数据结构
+
+**面试题**
+
+如何用栈实现队列？
+
+**题解**
+
+https://leetcode-cn.com/problems/implement-queue-using-stacks/solution/
+
+**分析**
+
+数据结构是独立于编程语言的重要思想，像链表、数组、栈、队列、集合、字符串、哈希表、树等等，都是写程序常用的数据结构，因此也是面试高频考点。
+
+工作中，虽然不会让你自己实现一个数据结构，但至少要了解每个数据结构的特点、使用场景、时间和空间复杂度，否则写出来的代码可能会 “又重又慢”，稍有不慎，内存溢出！
+
+![](https://pic.yupi.icu/5563/202311070908589.jpeg)
+
+> 栈
+
+#### 算法
+
+**面试题**
+
+假设你正在爬楼梯。需要 n 阶才能到达楼顶。每次你可以爬 1 或 2 个台阶，有多少种不同的方法可以爬到楼顶呢？
+
+**题解**
+
+https://leetcode-cn.com/problems/climbing-stairs/solution/
+
+**分析**
+
+和数据结构类似，算法也是程序员的核心素养。像排序、动态规划、递归、迭代、二分、分治、深搜广搜等基础算法，都是面试的重点。
+
+#### 计算机网络
+
+**面试题**
+
+TCP 三次握手、四次挥手经历了哪些过程？
+
+**题解**
+
+https://blog.csdn.net/ThinkWon/article/details/104903925
+
+**分析**
+
+对后端开发而言，大部分的工作就是写接口，接受前端或其他客户端发送的网络请求，给出对应的数据响应。因此，网络知识相当重要。
+
+比如工作中常用的网络协议、HTTP 请求与响应、会话、四七层负载均衡等，都是常见考点。因为很多的协议都是在 TCP、UDP 的基础上进行封装，所以 TCP 和 UDP 也是高频考点。了解这些有助于写出更优雅规范的接口、减少网络请求的耗时、或者提高整个接口的并发度等。
+
+![](https://pic.yupi.icu/5563/202311070908427.png)
+
+> TCP 三次握手
+
+#### 操作系统
+
+**面试题**
+
+什么是死锁？
+
+**题解**
+
+https://zhuanlan.zhihu.com/p/26945588
+
+**分析**
+
+操作系统虽然是很底层的知识，但毕竟我们编写的程序都是跑在操作系统上的，因此操作系统的一些概念无时无刻不在被开发者使用，比如进程和线程、死锁、文件、套接字、CPU、内存管理、输入输出等。你思考问题的深度、程序性能优化的极限，很大程度上取决于对操作系统的了解。
+
+![](https://pic.yupi.icu/5563/202311070908430.jpeg)
+
+### 软件开发
+
+#### Mysql
+
+**面试题**
+
+MySQL 如何性能优化？
+
+**题解**
+
+https://www.zhihu.com/question/19719997/answer/549041957
+
+**分析**
+
+大部分做后端开发的程序员离不开数据库，而且工作中基本就是写 CRUD，从数据库中增删改查数据。
+
+对于在学校里做的小项目，基本了解数据库的使用，会写几条简单的 SQL 语句就够了。但是在大厂业务（尤其是 ToC）中，数据量动辄百万千万、甚至数亿，这就对数据库设计和性能优化提出了要求。
+
+因此，大厂后端面试中，超高频的面试题就是：MySQL 如何性能优化？对于这类问题，只靠背诵很容易被面试官揭穿，比较推荐自己去做个项目，设计个库表实战，看看不同的优化方式是否有效、能得到多大的效果。
+
+还有很常见的面试题就是：给你一个场景，让你去设计数据库表结构。大部分题目都要求你临场发挥，所以在平时多做项目、多去参考其他系统的设计真的很重要。
+
+此外，还要了解数据库中的常见概念，比如事务、锁、索引等；还有一些基本操作，比如存储过程、备份、定位慢查询。否则可能写出的代码会有 bug、一不小心插入的数据就不一致了、一不小心就把整个表给锁住了、删库跑路也无能为力等。
+
+![](https://pic.yupi.icu/5563/202311070908783.png)
+
+#### Redis
+
+**面试题**
+
+Redis 有哪些数据类型？
+
+**题解**
+
+https://www.runoob.com/redis/redis-data-types.html
+
+**分析**
+
+Redis 是一款高性能的 Key-Value 数据库，它在后端开发中的作用非常大。
+
+比如为了提高接口性能、减轻数据库压力，用 Redis 做缓存；为了解决并发冲突，使用 Redis 做分布式锁；为了实现单点登录、提高用户效率，使用 Redis 存储会话或令牌；Redis 还可以用于做实时排行榜、计数器、布隆过滤器、队列系统等。
+
+因此，大厂面试中，Redis 的考点也越来越多，常见的有 Redis 的基本使用（有哪些数据类型？有哪些应用场景？集群搭建）、工作机制（持久化机制 RDB 和 AOF 的区别？为什么单线程？） 、场景设计等。
+
+![](https://pic.yupi.icu/5563/202311070908690.png)
+
+#### 设计模式
+
+**面试题**
+
+请手写单例模式的实现代码？
+
+**题解**
+
+https://www.cnblogs.com/yuanxion/p/14600626.html
+
+**分析**
+
+设计模式是程序员们在软件开发过程中抽象出的、用于同一类问题的解决方案，一般是比函数、组件更高层的抽象，用了设计模式的代码一般有如下特点：
+
+1. 重用代码，减少重复的代码编写和复制粘贴
+2. 更好维护、可扩展
+3. 提高开发效率
+4. 新手看不懂，懂设计模式的程序员一看就懂
+
+![](https://pic.yupi.icu/5563/202311070908688.png)
+
+正因为这些优点，设计模式无论是对工作效率还是思想的提升都很有帮助，也成为了面试高频考点。常见的设计模式虽然有 3 大类、23+ 种，但面试重点主要是单例模式、工厂模式、观察者模式等。
+
+#### 并发编程
+
+**面试题**
+
+为什么用线程池？
+
+**题解**
+
+https://www.cnblogs.com/xinxindiandeng/p/6383311.html
+
+**分析**
+
+如何用最少的资源，写出性能更高、更可靠、更可扩展的程序是后端程序员需要思考的问题。因此，高并发编程是面试的重点。像线程池、锁、队列、并发包、同步异步等，都是高频考点。有时还会给一些实际问题让你分析，比如经典的秒杀系统的设计、订单超卖问题如何解决。
+
+![](https://pic.yupi.icu/5563/202311070908512.png)
+
+> 线程池
+
+#### Linux
+
+**面试题**
+
+Linux Top 命令的输出信息分别表示什么？
+
+**题解**
+
+https://blog.csdn.net/weixin_41427129/article/details/113102533
+
+**分析**
+
+企业项目一般都是部署在云服务器上的，大部分服务器的操作系统都是 Linux，因此后端开发工作中，必不可少地要操作 Linux 服务器，比如部署项目、安装和配置服务、查看系统运行信息、定位线上问题排障等。
+
+因此，要熟悉基本的 Linux 命令，能够适应无鼠标的命令行操作。
+
+还要了解一些常用的系统分析命令，帮助排查问题。比如 top 命令，可以查看系统的资源占用、整体负载，还能具体查看每个进程占用了多少 CPU、内存，从而锁定异常线程。
+
+![](https://pic.yupi.icu/5563/202311070908566.png)
+
+> Linux top 命令
+
+#### Git
+
+**面试题**
+
+你用过 Git 版本控制系统么？
+
+**题解**
+
+https://github.phodal.com/
+
+**分析**
+
+企业开发大部分都是团队协同而非单兵作战，很多人要同时编写同一个项目的代码，那么如何保证代码的同步、减少冲突、查看改动呢？这就需要使用版本控制系统，目前最主流的是 Git。
+
+如今，Git 已经是程序员的必修课了，但很多同学只是草草了解几个简单的 Git 操作，比如上传和更新代码到 GitHub，这是不行的。在工作中，还经常会用到工作区、分支、合并、回退、解决冲突的功能，也必须知道如何操作。
+
+顺带一提，大多数员工刚进公司要做的事就是用 Git 拉取代码，如果连这个都不会，就真的很尴尬了。
+
+![](https://pic.yupi.icu/5563/202311070908569.png)
+
+#### 架构
+
+**面试题**
+
+什么是微服务？和传统架构有什么区别？
+
+**题解**
+
+https://www.zhihu.com/question/55511712
+
+**分析**
+
+如今的架构形式丰富多彩，早就不是一套架构吃遍天的时代了。单点、集群、分布式、SOA、微服务、容器、云原生、服务网格，这些架构都有什么特点？分别适用于哪些场景？如何选择？如何实现？这些问题都是后端程序员需要考虑、学习和实践的。
+
+![](https://pic.yupi.icu/5563/202311070908910.jpeg)
+
+> 架构图示例
+
+
+
+------
+
+
+听完我这一通分析，一向嚣张的小阿巴竟也变得沉默了，点了个 **赞 + 在看** 就放下了手机。
+
+想学好后端进大厂，真的是任重而道远，大家加油！
+
+![](https://pic.yupi.icu/5563/202311070908766.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Gitee \345\276\210\346\227\240\345\245\210\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Gitee \345\276\210\346\227\240\345\245\210\357\274\201.md"
new file mode 100644
index 0000000..af87ee8
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Gitee \345\276\210\346\227\240\345\245\210\357\274\201.md"	
@@ -0,0 +1,59 @@
+# Gitee 很无奈！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，昨天在知乎上看到一个关注度很高的问题，如图：
+
+![](https://pic.yupi.icu/5563/202311091234290.png)
+
+简单来说，就是国内的开源平台 Gitee 提高了审核力度，并且部分关停现有的代码仓库。
+
+看到这个问题后，我先去自己的 Gitee 逛了一圈，看看会不会对自己有影响。
+
+由于平时主要使用 GitHub，所以我在 Gitee 只有近 10 个项目（还都是从 GitHub 同步来的）。
+
+我挨个点进去，发现只有 star 数超过 500 的项目仍然保持公开状态：
+
+![](https://pic.yupi.icu/5563/202311091234177.png)
+
+反之，star 数小于 500 的项目全部被 “私有化” 了：
+
+![](https://pic.yupi.icu/5563/202311091234267.png)
+
+这个私有化比较特殊，就是你的项目仍然在公开列表里。按照平台的提示，说是仅限登录用户可访问，那我就开了个无痕以匿名的身份去搜这个项目，果然看不了：
+
+![](https://pic.yupi.icu/5563/202311091234249.png)
+
+但是呢，我换个号登录后，去看这个仓库，也是看不了的。那应该就是伪公开了，只有仓库持有者能看到。
+
+想把仓库公开的话，就要提交审核：
+
+![](https://pic.yupi.icu/5563/202311091234206.png)
+
+> 我印象中，Gitee Pages 好像也得验证你的身份才能使用。
+
+那我了解到的 Gitee 这次的变动就是这些，因为我仓库数量少，所以对我的影响并不大。但估计有些同学就要辛苦一些了，只能一个个去申请开源。
+
+![](https://pic.yupi.icu/5563/202311091234187.png)
+
+我自己也开发过内容类网站，所以完全理解内容审核对平台的重要性。尤其是对于 Gitee 这样的国内开源平台龙头，在内容治理上稍有不慎，说不定就会带来灭顶之灾。而且 Gitee 还不像一般的内容网站可能只有图文和音视频，你根本无法想象用户可能提交什么文件、在代码中提交什么乱七八糟的不合规内容。
+
+但是感觉 Gitee 的做法也有点强硬了（估计也是出于人力、时间、处理复杂度等方面的无奈？）。Gitee 上高星项目远没有 GitHub 那么多，直接下架势必会影响不计其数的国内开发者，也难免会引来很大的争议吧。如果条件允许的话，还是希望后面可以出一些简单的工具来帮助开发者们快速恢复自己的仓库；或者建设一套完善的自动化审核流程，先机审再人审，如果有误审再允许开发者提交申诉。在目前的技术下，这应该并不难，只是时间成本和性价比的问题。
+
+我本人还是非常期待咱们自己的开源平台能稳定、安全、持续地发展下去的。但不得不承认，目前如果要找开源项目的话，GitHub 的地位无可撼动，不过 Gitee 起码给了我们一个选择，根据自己的需要去使用就好。
+
+关于这件事，我不过多笔墨了（反正对我影响不大 - 狗头）。这边放几个知乎老哥的见解，有建议继续增强审核力度的：
+
+![](https://pic.yupi.icu/5563/202311091234740.png)
+
+有提出解决方案的（最后那句开源面清零我属实蚌埠住了）：
+
+![](https://pic.yupi.icu/5563/202311091234787.png)
+
+还有感叹岁月无情变迁的：
+
+![](https://pic.yupi.icu/5563/202311091234767.png)
+
+不知道这件事对大家影响大不大？大家又对这件事怎么看呢？欢迎留言分享吧~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/IE \344\273\212\345\244\251\346\255\243\345\274\217\345\201\234\347\224\250\357\274\201\347\275\221\345\217\213\347\202\270\351\224\205\344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/IE \344\273\212\345\244\251\346\255\243\345\274\217\345\201\234\347\224\250\357\274\201\347\275\221\345\217\213\347\202\270\351\224\205\344\272\206.md"
new file mode 100644
index 0000000..3c36a4c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/IE \344\273\212\345\244\251\346\255\243\345\274\217\345\201\234\347\224\250\357\274\201\347\275\221\345\217\213\347\202\270\351\224\205\344\272\206.md"	
@@ -0,0 +1,96 @@
+# IE 今天正式停用！网友炸锅了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，昨天一条消息冲上热搜，如图:
+
+![](https://pic.yupi.icu/5563/202311091230716.png)
+
+其实微软公司早在去年5月19日就表示从 2022 年 6 月15 日起，其浏览器 Internet Explorer（IE浏览器）将基本淘汰，之后其功能将由Edge浏览器接棒。
+
+在IE停用后,Microsoft Edge 中的IE模式仍可扩展旧应用程序的使用。
+
+
+![](https://pic.yupi.icu/5563/202311091230824.png)
+
+看到一个活了 25 年的浏览器即将退休，就像当年的 Windows XP 一样，大家心里是什么感受呢？
+
+是激动？这个辣鸡浏览器终于灭亡了！
+
+还是惋惜？微软对 IE 的低投入，让这个曾经辉煌的浏览器走向衰落。
+
+还是不舍？陪伴自己长大的浏览器，说不定某天再也用不到了。
+
+![](https://pic.yupi.icu/5563/202311091230830.png)
+
+作为一名程序员，看到这个消息感慨万千，而且我还是经常写前端的程序员，不过 IE 的淘汰也不是坏事，我再给大家分享下我和 IE 的爱恨情仇吧。（其实之前也曾分享过 hh）
+
+## 我和 IE 的故事
+
+故事开始前，我先讲个笑话:按照IE的响应速度,应该到月底才发现自己被关停了。
+
+![](https://pic.yupi.icu/5563/202311091230898.png)
+
+从我出生起，第一个接触的浏览器便是 IE，毕竟他比我的年龄都大。第一次使用 IE 浏览器时，觉得他非常非常神奇，让我在一个小小的窗口中看到了整个世界。
+
+当然，让我印象最深刻的还是小时候在 IE 浏览器中打开各种 4399 小游戏，痛快玩耍。
+
+可以说 IE 陪伴我度过了整个童年，那个时候，IE 浏览器在我心中的地位是神圣不可侵犯的，即使网上下载软件时总是会捆绑安装各种乱七八糟、广告满天飞的浏览器，我也会将他们统统卸干净，只保留最纯净的 IE。
+
+
+![](https://pic.yupi.icu/5563/202311091230797.png)
+
+但后来，随着我的成长，以及技术的进步，我对浏览器有了更高的要求，开始像其他同学一样抱怨和吐槽 IE 浏览器，又丑又慢。
+
+于是更换了默认浏览器，有时候系统抽风把默认浏览器重置为 IE 时，我还会骂几句再换回来。渐渐地，IE 浏览器对我来说，他的唯一功能就是用来安装其他的浏览器。
+
+
+
+![](https://pic.yupi.icu/5563/202311091230884.png)
+
+
+
+本来以为再也不会用 IE 浏览器了，就在新电脑里把 IE 这碍眼的东西给删了。但没想到，上了大学之后，很多必填的报名网站，用 Chrome、Firefox 等主流的高速内核浏览器都打不开！
+
+那只能试试兼容内核的浏览器了，比如 IE 浏览器。但直到最后，我还是不想用 IE（已经嫌弃到这种地步了么），于是选择在 Chrome 中安装 IE Tab 扩展插件来解决。
+
+![](https://pic.yupi.icu/5563/202311091230324.png)
+
+但真没想到，命运开了个小玩笑。
+
+我大学时加入了一个给学校开发校园网站的工作室，一开始我做网站时就在 Chrome 和 Firefox 里查看界面效果，见没有问题就交给老师了。结果当天，老师就把我叫到办公室，说在他的电脑上看网站是错位的。
+
+我不信，明明我测试过是好的啊，一定是你的打开方式有问题吧！然后我一看，老师用的竟然是 IE 浏览器，而我原本巧夺天工的网站在 IE 中看起来就像一坨屎！让我不禁想起了那个逼死设计师的丑网站。
+
+![](https://pic.yupi.icu/5563/202311091230444.png)
+
+后来经过调研，发现学校里很多老师用的都是老电脑，标配就是 IE 浏览器！总不能让所有老师都去安装新的浏览器吧，这样很多学校的老系统又打不开了。
+
+万般无奈，我只好把 IE 浏览器搞了回来，以后制作网站时，刻意去兼容低版本 IE 浏览器。
+
+这确实挺麻烦的，比如 IE 7 和 IE 8，很多特性是不支持的，各种主流开发框架和组件库都用不了，只能用 Polyfill 委曲求全。
+
+当时心里真的是一万匹草泥马在狂奔，都二零一几年了，IE 的份额都小成渣儿了，我却还在为了他而努力。
+
+
+![](https://pic.yupi.icu/5563/202311091230434.png)
+
+不过也有好处，不仅巩固了前端开发的基本功，而且培养了自己对于兼容性的意识，在今后的开发中，会在不同的浏览器中调试，关注大多数用户的体验。
+
+大学毕业后，我依然是不再使用 IE 了，但每当一些老的网站（比如银行）在 Chrome 中打不开时，我又会想起 IE，他也果然完美支持，没有让我失望。
+
+在我看来，至少 IE 曾经辉煌过，也是我们一代人的回忆。如今他也完成了自己的使命，剩下的交给后浪 Edge 吧！
+
+![](https://pic.yupi.icu/5563/202311091230471.png)
+
+大家怎么看待 IE 退休，又是否看好微软的王炸 Edge 呢？大家又对这件事怎么看呢？欢迎留言分享吧~
+
+------
+
+感谢大家的阅读，原创不易，如果本文有收获，也请给鱼皮一个 **点赞 + 在看** 支持，谢谢大家。
+
+最后,欢迎加入 [鱼皮的编程知识星球](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&chksm=e9c24557deb5cc41b1f2ecefdd23eb1370e261a47c23ad89b1d1428537fd1e8fe39762e707e1&scene=21#wechat_redirect)（点击了解详情），和 8300 多名小伙伴们一起交流学习，向鱼皮和大厂同学 1 对 1 提问、帮你制定学习计划不迷茫、跟着鱼皮直播做项目（往期项目可无限回看）、领取鱼皮原创编程学习/求职资料等。
+
+![](https://pic.yupi.icu/5563/202311091230440.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Log4j\357\274\214\347\202\270\344\272\206\357\274\201\357\274\201\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Log4j\357\274\214\347\202\270\344\272\206\357\274\201\357\274\201\357\274\201.md"
new file mode 100644
index 0000000..1614c53
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Log4j\357\274\214\347\202\270\344\272\206\357\274\201\357\274\201\357\274\201.md"
@@ -0,0 +1,74 @@
+# Log4j，炸了！！！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，开门见山，知名的开源项目 Apache Log4j 出事了！
+
+2021 年 12 月 9 日，该项目被曝存在 **严重安全漏洞** ，攻击者只需要向目标机传入一段特殊代码，就能触发漏洞，自由地在远程执行任意代码来控制目标机器！
+
+老实说，光听到这个消息，我就觉得很可怕了。因为 Log4j 作为 Java 的知名日志记录框架，凭借其灵活高效的日志生成能力，不仅被众多自研项目所使用，还被很多明星项目作为了基础框架使用，像 Redis、Kafka、Elasticsearch、Apache Flink、Apache Druid 等等。可以想象这个漏洞的影响范围有多大，甚至被很多媒体称之为 “核弹级” 漏洞！
+
+在漏洞被曝光之后，第一时间做出行动的不是无辜躺枪的程序员们，而是那些坏的一批的小子们。据说，在漏洞被公开的第一天，就发生了近万次利用该漏洞的攻击行为！
+
+![](https://pic.yupi.icu/5563/202311091229275.png)
+
+### 漏洞细节
+
+根据 CVE 漏洞公开网站的记录，该漏洞存在于 Apache log4j <= 2.14.1 的版本（但事实上，影响的版本范围比这更大）。攻击者可以通过 log4j 的 lookup 替换功能向其配置文件的任意位置注入代码（类似 SQL 注入，把 变量替换为{实际代码}），再加上这些版本中用到的 JNDI 特性并没有为 LDAP 提供足够的保护，使得注入的任意代码都能被肆无忌惮地执行。
+
+> JNDI：Java 命名与目录接口，提供了用名称来访问资源的能力
+>
+> LDAP：轻型目录访问协议，定义了如何访问目录服务中的内容
+>
+> 两者配合，可以完成对服务器目录的操作，比如增删改查。
+
+CVE 漏洞记录
+
+有一些用 Minecraft Java 版本开服的小伙伴就被坑了，因为该项目用到了 log4j 来记录用户聊天日志，因此玩家只需要在聊天窗口输入一些这个那个的命令代码，就被注入执行了，从而轻松作弊。
+
+### 解决方案
+
+我整理了三种解决方案，可以根据实际情况选用。
+
+#### 1. 升级版本
+
+目前 Apache 官方已经针对该漏洞发布了补丁版本 `2.15.0-rc2`，默认禁用了 lookup 行为，在确保升级该版本不会对项目的其他依赖产生冲突的情况下，建议升级。
+
+该方案虽然比较简单粗暴，但这个版本是否稳定？是否没有漏洞呢？这很难说。
+
+#### 2. 修改参数
+
+如果你不想升级 log4j 的版本，担心会和项目其他依赖产生冲突的话，可以采用 Apache 官方推荐的临时解决方案 —— 修改参数。
+
+如果你的 log4j 版本 >= 2.10，可以通过设置系统属性 `log4j2.formatMsgNoLookups` 或者环境变量 `LOG4J_FORMAT_MSG_NO_LOOKUPS` 为 `true` 来禁用 lookup 行为；如果版本在 2.0-beta9 到 2.10.0 之间， 可以直接移除从 classpath 中移除  `JndiLookup` 类，用以下命令即可：
+
+```
+zip -q -d log4j-core-*.jar org/apache/logging/log4j/core/lookup/JndiLookup.class
+```
+
+这个方案相对不容易引发项目的冲突，如果项目很紧急且重要，先用它处理吧。
+
+#### 3. 换框架
+
+最暴力、也是解决最彻底的方案就是干脆不用 log4j 了，用别的！
+
+比如我自己很早之前就弃用 log4j，改用 logback 了，不说别的，logback 的测试更加充分，质量相对有保障一些。毕竟日志框架作为一个项目必备的核心依赖，稳定性是至关重要的。
+
+当然，这种方式对项目的影响可能会很大，如果一定要整体替换框架，建议进行充分的测试（覆盖率越高越好），可不是改几行代码那么简单。
+
+
+
+------
+
+
+最后鱼皮再多说几句吧，这次的事件又印证了软件开发中的 **不信任原则** ，没有绝对可信、完全不出问题的服务，所以我们开发者要做的就是时刻多留一个心眼儿，尽量针对一些服务的不稳定去设计一些保护或降级措施。比如假设分布式缓存会挂掉，可以再设计本地缓存继续提供临时服务，保障系统的可用性。
+
+不过还好这次漏洞对我没什么影响，一是项目本身没用 log4j 而是 logback；二是在公司做的业务是内部系统，大多数基础设施和中间件都是内网的，有网络层面的隔离保护；三是我自己的项目用到的服务也都是云服务商提供的，哪怕出了问题，基本也不用自己解决（不过还是存在一定的安全风险就是了）。
+
+唉，不知道有多少小伙伴周末要加班了，**你躺枪了么**？
+
+我是鱼皮，原创不易，如果觉得文章还不错，希望 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311091229294.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Spring Boot \350\210\271\346\226\260\347\211\210\346\234\254\357\274\237\346\210\221\345\215\264\345\276\210\345\244\261\346\234\233.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Spring Boot \350\210\271\346\226\260\347\211\210\346\234\254\357\274\237\346\210\221\345\215\264\345\276\210\345\244\261\346\234\233.md"
new file mode 100644
index 0000000..bba579b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/Spring Boot \350\210\271\346\226\260\347\211\210\346\234\254\357\274\237\346\210\221\345\215\264\345\276\210\345\244\261\346\234\233.md"	
@@ -0,0 +1,95 @@
+# Spring Boot 船新版本？我却很失望
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+大家好，我是鱼皮。
+
+先讲个故事，我大二的老弟小阿巴，昨天用 IDEA 开发工具初始化了个 Java Spring Boot 的项目。明明操作流程和往常一模一样，结果项目却跑不起来。
+
+![](https://pic.yupi.icu/5563/202311091241331.png)
+
+奇怪了，明明选的是 Java 8 来初始化项目，为什么提示需要 Java 17？
+
+![](https://pic.yupi.icu/5563/202311091241353.png)
+
+哦，原来现在初始化项目时，默认选中的 Spring Boot 版本变成 3.0 了：
+
+![](https://pic.yupi.icu/5563/202311091241374.png)
+
+3.0 也是前几天刚刚发布的 Spring Boot 重大版本，这个版本 **对 Java 的最低版本要求是 17** ！
+
+看到这里，我就知道 Spring Boot 3.0 版本和我没什么关系了，短期之内我也不打算使用它。
+
+因为我自己项目中使用的 Java 版本，绝大多数都是 Java 8，只有个别项目用了 Java 11。。。Java 17 尝个鲜还可以，但是让我长期使用它，估计是不太可能。
+
+![](https://pic.yupi.icu/5563/202311091241356.jpeg)
+
+看了下 JRebel 于 2022 年的 Java 生产力报告，如今 Java 8 的使用率仍是第一、Java 11 其次，越来越多的小公司开始尝试使用 Java 11。
+
+![](https://pic.yupi.icu/5563/202311091241358.png)
+
+问题来了，为什么大多数开发者现在仍在使用 Java 8，而不去拥抱船新版本的 Java 呢？
+
+说说我自己的感受：
+
+1）兼容性
+
+Java 一直是主流的企业开发语言，存量项目非常多，大部分的老项目和类库支持都是 Java 8 及以下的版本，如果强行升级了 JDK 这种基础环境，很难保证项目的运行和之前完全一致。
+
+我自己就经历过一次 JDK 8 升级 JDK 11 的大坑，升级后项目虽然能跑，但在做一个导出 Excel 表格功能时，升级版本后部分字符就乱码了，折腾了好久才搞定，比做几个新需求还心累。
+
+所以还是谨记编程铁律第一条：**程序能运行，就不要动它。**
+
+2）稳定性
+
+Java 8 已经经过成千上万个企业项目的检验，都很难做到绝对的稳定。如果用一个新版本的 Java，很难说会遇到什么乱七八糟的线上问题，所以建议规模较大的项目慎用太新的东西。
+
+3）生态不足
+
+现在网上的项目教程也好、解决 Bug 的博客方案也罢，几乎都是基于 Java 8 的。如果你使用高版本的 Java，哪怕是同样的代码，可能项目也根本运行不起来，可能还有一些语法细节的不一致等。而且你可能在网上都搜不到相关的解决方案，这个对于 Java 开发经验不足的同学来说，是非常致命的。为什么不建议大家学习小众编程语言，也有这个原因。
+
+我印象中自己使用 Java 11 的时候就遇到过一些莫名其妙的小 Bug，很多是去 stack overflow 等国外平台才找到了解决方案。
+
+4）提升不明显
+
+当一个框架发布新版本的时候，我们最关心的往往是它有什么 “革命性” 的改动，吸引我们去升级。
+
+那 Spring Boot 3.0 有哪些新特性呢？
+
+我关注到的、值得一提的有 2 点：
+
+1. 支持 GraalVM 原生镜像。GraalVM 是一个多语言通用的虚拟机，号称是云原生时代的虚拟机王者。大家可以先简单理解为 Spring Boot 项目运行在这个虚拟机上可以更快地启动、节约一些内存之类的，便于弹性扩容等。
+2. 提升应用的可观测性。可以简单理解为你可以更轻松地收集和监控应用的运行状态。
+
+哦，好像我关注的也就这两点，其他的都是一些依赖升级之类的了（对开发者没有那么利好）。
+
+关于这两个点，对我（或者对很多开发者）其实也没有那么强的吸引力了。想搞云原生、追求高性能，但如果要改变开发者的使用习惯的话，为什么我们不直接试试 Go 呢？
+
+![](https://pic.yupi.icu/5563/202311091241371.png)
+
+至于可观测性，现在很多框架、第三方组件已经做得很好的，这不足以成为大家升级框架（还有 JDK）的契机。
+
+所以我这里也是不建议没有足够经验的开发者（尤其是 Java 的初学者）去追求 Java 11、Java 17 等高版本。先老老实实用 Java 8，先把 Java 8 的特性学好吧~
+
+这里我也留个小 Flag：3 年之后再来看，Java 8 依然会是主流。
+
+![](https://pic.yupi.icu/5563/202311091241849.png)
+
+那么，Spring Boot 3.0 的出现，**真的跟我们没关系么？**
+
+答案当然是否定的。
+
+作为开发者（哪怕是小白），其实多了解一些技术发展趋势是有绝对的好处的，比如 Spring Boot 为什么要这么更新？可以从中预见到未来的发展方向 —— 云原生的发展应该是大势所趋。对于求职写简历、想进大厂的同学来说，在学好 Java 8 基础的前提下，可以多了解这方面的内容（比如 Spring Native、Quarkus 等）并且写在简历上；面试的时候也可以跟面试官多聊几句，体现出自己的学习积极性，是绝对的加分项。
+
+讲真大家真的可以去试试 Quarkus，这玩意启动速度是真的快哈哈！
+
+
+
+------
+
+
+以上就是本期分享。欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目。可以加我微信 yupi1085，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\201\220\346\200\226\347\232\204 GPT4\357\274\201\346\210\221\344\271\237\345\205\245\345\261\200\344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\201\220\346\200\226\347\232\204 GPT4\357\274\201\346\210\221\344\271\237\345\205\245\345\261\200\344\272\206.md"
new file mode 100644
index 0000000..1c41916
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\201\220\346\200\226\347\232\204 GPT4\357\274\201\346\210\221\344\271\237\345\205\245\345\261\200\344\272\206.md"	
@@ -0,0 +1,161 @@
+# 恐怖的 GPT4！我也入局了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+如标题所说，这段时间真是太刺激了！几乎每天都会爆出一个超震撼的 AI 产品，尤其是 ChatGPT-4 和 AI 绘画。有一种科幻马上要成现实的感觉。
+
+比如下面这张网图，就是 AI 生成的，我直呼 “好家伙”（反手就是一个收藏 🐶）：
+
+![](https://pic.yupi.icu/5563/202311091241330.png)
+
+在我的朋友圈里面，也几乎全是 AI 相关的内容。哪个学编程的同学用 ChatGPT 改了个 Bug、学设计的同学用 AI 做了个头像、发小还用 ChatGPT 生成了一本连载小说。。。而且我身边的一些创业大佬像约好了一样，都开始做 ChatGPT 相关的产品了。
+
+还记得 web3、元宇宙刚出来的时候么？吹得多厉害多厉害，结果隔了这么久了，也没有落地的现象级应用，离大家太遥远了。
+
+试着问问看大家：你知道什么是 web3 么？
+
+但是 ChatGPT 这个产品，真的是让大家感受到了科技发展带来的 “变革”。
+
+比如，以前有 Bug 问百度，现在问 ChatGPT：
+
+![](https://pic.yupi.icu/5563/202311091241390.png)
+
+以前自己写代码，现在 ChatGPT 帮你写代码！比如下图是我让 ChatGPT 帮我写的一个抽奖程序：
+
+![](https://pic.yupi.icu/5563/202311091241317.png)
+
+以前问鱼皮，现在问 ChatGPT：
+
+![](https://pic.yupi.icu/5563/202311091241377.png)
+
+鱼皮表示很慌。。。
+
+![](https://pic.yupi.icu/5563/202311091241324.png)
+
+除了能帮我们学编程外，它还能帮我们解放双手、解放生产力，比如创作内容、自动写 PPT 和报表等，熟练使用它就相当于免费雇佣了一整个团队！能以一种最低成本的方式实现你的想法。
+
+此外，最近这段时间，百度发布了 “文心一言”、Google 发布了 “Bard”、各路大佬也发布了自己的 ChatGPT 应用，都说明了一点：
+
+**ChatGPT 就是新的科技革命，一场 AI 革命！**
+
+**
+**
+
+那么在这个变革下，**我们普通人能做些什么？**
+
+
+
+正好之前有同学问我：“既然 ChatGPT 能写代码、能改 Bug，那鱼皮你觉得 ChatGPT 会取代程序员么？”
+
+
+
+我的回答是：“短期内不用担心会取代程序员，但是毫无疑问，掌握这个工具会帮你成为一个更难被取代的程序员。”
+
+
+
+**学会驾驭 ChatGPT，让它为我所用，是我们必须要做的事情。**
+
+
+
+不用觉得这很难，尝试注册一个账号、尝试问 ChatGPT 几个问题、尝试利用 ChatGPT 改一个 Bug、尝试在自己的程序中调用 ChatGPT 的接口。。。做这几件事，基本上你就入门了，有时间的话可以再更多的探索。
+
+
+
+再回归到鱼皮本人，我是非常看好 ChatGPT 的发展的，觉得这是一个不可多得的机会和红利。
+
+
+
+因此，这几个月，我除了维护自己的编程学习圈之外，每日都在探索 ChatGPT，前几天也给大家开源了 AI 小智自动问答机器人。
+
+
+
+![](https://pic.yupi.icu/5563/202311091241407.png)
+
+
+
+
+
+而且前几天，因为同事老是给我看 AI 生成的美女，于是我也去学习了下 AI 绘画，打开了新世界的大门。。
+
+
+
+我觉得作为一名程序员，自己是很有机会利用好 ChatGPT，搞一些大事的，比如做自己的产品。
+
+
+
+我又是一个想法很多、比较喜欢尝试的人，所以在深思熟虑之后，我决定出手了！我也要入局 ChatGPT！
+
+
+
+怎么入局呢？我觉得自己一个人的力量是有限的，首先要找到志同道合的人一起交流，所以自己最近就在观察有没有做的比较好的 ChatGPT 社群。
+
+
+
+大家应该也注意到了，最近这方面的社群非常多，但我基本都不看好。为什么？因为社群最重要的是 “人”，一个圈子里大佬多、或者有人能带着你学习搞事情，那么进圈子对你来说就有价值。
+
+
+
+但网上的很多社群，群主自己都没玩过 ChatGPT、也没有已经入局的大咖，纯靠账号吸引人。忽悠下 2G 网的人还行，反正忽悠不了我。
+
+
+
+直到昨天，看到我的好友洋哥做的**ChatGPT 破局俱乐部** ，才让我眼前一亮。
+
+
+
+为什么？
+
+
+
+1）人脉：暂且不说洋哥本人是前 360 技术总监，现大厂高管，技术产品都是一流水平；最关键的是，这个星球有 **20 多位行业内大佬** ，有互联网大厂CTO、有创业公司CEO，还有光年之外（王慧文团队）的核心骨干，这些大佬中有的 ChatGPT 产品已经上线了，并高速发展！
+
+
+
+连大佬刘江（美团技术学院院长，北京智源人工智能研究院副院长）都主动付费加入了这个星球，并被邀请成为嘉宾：
+
+![](https://pic.yupi.icu/5563/202311091241907.jpeg)
+
+
+2）发展
+
+洋哥的星球短短几天就发展到 2500 多人规模，目前在全国 GPT 星球排名前三：
+
+![](https://pic.yupi.icu/5563/202311091241918.jpeg)
+
+
+我一直觉得走对圈子跟对人，再加上洋哥的星球确实太火爆了，所以主动找了洋哥，想跟他进行一番合作。
+
+最终，二人一拍即合，我也成了这个俱乐部的 **合伙人** 。我有想法和技术、洋哥有经验和资源，我相信可以一起把这个星球做大做强，带大家入局 ChatGPT，抓住时代风口！
+
+![](https://pic.yupi.icu/5563/202311091241934.jpeg)
+
+**简单说下这个星球能给大家提供什么：**
+
+1.这里有 AI 行业内的高手，为你分享ChatGPT最新的玩法。
+
+2.你可以在这里找到志同道合的小伙伴，一起探讨甚至实现 AI 创业。
+
+3.大家有 AI 应用相关的问题可以在星球提问，我们会尽力解答。
+
+4.每个月一场的大咖直播。
+
+5.鱼皮本人也持续在这里分享自己探索到的 ChatGPT 玩法、包括自己正在开发的 ChatGPT 应用等。
+
+以上几点是最重要的。此外，别的社群有的我们也都有：4 月 2 日前加入星球的小伙伴，都可以免费获得ChatGPT “独立” 账号一个（账号在加入四天之内发放）。
+
+现在星球在运营初期，正式运营价格定为 299，目前我给出了加入的 **最低价 199**，后面星球成员每增加 100 人，星球费用会增长 10 元（估计发文后就会涨价）。
+
+**早就是优势**，如果真的对这方面感兴趣，建议大家尽早以便宜的价格加入！
+
+有兴趣的朋友们，欢迎扫码加入本星球（三天内不满意可全额退款）：
+
+![](https://pic.yupi.icu/5563/202311091241029.png)
+
+
+另外星球本周末就有大咖直播，**教大家入门 ChatGPT**:
+
+![](https://pic.yupi.icu/5563/202311091241090.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\210\232\344\271\260\344\272\206\346\260\270\344\271\205\344\274\232\345\221\230\357\274\214\344\275\240\345\260\261\344\270\213\347\272\277\344\272\206\357\274\237\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\210\232\344\271\260\344\272\206\346\260\270\344\271\205\344\274\232\345\221\230\357\274\214\344\275\240\345\260\261\344\270\213\347\272\277\344\272\206\357\274\237\357\274\201.md"
new file mode 100644
index 0000000..76bf799
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\210\232\344\271\260\344\272\206\346\260\270\344\271\205\344\274\232\345\221\230\357\274\214\344\275\240\345\260\261\344\270\213\347\272\277\344\272\206\357\274\237\357\274\201.md"
@@ -0,0 +1,80 @@
+# 我刚买了永久会员，你就下线了？！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 再见，Layui！
+
+昨天，学弟给我发了条消息，告诉我：曾经非常流行的前端 UI 框架 `Layui` ，即将下线！
+
+他还给我发了张图片，说是进入 Layui 官网的任何页面，都能看到醒目的下线通知：
+
+![](https://pic.yupi.icu/5563/202311091219462.png)
+
+> Layui 下线通知
+
+我听到这个消息还愣了几秒，然后突然觉得不对劲。
+
+尼玛，我刚刚买了他家扩展组件的 **永久会员** 啊！
+
+![](https://pic.yupi.icu/5563/202311091219396.png)
+
+购买的是即时通讯前端组件，是为了以后带大家做个即时聊天室网站用的，有了这玩意，再加个 WebSocket 服务，轻轻松松就能搞出个聊天室项目。
+
+![](https://pic.yupi.icu/5563/202311091219407.png)
+
+记得我大一刚开始学习前端时，正式接触的第一个组件库就是 Layui。它的官网很大气，以至于我第一次见到它时，便无法自拔。
+
+![](https://pic.yupi.icu/5563/202311091219472.png)
+
+这是一个模块化的前端 UI 框架，遵循原生前端三件套 HTML + CSS + JS 的开发方式，并且提供了清晰直观的文档和大量现成的示例代码。哪怕是从来没用过组件库的同学，也能轻松上手！
+
+![](https://pic.yupi.icu/5563/202311091219457.png)
+
+> 清晰的文档
+
+让我印象最深刻的是，我当时和学长合作的第一个项目 —— 大学二手交易平台，就是完全使用 Layui 开发的。多年前我在 B 站的第一个视频，就是对该项目的介绍~
+
+![](https://pic.yupi.icu/5563/202311091219530.png)
+
+> 满满的回忆
+
+做这个项目的过程也很简单，就是自己的页面需要什么，就直接读 Layui 的文档、看示例、复制示例代码，然后改一下就行了，真的很方便。
+
+![](https://pic.yupi.icu/5563/202311091219956.png)
+
+> Layui 示例
+
+因此，我对 Layui 的印象是非常好的，即使后来我看到了更大的世界、更先进的技术、更好用的组件库，但再也没有当年第一次用 Layui 时的惊喜感了。
+
+这次，在前端工程化流行，Vue、React、Angular 三大框架当道的时代，Layui 终于倒下了！
+
+**但并没有完全倒下** ，因为作者 **贤心** 在下线通知中表示会将 Layui 的代码、文档和示例都进行 **开源** 。也就是说，大家不仅可以继续使用到这个组件库，而且能够更自由地参与项目的贡献了。对于付费组件，已购买的用户依然能够下载，而且它们不再对新用户开放，算是给付费用户一个交代了吧。
+
+> 其实项目早就开源，并且已经收获了 2.4 w 个 star 了！
+
+![](https://pic.yupi.icu/5563/202311091219951.png)
+
+我是非常佩服作者贤心的。不仅是在这个浮躁的时代，一个人用心做技术的坚持与勇气；还有她对前端的热情以及无私的开源精神。
+
+在 GitHub 的 issues 板块，我们也能看到大家对 Layui、对贤心的感谢：
+
+![](https://pic.yupi.icu/5563/202311091219969.png)
+
+纵有遗憾，我也相信，Layui 会在开源的净土下，重获新生。
+
+最后，引用贤心的一句话：
+
+> 请大家怀揣对 Web 前端技术的热忱，去拥抱 Vue.js、拥抱 Element UI、拥抱更好的新时代，以及，所有那些值得去追求的美好事物。
+
+
+
+
+
+------
+
+
+以上就是一点小分享。我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091219987.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\222\214 AI \347\232\204\346\225\205\344\272\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\222\214 AI \347\232\204\346\225\205\344\272\213.md"
new file mode 100644
index 0000000..575525c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\210\221\345\222\214 AI \347\232\204\346\225\205\344\272\213.md"	
@@ -0,0 +1,198 @@
+# 我和 AI 的故事
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+不得不感叹，AI 的发展进步真的是太快了。
+
+短短几个月的时间，各种各样的 AI 工具、模型、算法和产品层出不穷，一个比一个强大，一个比一个简单易用。曾经遥不可及的人工智能技术如今已经近在眼前，触手可及。即使你对人工智能和算法一无所知，也可以用 AI 做很多有趣的事情。
+
+或许有些同学还没有这种感觉，但至少对我来说，我现在已经彻底离不开 AI 了！
+
+这篇文章就给大家分享下我和 AI 的故事，看看 AI 是如何 “入侵” 了我的工作和生活。
+
+## 程序员鱼皮
+
+首先当然要从咱的本职工作说起。
+
+先问问大家，你觉得程序员最痛恨的两件事是什么？
+
+我认为是：写 Bug 和改 Bug。
+
+给我一杯茶，写 Bug 花 1 天，改 Bug 花一周，这是很正常的。
+
+现在 AI 来了，有很多 Bug 都不用我自己写了，尤其是学习一个新技术时，我会先让 AI 帮我写一个小 Demo，便于我快速入门这个技术、或者衡量这个技术的使用复杂度。
+
+这里我们使用讯飞星火的 AI 助手平台，找到 “代码工程师” ：
+
+![](https://pic.yupi.icu/5563/202311091243863.png)
+
+然后就可以让助手帮你写程序啦，比如来一段 Java 的爬虫示例代码：
+
+![](https://pic.yupi.icu/5563/202311091243815.png)
+
+不过 AI 的回答仅供参考，复杂的程序还是很难直接生成的。
+
+相比起写 Bug，我更多地是利用 AI 来改 Bug！现在我的员工也都是这么做的。
+
+在程序中遇到 Bug 了，以前是复制关键错误信息、然后某度搜索；现在有了 AI，我直接复制整段错误信息，暴力地喂给 AI，往往它也能给出一针见血的解决方案！
+
+![](https://pic.yupi.icu/5563/202311091243956.png)
+
+我的开发员工经常说：现在这 AI 是真厉害，感觉没了 AI，我都不会写代码了。
+
+我意味深长地看着他，陷入了沉思（谁又不是呢？）
+
+## 设计师鱼皮
+
+刚开公司的时候，我最头疼的事情不是缺少开发、缺少运营，而是缺少设计师。
+
+因为公司要开发网站、宣传产品，无论是网站的界面设计、网站的占位图、还是宣传海报，都需要专业的设计师来完成。
+
+开发、运营还好说，我自己都会点儿，但在设计这个方面，我的审美可以说是依托答辩。
+
+虽然说后面招了一位设计师，但有时工作量上来了，他一个人也忙不过来。
+
+还好现在有了 AI，绝大多数的网站占位符、插画，我只需要使用讯飞星火 AI 助手平台，打上一句话，就能自动生成图片！
+
+比如给我们的网站客服生成一个头像：
+
+![](https://pic.yupi.icu/5563/202311091243967.png)
+
+怎么样，还不错吧，这要是找设计师来做，估计也得花不少钱。省了省了！
+
+对于程序员朋友们，无论你的网站缺少什么素材图片，都可以生成，大幅节省时间~
+
+![](https://pic.yupi.icu/5563/202311091243992.png)
+
+除了生成图片外，我还会用 AI 来帮我 “提升审美” ，因为有的时候，我确实无法理解设计师作品的好坏。
+
+比如我让设计师给公司的产品设计一个 Logo，他发给我一张小鸡图。
+
+这要是以前，我说不定就被忽悠了。
+
+但现在，使用讯飞星火 AI 助手平台，我只需要上传一张图片，然后输入一段描述语 “请以专业设计师的角度，来分析使用这张图片作为公司产品的 logo，是否合适，有哪些优点和缺点”。
+
+稍等片刻，AI 就会自动识别该图片，然后我就得到了一位专业设计师的建议，也帮助我提升了设计知识：
+
+![](https://pic.yupi.icu/5563/202311091243164.png)
+
+> 设计师：你礼貌么？
+
+## 美食家鱼皮
+
+自从自主创业后，我和团队小伙伴们最纠结的问题就是 “今天晚上吃什么？”
+
+因为我们公司的食堂晚上不开门，而且已经几个月了，公司附近的东西都吃腻了。
+
+为了解决这个问题，提高我司人员的就餐效率，我在讯飞星火平台创建了一个自己的 AI 助手，名为 “美食家鱼皮”：
+
+![](https://pic.yupi.icu/5563/202311091243399.png)
+
+美食家鱼皮的作用是，可以帮我合理地选择周一 ~ 周五的晚上分别吃什么，可以在讯飞星火平台自定义助手的角色和任务：
+
+![](https://pic.yupi.icu/5563/202311091243479.png)
+
+创建好助手后，我把公司附近的小吃输入给 AI，美食家鱼皮就给我推荐了一周的就餐选择，看上去好像还挺合理的哈哈：
+
+![](https://pic.yupi.icu/5563/202311091243541.png)
+
+## PPT 制作大师鱼皮
+
+我自己本身是一位知识分享者，有的时候也会受邀给一些同学做直播分享。
+
+在比较正式的场合分享，一般是要提前准备 PPT 的。
+
+但我个人极其讨厌制作 PPT！只想把内容讲出来，不想把时间浪费在排版上。
+
+要是在以前，我大概率会到网上花钱下载个 PPT 模板，然后再往里面填字。
+
+但现在有了 AI，一切都变简单了。
+
+只需要使用讯飞星火平台，开启 PPT 生成插件，并且把你的诉求告诉 AI：
+
+![](https://pic.yupi.icu/5563/202311091243650.png)
+
+然后稍等片刻，AI 就自动为你生成了一份完整的 PPT！
+
+![](https://pic.yupi.icu/5563/202311091243750.png)
+
+给大家分享几套我生成的效果：
+
+![](https://pic.yupi.icu/5563/202311091243859.png)
+
+![](https://pic.yupi.icu/5563/202311091243026.png)
+
+![](https://pic.yupi.icu/5563/202311091243088.png)
+
+怎么样，感觉还不错吧！虽然内容不能直接用，但是好看的模板这不就来了？
+
+## 创作者鱼皮
+
+有没有可能，这篇文章就是 AI 教我这么写的？
+
+实话说，我确实利用 AI 来帮我优化了文案。比如这篇文章的开头，就用讯飞星火 AI 助手帮我润色了一下：
+
+![](https://pic.yupi.icu/5563/202311091243107.png)
+
+不能说 100% 超过人，但至少在 AI 的帮助下，我确实进一步凝练了文字。
+
+以前，你想写文章、写短视频脚本、成为创作者，还是有一定难度的。但现在有了 AI，你只需要有一个小想法，就能让 AI 帮你生成内容。
+
+进入星火助手中心，能看到非常多的 AI 写文助手：
+
+![](https://pic.yupi.icu/5563/202311091243261.png)
+
+比如让我用文案大师来生成一篇文章 “鱼皮想成为 rapper”：
+
+![](https://pic.yupi.icu/5563/202311091243477.png)
+
+多励志（离谱）啊！这不是妥妥的爆款文案？🐶
+
+你还可以发挥想象力，让 AI 来生成画作，同样给 AI 说一句话就好了：
+
+![](https://pic.yupi.icu/5563/202311091243669.png)
+
+这图片，似乎合理中又带着一丝超脱，AI 的想象力真的是天马行空啊。
+
+然而最最最让我感到惊喜的是，讯飞星火平台还支持生成视频！
+
+从助手中心选择 “节日祝福视频助手”，然后输入一个节日，比如最近即将到来的中秋节，稍等片刻就能看到生成的视频啦：
+
+![](https://pic.yupi.icu/5563/202311091243691.png)
+
+截一张视频画面，给大家欣赏一下，是一位小姐姐在朗读 AI 生成的文案：
+
+![](https://pic.yupi.icu/5563/202311091243757.png)
+
+注意，视频中的小姐姐形象，只是一个 AI 生成的数字人，我们甚至可以更换数字人的形象~
+
+![](https://pic.yupi.icu/5563/202311091243716.png)
+
+这便是讯飞星火 V 2.0 升级后发布的多模态能力，图像描述、图像理解、图像推理、识图创作、文图生成、虚拟人合成，通通不在话下！
+
+
+
+------
+
+
+以上便是我和 AI 的故事。AI 就像超级装备，短时间内给我赋予了无限的能力。
+
+我不知道 AI 的发展对自己的未来是好事还是坏事，但我知道，起码在当下，还是要紧跟时代，利用好 AI 来武装自己，提高生活和工作的效率。
+
+最后给大家一些鱼皮专属的内测体验名额，长按二维码后，点击 `申请注册` 即可：
+
+![](https://pic.yupi.icu/5563/202311091243755.png)
+
+也可以复制链接到浏览器打开：https://xinghuo.xfyun.cn/?ch=bl_NBkwva，或者点击下方阅读原文访问。
+
+使用鱼皮的渠道注册，有以下优势：
+
+1、**完全免费、秒通过** ，无需审核等待。
+
+2、可以获得比常规注册渠道多 30% 的 API 额度（能够用程序调用 AI）：包括 200 万 V1.5 版本 Tokens、200 W 最新 V2.0 版本 Tokens，累计 400 万讯飞星火大模型 API 使用权益。
+
+感兴趣的同学欢迎体验吧 👏🏻
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\221\224\345\210\260\350\200\201\344\270\211\347\232\204 Java\357\274\214\346\234\252\346\235\245\345\234\250\345\223\252\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\221\224\345\210\260\350\200\201\344\270\211\347\232\204 Java\357\274\214\346\234\252\346\235\245\345\234\250\345\223\252\357\274\237.md"
new file mode 100644
index 0000000..8ed43ed
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\221\224\345\210\260\350\200\201\344\270\211\347\232\204 Java\357\274\214\346\234\252\346\235\245\345\234\250\345\223\252\357\274\237.md"	
@@ -0,0 +1,83 @@
+# 摔到老三的 Java，未来在哪？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 2021 年 Java 相关技术的发展趋势
+
+大家好，我是鱼皮。之前看过国外一家公司（Eversoft）于去年 12 月的技术分享，提出了 2021 年 Java 的 5 个发展趋势，分享给大家~
+
+### 1.  Java 版本
+
+根据 JetBrains 公司的调查，我们发现，尽管时隔多年，但 Java 8 仍然是最受欢迎的 LTS（长期支持）版本，而且比例高达参访者的 70％ 以上！
+
+> 超好用的集成开发工具 IDEA 就出自 JetBrains 公司。
+
+而 Java 11 作为另一个 LTS 稳定版本，排名第 2，比例约占参访者的 30%。也就是说，这两个版本加起来，基本覆盖了全部 Java 开发者！
+
+自 Java 11 之后，Java 又陆陆续续发布了几个版本和几十个新特性，但是绝大多数的企业仍然在使用 Java 8 或 11，而且就目前来看，这个情况很难发生变化。即使目前最新的长期支持版本 Java 17 已经到来，估计也不会有几家公司愿意将系统升级到这个版本。
+
+![](https://pic.yupi.icu/5563/202311091219854.png)
+
+### 2. Spring
+
+到目前为止，Spring 仍然是最流行的 Java 开发框架，并且几乎应用在了所有地方 —— 小到个人博客、大到各种电商和流媒体平台。它的设计目的是为基于 Java EE 平台的 Java 应用程序快速创建后端。
+
+Spring 框架基于依赖注入的功能，它是在 Java 中构建业务应用程序的理想解决方案：微服务、复杂的数据处理系统、云应用程序或快速、安全且响应迅速的 Web 应用程序。
+
+Spring 的特点是轻量级且易于实现和使用，生态非常活跃，因此完全可以预计 2021 年 Spring 将会更加普及，也会有更多强大的功能。对于 Java 开发者而言，Spring 仍然是不得不学的优秀框架。尤其是 Spring 全家桶中的 SpringBoot，不仅简单易用，更是让 Java 开发效率直上青云，学会这个后，大有一招吃遍天的架势。
+
+![](https://pic.yupi.icu/5563/202311091219841.png)
+
+### 3. Serverless
+
+另一个持续发展的趋势是由 **传统巨石后端** 应用向 **无服务器架构** 的迁移，这种趋势将在 2021 年变得更加明显。
+
+什么是 Serverless 呢？它是一种云服务模型，开发人员只需专注于编码和实现业务，而不必关注基础架构。虽然无服务器架构一词可能会引起误解，好像不需要服务器似的。但事实上，Serverless 解决方案的本身是基于服务器构建的，总不能把程序放空气上跑吧？
+
+使用 Serverless 体系结构的程序员不必纠结于如何设置机器、更新操作系统、进行网络配置或扩展应用程序的工作。这些任务属于 Serverless 服务的提供者，例如国外的 Amazon、Microsoft、Google 和国内的 BAT 等。每个大型公有云服务商都有能力提供 Serverless 服务，使用他们提供的服务，省事安心。
+
+为什么 Serverless 将在未来获得更大的发展呢？当然因为微服务具有非常多的优势，包括降低运营成本、提高软件开发过程的灵活性和动态性（即降本增效），从而以新的系统功能的形式更快地交付需求，为企业带来价值。
+
+![](https://pic.yupi.icu/5563/202311091219924.png)
+
+### 4. Big Data
+
+毫无疑问，Java 是用于开发大数据项目的最主流的语言。结合历史地位和其增长速度，我们可以轻松地预测它也将在未来几年继续主导大数据！
+
+对于考虑在数据科学的这一行业中工作的人来说，让自己熟悉最流行的大数据 Java 实现技术是非常必要的。
+
+比如下列技术：
+
+- Apache Hadoop：是一个用于分布式计算和大数据集群分析的开源框架。Hadoop 生态系统包括很多相关软件和工具，比如 Apache Hive、Apache HBase、Spark、Kafka 等。
+- Xplenty：是基于云的易于使用的数据集成服务，可帮助您更快地移动、处理和转换更多数据，减少设置时间，以便企业可以快速解锁数据。
+- Apache Cassandra：一个开源（NoSQL 解决方案）分布式数据管理系统。它旨在处理跨多台服务器的大量分布式数据，即使其中一台服务器出现故障，这些数据也将继续起作用。
+
+关于大数据，可以看一下 2020 年的大数据 & AI 全貌图，就知道大数据的发展速度有多迅猛、生态有多强大了！
+
+![](https://pic.yupi.icu/5563/202311091219933.png)
+
+> 2020 数据和 AI 全貌图
+
+老实说，第一次看到这个图，我被吓了一跳，但也是情理之中吧。
+
+高清完整原图可以在鱼皮的公众号【程序员鱼皮】回复【大数据】领取~
+
+
+
+### 5. 集成测试
+
+单元测试侧重于小的代码单元，通常是单独的方法或代码行（比如单个增删改查）。它们仅检查方法的本地执行，不建议将其用于外部和远程资源。常用的单元测试工具有 JUnit。
+
+集成测试也是一种测试类型，通过在模块之间的交互上下文中更完整地检查软件，以确认软件是否正常工作。虽然这种测试方法仍未得到足够的重视，但是由于存在使用数据库、容器、队列等进行集成测试的可能性（比如 Testcontainers 技术），它将在未来变得越来越流行。
+
+![](https://pic.yupi.icu/5563/202311091219820.png)
+
+------
+
+总之，Java 及其相关技术的发展趋势还是不错的。虽然一些编程语言排行榜上 Java 不再是榜首，但它依然是主流的企业级开发语言，值得学习！
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091219206.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\227\240\350\257\255\357\274\214\345\217\210\344\270\200\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\346\224\266\350\264\271\344\272\206\343\200\202\343\200\202\343\200\202\345\267\262\345\215\270\350\275\275.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\227\240\350\257\255\357\274\214\345\217\210\344\270\200\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\346\224\266\350\264\271\344\272\206\343\200\202\343\200\202\343\200\202\345\267\262\345\215\270\350\275\275.md"
new file mode 100644
index 0000000..ae4628e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\346\227\240\350\257\255\357\274\214\345\217\210\344\270\200\344\270\252\347\237\245\345\220\215\351\241\271\347\233\256\346\224\266\350\264\271\344\272\206\343\200\202\343\200\202\343\200\202\345\267\262\345\215\270\350\275\275.md"
@@ -0,0 +1,125 @@
+# 无语，又一个知名项目收费了。。。已卸载
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近程序圈儿又被一个消息霸屏了：AI 代码辅助插件 `GitHub Copilot` 即将收费！
+
+![](https://pic.yupi.icu/5563/202311091237588.png)
+
+> 某乎的帖子
+
+我有不少朋友都已经使用了这玩意，大家对这件事也有褒贬不一的看法。那这篇文章给大家简单分享一下我本人以及朋友们对这个事儿的看法，帮助大家了解 Copilot、给大家一些参考。
+
+在此之前，先介绍下什么是 Copilot。这是由 GitHub 和 OpenAI 共同推出的一款 AI 代码辅助插件，使用它之后，我们只需写几个代码、或者是一行注释，插件就会自动为我们生成代码，从而大幅提升我们的开发效率。
+
+是不是听起来很厉害的样子？用一张动图给大家展示下它的效果：
+
+![](https://pic.yupi.icu/5563/202311091237609.gif)
+
+> AI 帮你写代码
+
+这么看来，以后我们不仅不用写重复代码了；甚至还有可能完全不用写代码 ，只用写中文描述就可以了？！
+
+![](https://pic.yupi.icu/5563/202311091237630.png)
+
+## Copilot 即将收费
+
+其实这次的收费并不是猝不及防，之前微软就曾在 Build 2022 大会上宣布：从今年夏天某个时候开始，Copilot 将全面发售。
+
+如约而至，几天前 GitHub Copilot 结束内测，并且公布了其收费标准：每月 10 美元（人民币 67 左右）或者每年 100 美元（折合人民币 670 左右）。
+
+个人感觉价格并不便宜，但微软也算比较良心了，给所有同学提供了 **2 个月的免费试用** ，并且对于认证学生和热门开源项目维护者 **免费** ！
+
+试用方式很简单，进入官网，然后点击下图按钮即可：
+
+> 官网：https://github.com/features/copilot/
+
+![](https://pic.yupi.icu/5563/202311091237615.png)
+
+> 官网截图
+
+弹出这个界面，就可以开启试用了：
+
+![](https://pic.yupi.icu/5563/202311091237625.png)
+
+这里再贴心地给大家提供一下 GitHub 学生认证的方式：https://docs.github.com/en/education/explore-the-benefits-of-teaching-and-learning-with-github-education/use-github-for-your-schoolwork/apply-for-a-student-developer-pack
+
+你只需要上传自己的学历信息，再等待通过审核即可。可以一直免费使用到信息过期为止。
+
+羡慕了，不知道毕业两年的我，还能不能用学生认证。。。
+
+![](https://pic.yupi.icu/5563/202311091237605.png)
+
+那么问题来了，我们是否有必要为它付费呢？主要还是看这个工具能否给我们带来等价的帮助。
+
+分享下我自己使用 Copilot 的体验吧，仅供参考。
+
+## Copilot 个人体验
+
+几个月前，我安装了 Copilot 插件，那个时候还是要排队申请的，由于我的申请迟迟没有审批通过，所以当时还是借了其他同学的账号来体验。当时大概体验了以下几个功能：
+
+#### 自动补全和推荐代码
+
+比如你要计算两个日期之间的相差天数。只需要敲下函数名称，它就能自动给你补全出这两个天数计算逻辑的代码，如图：
+
+![](https://pic.yupi.icu/5563/202311091237153.png)
+
+#### 自动推断、生成类似的代码
+
+比如我们只写了 JavaScript 和 Python 的注释的语法，然后它就自动给我们补全了其他语言，如图：
+
+![](https://pic.yupi.icu/5563/202311091237164.png)
+
+#### 自动生成测试
+
+这个插件能根据你写的函数，自动帮助你补充这个测试的用例，如图：
+
+![](https://pic.yupi.icu/5563/202311091237177.png)
+
+因为写测试还是很费时间的，所以我对这个功能充满了期待。但结果我在实际体验这个功能时，却发现它只是从以前的代码仓库提取出一些代码，但忽略了对项目本身的考虑（没有考虑本地上下文），使用起来还是有点翻车的。
+
+#### 根据注释自动生成代码
+
+比如说我要写一个校验身份证的函数，只用写一行注释，然后按下回车，插件就能为你自动生成校验代码，如下图：
+
+![](https://pic.yupi.icu/5563/202311091237186.png)
+
+感觉这个功能非常适用于开发一些重复写来写去的工具类函数，省去了百度的时间。
+
+> 更多用法可以看下我的这个视频：https://www.bilibili.com/video/BV1nZ4y1U7x8
+
+### **个人感受**
+
+体验下来，我感觉用这个 AI 插件来写业务逻辑的话，要是没有足够多的你项目本身的上下文信息，其实用处并不大，因为绝大多数通过开源项目而生成的代码都不能直接使用。因此感觉这个工具还是更适合写一些工具类，像日期转换、对象转换之类的，提升一点效率。
+
+而且并不是说这个插件可以帮助小白写出代码、或者解放程序员，它只是一个辅助。使用这个插件的前提是必须对代码的逻辑非常熟悉，对它生成的代码有掌控力，否则很容易出问题。
+
+然后另外值得注意的一点就是安全性，不知道 AI 插件是否会读取本地的代码信息然后悄悄上报。反正我是不敢在公司里用的，先当个玩具，免费的话就偶尔用着玩玩，但暂时不会考虑为它付费。
+
+## 大家的看法
+
+其实 Copilot 这个项目一直存在很多争议，不仅仅是因为它对大多数专业开发者来说没有太大的帮助。还有一个重要的原因是：这个项目是基于数十亿行的 **公共代码** 训练出来的（官方称是无视开源协议）。
+
+也就是说，当你出于商业用途使用这插件时候，需要注意它自动生成的代码是否是无视协议 “抄” 出来的。而且随着使用这个插件的人数越来越多，该项目库里的代码收集范围也会更宽泛，涉及到的代码内容也会备受争议。比如会不会自动帮你生成出了其他同学的数据库账号密码？
+
+不过由于语言、技术、项目的差异，大家对 Copilot 插件的看法不同。
+
+有同学表示已经离不开 Copilot 了，强烈支持付费：
+
+![](https://pic.yupi.icu/5563/202311091237197.png)
+
+还有同学表示，AI 生成的代码并不准。看了下面的评论回复真的笑死，感觉写代码的工作变成了 “试错” ？生成不出来我就再试试？要是这个插件真的再牛逼一些，我们程序员以后就不是打工人，而是监工了哈哈。
+
+![](https://pic.yupi.icu/5563/202311091237223.png)
+
+还有比较中立的回答 —— 工具要用对地方，才是好工具：
+
+![](https://pic.yupi.icu/5563/202311091237725.png)
+
+的确如此，我个人认为理想的编码状态应该是人和 AI 相互配合，人善用 AI、AI 辅助人，才能真正提高效率。而不是所谓的 “替代”、被 AI 牵着鼻子走。
+
+所以建议大家感兴趣的话可以去免费体验 60 天，好不好用自己说了算。也欢迎大家在评论区分享自己对 Copilot 插件的看法和使用心得~
+
+![](https://pic.yupi.icu/5563/202311091237690.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\231\276\345\272\246\347\273\210\344\272\216\350\246\201\345\207\272\346\211\213\344\272\206\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\231\276\345\272\246\347\273\210\344\272\216\350\246\201\345\207\272\346\211\213\344\272\206\357\274\237.md"
new file mode 100644
index 0000000..6e87df0
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\231\276\345\272\246\347\273\210\344\272\216\350\246\201\345\207\272\346\211\213\344\272\206\357\274\237.md"
@@ -0,0 +1,82 @@
+# 百度终于要出手了？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鲏。
+
+前几天 ChatGPT 又又又又发布新版本了，这次推出的 ChatGPT-4 依旧炸裂！
+
+据官方所说，这次升级后，ChatGPT 模型有了更多的参数、更广的训练数据集，用人话来翻译一下就是它的回答会更加灵活、它懂得知识也更多了。
+
+作为一个不务正业的程序员，老鱼皮第一时间就去体验了一下，
+
+首先就是感觉 ChatGPT-4 的回答比之前更详细、逻辑更通顺了。
+
+比如我跟他抱怨面试失利，它不仅给出了满满的建议（比老版本更多），还会像一个 gie gie 一样安慰我：
+
+![](https://pic.yupi.icu/5563/202311091236115.png)
+
+而且我发现这家伙**更有人情味儿、更像人**了！以前我夸奖 ChatGPT 3.x 时，它还妄自菲薄：
+
+![](https://pic.yupi.icu/5563/202311091236039.png)
+
+但是夸奖 ChatGPT-4 时，它把自己从 “机器学习模型” 的定位改成了 “AI 助手”，明显更积极和自信了：
+
+![](https://pic.yupi.icu/5563/202311091236047.png)
+
+如果说以前的 AI 已经拥有了超高的智商，那么可以预见，未来的 AI 将会拥有更高的情商，对话体验会更接近真人！
+
+谁会拒绝一个随时随地提供服务的心灵导师呢？
+
+![](https://pic.yupi.icu/5563/202311091236134.png)
+
+![](https://pic.yupi.icu/5563/202311091236054.png)
+
+此外，我还感觉 ChatGPT-4 的创造力和想象力更上了一层楼：
+
+比如我直接跟它说 “程序员鱼皮”，老版本的 ChatGPT 直接就摊牌了 —— 劳资就是 AI：
+
+![](https://pic.yupi.icu/5563/202311091236088.png)
+
+但是新版本的 ChatGPT-4 开始发挥想象，胡编乱造了。而且你还别说，它编得还挺有理有据，我差点儿就相信了！
+
+![](https://pic.yupi.icu/5563/202311091236505.png)
+
+当然，以上只是随便举了一个小例子，ChatGPT4 的改进以及带来的巨变远不止我所描述的这些。
+
+不过虽然 GPT-4 模型的逻辑性、上下文理解能力都变强了，但它的缺点也很明显，就是速度太慢了！
+
+![](https://pic.yupi.icu/5563/202311091236549.png)
+
+> 官方模型能力介绍
+
+此外，即使我已经开了 Plus 会员，但它仍然存在使用限制：
+
+![](https://pic.yupi.icu/5563/202311091236552.png)
+
+唉，提到限制，就不得不感慨一番。虽然 ChatGPT 很强大，但毕竟它是国外的玩意儿，而且因为它在国内的限制，绝大多数同学是根本没办法自己使用 ChatGPT 的。
+
+所以就有很多老手利用这个门槛，基于 ChatGPT 来研发各种各样的应用，比如自动生成 PPT、AI 问答工具、自动生成图片、自动写小说等等，借机利用信息差赚一波。
+
+什么时候，我们国内也能有不用魔法就能使用的 “ChatGPT” 呢？
+
+这不，百度终于出手了，它们深耕了十余年的 AI 产品 “文心一言” 即将对外正式发布！
+
+估计等我发完这篇文章，发布会就已经开始了。
+
+![](https://pic.yupi.icu/5563/202311091236603.png)
+
+为了避免大家觉得是广告，直播链接我就不放了哈哈，自己随便一搜就有了。
+
+说实话，即使我不懂 AI 领域，但是作为一名开发者和普通用户，我对这个产品还是很期待的。并不是期待它在能力上超越国外的 ChatGPT，而是希望我们国内也能有自己的 “底牌”，在未来不会随便被别人 “割韭菜”，不会被国外 AI 中暗藏的那些私货洗脑，能帮助大家更合法合规、更低成本地使用 AI，让大家都能感受到科技带来的便利。
+
+就先写到这里吧，我准备摸鱼去看发布会了，期待里面有一些炸裂的内容，到时候说不定再给大家分享一下。
+
+
+
+------
+
+
+最后，欢迎学编程的朋友们加入鱼皮的[编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect)，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。求职季一起加油！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\234\213\344\272\206\345\215\216\344\270\272\351\270\277\350\222\231\345\217\221\345\270\203\344\274\232\357\274\214\346\263\274\347\233\206\345\206\267\346\260\264.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\234\213\344\272\206\345\215\216\344\270\272\351\270\277\350\222\231\345\217\221\345\270\203\344\274\232\357\274\214\346\263\274\347\233\206\345\206\267\346\260\264.md"
new file mode 100644
index 0000000..69be637
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\234\213\344\272\206\345\215\216\344\270\272\351\270\277\350\222\231\345\217\221\345\270\203\344\274\232\357\274\214\346\263\274\347\233\206\345\206\267\346\260\264.md"
@@ -0,0 +1,139 @@
+# 看了华为鸿蒙发布会，泼盆冷水
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 我应该把设备升级为鸿蒙系统么？
+
+昨晚睡觉前，打开手机朋友圈，发现已经被华为新发布的 **鸿蒙系统（HarmonyOS）2.0** 刷屏了。不少小伙伴一边喊着 “冲冲冲”，一边迫不及待地把自己的华为手机从安卓升级到了鸿蒙系统。
+
+我也是近 6 年的花粉（华为爱好者），大家想做第一个吃螃蟹的人尝尝鲜倒是可以理解，但我好奇的是，但平时连升级个操作系统小版本都小心翼翼的人，怎么这次整个操作系统都要大替换时，反而一个个都争抢着去升级了呢？新的华为鸿蒙系统到底有什么 **魔力** 呢？
+
+为了找到答案，我熬夜把华为发布会看了一遍，又到小破站看了一些新鸿蒙体验评测的视频，还到网上看了很多媒体对鸿蒙系统的报道和分析。此外，我是一名程序员，秉着对技术的敬畏和追求，我还特地到华为鸿蒙官网转了一圈，了解一些技术信息。
+
+![](https://pic.yupi.icu/5563/202311091230021.png)
+
+看了这些后，我也的确有些沉沦于华为构造的对智能世界的美好幻想中，先简单带大家看一下鸿蒙系统和相关产品的核心亮点。区别于媒介的官方报道，我这里多说说人话。
+
+### 鸿蒙亮点
+
+一生万物，万物归一。鸿蒙系统是顺应华为全场景智慧生活战略而生的能支持多设备多硬件的操作系统，大到 PC、平板、手机，小到手表、家用电器、插座等，鸿蒙能够为华为的一切智能设备提供最广泛的支持。
+
+现实生活中，我们想要实现设备之间的连接，要么用物理插头连接，要么用蓝牙或无线网连接。一旦设备数量多了总会产生缠线、配对冲突等各种麻烦。而鸿蒙系统则可以解决这个问题。
+
+鸿蒙一词本义是 **自然的元气** ，鸿蒙操作系统正如元气一样，柔软、分散。它是一款分布式的操作系统，用无形的 **软总线** 将各式各样的独立设备进行连接，并且通过统一的中心进行操作和管理，无论有多少设备，用户都能掌控如一。
+
+总结下来，鸿蒙产品有以下四点产品优势。
+
+（以下图片源于华为产品发布会视频和 B 站 UP 钟文泽的视频）
+
+#### 统一中心
+
+包含了控制中心、服务中心、通知中心。通过在屏幕不同位置（左右侧）下滑，可以打开对应中心，集中查看和管理应用。
+
+![](https://pic.yupi.icu/5563/202311091230090.png)
+
+好像和现在没什么区别，但是，在统一控制中心中，你可以集中管理多个同类型的应用，无缝切换。
+
+比如听音乐小说时，由于每个音乐应用都有不同的歌曲版权，想要听到所有歌，不得不多开几个 APP，并且在应用间切来切去，比较麻烦。而在鸿蒙控制中心内，可以直接看到所有 APP 中的音乐，一键切换，流畅如一。
+
+![](https://pic.yupi.icu/5563/202311091230946.png)
+
+当你点开后台，却会发现，实际上，一个音乐 APP 都没有运行！这是因为，鸿蒙能够提供比 APP 更轻小的 **原子化服务** 。我们可以不打开应用，直接使用它们提供的服务，比如商品搜索。这是否意味着我们再也不用看 APP 上的广告了呢？
+
+![](https://pic.yupi.icu/5563/202311091230060.png)
+
+此外，控制中心很重要的作用就是对所有已发现的智能设备进行集中管理，并且自由组合为 **超级终端** 。
+
+#### 超级终端
+
+什么是超级终端呢？
+
+做个比喻，就像是搭积木，搭积木的人就是 **终端** ，可以通过将零散的积木自由组合，成为一个新的整体，达到各种各样的艺术效果。
+
+而超级终端比传统终端更灵活、更智能。在任何一个设备打开鸿蒙控制中心，都能看到所有设备，可以通过简单的触碰将设备之间进行无线连接，从而组成一个新的超级终端，实现更强大的功能。
+
+![](https://pic.yupi.icu/5563/202311091230974.jpeg)
+
+> 超级终端控制台
+
+举个例子，你可以通过触控将手机和电视大屏组合起来，然后将手机上播放的画面直接投射到大屏上观看。再将耳机一起组合，就可以把声音单独投射到耳机内。如果再连接一台音箱，那么你还可以一键把声音从耳机转移到音箱播放，非常方便。
+
+还可以把手机和电脑组合起来，在电脑上直接使用手机上的文件。甚至还可以把多个摄像头组合起来，在手机上实时切换多个摄像头的视角，一下就把手机变成了超强的全景录像设备！
+
+不过你可能会担心，这么多设备连接起来，音画等信息不同步咋办？
+
+华为当然考虑到了这点，使用 **软时钟基准** 统一多设备的播放时刻；再加上 **抗干扰算法** ，能够解决音画同步和切换流畅问题。最终带来的体验是超低延迟的实时同步和服务在不同设备间的无缝切换！
+
+![](https://pic.yupi.icu/5563/202311091230038.png)
+
+#### 原子化服务
+
+上面提到，在鸿蒙系统中，我们可以使用比应用更轻小的 **原子化服务** ，从而更高效的完成目标。
+
+鸿蒙系统以卡片作为服务的载体，每个功能都是一张卡片，可以轻松获取和分享卡片，免安装，即搜即用。
+
+比如你的手机上有京东搜索，发现了一个不错的商品，可以将商品卡片分享给朋友，朋友无需安装京东，就能直接看到商品内容，体验一致！
+
+当然，由于鸿蒙系统天然的分布式多端支持，原子化服务可以 “一次开发、多端部署、跨端流转”。你可以把卡片服务流转给任何一台设备，比如在显示器使用手机上安装的服务，在手表使用电脑安装的服务等。
+
+![](https://pic.yupi.icu/5563/202311091230673.png)
+
+#### 性能提升
+
+除了功能升级、UI 优化外，鸿蒙系统在用户关心的性能问题上取得了突破。
+
+鸿蒙系统对内核进行了优化，在执行速度上，使用它的用户，即使手机空间已经接近满载，但依然流畅，不会出现手机越用越慢的情况。
+
+为了改善用户体验，鸿蒙彻底使用了 **华为自研全套图形栈** ，让用户操作、动画效果更流畅，并且，无需更换手机，续航时间就会更长！
+
+![](https://pic.yupi.icu/5563/202311091230626.png)
+
+当然，最重要的还是消费者隐私安全问题，那么多设备自由连接，信息岂不是很容易泄露？
+
+但鸿蒙通过用户分管、分级保护、多种识别策略，确保任何情况下任何设备每次访问的安全。
+
+> 更详细的产品体验推荐大家看一下 B 站【钟文泽】老师的视频。
+
+### 看法
+
+我承认，看完鸿蒙系统 2.0 的介绍后，我心动了，也对华为竖起大拇指，不愧是国之骄傲，中华有为！
+
+但是，全网都在喊冲冲冲的时候，我却在思考，自己作为一名程序员和创作者，工作日常就是看文档、敲代码、写文章，目前的阶段，升级鸿蒙真的能给我带来帮助么？
+
+无论技术上吹得多么天花乱坠，对于大部分的普通用户来说，更关注的是使用这个系统和相关设备能给他们带来多大的便利性，综合权衡性价比，才会去使用和购买产品对吧。
+
+冷静分析一波后，我要泼冷水了。
+
+![](https://pic.yupi.icu/5563/202311091230653.png)
+
+首先，大家有没有发现，鸿蒙本次的产品演示的新功能其实都有替代方案。比如统一的应用控制和无缝切换，早就有对应的 APP 可以支持；原子化服务的打开和分享，也有着小程序的影子；手机和电脑、平板等设备的文件共享和互通，苹果和华为自己也早已支持。至于性能优化、流畅度优化、界面 UI 交互优化、安全性优化等，这是每家公司的系统升级时或多或少都会做的变动，也总会给我们带来新的体验，反正数值总不会下跌吧？
+
+不过还是要肯定鸿蒙，优化了这些功能的体验性，毕竟做到现在，每一点小改进都非常困难。
+
+![](https://pic.yupi.icu/5563/202311091230646.jpeg)
+
+再说说鸿蒙此次的主打 —— 超级终端，在统一的控制中心管理、连接和组合多个智能设备。其实，这个概念并不是第一次提出了，各种智能设备的连接配对和统一控制，专注智慧生活领域的小米公司也一直在做，而且处于领跑地位。
+
+不错，鸿蒙系统 2.0 革命性的一点是从 **底层** 解决跨端、跨设备和服务流转，从而实现 all as one，one as all。但是致命的问题是华为上层的 **生态**，现在用华为手机的人的确不少了，但使用其相关智能设备的人有多少呢？鸿蒙的分布式技术的确很强，但如果仅仅使用华为的一个设备，这些技术提供的能力对你来说作用是不大的。华为的目标是彻底留住消费者，让你一买买全套！
+
+![](https://pic.yupi.icu/5563/202311091230771.png)
+
+这点华为也考虑到了，所以在发布会上提到了 **合作伙伴** 的问题。的确，华为在物联网、自研操作系统等能力上持续突破，但想要操作系统，如何获得用户和生态伙伴的支持，才是难点。而且，操作系统是底层、是基础，哪家公司愿意把操作系统的选择权彻底交到对方手里呢？是小米，是苏宁，还是谁呢？
+
+此外，华为自家的搭载鸿蒙操作系统的智能设备也还在发展阶段，很多产品还没上市，用户很难真正感受到鸿蒙系统对智慧生活的建设，更多的只是构想。
+
+引用网上的一句话，目前的发布会只是鸿蒙系统征服移动端操作系统市场的开端，还有更多挑战亟待解决。所以，大家还是要理性分析，再考虑升级鸿蒙和购置设备。
+
+
+
+------
+
+
+
+但无论如何，我还是力挺华为的，毕竟能在保持原有安卓用户使用习惯和应用兼容性的情况下，能推出新的操作系统，解除国外的限制，本就是一件了不起的事。华为牛逼！
+
+觉得本文还不错的话，希望朋友们能 **点赞 + 在看** 支持下，给俺点创作的动力 ❤️
+
+![](https://pic.yupi.icu/5563/202311091230766.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\246\273\350\260\261\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\246\273\350\260\261\357\274\201.md"
new file mode 100644
index 0000000..f2ee9fe
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\246\273\350\260\261\357\274\201.md"
@@ -0,0 +1,79 @@
+# 离谱！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家周末愉快，我是鲏。
+
+最近 ChatGPT 可谓是火到炸裂，我自己也已经把它当成了工作提效工具，节省了不少时间！
+
+比如前几天跨语言重构项目时，我用它来翻译代码：
+
+![](https://pic.yupi.icu/5563/202311091235753.png)
+
+它不仅能准确翻译出来，还会给你解释代码！
+
+![](https://pic.yupi.icu/5563/202311091235841.png)
+
+再比如帮我解决 Bug：
+
+> 这里要注意 ChatGPT 的提问技巧，和百度一样，尽量多输入一些指令（关键词），它才会更好地理解你。所以还是要学会怎么提问呀~
+
+![](https://pic.yupi.icu/5563/202311091235862.png)
+
+再比如帮我做技术选型，比如我需要一个 HTML 转纯文本的库，直接全部推荐了出来！
+
+![](https://pic.yupi.icu/5563/202311091235828.png)
+
+还可以帮我自动写 Demo：
+
+![](https://pic.yupi.icu/5563/202311091235774.png)
+
+我想要引入这个库时，也不用去 Maven 仓库了，直接让他帮我写依赖：
+
+![](https://pic.yupi.icu/5563/202311091235767.png)
+
+看到这里，感觉一切都很美好对吧。
+
+不过，我却发现了不对劲。因为我其实知道 jsoup 的最新版本是 1.15.3。。。它回答错误了！
+
+而且如果我单独问它 jsoup 版本的时候，它的回答可和上面不一样，不过也是错的：
+
+![](https://pic.yupi.icu/5563/202311091235339.png)
+
+仔细想想，这不是很恐怖么？！
+
+如果一个缺乏这方面知识的同学，相信了它的错误答案，也许程序就会出现莫名其妙的 Bug。而且一旦他养成了对 ChatGPT 的依赖，不去主动搜索求证，只会获得越来越多的错误答案。
+
+所以如果你还只是编程初学者，建议先对 ChatGPT 保持一个怀疑的态度吧，目前还是多看教程学习、主动探索知识。
+
+像我使用 ChatGPT 一段时间后，对于百度或者技术官网能直接快速搜出明确答案的问题、或者时效性要求很高的问题，我都不会问 ChatGPT，否则反而还浪费了时间。
+
+所以工具好不好，还要看人怎么用它，我也还在持续探索它的高效用法。
+
+到这里，这篇文章还没完，因为昨天我发现了 ChatGPT 一个 **更恐怖的事实** ！
+
+来看看下面这段问答：
+
+![](https://pic.yupi.icu/5563/202311091235365.png)
+
+哈哈，这可谓是硬核广告了吧！我问它我的社群是否值得加入，它直接给出了客观的回答（狗头）。
+
+对于不了解知识星球的同学，可能直接就信了。
+
+但事实却是：
+
+![](https://pic.yupi.icu/5563/202311091235409.png)
+
+离谱！我可以通过一点点小技巧，让 AI 回答出我想要的回答。
+
+这一下就让我想到了现在的搜索引擎，可以通过花钱抢占搜索结果的头条。比如有次我搜索 “腾讯校园招聘”，第一条出来的确是 “字节跳动校园招聘”。。。
+
+目前 Bing 也即将推出新的 AI 智能搜索服务，可想而知未来肯定是搜索引擎 3.0 的时代，那么如果像现在一样，可以通过花钱等手段人为操作 AI 的回答结果，那么会发生什么呢？
+
+想象一下：你找 AI 问学习方法，他直接给你狂吹某培训机构的课程。。而且如果你已经相信 AI 会给你最好的结果，那你可能直接就去报课了。
+
+而且如果大家养成了对 Bing 的依赖，如果以后微软要搞点啥子操作。。。细思恐极啊。
+
+所以到了 AI 时代，淘汰我们的也许不是 AI，而是比我们更能操作和驾驭 AI 的人。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\252\201\345\217\221\357\274\201Gitee \345\233\276\345\272\212\357\274\214\345\272\237\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\252\201\345\217\221\357\274\201Gitee \345\233\276\345\272\212\357\274\214\345\272\237\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..104a632
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\347\252\201\345\217\221\357\274\201Gitee \345\233\276\345\272\212\357\274\214\345\272\237\344\272\206\357\274\201.md"	
@@ -0,0 +1,100 @@
+# 突发！Gitee 图床，废了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，这两天又发生了一件挺意外的事情：Gitee 的图床废了！
+
+> 图床：指储存图片的服务器，便于在网上展示图片
+
+昨天晚上，星球里不止一位小伙伴发帖子表示自己网站、文章中的图片竟然全部变成了 Gitee 的图标？！
+
+![](https://pic.yupi.icu/5563/202311091233311.png)
+
+我当时还不了解真相，心想 Gitee 这么大的代码开源平台也能挂？就问小伙伴怎么回事：
+
+![](https://pic.yupi.icu/5563/202311091233306.png)
+
+我想，如果是官方的问题，那肯定很多用 Gitee 来做图床的项目文档都会受到影响。于是我就去 GitHub 上随便搜了几个项目，果不其然，很多项目文档里的图标都变成了 Gitee。
+
+千万别小看这个事情的影响！一方面是闹了不少笑话，比如下图这个项目的赞助商，都变成了 Gitee：
+
+![](https://pic.yupi.icu/5563/202311091233316.png)
+
+还有一些作者的引流、打赏二维码清一色都变成了 Gitee 图标，这就直接影响到作者的收入了！（一天了，作者还没发现）
+
+![](https://pic.yupi.icu/5563/202311091233360.png)
+
+还有同学的博客变成了这样。。。
+
+![](https://pic.yupi.icu/5563/202311091233371.png)
+
+于是我先去网上简单调研了一下，有不少小伙伴都遇到了这个问题，那估计就是官方的锅了。
+
+然后我进入 Gitee，找到自己之前搭建的图床仓库（专门用来存放图片的代码仓库），随便找到一张图片，先进入图片查看页（路径包含 blob），然后点击原始数据查看原图：
+
+![](https://pic.yupi.icu/5563/202311091233402.png)
+
+通过跳转的方式是能够顺利打开图片的（原图页面的地址不包含 blob）：
+
+![](https://pic.yupi.icu/5563/202311091233851.png)
+
+然后我直接复制图片的地址，刷新页面，结果就看不到图片了。按 F12 来监听网络请求，发现图片请求并没有得到正确的响应，反而得到了一个 favicon.ico：
+
+![](https://pic.yupi.icu/5563/202311091233822.png)
+
+猜一猜就知道了，这个 ico 文件果然就是 Gitee 的图标！
+
+![](https://pic.yupi.icu/5563/202311091233839.png)
+
+那为什么从 Gitee 自己的页面跳转到真实图片地址就能显示出图片，直接访问地址就会被拦截呢？
+
+显然是 Gitee 给图片添加了 **防盗链** ，一般情况下，服务端会从客户端的请求头中读取 Referer，通过判断 referer 头是否在白名单中，来决定正常响应图片还是拦截。
+
+为了验证这点，再做个实验。先用 Firefox 浏览器直接打开 Gitee 图片的真实地址，果然无法显示：
+
+![](https://pic.yupi.icu/5563/202311091233847.png)
+
+然后我们在 F12 开发者工具中找到刚刚的图片请求，点击编辑并重发：
+
+![](https://pic.yupi.icu/5563/202311091233873.png)
+
+然后给之前的请求补充上一个 Referer，表示从哪个页面跳转到了目标页面：
+
+![](https://pic.yupi.icu/5563/202311091233000.png)
+
+果然，图片就成功响应了：
+
+![](https://pic.yupi.icu/5563/202311091233290.png)
+
+看来，Gitee 这波真的是加了防盗链，事先没有一点儿通知（直到我发文前，也没有通知）。大家纷纷表示傻眼了：
+
+![](https://pic.yupi.icu/5563/202311091233350.png)
+
+那既然事情已经发生了，无论 Gitee 官方到底是临时还是永久添加了防盗链，我都不建议大家继续使用 Gitee 作为图床（本身它还有 1 M 图片大小的限制）。而是应该使用七牛云、或者腾讯 / 阿里等云服务厂商提供的稳定的对象存储服务。
+
+很早之前写过一篇图床搭建教程：[《使用 Typora + PicGo 提升百倍写作效率》](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247483894&idx=1&sn=7291fead256beeaba78e90bd8b046c96&scene=21#wechat_redirect) ，大家感兴趣可以阅读一下。
+
+对于目前已经受 Gitee 影响的小伙伴，可以做以下几件事：
+
+1. 找到新的对象存储服务
+2. 把 Gitee 仓库的代码打包下载并完整上传到新的对象存储服务中（保证路径一致）
+3. 使用文本编辑器将图片的链接前缀（gitee.com/xxx）批量替换成新的存储服务链接前缀
+
+唉，想想都麻烦。。。所以条件允许的话，还是建议大家把图片存到自己的服务器（对象存储服务），更安全放心一些。
+
+
+
+------
+
+
+我也给自己 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 内的小伙伴建设了一个 **免费高速灵活** 的图床（使用腾讯云 COS），帮助大家省去自己搭建的时间和金钱成本。
+
+![](https://pic.yupi.icu/5563/202311091233366.png)
+
+星球内还有更多服务，欢迎大家加入我的星球，和 **4000 多名** 小伙伴们一起交流学习，向鱼皮等大厂同学 1 对 1 提问、跟着鱼皮直播做项目（历史直播回放可无限回看）、领取精心整理的编程资源等。点击文末阅读原文可详细了解。
+
+星球即将涨价，现在加入限时优惠 **60 元** ，欢迎想学习编程、获得进步的小伙伴~
+
+![](https://pic.yupi.icu/5563/202311091233435.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\205\276\350\256\257\357\274\2141000 \344\272\277\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\205\276\350\256\257\357\274\2141000 \344\272\277\357\274\201.md"
new file mode 100644
index 0000000..af8b7ab
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\205\276\350\256\257\357\274\2141000 \344\272\277\357\274\201.md"	
@@ -0,0 +1,142 @@
+# 腾讯，1000 亿！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 聊聊腾讯的开源技术
+
+大家好，我是鱼皮，最近一则新闻在公司内外闹得沸沸扬扬，就是下面这个：
+
+> 为了履行企业发展使命，促进高质量发展的共同繁荣，腾讯在投资 500 亿元启动 “可持续社会价值创新” 战略后，又宣布再次增加 500 亿元人民币，启动 “共同富裕专项计划”！
+
+那么这 1000 亿都用来干什么呢？
+
+“可持续社会价值创新” 战略着眼未来，致力于基础科学、教育创新、碳中和、FEW（食物、能源与水）、养老科技和公益数字化等领域的前瞻性探索。
+
+而这次的 “共同富裕专项计划”  则是关切当下，聚焦在带动低收入增收、帮助医疗救助完善、促进乡村经济增效、资助普惠教育共享等切实带后富、帮后富的领域，长期、持续提供支持。
+
+毫无疑问，腾讯这次是做了一件好事。
+
+![](https://pic.yupi.icu/5563/202311091223057.png)
+
+但意料之中的是，网上对腾讯的声音褒贬不一，不过其中有一条评论倒是吸引了我的注意，如图：
+
+![](https://pic.yupi.icu/5563/202311091223033.png)
+
+看到这里，我坐不住了。
+
+光凭一点就能反驳了：腾讯没有技术，如何支撑数以亿计的用户量呢？
+
+下面给大家科普一下 **腾讯技术** 。
+
+## 腾讯技术
+
+### 腾讯开源
+
+如今，**开源** 已十分流行，很多公司都通过开源自家技术的方式，为技术社区带来价值的同时，打造自家的技术影响力。
+
+但也因此有一种不好的风气：开源的、我们看到的才是好，闭源的、我们看不见的，就是黑心、就是没技术？
+
+且不说这点了。
+
+其实腾讯从几年前就已经全面推动 “开源协同”，希望打破内部壁垒，拥抱开源、加速开源，和广大开发者一起创造价值。
+
+几年前，腾讯在 GitHub 的开源项目总 star 数挤身前 10，目前排名第 8，如图：
+
+![](https://pic.yupi.icu/5563/202311091223046.png)
+
+> GitHub 官方排行
+
+GitHub 的总 star 榜能够反映出机构对开源做出的贡献，可以看到，排行榜上的大部分公司都是国外的，因此腾讯、阿里（还有 Vue.js）真的是值得表扬的。
+
+那问题来了，腾讯都开源了些啥呢？
+
+### 开源项目
+
+想得到答案，最直接的方式就是去浏览腾讯的 GitHub 仓库。
+
+> 指路：https://github.com/Tencent
+
+在这里，可以看到多达 130 多个项目，方向覆盖 C++、小程序、Android、Java、前端、操作系统、物联网、大数据、AI、IOS、DevOps、图计算、AI、PHP、Python、C# 等等，应有尽有。
+
+![](https://pic.yupi.icu/5563/202311091223051.png)
+
+下面列举几个。
+
+#### Tars
+
+成熟、高性能的 RPC 开发框架，支持多种主流编程语言，帮助开发者快速搭建分布式应用，并致力于解决微服务架构的种种问题。
+
+该项目在腾讯内部使用了近 10 年，后捐赠给 Linux 基金会。
+
+![](https://pic.yupi.icu/5563/202311091223070.png)
+
+> Tars 微服务生态系统
+
+#### WePY
+
+小程序组件化开发框架，可以帮助开发者使用类 Vue 风格的语法，快速搭建小程序项目。
+
+![](https://pic.yupi.icu/5563/202311091223982.png)
+
+这个项目在前期成就了很多小程序开发者，收获了 2w 多个 star，并积累了大量的实践案例。
+
+但随着跨端开发的解决方案越来越多，这个框架目前几乎已经不再更新了，不过腾讯还开源了 omi 前端跨框架跨平台框架，用一套代码开发小程序、移动端、桌面端，也十分方便。
+
+#### TubeMQ
+
+腾讯于 2013 年就开始研发的 **万亿级** 分布式消息中间件系统，为大数据场景下海量数据的高性能存储和传输提供了解决方案。
+
+经过了 8 年和上万亿级数据的沉淀，TubeMQ 已经是一个比较成熟的系统了，拥有稳定、低成本、高可靠、高性能等特点，后捐赠给 Apache 基金会。
+
+![](https://pic.yupi.icu/5563/202311091223533.jpeg)
+
+#### Angel
+
+面向机器学习的、可应对超大规模数据集的全栈高性能分布式计算平台，是腾讯首个 AI 开源项目，也是中国 **首个** 从 LF AI 基金会毕业的开源项目。
+
+> LF AI 是推动开源发展的重要基石 —— Linux 基金会（LF）旗下的，面向 AI / 大数据方面的子基金会，孵化了很多 AI 方面的优秀项目。
+
+Angel 在腾讯内部得以广泛应用，比如腾讯社交广告、用户数据挖掘等涉及精准推荐的业务。
+
+![](https://pic.yupi.icu/5563/202311091223532.png)
+
+### 开源资源
+
+除了技术开源外，腾讯为开发者提供了一些开源资源。
+
+比如腾讯工蜂 git，是基于 Git 的企业级协作开发解决方案，可以帮助团队提高开发效率、提升代码质量等，将一线的代码仓库管理方式和研发效能开放给所有开发者。
+
+![](https://pic.yupi.icu/5563/202311091223606.png)
+
+此外，还有腾讯镜像源、腾讯公共 DNS、腾讯大数据平台等。
+
+### 技术团队
+
+腾讯优秀的、有影响力的技术团队还是很多的，比如腾讯互娱下的 TGideas 中台设计团队，AlloyTeam 前端团队、IV Web 前端团队等。
+
+![](https://pic.yupi.icu/5563/202311091223599.jpeg)
+
+> 腾讯 AlloyTeam 团队
+
+此外，腾讯还有一套实验室矩阵，优图实验室、AI Lab、机器人研发实验室 RoboticsX、安全联合实验室（科恩、玄武、云鼎等），还有专攻 5G、边缘计算、IoT、音视频等前沿技术的实验室。这些实验室也在很多国际权威比赛中拿过世界冠军！
+
+### 社区贡献
+
+除了 GitHub 外，也可以在 **腾讯开源官网** 了解或参与腾讯开源。
+
+> 指路：https://opensource.tencent.com
+
+腾讯的技术大牛还是很多的，根据腾讯开源官网，很多团队参与贡献 Openstack、 KVM、docker、NVDIMM、ceph、HBase、Hadoop、Linux、Spark、kubernetes、torrent、dht、goprocinfo、flannel、netlink 等知名开源社区和项目，成为会员和 `maintainer` ，受到国际肯定和认可。
+
+
+
+------
+
+
+最后，捞一下上篇文章，给大家分享了一些超棒的程序员绘图软件和小技巧，帮助提升效率，欢迎阅读：[程序员绘图工具分享](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247500493&idx=1&sn=26433cdde06f2bde7a1799564793c991&scene=21#wechat_redirect) 。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091223621.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\245\277\345\256\211\345\201\245\345\272\267\347\240\201\345\217\210\345\264\251\344\272\206\357\274\201\351\232\217\344\276\277\350\201\212\350\201\212.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\245\277\345\256\211\345\201\245\345\272\267\347\240\201\345\217\210\345\264\251\344\272\206\357\274\201\351\232\217\344\276\277\350\201\212\350\201\212.md"
new file mode 100644
index 0000000..a188eac
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\212\200\350\265\204\350\256\257/\350\245\277\345\256\211\345\201\245\345\272\267\347\240\201\345\217\210\345\264\251\344\272\206\357\274\201\351\232\217\344\276\277\350\201\212\350\201\212.md"
@@ -0,0 +1,101 @@
+# 西安健康码又崩了！随便聊聊
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，这两天有不少朋友来问我：鱼皮，西安健康码又崩了，你怎么看？
+
+还有些朋友跟我开玩笑：是不是你新项目上线，把他们服务器搞崩了？
+
+我就纳了闷了，为啥大家知道这种消息总是比我快？我平时上网也不少啊，但为啥我就看不到这些信息呢？怎么大数据天天给我推荐的都是些娱乐八卦、唱歌跳舞的内容！
+
+![](https://pic.yupi.icu/5563/202311091231368.png)
+
+本来我最近工作就老遇到大 Bug，就不要再让我感受 Bug 带来的痛苦了好嘛！
+
+还有我要是有能力和胆量搞崩健康码，我还搁这瞎写什么文章呢？
+
+![](https://pic.yupi.icu/5563/202311091231252.png)
+
+不过在了解了西安健康码崩溃的情况后，可以简单和大家聊聊，分享一点拙见。
+
+### 事件描述
+
+事情大致是这样的，去年 12 月 20 日和今年的 1 月 4 日，短短两周内，西安一码通程序崩了两次，导致市民无法扫码亮码，只能在寒风中排队等候。
+
+![](https://pic.yupi.icu/5563/202311091231311.jpeg)
+
+> 图片源于网络
+
+官方的解释是：短期用户访问量激增，大概是正常访问量的 10 倍以上，导致网络阻塞、系统崩溃。
+
+**于是，名场面来了：**
+
+“时任西安市大数据局局长刘军参加发布会并回应称，西安市一码通使用频率加大，对网络与平台造成较大压力，在全员核酸检测的特殊时期，为减轻系统压力，建议广大市民 **非必要不展码、亮码** ，在出现系统卡顿时，请耐心等待， **尽量避免反复刷新** 。”
+
+虽然听上去挺合理的，但总感觉哪里不太对劲。。。
+
+人类为一个小系统让步？上千万人为几个搞系统的小团队让步？真就 “非必要时不亮码，必要时码不亮” 了。
+
+> 据说后来，该局长被停职检查。。。
+
+总之，在疫情形势不容乐观的情况下，这个事故的严重程度可以说是 P0 级了。
+
+### 技术分析
+
+那么事情是否真的如官方所说，是由于网络阻塞导致的系统崩溃呢？
+
+先说说什么是网络阻塞。打个比方，把用户的访问流量想象成往小水管中注水，如果流量突然激增，出水口太小来不及排水，水就流不动了。
+
+怎么解决网络阻塞呢？一种最常见的方案是对网络进行 **扩容** 。
+
+提到扩容，最简单粗暴的方式是，换个粗水管，就能应对更大的突发流量。但如果平时流量用小水管就能应对，这样改造就会很浪费资源。
+
+除了这种方式外，其实有非常多优秀的扩容方案。比如之前看过美团的一个分享，在某业务访问的高峰期（比如中午 12 点的外卖系统），系统会自动协调其他非高峰期业务的部分资源给该业务，从而保证总资源有限的情况下，顺利扛过流量高峰。
+
+所以，如果健康码第一次的崩溃是因为网络阻塞，按道理来说除了这么大的事故肯定会吸取教训，对网络进行 **扩容** 等措施的，如果做了扩容，第二次的崩溃就不应该再甩锅给网络了。但现实恰恰相反，第二次崩溃依然宣称是网络阻塞，那我肯定是不信了。
+
+而且有了第一次的经验，第二次又遇到了同样的网络阻塞问题，真的要修复好几个小时么？
+
+![](https://pic.yupi.icu/5563/202311091231323.png)
+
+此外，事故发生之后，程序明显发生了 **回滚** ，界面恢复成了几个月前的样子！
+
+说到回滚，我就来劲了，这种事我干的太多了，大多数情况下，都是写了 Bug 影响到线上项目了，才会做这个操作。
+
+![](https://pic.yupi.icu/5563/202311091231267.png)
+
+所以我猜测一码通的崩溃，肯定和系统之烂脱不开关系。既然官方称数据库还能正常运行，那么大概率是业务层代码自身出了问题。
+
+比如本来页面很简洁，只需要从服务器查询健康码信息（根据用户 N 天内的行为进行综合计算而成），而一码通新版本又多了核酸检测情况等一些额外的信息查询，所以就增加了单次数据库查询的耗时，占用数据库连接更久、释放得更晚。请求很多的情况下，数据库连接很快就被占满了，导致新的请求都要一直排队等待可用的数据库连接，直到等待超时。
+
+![](https://pic.yupi.icu/5563/202311091231294.jpeg)
+
+> 数据库连接池
+
+举个例子，本来食堂提供两菜一汤，大家排队去食堂打饭，每个人要花 20 秒。后来食堂突然提供了烤腰子，大家又要多打一道菜，比原来多花 10 秒，队伍移动慢了，就导致后面的队越排越长，直到把食堂堵死。
+
+当然，也有可能是数据库里又多了大量数据，导致查询时间变长。打个比方就是食堂提供了更多菜品，大家挑选的时间更久了。
+
+要解决这个问题，就要定位请求究竟在哪个环节等待，是数据库连接池的最大连接数不足、还是数据库本身的最大连接数不足等。常见的手段就是调整连接数参数、或者对应用进行扩容。
+
+当然这只是我的猜测~
+
+### 尾声
+
+最后，我从网上了解到，大部分区域的一码通，其实都是由腾讯和阿里免费提供的。但西安不一样，它的一码通，是由当地政府部门招标搭建的，而且还是在三天内研发出来的！
+
+![](https://pic.yupi.icu/5563/202311091231784.jpeg)
+
+> 去年的报告
+
+因此，我觉得这次事故需要背锅的人和团队真的太多了，下到写 Bug 的开发者、设计系统的架构师、保障系统的运维同学，上到各公司和政府部门的领导决策者等等。西安不像其他省份一样用全国统一、相对更稳定的健康码也就算了（本地数据管理方便些），但究竟是谁给了你们勇气不对 **仅花三天就上线** 、**上千万人使用** 的系统进行压力测试和容灾演练的？
+
+虽然我不是这件事的受害者，不过光是让我想像一下这么多人大冬天里排队等系统修复的场景，我就真的是很气愤了！
+
+> 当然，如果这件事情真的是天灾，就当我在扯犊子吧。
+
+大概是这样，就随便聊聊，希望以后自己设计系统时能长点心，尽量不要因为自己的失误影响到其他人。
+
+共勉！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\347\251\277\350\203\214\345\277\203\347\232\204\350\200\201\351\231\242\345\243\253\357\274\21486\345\262\201\357\274\214\351\207\215\347\227\205\357\274\214\350\277\230\345\234\250\346\225\262\344\273\243\347\240\201\357\274\214\345\215\225\346\211\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\347\251\277\350\203\214\345\277\203\347\232\204\350\200\201\351\231\242\345\243\253\357\274\21486\345\262\201\357\274\214\351\207\215\347\227\205\357\274\214\350\277\230\345\234\250\346\225\262\344\273\243\347\240\201\357\274\214\345\215\225\346\211\213.md"
new file mode 100644
index 0000000..dbbef21
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\347\251\277\350\203\214\345\277\203\347\232\204\350\200\201\351\231\242\345\243\253\357\274\21486\345\262\201\357\274\214\351\207\215\347\227\205\357\274\214\350\277\230\345\234\250\346\225\262\344\273\243\347\240\201\357\274\214\345\215\225\346\211\213.md"
@@ -0,0 +1,123 @@
+# 穿背心的老院士，86岁，重病，还在敲代码，单手
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+昨天有幸看到了一个视频，视频中，一位老先生穿着朴素的白背心，伏在桌上，对着电脑，一手按着写满密密麻麻数学公式的本子，另一只手仅用单指吃力又缓慢地按着键盘。
+
+![](https://pic.yupi.icu/5563/202311091213677.jpeg)
+
+> 老先生全神贯注地研究
+
+他是 “背心院士” 高伯龙先生，中国激光陀螺奠基人，中国工程院院士，一位毕生致力于科研学术、为国家默默奉献了几十年的伟大科学家。
+
+高伯龙院士这一生都平凡朴素、默默无闻。学生撰写的论文，他往往仔细推敲，提思路、出观点、改论述，却从不在论文上署名。
+
+直到这短短几秒的视频曝光的一刻，高伯龙院士才第一次被公众知晓，可谁知，短短几年后，他便与世长辞，享年89岁。
+
+![](https://pic.yupi.icu/5563/202311091213599.jpeg)
+
+> 高伯龙院士吃力地操作键盘
+
+高伯龙院士毕生兢兢业业，严谨求实，教书育人治学。科研上硕果累累，著作等身，为国防科技事业做出了不朽的贡献；教学上传道授业，蜡炬成灰，为国家和军队培养了无数人才。
+
+通过查阅资料，我了解到了更多高伯龙先生的生平和伟大事迹，所有内容都值得和大家分享学习。
+
+以下部分内容来源：中青在线网、北京日报长安街知事微信公众号、军报记者微信公众号、科技日报。
+
+#### 他的贡献
+
+高伯龙院士称得上中国激光陀螺第一人。
+
+激光陀螺究竟有多重要？现代战争中，以激光陀螺为核心部件的自主导航系统，能使飞机、舰船、火箭、导弹等运动载体不依赖外部导航信息，不受各类通讯系统的限制，精确制导。这项技术，目前世界上只有中国等极少数国家掌握。
+
+因为这小小的陀螺，我国有了实现精准打击的有力神器，有了挺进深蓝的尖端仪器，有了制胜战场的神兵利器。让我国成为全世界第四个能独立研制激光陀螺的国家。而创造这一佳绩的，就是高伯龙领衔的国防科技大学激光陀螺团队。
+
+![](https://pic.yupi.icu/5563/202311091213694.jpeg)
+
+这项高精尖的研究，最初起源于著名科学家钱学森留下的两张小纸片。
+
+上世纪60年代，在激光诞生后不久，“环形激光器”作为新型导航设备的核心，引起了包括我国在内的世界各国科学家的普遍关注。当时，美国研制出了世界上第一台激光陀螺仪，引发了世界导航领域的一场革命。
+
+钱学森以他对新技术的敏锐，建议国防科技大学开展激光陀螺研究，并将激光陀螺的大致原理写在纸片上，交给了学校一位领导。学校迅速成立由高伯龙、丁金星等13人组成的课题组，紧锣密鼓地开始了激光陀螺研制。
+
+在承担这项任务之前，高伯龙的兴趣一直都在理论物理研究领域，而非应用物理。放弃被自己视作学术生命的理论物理研究，转而从事应用物理研究，对高伯龙来说是最为痛苦而艰难的。尽管如此，他还是毅然投入到研究之中：“真正的爱国应该是把自己的前途与国家的利益密切结合。”
+
+摆在他们面前的困难显而易见：激光陀螺研制不仅集成了光、机、电、算等众多高技术，更涉及超高精度抛光、极低损耗镀膜、装配总成等尖端工艺。以当时国内的科研条件与工艺水平，这项研究简直比登天还难。
+
+创业之初，团队什么都没有，“就连铁架子、点焊机、高压电源这些最基本的器材都是自己做的。”更要命的是，他们连制作激光器用什么材料也不知道。但他们没有放弃。没有实验场所，把废弃食堂改成实验室；没有软件，就自己动手编程；经费不足，就利用废弃材料自己造设备、搭平台。
+
+![](https://pic.yupi.icu/5563/202311091213681.jpeg)
+
+> 高伯龙教授在指导科研人员调试激光器
+
+最终，他们成功了。第一代环形激光器实验室原理样机，某型环形激光器实验室样机，一个接一个诞生。中国第一台环形激光器工程样机，也在1994年诞生。为了这最终的工程样机，**近60岁的高伯龙重新当起了学生，开始自学计算机编程知识**。
+
+#### 他的为人
+
+高伯龙院士从不做空对空的所谓理论研究。
+
+由于保密等原因，高伯龙在参与激光陀螺研制工作数十年间，仅公开发表论文30余篇，但每一篇都具有很强的实践性和指导性。他从来不做空对空的所谓理论研究。
+
+高伯龙对科学研究的严肃态度和严谨学风，也通过他的言传身教，深刻影响着他的弟子。能不能解决实际问题，是高伯龙衡量评价他的博士生、硕士生学术水平的重要标准。他交给学生的课题，几乎全部是激光陀螺研制中急需解决的攻关课题，有时甚至是研制国外禁运的先进仪器设备，难度很大，以致出现过受邀参加他的硕士生毕业论文答辩的专家，误以为是博士生毕业论文答辩的趣事。
+
+如今，他的诸多弟子已成为国防科技大学激光陀螺研制领域新的领军人物和重要技术骨干。
+
+高伯龙在1995年接受中央电视台《东方之子》栏目记者采访时说，“我始终认为，我想干成的一件事一定能干成，只不过是时间问题。”
+
+高伯龙和其团队像陀螺一样围着轴心转，才有一次次艰苦鏖战，突破了一项项理论研究难点，攻克了一个个技术工艺难关——1976年，高伯龙撰写的《环形激光讲义》一书出版；1984年，实验室样机研制成功；1994年，我国第一台激光陀螺工程化样机诞生，我国成为继美俄法之后世界上第四个能够独立研制激光陀螺的国家……
+
+工作时严肃认真，生活中和蔼幽默。
+
+在外人看来，高伯龙院士每天都在实验室工作，眼中心里只有激光，平时不好打交道。但了解他的人都知道，高院士既关心国家大事，又关爱同事家人，工作起来严肃认真，生活中却和蔼幽默，至情至性。
+
+![](https://pic.yupi.icu/5563/202311091213721.jpeg)
+
+> 高伯龙正在进行科研工作
+
+2008年初，一场罕见的低温雨雪冰冻灾害袭击长沙，电力供应极其紧张。那段时间，实验室只有晚上有电。高伯龙为了工作，他白天睡觉，晚上做实验。博士生小文回忆，“那段时间，校园里积雪很深，高老师穿着解放鞋小心翼翼地走着，坚持每晚到实验室来观察数据，指导试验，而且总要一直工作到清晨停电后，才步履蹒跚地回家。即将满八十岁的老人了，我们这些学生看着既钦佩又心疼。”
+
+高伯龙院士在学术上极其严谨细致。学生撰写的论文，他往往仔细推敲，提思路、出观点、改论述，却从不在论文上署名。高院士在发表论文上更是谨慎，且坚持只以第一作者身份发论文，近10年来仅在《中国科学（英文版）》杂志发表了一篇文章，总结了10多年来在环形激光器研制方面的主要成果。
+
+在生活中，高伯龙是一个慈祥而又不失幽默的老人。除了醉心于激光研究，高伯龙还喜欢阅读文学和历史方面的书籍。年轻时读过的《三国演义》《水浒》，书中典故至今能信手拈来，对鲁迅先生的作品也很熟悉，有一次跟学生聊天，提起《聪明人、傻子和奴仆》，他还开玩笑地给在场的人对号入座。
+
+虽然年事已高，高伯龙每天坚持读报纸、看电视，关注国家大事，而且喜欢与当过教师的老伴讨论，写时评。他的时评文笔犀利、一针见血，多次被媒体选用。老伴听力不好，去医院看病听不清医生的话，高伯龙就陪她一起去，认真聆听后再把医生的嘱咐详细写给老伴看。他的象棋下得好，经常与家人、朋友对弈，赢了固然高兴，偶尔输了却也非常开心。
+
+![](https://pic.yupi.icu/5563/202311091213699.jpeg)
+
+> 高伯龙院士在病房坚持查阅资料
+
+#### 他的经历
+
+身处逆境仍思科学强国。
+
+高伯龙籍贯广西岑溪（目前为县级市）归义镇谢村，1928年6月29日生。抗战时期为躲避战乱曾随母亲回岑溪居住。此后随其父辗转各地，曾就读于南宁、梧州、桂林、杭州、武昌、岑溪、宜山等地的多所小学，也曾休学在家自修。他两次跳级，小学毕业时10岁半。在家自修期间，全家居住在乡下，信息闭塞，父母又忙于工作，竟然错过了报考中学的时间。1940年9月，他考进蜚声战时大后方的桂林汉民中学。
+
+然而，战火打断了高伯龙的学业。1944年9月，高伯龙进入高中二年级学习仅两个月后，日军即进犯广西。高伯龙随学校撤退。国难当前，年仅16岁的高伯龙决定投笔从戎，抗击日寇。当年即同报名从军的同学一起，徒步前往四川入营。然而目睹国民党军队腐败，而他所在青年军大部并未开赴前线作战，从戎抗敌的愿望破灭，他更加坚定了科学强国的志向。
+
+抗战胜利后，高伯龙重返校园读书。幸运的是，高伯龙又进入一所名校——上海中学学习。他在该校仅读了高二一年，即于1947年考取清华大学物理系。报考清华大学时，在数学系和物理系之间颇多考虑，最后以物理学家必兼数学家的看法而选择了物理系。1951年毕业时，他被评为清华大学物理系当届两名优秀学生之一。
+
+**毕业分配时，高伯龙希望进入中科院近代物理研究所从事理论物理研究，这是他热爱和擅长的方向，但最后却被分到中科院应用物理研究所。**三年后的1954年，高伯龙被哈军工选调到该校物理教授会，担任物理教学工作。除普通物理外，他还讲授热力学、统计力学、电动力学、量子力学等课程，并为全校干部师生讲授过带有普及性质的原子武器大讲座。
+
+因工作出色，高伯龙很快脱颖而出，成为学院青年教师中的佼佼者，1956年即晋升为主任教员、讲师，1962年晋升为副教授。他于1960年主编的三四十万字的《大学物理学》教材得到学院的高度评价，学院曾对他作出如下评价：“教学效果好，在军事工程学院和哈尔滨工业大学都比较有声望。”
+
+![](https://pic.yupi.icu/5563/202311091213371.jpeg)
+
+> 高伯龙指导博士生工作
+
+参加工作以后，高伯龙对当时“重政治，轻业务”的现象和做法一直持反对态度，他认为只有多读书钻研学问，多做实际研究工作，才能报效国家。抱着这样的信念，在那个史无前例的年代，高伯龙受尽磨难，险被发配农村改造，多年身处逆境之中，但高伯龙始终未曾泯灭科学强国的梦想，始终孜孜于学术研究。其日益深厚的理论物理造诣，为他在激光陀螺研究领域取得丰硕成果奠定了坚实基础。
+
+从一穷二白起家，42 载艰苦跋涉，为了这方寸之间的国之重器，最后，他却付出了身体的代价。
+
+![](https://pic.yupi.icu/5563/202311091213316.jpeg)
+
+------
+
+了解了高伯龙院士的生平事迹后，我不知道怎么去形容自己的心情，更无法去表达对高伯龙院士的崇高敬意。
+
+**永远爱戴，永远怀念。**
+
+![](https://pic.yupi.icu/5563/202311091213334.jpeg)
+
+昨天我还在因为工作而失意，为搏流量而发愁。但高伯龙院士哪怕是没有从事自己热爱和擅长的研究方向，也仍然为了国家默默坚持了几十年。如今有那么多优秀的榜样、那么多默默无闻甘愿付出的人在负重前行，我们又有什么资格去怨天尤人？又何惧为了理想和生活而拼搏奋斗！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\350\256\241\347\256\227\346\234\272\345\245\263\347\245\236\357\274\214\344\272\222\350\201\224\347\275\221\347\254\254\344\270\200\345\244\253\344\272\272.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\350\256\241\347\256\227\346\234\272\345\245\263\347\245\236\357\274\214\344\272\222\350\201\224\347\275\221\347\254\254\344\270\200\345\244\253\344\272\272.md"
new file mode 100644
index 0000000..1d42f36
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\247\221\346\212\200\347\247\221\346\231\256/\347\247\221\346\231\256/\350\256\241\347\256\227\346\234\272\345\245\263\347\245\236\357\274\214\344\272\222\350\201\224\347\275\221\347\254\254\344\270\200\345\244\253\344\272\272.md"
@@ -0,0 +1,123 @@
+# 计算机女神，互联网第一夫人
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天带大家认识一位计算机领域的女神，有关她的故事非常有趣！
+
+先聊聊我是如何认识女神的吧。
+
+那是我在大四做毕业设计的时候，误打误撞地选了一个图像处理相关的课题，要做一个显微图像处理分析软件，简单地说就是玩毛毛。
+
+成品大概长下面这样：
+
+![](https://pic.yupi.icu/5563/202311091215982.png)
+
+> 鱼皮识图
+
+当时，我还是第一次接触图像处理，就到网上搜各种教程。图像处理的教程中，通常会拿一张示例图片来演示代码执行结果，比如将图片变灰、勾勒出图片的轮廓等等。
+
+看了几个教程后，我发现一件很有趣的事，**几乎每个教程的示例图片都是同一张图**！就像任何编程语言的第一行代码都是输出 “Hello World” 一样。
+
+这张图片是标准的正方形比例，是一位美丽的小姐姐的上半身：
+
+![](https://pic.yupi.icu/5563/202311091215567.jpeg)
+
+好奇心（狗头）驱使我去搜索了一下这张图片，结果没想到，竟然让我发现了计算机图像界的顶流！
+
+### 她是谁？
+
+图片中的女神名叫莱娜·瑟德贝里（瑞典文：Lena Soderberg），1951 年 3 月 31 日出生于瑞典，在 1972 年 11 月期的《花花公子》杂志中，她成为了当期的玩伴女郎（女模特），拍摄了一些照片。
+
+![](https://pic.yupi.icu/5563/202311091215503.jpeg)
+
+> 当期杂志封面
+
+后来，她的一张照片在无意间竟然一炮而红！该照片的裁切版作为国际标准测试图像，被数字图像处理领域广泛使用，又称 **莱娜图**，也就是上面提到的那张标准正方形尺寸图片。
+
+为什么是裁切版呢？因为，原图有部分身体暴露，不太适合传播。
+
+![](https://pic.yupi.icu/5563/202311091215707.png)
+
+因为这张图片，Lena 成为了计算机领域最著名的非专业女性，也是很多 CV 程序员们口口相传的女神。
+
+**她的影响力有多大呢？**
+
+### 她的影响力
+
+这么说吧，在计算机图像界，雷娜图是最受欢迎的测试图，Lena 也可以说是无人不知、无人不晓。就像上面提到的，很多网上的图像处理教程都是用莱娜图作为第一课的示例图片，因此大多数图像处理学习者都是从这张图入门的，在网上也能搜到各种被 “玩儿坏了” 的莱娜图。
+
+![](https://pic.yupi.icu/5563/202311091215472.jpeg)
+
+> 对 Lena 图的各种处理
+
+在 1997 年的第五十届 IS&T（图像科学与技术）大会上，Lena 被邀请为贵宾出席，在该会议上，她成了最受欢迎的人物，有人甚至把她称为 “The First Lady of Internet”（互联网第一夫人）。会议上，她做了自己的简要发言，并被无数的粉丝索取签名及拍照。
+
+![](https://pic.yupi.icu/5563/202311091215514.jpeg)
+
+据说当时 Lena 的出席引起了与会者们的轰动，很多人盯着她的照片看了几十年，然后震惊于居然真的有 Lena 这个人！
+
+![](https://pic.yupi.icu/5563/202311091215091.jpeg)
+
+> Lena 在看自己照片相关的研究
+
+如今，在部分计算机工程师的眼中，Lena 堪称神话般的人物，其名气甚至可以与苹果、Facebook 等世界一流公司的创始人比肩。无论你是否认识她，肯定都用过由她的照片创造出的技术；你拍的几乎每一张照片，访问过的每一个网站，甚至曾经分享的每一个表情包，都有 她做出的一份贡献！
+
+GitHub 上还有一个有关图像处理的 JS 类库，也以 Lena 命名。
+
+![](https://pic.yupi.icu/5563/202311091215877.gif)
+
+此时，你会不会感到好奇，Lena 到底做了什么？为什么有那么大的影响力？
+
+其实，Lena 不仅不是计算机领域的专家，甚至可以说是不懂计算机！
+
+下面来讲讲她的故事。
+
+### 她的故事
+
+1973 年 6月，美国南加州大学图像与信号研究所电气工程副教授 Alexander Sawchuk 和他的团队希望找一幅引人注目的图像来测试最新的图像压缩算法。但无奈手头照片都比较枯燥乏味。正好这时，一个人拿着 《花花公子》杂志走了进来，正是 Lena 登上的那期杂志！
+
+当时的 Lena 年轻貌美，很容易就吸引了教授和团队成员的注意。于是他们便将这期杂志的插页图扫描了下来，截取其中的一部分作为了研究使用的样例图像，这幅 512*512 的经典图像就诞生了。
+
+![](https://pic.yupi.icu/5563/202311091215725.png)
+
+当然，选择 Lena 照片的原因不仅因为她的美丽，而是这张图片混合了折痕、色彩与纹理等复杂元素，是当时他们做算法测试的完美选项。
+
+当这个团队向实验室参观者们发放了 Lena 图像副本后，很快，它被广泛传播，这个极为性感的年轻模特形象逐渐成为了行业标准，被转发且分析数十亿次，并最终成就了我们如今所熟知的 JPEG 格式！Lena 也因此被后人称为 “互联网第一夫人”。
+
+之后，很多人在做图像处理、压缩运算时，常常采用这张图像来当测试样本。为什么呢？
+
+首先从这张图像包含了测试标准所需要的各种细节、平整区块、阴影纹理、光影渐变、颜色层次等，对测试各种图像处理算法都很有用。还有就是，Lena 无论是脸部还是姿态，都非常迷人！美女图也能提高学者们的研究兴趣。
+
+![](https://pic.yupi.icu/5563/202311091215209.jpeg)
+
+直到接近 20 年后的一天，《花花公子》杂志才惊讶地发现他们的这张图片被无数人盗用了，起初是打算追究责任，但发现这张照片被广泛用于学术研究和教育，而非商业牟利，于是就放弃了维权打算，反而将相片开放，鼓励更多人为了公众利益使用 Lena 图。造就了法外人情的一段佳话！
+
+有趣的是，直到 1988 年的时候（近 20 年后），Lena 才首次得知自己的照片竟然在计算机领域得到了广泛应用，并且接受了瑞典一些计算机出版社的访问，她表示非常惊讶与兴奋。这种事情在如今的流量时代，简直想都不敢想，谁要是红了，过不了一天，全网都知道了，第二天记者就会出现在门口。。。
+
+### 她的现状
+
+讲完了 Lena 女士的故事，那她现在的生活如何呢？
+
+如今，这位已经 67 岁的退休老人正平静地生活在自己的家乡瑞典，过着低调又快乐的生活。据说她最后一次出现在公众面前是 2015 年，担任了魁北克市图像处理行业大会的 “特邀嘉宾”，在那之后，很难联系到她本人。
+
+后来，《连线》杂志几经周折才采访到了临近暮年的她，还给她拍了一张同样姿势的照片，两张照片相差了 46 年，爷青结！
+
+![](https://pic.yupi.icu/5563/202311091215616.jpeg)
+
+在采访中，Lena 说自己为这张照片感到骄傲，但如今这一切已经变得极为遥远。她的儿子偶尔会向她解释她的形象带来了怎样的意义，但作为对计算机一点不懂的人，她只是表示：“我弄不明白这些事，但我觉得我应该是做得不错。”
+
+![](https://pic.yupi.icu/5563/202311091215667.jpeg)
+
+> 2019 年，Lena 于她瑞典的家中拍摄
+
+------
+
+如今，虽然 Lena 的形象主要出现在教学大纲和编程论坛上，但希望大家不要忘记她的故事，多了解一些计算机和互联网的发展历史。
+
+Lena 的故事也被做成了一个网站，甚至还有老哥在这个网站中找到了多年前的莱娜图 **原图**！
+
+![](https://pic.yupi.icu/5563/202311091215763.png)
+
+画面太美不敢想象，我就不放出来啦！祝大家周末愉快~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/B \347\253\231 UP \344\270\273\346\216\250\350\215\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/B \347\253\231 UP \344\270\273\346\216\250\350\215\220.md"
new file mode 100644
index 0000000..e9e5353
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/B \347\253\231 UP \344\270\273\346\216\250\350\215\220.md"	
@@ -0,0 +1,125 @@
+# B 站 UP 主推荐
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 酸甜苦辣，知识干货，全都有，看看有没有你关注的 UP 呢？
+
+大家好，我是鱼皮。
+
+虽然平时忙于工作和肝文，但其实我每天都保持着逛小破站的好习惯，除了舞蹈区，基本啥都看。
+
+今天给大家分享一些我最近迷上的 UP 主，大部分都是短期时间内粉丝暴涨的或者还未被发现的超优质 UP，也有一些知名老 UP，他们都有某种迷人的特质。这篇文章也可以说是酸甜苦辣，知识干货，统统都有！
+
+### 编程知识类
+
+#### CodeSheep
+
+羊哥可以说是 B 站编程知识分享的顶流了，他的视频非常接地气，比如编程好书推荐、项目经验、阅读源码等，帮助到了无数的小伙伴，当然也包括我。
+
+![](https://pic.yupi.icu/5563/202311091159458.jpeg)
+
+#### 不高兴就喝水
+
+水哥是一位风趣幽默的编程知识 up 主，为人亲和，一句 ”不高兴就喝水“ 深入人心，视频内容也能抓住大家学习时的痛点，比如自学编程的常见误区等。短短一个月，就涨了 2w 粉，吾辈楷模。
+
+![](https://pic.yupi.icu/5563/202311091159414.jpeg)
+
+#### Jack-Cui
+
+大厂 AI 算法工程师一枚，同时也是写了几年博客、有万星 GitHub 项目的技术大佬，技术强脑洞大，仅仅发了 8 个视频就涨粉 6 万多！
+
+比如用 AI 的方式还原明朝六位皇帝，听着就很不可思议，非常佩服作者。
+
+![](https://pic.yupi.icu/5563/202311091159423.jpeg)
+
+#### 幼麟实验室
+
+这是一个还没有火起来的 UP，专注用动画方式分享 Go 语言教程和一些编程小知识，比如 “同步的本质”、“实现自旋锁” 等，每个视频都很有趣，通俗易懂。
+
+![](https://pic.yupi.icu/5563/202311091159512.png)
+
+#### 动画讲编程
+
+一个顾名思义的 UP，通过动画的方式讲解程序员必知必会的数据结构、算法和基础概念，而且很多期都是由小姐姐来讲解哦~
+
+![](https://pic.yupi.icu/5563/202311091159450.jpeg)
+
+此外，很多知名公众号的号主也有自己的 B 站账号，比如 **JavaGuide**、**程序员吴师兄** 等，催更了大佬们！
+
+### 知识技能类
+
+#### 影视飓风
+
+一个专业的科技团队，也是 B 站 2020 年的百大 UP 主，致力于用最佳的视频质量来与观众分享最为前沿、有趣的科技产品体验。
+
+他们的视频，已经不能用质量高来形容，应该说是震撼！
+
+比如这一期 “升空30000米，我们把相机送出了地球”，看了之后我人都傻了，真的是帮助很多朋友实现了梦想。
+
+![](https://pic.yupi.icu/5563/202311091159689.png)
+
+#### Topbook
+
+分享各种提高效率的技能和工具，比如时间管理、文件管理、思维导图制作等，还有一些有趣又实用的知识科普，帮助大家高效工作，快乐生活。
+
+![](https://pic.yupi.icu/5563/202311091159915.jpeg)
+
+#### 张大碗子
+
+听这名字就能猜到，这一定是一个有趣（不太正常）的 UP 主，事实上，这是一位人美嘴快的全能型 UP，影视制作人、品牌联合创始人、双语主持人、眼神交流专家，都是她。
+
+张大碗子的每个视频都很有趣，分享一些日常聊天、提升自我的小技巧，学会之后，我整个人都自信了许多！
+
+![](https://pic.yupi.icu/5563/202311091159935.jpeg)
+
+#### 硬核的半佛仙人
+
+一个喜欢小仙女的超硬核 UP，从 “英雄联盟假赛” 到 “外卖” 到 “氢弹”，再到 “为啥职场不说人话”，基本没有半佛老师不能吐槽和分析的话题，粉丝数 500 万+ 也是实至名归。
+
+鱼皮之前有幸听了半佛老师的私密分享，真的是被他强大的思维能力和写作能力吓到了，可以说是受益匪浅。
+
+![](https://pic.yupi.icu/5563/202311091159949.jpeg)
+
+### 其他
+
+#### 咻咻满
+
+没错，这就是封面的小姐姐，我并不是因为颜值而关注的她，而是因为她不仅唱歌好听，还有极强的模仿能力以及绝美的戏腔！涨粉速度肉眼可见，也就半天不到涨一个鱼皮吧。
+
+相信我，听一下她的歌，你会愿意来给我的这篇文章点上一个赞的。
+
+![](https://pic.yupi.icu/5563/202311091159999.jpeg)
+
+#### 小张的 vlog 日记
+
+推荐完了人美歌甜的小姐姐，再推荐一位大帅哥，也是一位大哲学家，小张。
+
+张总目前住在 240 的出租屋里，分享自己的日常生活，也就是录制 vLog。vLog 有很多，录制出灵魂的，我只服小张，别的不说，先看看这帅气的发型，起初我甚至误以为张总是程序员。
+
+![](https://pic.yupi.icu/5563/202311091159027.jpeg)
+
+给大家推荐张总主要是因为他的生活态度非常值得我们学习，他的视频非常接地气，是大部分底层同学在过的生活，平凡却充满希望。他的视频看似简单，实际上有着深不可测的底层逻辑。他是我的快乐来源，也是我坚持创作的动力来源之一。
+
+![](https://pic.yupi.icu/5563/202311091159376.jpeg)
+
+#### 三根葱
+
+最近不少朋友表示自己心态浮躁，学不下去，所以要给大家推荐一位正能量的 UP 主，哦不，是三位。
+
+他们的每个视频风格完全一致，都是三位扛麻袋的老爷爷，用几句短快爽的言语，给大家加油打气，讲述人生哲理。正能量满满，也难怪一个多月 30 万粉丝。
+
+![](https://pic.yupi.icu/5563/202311091159414.jpeg)
+
+
+
+------
+
+最后卑微推荐下自己【程序员鱼皮】，本来是个多才多艺一身是胆的少年，接触代码后好像除了肝也没什么特别的本事啦，也涨不动粉。就希望自己不要放弃，持续给大家分享编程知识，帮助到更多人吧。
+
+![](https://pic.yupi.icu/5563/202311091159436.png)
+
+**不忙的话尽量每晚 22 : 00 直播半小时集中帮大家回答问题，感谢大家的关注和支持！❤️**
+
+⬇️ 点击阅读原文可以直达我的直播间
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\345\207\240\344\270\252\344\273\212\345\271\264\350\266\205\347\201\253\347\232\204\347\274\226\347\250\213\347\275\221\347\253\231\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\345\207\240\344\270\252\344\273\212\345\271\264\350\266\205\347\201\253\347\232\204\347\274\226\347\250\213\347\275\221\347\253\231\357\274\201.md"
new file mode 100644
index 0000000..782a53d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\345\207\240\344\270\252\344\273\212\345\271\264\350\266\205\347\201\253\347\232\204\347\274\226\347\250\213\347\275\221\347\253\231\357\274\201.md"
@@ -0,0 +1,100 @@
+# 几个今年超火的编程网站！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天给大家推荐几个最近非常流行的编程网站，相信能够帮助大家提高编程效率、更好地学习编程。
+
+## 热门编程网站推荐
+
+### Codepen
+
+> 演示视频：https://www.bilibili.com/video/BV1im4y1X7zb/
+
+国外的在线前端编程网站，在这里你可以发现很多国外大神编写的前端代码，除了各种网页布局代码外，更多的是各式各样好玩的、炫酷的、新颖的前端动画和特效。
+
+比如圣诞节快到了，很多小伙伴问我能不能用代码画颗圣诞树。
+
+我是不会，但是在这个网站中，输入 "Christmas Tree" 搜索，就能看到各种不同风格的圣诞树网页啦！
+
+![](https://pic.yupi.icu/5563/202311091200571.png)
+
+> Codepen 好玩的网页
+
+点击你看中的网页，就能进到代码编辑页面，在这里，你可以任意修改 HTML、CSS、JavaScript 前端代码，并且在底部的区域实时浏览运行效果，非常地方便！
+
+![](https://pic.yupi.icu/5563/202311091200582.png)
+
+> 在线编辑
+
+编辑好网页后，可以在网页右下角的菜单中进行全屏浏览、收藏、克隆、分享等，还能直接将网页内嵌到我们自己的项目中，或者下载完整代码包到本地。
+
+![](https://pic.yupi.icu/5563/202311091200530.png)
+
+> 网页操作
+
+得益于前端技术的发展，这个网站为开发者提供了搜索项目、在线编辑、分享导出的一条龙服务，使得我们能够以自主练习的方式轻松学习别人优秀的代码。
+
+下面再分享几个类似的网站。
+
+### CodeSandbox
+
+代码沙箱，顾名思义，可以帮助你在隔离的环境中运行前端项目。
+
+在这里你可以基于丰富的模板来创建自己的沙箱（项目），比如 React、Vue、Angular、VuePress、Svelte 等常见的前端框架：
+
+![](https://pic.yupi.icu/5563/202311091200541.png)
+
+创建好沙箱后，你就可以在线编辑代码、实时查看效果，或者分享沙箱给其他小伙伴啦~
+
+![](https://pic.yupi.icu/5563/202311091200524.png)
+
+> 在线编辑
+
+### JSFiddle
+
+前端开发的练习场，也可以在线编写代码、实时浏览效果。相对于 Codepen，个人感觉这个网站的编辑体验更好：
+
+![](https://pic.yupi.icu/5563/202311091200561.png)
+
+> 在线编辑
+
+当你在网上看到了一段不错的 JS 代码或者插件，不必再下载到本地了。直接把代码粘贴到 JSFiddle 中，就能以最快的方式查看运行效果了。现在很多前端组件库也用到了这种平台，给开发者所见即所得的体验。
+
+### JSRUN
+
+国内的在线编程网站，除了前端外，甚至支持多达 30 多种编程语言的在线调试和运行！
+
+![](https://pic.yupi.icu/5563/202311091200072.png)
+
+同 Codepen 一样，你可以在这里看到很多别人编写的代码片段，直接下载。还可以保存和分享你的代码，建立自己的小代码合集。
+
+![](https://pic.yupi.icu/5563/202311091200103.png)
+
+> 下载代码
+
+不得不说，在国内，这个网站算是做的相当出色的了，访问速度和功能体验都很棒！
+
+### Gitpod
+
+这个平台要比上面提到的网站更高级一些，它是一个强大的在线 IDE（集成编程环境），提供了 VSCode 风格的编辑器，允许你在线编写代码完成开发。
+
+![](https://pic.yupi.icu/5563/202311091200095.png)
+
+> 在线 IDE
+
+Gitpod 基于容器技术，可以帮助你一键编译、构建、运行任何 GitHub 项目，不止前端！而且每个项目的运行都是互相隔离的，随用随创建、用完可随时回收，非常灵活。
+
+如果你看中了一个 GitHub 项目，又不想在本地去搭建各种环境去查看它的运行效果，那么最好的方式就是使用 Gitpod 来在线构建和执行。现在也有越来越多的 GitHub 项目接入了 Gitpod，大家只要看到下图的按钮，都是可以一键部署运行的，大大提高效率！
+
+![](https://pic.yupi.icu/5563/202311091200111.png)
+
+
+
+------
+
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311091200156.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\350\277\231\344\272\233\347\275\221\347\253\231\357\274\214\351\231\252\346\210\221\350\277\207\344\272\206 5 \345\271\264.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\350\277\231\344\272\233\347\275\221\347\253\231\357\274\214\351\231\252\346\210\221\350\277\207\344\272\206 5 \345\271\264.md"
new file mode 100644
index 0000000..d36e822
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\205\266\344\273\226/\350\277\231\344\272\233\347\275\221\347\253\231\357\274\214\351\231\252\346\210\221\350\277\207\344\272\206 5 \345\271\264.md"	
@@ -0,0 +1,242 @@
+# 这些网站，陪我过了 5 年
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 宝藏编程学习网站汇总
+
+大家好，我是鱼皮，今天给大家推荐我自学编程几年来爱不释手的精品网站。
+
+我敢保证，它们适合 **所有** 想要自学编程的同学。并且我相信，对于有一定经验的程序员，这些网站也基本都用过。
+
+我将这些网站大致分为了几类：
+
+![](https://pic.yupi.icu/5563/202311091156154.png)
+
+### 学习类
+
+#### freeCodecamp
+
+> https://chinese.freecodecamp.org/
+
+一个适合初学者入门的免费实战学编程网站，课程丰富，尤其适合想学习前端 web 开发的同学。
+
+每一小节的内容不仅有教学、有代码示例，还能够在线写代码，来完成任务。学编程真的就像玩游戏闯关，轻松无比！
+
+![](https://pic.yupi.icu/5563/202311091156157.png)
+
+#### 菜鸟教程
+
+> https://www.runoob.com/
+
+简洁，却不简单。
+
+在这个网站中，包含了前端、Java、Python、C++、PHP 等所有主流编程语言的文档教程，完全免费！
+
+还提供了大量代码示例，可以直接在线练习，是入门编程的好帮手。
+
+![](https://pic.yupi.icu/5563/202311091156181.png)
+
+#### W3CSchool
+
+> https://www.w3cschool.cn/
+
+多元化的编程教学网站，有很多免费在线文档教程。不仅是电脑，还可以在手机上随时随地学习编程。
+
+我最喜欢这里的实战训练，让你以闯关的模式，像玩游戏一样学习编程，很适合新手入门。
+
+![](https://pic.yupi.icu/5563/202311091156174.png)
+
+类似的网站还有 W3School，和他名字很像，但年久失修，相对一般。
+
+#### 慕课网
+
+> https://www.imooc.com/
+
+自称是程序员的梦工厂。这里不仅有各个不同编程方向的、免费的入门和进阶视频教程，还可以在学习过程中记录笔记、阅读他人的笔记等，帮你养成记录的好习惯。
+
+![](https://pic.yupi.icu/5563/202311091156192.png)
+
+#### 蓝桥云课
+
+> https://www.lanqiao.cn
+
+一个通过做实验来学编程的网站，可以让你使用真实的云服务器环境来编写代码、开发项目。
+
+比起枯燥地看书，这样学编程，不仅不累，印象也会更深刻。
+
+![](https://pic.yupi.icu/5563/202311091156200.png)
+
+#### B 站
+
+> https://www.bilibili.com/
+
+没错，B 站不仅能看鬼畜、看高质量人类、看华强卖瓜、看学姐查寝。
+
+还有超多免费的视频教程和优质知识分享博主，入门编程、考研、项目、大厂求职指南，啥都有，比大学还像大学。
+
+![](https://pic.yupi.icu/5563/202311091156969.png)
+
+别再逛舞蹈区了，一起用它来学编程吧！
+
+#### 知乎
+
+> https://www.zhihu.com/topic/19554298
+
+这里可能没有系统的编程教学，但你能够看到很多同学的编程学习心得和经验分享。
+
+最有趣的是，这上面有各种各样程序员相关的奇葩问题，让你对程序员和编程有个更全面的了解。
+
+![](https://pic.yupi.icu/5563/202311091156999.png)
+
+### 资源类
+
+#### 编程导航
+
+> https://www.code-nav.cn
+
+这是由鱼皮本皮开发和维护的编程资源搜索网站，站内 2000 多个资源多为小伙伴自发上传，可以灵活搜索编程资源、打造自己的收藏夹、寻求资源、找编程伙伴等。
+
+![](https://pic.yupi.icu/5563/202311091156958.png)编程导航
+
+#### GitHub
+
+> https://github.com/
+
+世界一流的代码开源平台。
+
+如今，这个网站上已经拥有数亿个公开源码的项目。小到个人课堂作业、大到万人参团的企业技术，上千万个开发者，因为爱好聚集在了这里。世界一流程序员交友，哦不，代码开源平台实锤了。
+
+![](https://pic.yupi.icu/5563/202311091156979.png)
+
+在这里，你可以搜索代码，参考学习；还可以上传代码，和他人共享，协作开发。
+
+偷偷说一句，如今的 GitHub 已经非常多元化，各种优秀的学习笔记、趣味项目、甚至是不加班公司名单，也都能搜索到！
+
+![](https://pic.yupi.icu/5563/202311091156963.png)
+
+#### Gitee
+
+> https://gitee.com/
+
+一个软件开发协作平台，可以把它理解为国内版 GitHub。
+
+同样支持搜索代码、共享代码、协作开发，虽然目前项目数量远不及 GitHub，但访问速度要快很多。
+
+![](https://pic.yupi.icu/5563/202311091156093.png)
+
+#### 菜鸟工具
+
+> https://c.runoob.com/
+
+汇总了程序员常用的开发工具，比如各种语言的在线代码编辑器、代码转换、格式化工具等，随用随取，帮助你提高开发效率。
+
+![](https://pic.yupi.icu/5563/202311091156505.png)
+
+类似的网站还有 BeJSON，收藏一个就够了~
+
+#### 开发者搜索
+
+> https://kaifa.baidu.com/
+
+学编程时总会遇到各种各样的 Bug，如果你厌倦了某度搜索的广告，不妨试试开发者搜索，可以得到纯净无广的、专为开发者定制的内容，让技术搜索更简单高效。
+
+![](https://pic.yupi.icu/5563/202311091156538.png)
+
+#### hellogithub
+
+> https://hellogithub.com/
+
+人工维护的编程项目推荐网站，可以分类浏览有趣、入门、优质的开源项目。
+
+此外，该网站每月会发布一期 “项目全家桶”，推荐各种编程语言的好项目，带你感受编程的乐趣。
+
+![](https://pic.yupi.icu/5563/202311091156515.png)
+
+### 文章类
+
+#### CSDN
+
+> https://www.csdn.net/
+
+当我们写 Bug 出现程序时，在某度上搜到的大部分编程问题的回答，其实都来自 CSDN。
+
+除了看技术博客外，还可以下载资料、提问题、看教程等等。当然，也可以轻松开通自己的博客，记录和分享学习心得。
+
+![](https://pic.yupi.icu/5563/202311091156616.png)
+
+#### 掘金
+
+> https://juejin.cn/
+
+一个专注分享编程技术文章的网站。
+
+在这里，你可以看到前端、后端、架构、AI 等多达上百个分类的好文章，尤其是前端的优秀作者真的巨多！能帮助你学到很多新的技术和实践。
+
+![](https://pic.yupi.icu/5563/202311091156637.png)
+
+#### 博客园
+
+> https://www.cnblogs.com/
+
+经典的程序员博客网站，虽然界面还是 N 年前的风格，但上面的文章是真的丰富。
+
+而且你可以很轻松地打造自己的专属博客，拿来记录自己的学习心得、代码笔记都很不错。
+
+![](https://pic.yupi.icu/5563/202311091156714.png)
+
+#### InfoQ
+
+> https://www.infoq.cn/
+
+国内相对高端的软件开发文章和资讯站点，有很多对前沿技术、企业技术、业务和工程的探索与思考。
+
+还有免费的电子书、大咖直播回放等，一定可以给你带来一场技术盛宴。
+
+![](https://pic.yupi.icu/5563/202311091156145.png)
+
+#### 开源中国
+
+> https://www.oschina.net/
+
+国内开源技术交流社区。在这里可以了解到最新的软件发展和更新资讯、阅读前沿技术文章、搜索各类优质开源项目等，帮助你成长为见多识广的软件收藏家，领悟到计算机一辈子学不完的真谛。
+
+![](https://pic.yupi.icu/5563/202311091156120.png)
+
+### 求职类
+
+#### LeetCode
+
+> https://leetcode-cn.com/
+
+如今程序员面试太卷了，想进大厂，算法题目一定要趁早刷起来。
+
+而 LeetCode 就是一流的在线刷题、学算法网站，每个知识点都有专题教程。耐心看完、即时练习、举一反三、持之以恒，相信你的编程能力和思想都会大大提升。
+
+![](https://pic.yupi.icu/5563/202311091156168.png)
+
+我当时共刷了 1000 多道算法题，基本面试时被问到的题目都是刷过的原题哈哈哈。
+
+#### 牛客网
+
+> https://www.nowcoder.com/
+
+帮助程序员求职找工作的平台。
+
+在这里，你不仅可以学编程、做习题、刷算法，还可以看到各公司各方向的面试题和面试经验，甚至能参与内推、在线笔试、模拟面试、在线抱团、在线相亲。总之，全方面地助你找到理想的工作。
+
+![](https://pic.yupi.icu/5563/202311091156200.png)
+
+我从大二就在这里刷题了，直到今天，还有很多小伙伴能看到我当时的 遗迹 笔记。
+
+
+
+------
+
+
+时间有限，先分享这些，后面有空再给大家整理一波入门网站吧~
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311091156228.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/10\344\270\252\345\256\235\350\227\217\347\272\247\347\274\226\347\250\213\350\265\204\346\272\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/10\344\270\252\345\256\235\350\227\217\347\272\247\347\274\226\347\250\213\350\265\204\346\272\220.md"
new file mode 100644
index 0000000..dc26ba3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/10\344\270\252\345\256\235\350\227\217\347\272\247\347\274\226\347\250\213\350\265\204\346\272\220.md"
@@ -0,0 +1,180 @@
+# 10个宝藏级编程资源
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 免费优质编程学习资源大推荐
+
+大家好，我是鱼皮。
+
+先问大家一个问题：有没有让你眼前一亮、相见恨晚的编程资源？
+
+对我来说，学编程 5 年多，虽然已经看过了形形色色的编程资源，但真正让我觉得好的没几个，让我眼前一亮的更是寥寥无几。
+
+但今天给大家推荐的这波资源，毫不夸张的说，直接让我激动到下跪！
+
+![](https://pic.yupi.icu/5563/202311091022122.png)
+
+因为这些资源都是作者注入心血精心维护的，非一朝一夕可以完成，所以弥足珍贵。
+
+怕忘的小伙伴记得点收藏哦~
+
+> 也可以观看视频：https://www.bilibili.com/video/BV1CP4y157TB/
+
+### JavaGuide
+
+> 分类：Java
+>
+> 地址：https://javaguide.cn/
+
+这是一份全面的 Java 指南，可以帮助初学者了解 Java 的整个知识体系，温故知新；帮助求职者准备面试，快速突击。
+
+![](https://pic.yupi.icu/5563/202311091022200.png)
+
+作者在多年前自己准备面试时开源了这个指南，如今它已成为 GitHub 上超 10 万 star 的顶流项目，帮到了无数小伙伴。
+
+在重读这份指南的时候，我不仅收获了知识，也能感受到了作者的情感和坚持，仿佛看到了当年那个努力准备面试的自己，泪目了！
+
+![](https://pic.yupi.icu/5563/202311091022210.png)作者感悟
+
+### Leetbook
+
+> 分类：算法
+>
+> 地址：https://leetcode-cn.com/leetbook/
+
+算法是程序员的灵魂，但也是让初学者痛苦的无情剃发机。
+
+而 LeetBook 就是一个帮助你轻松学习算法的网站。
+
+不会写没事，有分阶段和知识点的入门教程；看不懂没事，有图解、有视频、有其他小伙伴的题解；懂了忘没事，任意选择语言，随时随地在线练习，多刷自然就会了。
+
+![](https://pic.yupi.icu/5563/202311091022114.png)
+
+上面还有很多免费小书，比如图解算法数据结构。在如今知识付费泛滥的环境下还能有如此良心的小书，泪目了！
+
+![](https://pic.yupi.icu/5563/202311091022134.png)
+
+### 被删的前端游乐场
+
+> 分类：前端
+>
+> 地址：http://www.godbasin.com/
+
+这是同事小姐姐的前端文章合集，在这里，你能看到 **几百篇** 前端领域的知识分享。
+
+有写给新手的入门教程，有自己对前端的深入理解，有各种前端领域的解决方案，有各种前端技术的分享，还有作者养的猫。
+
+![](https://pic.yupi.icu/5563/202311091022187.png)
+
+一个人，几百篇的分享，这是何等的坚持和热爱！在这里，相信你不仅能学到知识，更能感受到作者的成长和进步，泪目了！
+
+### Python 100 days
+
+> 分类：Python
+>
+> 地址：https://github.com/jackfrued/Python-100-Days
+
+听名字就很头秃，这是一个分阶段的 Python 入门教程，基础、进阶、开发框架、爬虫、数据分析、人工智能、项目管理，各方面的知识都有，看来作者就是想把你的头发给薅秃。
+
+![](https://pic.yupi.icu/5563/202311091022731.png)
+
+虽说叫 Python 100 天，但其实每天的内容都很小而精，比较适合时间不多，想持续学习或者巩固复习的同学阅读。
+
+### GitHub 漫游指南
+
+> 分类：Git
+>
+> 地址：https://github.com/phodal/github
+
+身为程序员，怎么能不会使用知名的程序员交友平台 GitHub 呢？
+
+这本在线小书，不是枯燥的 GitHub 教程。而是结合作者使用 GitHub 10000 多个小时的亲身经历和真实感悟，带你领悟 GitHub 的使用技巧、打造属于自己的项目、探索编程无限的可能性。
+
+![](https://pic.yupi.icu/5563/202311091022740.png)书的部分截图
+
+教程谁都能写，但经验是宝贵的。光凭这点，这绝对是我见过最好的 GitHub 书籍！
+
+### SQL 自学网
+
+> 分类：数据库
+>
+> 地址：http://xuesql.cn/
+
+SQL 是一种工具语言，可以帮助我们从数据库中查出需要的数据，也是后端工程师的基本功。
+
+通过 SQL 自学网边学边练、实时查看运行结果的方式，你可以用最快的速度学会数据库和 SQL 的基本使用，为你打开后端开发的大门。
+
+![](https://pic.yupi.icu/5563/202311091022760.png)
+
+> 可在线练习
+
+### Docker 从入门到实践
+
+> 分类：容器
+>
+> 地址：https://vuepress.mirror.docker-practice.com/
+
+Docker 是如今云计算时代下非常流行的容器、虚拟化技术，可以将系统、环境和应用进行封装，便于分发、隔离和管理。
+
+不懂也没关系，跟着这本可在线阅读的 Docker 教程进行实操，轻松学会。
+
+这本书也是注入了作者的灵魂，无论是常见问题总结、热门开源镜像、还是实际工作中积累到的最佳实践，都安排的明明白白。让你不仅会用，还能巧用。
+
+![](https://pic.yupi.icu/5563/202311091022793.png)
+
+### 《动手学深度学习》
+
+> 分类：人工智能
+>
+> 地址：https://github.com/d2l-ai/d2l-zh
+
+这是一份完全开源的人工智能零基础入门教程，据说已经被全球近 200 所大学拿来教学！
+
+![](https://pic.yupi.icu/5563/202311091022807.png)
+
+可以在线阅读，全中文，就很舒服！
+
+除了丰富的内容外，我更喜欢他们的理念 —— 理解深度学习的最佳方法是学以致用，因此这份教程附带了大量有趣的练习和源码，边学边练、输出自己的作品，谁不爱呢？
+
+### 地鼠文档
+
+> 分类：Go 语言
+>
+> 地址：https://www.topgoer.cn
+
+Go 语言是如今在大厂非常流行的后端开发语言，无奈在国内好的学习资料并不多。
+
+这时，我却发现了地鼠文档，Go 语言学习资源合集网站，入门教程、代码示例、框架、类库、中文文档、算法、面试题、电子书，应有尽有，还能在线阅读、免费下载，太方便了！
+
+![](https://pic.yupi.icu/5563/202311091022901.png)
+
+想必也只有 Go 语言的狂热爱好者，才能做出这样的神仙合集网站吧！
+
+### 编程导航
+
+> 分类：学习资源
+>
+> 地址：https://www.code-nav.cn
+
+如果你好奇，我是怎么发现上面这些资源的？
+
+那当然是通过我开发的【编程导航】，可以在这里搜索各方向的优质编程学习资源，想要什么资源都可以许下心愿，还能认识一些志同道合的朋友。
+
+找资源，就上编程导航吧！
+
+![](https://pic.yupi.icu/5563/202311091022254.png)
+
+
+
+------
+
+
+以上就是本期分享，希望对大家有帮助吧~
+
+> 点击下方阅读原文可以观看视频版
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091022235.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\226\207\346\241\243\346\225\231\347\250\213\345\244\247\346\261\207\346\200\273.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\226\207\346\241\243\346\225\231\347\250\213\345\244\247\346\261\207\346\200\273.md"
new file mode 100644
index 0000000..e6506e4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\226\207\346\241\243\346\225\231\347\250\213\345\244\247\346\261\207\346\200\273.md"	
@@ -0,0 +1,121 @@
+# Java 文档教程大汇总
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 已收录至免费编程资源大全：https://github.com/liyupi/free-programming-resources
+
+大家好，我是鱼皮，今天分享几个 GitHub 上非常实用的 Java 文档教程项目，包括 Java 基础知识、类库框架、系统设计、源码分析等。
+
+用文档学习的好处是可以把控自己的学习节奏，并且更方便地记录笔记。习惯通过阅读文档来学习的朋友一定不要错过下面这些项目。
+
+### 基础
+
+#### On Java 8
+
+《On Java 8》的中文版，是 Java8（主流 Java 版本）的在线学习手册，支持在文档中搜索内容，适合新手入门 Java。
+
+原本是个开源项目，但最近由于出版了纸质书籍，目前项目应该不再维护了。
+
+![](https://pic.yupi.icu/5563/202311091036121.png)
+
+#### JavaGuide
+
+全网知名的 Java 学习 + 面试指南，一份涵盖了大部分 Java 程序员所需要掌握的核心知识的电子文档。
+
+该文档不仅对 Java 基础知识有全面的讲解，还包含了 Java 后端工程师必备技能的学习，比如 MySQL、Redis、系统设计等。不仅是一份教程，更是一份完整的 Java 相关技术栈知识点总结！
+
+![](https://pic.yupi.icu/5563/202311091036094.png)
+
+#### LearningNotes
+
+这是一位 Java 学习者的笔记，包含 Java 基础、框架、Android 开发、设计模式、数据结构与算法、网络等知识体系，甚至还有自己的面试经历，非常全面！
+
+建议所有学习编程的同学都学习一下该项目，平时多将自己学到的知识记录和整理。
+
+![](https://pic.yupi.icu/5563/202311091036088.png)
+
+#### java-learning
+
+一份 Java 学习笔记，包含博客讲解和源码实例，包括 Java SE 和 Java Web 等知识点。
+
+笔记内容主要是对一些基础特性和编程细节进行总结整理，适合了解 Java 基础语法，想对已学知识点进行巩固，并进一步深入学习的同学。
+
+![](https://pic.yupi.icu/5563/202311091036085.png)
+
+### 类库框架
+
+#### SpringBoot Guide
+
+JavaGuide 的作者 Guide 哥的又一个知名指南项目，专注于 SpringBoot 的教程和知识总结，还整理了一些实战项目帮助大家练手。帮助大家从 0 到 1 学习 SpringBoot，加强对 Spring 框架的理解。
+
+![](https://pic.yupi.icu/5563/202311091036109.png)
+
+#### springcloud-learning
+
+引用作者对项目的介绍：这是一套涵盖大部分核心组件的 Spring Cloud 教程，包括 Spring Cloud Alibaba 及分布式事务 Seata，基于Spring  Cloud Greenwich 及 SpringBoot 2.1.7。22篇文章，篇篇精华，32个 Demo，涵盖大部分应用场景。
+
+扫了一遍目录，几乎把所有 Spring Cloud 的知识点和应用场景都讲了，非常适合已经能够开发单体应用，想要学习分布式、微服务开发的同学进阶。
+
+![](https://pic.yupi.icu/5563/202311091036115.png)
+
+#### spring-security-jwt-guide
+
+JavaGuide 的作者 Guide 哥的又一个项目，以文档 + 源码的方式，带你从零入门 Spring Security 模块！
+
+![](https://pic.yupi.icu/5563/202311091036682.png)
+
+> 项目结构
+
+#### guava-study
+
+Guava 是 Google 的知名开源类库，包含了很多高质量的 API，可以使你的 Java 代码更加优雅，更加简洁。
+
+本项目是对 Java 知名类库 guava 的学习，帮助你使用好 guava，让你工作更加高效愉悦。
+
+![](https://pic.yupi.icu/5563/202311091036655.png)
+
+#### RxJavaLearningMaterial
+
+RxJava 本质上是一个异步操作库，是一个能让你用极其简洁的逻辑去处理繁琐复杂任务的异步事件库，深受广大 Android 开发者的喜爱。
+
+该项目是一份详细的 RxJava 学习攻略 & 指南，从入门、原理到实战，都讲解的十分透彻，帮助你上手 RxJava。
+
+![](https://pic.yupi.icu/5563/202311091036674.png)
+
+### 系统设计
+
+#### mall-learning
+
+一套电商系统实战学习教程，包含架构、业务、技术要点的全方位解析。该电商系统使用现阶段主流技术实现。涵盖了 SpringBoot、MyBatis、Elasticsearch、RabbitMQ、Redis、MongoDB、Mysql 等技术，采用 Docker 容器化部署。
+
+该项目无论是技术的广度还是深度都很卓越，如果能跟着作者的思路完整学习并自己实现，一定能掌握大多数 Java 后端开发知识点！
+
+![](https://pic.yupi.icu/5563/202311091036707.png)
+
+#### miaosha
+
+秒杀系统一直是开发领域的难点。本项目是对秒杀系统的设计与实现，帮助你学习秒杀系统中那些关键的设计，开拓思维，成长为一名优秀的互联网工程师。
+
+![](https://pic.yupi.icu/5563/202311091036715.png)
+
+### 源码
+
+#### JavaSourceCodeLearning
+
+Java 流行框架的源码分析项目。目前包含 Spring 源码、SpringBoot 源码、SpringAOP 源码、SpringSecurity 源码、SpringSecurity OAuth2 源码、JDK 源码、Dubbo 源码等。讲解非常深入透彻，能够帮助大家更好地通过学习框架底层源码来提升自身的水平，在大厂面试时在众多面试者中脱颖而出！
+
+![](https://pic.yupi.icu/5563/202311091036817.png)
+
+#### LearningJDK
+
+专注于 JDK 源码的阅读笔记，已经阅读了几百个 JDK 类，适合同样想深入了解 JDK 的同学阅读学习。
+
+![](https://pic.yupi.icu/5563/202311091036210.png)
+
+------
+
+以上就是本期分享，希望对大家有帮助~
+
+其实 GitHub 上还有非常多优秀的 Java 学习项目，但我并没有把它们归类为教程，而是整理到了其他类目中，在后面会推荐给大家！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\272\220\347\240\201\346\225\231\347\250\213\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\272\220\347\240\201\346\225\231\347\250\213\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md"
new file mode 100644
index 0000000..2dd4d12
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \346\272\220\347\240\201\346\225\231\347\250\213\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md"	
@@ -0,0 +1,76 @@
+# Java 源码教程项目大汇总
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享几个 GitHub 上顶级的 Java 源码教程项目。
+
+区别于书籍、文档、视频等形式的教程，这些项目几乎都是由 **精简的代码片段** 和 **Demo** 组成的，能够轻松地在本地执行，非常适合实战入门！
+
+### tutorials
+
+一系列小而专注的教程集合，几乎包括了 Java 生态所有的知识、框架、类库的可执行示例代码！比如 Spring、Netty、Vertx、MyBatis 等等。
+
+每个目录都是一个微型的 Java 项目源码，直接下载运行，或者复制粘贴到自己的项目中，都是极好的。
+
+![](https://pic.yupi.icu/5563/202311091035248.png)
+
+> tutorials
+
+### java-design-patterns
+
+该项目包含了 **所有** 设计模式的  Java 语言实现源码，远远不止常见的 23 种设计模式！
+
+![](https://pic.yupi.icu/5563/202311091035214.png)
+
+> 各种设计模式
+
+最棒的是，该项目提供了中文版！
+
+点进一个目录，比如 proxy 工厂模式，可以查看设计模式的解释，以及规范的源代码，非常适于学习！
+
+![](https://pic.yupi.icu/5563/202311091035209.png)
+
+> 程序示例
+
+### TheAlgorithms/Java
+
+该项目是所有常用算法和数据结构的 Java 实现，像排序、搜索等。基本每个算法对应一个类，可以直接查看源代码，学习规范的写法。
+
+![](https://pic.yupi.icu/5563/202311091035220.png)
+
+### SpringAll
+
+听名字就知道，这个项目 **专注于 Spring**，提供了 Spring Boot、Spring Boot & Shiro、Spring Batch、Spring Cloud、Spring  Cloud Alibaba、Spring Security & Spring Security OAuth2、博客等 Spring 系列源码，非常大而全！
+
+![](https://pic.yupi.icu/5563/202311091035262.png)Spring Cloud 教程
+
+如果你能够按照作者提供的路线跟着敲完所有的源码，那么你的能力绝对足够去开发一个 **完整的企业级项目**！
+
+### Spring Boot Demo
+
+顾名思义，这个项目 **专注于 SpringBoot**，是一个 Demo 集合，目的是通过众多的 Demo 帮助你深度学习并实战 SpringBoot。
+
+目前总共包含 **`66`** 个集成demo，除了 SpringBoot 的基本特性外，整合了各种企业研发常用的技术和中间件，比如 Redis、Zookeeper、swagger 等等，还对每个模块有详细的介绍，非常适合学习！
+
+![](https://pic.yupi.icu/5563/202311091035235.png)
+
+### spring-boot-examples
+
+同上一个项目类似，这个项目是 **Spring Boot 快速简单上手教程**。包含了 Spring Boot 技术栈的各种示例，每个示例都以最小依赖、最简单为标准，帮助初学者快速掌握 Spring Boot 各组件的使用。
+
+![](https://pic.yupi.icu/5563/202311091035841.png)
+
+### spring-boot-projects
+
+该项目主要是 Spring Boot 的入门学习教程以及一些常用的 Spring Boot 实战项目教程，包括 Spring  Boot 使用的各种示例代码，同时也包括一些实战项目的项目源码和效果展示。
+
+实战项目包括基本的 web  开发以及目前大家普遍使用的线上博客项目/企业大型商城系统/前后端分离实践项目等，摆脱各种 hello world 入门案例的束缚，真正的掌握  Spring Boot 开发。
+
+![](https://pic.yupi.icu/5563/202311091035850.png)
+
+------
+
+以上就是本期分享，希望对大家有帮助~
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \347\237\245\350\257\206\346\200\273\347\273\223\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \347\237\245\350\257\206\346\200\273\347\273\223\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md"
new file mode 100644
index 0000000..f2d2803
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/Java \347\237\245\350\257\206\346\200\273\347\273\223\351\241\271\347\233\256\345\244\247\346\261\207\346\200\273.md"	
@@ -0,0 +1,118 @@
+> 免费编程资源大全项目：https://github.com/liyupi/free-programming-resources
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享 **十几个** 让人直呼 “哇塞” 的 Java 知识总结项目！
+
+这些项目能够帮助你 **系统化地** 学习或复习 Java 及后端知识点，带你快速了解技术全貌、查漏补缺，**尤其适合准备面试时阅读**。
+
+毫不夸张的说，读完这里的任何一个项目，都可以和面试官硬刚了！
+
+![图片](https://pic.yupi.icu/5563/202311091038031.jpeg)
+
+### CS-Notes
+
+霸榜的计算机笔记，包含了各种程序员技术面试必备基础知识，比如算法、计算机操作系统、计算机网络、系统设计、Java、Python、C++ 等，还包含软件开发必备工具和编码实践，非常全面！
+
+这份笔记不仅思路清晰、内容生动，文档排版也十分精美，还可以直接在线阅读。
+
+![图片](https://pic.yupi.icu/5563/202311091038044.png)
+
+### architect-awesome
+
+该项目是后端架构师技术图谱，包含了所有后端开发人员应该学习的技术，并为每个知识点提供了相应的学习文章，帮助你从初级开发者进阶为资深架构师。可以利用这个图谱查漏补缺，探索自己未知的技术。
+
+![图片](https://pic.yupi.icu/5563/202311091038028.png)
+
+### fullstack tutorial
+
+全栈开发训练，列举了一名全栈开发者需要学习的技术栈，比如算法、Java、Python、前端、数据库、操作系统、网络通信、分布式、机器学习、开发工具等，可以在线阅读。
+
+此外，还包含了很多经验文章，比如 “如何选择自己的技术栈”，能够帮助读者选择自己适合的技术，少走弯路。
+
+![图片](https://pic.yupi.icu/5563/202311091038053.png)
+
+### 牛客 Java 工程师面试宝典
+
+牛客网官方出品的面试宝典，题库均来自海量真实校招面试题目大数据进行的整理，涵盖了 Java 所有的重要知识点，还可以在线和其他小伙伴讨论！
+
+![图片](https://pic.yupi.icu/5563/202311091038075.png)
+
+### JavaGuide
+
+全网知名的 Java 学习 + 面试指南，一份涵盖了大部分 Java 程序员所需要掌握的核心知识的电子文档。
+
+该文档不仅对 Java 基础知识有全面的讲解，还包含了 Java 后端工程师必备技能的学习，比如 MySQL、Redis、系统设计等。不仅是一份教程，更是一份完整的 Java 相关技术栈知识点总结！
+
+![图片](https://pic.yupi.icu/5563/202311091038086.png)
+
+### advanced-java
+
+互联网 Java 工程师进阶知识完全扫盲，涵盖高并发、分布式、高可用、微服务、海量数据处理等领域知识。
+
+该项目包含了很多经典后端业务场景的解决方案，以及常见后端面试题，帮助大家开拓思维、技术进阶。
+
+![图片](https://pic.yupi.icu/5563/202311091038482.png)
+
+### toBeTopJavaer
+
+阿里技术专家创作的 **“Java工程师成神之路”**，一份完整、系统的 Java 知识总结，也包含了很多经典面试题解。
+
+![图片](https://pic.yupi.icu/5563/202311091038518.png)
+
+### JavaFamily
+
+敖丙大佬原创的 Java 面试 + Java 学习指南，涵盖了大部分 Java 程序员所需要掌握的核心知识，每篇文章都非常硬核！
+
+![图片](https://pic.yupi.icu/5563/202311091038542.png)
+
+### 3y
+
+3y 大佬的 Java 知识总结项目。**几百篇原创、几千页的电子书**，从 Java 基础、JavaWeb 基础、到常用的框架、再到面试题，都有完整的教程，几乎涵盖了 Java 后端必备的所有知识点！
+
+![图片](https://pic.yupi.icu/5563/202311091038547.png)
+
+### technology-talk
+
+汇总了 Java 生态圈常用技术框架、开源中间件，系统架构、数据库、大公司架构案例、常用三方类库、项目管理、线上问题排查、个人成长、思考等知识 。
+
+通过列举工作中常用的一些技术，帮助读者锻炼提升自己的架构能力。
+
+![图片](https://pic.yupi.icu/5563/202311091038549.png)
+
+### JCSprout
+
+Java 核心知识总结库，包括 Java 核心基础、框架、并发、数据结构与算法、架构设计、数据库，以及其他附加技能。
+
+![图片](https://pic.yupi.icu/5563/202311091038687.png)
+
+### JGrowing
+
+一份 Java 程序员的成长路线，但学到不仅仅是 Java，还有很多程序员必备的技能。
+
+作者提供了一份 Java 程序员打怪升级的思维导图，并为很多知识点提供了相关的学习文章，帮助大家有计划地学习。
+
+![图片](https://pic.yupi.icu/5563/202311091038980.png)
+
+### java-core-learning-example
+
+包含了很多关于 Java 核心技术的学习例子，可以帮助初学者巩固 Java 基础知识。
+
+![图片](https://pic.yupi.icu/5563/202311091038017.png)
+
+### threadandjuc
+
+Java 高并发多线程进阶项目，通过理论和实战带你实现 **高性能、高可用、高可靠** 这三高的 **千万级多线程导入系统**。
+
+相对普通导入，本项目打造的系统在性能上可提高 10 倍左右，并且能够在一定程度上规避突发风险。跟着项目教程边实际操作边学习，能够大幅提升你的多线程开发能力！
+
+![图片](https://pic.yupi.icu/5563/202311091038011.png)
+
+------
+
+虽然资源很多，但并不是让大家全部都看完，而是可以选择其中一份最适合自己的资源，专注学习。
+
+以上就是本期分享，希望对大家有帮助，后面会推荐更多对编程有帮助的资源！
+
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\206\344\272\253\344\270\200\345\245\227\344\277\235\345\247\206\347\272\247 Java \346\225\231\347\250\213.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\206\344\272\253\344\270\200\345\245\227\344\277\235\345\247\206\347\272\247 Java \346\225\231\347\250\213.md"
new file mode 100644
index 0000000..3925063
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\206\344\272\253\344\270\200\345\245\227\344\277\235\345\247\206\347\272\247 Java \346\225\231\347\250\213.md"	
@@ -0,0 +1,65 @@
+# 分享一套保姆级 Java 教程
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+之前给大家零零散散分享过很多 Java 和后端的学习资源，但很多同学表示看的不过瘾，大呼鱼皮不讲码德！
+
+因此还是给大家分享一套 **最完整的 Java & 后端学习教程** 吧！别人家有的，我们也要有！
+
+![](https://pic.yupi.icu/5563/202311091034587.gif)
+
+**领取方式在文章底部哦，完全免费，也不用发朋友圈！**
+
+### 『 史上最全的保姆级 Java 教程 』
+
+#### 教程内容
+
+这套教程，涵盖了所有 Java 及后端技术学习，比如 Java 基础、开发工具、开发框架、数据库、缓存、中间件、消息队列、搜索引擎、分布式微服务、Linux 操作系统、Git 版本控制、容器、Java 高级等。
+
+此外，还包含了前端开发的基础和框架知识，每个知识点都有项目实战，甚至还有面试指导，太贴心了吧！
+
+#### 资源类型
+
+这套教程包含了各种类型的资源，大家可以选择合适的方法去学习，有视频、有电子书、有项目源码、有思维导图、有 PPT、有笔记、有作业、有题解、有题库，配合使用，效率加倍！
+
+#### 放几张截图
+
+![](https://pic.yupi.icu/5563/202311091034502.png)
+
+> Java 学习资源
+
+![](https://pic.yupi.icu/5563/202311091034547.png)
+
+> Java 基础思维导图
+
+![](https://pic.yupi.icu/5563/202311091034517.png)
+
+> 每天一个小目标，学习有计划！
+
+![](https://pic.yupi.icu/5563/202311091034507.png)
+
+> 有视频、有笔记、有源码、有习题
+
+![](https://pic.yupi.icu/5563/202311091034525.png)
+
+> 主流后端框架和技术学习
+
+![](https://pic.yupi.icu/5563/202311091034017.png)
+
+> 企业必备后端开发技能
+
+![](https://pic.yupi.icu/5563/202311091034045.png)
+
+> 经典 Java 面试题目
+
+#### 领取方式
+
+长按下方二维码关注鱼皮的公众号，后台回复『 999 』领取哦~
+
+![](https://pic.yupi.icu/5563/202311091034027.jpeg)
+
+**最后一点小建议**，其实大家也未必完全依赖资源上的路线去学，可以利用 GitHub、牛客、B 站、公众号、CSDN 等网站辅助学习哦！
+
+希望大家都能找到适合自己的学习方式，我们一起加油吧！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\267\347\256\227\346\263\225\347\232\204\350\265\204\346\272\220\345\210\206\344\272\253.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\267\347\256\227\346\263\225\347\232\204\350\265\204\346\272\220\345\210\206\344\272\253.md"
new file mode 100644
index 0000000..d4d693c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\210\267\347\256\227\346\263\225\347\232\204\350\265\204\346\272\220\345\210\206\344\272\253.md"
@@ -0,0 +1,115 @@
+# 刷算法的资源分享
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+## 算法是程序的灵魂。 
+
+随着中国程序员越来越多，如今，想要通过大厂的面试或者拿到一份高薪 offer，不仅要有过硬的岗位相关的专业知识和实践经历，更重要的是要有扎实的算法基本功。每一轮面试都可能需要完成 **1 ~ 3 道算法题**，无数的同学因为算法这道门槛而被大厂拒之门外。
+
+现在能拿到大厂高薪 offer 的英雄豪杰，哪个不是过五关斩六将，斩题如斩狗？
+
+但是问题来了，对于很多同学来说，学习算法是一件枯燥、且乏味、且痛苦的事情。学理论难、刷题难、坚持更难。
+
+![](https://pic.yupi.icu/5563/202311091030421.png)
+
+幸运的是，一些帮助大家学习算法的平台出现了。其中非常优秀的是 **LeetCode**（地址：https://leetcode-cn.com）。LeetCode 题目难度适中，涉及的算法比较全面，非常适合作为求职者的算法练习平台，很多公司都会直接选用 LeetCode 上的原题来考察求职者的算法能力。
+
+![](https://pic.yupi.icu/5563/202311091030494.png)
+
+
+
+鱼皮曾经做过一个调研，100 位拿到大厂 offer 的同学中，有 20% 是专业的算法竞赛队员，有 30% 的同学在 LeetCode 上完成了 100 道算法题目，40% 的同学完成了 **200 道以上**的算法题目！其他同学也或多或少在不同的平台学习和练习过算法。
+
+作为一名在 LeetCode 上刷了**超过 600 题**的程序员，鱼皮认为，LeetCode 给自己带来的帮助是巨大的，想要找到好的工作，LeetCode 上的题目是必须要刷的！
+
+![](https://pic.yupi.icu/5563/202311091030405.png)
+
+那应该怎么刷算法题，才不会被劝退呢？
+
+网上有很多大牛已经整理了学习技巧，鱼皮也会分享自己的刷题技巧给大家。让我们站在巨人的肩膀上（除了 me），一起掌握刷算法的正确姿势吧~
+
+
+
+## **Fucking Algorithm**
+
+在 GitHub 上坐拥 **60000 + star** 的算法笔记，可以手把手带你解决 150 道 LeetCode 算法问题，涵盖了所有常见题型和技巧，比如动态规划、数据结构、二分、高频面试题等，并且整理了刷不同类型题目的**通用框架**。更妙的是，作者会教你如何在刷算法题时**举一反三，养成框架思维**。
+
+大家可以先阅读这篇算法小抄，再去刷 LeetCode；也可以刷完 LeetCode 题目后再反过来看这篇教程，相信会带你更多的感悟。
+
+文章生动有趣，妙笔生花，谁看了不叫一声 XX！
+
+![](https://pic.yupi.icu/5563/202311091030460.png)
+
+该笔记仍在不断更新，有兴趣的同学还可以给这篇算法小抄贡献题目。
+
+地址：https://labuladong.gitbook.io/algo/
+
+
+
+## **LeetCode Animation**
+
+如果说上面的算法笔记是帮助大家学习算法的思维框架，掌握算法题目的解题套路。那么 LeetCode Animation 的作用更加纯粹，就是通过图形和动画的形式帮助大家完成每一道 LeetCode 的题目，加深大家对解题思路的印象，也能够更加清晰地将解题过程表述给面试官。
+
+比如下面这道题目，删除链表的倒数第 N 个节点：
+
+![](https://pic.yupi.icu/5563/202311091030395.jpeg)动画帧数太多，放不了啦
+
+动画真的是不能再细致了，生怕大家学不会啊！
+
+目前作者已经整理了比较基础且常见的近百道题目，建议大家完成 LeetCode 题目后，一定再来看看小动画，说不定对题目有了新的见解。
+
+地址：https://github.com/MisterBooo/LeetCodeAnimation
+
+
+
+## **鱼皮自己的算法小技巧**
+
+以上是两位大佬总结的算法秘籍。鱼皮也简单地分享下自己刷 LeetCode 的小技巧。
+
+**1. 刷题顺序**
+
+记住三个要点：从探索刷起，从简单的刷起，从通过率高的刷起。
+
+探索是 LeetCode 精心整理的算法入门题目，相对简单实用，还附有讲解，是入门的不二之选。
+
+![](https://pic.yupi.icu/5563/202311091030466.png)
+
+地址：https://leetcode-cn.com/leetbook/
+
+进入题库，利用 LeetCode 自带的题目筛选和排序功能，能够帮助我们由简单到困难，渐进式刷题。一般来说，先刷通过率较高的题目，相对比较容易。
+
+![](https://pic.yupi.icu/5563/202311091030962.png)
+
+
+
+**2. 巧用题解**
+
+LeetCode 的每道题目都有很多题解，讲述了如何解决这道题。那怎么才算巧用题解？
+
+不仅要多读别人的题解，学习他人解题的不同思路；还要多写题解，把自己的思想整理成文，能够加深自己对题目的影响，对之后的面试帮助很大。
+
+![](https://pic.yupi.icu/5563/202311091030014.png)
+
+
+
+**3. 精益求精**
+
+当你每次成功解题时，系统会生成一份解题报告，告诉你的程序在时间和空间上击败了多少用户。尝试不断优化你的代码，直到击败 100% 的用户吧（我们在工作中也是如此），相信你能够逐渐掌握编写高性能程序的技巧~
+
+![](https://pic.yupi.icu/5563/202311091030984.png)
+
+
+
+**4. 参与竞赛**
+
+LeetCode 每周都会开展一次算法竞赛，看看谁能在有限时间内最快最多地解题，紧张刺激，能够激发出我们的思维，让我们适应面试的节奏。多多参加还有机会获得奖励！
+
+![](https://pic.yupi.icu/5563/202311091030022.png)
+
+
+
+------
+
+以上就是刷算法的正确姿势啦，希望大家无论是为了找工作，还是强化自身的思维，都要认真耐心地对待每一道算法题目，**切忌焦躁**！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\270\256\344\275\240\345\255\246\350\213\261\350\257\255\347\232\204\351\241\271\347\233\256.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\270\256\344\275\240\345\255\246\350\213\261\350\257\255\347\232\204\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..a834f52
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\270\256\344\275\240\345\255\246\350\213\261\350\257\255\347\232\204\351\241\271\347\233\256.md"
@@ -0,0 +1,123 @@
+# 帮你学英语的项目
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+我是一个英语很差的程序员。
+
+起初我并不在意这点，和大多数人一样，以为能写得一手代码，足够应付工作就行，英文好不好并不重要。
+
+但是后来发生的一些事情，让我逐渐意识到英语的重要性，甚至很羡慕英语好的同学。
+
+
+
+**英语不好的我，都遇到了哪些麻烦事儿？**
+
+### **1. 沟通低效**
+
+在和其他同学交流时，经常听不懂他们说的英文名词，有时会让他们再重复一遍，但可能还是听不懂，后来渐渐地不好意思问了，严重影响了沟通效率和对开会内容的准确理解。听都听不懂，记又记不住，导致自己也难以在开会沟通时使用专业的英文词汇进行高效表达。
+
+![](https://pic.yupi.icu/5563/202311091023476.jpeg)
+
+### **2. 编码低效**
+
+平时工作中写代码基本是全英文，由于很多英文单词不认识，让我在编写代码时经常拼错（即使有提示），严重影响效率。
+
+更让人头疼的是，每次定义变量名时，我都要上搜索引擎去查。由于同一个中文词汇可能对应多个不同的英文单词，我不知道如何选择，也因此经常定义一些奇奇怪怪的变量名。久而久之，收到了一些同事的吐槽。
+
+![](https://pic.yupi.icu/5563/202311091023566.png)
+
+### **3. 阅读困难**
+
+自己写代码时还好，可以按照自己的节奏来，慢点就慢点呗。但是工作中，经常要阅读其他同学写的代码和文档，比如需求文档、技术方案、接口文档等。看到大段大段的英文，难受到我直接晕厥！
+
+有同学说：“你可以用翻译呀。”
+
+没错，翻译工具确实能够缓解问题，但有时，翻译也会闹笑话，尤其是在计算机专业名词多的时候，经常翻译出一些奇奇怪怪的句子。
+
+![](https://pic.yupi.icu/5563/202311091023472.jpeg)
+
+### **4. 表达困难**
+
+由于英语和口语不好，我无法像其他同学一样在开会交流时自如地说出专业的英文名词，以至于后来，我变得默不作声。
+
+此外，很多公司的晋升采用答辩制度，在其他同学的答辩 ppt 中总是充满专业的英文词汇和术语，在答辩时也能充满信心地去进行讲述。而我即使认真地通过查询准备了一份专业的 ppt，在答辩时，也无法流利地用英文进行表达，甚至经常用自己的 ”土味英语“ 逗笑评委。
+
+![](https://pic.yupi.icu/5563/202311091023479.jpeg)
+
+不行，我不能再这样下去了，苍天啊，谁来拯救我的英文啊！
+
+身为程序员的我怎能轻易服输，快去 GitHub 上搜一下有没有学英语的神器，果然发现了宝藏，整理一下分享给大家。
+
+![](https://pic.yupi.icu/5563/202311091023481.jpeg)
+
+
+
+## **1. 人人都能用英语**
+
+GitHub 上近 5000 star 的学习英语项目，本质是一本小书。
+
+这本书里的文字，全部的意义，只有两个字：“**启发**”。
+
+该项目不是一本单词书，也不是英语练习，而是作者结合自己的经历，通过简洁精炼、幽默轻松的文字，从口语、语音、朗读、词典、语法、精度等多个方面给你启发，带你重新认识和理解英语。
+
+在你准备好厚厚的单词书之前，不妨先读一读这本小书，相信你会更加有动力学习英语！
+
+地址：https://github.com/xiaolai/everyone-can-use-english
+
+![](https://pic.yupi.icu/5563/202311091023538.png)
+
+
+
+## **2. 英语提升诀窍**
+
+GitHub 上**最受欢迎**（近 20000 的 star）的英语学习项目，最全面的英语学习宝典。
+
+这份英语提升诀窍会从**认知、单词、听力、阅读、口语**五方面带你重识英语，并在不同的方面给你高效学习英语的建议以及相关的资源（比如英文脱口秀、电影、YouTube 频道、英文原版书等）。
+
+建议大家花 20 分钟的时间读完它，相信一定能够提升你学习英语的信心！
+
+地址：https://github.com/byoungd/English-level-up-tips-for-Chinese
+
+![](https://pic.yupi.icu/5563/202311091023985.png)
+
+##  
+
+## **3. 程序员英语学习指南**
+
+GitHub 上接近一万个 star 的项目，一本**专为程序员编写的英语学习指南**。
+
+和 ”人人都能学英语“ 一样，这本英语学习指南，意在带给大家学习英语的启发。
+
+我很喜欢作者在指南开头的一句话 ”你越早明白语言学习没有技巧，就会越少浪费时间和金钱在各种资料和经验上面，走越少的弯路。“
+
+和编程语言一样，英语的学习没有捷径，而是要有适合自己的方法。
+
+该指南会深挖语言学习的本质（主要用中文举例）并用程序员易于理解的方式去思考，并提供自己根据本质推演出来的训练方法和经验做参考。重中之重是你要根据本质自己设计适合自己的训练方法，同时可以甄别网上看到学习方法和资料，判断是否适合自己使用。
+
+地址：https://github.com/yujiangshui/A-Programmers-Guide-to-English
+
+![](https://pic.yupi.icu/5563/202311091023039.png)
+
+
+
+## **4. 程序员工作中常见的英语词汇**
+
+**直接面向程序员的英语词汇手册**。该手册收集了计算机书籍、文档、文章中高频常见的技术词汇。最终目的是希望程序员集合自身的英语基础，在掌握列表中的词汇后，可以无障碍阅读英语技术文章和文档。
+
+大家**千万不要死记硬背**这本手册上的英文单词，而是可以在工作之余，阅读几遍，相信你会发出这样的感慨 ”啊，这个单词我在工作中遇到过！“
+
+地址：https://github.com/Wei-Xia/most-frequent-technology-english-words
+
+![](https://pic.yupi.icu/5563/202311091023007.png)
+
+
+
+------
+
+
+
+利用这些资源，我的英语能力得到了较大的进步，现在敲起代码基本不用查字典了，虎虎生风，码不停蹄！
+
+学习任何语言都没有捷径，希望大家找到适合自己的学习方法，我们一起坚持下去~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\277\253\351\200\237\345\217\221\347\216\260\344\274\230\347\247\200\345\274\200\346\272\220\351\241\271\347\233\256\347\232\204\344\270\211\346\235\277\346\226\247.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\277\253\351\200\237\345\217\221\347\216\260\344\274\230\347\247\200\345\274\200\346\272\220\351\241\271\347\233\256\347\232\204\344\270\211\346\235\277\346\226\247.md"
new file mode 100644
index 0000000..51093ba
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\345\277\253\351\200\237\345\217\221\347\216\260\344\274\230\347\247\200\345\274\200\346\272\220\351\241\271\347\233\256\347\232\204\344\270\211\346\235\277\346\226\247.md"
@@ -0,0 +1,69 @@
+# 快速发现优秀开源项目的三板斧
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+GitHub是程序届人尽皆知的代码开源平台。
+在这里，每天有无数个新项目产生，有数亿行代码被提交。那么如何从海量的项目中大浪淘沙，快速发现那些优秀的或者极具潜力的开源项目呢？
+
+![](https://pic.yupi.icu/5563/202311091033974.png)
+
+最简单常用的方法，直接在GitHub搜索项目，然后排序和数星星，star数越多，表示项目越受欢迎，通常也越优秀。
+
+![](https://pic.yupi.icu/5563/202311091033724.png)
+
+对于技术爱好者或者技术推荐博主来说，当然希望能够随时了解GitHub上的优秀项目和那些有潜力的项目，而不需要靠自己输入关键词来获取。
+
+![](https://pic.yupi.icu/5563/202311091033689.jpeg)
+
+下面送给大家一把三板斧，助你快速发现优秀开源的项目！
+
+**1. GitHub Trending
+**
+
+GitHub官方提供的项目趋势统计，能够看到一段时间内项目和开发者新增star数的排行。还支持选择语言、编程语言及时间范围。**适于发现最新的有潜力的项目。**
+
+地址：https://github.com/trending
+
+![](https://pic.yupi.icu/5563/202311091033758.png)
+
+
+
+> 查看今日项目新增star数排行
+
+
+
+**2. Gitstar Ranking**
+
+非官方的GitHub排行榜，按照star数进行排序，支持个人、组织和项目排行。**能够发现成熟又活跃的优秀项目**。
+
+地址：https://gitstar-ranking.com/
+
+![](https://pic.yupi.icu/5563/202311091033737.png)
+
+
+
+> 查看个人、组织和项目排行
+
+
+
+**3. Awesome Topic**
+
+Awesome项目是指由社区同学共同贡献而成的项目，包含了某一技术的完整生态（如优秀开源项目、类库、工具、知识点）。比如awesome-java（https://github.com/akullpp/awesome-java）、awesome-vue（https://github.com/vuejs/awesome-vue）。建议大家多看awesome项目，学习和查漏补缺都是极好的~
+
+随着Awesome项目越来越多，GitHub成立了 **Awesome Topic** 专区，在专区内，我们可以快速发现各种Awesome项目，进而发现不同编程语言或技术的优秀开源项目。
+
+地址：https://github.com/topics/awesome
+
+![](https://pic.yupi.icu/5563/202311091033729.png)
+
+
+
+> awesome topic
+
+
+
+------
+
+以上就是快速发现优秀开源项目的三板斧，大家可以多关注开源项目，拥抱开源，提升自己的编程水平。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\346\261\207\346\200\273\344\270\200\346\263\242\345\205\215\350\264\271 Python \350\265\204\346\272\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\346\261\207\346\200\273\344\270\200\346\263\242\345\205\215\350\264\271 Python \350\265\204\346\272\220.md"
new file mode 100644
index 0000000..5e07dc6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\346\261\207\346\200\273\344\270\200\346\263\242\345\205\215\350\264\271 Python \350\265\204\346\272\220.md"	
@@ -0,0 +1,154 @@
+# 汇总一波免费 Python 资源
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 收藏就完事了~
+
+从国庆刚放假就开始肝 Python 学习路线，结果今天没搞完，先分享一波学习资源吧（补充了一些我自己的注释），学习路线应该明天发出~
+
+### 视频
+
+#### 零基础
+
+- ⭐ 千锋教育 700 集零基础 Python 教程：https://www.bilibili.com/video/BV1R7411F7JV（非常全面，基础、web 开发、爬虫、数据分析、AI 基础都讲了，例子也很丰富）
+- ⭐ 黑马程序员600集 Python 教程：https://www.bilibili.com/video/BV1ex411x7Em（比较全面，基于 Linux 环境学习，以 Python 基础 + 面向对象为重点，还包含一部分游戏开发）
+- ⭐ Python 全栈开发教程：https://www.bilibili.com/video/BV1wD4y1o7AS（很纯粹的 Python 基础教程，案例多，适合快速入门）
+- 小甲鱼 -《零基础入门学习Python》最新版：https://www.bilibili.com/video/av52080698（可惜，更新到一半就没了。。）
+- 【麻省理工学院-中文字幕版】Python 和计算机科学导论公开课：https://www.bilibili.com/video/BV1ty4y1x7xP（适合外语不错的同学课外看，感受国外教学氛围）
+- 阿里云 python 工程师学习：https://developer.aliyun.com/graph/python（有在线编程体验）
+- 鱼皮公众号【程序员鱼皮】后台回复 Python，也有一套视频课
+
+#### 其他
+
+- Web 开发
+
+- - Python Django 项目实战教程：https://www.bilibili.com/video/BV1pq4y1W7a1
+  - Python + 微信小程序实战开发：https://www.bilibili.com/video/BV1Xy4y1s792（挺完整，后台用的 Django 框架）
+
+- 数据结构与算法
+
+- - Python 数据结构与算法全套 100 节：https://www.bilibili.com/video/BV1uA411N7c5
+  - 【北京大学】数据结构与算法Python版（完整版）：https://www.bilibili.com/video/BV1VC4y1x7uv
+
+- 爬虫
+
+- - 2020 年Python爬虫全套课程（学完可做项目）：https://www.bilibili.com/video/BV1Yh411o7Sz
+  - Python 爬虫编程基础 5 天速成：https://www.bilibili.com/video/BV12E411A7ZQ（很短的爬虫实战入门课）
+
+- 数据分析
+
+- - 自学数据分析课程：https://www.bilibili.com/video/BV1ZM4y1u7uF（很纯粹的数据分析 + 可视化课程，适合办公党快速上手）
+  - 完整数据分析课程：https://www.bilibili.com/video/BV1vV411p7D6（数据分析 + 机器学习，很全面）
+  - Python 数据分析入门视频合集：https://shimowendang.com/docs/36pykCPH6XCjKJcv/read
+
+- 其他
+
+- - 一天搞定人脸识别项目（python+opencv）：https://www.bilibili.com/video/BV1Lq4y1Z7dm
+  - Python 自动化办公：https://www.bilibili.com/video/BV1uv411W7Fi（主要是处理 Excel）
+
+### 书籍
+
+- ⭐《Python编程：从入门到实践》：https://www.code-nav.cn/rd/?rid=cbddf0af6064484f002658102cdbba17
+- 《python学习手册》：https://www.code-nav.cn/rd/?rid=79550af260643c8e0ce47ab84633e200
+- 《笨办法学Python3》：https://www.code-nav.cn/rd/?rid=b00064a760643bb90cbba72836995fd5
+- 《Python编程快速上手》（第2版）：https://book.douban.com/subject/35387685/
+- 《Python Cookbook 中文版》（第3版）：https://book.douban.com/subject/26381341/
+- 《父与子的编程之旅》：https://www.code-nav.cn/rd/?rid=8937eaa9615519680ed81c0e3165ee65
+- ⭐《Python 深度学习》https://www.code-nav.cn/rd/?rid=2d44d6c261624dd31224ed1b5841920c
+- 《Python网络爬虫实战》第2版：https://www.code-nav.cn/rd/?rid=b00064a7606440d40cbc2fca19192e4f
+- 《Python数据科学手册》：https://book.douban.com/subject/27667378/
+- 《利用Python进行数据分析》：https://book.douban.com/subject/25779298/
+- 《轻量级Django》：https://www.code-nav.cn/rd/?rid=28ee4e3e60641fd60d91fd2441418491
+- ⭐ **编程导航 - 超多 Python 书籍直接免费下载** ：https://www.code-nav.cn/topic/Python（选择书籍标签）
+- Python Guide（英文）：https://docs.python-guide.org/
+
+### 文档
+
+- ⭐ Python 入门教程（菜鸟教程）：https://www.runoob.com/python3/python3-tutorial.html（可以在线写代码练习）
+- Python 入门教程（W3Cschool）：https://www.w3cschool.cn/python3/（支持手机阅读）
+- Python 中文学习大本营：http://www.pythondoc.com/（一系列文档教程的集合）
+- Python 100 天：https://github.com/jackfrued/Python-100-Days
+- 廖雪峰 Python 入门教程：https://www.liaoxuefeng.com/wiki/1016959663602400
+- 莫烦 Python 教程：https://mofanpy.com/（包括基础、数据处理、机器学习等，部分内容有视频）
+- Django 官方教程：https://docs.djangoproject.com/zh-hans/3.2/intro/tutorial01/
+- Manim 动画引擎教程：https://docs.manim.org.cn/shaders/
+- A Byte of Python：https://python.swaroopch.com/（Python 英文入门教程）
+- ⭐ 谷歌 Python 代码规范：https://google.github.io/styleguide/pyguide.html
+
+### 实战
+
+- ⭐ 蓝桥云课 Python 实战合集：https://www.lanqiao.cn/courses/?fee=free&tag=Python
+- 腾讯云在线 Python 实验：https://cloud.tencent.com/developer/labs/gallery?tagId=23
+- 阿里云 Python 入门实验：https://developer.aliyun.com/adc/scenario/e04fe73ad95d4782aef7aecca206196e
+- 华为云沙箱实验室：https://lab.huaweicloud.com/testList.html
+- Python123：https://python123.io/index（在线编程，部分课收费）
+- CheckiO 游戏学 Python：https://py.checkio.org/
+- 通过测试交互式学 Python（英文）：https://github.com/gregmalcolm/python_koans
+- 交互式 Python 挑战（英文）：https://github.com/donnemartin/interactive-coding-challenges
+- 通过项目学 Python（英文）：https://github.com/practical-tutorials/project-based-learning#python
+- 通过示例交互式学 Python（英文）：https://github.com/jerry-git/learn-python3
+
+### 代码
+
+- 数据结构和算法 Python 实现：https://github.com/keon/algorithms
+- 《剑指 Offer》算法面试题 Python 实现：https://github.com/JushuangQiao/Python-Offer
+- 设计模式 Python 实现：http://www.pythontip.com/python-patterns/detail/abstract_factory
+- Python Machine Learning 代码：https://github.com/rasbt/python-machine-learning-book-3rd-edition
+- Python 小脚本：https://github.com/RealHacker/python-gems
+
+### 合集
+
+- ⭐ GitHub Python 专区：https://github.com/topics/python
+- 神经网络和深度学习相关框架：https://github.com/ChristosChristofidis/awesome-deep-learning
+- 机器学习相关库：https://github.com/josephmisiti/awesome-machine-learning#python
+- 开源 Python 应用程序大全：https://github.com/mahmoud/awesome-python-applications
+- Python 类库大全：https://github.com/vinta/awesome-python
+- Python 类库大全（中文版）：https://github.com/jobbole/awesome-python-cn
+- Python 异步大全：https://github.com/timofurrer/awesome-asyncio
+- jupyter 相关：https://github.com/markusschanta/awesome-jupyter
+- Python 书单：https://github.com/Junnplus/awesome-python-books
+- Python 书单（中文版）：https://github.com/jobbole/awesome-python-books
+- StackOverflow Python 专区：https://stackoverflow.com/questions/tagged/python（解决问题必备）
+- ⭐ 掘金 Python 专区：https://juejin.cn/tag/Python（看技术文章）
+
+### 社区
+
+- ⭐ PythonTab：https://www.pythontab.com/（中文 Python 开发者社区）
+- Learnku Python 技术论坛：https://learnku.com/python
+- 开源中国：https://www.oschina.net/（综合的开源社区）
+
+### 工具
+
+- ⭐ Python 在线编程（菜鸟教程）：https://c.runoob.com/compile/6/
+- 腾讯云 Python 在线手册：https://cloud.tencent.com/developer/devdocs
+- Python 在线手册汇总：https://docs.pythontab.com/
+
+### 面试题
+
+- ⭐ 牛客 Python 专项练习：https://www.nowcoder.com/intelligentTest
+- 牛客 Python 试题：https://www.nowcoder.com/search?query=python&type=question
+- 牛客机器学习面试题：https://www.nowcoder.com/search?type=question&query=%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0
+- 牛客机器学习笔试：https://www.nowcoder.com/search?type=paper&query=%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0
+- Python 面试题整理：https://github.com/taizilongxu/interview_python（高星）
+- Python 面试题整理：https://github.com/kenwoodjw/python_interview_question
+- 机器学习面试题：https://geektutu.com/post/qa-ml.html
+
+### 其他
+
+- ⭐ Python 常见问题：https://docs.python.org/zh-cn/3/faq/general.html（官方提供的 ）
+
+- GitHub Python 趋势：https://github.com/trending/python
+
+- Python 模块推荐：https://pymotw.com/3/
+
+- Python 练习册：https://github.com/Yixiaohan/show-me-the-code（一些 Python 练习题目）
+
+  
+
+------
+
+我是鱼皮，最后求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311091029989.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\250\213\345\272\217\345\221\230\345\246\202\344\275\225\350\265\232\351\222\261\347\232\204\345\260\217\344\271\246.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\250\213\345\272\217\345\221\230\345\246\202\344\275\225\350\265\232\351\222\261\347\232\204\345\260\217\344\271\246.md"
new file mode 100644
index 0000000..f2f686c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\250\213\345\272\217\345\221\230\345\246\202\344\275\225\350\265\232\351\222\261\347\232\204\345\260\217\344\271\246.md"
@@ -0,0 +1,47 @@
+# 程序员如何赚钱的小书
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+GitHub 上真是无奇不有，今天，鱼皮发现了一个**教程序员如何轻松赚更多钱**的教程项目。
+
+这份教程不同于其他的理财、生财宝典，它是根据程序员的特点，**专门为程序员定制的赚钱指南**。
+
+![](https://pic.yupi.icu/5563/202311091029884.jpeg)
+
+**程序员有哪些特点呢？**
+
+1. 大部分的程序员工作都是非常繁忙劳累的，比如 996、007。因此他们空闲的时间很少。
+
+2. 程序员的薪资通常比较高，即使常年加班，他们也不愿意放弃这份主业。
+
+3. 程序员需要经常阅读和编写技术文档，在工作中积累一定经验后，能够顺水推舟地分享和创作知识。
+
+4. 程序员有着技术优势，能够创造一些软件程序，并通过互联网进行传播，提升自己的影响力。
+
+时间对程序员是宝贵的，程序员平时上班已经很累了，基本没有多少自己的空闲时间。
+
+![](https://pic.yupi.icu/5563/202311091029073.png)
+
+因此，我们的目标是，**不仅要挣钱，还要挣得轻松，不能比上班还累**。
+
+这就需要我们认清自己的核心资源，对赚钱之路进行合理的规划，并且讲究方式和方法。关键因素是**「时间片的优化」**，即提升自己**单位时间的收益和效率**。
+
+在这份教程中，作者首先清晰生动地讲解了程序员如何提高自己单位时间的收益和效率，带给大家启发。然后总结了几种常见的赚钱方式，比如付费课程、付费专栏、付费社群、出版书籍、开发插件和应用等，并且分析了每种方式的特点。
+
+**完整的教程思维导图如下：**
+
+
+
+![](https://pic.yupi.icu/5563/202311091029919.jpeg)
+
+
+
+> 教程完全公开免费，可以**点击下方阅读原文**查看。
+
+------
+
+最后，鱼皮建议，对程序员来说，可以多写技术分享文章，打造自己的个人专栏；或者潜心钻研技术，开发牛逼的框架工具，造福更多程序员。这两种方式不仅能够提升自己的**技术能力**，还能提高**个人影响力**，而这两点正是程序员职业发展中不可或缺的。再顺便赚点零花钱，一箭三雕，岂不美哉！
+
+![](https://pic.yupi.icu/5563/202311091029893.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\274\226\347\250\213\345\257\274\350\210\252\345\205\215\350\264\271\345\255\246\344\271\240\350\265\204\346\272\220\346\261\207\346\200\273.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\274\226\347\250\213\345\257\274\350\210\252\345\205\215\350\264\271\345\255\246\344\271\240\350\265\204\346\272\220\346\261\207\346\200\273.md"
new file mode 100644
index 0000000..5101c91
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\255\246\344\271\240\350\265\204\346\272\220/\347\274\226\347\250\213\345\257\274\350\210\252\345\205\215\350\264\271\345\255\246\344\271\240\350\265\204\346\272\220\346\261\207\346\200\273.md"
@@ -0,0 +1,156 @@
+# 编程导航免费学习资源汇总
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+不知不觉，编程导航已经给大家推荐了那么多优质编程资源了，做一个整理~
+
+感谢维护编程导航的朋友们！
+
+月饼、本凯西、咸鱼卿、鱼皮。。。
+
+**当然，更感谢支持编程导航的大家！**
+
+下面对资源进行了分类整理。
+
+#### 编程导航进化史
+
+[编程导航诞生！轻松发现优质编程资源](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483737&idx=1&sn=142847b292c06e40f58488cd52eef499&chksm=ce485f22f93fd634ca915f789bf865bcd964cf5f6222cf80291d80c413a0619234746bccd32c&scene=21#wechat_redirect)
+
+[爆肝！朋友做了个编程导航网站！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484304&idx=2&sn=46557a0ca488cfe3b0848ebf3602a04d&chksm=ce485debf93fd4fd0cb08da5ce6db3547020778b40214d3f1d6115339c897c62c96de2432d6b&scene=21#wechat_redirect)
+
+[给爸爸们汇报几件事！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484561&idx=1&sn=df9d06d7e4a76fbe44be7dba6a1009ee&chksm=ce485aeaf93fd3fcfc90d488ddbad1cf2564d915135ca19ae17ca3372ecd0c6721be187f581a&scene=21#wechat_redirect)
+
+[假期结束，编程导航带着新功能来啦！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484831&idx=1&sn=5e095bf053cfcd7c3dbd106b4960ef9b&chksm=ce485be4f93fd2f24c107489ccb1176621f34be6b2c0a6e988417f6094460e6bd9c2d1342797&scene=21#wechat_redirect)
+
+#### 综合学习
+
+[高效交互式在线编程学习](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483940&idx=1&sn=3f5d3e5ec5f210e70afaeceec4b3e22a&chksm=ce485c5ff93fd549164d8809112698f4147d80fd94bd6798532b9dee5e7b2df1d2d7085d0fca&scene=21#wechat_redirect)
+
+#### 前端
+
+[轻松学习 Flex 布局的小游戏](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483761&idx=1&sn=613cdbb481b1bc4db9acede93e8e0473&chksm=ce485f0af93fd61ca11421e89356608194e3e9c6a89a9d0cf5233e4bd266df3a8d43f73e042a&scene=21#wechat_redirect)
+
+[超级棒的免费前端学习路线](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483773&idx=1&sn=545648e9b8a1fc5dfbf547356e422437&chksm=ce485f06f93fd61001e6aea9dfdcfe5c3044406ff49e81d42f39f2f0fe85832537fbfc57ef5b&scene=21#wechat_redirect)
+
+[入门编程 & 自学前端必备网站！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483805&idx=1&sn=84751162193f1b5f413f11847779a81a&chksm=ce485fe6f93fd6f0730f4e7e63f19bf55894a4929697b8c28a72458ec87f1a12f4f120ec3759&scene=21#wechat_redirect)
+
+[刷新你对 JavaScript 认识的问题合集！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483879&idx=1&sn=7b5e7a41d009f89ecd80e5624542da8d&chksm=ce485f9cf93fd68a43c1fb7454856096052793d87111a5747bcebe71cdc15d5bdbabadc15f88&scene=21#wechat_redirect)
+
+[前端开发必备图标库](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483955&idx=1&sn=d91f059e4153880d1daf2939c43c708b&chksm=ce485c48f93fd55e1cb8d244701e101aac1470c4b44a3d53b3d054bdc8ef877cf761314c8ce1&scene=21#wechat_redirect)
+
+[前端开发必备的类库提速神器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483956&idx=1&sn=5182daacca257abe27d3e901e0eae4e6&chksm=ce485c4ff93fd5595603c71f2bea6a97beb957a9eb26fe5421a4a16109c3c88abd3024beaffe&scene=21#wechat_redirect)
+
+[前端页面布局学习神器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484123&idx=1&sn=89b54cd07f552bfe938f3568875abea2&chksm=ce485ca0f93fd5b68387da99bb45f9c5ac8d6693feecd082d1c2e652832feb31120098761c2c&scene=21#wechat_redirect)
+
+[三个网站玩转 Grid 布局](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484138&idx=1&sn=4a7f1767348135ca3567438bf00f18ee&chksm=ce485c91f93fd5878931dacc9faf64a67cdf8c9d0c57d5b057584bd1f7f40b271ea5c43b6e27&scene=21#wechat_redirect)
+
+[统一网站的风格，别让浏览器任性](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484166&idx=1&sn=071e3d013d93d650d7d49cc694c4eaa1&chksm=ce485d7df93fd46bf8de84909aad26bd03110c72e93a0e3b89c4d20a5ee0d91d40f7bfb5d2bc&scene=21#wechat_redirect)
+
+[一个由设计稿智能生成代码的神器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484176&idx=1&sn=729fcf3b7c3e6cdd8447291afa93cb73&chksm=ce485d6bf93fd47dc6ad665939ac5dbc30704ecc06b6565c7ddc44d3a8672255c7a581e838f5&scene=21#wechat_redirect)
+
+[这套前端可视化框架，让数据栩栩如生！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484198&idx=1&sn=aadacc0652c30a14a075e1bf8af0900c&chksm=ce485d5df93fd44ba33941140576e5874765a42bff225b3d7e7eb06b149f83c82cf6f9d43b2b&scene=21#wechat_redirect)
+
+[前端技术选型最佳神器！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484346&idx=1&sn=dd9faefa94872b631364ff3a2528a935&chksm=ce485dc1f93fd4d7f79ada30cf9e800fda26fd5128550d431252a277be7ee472ce2bc718e1c5&scene=21#wechat_redirect)
+
+[一个炫酷的字体库](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484357&idx=1&sn=4e100dbe5f37eb097b042dd3b875b0de&chksm=ce485dbef93fd4a8c21fdee39415175066398b3d6dc499a8829dd5eb6956cfbed32377efbc7a&scene=21#wechat_redirect)
+
+[带你登峰造极的面试题宝库！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484527&idx=1&sn=d57f493db1a93dbc2f6b8deba59d8440&chksm=ce485a14f93fd30219ef4c075b9ce212e670b688ad732b3f3af5965f07917f75d389580d5afc&scene=21#wechat_redirect)
+
+[可能是最强大的 CSS 动画库！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484542&idx=1&sn=d06119b5a90263b9fa9e660f800f8d96&chksm=ce485a05f93fd313d943e089af87a5092efba343d44955ec313ff1fc07a697af1c669aacc349&scene=21#wechat_redirect)
+
+[有点儿皮的页面滚动效果库](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484599&idx=1&sn=30009814b608578ff246c6b6056500b9&chksm=ce485accf93fd3dad8f9a978920780f279d3ae09624d66c8e272e53789b2cae2cf56a0a0f7c6&scene=21#wechat_redirect)
+
+[脑洞真大！这个库帮你做汉堡？](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484629&idx=1&sn=8b408bdf596174238c2563a623a841fc&chksm=ce485aaef93fd3b89fa94b71d0d5029dc6ed0e2e2420bf3febb0dcdc7ac16aafd462e0ea8b6f&scene=21#wechat_redirect)
+
+[一分钟！不写代码！给网站添加统计分析](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484670&idx=1&sn=8444d591c2ef8abd0148b83e2db175b2&chksm=ce485a85f93fd3930d3dd88722e58052a56f9c83bff5fefa10db635e3f49780be08beb4a2d81&scene=21#wechat_redirect)
+
+[大厂出品免费图标资源站](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484730&idx=1&sn=cea7fe02acb19f54ac3cb9392bb9ecc4&chksm=ce485b41f93fd25728ae7d3cc76e667b1a8b9e78a6d912a3313c84c90ce39e818c8567961b54&scene=21#wechat_redirect)
+
+[这份 JS 在线教程，登峰造极境！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484794&idx=1&sn=eaa39aa018c8fe49d6b0b8b8974197d0&chksm=ce485b01f93fd2175a253d58fe8e31a8796e6af2e8e01f263466e860570c255602093a08c990&scene=21#wechat_redirect)
+
+#### Java
+
+[超有趣的 Java 自学网站！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483795&idx=1&sn=e897409037744a023d2f4b8693c4c43c&chksm=ce485fe8f93fd6fed029d6f9716a3687d2f4547586b2756afa52a6f5ccad003225516d1413cf&scene=21#wechat_redirect)
+
+[绝了！小说建站项目完整开源](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484773&idx=1&sn=de7f697db9613ba1784bf665d72ab1c6&chksm=ce485b1ef93fd208bfd3aebe56d7a1236532f307971604fc42d4d272ad2ead8f248520d70c0a&scene=21#wechat_redirect)
+
+[万能文件在线预览项目，开源！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484887&idx=1&sn=2f31c9cd7e732c2a9f81b968d6c108f1&chksm=ce485bacf93fd2ba7497eec2be708aa4e13b89addd4da8a047e7024a586450e246f32af955bf&scene=21#wechat_redirect)
+
+#### 后端
+
+[轻松搞定 Nginx 配置代码的神器！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484369&idx=1&sn=da9d7ee4a589cfab9eb7ab0f629f3211&chksm=ce485daaf93fd4bc3ec63a164603921e20c91e31410b7e0fec73b69fb57d15f90ba121af8f5e&scene=21#wechat_redirect)
+
+[用这开源小书学 Docker，香！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247485084&idx=1&sn=b8b1a2468424127f3f4c0d6302f93ae9&chksm=ce4858e7f93fd1f13fb9f9de2ac00396d32ffd30047714a2d4377a84c5f33c15801a6556cbaf&scene=21#wechat_redirect)
+
+#### 数据库
+
+[连续霸榜！用 Git 操作的数据库火了！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484108&idx=1&sn=096c6d94cda00471aaad065306ae0782&chksm=ce485cb7f93fd5a1a78791473aef23d08f501dbe9fee51201d483cf48cf89170b5ba88831410&scene=21#wechat_redirect)
+
+#### Git
+
+[猴子都能懂的 GIT 入门](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483783&idx=1&sn=5226559521b3090958f93e33cbdf0a9c&chksm=ce485ffcf93fd6ea8724a2e77f51a47b1e320ea21a6bc8954ba69086bae85e7ad05176104020&scene=21#wechat_redirect)
+
+[这本免费小书，带你征服 GitHub！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484264&idx=1&sn=a757c130b5122153ec98f8d9e74835d3&chksm=ce485d13f93fd40543bda831c28ac48854177e4fd45d42779ceb2729cf7f942e34ffcf6da180&scene=21#wechat_redirect)
+
+[欢迎来到开源的世界！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247485198&idx=1&sn=4271686d6da21c6894bf99ca9dc36ed0&chksm=ce485975f93fd0639fd20545588f22d448a68c750c07226056cc7fe1de1125fc657c99fcc5b8&scene=21#wechat_redirect)
+
+#### Go
+
+[愉快地学习 Go 语言？来场 Go 之旅吧！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484247&idx=1&sn=aea6729b49a748107cca1869cde99d3d&chksm=ce485d2cf93fd43a28fe5ce52e7b8c51a45723d75809bab5bb89173ac8a6de6b459d851b1326&scene=21#wechat_redirect)
+
+#### 算法
+
+[打怪升级，在线练习编程的神器！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483820&idx=1&sn=4ad8783f643ec3585416c6d3f27ddd8b&chksm=ce485fd7f93fd6c1e821c8684e9f300afbf74b3253be622ff029816932f6f1644feb3f803103&scene=21#wechat_redirect)
+
+[图解算法，yyds！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247485117&idx=1&sn=89d5b5824393ef02ade24ad8c2bd26fc&chksm=ce4858c6f93fd1d018e5bd9fcc08ad3822e7039c64110c6663ecef80b4e4de67347c78479806&scene=21#wechat_redirect)
+
+#### 找项目
+
+[帮你快速发现优秀开源项目的神器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483754&idx=1&sn=2b3da1fc2a410332bfc93a49ba13bfa3&chksm=ce485f11f93fd607366517f27ee548c496e8d339f6daab80c6372314ea0327a5cbec3f1fb9af&scene=21#wechat_redirect)
+
+[你还在为找不到好的开源项目而发愁嘛？](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483921&idx=1&sn=0aa5490f874e239603a3d21f7b7b9f8b&chksm=ce485c6af93fd57c8a9241cd42a63ca788e9de92079a7d7219c57f5c977ddc6d3af09204b6bf&scene=21#wechat_redirect)
+
+[带你探秘技术界的领英](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484075&idx=1&sn=ce017a792257ec58cea895d23a3278dc&chksm=ce485cd0f93fd5c63cef76d59e823f8f16e5f5409013d7a2cdcd240422014cbaaf0a033fa0e1&scene=21#wechat_redirect)
+
+[帮你网罗优质学习资源](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484136&idx=1&sn=f07f656a0d2d48e4cc6baba25fc5e4d2&chksm=ce485c93f93fd5851dccd2132c0537d72eca3488ba0845a0b57360419ed105f63a0be0a05499&scene=21#wechat_redirect)
+
+[这狗网站，教大家仿 100 多个知名网站！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484848&idx=1&sn=db8a2d1f9d2c13f263ddbd0dcafa9175&chksm=ce485bcbf93fd2ddc3b4510a771c12742bdc6ac98393d9a9cf967a6b2242618c2ae95e4fa179&scene=21#wechat_redirect)
+
+#### 物联网
+
+[一款专业而且易用的物联网解决方案](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484074&idx=1&sn=c8aa27e7bdbfa491a64451e144565ca3&chksm=ce485cd1f93fd5c76f7d96f7b2bd8e48bba36f09f3154c912d2969dc11868791f17ea41fb776&scene=21#wechat_redirect)
+
+[适合小白的物联网开发平台](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484165&idx=1&sn=458477017d2b3484628ed726f45cc7a4&chksm=ce485d7ef93fd468742627f082263ade8943fc5ff9885e5759d699b5c43de90297af2b7fa2c7&scene=21#wechat_redirect)
+
+[一款好用且专业的 MQTT 服务器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484304&idx=1&sn=ad65f94ee6a7ff9dfbbef142712b0cb4&chksm=ce485debf93fd4fda124ef7b377d1a77aab342a331ded823b99abf691d206867ba39daec1e11&scene=21#wechat_redirect)
+
+[适合小白入坑的物联网教程](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484255&idx=1&sn=86d24faae134470746ceb91d5ce70442&chksm=ce485d24f93fd432a1a0b611d62ce58b1c881aad018171ff1cc2cfe88795a87c0ec7ab4f20d3&scene=21#wechat_redirect)
+
+#### 工具
+
+[百度，牛逼！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247485101&idx=1&sn=ced9577d526ee20198b79051b1d66c6d&chksm=ce4858d6f93fd1c0dac1ae42e49c134abea16ec853925760b3c60ffe008741427567e9444e9a&scene=21#wechat_redirect)
+
+#### 其他
+
+[可视化源码阅读神器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483957&idx=1&sn=691d6555580ee0fffd91dee6833bae87&chksm=ce485c4ef93fd558bc2702035e9f97eee3823f85f001e44e5fb8aee621d9e69c9412e6f5fa0c&scene=21#wechat_redirect)
+
+[一个快速、简洁且高效的博客神器](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247483958&idx=1&sn=5fc414da6c0515f23e1d4c36ce43a6b1&chksm=ce485c4df93fd55b15d02c3224ecb2ff35d46e241aeb3088b0e5b338028d591a58a37e5e8a4f&scene=21#wechat_redirect)
+
+[一个神奇的文档网站生成工具](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484124&idx=1&sn=2c5a57b8046932035b77b2633c3c4753&chksm=ce485ca7f93fd5b191f7bbb3784cdbfc549924fda88d56710325d18de4b4e3dd9232c90f2593&scene=21#wechat_redirect)
+
+[正则表达式学习神器！](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484426&idx=1&sn=d2f58c2636f00e87ff3dde1665289bc6&chksm=ce485a71f93fd3676d36d50c2511a382254f47d28755bb55ba376101d8fe63123c06da6748d7&scene=21#wechat_redirect)
+
+[简洁高效的编程命令速查表，来了！
+](http://mp.weixin.qq.com/s?__biz=Mzg2NjU1MjU5Ng==&mid=2247484866&idx=1&sn=6970c2d3c895044ec19eb44b9e19195c&chksm=ce485bb9f93fd2afe1d8e48ddc8d859804cbdac9c29401a7ec0b92633ad340a83f2a90c2e63b&scene=21#wechat_redirect)
+
+
+
+------
+
+
+
+再次感谢朋友们，如果觉得编程导航还不错，欢迎分享给身边的朋友们，帮助到更多同学！❤️
+
+点击下方公众号的菜单可一键登录编程导航网：
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/3\345\210\206\351\222\237\357\274\214\347\273\231\345\245\263\346\234\213\345\217\213\345\201\232\344\270\252\344\272\221\347\254\224\350\256\260\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/3\345\210\206\351\222\237\357\274\214\347\273\231\345\245\263\346\234\213\345\217\213\345\201\232\344\270\252\344\272\221\347\254\224\350\256\260\357\274\201.md"
new file mode 100644
index 0000000..4e01e19
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/3\345\210\206\351\222\237\357\274\214\347\273\231\345\245\263\346\234\213\345\217\213\345\201\232\344\270\252\344\272\221\347\254\224\350\256\260\357\274\201.md"
@@ -0,0 +1,213 @@
+# 3分钟，给女朋友做个云笔记！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，上期给大家分享了 [6个开源笔记软件](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247503596&idx=2&sn=1c2f4d1b16631e9a5036e7b7774cfa59&chksm=e9c2291bdeb5a00d680292395cd4e6d1c91ad30d2ae55f7295a77b5cd1ac38e9b6debf905fa6&scene=21#wechat_redirect) ，并且让大家一起给这些软件打分。
+
+结果得分最高的是 Leanote 云笔记，该项目在 GitHub 有上万个 star，先看一下效果：
+
+![](https://pic.yupi.icu/5563/202311090919781.png)
+
+有了这个私有云笔记，你可以随时随地记录和分享内容，非常方便。
+
+所以今天就手把手带大家搭建一下，整个过程非常简单，快的话 3 分钟就能完成，不需要什么专业知识，感兴趣的朋友可以跟着实践。
+
+> 视频教程：https://www.bilibili.com/video/BV1134y1R72i/
+
+## 搭建云笔记
+
+### 0. 准备工作
+
+首先打开 Leanote 项目（https://github.com/leanote/leanote），从项目介绍文件中找到安装文档。
+
+支持多种操作系统，有 Linux 服务器的同学可以直接装到服务器上，可以保证项目的 24 小时持续运行；没有的同学也可以直接在自己的电脑上安装。
+
+支持安装包和源码安装两种方式，建议大家选择前者：
+
+![](https://pic.yupi.icu/5563/202311090919750.png)
+
+> 安装文档
+
+下面我主要演示在 Linux 服务器上的安装方式。
+
+### 1. 下载项目
+
+可以自行在安装文档中找到不同版本安装包的下载地址，然后手动下载到自己的电脑上，再传到服务器上。
+
+当然，更简单的方式是，直接在服务器上使用 `wget` 命令下载安装包：
+
+```
+wget https://udomain.dl.sourceforge.net/project/leanote-bin/2.6.1/leanote-linux-amd64-v2.6.1.bin.tar.gz \
+--no-check-certificate
+```
+
+记得在命令后加上 `--no-check-certificate` 选项，否则可能无法下载。
+
+下载过程如图：
+
+![](https://pic.yupi.icu/5563/202311090919811.png)
+
+下载安装包成功后，使用 `tar` 命令解压即可：
+
+```
+tar -zxvf \
+leanote-linux-amd64-v2.6.1.bin.tar.gz
+```
+
+然后使用 `ls` 命令，就能看到解压出的项目目录了：
+
+![](https://pic.yupi.icu/5563/202311090919747.png)
+
+### 2. 启动数据库
+
+由于项目使用 `Mongodb` 数据库去存储笔记资源，所以下面要安装它。
+
+#### 2.1 安装数据库
+
+首先依然使用 wget 命令快速下载 Mongodb 安装包到自己的服务器（电脑）上：
+
+```
+wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.0.1.tgz
+```
+
+然后解压：
+
+```
+tar -xzvf \
+mongodb-linux-x86_64-3.0.1.tgz
+```
+
+使用 ls 命令，能看到解压出的 mongodb 目录：
+
+![](https://pic.yupi.icu/5563/202311090919744.png)
+
+接下来，要使用命令来启动数据库服务，但命令文件的位置在 mongodb 目录中，每次必须进入该目录才能执行，非常麻烦！
+
+因此，可以修改 `/etc/profile` 文件，给 mongodb 命令配置环境变量：
+
+```
+# 修改环境配置文件
+sudo vim /etc/profile
+```
+
+进入文本编辑器后，按方向键或者直接 `shift + g` 到达文件底部，再按 `o` 键新增一行，将你的 mongodb 位置补充到环境变量中：
+
+```
+export PATH=$PATH:$HOME/mongodb-linux-x86_64-3.0.1/bin
+```
+
+如图：
+
+![](https://pic.yupi.icu/5563/202311090919732.png)
+
+> 新增环境变量
+
+然后按 `esc` 键，再输入 `:wq` ，回车即可保存并退出编辑器：
+
+![](https://pic.yupi.icu/5563/202311090919517.png)
+
+> 退出编辑器
+
+然后用 `source` 命令激活配置：
+
+```
+source /etc/profile
+```
+
+#### 2.2 测试
+
+接下来，在当前目录下新建 `data` 目录，用于存储数据文件：
+
+```
+mkdir data
+```
+
+使用 ls 命令查看新增的目录：
+
+![](https://pic.yupi.icu/5563/202311090919545.png)
+
+然后用 `mongod` 命令启动数据库，指定 data 目录为数据文件存放目录，记得加个 `$` 符号，表示后台启动数据库：
+
+```
+mongod --dbpath data &
+```
+
+可以看到一大堆的启动信息：
+
+![](https://pic.yupi.icu/5563/202311090919626.png)
+
+> 启动数据库
+
+然后输入 `mongo` 命令，连接已启动的数据库：
+
+```
+mongo
+```
+
+可以输入 `show dbs` 查看数据文件占用空间：
+
+![](https://pic.yupi.icu/5563/202311090919585.png)
+
+### 3. 导入数据
+
+接下来要将 Leanote 应用的初始数据导入到数据库中，比如初始账号的名称、密码等。
+
+使用 `mongorestore` 命令，-h 参数指定连接本地数据库，-d 指定数据库名称，--dir 指定要导入的数据文件：
+
+```
+mongorestore -h localhost \
+-d leanote \
+--dir leanote/mongodb_backup/leanote_install_data/
+```
+
+导入成功后，再使用 mongo 命令连接数据库，可以看到已导入的集合和数据：
+
+![](https://pic.yupi.icu/5563/202311090919672.png)
+
+> 已导入的数据
+
+### 4. 修改配置
+
+接下来，你可以修改应用的配置，比如启动的端口号、域名、安全秘钥等。
+
+使用 vim 命令编辑 `${你的leanote路径}/conf/app.conf` 文件即可：
+
+![](https://pic.yupi.icu/5563/202311090919709.png)
+
+> 配置文件
+
+如果没特殊需求，这一步可以直接跳过。
+
+### 5. 启动应用
+
+最后，进入项目的 bin 目录，执行启动脚本即可：
+
+```
+# 切换目录
+cd leanote/bin
+# 后台执行启动脚本
+bash run.sh &
+```
+
+看到一大堆输出，不用理会它：
+
+![](https://pic.yupi.icu/5563/202311090919317.png)
+
+至此，项目已成功启动，在浏览器中输入 `http://${你的服务器地址或 localhost}:9000` 就能访问云笔记啦，好好探索一番吧！
+
+如果无法访问应用：
+
+1. 请使用 `netstat -ntlp` 命令检查是否已有其他应用占用 `9000` 端口。如果该端口已经被占用，可以在上一步中修改配置文件中的端口号，再重新启动。
+
+2. 请在进入服务器提供商的控制台，在防火墙中开放 9000 端口
+
+   
+
+------
+
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311090919300.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/Java \347\210\254\350\231\253\345\272\223\346\216\250\350\215\220.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/Java \347\210\254\350\231\253\345\272\223\346\216\250\350\215\220.md"
new file mode 100644
index 0000000..6b7e4af
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/Java \347\210\254\350\231\253\345\272\223\346\216\250\350\215\220.md"	
@@ -0,0 +1,108 @@
+# Java 爬虫库推荐
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 有些技术，不能乱用！
+
+大家好，我是鱼皮，今天分享点轻松的小技术知识~
+
+提到 “程序员” 和 “局子”，你会联想到什么呢？
+
+我首先想到的就是黑客，每年都有那么一批 “有志之士”，利用自己的技术去攻击别人的电脑、违反网络安全。
+
+这不，最近我也被人盯上了，几个网站全部被大规模的 DDOS 攻击了。我把头发耗光了都没想明白，明明我这几个网站又不盈利，您攻击我干嘛呢？
+
+![](https://pic.yupi.icu/5563/202311090920220.png)
+
+哎，不过怎么说呢，毕竟现在攻击别人网站的成本实在是太低了，网上很多现成的软件和代码，直接下载下来，输入目标，点下按钮，指哪打哪！
+
+然后，搞不好你就进局子了。
+
+![](https://pic.yupi.icu/5563/202311090920237.png)
+
+除了黑客外，我第二个想到的就是爬虫，简单的说就是从网站上抓取数据，比如从表情包网站抓取图片。
+
+俗话说的好，爬虫学的好，局子进的早。
+
+爬虫虽然不像黑客攻击那样直接，但同样会对网站和企业造成威胁。比如爬虫的频率过高，可能影响网站的正常运营；爬虫的范围太大，可能会侵犯原网站的权益；非法爬取数据，可能会侵犯用户的隐私。
+
+![](https://pic.yupi.icu/5563/202311090920213.png)
+
+虽然使用爬虫可能有风险，但对于程序员来说，我们最好都去学习下爬虫。一方面是爬虫这种技术它的应用场景太多了，是获取数据必备的神技；另一方面只有你了解一项技术，才能更好地防范它。
+
+如今实现爬虫也非常简单，基本什么编程语言都有现成的爬虫框架和类库，今天我就给大家分享一个超级无敌简单易用的 Java 爬虫库 —— `jsoup` 。
+
+> 友情提示，适度爬虫益脑，过度爬虫伤身，请将技术用到正道！
+
+### jsoup
+
+#### 介绍
+
+Java 爬虫库有很多，比如 crawler4j 等，但鱼皮独爱 jsoup，因为它用起来真的是太简单方便了！基本可以满足大部分简单的爬虫需求。
+
+说是爬虫库，其实 jsoup 本质上是一款 Java 的 HTML 解析器，作用是从一段网页代码中提取出自己想要的片段。而这，正是爬虫中不可或缺的一步。
+
+举个例子，假如我们要从一篇文章中得到作者的姓名，完整的网页代码可能是这样的：
+
+```
+<title>文章页</title>
+<body>
+  <h1>文章标题</h1>
+  <div>作者姓名</div>
+  <p>文章内容。。。</p>
+</body>
+```
+
+那怎么从中取出作者姓名呢？
+
+最直接的方式就是，用正则表达式匹配字符串，找到被 "\<div\>" 包裹的内容。
+
+但那样太麻烦了，网页的内容灵活多变，有多少同学能写出符合要求的正则表达式呢？
+
+因此，一般我们都会用到网页解析库，像 jsoup，支持使用类似前端 CSS 选择器的语法来解析和提取网页内容。
+
+#### 使用
+
+它的用法真的很简单，直接打开 jsoup 官网，引入它。
+
+然后只需 1 行代码，就能向网站发送请求，从而获取到页面内容：
+
+```
+Document doc = Jsoup
+    .connect("https://yupi.icu")
+    .get();
+```
+
+jsoup 会自动将网页内容封装到 Document 对象中，接下来，我们要取什么内容都很方便了：
+
+```
+// 取网页标题
+String title = doc.title();
+// 用选择器语法取多个网页链接
+Elements lines = doc.select("#box a");
+for (Element line : lines) {
+    // 获取链接标题
+    line.attr("title");
+    // 获取链接 url
+    line.absUrl("href");
+}
+```
+
+此外，jsoup 还有处理网页数据的功能，也很简单，跟着官方文档提供的示例代码，很轻松就能上手~
+
+![](https://pic.yupi.icu/5563/202311090920316.png)
+
+> jsoup 官网
+
+当然，jsoup 最主要的用途还是解析文档，真正的爬虫场景，往往没那么简单，感兴趣的朋友也可以去学学分布式爬虫框架、模拟登录、IP 代理池、无头浏览器、反爬、逆向等技术。
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311090920259.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\205\215\350\264\271\343\200\201\344\270\215\346\200\225\346\211\223\347\232\204\350\257\204\350\256\272\346\217\222\344\273\266\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\205\215\350\264\271\343\200\201\344\270\215\346\200\225\346\211\223\347\232\204\350\257\204\350\256\272\346\217\222\344\273\266\357\274\201.md"
new file mode 100644
index 0000000..096eefc
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\205\215\350\264\271\343\200\201\344\270\215\346\200\225\346\211\223\347\232\204\350\257\204\350\256\272\346\217\222\344\273\266\357\274\201.md"
@@ -0,0 +1,111 @@
+# 一个免费、不怕打的评论插件！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 快速给网站添加评论功能
+
+大家好，我是鱼皮，前段时间我自己做的网站不是被 DDOS 攻击了么？然后我就即时地给大家分享了一下我是怎么临时 “化解” 这次 DDOS 攻击的。
+
+结果我今天一看，好家伙，这个视频竟然都已经 120 w 播放了！属实让我震惊了。
+
+![](https://pic.yupi.icu/5563/202311090915920.png)
+
+这下好了，之后做任何公开的网站，我都不敢用花钱的服务了，被搞的几率太大了。。。
+
+![](https://pic.yupi.icu/5563/202311090915811.png)
+
+言归正传，最近我打算做一个包含评论功能的网站，大致的需求是允许用户发布评论、浏览评论、修改评论、回复评论等。
+
+要知道，自己实现一个评论功能可并不容易，要考虑的问题非常多，比如：
+
+- 用户输入的合法性，怎么防止恶意输入和频繁提交？
+- 多层级的嵌套回复，库表如何设计？
+- 如何处理点赞状态的前后端变化？
+
+像我虽然给自己的网站写过好几次评论功能了，但是到现在依然觉得十分麻烦，真的不想再自己写了！
+
+此外，如何设计评论系统也是后台开发的一个经典面试题，毕竟包含点赞，可问的点也非常多：
+
+![](https://pic.yupi.icu/5563/202311090915801.png)
+
+好消息是，评论作为一个非常常见的 **通用需求** ，已经有非常多现成的轮子了。今天就给大家分享一个大厂开源的、免费的评论插件 —— `Gitalk` 。
+
+## Gitalk 评论插件
+
+Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件，目前 GitHub 的 star 数接近 6k。
+
+> 指路：https://github.com/gitalk/gitalk
+
+有了它，只需 **几行代码** 就能让我们轻松地给自己的系统接入评论功能，并且因为评论数据是存储在 GitHub 问题区的，**不需要** 自己准备任何服务器！
+
+先给大家看一下效果：
+
+![](https://pic.yupi.icu/5563/202311090915935.png)
+
+个人感觉非常地干净精简。直接使用 GitHub 登录，就可以发表评论了。
+
+得益于 GitHub 官方的支持，Gitalk 支持用户使用 Markdown 语法来发表评论，尤其适合程序员相关的网站。此外，Gitalk 还支持点赞、多级回复、修改评论、删除评论等，已经能够满足我们大多数的评论需求了：
+
+![](https://pic.yupi.icu/5563/202311090915947.png)
+
+> 支持点赞和多级回复
+
+### 如何使用？
+
+Gitalk 的使用无比简单，进入官方中文文档，就能看到使用说明了。
+
+> 文档指路：https://github.com/gitalk/gitalk/blob/master/readme-cn.md
+
+因为 Gitalk 的数据是存储在 GitHub 的问题区的，所以首先要在 GitHub 上申请一个应用：
+
+> 指路：https://github.com/settings/applications/new
+
+![](https://pic.yupi.icu/5563/202311090915991.png)
+
+> 申请 GitHub 应用
+
+申请应用后，会获得 clientID 和 clientSecret，一定要保存好，等下要用到。
+
+接下来先引入 Gitalk 相关依赖，包括压缩过的 CSS 样式和 JavaScript 脚本文件：
+
+![](https://pic.yupi.icu/5563/202311090917244.png)引入依赖
+
+引入完成后，如果你使用原生 HTML，先创建一个用于装载评论功能的容器（DOM 节点），并且复制一段初始化 Gitalk 的代码即可：
+
+![](https://pic.yupi.icu/5563/202311090916637.png)
+
+上面的这些配置信息分别为：
+
+- clientID：你申请到的 GitHub 应用 id
+- clientSecret：你申请到的 GitHub 应用秘钥
+- repo：GitHub 仓库名，比如 'my-repo'
+- owner：仓库的创建者，比如 'liyupi'
+- admin：仓库的管理员，比如 ['liyupi']
+- id：用于标注评论属于哪个页面，尽量保证每个页面的 id 唯一，否则评论就混在一起啦
+
+如果你的项目用到了 React，也支持直接引入组件：
+
+![](https://pic.yupi.icu/5563/202311090915170.png)
+
+这样就完成啦，最后访问你网站的域名，就能愉快地使用评论插件了~
+
+⚠️ 如果在本地访问，可能会出现以下情况，但线上真实域名的访问是正常的
+
+![](https://pic.yupi.icu/5563/202311090915146.png)
+
+咋样，是不是很方便？
+
+但这个评论插件也有一定的不足：
+
+1. 评论基于 GitHub，国内部分用户可能因为网络原因无法使用
+2. 基于 GitHub 用户体系，不适合自己网站已有用户库的情况
+3. 评论数据存储于 GitHub，很难自己维护
+4. 轮子的通病，越现成的往往越难自己定制和修改
+
+大家还是根据自己的实际情况 **选用** 吧。
+
+我是鱼皮，以上就是本期分享，有帮助的话还请大家 **点赞 + 在看** 支持下 🌹，感谢！
+
+最后多说一句，为了更好地帮助到部分愿意学习和进步的朋友，鱼皮即将正式开放自己的知识星球（付费编程学习圈子），想提前加入的小伙伴可以点击下方 **阅读原文** 了解。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\216\211\345\256\263\347\232\204\345\260\217\345\267\245\345\205\267\357\274\214\345\260\217\351\273\221\345\255\220\351\203\275\345\234\250\347\224\250\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\216\211\345\256\263\347\232\204\345\260\217\345\267\245\345\205\267\357\274\214\345\260\217\351\273\221\345\255\220\351\203\275\345\234\250\347\224\250\357\274\201.md"
new file mode 100644
index 0000000..5846ecc
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\344\270\252\345\216\211\345\256\263\347\232\204\345\260\217\345\267\245\345\205\267\357\274\214\345\260\217\351\273\221\345\255\220\351\203\275\345\234\250\347\224\250\357\274\201.md"
@@ -0,0 +1,80 @@
+大家好，我是鱼皮。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+不知道各位程序员朋友们有没有这样一个烦恼：电脑里的文件太多、代码目录太长，想要切换某个目录时感觉非常麻烦。
+
+比如我自己习惯使用命令行工具，经常要从主目录 `~` 跳到项目代码目录 `~/code/projects/my-project/src/main/java` ，每次都得手打一大长串的目录名。而且我自己通常会同时开发多个项目，有的时候在各项目的目录中跳来跳去，自己都混乱了。。。
+
+![](https://pic.yupi.icu/5563/202311090927916.png)
+
+还好后来，我发现了一个开源的宝藏小工具  `autojump` ，它完美地解决了我的问题！下面就分享给大家~
+
+这个工具已经开源了十年，在 GitHub 上也有近 1.5 万个 star！
+
+> 仓库：https://github.com/wting/autojump
+
+![](https://pic.yupi.icu/5563/202311090927936.png)
+
+这是一款简单易用的命令行工具，可以自动保存你 **已经访问过的** 文件目录，并且支持使用贼简单的命令来快速跳转，不必再费心记住复杂的目录路径啦。
+
+如下图：输入 `autojump t` ，就自动跳转到了我访问过的 `java-test` 目录：
+
+![](https://pic.yupi.icu/5563/202311090927924.png)
+
+首先让我们先跟着官方文档来安装 `autojump` ，它同时支持 Linux、MacOS 和 Windows。
+
+这里我就用 Mac 系统来演示，只需敲一行命令：
+
+![](https://pic.yupi.icu/5563/202311090927912.png)
+
+然后就安装成功了~
+
+autojump 提供了许多实用的命令，其中最常用的是 `j` 命令，也可以称为 “只因” 命令！
+
+> 看来作者在十年前，就是个小黑子！
+
+`j` 命令是 autojump 的简写，可以简化我们的输入。
+
+例如，输入 `j t` 就可以快速跳转到包含 "t" 的目录：
+
+![](https://pic.yupi.icu/5563/202311090927906.png)
+
+输入 `jc s` 就可以快速跳转到当前目录下包含 "s" 的子目录，即 src：
+
+![](https://pic.yupi.icu/5563/202311090927901.png)
+
+更强大的是，autojump 不仅能够快速跳转目录，还支持打开文件管理器来浏览目录！
+
+比如输入 "jo t" 命令即可在文件管理器中浏览包含 "t" 的目录：
+
+![](https://pic.yupi.icu/5563/202311090927589.png)
+
+此外，autojump 还有更多命令，这里不再赘述，大家看官方文档一分钟就会用了。
+
+autojump 工具的实现原理也非常简单，其实就是在一个本地文件中记录了你访问过的所有目录，并且根据访问次数进行排序。在你要跳转目录时，如果有多个目录都包含了你输入的搜索词，那么 autojump 会优先选择访问次数较多的、最常用的目录。
+
+如下图，使用 `j -s` 命令可以查看它记录的内容：
+
+![](https://pic.yupi.icu/5563/202311090927621.png)
+
+感兴趣的同学也可以看下它的源码，没有几行~ 自己写一个应该也不难。
+
+但就是这样一个简单小工具，相信能大幅提高咱的工作效率，大家可以 try try 看~
+
+
+
+------
+
+
+最后，欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。求职季一起加油！
+
+再多说几句，大家不要被网上营造的焦虑打乱了节奏，**除非你有更好的选择** ，否则不要轻易放弃你已经坚持了很久的努力。学，不一定成；不学，一定不成！
+
+最近我星球的同学已经陆续用星球项目拿到高薪 offer 了，下一期星球项目也将于本周日开始，大家可以 try try 看：
+
+![](https://pic.yupi.icu/5563/202311090927662.png)
+
+![](https://pic.yupi.icu/5563/202311090927867.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\345\257\271\346\257\224 30 \347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\345\267\245\345\205\267.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\345\257\271\346\257\224 30 \347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\345\267\245\345\205\267.md"
new file mode 100644
index 0000000..6f25db8
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\345\257\271\346\257\224 30 \347\247\215\347\274\226\347\250\213\350\257\255\350\250\200\347\232\204\345\267\245\345\205\267.md"	
@@ -0,0 +1,70 @@
+# 一键对比 30 种编程语言的工具
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 很好用的小工具
+
+大家好，我是鱼皮。
+
+前几天和一些学编程的小伙伴交流，结果大家因为争论 Go 和 Java 哪个编程语言的语法更接近 C 语言而吵起来了！
+
+![](https://pic.yupi.icu/5563/202311090925694.png)
+
+于是，我掏出了一个可以帮助大家 **快速对比不同编程语言的常用语法** 的神器，它就是 `programming-idioms` 。
+
+![](https://pic.yupi.icu/5563/202311090925662.png)
+
+> programming-idioms 主页
+
+idiom 是习语、惯用语的意思，这个网站收录了 **30 多种** 语言的 **超过 250 种** 编程常用代码，比如复制文件功能：
+
+![](https://pic.yupi.icu/5563/202311090926409.png)
+
+> Go 语言实现复制文件
+
+基本所有的语言都可以实现类似的常用功能，在该网站上，你可以同一功能的不同编程语言的代码实现，比如用 Python 来实现复制文件功能，竟然只需要一行代码！
+
+![](https://pic.yupi.icu/5563/202311090925656.png)
+
+> Python 实现复制文件
+
+此外，这个网站还有两大 “骚” 操作！
+
+第一个是查看某种语言的所有常用代码片段，对于正在学这门编程语言的同学来说，可以帮助自己了解常用的代码、巩固基础、学习优秀的写法。
+
+比如选择 Java 语言，能够看到输出、循环、函数等常用代码：
+
+![](https://pic.yupi.icu/5563/202311090925722.png)
+
+> Java 常用代码片段
+
+第二个操作便是快速对比不同编程语言之间的语法差异，目前支持 30 多种编程语言！
+
+比如我选择对比 Java 和 C++ 的语法：
+
+![](https://pic.yupi.icu/5563/202311090925767.png)
+
+> 选择要对比的语言
+
+只需一键，就能清晰地看到两种语言实现不同功能的代码，比如打乱列表、选随机元素、检查列表中是否包含某个值等：
+
+![](https://pic.yupi.icu/5563/202311090925385.png)
+
+要说这个功能有什么作用呢？
+
+不仅可以帮助你快速根据一门语言去上手其他语言，而且还能解决学了很多语言后大脑混乱的问题（实测看了之后，更乱了哈哈）！
+
+
+
+------
+
+
+⬇️ 点击下方 **阅读原文** 就能看到这个小工具了哦~
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311090925395.png)
+
+> 顺带一提，11 月 3 日是鱼皮老弟的生日，明晚发红包哈哈哈~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\347\224\237\346\210\220\345\207\240\345\215\203\345\245\227\344\273\243\347\240\201\346\250\241\346\235\277\347\232\204\345\211\215\347\253\257\347\245\236\345\231\250.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\347\224\237\346\210\220\345\207\240\345\215\203\345\245\227\344\273\243\347\240\201\346\250\241\346\235\277\347\232\204\345\211\215\347\253\257\347\245\236\345\231\250.md"
new file mode 100644
index 0000000..986e0c6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\344\270\200\351\224\256\347\224\237\346\210\220\345\207\240\345\215\203\345\245\227\344\273\243\347\240\201\346\250\241\346\235\277\347\232\204\345\211\215\347\253\257\347\245\236\345\231\250.md"
@@ -0,0 +1,91 @@
+# 一键生成几千套代码模板的前端神器
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+要问我在工作中最讨厌的事情是什么，那必然是 **重复工作** 。尤其是每次搞新项目的时候，每次都得写不少重复的基础代码和配置文件，要不就是从老项目中复制粘贴过来一大堆再自行修改，麻烦的一批。
+
+我们可以使用 **脚手架** 来解决这个问题，所谓脚手架，就是为了方便你工作、保障工作有序且顺利进行的工具。放到编程做项目中，就是能够自动生成一些基础代码和默认配置，从而减少重复劳动，用最简单和快速的方式帮助你完成项目的开发。
+
+今天给大家推荐一款知名的前端脚手架工具 `Yeoman` ，上手简单、功能强大，只需一键，就能从 9000 多套项目模板中生成你想要的代码！
+
+> 不止前端，还有各种后端、全栈的项目模板。
+
+在给大家演示它的用法前，必须得先吐槽一下，这个项目虽说放到了代码开源平台 GitHub 上，还收获了近万个 star。但仔细一看代码仓库，就会发现它开源了个锤子 🔨 ！根本就没有工具本身的代码，合着把 GitHub 当做流量入口了是吧？？？
+
+![](https://pic.yupi.icu/5563/202311090921471.png)
+
+> yeoman 仓库
+
+下面给大家简单演示下 Yeoman 的使用。
+
+### 使用 Yeoman
+
+进入官方文档（yeoman.io），首先打开终端，用一行 npm 命令来全局安装 yeoman：
+
+```
+npm install -g yo
+```
+
+然后输入 `yo` 即可使用工具，看到如下菜单表示安装成功：
+
+![](https://pic.yupi.icu/5563/202311090921433.png)
+
+> 使用 yo
+
+然后你可以在菜单中安装代码生成器，输入要安装的生成器包名即可：
+
+![](https://pic.yupi.icu/5563/202311090921392.png)
+
+你也可以直接在官网搜索生成器，然后自行安装。
+
+比如我们要开发一个 Chrome 插件，可以直接搜索 Chrome 插件项目生成器：
+
+![](https://pic.yupi.icu/5563/202311090921461.png)
+
+得知插件名为 chrome-extension，然后使用 npm 命令安装（记得名称前加上 generator）：
+
+```
+npm install -g generator-chrome-extension
+```
+
+然后新建一个空的项目目录，使用 yo 命令执行生成器即可：
+
+```
+# 创建项目目录
+mkdir test-chrome
+# 进入目录
+cd test-chrome
+# 启动生成器
+yo chrome-extension
+```
+
+可以根据情况来选择生成的代码，效果如下：
+
+![](https://pic.yupi.icu/5563/202311090921444.png)
+
+可以看到生成的代码，默认会自动帮我们安装依赖，直接运行项目就行了：
+
+![](https://pic.yupi.icu/5563/202311090921440.png)
+
+> 生成的代码
+
+除了生成初始项目代码外，有些生成器也自带生成部分文件的功能，比如 angular 生成器支持一行命令生成新控制器：
+
+```
+yo angular:controller NewController
+```
+
+是不是贼简单，基本上各种编程语言和框架的项目生成器都有！以后做新项目时，除了使用框架官方自带的模板外，yeoman 也是一个不错的选择~
+
+
+
+------
+
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311090921815.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\205\215\350\264\271\345\245\275\347\224\250\347\232\204\345\206\205\347\275\221\347\251\277\351\200\217\345\267\245\345\205\267.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\205\215\350\264\271\345\245\275\347\224\250\347\232\204\345\206\205\347\275\221\347\251\277\351\200\217\345\267\245\345\205\267.md"
new file mode 100644
index 0000000..0ed4d6b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\205\215\350\264\271\345\245\275\347\224\250\347\232\204\345\206\205\347\275\221\347\251\277\351\200\217\345\267\245\345\205\267.md"
@@ -0,0 +1,94 @@
+# 免费好用的内网穿透工具
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 好工具分享
+
+大家好，我是鱼皮。
+
+不知道大家在做项目的时候有没有遇到过这样一个需求：让其他同学访问到自己电脑上的网页或服务。
+
+比如我们在团队协作开发时，可以随时让别人查看自己电脑上正在开发的网站，而没必要反反复复把开发到一半的项目部署到服务器上、再去更新。
+
+再比如我之前在开发微信公众号后台服务时，需要填写一个服务的域名来接受来自微信侧的请求：
+
+![](https://pic.yupi.icu/5563/202311090918444.png)
+
+最开始我是填写的某个服务器对应的域名，但后来发现把服务部署到服务器上后调试非常不方便，所以在想着要是微信侧能直接请求我自己电脑上的服务就好了，打个断点 Debug 不是美滋滋？
+
+还有其他场景，比如大家想要登录同一个人的电脑来一起写代码、找 Bug、排查问题等等。
+
+![](https://pic.yupi.icu/5563/202311090917657.png)
+
+那怎么样才能实现这个需求呢？
+
+答案是 **内网穿透**。
+
+先简单解释一下，大多数情况下，我们的个人电脑都处于内网，即没有可公开访问的独立 IP 地址（上网要通过其他网关），因此其他内网用户找不到你，就没办法和你建立连接。
+
+而内网穿透的作用，就是将内网的电脑暴露到公共网络。可以理解为一个中间人，由于他知道你的电脑地址，所以能帮助其他用户访问到你的计算机。
+
+![](https://pic.yupi.icu/5563/202311090917625.png)
+
+> 打通网络
+
+具体的技术细节和实现方案就不在本文过多介绍了，今天鱼皮直接给大家分享一款免费易用的内网穿透小工具 `NATAPP` ，只需一键，让他人轻松访问你电脑上的指定项目！
+
+### NATAPP
+
+这个工具可以帮助你在公网和本地电脑之间建立一个安全的通道，从而实现内网传透，还能对通道上的流量进行分析。
+
+用法非常简单！打开官网，注册登录后，先新建一个隧道。大多数情况下，选择免费隧道就足够了：
+
+![](https://pic.yupi.icu/5563/202311090917889.png)
+
+> 创建隧道
+
+选定隧道类别后，需要填写隧道的配置，像支持的协议、本地端口等。举个例子，假如你在自己电脑的 3000 端口启动了个前端 web 项目，那隧道协议就选择 Web、端口选择 3000。
+
+![](https://pic.yupi.icu/5563/202311090917643.png)
+
+> 隧道配置
+
+创建好隧道后，可以得到一个 `authtoken` ，相当于密码，后面启动隧道要用到：
+
+![](https://pic.yupi.icu/5563/202311090917747.png)
+
+> 获取 authtoken
+
+然后我们要在本地启动 NATAPP 程序，先下载对应操作系统的客户端：
+
+![](https://pic.yupi.icu/5563/202311090917650.png)
+
+> 客户端下载
+
+下载的是一个压缩包，解压后会得到一个 `natapp.exe` 可执行文件。
+
+然后在该文件所在目录下打开命令行工具（cmd），输入以下命令：
+
+```
+natapp -authtoken=<上一步获取到的token>
+```
+
+看到下图的结果，就表示启动成功啦！
+
+![](https://pic.yupi.icu/5563/202311090917473.png)
+
+可以看到 NATAPP 给我们分配了一个 http 公网域名，其他同学输入这个域名就能访问到你本地端口对应的项目了。
+
+NATAPP 本身是基于 ngrok 反向代理程序实现的，编程水平还不错的同学，也可以自己试着搭建内网穿透服务。此外，同类工具还有很多，比如花生壳等等，感兴趣的同学也可以去试试~
+
+但无论如何，注意安全，不要将电脑的重要端口暴露出去，最好用完就关，更不要拿这种技术去做一些不好的事情！（别说是鱼皮分享的谢谢）
+
+![](https://pic.yupi.icu/5563/202311090917734.png)
+
+
+
+------
+
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311090917919.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\210\206\344\272\253\345\207\240\344\270\252\345\245\275\347\224\250\345\205\215\350\264\271\347\232\204\345\233\276\345\272\212.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\210\206\344\272\253\345\207\240\344\270\252\345\245\275\347\224\250\345\205\215\350\264\271\347\232\204\345\233\276\345\272\212.md"
new file mode 100644
index 0000000..9b3ac0d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\210\206\344\272\253\345\207\240\344\270\252\345\245\275\347\224\250\345\205\215\350\264\271\347\232\204\345\233\276\345\272\212.md"
@@ -0,0 +1,139 @@
+# 分享几个好用免费的图床
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+**图床是指储存图片的服务器**，可将图片上传至图床并得到一个访问图片的url链接。
+
+对于普通用户，有了图床，就可以把自己电脑上的图片上传至互联网，生成链接分享给其他人。
+
+对于开发者，可以将系统中的图像数据（比如用户头像、商品图）上传至图床进行存储和管理。而无需自己在服务器本地搭建图片存储服务，省时省力。
+
+随着图床的概念越来越流行，图床的功能也越发强大。在原有图片存储和生成访问链接的基础上，通常还提供CDN加速、URL上传、图片压缩、图片裁切、图片水印、图片鉴黄等功能。
+
+但毕竟图床会占用服务器资源，因此很多图床服务都是收费的。对于临时使用、图片数不多且图片无隐私的用户，更希望能免费使用图床。
+
+下面鱼皮分享几个好用的免费图床给大家，可根据不同的需求来选择。
+
+### **1. 路过图床**
+
+功能强大的免费图床。
+
+**推荐指数：90**
+
+**适用场景：个人用户存储图片**
+
+优点：
+
+1. 已上线多年，服务较稳定
+2. 上传操作简单
+3. 功能强大，上传图片后能得到各种格式的图片链接（如HTML、Markdown）
+4. 有CDN加速
+
+缺点：
+
+1. 图片公开存储，安全性不高
+
+地址：https://imgchr.com/
+
+![](https://pic.yupi.icu/5563/202311090922113.png)
+
+2. SM.MS
+
+简单易用的图床，提供5G的免费空间，可付费开通更多资源。
+
+**推荐指数：80**
+
+**适用场景：个人用户存储小图片**
+
+优点：
+
+1. 已上线多年，服务较稳定
+2. 上传操作简单
+3. 支持作为PicGo的图床
+
+缺点：
+
+1. 免费空间略小
+2. 国内用户访问较慢
+
+地址：https://sm.ms/
+
+![](https://pic.yupi.icu/5563/202311090922690.png)
+
+
+**3. ImgURL**
+
+简单易用的图床，但是游客限制每日上传10张。
+
+**推荐指数：70**
+
+**适用场景：适合个人用户临时存储图片**
+
+优点：
+
+1. 上传操作简单
+2. 可以独立部署
+
+缺点：
+
+1. 免费上传数太少
+
+地址：https://imgurl.org/
+
+![](https://pic.yupi.icu/5563/202311090922911.png)
+
+4. 七牛云存储
+
+七牛云提供国内领先的云存储服务，可以通过其对象存储产品来作为图床。
+
+**推荐指数：90**
+
+**适用场景：适合个人和企业用户长期存储图片**
+
+优点：
+
+1. 功能强大，支持图像压缩、裁切等
+2. 支持权限控制，较安全
+3. 可以自定义图片域名
+4. 速度快，服务稳定可靠
+5. 提供10G的免费存储空间，比较良心
+
+缺点：
+
+1. 需要一定学习成本
+2. 临时图片域名只能使用30天
+
+地址：https://www.qiniu.com/
+
+![](https://pic.yupi.icu/5563/202311090922718.png)
+
+**5. Gitee & GitHub**
+
+Gitee和GitHub都是免费的代码托管平台，也可以将图片像代码一样进行托管在他们的服务器上，实现图床的存储功能。Gitee其实是国内的GitHub，因此更推荐使用Gitee，国内用户访问速度更快更稳定。
+
+**推荐指数：90** 
+
+**适用场景：适合开发者或企业长期存储图片**
+
+优点：
+
+1. 完全免费
+2. 可以建立私有仓库，较安全
+3. 对开发者友好，可以通过版本控制系统（Git）来管理图片
+
+不足：
+
+1. 由于平台不是专门提供图床服务的，因此没有图片裁切、水印等高级功能。
+2. 对于从来没使用过代码托管平台的同学，需要一定的学习成本。
+
+Gitee地址：https://gitee.com/
+GitHub地址：https://github.com/
+
+![](https://pic.yupi.icu/5563/202311090922857.png)
+
+
+以上就是免费图床的分享了，选择适合自己的场景来使用吧~
+
+大家还有哪些优秀的图床资源，评论里告诉鱼皮哦！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\276\256\344\277\241\345\217\221\345\212\233\344\272\206\357\274\214\344\270\200\351\224\256\351\203\250\347\275\262\347\275\221\347\253\231\345\220\216\347\253\257\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\276\256\344\277\241\345\217\221\345\212\233\344\272\206\357\274\214\344\270\200\351\224\256\351\203\250\347\275\262\347\275\221\347\253\231\345\220\216\347\253\257\357\274\201.md"
new file mode 100644
index 0000000..e8d1fce
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\345\276\256\344\277\241\345\217\221\345\212\233\344\272\206\357\274\214\344\270\200\351\224\256\351\203\250\347\275\262\347\275\221\347\253\231\345\220\216\347\253\257\357\274\201.md"
@@ -0,0 +1,201 @@
+# 微信发力了，一键部署网站后端！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+还记得么？之前我全程直播带大家从 0 到 1 做了一个包含前端、后端的 [表情包网站项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247502315&idx=1&sn=70dad535a66d63d321d173d53a920c26&scene=21#wechat_redirect) ，支持搜索表情、自由裁切下载、给表情包配字等功能。
+
+![](https://pic.yupi.icu/5563/202311090923884.png)
+
+> 爸爸表情包网站
+
+![](https://pic.yupi.icu/5563/202311090923613.png)
+
+> 在线编辑下载
+
+但由于各方面的原因，我暂时将该网站战术下线了。好吧，主要是没钱（很费 CDN 流量）和人力维护了。。。
+
+不过，我已经将该网站的所有源码 **全部开源** 了，大家可以拿来自由学习。而且今天，我要手把手教大家部署上线网站的后端！
+
+其实非常简单，使用微信团队推出的新服务 —— `微信云托管` ，**无需购买服务器** ，大概几分钟就能完成任何后端项目的上线。
+
+![](https://pic.yupi.icu/5563/202311090923503.png)
+
+## 无服务器上线后端服务
+
+### 微信云托管介绍
+
+先介绍一下什么是微信云托管，这是由微信团队提供的以云原生为基础的，免运维、高可用服务上云解决方案。用人话说就是平台来帮助你托管应用，开箱即用，再也不需要自己来搭建服务器、运维管理应用的运行了。**你只管写代码开发，剩下的全部交给云托管！**
+
+![](https://pic.yupi.icu/5563/202311090923594.png)
+
+微信云托管本质上是将你的应用打包为一个个独立的容器，然后放到平台上运行的。因此支持任意编程语言，并且内置了主流开发框架的模板，甚至 **一行代码不写** ，也能发布项目，感受容器平台的核心流程。
+
+![](https://pic.yupi.icu/5563/202311090923635.png)快速部署
+
+下面以我的表情包网站后端（Java 的 Spring Boot 项目）为例，演示一下如何使用该平台。
+
+### 发布首个版本
+
+首先登录微信云托管平台，进入服务列表，可以看到已经被平台托管的服务：
+
+> 首次进入时需要用公众号 / 小程序账号创建环境，没账号可以免费申请一个~
+
+![](https://pic.yupi.icu/5563/202311090923579.png)
+
+点击新建服务，输入服务名称，如果需要让项目能被外网访问的话，记得开启公网访问：
+
+![](https://pic.yupi.icu/5563/202311090923328.png)
+
+创建成功后，进入刚刚创建的服务，接下来我们要创建一个版本（可以理解为项目的版本号）。
+
+目前支持三种上传版本的方式，基本已经能够满足所有场景。
+
+![](https://pic.yupi.icu/5563/202311090923353.png)
+
+如果你的项目代码只存在了自己的电脑上，可以选择 `本地上传` ；如果项目已经发到了 GitHub、Gitee 等代码仓库中，可以直接从代码库拉取；如果已经有现成的镜像了，那可以选择镜像拉取。
+
+由于我的表情包网站后端代码一直是存到 GitHub 上的，大家可以先 fork 我的仓库到自己的仓库中。
+
+> 代码仓库：https://github.com/liyupi/father-backend
+
+然后选择 **代码库拉取** 的方式新建版本，选择刚 fork 的仓库，端口号和项目使用的端口号保持一致（这里是 8081）：
+
+![](https://pic.yupi.icu/5563/202311090923389.png)
+
+除了上图的基础配置外，还可以根据需要做一些高级配置，比如指定容器构建文件（Dockerfile）的名称、容器的 CPU 和内存配置（最低支持 0.25 核的超细粒度）、实例副本数、扩缩容条件等，还可以通过配置环境变量来区分测试和生产环境：
+
+![](https://pic.yupi.icu/5563/202311090923925.png)
+
+> 高级配置
+
+微信云托管平台自带 **弹性扩缩容** 能力，会根据访问流量的大小自动增加和减少实例副本数，上能扛高并发、下能节约成本，非常灵活！
+
+由于我已经在项目中写好了 Dockerfile 文件，所以此处我们不用改任何高级配置，直接新建即可。
+
+![](https://pic.yupi.icu/5563/202311090923040.png)
+
+> Dockerfile 文件
+
+如果你不会编写 Dockerfile 文件，可以直接找同框架的项目 “抄” 一个。或者使用微信云托管提供的界面来定义启动项目的方法：
+
+![](https://pic.yupi.icu/5563/202311090923110.png)
+
+新建版本后，微信云托管会自动执行拉取代码、构建镜像等操作，并且可以实时查看到日志：
+
+![](https://pic.yupi.icu/5563/202311090923163.png)
+
+> 部署中
+
+版本创建成功后，可以在版本列表中查看和管理，比如升级新版本、回退老版本等：
+
+![](https://pic.yupi.icu/5563/202311090923267.png)
+
+然后，进入 **部署发布** ，首次发布时直接点击 **全量发布** 即可：
+
+![](https://pic.yupi.icu/5563/202311090923313.png)
+
+发布成功后，你可以直接通过 web 界面在线调试后台接口，比如测试一下我的表情包后台的 `/api/health` 健康检测接口，看到控制台输出 "ok"，表示后台已部署成功：
+
+![](https://pic.yupi.icu/5563/202311090923928.png)
+
+进入监控面板，啥都不用干，就能清晰地查看到后台接口的调用情况、容器的 CPU 和内存资源占用等图表，便于分析项目的运行状况。试问如果你自己用服务器部署项目的话，谁去花时间给你搞监控面板呢？
+
+![](https://pic.yupi.icu/5563/202311090923121.png)
+
+> 服务监控
+
+还可以在日志面板中查看项目输出的日志，支持自由检索，这不比你自己登录服务器看日志、或者搞一套日志服务要方便得多？
+
+![](https://pic.yupi.icu/5563/202311090923162.png)
+
+> 日志检索
+
+### 自动发布
+
+现在，我们已经成功发布了后台的首个版本。如果之后项目代码发生了变更，我们是否还要再重复执行一遍上述操作呢？
+
+**当然不用！**
+
+微信云托管提供了流水线功能，我们可以像工厂自动化生产一样，让项目的构建流程也全部自动化！
+
+点击新建流水线：
+
+![](https://pic.yupi.icu/5563/202311090923868.png)
+
+填写要自动发布的代码仓库，默认该仓库任何代码修改都会触发流水线的执行，你也可以通过指定目标目录（比如 src）、推送触发的分支来减小范围，比如只是修改了 README 文件，就没必要触发了。还可以设置定时自动触发，提高持续集成的效率。发布策略建议选择 **构建版本 + 镜像** ，会比直接全量发布保险一些。
+
+![](https://pic.yupi.icu/5563/202311090923020.png)
+
+> 新建流水线
+
+然后我们随便改一下仓库里的代码，微信云托管会通过仓库的 webhook 钩子感知到代码的变化，并自动触发流水线的执行：
+
+![](https://pic.yupi.icu/5563/202311090923250.png)
+
+> 自动构建
+
+流水线执行成功后，我们得到了一个船新版本。
+
+### 灰度测试
+
+这次我们在发布前，可以先进行一些测试，防止有 Bug 的代码直接上线：
+
+![](https://pic.yupi.icu/5563/202311090923289.png)
+
+进入测试，我们可以配置测试的 URL 参数，比如 user = yupi，然后点击灰度上线，在请求接口时只需要带上 `?user=yupi` 参数，就可以访问到最新的测试版本了，而其他用户访问到的还是之前的老版本：
+
+![](https://pic.yupi.icu/5563/202311090923359.png)
+
+> 灰度测试
+
+如果你自测觉得没啥 Bug 了，可以调整灰度流量的比例，让部分同学可以公开访问最新版本，没问题后就可以全量发布啦：
+
+![](https://pic.yupi.icu/5563/202311090923944.png)
+
+### 其他优势
+
+怎么样，是不是非常方便呢？其实国内的互联网大厂，基本都是使用这种方式来进行项目自动化发布的，而不是人工登录一台台服务器，反复输入重复的命令来上线。
+
+目前，各大云服务厂商基本也都提供了类似的平台，但是微信云托管有一个 **绝对优势** ：天然打通微信生态。你可以免鉴权、更加轻松地调用微信其他平台的能力，比如云调用、消息推送、微信支付、小程序服务等。而且服务基于亿级用户同时在线的微信接入层实现，提供防数据爬取、防 DNS 劫持、防 DDoS 攻击能力。微信用户可以就近接入，享受更快、更稳定的安全网络。
+
+![](https://pic.yupi.icu/5563/202311090923357.png)
+
+> 打通微信生态
+
+此外，微信云托管还提供了一键开通数据库、对象存储、资源监控等能力。也就是说，如果你要做一个后端项目，基本所有的资源都可以在微信云托管中申请和管理，不用到处开通、自行搭建了。
+
+![](https://pic.yupi.icu/5563/202311090923442.png)
+
+> 资源申请和监控
+
+### 成本
+
+那相信有很多朋友会好奇了，这么好用的服务，一定贵的一批吧？
+
+其实不然，微信云托管使用 **按量计费** 模式，通过实际使用的 CPU、内存等资源来计费，用多少付多少，不用的项目只要停掉（或者平台自动缩容），就不会扣 1 分钱啦！我的编程导航等项目都是用这种模式去部署的，一年下来，的确比买同配置的服务器要划算得多。
+
+而且告诉大家个好消息：所有新用户都能享有 **3 个月的免费额度** ！完全足够学习和体验了。反正不 piao 白不 piao，建议大家都去试试，感受云原生技术带来的高效。
+
+> 我也是最近才发现有免费额度，我说怎么没扣费哈哈。。。
+
+![](https://pic.yupi.icu/5563/202311090923624.png)
+
+> 计费模式
+
+
+
+------
+
+
+
+现在体验云托管，输出实践文章，就能免费获得200元代金券！优秀文章还有九种鹅厂周边任选，喜欢的小伙伴可以参与下：https://wj.qq.com/s2/8971509/5219/
+
+⬇️ 点击下方 **阅读原文** 就能直达微信云托管官网了，感兴趣的朋友试试吧~（PC端访问才能使用哦）
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311090923392.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\206\231\344\273\243\347\240\201\347\232\204\345\215\201\345\205\253\350\210\254\345\205\265\345\231\250\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\206\231\344\273\243\347\240\201\347\232\204\345\215\201\345\205\253\350\210\254\345\205\265\345\231\250\357\274\201.md"
new file mode 100644
index 0000000..6422ad3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\206\231\344\273\243\347\240\201\347\232\204\345\215\201\345\205\253\350\210\254\345\205\265\345\231\250\357\274\201.md"
@@ -0,0 +1,177 @@
+# 我写代码的十八般兵器！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享一些优秀的写代码工具和使用感受
+
+大家好，我是鱼皮。
+
+俗话说的好：工欲善其事，必先利其器。一款好的开发工具对程序员来说是至关重要的，可以降低开发成本、提高开发的效率和代码质量。
+
+所以今天分享一些主流的编程开发工具，基本都是我曾经或正在使用的，附带一些使用感受。
+
+## 编程开发工具一览
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311090911810.png)
+
+> 鱼皮开发工具一览
+
+### 本地编辑器
+
+#### Notepad
+
+其实就是 Windows 系统自带的记事本啦，致敬经典！
+
+别小瞧记事本，其实它也能作为一款最原始最纯洁的代码编辑器来使用。比如我初学前端时，就用记事本编辑网页代码，然后在保存文件时修改后缀为 `.html` ，双击就能运行了。正因为原始、没有任何代码提示和校验功能，所以记事本很适合培养新手写代码的规范，缩进、代码的正确性都要自己来保证。
+
+![](https://pic.yupi.icu/5563/202311090911047.png)
+
+#### Notepad++
+
+虽然软件名称叫 Notepad++，但它的功能可以说比 Win 自带的记事本高了几个次元！
+
+它是一款开源免费的文本编辑器，软件非常轻小，但却同时支持几十种编程语言，很适合拿来写一些代码片段，开发项目也不在话下。
+
+![](https://pic.yupi.icu/5563/202311090911773.gif)
+
+#### Sublime Text
+
+极其轻量、界面简洁的文本编辑器。软件基本能做到秒开，而且也支持安装各种插件，功能非常强大！
+
+![](https://pic.yupi.icu/5563/202311090911915.png)
+
+#### Vim
+
+适用于 Linux 操作系统的文本编辑器，这个编辑器比较 “特殊”，没有华美的界面，操作都在小黑框框中进行。
+
+![](https://pic.yupi.icu/5563/202311090911066.png)VIM 界面
+
+因此对于新手来说可能不太友好，想要自如地操作它，就要花一些时间去学习它的使用快捷键。可一旦上手，就会发现它其实很牛逼很好用很高效，而且可谓是极客们的装 x 神器！
+
+网上有一张 Vim 快捷键的键盘图，看一下就大概知道这东西可操作性还是很强的。
+
+![](https://pic.yupi.icu/5563/202311090911018.png)
+
+后台开发中，有时我们需要对 Linux 服务器上的文件进行编辑，使用 Vim 就能直接解决了，因此多少还是要学习一点它的基础用法。
+
+#### Visual Studio Code
+
+就是 VS Code，是微软 2015 年发布的 **免费开源** 的轻量级代码编辑器。由于轻量、炫酷、插件丰富等特点，使得这些年来它越发受到开发者的青睐。
+
+首次安装 VS Code 时，它是一款简单易用的代码编辑器。但通过安装各种插件，可以将其打造为适用于开发一切编程语言的强大 IDE（集成开发环境）。其中有一款知名的 **远程开发** 插件，吸引了不少开发者，大大提高开发效率。
+
+![](https://pic.yupi.icu/5563/202311090911686.png)
+
+#### Atom
+
+GitHub 开源的代码编辑器，官网称其为 21 世纪的极客编辑器，特点是简洁炫酷，让人一看就想写代码哈哈。
+
+![](https://pic.yupi.icu/5563/202311090911880.png)
+
+和 VS Code 一样，可以通过安装插件来增强 Atom 的功能，把它从代码编辑器打造成功能丰富的 IDE。
+
+我在大二的时候第一次接触 Atom，就是被它的界面吸引，给我一种 “用它写代码会很酷” 的感觉。但实际使用后，感觉并不如 Sublime Text 轻量，而且当时还频繁出现输入时闪退的 Bug，所以后面就一键卸载了。
+
+### 本地 IDE
+
+上面提到的几款本地开发工具本质上更像是文本编辑器，很多都已经无法满足（或者不太方便）复杂的企业级项目开发，所以，为了提高开发效率，通常我们会使用包含了更多功能的 IDE。
+
+下面几款都是比较优秀的本地 IDE。
+
+#### JetBrains
+
+JetBrains 全家桶系列几乎覆盖了所有主流编程语言的集成开发环境，是我最喜欢、最常用的开发工具了。工作中，我一般会用 IDEA 写 Java、用 WebStorm 写前端、PhpStorm 写 PHP、Goland 写 Go 语言等，还可以使用 Toolbox 集中管理这几个软件。
+
+![](https://pic.yupi.icu/5563/202311090911910.png)
+
+#### Visual Studio
+
+微软多年的匠心之作，官方称其为 “面向任何开发者的同类最佳工具”。
+
+不错，功能的确极其强大且丰富，能够支持多种编程语言的开发，Android、iOS、Mac、Windows、Web 和云应用都不在话下。但这却是一把双刃剑，它应该是我认知范围内最重最庞大的 IDE 了！而且因为功能太多，不适合新手使用。
+
+时隔多年，我依然记得首次安装和卸载 Visual Studio 的噩梦，C 盘直接爆炸！
+
+![](https://pic.yupi.icu/5563/202311090911296.png)
+
+#### Eclipse
+
+以前很流行的跨平台集成开发环境，我最开始学 Java 和 PHP 编程时用的都是它，但后来发现无论是在界面风格、使用体验、功能丰富度、插件生态等方面，都比不上 JetBrains 系列，所以我就直接抛弃了 Eclipse。
+
+![](https://pic.yupi.icu/5563/202311090911179.png)
+
+记得我在第一次实习写 Java 的时候，我的导师用的就是 Eclipse，后来他发现我在用 JetBrains IDEA，于是就真香了，跟我一起愉快地用 IDEA 来写代码。
+
+#### 其他
+
+除了上面这些比较通用的开发工具外，也有一些 **独角兽**，专门适用于某个编程语言或技术方向。比如可以使用 HBuilder (X) 开发前端和小程序、使用 Android Studio 开发移动端 APP、使用 Dev-C++ 和 Code::Blocks 开发 C++ 小项目、使用 Qt Creator 开发 C++ 图形界面软件等。
+
+![](https://pic.yupi.icu/5563/202311090911541.png)
+
+> Qt Creator
+
+### Web 编辑器
+
+除了本地开发外，还可以使用 Web 在线编辑器直接编写和运行小代码，更高效！
+
+现在这种技术也见怪不怪了，网上一搜就有一大堆的 Web 编辑器，这里推荐几个大而全的优秀 Web 编辑器网站。比如 dooccn、菜鸟教程编译工具、JsRun 小闪电、BeJSON 等。
+
+![](https://pic.yupi.icu/5563/202311090911440.png)
+
+> 在线代码编辑器
+
+### Web IDE
+
+除了简单的 Web 编辑器外，前端 Web IDE 技术非常流行，将整个本地厚重的开发环境搬上云端。使得我们可以在网页中开发项目，甚至可以多人实时协作开发！
+
+像 Coder、StackBlitz、Codespaces 和 Gitpod，基于 VS Code Web 版，提供了在浏览器上运行的 VS Code 开发环境。
+
+像 Codepen 和 CodeSandbox，可以灵活编写前端代码片段并进行分享、多人协作。
+
+![](https://pic.yupi.icu/5563/202311090911541.png)
+
+国内的 Coding 现在做的也非常不错，不仅支持 Web 云端开发，还将整个项目的研发流程都集成到了云端，实现全云端开发。
+
+![](https://pic.yupi.icu/5563/202311090911566.png)
+
+> Web IDE
+
+现在很多新兴的编程语言和技术框架也都提供了 Web IDE，帮助开发者快速上手，省去搭建环境的烦恼。
+
+比如 HarmonyOS 的在线开发体验环境、区块链开发技术 Solidity 的 IDE 等。
+
+![](https://pic.yupi.icu/5563/202311090911599.png)
+
+> 在线开发 IDE
+
+### 我的选择
+
+我在工作中一般选用 JetBrains 全家桶 + Sublime Text + Web 编辑器 + Web IDE 进行开发。
+
+选择 JetBrains 作为主要项目开发工具，理由有 3 点：
+
+1. 功能强大，插件丰富
+2. 知名度高，维护用心
+3. 自成体系，生态广泛。对于一名全栈开发者，经常要跟着项目需要去写不同编程语言的代码。而 JetBrains 全家桶基本支持所有主流编程语言，且界面风格、工具用法、快捷键保持一致，降低了语言切换和工具学习成本。
+
+![](https://pic.yupi.icu/5563/202311090911775.png)
+
+当然，JetBrains 也有缺点，就是太重了，一般 16 G 内存的笔记本开 2 - 3 个项目可能就会卡了。所以在老电脑上，有时我也会选择更轻量的 Vs Code。
+
+除了一款主武器外，我选择极其轻量的 Sublime Text 作为副武器，当我要临时记录或编辑一些代码时，我会把它单独粘贴到 Sublime 的新标签页，把它当成一个灵活的备忘录或者小剪切板。当我要去阅读服务器上密密麻麻的日志或 dump 文件时，我也会把文件下载到本地，再用 Sublime 打开，获得更好的阅读体验。此外，Sublime 也常常被我当做文本替换、格式化代码工具。
+
+![](https://pic.yupi.icu/5563/202311090911757.png)
+
+> 文本替换
+
+为什么选择这些本地开发工具呢？其中很重要的一点是它们都支持安装插件。建议大家像我一样，通过安装插件来增强开发工具的功能，比如快捷键提示、代码提示、代码美化、代码检测、代码生成、代码小地图等。
+
+想要做到真正高效，光有本地的工具是不够的。我们在工作中经常会编写一些小脚本，在保证安全性的前提下，我会选择直接找一个可在线编辑和运行代码的 Web 编辑器，上面提到的那些都可以。
+
+在我需要快速学习或体验一门新技术时，一般直接使用官方自带的 Web IDE 来练手，省去了搭建环境的麻烦。
+
+建议大家也利用好 Web 在线开发工具，尤其是在初学编程时，直接在线上手写代码更容易提起对编程的兴趣，才能坚持学习下去，千万不要被一些复杂的环境搭建过程直接劝退了！
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\267\245\344\275\234\344\270\255\344\270\215\345\217\257\346\210\226\347\274\272\347\232\204\345\256\235\350\264\235\344\273\254.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\267\245\344\275\234\344\270\255\344\270\215\345\217\257\346\210\226\347\274\272\347\232\204\345\256\235\350\264\235\344\273\254.md"
new file mode 100644
index 0000000..d986d02
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\210\221\345\267\245\344\275\234\344\270\255\344\270\215\345\217\257\346\210\226\347\274\272\347\232\204\345\256\235\350\264\235\344\273\254.md"
@@ -0,0 +1,155 @@
+# 我工作中不可或缺的宝贝们
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 最后一个真香！
+
+大家好，我是鱼皮，今天分享下我在日常工作中最最最常用的宝贝软件和工具。
+
+### 开发
+
+#### JetBrains 全家桶
+
+JetBrains 系列是我最喜欢也是最常用的开发工具了，工作中，会用 IDEA 写 Java、用 WebStorm 写前端。
+
+对于一名全栈开发来说，经常需要写不同语言或技术栈的代码，因此我倾向于选用一套大而全的开发工具。而 JetBrains 家的产品几乎覆盖了所有的编程语言，并且每个子产品的风格、键位、用法保持统一，切换语言时不用额外学习新开发工具的使用，还能安装各种插件扩展，值得长期信赖。
+
+![](https://pic.yupi.icu/5563/202311090909843.png)
+
+对于开发工具吧，一个人一个看法和使用习惯，没必要争个谁好谁坏。像 VSCode 也是非常强大的，相对更轻量一些，我偶尔也会用用。
+
+#### Sublime Text
+
+JetBrains 系列开发工具虽然强大，但是太重了，非常占用计算机的资源，开启一个项目可能都要花个几分钟。
+
+有时，我只需要打开单个文本文件，比如查看日志之类的，这时再单独打开 JetBrains 显得有些大材小用了。因此，我选择了极其轻量的文本编辑器 Sublime Text 来查看和记录小文件或项目。
+
+软件基本是秒开，而且也支持各种插件，非常强大！
+
+![](https://pic.yupi.icu/5563/202311090909011.png)
+
+#### Alfred
+
+程序员的工作离不开复制粘贴，你知道么，复制粘贴也可以有花样！
+
+使用 Mac Alfred（或者 Windows 上的 Ditto），可以记录自己很长一段时间内所有复制过的内容，选择性粘贴。并且可以搜索复制历史、查看复制详情等，很方便。
+
+![](https://pic.yupi.icu/5563/202311090909420.png)
+
+> Alfred
+
+不过，Alfred 的功能可不止这点，自定义语法提示、配置工作流都是能极大提高工作效率的功能。
+
+#### uTools
+
+非常强大的工具集软件，支持 Mac 和 Windows 操作系统，内置了很多提高工作效率的工具，比如一键搜索电脑上的全部文件、截图、翻译等。软件采用插件式设计，可以自主安装需要的功能，让软件保持轻小。
+
+![](https://pic.yupi.icu/5563/202311090909968.png)
+
+#### iTerm2
+
+作为一名开发者，经常需要使用终端，但 Mac 自带的终端实在是太难用了，所以我选择 iTerm2，一个功能非常齐全、简洁美观的强大终端。再搭配 Zsh + Oh My Zsh，可以定制各种炫酷主题，使用更多强大的功能，让敲命令变得愉快舒适。
+
+![](https://pic.yupi.icu/5563/202311090909709.png)
+
+> iTerm2
+
+#### Navicat Premium
+
+支持所有操作系统的数据库管理工具，让你在单一的软件中管理几乎所有主流的数据库管理系统（如 MySQL、MariaDB、PostgreSQL 等），还能很方便地编写和执行 SQL 语句、导入导出数据等，后台开发人员必备！
+
+不过美中不足的是，这玩意要收费，想要使用，还是需要一些手段的。
+
+![](https://pic.yupi.icu/5563/202311090909084.png)
+
+### 创作
+
+#### Typora
+
+如今，用 Markdown 语法编写文档似乎已经成为了开发者必备的基础技能，好处是统一文档语法和风格。
+
+而 Typora 是一款支持 Markdown 语法的文本编辑器，精简易用、支持实时浏览，还能搭配 PicGo 等工具实现图片自动上传，无论是写文档、写文章、做笔记都是不二之选。
+
+![](https://pic.yupi.icu/5563/202311090909778.png)
+
+#### 壹伴插件
+
+微信公众号创作者必备的浏览器插件，可以增强原有公众号后台，让你更高效地文章排版、找素材、运营分析等。
+
+![](https://pic.yupi.icu/5563/202311090909898.jpeg)
+
+> 微信公众号数据分析
+
+#### Draw.io
+
+创作时经常需要绘图，相对于 ProcessOn，我更倾向于使用 Draw.io 在线绘图工具。免费、精简、**即开即用**、多风格，足够成为我选择它的理由。
+
+![](https://pic.yupi.icu/5563/202311090909998.png)
+
+#### 巨量创意
+
+字节跳动的创意团队有多强大就不用我再说了吧，巨量创意是它旗下的广告创意产品，搜罗全平台广告创意亮点，让用户随时发现适合的自己的营销方式，轻松几分钟搞定广告制作。
+
+虽然听起来好像是给营销人员使用的，但其实所有创作者都可以在这里找到创意灵感，还有非常多的创作工具。
+
+![](https://pic.yupi.icu/5563/202311090909202.png)
+
+#### 剪映
+
+视频创作者必备，字节跳动出品的视频剪辑软件，支持 PC 端和移动端的主流系统。虽然 PC 端的剪映功能远远不及 PR 要强大，但是内置丰富素材、自动配字幕这两个点就足够吸引创作者去使用它了。
+
+![](https://pic.yupi.icu/5563/202311090909326.png)
+
+### 找资源
+
+#### 编程导航
+
+对不起，找资源除了百度谷歌之外，我只推荐编程导航。这是一个帮大家更高效地找到编程资源的网站，每天都在持续更新资源，每个资源都是经过层层筛选的（推荐过资源的朋友都明白，审核很严格）。而且，如果你无法找到合适的资源，可以直接提需求给我们哦！
+
+![](https://pic.yupi.icu/5563/202311090909075.png)
+
+刚刚花 200w 找大设计师做了新 Logo，近期也会上线实用新功能！
+
+关注后即可使用：
+
+#### 滴答清单
+
+每天都有很多的事情，只凭大脑去记忆实在是顶不住，老是会忘记或错过一些事情，所以一款时间管理软件还是很有必要的。
+
+我比较喜欢『 滴答清单 』，界面精简、支持多端同步、使用方便、免费，这对我来说就足够了。
+
+![](https://pic.yupi.icu/5563/202311090909559.png)
+
+#### 网抑云音乐
+
+我的生活离不开音乐，在思考问题时，我会听一些安静的纯音乐，让自己静下心来；写代码时，我反而会听一些热血、快节奏的音乐，比如各种 Rap，内心跟着音乐一起摇摆，写代码也更有劲儿了！
+
+我最喜欢的音乐 App 还是网抑云音乐，要不是我喜欢一首歌反复听，等级也早就 10 级了~
+
+![](https://pic.yupi.icu/5563/202311090909164.png)
+
+此外，网抑云音乐还能发布 MLog，之前自己也在这里发布过一小段古典吉他视频哈哈，不过几年没弹功力全无了。
+
+![](https://pic.yupi.icu/5563/202311090909398.png)
+
+
+
+------
+
+最后，还有这么个专门为程序员打造的键盘，号称史上最牛批的键盘，但实际上只有三个键！
+
+![](https://pic.yupi.icu/5563/202311090909678.jpeg)
+
+俗话说得好：*好艺术家复制，伟大的艺术家偷，最伟大的艺术家复制，然后粘贴！*
+
+虽然我并没有真的买了这个键盘，但是在工作中，为了提高效率，我非常喜欢使用一些键位扩展。比如买个自定义可编程宏小键盘，就相当于给你的键盘多了几个快捷键，按一下，自动敲出一套组合拳，还是很香的！
+
+![](https://pic.yupi.icu/5563/202311090909872.png)
+
+> 自定义键盘
+
+就先分享到这里吧，大家还有什么常用的软件工具，欢迎留言分享哦！
+
+![](https://pic.yupi.icu/5563/202311090909199.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\212\261\346\255\211\357\274\214\346\210\221\344\270\215\347\224\250\345\210\253\347\232\204\346\265\213\350\257\225\345\267\245\345\205\267\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\212\261\346\255\211\357\274\214\346\210\221\344\270\215\347\224\250\345\210\253\347\232\204\346\265\213\350\257\225\345\267\245\345\205\267\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..4a597c9
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\346\212\261\346\255\211\357\274\214\346\210\221\344\270\215\347\224\250\345\210\253\347\232\204\346\265\213\350\257\225\345\267\245\345\205\267\344\272\206\357\274\201.md"
@@ -0,0 +1,116 @@
+# 抱歉，我不用别的测试工具了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+大多数后端开发程序员的工作都是写接口（服务），比如 HTTP、RPC 等等，供前端或其他系统来调用。写接口的过程中必然会考虑两个问题：
+
+1. 如何对接口进行测试，保证接口质量？
+2. 如何搞出接口文档，减少沟通成本？
+
+先说说测试，一般情况下，除了本地对某个方法进行单元测试外，我们还要用 curl、postman 等工具来发送请求进行接口测试，但需要手动编写请求的信息，比较麻烦。
+
+再说说接口文档，说白了，就是要以书面的形式介绍你接口的功能、地址、调用方法、请求参数、响应结构、细节等等，从而明确接口的信息，推动合作。但手动编写接口文档无疑会消耗大量的时间，因此很多时候，大家选择口口相传，开局一张嘴，正确与否全靠脸。
+
+![](https://pic.yupi.icu/5563/202311090914141.png)
+
+那有没有什么方法，可以自动帮助我们生成接口文档，并且不用手动编写请求信息就能测试呢？
+
+当然有！Swagger 就是这样一款知名的接口文档生成工具，相信学 Java 的朋友对它不会陌生。
+
+> 地址：https://swagger.io/
+
+![](https://pic.yupi.icu/5563/202311090914179.png)
+
+它支持多种编程语言，且用法异常简单！以 Java SpringBoot 项目为例，只需要先在项目中引入它的 SDK，Maven 项目参考代码如下：
+
+```
+<dependency>
+  <groupId>io.springfox</groupId>
+  <artifactId>springfox-swagger2</artifactId>
+  <version>2.9.2</version>
+</dependency>
+<dependency>
+  <groupId>io.springfox</groupId>
+  <artifactId>springfox-swagger-ui</artifactId>
+  <version>2.9.2</version>
+</dependency>
+```
+
+然后编写一个 Java Bean 来定义 Swagger 的配置，包括作者名、文档名称、自动生成的接口所在路径等，参考代码如下：
+
+```
+@Configuration
+@EnableSwagger2WebMvc
+// 生产环境记得关闭哦
+@Profile({"dev", "test"})
+public class SwaggerConfig {
+
+  @Bean
+  public Docket createRestApi() {
+    return new Docket(DocumentationType.SWAGGER_2)
+      .apiInfo(apiInfo())
+      .select()
+      .apis(RequestHandlerSelectors.basePackage("包名"))
+      .paths(PathSelectors.any())
+      .build();
+  }
+
+  private ApiInfo apiInfo() {
+    return new ApiInfoBuilder()
+      .title("Swagger Document")
+      .version("0.0.1")
+      .build();
+  }
+}
+```
+
+然后，直接启动项目，就能自动生成一份美观的接口文档了。默认地址记得是 "/接口前缀/doc.html"，在浏览器中访问这个地址，就能看到文档页面了：
+
+![](https://pic.yupi.icu/5563/202311090914118.png)
+
+> Swagger 接口文档
+
+默认的皮肤虽然简洁，但不太好看，我们可以使用开源项目 Knife4j 来增强 Swagger 文档的默认功能，直接打开官方文档，跟着快速开始的步骤引入即可，一分钟左右就能完成！
+
+> 地址：https://doc.xiaominfo.com/knife4j/
+
+![](https://pic.yupi.icu/5563/202311090914160.png)
+
+> Knife4j 文档
+
+最终可以得到比 Swagger 功能更强、更方便的接口文档页面：
+
+![](https://pic.yupi.icu/5563/202311090914224.png)
+
+在文档中，你不仅可以看到接口的详细信息，还可以一键发送请求，对接口进行测试！一般情况下，拿来代替独立的接口测试工具完全足够了：
+
+![](https://pic.yupi.icu/5563/202311090914210.png)
+
+是不是非常方便呢？如果对这些 UI 不满意，你可以使用 Swagger 提供的获取接口信息的 API（比如 "xxx/v2/api-docs"），自己改造界面。
+
+如今的 Swagger 功能也是越发强大了，除了用它来生成接口文档外，你甚至可以反过来，先定义好接口的信息，再根据接口去生成后台代码！
+
+比如直接在官方提供的 `Swagger Editor` 里写好接口的 json 配置，然后一键就能生成主流后端语言的服务端和客户端代码了，六的一批！
+
+![](https://pic.yupi.icu/5563/202311090914233.png)
+
+除了后端代码外，一些前端框架还支持读取 Swagger 的配置信息来自动生成代码。
+
+比如 Ant Design Pro，填上 Swagger 的 api 地址，再输入一行命令，就能生成接口代码、测试和 mock 文件等，是不是绝了？！
+
+![](https://pic.yupi.icu/5563/202311090914207.png)
+
+当然，以上的内容更适用于开发同学。如果你是专业的测试人员，相信你会用到一些功能更丰富的自动化测试、压力测试工具，欢迎在评论区留言分享哦～
+
+
+
+------
+
+
+以上就是本期分享，有帮助的话还请给鱼皮一个 **点赞 + 在看** ，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311090914287.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\224\250\344\272\206\350\277\231\344\270\252 Java \345\260\217\345\267\245\345\205\267\357\274\214\346\210\221\345\272\237\344\272\206.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\224\250\344\272\206\350\277\231\344\270\252 Java \345\260\217\345\267\245\345\205\267\357\274\214\346\210\221\345\272\237\344\272\206.md"
new file mode 100644
index 0000000..f2e9498
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\224\250\344\272\206\350\277\231\344\270\252 Java \345\260\217\345\267\245\345\205\267\357\274\214\346\210\221\345\272\237\344\272\206.md"	
@@ -0,0 +1,201 @@
+# 用了这个 Java 小工具，我废了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+我们在开发时，经常需要重复编写很多和业务无关的代码，比如获取指定日期对象、获取本机 IP 地址、校验身份证号、数据加密等。
+
+通常我们会把这些代码独立出来，放到 util 包下，作为 工具类 供其他代码调用。
+
+相信每位 Java 开发者都自己写（粘贴）过工具类，写的项目多了，日积月累，可能有的同学已经有了自己的工具类库。但是，当需要用到新的工具类时，你会怎么做呢？
+
+比如老板让我做一个 MD5 加密的工具，可是我根本没有学过加密算法！
+
+![](https://pic.yupi.icu/5563/202311090905614.jpeg)
+
+于是我打开某度搜索引擎，搜索 “Java MD5加密算法实现”，打开了某篇博客（可能还要登录），再复制粘贴，再去掉一些无用的注释，再略加修改，得到工具类，放到自己的 util 目录下。
+
+这一套操作下来，十几分钟可能就过去了。而这个代码和我们的业务是完全无关的，就可能会耽误一些项目的开发时间！
+
+我们都喜欢白 piao，那么有没有现成的 util 工具包给我们用呢？来了来了，Hutool 工具库！
+
+#### Hutool 是什么？
+
+Hutool 是一个开源的 Java 工具包类库，对文件、流、加密解密、转码、正则、线程、XML 等 JDK 方法进行封装，组成各种 Util 工具类。
+
+![](https://pic.yupi.icu/5563/202311090905619.jpeg)
+
+> Hutool 官网：https://hutool.cn/
+>
+> GitHub 地址：https://github.com/looly/hutool
+
+#### 为什么用 Hutool？
+
+Java 语言虽然自带了很多的工具类，但是相对于 Scala 等高级语言来说，封装的工具还不够丰富和完善，远远不能满足我们的需求。
+
+因此，出现了各种各样的第三方类库，比如知名的 guava、apache-common-utils，虽然这些类库的实现很优秀，但作为工具类库来说，工具的种类还不够多，通常我们还要搭配其他第三方类库使用（比如操作 Excel 的库 POI）。
+
+而 Hutool 是一个小而全的 Java 工具类库，有各种各样的工具，基本可以满足我们所有的业务诉求。
+
+这也是为啥类库取名 Hutool，Hutool 谐音“糊涂”，寓意追求 “万事都作糊涂观，无所谓失，无所谓得” 的境界。
+
+Hutool 通过静态方法封装，能够降低相关 API 的学习成本，提高工作效率，使 Java 拥有函数式语言般的优雅，让 Java 语言也可以“甜甜的”。
+
+有的同学可能会认为工具类自己实现就好了，干嘛非要引入一个三方类库呢？确实，如果你有能力，可以实现和建设自己的工具库，但是自己实现难免会花很多的时间，或者实现的性能不够高，甚至可能出现一些问题（比如资源忘记 close 导致泄露，鱼皮就干过）。
+
+而 Hutool 中的工具方法来自于每个用户的精雕细琢，作为一个开源项目，由很多大佬共同开发和完善，并经历了上百个企业的真实检验。使得它涵盖了Java 开发底层代码中的方方面面，既是大型项目开发中解决小问题的利器，也是小型项目中的效率担当。
+
+Hutool 是项目中 “util” 包友好的替代，它节省了开发人员对项目中公用类和公用工具方法的封装时间，使开发专注于业务，同时可以最大限度的避免封装不完善带来的 bug。
+
+下面通过一个演示，来看下 Hutool 如何提高我们的开发效率。
+
+
+
+#### 它如何提升我们的开发效率？
+
+Hutool 的目标是使用一个工具方法代替一段复杂代码，从而最大限度的避免“复制粘贴”代码的问题，彻底改变我们写代码的方式。
+
+以发送邮件为例：
+
+- 以前：打开搜索引擎 => 搜 “Java 如何发送邮件” => 打开几篇博客 => 选择一个看似优秀的实现 => 复制粘贴 => 改改就用
+
+- 现在：引入 Hutool => 调用 MailUtil.sendText 方法 演示使用：
+
+  ![](https://pic.yupi.icu/5563/202311090907829.png)
+
+
+
+说不定可以提前下班了呢！
+
+![](https://pic.yupi.icu/5563/202311090905764.png)
+
+Hutool 的存在原因之一就是为了减少代码搜索成本，避免网络上参差不齐的代码出现导致的 bug。
+
+
+
+#### 如何使用 Hutool?
+
+Hutool的用法非常简单，而且对业务无任何侵入，可以直接通过 Maven 或者 Gradle 等包管理工具引入，也可以直接把 Hutool 的代码复制粘贴到自己的项目中。
+
+1. Maven 方式，在项目的 pom.xml 的 dependencies 中加入下列代码：
+
+```
+<dependency>
+  <groupId>cn.hutool</groupId>
+  <artifactId>hutool-all</artifactId>
+  <version>5.4.4</version>
+</dependency>
+```
+
+
+
+1. Gradle方式，在build.gradle中加入下列代码:
+
+```
+compile 'cn.hutool:hutool-all:5.4.4'
+```
+
+
+然后就可以参照文档去使用啦，文档地址：https://hutool.cn/docs/
+
+
+
+![](https://pic.yupi.icu/5563/202311090905062.png)
+
+
+
+#### Hutool 的功能
+
+Hutool 的功能非常大而全，常用的工具有：
+
+1.日期工具
+
+通过 DateUtil 类，提供高度便捷的日期访问、处理和转换方式。
+
+2.HTTP 客户端
+
+通过 HttpUtil 对 HTTP 客户端的封装，实现便捷的 HTTP 请求，并简化文件上传操作。
+
+3.转换工具
+
+通过 Convert 类中的相应静态方法，提供一整套的类型转换解决方案，并通过 ConverterRegistry 工厂类自定义转换。
+
+4.配置文件工具（Setting）
+
+通过 Setting 对象，提供兼容 Properties 文件的更加强大的配置文件工具，用于解决中文、分组等 JDK 配置文件存在的诸多问题。当然还有更多组件，如下：
+
+| **模块**           | **介绍**                                                     |
+| ------------------ | ------------------------------------------------------------ |
+| hutool-aop         | JDK动态代理封装，提供非IOC下的切面支持                       |
+| hutool-bloomFilter | 布隆过滤，提供一些Hash算法的布隆过滤                         |
+| hutool-cache       | 简单缓存实现                                                 |
+| hutool-core        | 核心，包括Bean操作、日期、各种Util等                         |
+| hutool-cron        | 定时任务模块，提供类Crontab表达式的定时任务                  |
+| hutool-crypto      | 加密解密模块，提供对称、非对称和摘要算法封装                 |
+| hutool-db          | JDBC封装后的数据操作，基于ActiveRecord思想                   |
+| hutool-dfa         | 基于DFA模型的多关键字查找                                    |
+| hutool-extra       | 扩展模块，对第三方封装（模板引擎、邮件、Servlet、二维码、Emoji、FTP、分词等） |
+| hutool-http        | 基于HttpUrlConnection的Http客户端封装                        |
+| hutool-log         | 自动识别日志实现的日志门面                                   |
+| hutool-script      | 脚本执行封装，例如Javascript                                 |
+| hutool-setting     | 功能更强大的Setting配置文件和Properties封装                  |
+| hutool-system      | 系统参数调用封装（JVM信息等）                                |
+| hutool-json        | JSON实现                                                     |
+| hutool-captcha     | 图片验证码实现                                               |
+| hutool-poi         | 针对POI中Excel和Word的封装                                   |
+| hutool-socket      | 基于Java的NIO和AIO的Socket封装                               |
+
+可以根据需求对每个模块单独引入，也可以通过引入 hutool-all 方式引入所有模块。
+
+
+
+#### 写在最后
+
+最后，给大家一点建议。
+
+不要仅仅把 Hutool 当做一个工具去使用，**用久了会把人用傻的** ！
+
+
+
+![](https://pic.yupi.icu/5563/202311090905808.png)
+
+有时间的话，应该阅读 Hutool 的源码，学习其各种工具类的优秀实现，培养自己的代码能力。
+
+Hutool 的源码其实并不难，就是通过大量的静态方法来方便调用，比如下面的手机号工具类：
+
+```
+ /**
+  * 手机号工具类
+  */
+ public class PhoneUtil {
+   /**
+    * 座机号码
+    */
+   private static final Pattern TEL =
+     Pattern.compile("0\\d{2,3}-[1-9]\\d{6,7}");
+   /**
+    * 验证是否为手机号码（中国）
+    *
+    * @param value 值
+    * @return 是否为手机号码（中国）
+    */
+   public static boolean isMobile(CharSequence value) {
+     return Validator.isMatchRegex(PatternPool.MOBILE, value);
+   }
+   ...
+ }
+```
+
+大家可以自行阅读感兴趣的功能的源码，有朝一日自己也能成为开源大佬！
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311090905990.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\262\276\345\223\201 IDEA \346\217\222\344\273\266\345\244\247\346\261\207\346\200\273\357\274\201\345\200\274\345\276\227\346\224\266\350\227\217.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\262\276\345\223\201 IDEA \346\217\222\344\273\266\345\244\247\346\261\207\346\200\273\357\274\201\345\200\274\345\276\227\346\224\266\350\227\217.md"
new file mode 100644
index 0000000..62ba492
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\345\274\200\345\217\221\345\267\245\345\205\267/\347\262\276\345\223\201 IDEA \346\217\222\344\273\266\345\244\247\346\261\207\346\200\273\357\274\201\345\200\274\345\276\227\346\224\266\350\227\217.md"	
@@ -0,0 +1,588 @@
+# 精品 IDEA 插件大汇总！值得收藏
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 轻松提高 Java 开发效率
+
+俗话说，工欲善其事，必先利其器。想要提升编程开发效率，必须选择一款顺手的开发工具。
+
+对于 Java 开发者，JetBrains IDEA 无疑是目前最主流的开发工具，既简单易用、又强大灵活，并且可以通过安装插件全副武装。
+
+今天鱼皮汇总了 IDEA 实用插件，分享给大家，希望帮助大家大幅提高开发效率！
+
+![](https://pic.yupi.icu/5563/202311090904729.jpeg)
+
+插件较多，建议大家先观看我在 B 站发布的 IDEA 精品插件手把手演示视频，再看本文汇总哦~
+
+视频地址：https://www.bilibili.com/video/BV1yb4y1a7Aq/（点击文末阅读原文可直达）
+
+> 什么，IDEA 太贵用不起？如果是学生党，可以免费使用全系列产品哦~
+>
+> 地址：https://www.jetbrains.com/shop/eform/students
+
+## 大纲
+
+![](https://pic.yupi.icu/5563/202311090904049.png)
+
+> 鱼皮 - IDEA 插件分享
+
+## 实用插件
+
+### 强烈推荐
+
+综合实用性、易用性、流行度、维护频率，精选了以下插件，简单分类为天地二品。
+
+#### 地品插件
+
+> 简单好用、增强功能
+
+- Background Image Plus +
+
+- - 描述：给编辑器设置背景图片（小姐姐图片）
+  - 官网：https://plugins.jetbrains.com/plugin/11247-background-image-plus-
+
+- Chinese Language Pack
+
+- - 描述：中文支持
+  - 官网：https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----
+
+- Translation
+
+- - 描述：翻译插件，鼠标选中文本，点击右键即可自动翻译成多国语言。
+  - 官网：https://plugins.jetbrains.com/plugin/8579-translation/
+
+- Key Promoter X
+
+- - 描述：快捷键提示插件。当你执行鼠标操作时，如果该操作可被快捷键代替，会给出提示，帮助你自然形成使用快捷键的习惯，告别死记硬背。
+  - 官网：https://plugins.jetbrains.com/plugin/9792-key-promoter-x/
+
+- Rainbow Brackets
+
+- - 描述：给括号添加彩虹色，使开发者通过颜色区分括号嵌套层级，便于阅读
+  - 官网：https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/
+
+- CodeGlance
+
+- - 描述：在编辑器右侧生成代码小地图，可以拖拽小地图光标快速定位代码，阅读行数很多的代码文件时非常实用。
+  - 官网：https://plugins.jetbrains.com/plugin/7275-codeglance/
+
+- WakaTime
+
+- - 描述：代码统计和跟踪插件
+  - 官网：https://plugins.jetbrains.com/plugin/7425-wakatime
+
+- Statistic
+
+- - 描述：代码统计
+  - 官网：https://plugins.jetbrains.com/plugin/4509-statistic
+
+#### 天品插件
+
+> 提高开发效率和代码质量
+
+- String Manipulation
+
+- - 描述：字符串快捷处理
+  - 官网：https://plugins.jetbrains.com/plugin/2162-string-manipulation
+
+- Tabnine AI Code Completion
+
+- - 描述：使用 AI 去自动提示和补全代码，比 IDEA 自带的代码补全更加智能化
+  - 官网：https://plugins.jetbrains.com/plugin/12798-tabnine-ai-code-completion-js-java-python-ts-rust-go-php--more
+
+- GsonFormatPlus
+
+- - 描述：根据 json 生成对象
+  - 官网：https://plugins.jetbrains.com/plugin/14949-gsonformatplus
+
+- JUnitGenerator V2.0
+
+- - 描述：自动生成单元测试
+  - 官网：https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0
+
+- RestfulTool
+
+- - 描述：辅助 web 开发的工具集
+  - 官网：https://plugins.jetbrains.com/plugin/14280-restfultool
+
+- SequenceDiagram
+
+- - 描述：自动生成方法调用时序图
+  - 官网：https://plugins.jetbrains.com/plugin/8286-sequencediagram
+
+- CheckStyle-IDEA
+
+- - 描述：自动检查 Java 代码规范
+  - 官网：https://plugins.jetbrains.com/plugin/1065-checkstyle-idea
+
+- Alibaba Java Coding Guidelines
+
+- - 描述：代码规范检查插件
+  - 官网：https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines
+
+- SonarLint
+
+- - 描述：帮助你发现和修复代码的错误和漏洞
+  - 官网：https://plugins.jetbrains.com/plugin/7973-sonarlint
+
+- MybatisX
+
+- - 描述：MyBatis 增强插件，支持自动生成 entity、mapper、service 等常用操作的代码，优化体验
+  - 官网：https://plugins.jetbrains.com/plugin/10119-mybatisx
+
+### 美化类
+
+- Extra Icons
+
+- - 描述：图标美化插件，支持更多文件类型
+  - 官网：https://plugins.jetbrains.com/plugin/11058-extra-icons
+
+- Chinese Language Pack
+
+- - 描述：中文支持
+  - 官网：https://plugins.jetbrains.com/plugin/13710-chinese-simplified-language-pack----
+
+- Grep Console
+
+- - 描述：自定义设置控制台输出颜色
+  - 官网：https://plugins.jetbrains.com/idea/plugin/7125-grep-console
+
+- Material Theme UI
+
+- - 描述：美观的主题
+  - 官网：https://plugins.jetbrains.com/plugin/8006-material-theme-ui
+
+- Nyan Progress Bar
+
+- - 描述：进度条美化
+  - 官网：https://plugins.jetbrains.com/plugin/8575-nyan-progress-bar
+
+- activate-power-mode
+
+- - 描述：打字特效
+  - 官网：https://plugins.jetbrains.com/plugin/8330-activate-power-mode
+
+- Power Mode II
+
+- - 描述：打字特效插件升级版
+  - 官网：https://plugins.jetbrains.com/plugin/8251-power-mode-ii
+
+- Rainbow Brackets
+
+- - 描述：给括号添加彩虹色，使开发者通过颜色区分括号嵌套层级，便于阅读
+  - 官网：https://plugins.jetbrains.com/plugin/10080-rainbow-brackets/
+
+- Background Image Plus +
+
+- - 描述：给编辑器设置背景图片
+  - 官网：https://plugins.jetbrains.com/plugin/11247-background-image-plus-
+
+### 代码生成类
+
+- Codota AI Autocomplete for Java and JavaScript
+
+- - 描述：使用 AI 去自动提示和补全代码，比 IDEA 自带的代码补全更加智能化
+  - 官网：https://plugins.jetbrains.com/plugin/7638-codota-ai-autocomplete-for-java-and-javascript
+
+- Tabnine AI Code Completion
+
+- - 描述：使用 AI 来自动提示和补全代码，比 IDEA 自带的代码补全更加智能化
+  - 官网：https://plugins.jetbrains.com/plugin/12798-tabnine-ai-code-completion-js-java-python-ts-rust-go-php--more
+
+- UUID Generator
+
+- - 描述：生成随机的 UUID
+  - 官网：https://plugins.jetbrains.com/plugin/8320-uuid-generator
+
+- Randomness
+
+- - 描述：生成随机值
+  - 官网：https://plugins.jetbrains.com/plugin/9836-randomness
+
+- .ignore
+
+- - 描述：生成不同语言的版本控制忽略文件
+  - 官网：https://plugins.jetbrains.com/plugin/7495--ignore
+
+- Auto filling Java call arguments
+
+- - 描述：通过快捷键自动补全函数的调用参数
+  - 官网：https://plugins.jetbrains.com/plugin/8638-auto-filling-java-call-arguments/
+
+- GenerateAllSetter
+
+- - 描述：快速生成调用对象 setter 方法的代码
+  - 官网：https://plugins.jetbrains.com/plugin/9360-generateallsetter
+
+- GenerateSerialVersionUID
+
+- - 描述：一键为实现 Serializable 接口的类生成 SerialVersionUID
+  - 官网：https://plugins.jetbrains.com/plugin/185-generateserialversionuid/
+
+- GsonFormatPlus
+
+- - 描述：根据 json 生成对象
+  - 官网：https://plugins.jetbrains.com/plugin/14949-gsonformatplus
+
+- Lombok
+
+- - 描述：配合 Lombok 依赖及注解使用，能够大大减少 Java 对象的代码量。IDEA 已自带，无需安装。
+  - 官网：https://plugins.jetbrains.com/plugin/6317-lombok/
+
+- Easy Code
+
+- - 描述：根据数据库表生成 Java entity、dao、mapper、service、controller 等代码
+  - 官网：https://plugins.jetbrains.com/plugin/10954-easy-code
+
+- Easy Javadoc
+
+- - 描述：快速生成 Javadoc 文档
+  - 官网：https://plugins.jetbrains.com/plugin/12977-easy-javadoc
+
+- JavaDoc
+
+- - 描述：生成 Javadoc 文档
+  - 官网：https://plugins.jetbrains.com/plugin/7157-javadoc
+
+- Json2Pojo
+
+- - 描述：根据 JSON 生成 POJO，根据 POJO 生成 JSON
+  - 官网：https://plugins.jetbrains.com/plugin/8533-json2pojo
+
+- JUnitGenerator V2.0
+
+- - 描述：自动生成单元测试
+  - 官网：https://plugins.jetbrains.com/plugin/3064-junitgenerator-v2-0
+
+- Jindent - Source Code Formatter
+
+- - 描述：根据自定义模板来生成 javadoc 注释
+  - 官网：https://plugins.jetbrains.com/plugin/8309-jindent--source-code-formatter
+
+- MybatisX
+
+- - 描述：MyBatis 增强插件，支持自动生成 entity、mapper、service 等常用操作的代码，优化体验
+  - 官网：https://plugins.jetbrains.com/plugin/10119-mybatisx
+
+- MyBatisCodeHelperPro
+
+- - 描述：MyBatis 增强插件，支持自动生成 entity、mapper、service 等常用操作的代码（收费）
+  - 官网：https://plugins.jetbrains.com/plugin/9837-mybatiscodehelperpro
+
+### 功能提效类
+
+#### 源码阅读
+
+- Call Graph
+
+- - 描述：生成调用关系图，便于查看源码
+  - 官网：https://plugins.jetbrains.com/plugin/12304-call-graph
+
+- Jump to Line
+
+- - 描述：支持跳转到任意行进行调试
+  - 官网：https://plugins.jetbrains.com/plugin/14877-jump-to-line
+
+- SequenceDiagram
+
+- - 描述：自动生成方法调用时序图
+  - 官网：https://plugins.jetbrains.com/plugin/8286-sequencediagram
+
+- jclasslib Bytecode Viewer
+
+- - 描述：字节码查看器
+  - 官网：https://plugins.jetbrains.com/plugin/9248-jclasslib-bytecode-viewer
+
+- BrowseWordAtCaret
+
+- - 描述：快速在相同单词间进行跳转
+  - 官网：https://plugins.jetbrains.com/plugin/201-browsewordatcaret
+
+- CodeGlance
+
+- - 描述：在编辑器右侧生成代码小地图，可以拖拽小地图光标快速定位代码，阅读行数很多的代码文件时非常实用。
+  - 官网：https://plugins.jetbrains.com/plugin/7275-codeglance/
+
+#### 代码规范
+
+- CheckStyle-IDEA
+
+- - 描述：自动检查 Java 代码规范
+  - 官网：https://plugins.jetbrains.com/plugin/1065-checkstyle-idea
+
+- Alibaba Java Coding Guidelines
+
+- - 描述：代码规范检查插件
+  - 官网：https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines
+
+- SonarLint
+
+- - 描述：帮助你发现和修复代码的错误和漏洞
+  - 官网：https://plugins.jetbrains.com/plugin/7973-sonarlint
+
+- FindBugs-IDEA
+
+- - 描述：帮你找出代码中潜藏的 Bug
+  - 官网：https://plugins.jetbrains.com/plugin/3847-findbugs-idea
+
+- MetricsReloaded
+
+- - 描述：代码复杂度分析
+  - 官网：https://plugins.jetbrains.com/plugin/93?pr=idea
+
+#### 格式处理
+
+- CamelCase
+
+- - 描述：快速字符串格式转换工具，如驼峰式
+  - 官网：https://plugins.jetbrains.com/plugin/7160-camelcase
+
+- Json Parser
+
+- - 描述：验证和格式化 Json 字符串的工具
+  - 官网：https://plugins.jetbrains.com/plugin/10650-json-parser
+
+- Properties to YAML Converter
+
+- - 描述：把 Properties 文件的格式转为 YAML 格式
+  - 官网：https://plugins.jetbrains.com/plugin/8000-properties-to-yaml-converter
+
+- String Manipulation
+
+- - 描述：字符串快捷处理
+  - 官网：https://plugins.jetbrains.com/plugin/2162-string-manipulation
+
+#### 代码统计
+
+- WakaTime
+
+- - 描述：代码统计和跟踪插件
+  - 官网：https://plugins.jetbrains.com/plugin/7425-wakatime
+
+- Statistic
+
+- - 描述：代码统计
+  - 官网：https://plugins.jetbrains.com/plugin/4509-statistic
+
+#### 代码检索
+
+- OnlineSearch
+
+- - 描述：选择文本后支持不同搜索引擎进行搜索
+  - 官网：https://plugins.jetbrains.com/plugin/8298-onlinesearch/
+
+- CodeSearch
+
+- - 描述：快捷地打开搜索引擎进行搜索
+  - 官网：https://plugins.jetbrains.com/plugin/12578-codesearch
+
+#### 其他
+
+- Leetcode Editor
+
+- - 描述：在 IDEA 里刷算法题
+  - 官网：https://plugins.jetbrains.com/plugin/12132-leetcode-editor
+
+- File Watchers
+
+- - 描述：监听文件，当其发生变化时自动执行命令
+  - 官网：https://plugins.jetbrains.com/plugin/7177-file-watchers
+
+- PlantUML integration
+
+- - 描述：UML 建模工具，只需简单的代码就能画出复杂的 UML 类图
+  - 官网：https://plugins.jetbrains.com/plugin/7017-plantuml-integration
+
+- Bytecode Editor
+
+- - 描述：字节码编辑工具
+  - 官网：https://plugins.jetbrains.com/plugin/8461-bytecode-editor
+
+- Alibaba Cloud Toolkit
+
+- - 描述：阿里云工具集
+  - 官网：https://plugins.jetbrains.com/plugin/11386-alibaba-cloud-toolkit
+
+- Tencent Cloud Toolkit
+
+- - 描述：腾讯云工具集
+  - 官网：https://plugins.jetbrains.com/plugin/15653-tencent-cloud-toolkit
+
+- EduTools
+
+- - 描述：面向教育者，允许创建、分享和加入练习
+  - 官网：https://plugins.jetbrains.com/plugin/10081-edutools
+
+- IDE Features Trainer
+
+- - 描述：IntelliJ IDEA 官方出的学习辅助插件
+  - 官网：https://plugins.jetbrains.com/plugin/8554-ide-features-trainer
+
+- JRebel Plugin
+
+- - 描述：项目热更新，提高效率（可惜要收费）
+  - 官网：https://plugins.jetbrains.com/plugin/4441-jrebel-and-xrebel-for-intellij
+
+- Key Promoter X
+
+- - 描述：快捷键提示插件。当你执行鼠标操作时，如果该操作可被快捷键代替，会给出提示，帮助你自然形成使用快捷键的习惯，告别死记硬背。
+  - 官网：https://plugins.jetbrains.com/plugin/9792-key-promoter-x/
+
+- Translation
+
+- - 描述：翻译插件，鼠标选中文本，点击右键即可自动翻译成多国语言。
+  - 官网：https://plugins.jetbrains.com/plugin/8579-translation/
+
+- idea_seat
+
+- - 描述：自动提醒，防止你久坐不动
+  - 官网：https://github.com/s-unscrupulous/idea_seat
+
+- RestfulTool
+
+- - 描述：辅助 web 开发的工具集
+  - 官网：https://plugins.jetbrains.com/plugin/14280-restfultool
+
+- Multirun
+
+- - 描述：同时启动多应用
+  - 官网：https://plugins.jetbrains.com/plugin/7248-multirun
+
+### 扩展增强类
+
+- Free Mybatis Plugin
+
+- - 描述：MyBatis 增强插件，支持 mapper => xml 的跳转、代码生成等功能
+  - 官网：https://plugins.jetbrains.com/plugin/8321-free-mybatis-plugin
+
+- MyBatis Log Plugin
+
+- - 描述：MyBatis SQL 提取和格式化输出
+  - 官网：https://plugins.jetbrains.com/plugin/10065-mybatis-log-plugin
+
+- Maven Helper
+
+- - 描述：Maven 辅助插件
+  - 官网：https://plugins.jetbrains.com/plugin/7179-maven-helper
+
+- Gradle View
+
+- - 描述：Gradle 项目管理工具的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/7150-gradle-view
+
+- Arthas Idea
+
+- - 描述：Arthas 命令生成插件。Arthas 是阿里开源的 Java 在线诊断工具，该插件可以自动生成 Arthas 在线 Java 代码诊断命令，不用再到官网翻文档拼命令啦！
+  - 官网：https://plugins.jetbrains.com/plugin/13581-arthas-idea/
+
+- GitToolBox
+
+- - 描述：Git 增强插件。在自带的 Git 功能之上，新增了查看 Git 状态、自动拉取代码、提交通知等功能。最好用的是可以查看到每一行代码的最近一次提交信息。
+  - 官网：https://plugins.jetbrains.com/plugin/7499-gittoolbox/
+
+- BashSupport
+
+- - 描述：支持 Bash 脚本文件的高亮和提示等
+  - 官网：https://plugins.jetbrains.com/plugin/4230-bashsupport
+
+- Git Flow Integration
+
+- - 描述：Git Flow 的图形界面操作
+  - 官网：https://plugins.jetbrains.com/plugin/7315-git-flow-integration
+
+- Gitee
+
+- - 描述：开源中国的码云插件
+  - 官网：https://plugins.jetbrains.com/plugin/8383-gitee
+
+- Drools
+
+- - 描述：规则引擎的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/16871-drools
+
+- EnvFile
+
+- - 描述：对多环境配置文件的支持
+  - 官网：https://plugins.jetbrains.com/plugin/7861-envfile
+
+- Kubernetes
+
+- - 描述：容器管理的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/10485-kubernetes
+
+- Vue.js
+
+- - 描述：Vue.js 前端框架的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/9442-vue-js
+
+- Scala
+
+- - 描述：Scala 语言的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/1347-scala
+
+- Zookeeper
+
+- - 描述：Zookeeper 中间件的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/7364-zookeeper
+
+- Jms messenger
+
+- - 描述：对 Java 消息服务的扩展
+  - 官网：https://plugins.jetbrains.com/plugin/10949-jms-messenger
+
+- MapStruct Support
+
+- - 描述：对 MapStruct 对象转换的支持
+  - 官网：https://plugins.jetbrains.com/plugin/10036-mapstruct-support
+
+- Big Data Tools
+
+- - 描述：提供了 HDFS 等大数据框架的工具集
+  - 官网：https://plugins.jetbrains.com/plugin/12494-big-data-tools
+
+- CSV
+
+- - 描述：支持 CSV 文件的高亮和提示等
+  - 官网：https://plugins.jetbrains.com/plugin/10037-csv
+
+- Ideolog
+
+- - 描述：识别和格式化 log 日志文件
+  - 官网：https://plugins.jetbrains.com/plugin/9746-ideolog
+
+- Toml
+
+- - 描述：支持 toml 文件的高亮和提示等
+  - 官网：https://plugins.jetbrains.com/plugin/8195-toml
+
+- .env files support
+
+- - 描述：支持 .env 文件的高亮和提示等
+  - 官网：https://plugins.jetbrains.com/plugin/9525--env-files-support
+
+## IDEA 教程
+
+中文教程：https://github.com/judasn/IntelliJ-IDEA-Tutorial
+
+英文官网教程：http://www.jetbrains.com/idea/webhelp/getting-help.html
+
+## 快捷键
+
+网上对快捷键的整理太多了，此处不再赘述，可以参考这两篇文章：
+
+- IDEA Mac 快捷键指南，地址：https://www.jianshu.com/p/454c71172c46
+
+- IDEA Win 常用快捷键，地址：https://www.jianshu.com/p/5de7cca0fefc
+
+  
+
+------
+
+
+以上就是本期分享，希望对大家有帮助吧~
+
+我是鱼皮，**点赞 + 在看** 还是想求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311090904745.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/N \345\271\264\346\262\211\346\267\200\357\274\214\350\205\276\350\256\257\350\277\231\345\245\227\347\263\273\347\273\237\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/N \345\271\264\346\262\211\346\267\200\357\274\214\350\205\276\350\256\257\350\277\231\345\245\227\347\263\273\347\273\237\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201.md"
new file mode 100644
index 0000000..e95ce2e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/N \345\271\264\346\262\211\346\267\200\357\274\214\350\205\276\350\256\257\350\277\231\345\245\227\347\263\273\347\273\237\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201.md"	
@@ -0,0 +1,52 @@
+# N 年沉淀，腾讯这套系统终于开源！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前段时间给大家介绍了字节跳动开源的两套设计系统，分别是 Arco Design 和抖音 Semi Design。
+
+而就在几天前，腾讯终于也开源了自家的设计系统 `TDesgin` ！这次，终于能介绍自己公司的项目了。
+
+![](https://pic.yupi.icu/5563/202311091147334.png)
+
+如官方描述，TDesign 是一套拥有完整的 **设计价值观** 和 **视觉风格指南** 的企业级设计体系，并且在此基础上，提供了基于 Vue、React、小程序等业界主流技术栈的组件库解决方案，主要用于构建设计统一、多端覆盖、跨技术栈的企业级前端应用。
+
+> GitHub：https://github.com/Tencent/tdesign
+
+![](https://pic.yupi.icu/5563/202311091147466.png)TDesign 官网
+
+听上去非常高大上，但其实用人话来描述就是：定了一套设计风格（字体大小、颜色、动效等），并提供了不同框架（Vue、React）、各终端（PC、移动端、小程序）的 **组件库** ，可以帮助开发者轻松完成风格一致的前端项目，尤其适合开发中后台系统。
+
+![](https://pic.yupi.icu/5563/202311091147377.png)
+
+如果你是一名前端开发者，进入 TDesign 官方文档，按照快速开始引入 TDesign 就能直接使用组件库了：
+
+![](https://pic.yupi.icu/5563/202311091147362.png)
+
+每个组件除了示例代码、效果演示和 API 介绍外，还包含使用指南，帮助你正确高效地使用组件：
+
+![](https://pic.yupi.icu/5563/202311091147366.png)
+
+此外，TDesign 还提供了开箱即用的脚手架 TDesign Starter，只需输入几行命令，就能快速搭建出一个多端适配的中后台管理系统，效果如下图：
+
+![](https://pic.yupi.icu/5563/202311091147430.png)
+
+如果你之前使用过蚂蚁金服的 Ant Design 的话，会发现其实 TDesign 与它的模式几乎是一致的，毕竟 Ant Design 做的真心不错，有很多值得参考的地方。
+
+但 TDesign 的诞生可不是照搬 Ant Design 那么简单。它是由整个腾讯各大 BG 的同学内部共建而成，整合了过去腾讯各种设计体系和组件库的优点，经过了 5000 多次代码提交，才终于推出了一套有腾讯产品风格的设计体系。比如下图的 Tencent Blue 蓝色调，相信你在腾讯的很多产品（腾讯官网、腾讯文档、腾讯会议等）都见到过：
+
+![](https://pic.yupi.icu/5563/202311091147804.png)
+
+总之，对开发者来说，多一个组件库的选择不是坏事；而多一个大厂的开源项目，也就给我们多了一份学习的空间。
+
+期待 TDesign 的后续发展，也希望更多的大厂团队和开发者能拥抱开源，让国内的技术生态越来越好。
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，最后求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311091147822.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\207\240\344\270\252\345\205\215\350\264\271\347\232\204\345\257\214\346\226\207\346\234\254\347\274\226\350\276\221\345\231\250\357\274\214\350\277\231\344\270\215\345\256\214\350\203\234\344\273\230\350\264\271\357\274\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\207\240\344\270\252\345\205\215\350\264\271\347\232\204\345\257\214\346\226\207\346\234\254\347\274\226\350\276\221\345\231\250\357\274\214\350\277\231\344\270\215\345\256\214\350\203\234\344\273\230\350\264\271\357\274\237.md"
new file mode 100644
index 0000000..04e174a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\207\240\344\270\252\345\205\215\350\264\271\347\232\204\345\257\214\346\226\207\346\234\254\347\274\226\350\276\221\345\231\250\357\274\214\350\277\231\344\270\215\345\256\214\350\203\234\344\273\230\350\264\271\357\274\237.md"
@@ -0,0 +1,112 @@
+# 几个免费的富文本编辑器，这不完胜付费？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，昨天 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 的小伙伴问我：现在想做个写作网站，有没有好用的前端富文本编辑器组件？
+
+这个问题真是戳我痛处了，我之前在开发编程导航、面试鸭、面试君主等网站和小程序时，就一直被富文本编辑器所困扰，尝试过许多，绝大多数都是不能满足我的需求的。要么太难看、要么太卡顿、要么是框架 / 版本不兼容（我用 React 多一点），还有更离谱的是在部分浏览器不兼容！以致于我曾经花了整整一周去调研和试错。。。
+
+所以今天给大家分享几款我用过的、觉得值得一用的、**开源免费** 的富文本编辑器，甚至可以说是完胜国外的付费编辑器（付费的自己还不方便修改和定制）。
+
+## 富文本编辑器推荐
+
+### editor.md
+
+> GitHub：https://github.com/pandao/editor.md
+>
+> Star 数：12k
+
+这是目前我个人最看好的国内的富文本编辑器，只学过 HTML、CSS、JS 三件套的同学也能使用。支持 Markdown 语法、代码块、科学公式、流程图等等，有非常多的自定义配置，兼容 IE 8+ 浏览器，基本上能满足写作网站的需求。
+
+界面也很优雅，如图：
+
+![](https://pic.yupi.icu/5563/202311091054175.png)
+
+但美中不足的是，Editor.md 目前不支持将 HTML 解析为 Markdown，有这方面需求的朋友要注意下。
+
+### quill
+
+> GitHub：https://github.com/quilljs/quill/
+>
+> Star 数：32.2k
+
+目前面试鸭网站选用的就是 quill，作为富文本编辑器，它在 GitHub 上的 star 数名列前茅。
+
+体验下来，它的优势是轻量、兼容性强、支持的插件扩展丰富，需要用到什么额外功能时再去单独引入就好了。
+
+用法也很简单，原生 JS 就可以，界面也很精简：
+
+![](https://pic.yupi.icu/5563/202311091054119.png)
+
+此外，它还有适用于 Vue 和 React 的封装版本，无论你习惯用哪个前端框架，都能无差异地使用它。
+
+Vue 版本：https://github.com/surmon-china/vue-quill-editor
+
+React 版本：https://github.com/zenoamaro/react-quill
+
+### bytemd
+
+> GitHub：https://github.com/bytedance/bytemd
+>
+> Star 数：2k
+
+从名字就能看出来，这是字节跳动（掘金）出品的富文本编辑器，功能强大，而且支持很多掘金内置的主题，写作体验很棒：
+
+![](https://pic.yupi.icu/5563/202311091054149.png)
+
+这款编辑器使用 Svelte 框架开发，支持原生、Vue、React、Svelte 框架集成，几乎适用于所有前端开发人员：
+
+![](https://pic.yupi.icu/5563/202311091054138.png)
+
+我的编程导航网站使用的就是这个编辑器，之前它在火狐浏览器会崩溃，后来很快就修复了，给响应速度点个赞。
+
+### monaco-editor
+
+> GitHub：https://github.com/microsoft/monaco-editor
+>
+> Star 数：28.6k
+
+微软开源的代码编辑器，支持 Visual Studio 主题，可以给用户如同在本地编辑器一般敲代码的体验：
+
+![](https://pic.yupi.icu/5563/202311091054143.png)
+
+最吸引我的是，这款编辑器还支持代码 Diff 功能！如果想自己开发一个类似 GitHub 的代码差异展示界面，用它就能轻松实现了~
+
+![](https://pic.yupi.icu/5563/202311091054166.png)
+
+### tui.editor
+
+> GitHub：https://github.com/nhn/tui.editor
+>
+> Star 数：14.4k
+
+这款富文本编辑器最吸引我的是它的界面，个人感觉看着比其他的都舒服一点。
+
+![](https://pic.yupi.icu/5563/202311091054760.png)
+
+而且他是支持所见即所得的，类似 Typora 的那种编辑体验：
+
+![](https://pic.yupi.icu/5563/202311091054755.png)
+
+这款编辑器也同时支持原生 JS 以及 Vue、React 的封装版本，还是很推荐的。
+
+### slate
+
+> GitHub：https://github.com/ianstormtaylor/slate
+>
+> Star 数：23.8k
+
+这个富文本编辑器有些特殊，作者对它的描述是：专注于构建富文本编辑器的完全可定制框架，可以将它理解为用于更好地造轮子的轮子。
+
+实际体验下来，它的易用性相对不高，但是确十分灵活，如果你想做一个自己的富文本编辑器，slate 是一个不错的选择！
+
+![](https://pic.yupi.icu/5563/202311091054744.png)
+
+
+
+------
+
+
+以上就是本期分享，最后欢迎大家加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和几千名小伙伴们一起交流学习进步，向鱼皮等大厂同学 1 对 1 提问、跟着鱼皮直播做项目、领取各方向编程资源等。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\211\215\347\253\257\347\246\217\351\237\263\357\274\214\350\232\202\350\232\201\351\207\221\346\234\215 Ant Design \347\224\237\346\200\201\344\270\200\350\247\210.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\211\215\347\253\257\347\246\217\351\237\263\357\274\214\350\232\202\350\232\201\351\207\221\346\234\215 Ant Design \347\224\237\346\200\201\344\270\200\350\247\210.md"
new file mode 100644
index 0000000..68762cb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\211\215\347\253\257\347\246\217\351\237\263\357\274\214\350\232\202\350\232\201\351\207\221\346\234\215 Ant Design \347\224\237\346\200\201\344\270\200\350\247\210.md"	
@@ -0,0 +1,135 @@
+# 前端福音，蚂蚁金服 Ant Design 生态一览
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+## 蚂蚁金服是一家互联网金融服务公司，前身是支付宝，2020 年 7 月份正式更名为蚂蚁集团，并且于 7 月 20 日公开了上市计划，一时轰动了整个互联网。 
+
+随着蚂蚁上市计划的公开，这家公司人气越来越高，已然是一个互联网大厂，其背后的技术和团队也得到了更多人的关注和重视。
+
+今天，我们来看一下，这家金融服务公司背后优秀的前端技术生态 —— Ant Design。
+
+## **Ant Design**
+
+Ant Design 不仅仅是一套**企业级的产品设计体系**，还遵循这套设计体系提供了丰富的、规范和风格一致的**前端 UI 组件**。
+
+![](https://pic.yupi.icu/5563/202311091051574.png)
+
+随着 Web 前端技术的发展，以及蚂蚁自身金融业务的发展，蚂蚁金服技术团队还创造了移动端组件库、企业级中后台管理系统、页面生成工具、脚手架市场、动效库、数据可视化库等。为保证用户得到最好的视觉体验，以上所有组件全部遵循一致的设计风格，即 Ant Design。因此，Ant Design 的生态可以说是非常强大。**蚂蚁金服的各个项目中，都有使用到 Ant Design****。**
+
+![](https://pic.yupi.icu/5563/202311091051598.png)
+
+Ant Design 中文主页：https://ant.design/index-cn
+
+
+
+## **Ant Design 组件库**
+
+Ant Design 提供了精美全面的组件库，**主要用于开发企业级中后台产品**，支持现在主流的三大前端开发框架 React（主要）、Vue、Angular，并提供了详细的文档，能够帮助开发者快速上手。
+
+![](https://pic.yupi.icu/5563/202311091051560.png)
+
+Ant Design of React 文档：https://ant.design/docs/react/introduce-cn
+
+Ant Design of Angular 文档：https://ng.ant.design/docs/introduce/zh
+
+Ant Design of Vue：https://www.antdv.com/docs/vue/introduce-cn/
+
+
+
+## **Ant Design Mobile**
+
+移动端流行的时代，怎么能少了移动 UI 库呢？Ant Design Mobile 就是 **Ant Design 组件库的移动端版本**，支持 React 和 Angular 两个主流开发框架，提供了丰富的组件，直接打开文档，复制代码略加修改即可使用组件。
+
+![](https://pic.yupi.icu/5563/202311091051570.png)
+
+Ant Design Mobile of React 文档：https://mobile.ant.design/docs/react/introduce-cn
+
+Ant Design Mobile of Angular 文档：https://ng.mobile.ant.design/#/docs/introduce/zh
+
+
+
+## **Ant Design Pro**
+
+**开箱即用的中后台前端系统**，封装了各种企业后台系统常用的页面和组件，比如监控页、表单页等等，甚至还有强大的图形编辑器！非常适合有 React 开发经验的同学直接使用（不建议小白直接使用，可能不会修改）！
+
+![](https://pic.yupi.icu/5563/202311091051565.png)
+
+地址：https://pro.ant.design/index-cn
+
+
+
+## **Ant Design Landing**
+
+Ant Design Landing 可以说是前端开发者「偷懒」的神器，**不用写代码，就能开发一个个精美的网站首页**。
+
+平台拥有丰富的各类首页模板，下载模板代码包，即可快速使用。
+
+![](https://pic.yupi.icu/5563/202311091051619.png)
+
+还可以在现有模板的基础上进行定制化编辑，快速搭建一个属于你的专属首页：
+
+![](https://pic.yupi.icu/5563/202311091051199.png)
+
+地址：https://landing.ant.design/index-cn
+
+
+
+
+
+## **Scaffolds 脚手架**
+
+And Design 脚手架市场，允许开发者**开发自己的模板页面、项目启动框架、组件、工具等并在此分享**。可以在这里找到很多节省开发工作量的现成优秀代码。
+
+![](https://pic.yupi.icu/5563/202311091051187.png)
+
+地址：https://scaffold.ant.design
+
+
+
+## **Ant Motion 动效库**
+
+Ant Design 风格的动效库，**提供各种常用的动画和灵活的高级动效组件**，让你的页面栩栩如生。
+
+![](https://pic.yupi.icu/5563/202311091051151.png)
+
+地址：https://motion.ant.design/index-cn
+
+
+
+## **AntV 数据可视化**
+
+蚂蚁金服是一家金融互联网公司，怎么少得了数据可视化呢？因此，团队开发了 AntV。
+
+AntV 是蚂蚁金服全新一代数据可视化解决方案，**致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践**。
+
+提供了各种类型的图表、数据可视化引擎、地理空间数据可视化、图分析组件、跨平台兼容的移动端数据可视化，还提供了在线制作图表的工具 ChartCube 图表魔方。每一个产品都是大制作！
+
+![](https://pic.yupi.icu/5563/202311091051167.png)
+
+> 用图表魔方制作图表：
+
+![](https://pic.yupi.icu/5563/202311091051211.png)
+
+> AntV 官网：https://antv.vision/zh
+
+
+
+## **Ant Design Charts 图表库**
+
+**对 AntV 数据可视化组件的封装**，能够以 Ant Design React 组件的方式直接使用图表，不得不说，真是太贴心了！
+
+![](https://pic.yupi.icu/5563/202311091051289.png)
+
+
+
+> 地址：https://charts.ant.design/
+
+
+
+------
+
+以上就是对蚂蚁金服 Ant Design 生态的介绍啦，前端开发者们，一定要试一下！
+
+想了解更多蚂蚁金服的前端技术和产品，可以点击下方**阅读原文**前往蚂蚁体验科技官网哦~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\217\210\347\201\253\344\270\200\344\270\252\345\211\215\347\253\257\351\241\271\347\233\256.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\217\210\347\201\253\344\270\200\344\270\252\345\211\215\347\253\257\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..a6dede8
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\217\210\347\201\253\344\270\200\344\270\252\345\211\215\347\253\257\351\241\271\347\233\256.md"
@@ -0,0 +1,115 @@
+# 又火一个前端项目
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 又一个前端超新星项目？
+
+大家好，我是鱼皮。
+
+今天逛 GitHub 的时候，在趋势榜上看到一个项目，竟然短短一天的时间内，涨了 1000 多个星星！
+
+就是这个名为 `solid` 的项目：
+
+![](https://pic.yupi.icu/5563/202311091053405.png)
+
+要知道日增上千 star 可是非常难得的，我不禁感到好奇，点进去看看这个项目到底有啥牛逼的？
+
+### 啥是 Solid？
+
+这是一个国外的前端项目，截止到发文前，已经收获了 8400 个 star。
+
+我总觉得这个项目很眼熟，好像之前也看到过，于是去 `Star History` 上搜了一下这个项目的 star 增长历史。好家伙，这几天的增速曲线几乎接近垂直，已经连续好几天增长近千了！
+
+![](https://pic.yupi.icu/5563/202311091053398.png)项目 Star 增长曲线
+
+看到这个曲线，我想起来了，solid 是一个 JavaScript 框架，此前在一次 JavaScript 框架的性能测试中看到过它。
+
+要知道，现在的 JavaScript 开发框架基本就是 React、Vue、Angular 三分天下，还有就是新兴的 Svelte 框架潜力无限（近 5w star），其他框架想分蛋糕还是很难的。那么 Solid 到底有什么本事，能让他连续几天 star 数暴涨呢？
+
+#### 描述
+
+打开官网，官方对 Solid 的描述是：一个用于构建用户界面的 **声明性** JavaScript 库，特点是高效灵活。
+
+顺着官网往下看，Solid 有很多特点，比如压缩后的代码体积只有 6 kb；而且天然支持 TypeScript 以及 React 框架中经常编写的  JSX（JavaScript XML）。
+
+来看看官网给的示例代码：
+
+![](https://pic.yupi.icu/5563/202311091053402.png)
+
+> Solid 语法
+
+怎么样，他的语法是不是和 React 神似？
+
+#### 性能
+
+但是，这些并不能帮助 Solid 框架脱颖而出，真正牛逼的一点是它 **非常快** 。
+
+有多快呢？第一够不够 ！
+
+![](https://pic.yupi.icu/5563/202311091053387.png)
+
+> JS 框架性能测试对比
+
+有同学说了，你这不睁着眼睛说瞎话么？Solid 明明是第二，第一是 Vanilla 好吧！
+
+哈哈，但事实上，Vanilla 其实就是不使用任何框架的纯粹的原生 JavaScript，通常作为一个性能比较的基准。
+
+那么 Solid 为什么能做到这么快呢？甚至超越了我们引以为神的 Vue 和 React。
+
+这是因为 Solid 没有采用其他主流前端框架中的 Virtual DOM，而是直接被静态编译为真实的原生 DOM 节点，并且将更新控制在细粒度的局部范围内。从而让 runtime（运行时）更加轻小，也不需要所谓的脏检查和摘要循环带来的额外消耗，使得性能和原生 JavaScript 几乎无异。换句话说，编译后的 Solid 其实就是 JavaScript！
+
+![](https://pic.yupi.icu/5563/202311091053419.png)
+
+其实 Solid 的原理和新兴框架 Svelte 的原理非常类似，都是编译成原生 DOM，但为啥他更快一点呢？
+
+为了搞清楚这个问题，我打开了百度来搜这玩意，但发现在国内根本搜不到几条和 Solid.js 有关的内容，基本全是一些乱七八糟的东西。后来还是在 Google 上搜索，才找到了答案，结果答案竟然还是来自于某乎的大神伊撒尔。。。
+
+要搞清楚为什么 Solid 比 Svelte 更快，就要看看同一段代码经过它们编译后，有什么区别。
+
+大神很贴心地举了个例子，比如这句代码：
+
+```
+<div>{aaa}</div>
+```
+
+经 Svelte 编译后的代码：
+
+```
+let a1, a2
+a1 = document.creatElement('div')
+a2 = docment.createTextNode('')
+a2.nodeValue = ctx[0] // aaa
+a1.appendChild(a2)
+```
+
+经 Solid 编译后的代码：
+
+```
+let a1, a2
+let fragment = document.createElement('template')
+fragment.innerHTML = `<div>aaa</div>`
+a1 = fragment.firstChild
+a2 = a1.fristChild
+a2.nodeValue = data.aaa
+```
+
+可以看到，在创建 DOM 节点时，原来 Solid 耍了一点小把戏，利用了 innerHTML 代替 createElement 来创建，从而进一步提升了性能。
+
+当然，抛去 Virtual DOM 不意味着就是 “银弹” 了，毕竟十年前各种框架出现前大家也都是写原生 JavaScript，轻 runtime 也有缺点，这里就不展开说了。
+
+除了快之外，Solid 还有一些其他的特点，比如语法精简、WebComponent 友好（可自定义元素）等。
+
+
+
+------
+
+
+总的来说， 我个人还是非常看好这项技术的，日后说不定能和 Svelte 一起动摇一下三巨头的地位，给大家更多的选择呢？这也是技术选型好玩的地方，没有绝对最好的技术，只有最适合的技术。
+
+不禁感叹道：唉，技术发展太快了，一辈子学不完啊！（不过前端初学者不用关心那么多，老老实实学基础三件套 + Vue / React 就行了）
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091053409.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\255\227\350\212\202\345\211\215\347\253\257\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201\345\220\271\347\210\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\255\227\350\212\202\345\211\215\347\253\257\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201\345\220\271\347\210\206\357\274\201.md"
new file mode 100644
index 0000000..efb14a6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\255\227\350\212\202\345\211\215\347\253\257\347\273\210\344\272\216\345\274\200\346\272\220\357\274\201\345\220\271\347\210\206\357\274\201.md"
@@ -0,0 +1,122 @@
+# 字节前端终于开源！吹爆！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> Semi Design 发布，前端同学的福音
+
+大家好，我是鱼皮。
+
+最近，字节跳动的抖音前端技术团队开源了一款企业级应用设计系统 `Semi Design` 。这也是他们团队在 GitHub 上首次公开的项目，短短几天，就收获了 3.6 k 个 star。
+
+![](https://pic.yupi.icu/5563/202311091151185.png)
+
+> GitHub 开源仓库
+
+老实说，看到这个开源项目的那一刻，我真的非常激动！因为我从第一次了解到字节跳动开始，就非常喜欢他家的设计风格，既简约又有现代感。
+
+这次他们开源的 Semi Design，不仅是一套精美的设计系统，还是一套开箱即用的 React 组件库，对于我这种喜欢用 React 来写前端的开发者，真的是福音了。
+
+![](https://pic.yupi.icu/5563/202311091151279.png)
+
+> semi-design 设计风格
+
+下面我带大家来看一下，这个 Semi Design 到底香不香！
+
+### 体验
+
+打开 Semi Design 的官方文档，可以看到官方对 Semi Design 的介绍：
+
+> Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。
+
+他有以下几大特点：
+
+- 遵循简洁轻量、现代化的设计风格，开放自定义，让设计 “活” 起来
+
+- 提供主题编辑器和主题商店，可以轻松切换视觉风格
+
+  ![](https://pic.yupi.icu/5563/202311091151248.png)
+
+  > 主题商店
+
+- 完备的国际化，默认支持十几种语言
+
+  ![](https://pic.yupi.icu/5563/202311091151221.png)
+
+- 采用跨前端框架技术方案实现、F/A 分层设计，通过重构，可以快速支持除 React 外的通用组件库，比如 Vue、Svelte 等：
+
+  ![](https://pic.yupi.icu/5563/202311091151173.png)
+
+  > F/A架构
+
+当然，光有这些并不能让我眼前一亮。毕竟现在前端的组件库实在太多了，像 “国际化” 这种很多组件库都具备的东西已经像是不成文的标准，不再是 “你有它让人很新鲜”，而是 “你没有它反而让人觉得垃圾” 。
+
+然后打开 Semi Design 的组件文档，可以看到页面比较精简、组件也很丰富。但是左侧组件菜单的小图标给我一种不太舒服的感觉，好像色彩太过丰富了一些。
+
+![](https://pic.yupi.icu/5563/202311091151209.png)
+
+> 组件文档
+
+此外，整个文档给我的感觉也是似曾相识，好像和蚂蚁的 React 组件库 `Ant Design` 神似。
+
+![](https://pic.yupi.icu/5563/202311091151799.png)
+
+> Ant Design 组件库
+
+然而，点击查看一个组件后，我发现了一些小惊喜。
+
+首先是每个组件上方都多了一个 `版本对比` 的按钮：
+
+![](https://pic.yupi.icu/5563/202311091151805.png)
+
+有了这个东西，我们可以快速了解每个组件随版本的更新和变化，从而减少一些版本不一致导致的 Bug。
+
+![](https://pic.yupi.icu/5563/202311091151905.png)
+
+> 版本对比
+
+还有就是提供了 `代码实时编辑` 的能力，我们想要使用哪个组件，都可以直接实时修改代码并查看效果。可以等调试出自己想要的界面时，再把代码复制到自己的项目中，从而大大提高开发效率。
+
+![](https://pic.yupi.icu/5563/202311091151900.png)
+
+> 实时编辑组件
+
+此外呢，Semi Design 还计划上线物料市场，可以理解为一个组件社区。之后会提供更多开箱即用的组件，帮助大家更快地开发出精美的前端界面。
+
+![](https://pic.yupi.icu/5563/202311091151312.png)
+
+> 物料市场
+
+总之，整体来说，我还是很看好 Semi Design 的。
+
+### 杂谈
+
+虽然网上都在说 Semi Design 是抄袭了 Ant Design，但也许这不是什么坏事。
+
+首先，蚂蚁的 Ant Design 本身就已经开源了，开源的理念之一就是希望让大家更好的参与项目的建设、共同促进技术的发展。蚂蚁团队为国内的前端生态做出了不可磨灭的贡献，也有很多成熟的、值得学习的理念和技术，其他组件库去借鉴和学习他们，自然也是对他们的肯定。
+
+当然，我本身很讨厌抄袭，但借鉴和抄袭是两码事。
+
+换个思路想想，假设 Ant Design 做的并不好，字节抖音那么大的团队，难道还会去借鉴他们么？难道他们团队没有实力去做一个又新又好的么？
+
+而且，仔细看 Semi Design 就会发现，他的语法风格和属性名称和 Ant Design 的也很类似。你当然可以说他是抄袭，但仔细想想，对于用户来说，使用不同的组件库时不需要去区分语法，可以保持之前的使用习惯，难道不是一件天大的好事么？
+
+> 比如很多编程语言的取子字符串函数名都是 substring，已经成为了一种不成文的标准。
+
+当我们做一个新产品、造个新轮子时，能让用户自然平滑地迁移和切换，是一种很机智的策略。
+
+再说了，字节开源了 Semi Design，不仅对我们开发者来说是多了一套选择，而且还变向地给 Ant Design 施加了压力，也许能促进他们更好地进步和完善呢？
+
+![](https://pic.yupi.icu/5563/202311091151994.png)
+
+当然，以上只代表我个人看法~ 无论如何，希望前端组件库能发展的更好，造福更多的开发者。
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，最后求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311091151249.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\276\210\345\244\232\347\275\221\347\253\231\357\274\214\346\240\271\346\234\254\344\270\215\347\224\250\350\207\252\345\267\261\345\201\232\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\276\210\345\244\232\347\275\221\347\253\231\357\274\214\346\240\271\346\234\254\344\270\215\347\224\250\350\207\252\345\267\261\345\201\232\357\274\201.md"
new file mode 100644
index 0000000..e464d21
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\345\276\210\345\244\232\347\275\221\347\253\231\357\274\214\346\240\271\346\234\254\344\270\215\347\224\250\350\207\252\345\267\261\345\201\232\357\274\201.md"
@@ -0,0 +1,178 @@
+# 很多网站，根本不用自己做！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一波现成的建站工具大分享
+
+大家好，我是鱼皮。
+
+对大部分同学来说，有自己的网站是很酷的事情。我还记得自己第一次亲手搭建个人博客时，真的是满满的成就感！
+
+![](https://pic.yupi.icu/5563/202311091049168.png)
+
+但不得不说，随着技术的发展和开源，如今现成的东西实在太多了！想要拥有个人网站，基本也都不用自己写代码了，几分钟就能轻松搞定。
+
+下面就分享一波现成的、开箱即用的网站生成器，对于想要快速搭建个人网站、甚至是上线属于自己产品的同学来说，绝对是非常不错的！
+
+#### WordPress
+
+开源的建站系统，小到个人博客、大到企业电商平台，都可以轻松实现。
+
+WordPress 的强大之处在于 **傻瓜式、多主题、插件丰富** 。
+
+首次使用 WordPress 时，只需要免费获取到其源码，然后跟着引导程序安装和可视化配置网站就好了。而且因为它的强大，现在很多云服务器都自带了 WordPress 镜像，都不用自己安装和部署了！
+
+![](https://pic.yupi.icu/5563/202311091049165.png)
+
+在后台轻轻点一下，就能从 8000 多个免费主题中随意切换：
+
+![](https://pic.yupi.icu/5563/202311091049279.png)
+
+> 选择主题
+
+WordPress 最强大的还是它的插件生态，通过安装插件，可以给你的网站添加更丰富的功能，比如投票、表单、邮件发送、第三方登录等、安全防护、搜索引擎优化等，甚至可以用 Elementor 插件可视化制作页面。
+
+![](https://pic.yupi.icu/5563/202311091049473.gif)
+
+> 可视化制作页面
+
+#### Docsify
+
+超级好用的文档站点生成器！
+
+特点是使用简单，跟着官网教程输入两行命令就能完成安装和生成站点了，生成的文档样式也很精简优雅，并且是响应式的，手机上看也很不错。
+
+效果如下：
+
+![](https://pic.yupi.icu/5563/202311091049188.png)
+
+其实我们平时看到一些的很多文档和文章分享网站，都是用 docsify 生成的，不需要任何的技术含量，能够让我们更专注于去写文章而非调整格式。
+
+#### Dumi
+
+阿里推出的文档站点生成工具，也是输入几行命令就能得到文档网站。
+
+和 docsify 不同的是，Dumi 专为 **组件开发** 场景而生，很适合作为组件库的文档。可以嵌入和折叠代码块、提供组件在终端中的浏览效果等，比如下方的移动端组件库站点：
+
+![](https://pic.yupi.icu/5563/202311091049172.jpeg)
+
+> 移动端组件预览
+
+Dumi 生成的网站很精简，而且封面支持自定义特性的展示，因此也很适合作为项目或产品的官方文档。我的编程导航文档，就是用 Dumi 生成的：
+
+![](https://pic.yupi.icu/5563/202311091049635.png)
+
+> 编程导航文档
+
+#### Img Cook
+
+阿里团队开发的页面生成器，运用人工智能技术，可以根据设计稿一键智能生成代码！
+
+![](https://pic.yupi.icu/5563/202311091049713.png)
+
+用法很简单，只需要上传一份设计稿（PS、sketch、图片等格式都可以），就能自动转换为对应的网页代码文件，甚至还可以随意编辑网页的内容、样式和事件！
+
+比如我上传一张小破站的截图，Img Cook 自动识别出了几个内容框，然后我就能手动修改内容数据：
+
+![](https://pic.yupi.icu/5563/202311091049668.png)
+
+利用这个原理，我们还可以随意修改表情包底下的文字，是不是很神奇~
+
+肯定会有同学对生成代码的质量表示怀疑，但事实上，阿里曾经用这个工具生成了双 11 会场的新页面，且 90% 以上的代码能够直接用！恐怖如斯。
+
+#### Ant Design Landing
+
+蚂蚁开发的网站首页生成器，平台提供了丰富的首页模板，可以快速帮我们上线专属网站首页。
+
+![](https://pic.yupi.icu/5563/202311091049729.png)
+
+选中模板后，还能够可视化地编辑页面中的元素、添加新元素等，想怎么改就怎么改！
+
+![](https://pic.yupi.icu/5563/202311091049029.png)
+
+最爽的是，还能够直接一键发布做好的网站！它利用 vercel 为我们提供了默认的可访问域名，不需要购买域名和服务器。
+
+（记得把生成的地址中的 "antlanding" 去掉，否则无法访问）
+
+![](https://pic.yupi.icu/5563/202311091049163.png)
+
+#### 腾讯兔小巢
+
+想要做好一款产品，就要多倾听用户的声音，持续接受他们的反馈并给予答复。
+
+有了兔小巢，这一切都变得简单了。这是腾讯提供的免费、专业的 **产品反馈平台** ，可以一键为我们的产品生成一个专属的反馈论坛，从而省去了自己搭建社区的麻烦。
+
+我的编程导航网站就是用了兔小巢，很省心很方便：
+
+![](https://pic.yupi.icu/5563/202311091049225.png)
+
+#### 百度统计
+
+想要运营好自己的网站，获取更多的用户，就一定要做好网站的数据统计，并且通过日常对数据进行分析，来了解用户的行为和偏好，以持续优化自己的网站。
+
+但自行开发网站统计功能可是非常麻烦的，需要前端埋点上报、后端收集等，哪块儿都需要精心设计，对这方面知识不了解的同学连基本的统计功能都做不出来，更别提什么大数据分析与可视化了。
+
+这时可以选择 **百度统计** ，超级好用的中文网站分析平台，支持网站、APP、小程序、线下零售等各种场景，轻松满足我们网站的数据自动采集、统计和分析需求。
+
+![](https://pic.yupi.icu/5563/202311091049211.png)
+
+> 用户分析
+
+功能强大不说，关键是这玩意太简单易用了，**只需一分钟，不用写任何代码** ，就能轻松接入百度统计，让它帮我们运营和分析网站啦！
+
+#### One Nav
+
+我在开发编程导航前，就去网上调研了一大波导航网站，结果发现很多导航网站长的一毛一样！基本都是下面这个样子：
+
+![](https://pic.yupi.icu/5563/202311091049219.png)
+
+后来发现，这根本就是用了 One Nav 这样一个 **导航网站** 主题来自动生成的，这个网站基于开源的 Web Stack 项目二次开发，提供了更好的体验，还支持了多引擎搜索、新闻、热榜等功能。
+
+但美中不足的是啊，想直接使用全部功能的话，要交费。。。
+
+#### Discuz
+
+Discuz 是几年前国内最知名的 PC 端开源社区软件，但由于移动互联网的发展，PC 社区逐渐失去高光，Discuz 的发展也停滞了。
+
+但前段时间，腾讯将 Discuz 升级成了 Discuz! Q，是一个更适配移动端的社区软件，依旧开源，并打通了微信生态（比如微信支付）。
+
+无需自己开发，动动手指就能拥有一个属于自己的社区。文章、视频、评论、点赞、关注、知识付费等应有尽有！
+
+![](https://pic.yupi.icu/5563/202311091049333.png)
+
+> 社区效果
+
+#### 后台管理
+
+后台管理平台可能是企业开发中最常见的需求了，有前台的地方通常就有后台，比如用户管理、商品管理、数据分析等。
+
+因此如今网上现成的后台管理平台也非常多，基本啥语言、啥框架实现的都有，比如 `vue-element-admin` 、`react-admin` 、`go-admin` 等，基本都是开箱即用，能省去重复搭建管理后台的麻烦。
+
+![](https://pic.yupi.icu/5563/202311091049605.png)
+
+> Vue 实现的管理后台
+
+#### 编程主页
+
+鱼皮开发的程序员精简主页，感兴趣的同学可以把代码拷到本地，随便改！
+
+![](https://pic.yupi.icu/5563/202311091049653.png)
+
+
+
+------
+
+
+最后，虽然说现成的网站真香，但对于学习编程的同学来说，自己用心做的、能学到知识的才是最好的！大家也可以参考上面的这些网站来学习。
+
+以上就是本期分享，所有网站直接根据名称在 `编程导航` 搜索即可~
+
+
+
+另外，本文章同步在 B 站发布了视频版（演示各个站点效果），欢迎大家 **点击下方阅读原文** 观看哦~
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091049724.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\347\224\250 Git \346\223\215\344\275\234\347\232\204\346\225\260\346\215\256\345\272\223\357\274\237\350\277\231\344\270\252\351\241\271\347\233\256\347\201\253\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\347\224\250 Git \346\223\215\344\275\234\347\232\204\346\225\260\346\215\256\345\272\223\357\274\237\350\277\231\344\270\252\351\241\271\347\233\256\347\201\253\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..732deb2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\347\224\250 Git \346\223\215\344\275\234\347\232\204\346\225\260\346\215\256\345\272\223\357\274\237\350\277\231\344\270\252\351\241\271\347\233\256\347\201\253\344\272\206\357\274\201.md"	
@@ -0,0 +1,77 @@
+# 用 Git 操作的数据库？这个项目火了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+Git 是一个开源的分布式版本控制系统，可以敏捷高效地管理代码，让项目代码支持同时存在多个不同的版本和分支，是程序员在项目开发中的必备工具。
+
+![](https://pic.yupi.icu/5563/202311091138173.png)
+
+> 版本控制
+
+除了代码文件可以进行版本控制之外，**数据其实也可以版本控制**！
+
+今天，Dolt 项目荣登 GitHub 趋势榜榜首，该仓库的介绍是 “Git for Data”，一个面向数据的 Git，目前已收获了几千个 star。
+
+![](https://pic.yupi.icu/5563/202311091138166.png)
+
+> GitHub 趋势
+
+下面我们来简单了解下 Dolt 项目。
+
+### 什么是 Dolt？
+
+根据官方介绍，Dolt 是一个基于 Git 协议的开源 SQL 数据库，使用 Golang 语言编写。
+
+首先它和 MySQL 关系型数据库一样，用于存储和管理数据，具有表、视图等概念，支持数据的增删改查等操作。
+
+![](https://pic.yupi.icu/5563/202311091138185.png)
+
+> 对 Dolt 执行数据库操作
+
+然而更棒的是，它提供了一个命令行工具，完美支持所有的 Git 命令，并且语法完全相同！允许用户像使用一个 git 仓库一样对数据进行 fork、clone、branch、merge、push 和 pull 等操作。
+
+![](https://pic.yupi.icu/5563/202311091138169.png)
+
+> Dolt 命令行
+
+当你提交数据到存储库时，Dolt 会自动存储提交日志，比如本次修改的内容、作者、提交时间等，从而实现了对数据单元的版本控制，便于多人对数据进行协作和优化。
+
+![](https://pic.yupi.icu/5563/202311091138158.png)
+
+> Dolt 日志
+
+比如一个班的同学在使用公共数据做实验时，可能需要针对实验提供不同的数据，这个时候就可以用 Dolt 来进行数据的版本控制。
+
+![](https://pic.yupi.icu/5563/202311091138182.png)
+
+> 数据版本控制
+
+你还可以随时查看上次提交的数据与当前数据的区别，一旦有人不小心把公共数据改错了，发现当前数据有异常时，可以轻松地回滚和修复问题。
+
+![](https://pic.yupi.icu/5563/202311091138736.png)
+
+> 查看不同版本的数据区别
+
+Dolt 简直就是 Git 和 MySQL 的孩子！
+
+![](https://pic.yupi.icu/5563/202311091138743.png)
+
+> 这也不像啊
+
+关于 Dolt 的使用方法，官方已经给了详细的教程，还是比较简单的。
+
+### DoltHub
+
+就像 Git 拥有 GitHub 作为代码的开源远程托管平台一样，Dolt 官方也提供了相应的远程托管平台，即 DoltHub。
+
+DoltHub 允许用户将自己的 Dolt 数据库免费托管到他们提供的云存储服务中，便于管理和协作。你可以像浏览 GitHub 一样浏览 DoltHub，在这里发现优秀的数据集，比如 Coronavirus（冠状病毒）、Google Open Images 等，拿去实验和数据分析都是极好的！
+
+![](https://pic.yupi.icu/5563/202311091138783.png)
+
+> DoltHub
+
+------
+
+虽然数据版本控制的概念在很早之前就已经被提出和落地，但是 Dolt 的热门应该能够帮助更多同学了解和使用这类系统，我还是很期待他的发展。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\205\276\350\256\257\347\232\204\345\206\205\351\203\250\345\210\206\344\272\253\357\274\214\345\244\247\350\265\236\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\205\276\350\256\257\347\232\204\345\206\205\351\203\250\345\210\206\344\272\253\357\274\214\345\244\247\350\265\236\357\274\201.md"
new file mode 100644
index 0000000..6afb0eb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\205\276\350\256\257\347\232\204\345\206\205\351\203\250\345\210\206\344\272\253\357\274\214\345\244\247\350\265\236\357\274\201.md"
@@ -0,0 +1,76 @@
+# 腾讯的内部分享，大赞！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 前端最新技术和优秀文章分享
+
+大家好，我是鱼皮。
+
+之前有不少朋友问我：学编程时在哪里可以了解到最新的技术、阅读一些前沿的文章？
+
+于是我决定之后不定期给大家分享一些渠道，一起多学点技术。
+
+正好，前几天看到了前端同事在内部的技术分享，感觉非常用心，也让我受益匪浅。这不，反手就给大家分享出来！
+
+![](https://pic.yupi.icu/5563/202311091154990.png)
+
+“你这孩子，不怕泄密么？小心马总给你踢出群聊！”
+
+![](https://pic.yupi.icu/5563/202311091154987.png)
+
+哈哈，大家请放心，同事分享的其实是他们 TNTWeb 前端团队的 `开源项目` ，可放心食用~
+
+TNTWeb 是腾讯新闻中台前端团队，下面分享他们在 GitHub 上公开的其中 3 个项目。
+
+#### TNT-Weekly
+
+> 地址：https://github.com/tnfe/TNT-Weekly
+
+这是一个持续更新的前端周刊项目，由官方精心挑选和整理了 web 前端技术领域（包括 H5、小程序等）的精品内容，包括国内外的技术文章、开源项目、前端技巧等。意在帮大家过滤掉一些无意义的信息，更快地感知到前端的飞速发展。
+
+![](https://pic.yupi.icu/5563/202311091154993.jpeg)
+
+进入项目仓库，我们可以直观地看到往期周报，可以挑选感兴趣的内容阅读，像 `React 运行时优化方案的演进` 、`从零到一实现企业级微前端框架` 等，都是不错的实践分享。
+
+![](https://pic.yupi.icu/5563/202311091154011.png)
+
+当然，我觉得阅读这种技术周报还有一个好处就是 `多接触些名词` ，有的时候，你不去用这项技术可能只是因为你不知道它的存在！看到这个词之后，你便可以通过 `搜索 => 阅读 => 实践` 一套组合拳把该技术拿下。
+
+#### FEDiagram
+
+> 地址：https://github.com/tnfe/FEDiagram
+
+这是一个 `图说前端项目` ，意在通过图画的方式，帮助开发者理解前端开发中一些晦涩难懂的知识细节。
+
+![](https://pic.yupi.icu/5563/202311091154024.png)
+
+目前共有 15 期，每期都有一个主题和几张相关的知识图片。举个例子，第 4 期中主要分享了 ES6 相关知识，比如 ES3、ES5、ES6 的区别是什么？
+
+![](https://pic.yupi.icu/5563/202311091154979.png)ES3、ES5、ES6 的区别
+
+唯一遗憾的是，该项目已经有段时间没有更新了，不知是 star 太少没动力还是没时间去维护了。但已经整理的 15 期还是很不错的！
+
+#### awesome-blackmagic
+
+> 地址：awesome-blackmagic
+
+听名字就很中二的项目，作者把开发中常用的奇技淫巧称为魔法，还中二地对这些魔法按照语言、框架进行了分类！比如黑魔法是 js、ts 相关、蓝魔法是框架相关等。
+
+![](https://pic.yupi.icu/5563/202311091154538.png)
+
+打开项目就能看到全部魔法了，以黑魔法为例，有一些实用的 JavaScript 小技巧和有趣的技术实践：
+
+![](https://pic.yupi.icu/5563/202311091154532.png)
+
+我看了几篇，感觉整理的还不错，大家可以去阅读一下。但同样可惜的是，这个项目也好久没维护了！毕竟在工作的同时去维护开源项目，真心不容易啊。
+
+
+
+------
+
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311091154527.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\277\231 10 \344\270\252\345\210\233\346\204\217\351\241\271\347\233\256\357\274\214\345\244\252\351\241\266\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\277\231 10 \344\270\252\345\210\233\346\204\217\351\241\271\347\233\256\357\274\214\345\244\252\351\241\266\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..8892960
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\347\274\226\347\250\213\350\265\204\346\272\220/\351\241\271\347\233\256\346\216\250\350\215\220/\350\277\231 10 \344\270\252\345\210\233\346\204\217\351\241\271\347\233\256\357\274\214\345\244\252\351\241\266\344\272\206\357\274\201.md"	
@@ -0,0 +1,244 @@
+# 这 10 个创意项目，太顶了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 整理了 10 个高星创意项目，开拓思路
+
+大家好，我是鱼皮，今天分享一些开源的、有趣的项目，主要目的是给正在自学编程、不知道做什么项目的小伙伴一些思路启发。
+
+### 前端
+
+#### windows11
+
+可以直接运行在浏览器里的 windows11 系统！无论是界面还是体验都是对 windows11 的高度还原，还可以浏览网页、打开 VS Code 写代码，足以看出作者的用心。
+
+![](https://pic.yupi.icu/5563/202311091053752.png)
+
+这个项目乍一看很厉害，但实际用到的技术并不复杂，都是一些主流的前端技术，通过 iframe 内嵌网页的方式实现敲代码工具之类的高级功能。再加上项目结构规范清晰，很适合学前端的小伙伴学习。
+
+我特地录制了一期视频带大家体验该项目、分享设计思路，欢迎大家观看~
+
+> 视频地址：https://www.bilibili.com/video/BV1M64y1e7tv/
+
+![](https://pic.yupi.icu/5563/202311091053623.png)
+
+技术栈：前端 React + CSS Modules
+
+难度：⭐️⭐️
+
+创意：⭐️⭐️⭐️⭐️
+
+实用：⭐️
+
+#### air-conditioner
+
+之前火爆朋友圈的云空调项目，其实是一个小网页，因此做到了真正意义上的便携哈哈。
+
+![](https://pic.yupi.icu/5563/202311091053594.png)
+
+别看只有一个页面，这个前端项目用到的主流技术还真不少，而且作者的脑洞和制作的用心程度着实让人佩服，打开小空调后还会触发真实的空调吹风音效，让我感觉真的凉快下来了。
+
+技术栈：前端 React + TypeScript + Sass + Redux + Material UI
+
+难度：⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️⭐️⭐️
+
+实用：⭐️
+
+#### codelf
+
+帮助程序员解决变量命名问题的神器，可以输入中英文词汇，自动为你推荐合适的英文变量名称。
+
+![](https://pic.yupi.icu/5563/202311091053513.png)
+
+但事实上，他只是用翻译插件先将你的中文输入翻译成英文，然后用英文单词去请求 `SearchCode` 代码搜索服务，从而获取结果。
+
+基于这个原理，我自己也做了一个表情包搜索神器 HahaLF，可以一键从 “全网” 搜索表情包，代码也开源了~
+
+![](https://pic.yupi.icu/5563/202311091053637.png)
+
+技术栈：前端 React + Gulp + Animate.css + SearchCode
+
+难度：⭐️⭐️
+
+创意：⭐️⭐️⭐️
+
+实用：⭐️⭐️
+
+#### bytemd
+
+如今前端富文本编辑器有很多，但真正好用又免费的寥寥无几。
+
+bytemd 是字节跳动开源的前端富文本编辑器组件，和掘金的写作风格一致、同时支持 Markdown 和傻瓜式操作、支持多个主题、插件式的设计使得开发者可以按需定制富文本编辑器。
+
+![](https://pic.yupi.icu/5563/202311091053531.png)
+
+最主要的是它同时支持原生以及各种主流前端框架（甚至还有 Svelte），所以很实用，且适合学习。
+
+技术栈：前端 Vue、React、Svelte + TypeScript + Rollup
+
+难度：⭐️⭐️⭐️⭐️
+
+创意：⭐️⭐️
+
+实用：⭐️⭐️⭐️⭐️
+
+### Java
+
+网上的 Java 项目千篇一律，像商城、博客、各种管理系统，早就没什么新意了，只能算是学习 Java 时的基础项目。
+
+当然，做的大、做的好、做的精致就另当别论了，但现实往往是功能基础、Bug 层出不穷。所以下面分享 3 个不同方向的、非业务类型的 Java 项目。
+
+#### QR-Code-generator
+
+支持多种主流编程语言的二维码生成器类库，只需编写几行代码，就能快速生成二维码图片。
+
+项目基本没有使用第三方类库，而是纯手写实现二维码生成算法，非常纯净，很适合对算法感兴趣的朋友学习。
+
+再结合前端，做一个艺术二维码生成器也不错哦~
+
+![](https://pic.yupi.icu/5563/202311091053996.png)
+
+技术栈：Java 基础 + 算法
+
+难度：⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️
+
+实用：⭐️⭐️⭐️⭐️
+
+#### arthas
+
+阿里开源的 Java 线上诊断利器，可以帮助开发者分析线上 Java 程序的信息和异常、不重启项目直接热修复问题。
+
+![](https://pic.yupi.icu/5563/202311091053086.png)
+
+虽然我把它放到了本次的创意项目推荐中，但这却是一个很庞大、很复杂、极其实用的项目，用到了很多 Java 的高级知识（比如探针）。
+
+之前也有很多朋友问我什么项目可以打动面试官，这便是其中之一，不写重复的增删改查业务代码，而是解决实际的技术工程问题。
+
+不过确实很难就是了，可以先从会使用它开始，再去了解它的底层原理，最后自己做一个！
+
+技术栈：Java + Maven + Netty
+
+难度：⭐️⭐️⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️⭐️
+
+实用：⭐️⭐️⭐️⭐️
+
+#### mybatis-generator
+
+知名 Java 数据库访问框架 MyBatis 官方推出的代码生成器，可以帮助开发者快速生成重复的增删改查代码，减少工作量、提高开发效率。
+
+![](https://pic.yupi.icu/5563/202311091053114.png)
+
+如今，代码生成在前后端领域都越来越流行，代码生成平台也层出不穷，是类不错的项目。当我们在抱怨重复写代码的时候，不妨试着把重复的代码抽象出来，编写一套逻辑，用命令一键生成代码。
+
+但怎么更优雅、灵活地生成通用代码，还是有很多门道的，因此，官方开源的生成器很值得去学习。
+
+> 顺带一提，MyBatis Plus 也相当好用！
+
+技术栈：Java + Maven + MyBatis + JavaParser
+
+难度：⭐️⭐️⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️
+
+实用：⭐️⭐️⭐️⭐️⭐️
+
+### Python
+
+#### thefuck
+
+程序员的日常工作离不开命令行，当不小心输错或忘记命令时，通常会感觉很火大，忍不住就是一声 f*ck！
+
+因此，有个小机灵鬼开发了 thefuck，自动修正命令行错误的工具。当你输错命令时，再输入一次 fuck，就能自动执行正确的命令了！
+
+以下是一些演示：
+
+![](https://pic.yupi.icu/5563/202311091053383.gif)
+
+虽然没什么用，但还是感觉很厉害的样子。
+
+看了下代码，99.9% 纯 Python 实现，目录结构和代码规范都很规整，适合有一定编程基础的朋友学习。
+
+技术栈：Python
+
+难度：⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️⭐️⭐️
+
+实用：⭐️⭐️
+
+#### avatarify
+
+提供一张图片，打开摄像头，就能让图片中的人物随着你的表情动起来~
+
+![](https://pic.yupi.icu/5563/202311091053160.gif)
+
+这个玩意在前段时间还是挺火的，虽然用到了一些人工智能技术，但不需要特别关心这块的实现。真正的程序代码文件没多少个，还是挺适合学习一段时间 Python 的同学练手的。
+
+技术栈：Python + Shell + 人工智能
+
+难度：⭐️⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️⭐️⭐️
+
+实用：⭐️⭐️
+
+### 其他
+
+#### askgit
+
+用 SQL 语言来查询 Git 仓库信息的工具。可以让了解基本 SQL 语法的同学从复杂难记的 Git 查询语言中解脱，更快地对代码仓库进行统计分析。可以在线使用：
+
+![](https://pic.yupi.icu/5563/202311091053444.png)
+
+> 在线使用
+
+项目用到了数据库，把 Git 信息存储成数据库中的一张表，从而支持 SQL 语句查询。想做这样一款工具，除了能使用一门编程语言外，对 SQL 和 Git 也要有一定的了解。
+
+技术栈：Go + Sqlite
+
+难度：⭐️⭐️⭐️
+
+创意：⭐️⭐️⭐️⭐️⭐️
+
+实用：⭐️⭐️⭐️
+
+#### Dress
+
+“好耶，是女装！”
+
+这就是 Dress 项目的全部简介了。
+
+没错，这是一个真真实实的女装项目，收集了大概 1000 多张的女装图片，而且基本都是用户自发上传！
+
+第一次打开网页的时候，我就条件反射地把它关掉了，善哉善哉。
+
+![](https://pic.yupi.icu/5563/202311091053619.png)
+
+> 本文封面就是这么来的，仅供大家一乐，不是本人谢谢~
+
+技术栈：手
+
+难度：⭐️
+
+创意：⭐️⭐️⭐️⭐️⭐️
+
+实用：⭐️⭐️⭐️⭐️⭐️
+
+
+
+------
+
+
+以上就是本期分享，所有的项目直接根据项目名在 GitHub 搜索即可~
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311091053543.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/23 \345\262\201\357\274\214\346\210\221\346\213\205\345\277\203\344\270\255\345\271\264\345\215\261\346\234\272.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/23 \345\262\201\357\274\214\346\210\221\346\213\205\345\277\203\344\270\255\345\271\264\345\215\261\346\234\272.md"
new file mode 100644
index 0000000..af22719
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/23 \345\262\201\357\274\214\346\210\221\346\213\205\345\277\203\344\270\255\345\271\264\345\215\261\346\234\272.md"	
@@ -0,0 +1,53 @@
+# 23 岁，我担心中年危机
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享一些 Real Talk。
+
+前段时间，有小伙伴问我：“鱼皮，你会担心中年危机么？”
+
+我的回答是：“曾经会，现在不会了。”
+
+为什么？
+
+之所以曾经会担心，是因为那会儿对计算机这个行业并不了解，更多地是道听途说。比如从高考填志愿的时候大家就跟我说学计算机会很吃青春饭，以后不稳定，就让我把计算机和中年危机联系在了一起。
+
+而如今自己也踏入这个行业几年了，我对程序员这一工作有了更多实际的体验和看法：笑死，别说中年危机，我现在从头到脚全身都是危肌！能不能坚持到 35 岁都是个问题！
+
+![](https://pic.yupi.icu/5563/202311071328379.jpeg)
+
+> 网图
+
+23 岁，掉头发、肩颈麻、皮肤差、记性和体能退化，这都是常年的熬夜和焦虑带给我的。
+
+当然，大家不要担心，上面这些可能只是由于我个人过于爆肝导致的，不代表普遍现象。毕竟你得到的越多，付出的代价也越多。
+
+除了身体的危机外，我觉得更多同学对 “中年危机” 的担心体现在工作的稳定性上，毕竟这两年裁员风声不断。
+
+之前 [星球](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&chksm=e9c24557deb5cc41b1f2ecefdd23eb1370e261a47c23ad89b1d1428537fd1e8fe39762e707e1&scene=21#wechat_redirect) 里一位小伙伴跟我聊：自己已经工作几年了，只会写一写简单的前端页面，现在面临互联网裁员，危机感越来越强，我应该怎么办？怎么保住自己的工作？
+
+那对于这个问题，我觉得要跳出自己作为一名打工人的思维，而是要站在公司 / 领导者的角度去分析：即公司什么情况下会选择开除程序员？会开除哪些程序员？
+
+如果我是某个公司的负责人，我可能会这么考虑：
+
+1. 这个程序员能否给公司带来对得起他薪资的价值。比如在公司待的比较久的程序员一般薪资都会高一些，但是如果他的工作很简单、或者负责的业务也不行（比如赚不到钱、或者用不了什么复杂的技术），那显然留他的性价比不高。花更少的钱把项目外包出去，不香么？
+2. 这个程序员是否相对于其他人来说有自己的 `不可替代性` 。比如有的技术只有他懂、有的工作只有他能做，一旦他走了，业务发展会受到较大的影响、项目会受到延误。那这种情况下，我肯定不会开除他。但是如果他做的事情换一个新人来做也是一样，别人轻轻松松就能上手开发或接手他的业务，那么可能就没有那么安稳了。
+3. 看这个程序员未来的潜力。比如有两个人，小 A 虽然刚进公司，但他的学习能力和工作态度都很好；而 小 B 虽然已经在公司 5 年了，但他不怎么学习，接受新技术很慢、工作懒散，而且他的工作内容是可以被接手的（没有核心竞争力）。这种情况下一旦公司业务发展不行了，我可能更倾向于留小 A。
+
+所以要想防止中年危机，就要想办法提升自己在公司的价值。首先工作态度要积极主动、认真负责，不能说等工作前几年的激情散去后就选择躺平了；还要能主动推动业务发展、多了解公司业务、拓宽自己的职责边界（比如你是一名前端开发同学，也要去主动了解后端的业务逻辑）；此外，还要持续提高自己的综合能力，打造自己的不可替代性（比如多写代码、提高问题解决能力，做到有的问题只有你能解决那就厉害了）。
+
+另外，之所以会说程序员这行吃青春饭，还有一个原因是新技术迭代太快了，有的同学可能刚学完 Vue 2，Vue 3 就出来了；刚学完 SpringBoot 2，Spring Boot 3 就要出来了。。。所以坚持学习很重要，像我现在虽然工作内容是后端 + 大数据，但是每周都会自主开发前端项目，也在持续关注各领域新技术的动向。
+
+再给大家一个建议，就是要在学习和工作中留下一些自己的东西，提升自己的影响力。比如写一本书、比如打造一个自己的开源项目、比如录制一套自己的教程、或者分享一些自己的经验都可以。技术会过时，但是你的经验、你的思想、你的作品 “保质期” 会更长，比如提到一些开源框架的作者大家都会感到很佩服。
+
+当然，中年危机还有的很多客观原因，比如公司效益、业务发展不好等等，有些时候并不是我们能够决定的。所以比起对周围的环境担心和焦虑，更多的还是做好我们自己。始终保持热情，始终追求优秀。也希望自己的心态永远保持年轻和乐观~
+
+![](https://pic.yupi.icu/5563/202311071328421.png)
+
+最后，如果你在编程学习和求职的过程中有任何问题或迷茫，欢迎加入我的知识星球向鱼皮提问，我会给你力所能及的帮助和建议；另外，加入星球后可以领取鱼皮原创和整理的编程学习 / 求职资料；还可以跟着我的直播学做项目，往期项目都有回放 + 笔记 + 源码，做项目的过程中遇到任何问题也可以问我；最近秋招开始了，星球内也会帮大家规划求职进度、完善简历和项目。上周刚刚直播改了几份简历，给大家分享了不少写简历的技巧和注意事项，欢迎观看。
+
+长按下方海报扫码加入体验（3 天内可全额退款），点击文末阅读原文（或访问 **https://yupi.icu**）可以详细了解星球。大家一起加油 💪🏻 ！
+
+![](https://pic.yupi.icu/5563/202311071328656.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/README.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/README.md"
new file mode 100644
index 0000000..73bad7a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/README.md"
@@ -0,0 +1,9 @@
+### 职场经验
+
+[23 岁，我担心中年危机](./23%20岁，我担心中年危机.md)
+
+[入职第一天，想跑路了！](./入职第一天，想跑路了！.md)
+
+[工作一年，天天 CRUD。。](./工作一年，天天%20CRUD。。.md)
+
+[在车上偶遇一位阿里大佬！](./在车上偶遇一位阿里大佬！.md)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\205\245\350\201\214\347\254\254\344\270\200\345\244\251\357\274\214\346\203\263\350\267\221\350\267\257\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\205\245\350\201\214\347\254\254\344\270\200\345\244\251\357\274\214\346\203\263\350\267\221\350\267\257\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..b26dd33
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\205\245\350\201\214\347\254\254\344\270\200\345\244\251\357\274\214\346\203\263\350\267\221\350\267\257\344\272\206\357\274\201.md"
@@ -0,0 +1,54 @@
+# 入职第一天，想跑路了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鲏。
+
+想先问大家一个挺有代表性的问题：如果你入职到一家新公司后，发现公司用的技术和你想的不一样，你会怎么做呢？
+
+昨天我在 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=1562751299&lang=zh_CN&scene=21#wechat_redirect) 回答了一个类似的问题，给大家一些参考：
+
+## 问题
+
+鱼皮你好，我刚毕业，入职了一家科技公司，公司规模也很大。
+
+但是今天正式进入试用期，领导介绍了下我们组负责的产品和相应的功能，我才发现，这家公司是用 Java 最基础的 API 来开发，连 Spring Boot 之类的主流开发框架都没有用到，而是选择自研。我就突然有点迷茫了，因为我是 Java 方向的，担心一直待下去会不会和主流技术脱轨？会不会对职业发展产生阻碍？所以比较纠结是否要跑路。
+
+目前我是偏向于不跑的，因为不确定能否找到差不多的工作，所以想听听鱼皮的建议。
+
+## 鱼皮回答
+
+先给结论，我的建议是：毕业生，先稳住脚跟，不要轻易跑路！
+
+毕竟在这个大环境下，找工作不易，且行且珍惜。
+
+其实你的情况和我大三暑期刚进腾讯实习的时候是一模一样的，所以我有些感同身受。
+
+我刚开始进腾讯实习的时候，用的也不是特别主流的框架，像什么 Spring Boot、Spring Cloud 之类的。我当时也是在用一些冷门的框架，包括说我们部门内部自己造的一些轮子，其实在我当时看来也是会有一点点失望，也会像你一样担心 “哎，好像学这些没那么主流的技术，会不会影响我的秋招、会不会影响我以后的职业发展？”
+
+但是实际工作两个月、也跟一些同事交流之后，我就改变了自己的想法。从 “学生思维” 出发，大家都希望公司给的工资要多、而且还要给自己成长；但从公司的视角来看，无论你会什么技术、要求你用什么技术，公司首先是要你来干活的。换句话说，你到公司是来赚钱的。所以不需要对公司本身能给你带来的成长有过高的预期，你进去就是拿钱干活儿，然后有成长当然更好。不要过于理想化，适当降低预期，工作过程才会更顺心。
+
+> 如果你本身对自己的能力非常有自信，当然可以去找更理想的工作，不过应该就不会问出类似的问题了。
+
+所以你要始终有 **自学** 的意识，无论公司的业务好与坏、无论公司实际用的技术是否符合你的 “胃口”、或者说市场的调性，你都要多花时间自学，这件事情是毋庸置疑的。
+
+其次，虽然说这个公司用的技术可能并不主流，但是呢，你作为一个刚毕业的同学来说，肯定还是能学到很多东西的，比如说职场生存经验、沟通协作的技巧、编写文档的能力、需求分析能力、系统设计能力等等，这些能力是不局限于某一个编程语言或者某一个框架技术的。尤其是刚工作第一年的时候，只要你积极参与工作，这些能力的提升会很明显。
+
+还有就是，你现在认为再简单的一个工作，其实交给不同的人去做，做出来的结果好坏也是完全不一样的。就举个最简单的例子，编写一个项目文档，新人可能就机械性地介绍一下代码目录就结束了；而有经验的程序员会从读者的角度出发，通过各种流程图、时序图、UML 类图来讲解业务流程和项目架构。
+
+所以作为刚毕业的同学，希望能够有一个积极向上的心态，不要觉得简单的工作就会影响你的职业发展。还是那句话，换个视角很多问题就能想明白了。比如我从 Leader 的角度来看，你刚进公司当然不会给你难度很大的工作、也不会给你画很大的饼，只有你先把简单的工作完成得漂亮，领导和导师才会更加重视你，才会给你更多的机会去学习新的东西（比如你提到的自研框架）。
+
+思考一下，换做你是 Leader，会不会也是这样给新人安排工作呢？
+
+所以还是那句话，放平心态、积极向上，尤其不要眼高手低，踏实地做好每一件事。只要你自己不躺平、不摆烂，持续学习，没有公司和任何人能阻止你的进步。
+
+如果觉得公司不能带给你任何成长了，那么改变不了环境，就去改变自己，找好下家再跑路。
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544329&idx=1&sn=8c268a0a40befcc2b470c75ced1cb1d6&chksm=e9c2c9fedeb540e848aa18c484a9674dc9dd28fc45bb510dc4be52b147dd4c1d8fd7fe6899df&token=1562751299&lang=zh_CN&scene=21#wechat_redirect) ，和 2 万多名编程学习者共享知识、交流进步，学习鱼皮全程直播开发的原创项目、上千篇优质编程学习求职经验分享、并获取 1 对 1 答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\234\250\350\275\246\344\270\212\345\201\266\351\201\207\344\270\200\344\275\215\351\230\277\351\207\214\345\244\247\344\275\254\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\234\250\350\275\246\344\270\212\345\201\266\351\201\207\344\270\200\344\275\215\351\230\277\351\207\214\345\244\247\344\275\254\357\274\201.md"
new file mode 100644
index 0000000..6e98495
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\234\250\350\275\246\344\270\212\345\201\266\351\201\207\344\270\200\344\275\215\351\230\277\351\207\214\345\244\247\344\275\254\357\274\201.md"
@@ -0,0 +1,185 @@
+# 在车上偶遇一位阿里大佬！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+今天就要回上海了，在汽车上本来想闭目养神一下，没想到却偶遇了一位技术 Leader 级别的阿里大佬。作为小辈，有很多问题想向大佬请教，就聊上了，相谈甚欢。
+
+聊了很多话题，比如技术、业务、跳槽、加班、面试等，有一部分对话还是挺有帮助的，把我能想起来的分享给大家，下面就用代号 Q 来代指大佬。
+
+![](https://pic.yupi.icu/5563/202311071334949.jpeg)
+
+### 和 Q 的对话
+
+我刚上车，Q 很热情的打招呼：“兄弟，看你挺年轻，做什么职业？”
+
+我：“互联网，小开发。”
+
+Q：“在哪儿上班呢？”
+
+我：“腾讯。”
+
+本来以为聊天到这里结束了， 毕竟我也不太会聊天。
+
+没想到 Q 直接掏出手机说：“兄弟，加个微信吧，我在蚂蚁金服，最近在招人。”
+
+好家伙，这我是真没想到，现场挖人！
+
+在聊天中，慢慢了解到，他是我的学长，15 届本科毕业，比我早工作 5 年，也是 IT 研发方向，现在也是蚂蚁金服技术 Leader 了。
+
+我立刻就来了兴致，除了我领导，这是我第一次这么近距离和大佬交流，于是问了不少问题。
+
+我：“想问一下，工作 5 年后，你平时的工作主要是做些什么呢？还会花很多时间敲代码么？”
+
+Q：“不会，现在每天敲代码的时间不足 1 / 3，更多的时间投入到需求、协调和沟通上。”
+
+这倒是意料之中，毕竟业务开发中写代码并不是主要的，更重要的是确定需求，明确个人职责，思考怎么更好的实现。
+
+我：“阿里的 Java 技术非常强大，在工作中，是不是不用自己造轮子，写重复代码？”
+
+Q：“虽然我们公司的编程语言更偏向 Java，也有各种 Java 的基础设施（轮子），但偶尔还是会写重复的轮子。毕竟每个技术框架都有自己的优势，不会说有一个轮子能吃遍天下，只是有的轮子适合小轿车，有的轮子适合大卡车罢了。如果完全依赖现有轮子，怎么推陈出新呢？”
+
+我：“现在很多人的工作都是写业务代码，重复性很大，感觉写久了也没什么进步空间。阿里的工作中会有很多的新事物和挑战么？应该怎么提升自己呢？”
+
+Q：“首先，我们这很多组都会配 2 名外包同学，比较简单的业务工作交给他们，我们则更多的是实践系统在技术和业务上的优化。重复的工作不可避免，该完成的也还是要完成。不过，在工作之余，要多思考和学习工作之外的东西，不能因为工作重复、能够轻松完成，就松懈了。”
+
+我：“阿里的工作时长怎么样呢？”
+
+Q：“这个要看具体的部门，我们这时忙时不忙，跟着业务走，每年大概有 4 个月会比较忙，是 996，其他的时间正常双休。不得不说，单休真的挺痛苦的，基本就是在家睡一天就没了。”
+
+我：“刚开始你说最近你们在招人，蚂蚁金服还愁招不到人么？”
+
+Q：“卷啊，你别看投简历的很多，但大部分都是不符合要求、或者被洗过的，所以我现在都跑到脉脉上招人了。”
+
+我：“哈哈，我也经常在脉脉上收到一些技术同学的面试邀请，没想到大厂招聘也有难处。想问下，求职者投递简历，是直接给到面试官手里，还是先给 HR 筛选呢？”
+
+Q：“大部分都是直接给面试官的，由面试官筛选。”
+
+我：“那你看简历的时候，偏向哪些方面呢，为什么很多简历不符合要求呢？你刚刚说很多人简历被洗过，又是什么意思呢？”
+
+Q：“我们属于社招，我主要看重两个方面，**学历** 和 **工作经验**，学历必须是 211 本科起步，工作经验主要是看他过去负责的业务以及用到的技术。这两个有任何一个过关，就算简历通过了，我也不会直接用学历来卡人。但现实很残酷，大部分的简历基本都是一张白纸，根本没办法请他来面试。可能你看到网上很多人简历各种秀，但那毕竟是一小部分人。”
+
+Q：“洗简历是指之前已经通过猎头或其他面试官投递过阿里的社招岗位了，但是没通过。其实每一次面试都有档案，你未通过的次数越多，后面通过的几率就越小。所以我更看重第一次投递阿里社招的，干净的简历。”
+
+我：“你怎么看待跳槽呢？”
+
+Q：“跳槽是很正常的，每家公司都有自己的瓶颈，适当跳槽能够带来晋升和涨薪机会。不过如果在当前公司，晋升机会还挺多的话，不建议跳槽。比如你现在，工作才 1 年不到，到了阿里职级也不会很高，现在跳槽血亏，等你能对标到其他公司高职级的时候，在考虑吧。”
+
+我：“哈哈，的确，我也妹想过跳槽。再问问你作为面试官，都会问候选人哪些问题呢？会问算法么？”
+
+Q：“其实社招业务开发岗对算法的要求不高，属于一种筛人的手段，我一般会从候选人的简历出发，问他做过的项目，听他讲述自己的工作经验。如果某技术涉及到算法了，比如 MySQL 底层数据结构，那我会问一下。至于算法题目的难度呢，要看候选人在简历上怎么写的，如果是 ‘精通数据库’，那我会问的很深，让候选人手写各种树也是有可能的。而如果只是 “熟悉数据库”，那问题的难度会降低很多。所以简历还是很重要的，要对自己的技能有个清醒的认识。另外，每家公司都有自己的文化，我们比较看重候选人对技术和业务的理解、洞察力和追求。
+
+我：“怪不得之前有面试官问我，除了 MySQL 之外你还用过哪些数据库，他们有什么区别和应用场景？看来见多识广也是很重要的。”
+
+Q：“对的。”
+
+我：“谢谢大佬，我悟了！”
+
+Q：“以后记得找我投简历。”
+
+![](https://pic.yupi.icu/5563/202311071334043.jpeg)
+
+
+
+------
+
+
+
+好吧，我七秒钟的记忆就只能想起来这些问答了，不知道大家有没有什么感受，**欢迎留言区说说看** ~
+
+另外，昨天在 B 站看了《我不想做这样的人》，来自全国 955 位初中生的演讲，感触很深，正好今天是五四青年节，分享给朋友们。
+
+![](https://pic.yupi.icu/5563/202311071334027.jpeg)
+
+### 《我不想做这样的人》
+
+那些想从我们身上 看到中国未来的人
+
+亲爱的父母 师长 前辈
+
+其实我还不知道 想成为什么样的人
+
+但能和你们分享的是
+
+我不想做什么样的人
+
+我不想做一个拿着锯子的人
+
+随时随地 把人群锯成两半
+
+这一半是女人 那一半是男人
+
+这一半是盟友 那一半是对手
+
+**对手赞同的我们必须反对**
+
+**对手反对的我们必须赞同**
+
+**不论对错 只争输赢**
+
+我不想做一个浑身带刺的人
+
+嘲讽别人的成功 嘲笑别人的失败
+
+看不惯过得比他好的人
+
+看不起过得没他好的人
+
+一肚子抱怨和借口
+
+凡事不是自己的错 都是别人的错
+
+我不想做一个 流水线上制造出来的人
+
+没有独立的人格 只有预定的人设
+
+没有闪光的才华 只有抛光的流量
+
+没有精彩的作品 只有热闹的八卦
+
+我不想做一个隐身的人
+
+需要挺身而出的时候 他藏在人群里
+
+需要解决问题的时候 他消失在所有人的视线里
+
+我不想做一个油腻的人
+
+你吃亏的时候他说吃亏是福
+
+该较真的时候他说难得糊涂
+
+是的，我不想做这样的人
+
+我不想做一个没有同情心的人
+
+一个不讲义气的人
+
+一个没有教养的人
+
+一个半途而废的人
+
+一个遗忘历史的人
+
+我不想 做一个不爱国的人
+
+我不想做一个 口口声声 “一代不如一代”的人
+
+当我变成父母 师长 前辈的时候
+
+希望  我的孩子会对我说
+
+我想成为你这样的人
+
+
+
+------
+
+
+
+与君共勉！
+
+![](https://pic.yupi.icu/5563/202311071334083.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\267\245\344\275\234\344\270\200\345\271\264\357\274\214\345\244\251\345\244\251 CRUD\343\200\202\343\200\202.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\267\245\344\275\234\344\270\200\345\271\264\357\274\214\345\244\251\345\244\251 CRUD\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..0a586b2
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\350\201\214\345\234\272\347\273\217\351\252\214/\345\267\245\344\275\234\344\270\200\345\271\264\357\274\214\345\244\251\345\244\251 CRUD\343\200\202\343\200\202.md"	
@@ -0,0 +1,52 @@
+# 工作一年，天天 CRUD。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鮍。今天分享一个绝大多数程序员工作中都会遇到的问题，以及我的一些建议。
+
+## 问题
+
+提问者：[编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247542286&idx=1&sn=6685eaf9dd41cb318553975715723f3a&chksm=e9c2c1f9deb548efc3edc40de3f8dae5cf604eede1ed02e6ef3dcd520f81a286b8cdfbe03515&token=1679026663&lang=zh_CN&scene=21#wechat_redirect) @小逆风
+
+鱼皮你好，我现在入职一家小公司干了一年多了，我发现公司做的系统涉及的技术就跳不出 CRUD（增删改查）。复杂一些的功能也只不过是业务逻辑更复杂而已，技术上说穿了还是 CRUD。需要展示的字段多，表与表之间的关联多而已。
+
+说白了，我感觉我现在更像是一名全栈 CRUD 工程师！😂 带我项目的那个人估计也有六七年工作经验了，我跟他交流过，发现他连微服务是啥都不知道。
+
+这种公司是不是不适合长久呆？我怕在这个样的企业即使工作年限起来了也难再找更好的工作。
+
+## 鱼皮建议
+
+必须表扬一下，小伙伴能够在这种状态下产生危机意识并思考 “改变”，已经比很多工作后就躺平的同学强了。
+
+首先小伙伴不要过于悲观了。绝大多数程序员的工作本来就是这样的。尤其是后端，业务开发岗位的比例是最多的。
+
+作为一名后端业务开发，不写业务逻辑，写什么呢？
+
+而 CRUD 是实现业务逻辑的最基本操作，天天写也是非常正常的。
+
+另外，带你的人技术不一定能力比你强，尤其是国企、老公司，甚至很多小公司的老板都完全不懂技术呢（鱼鸢网络除外）。但是，他在这家公司的业务经验肯定是比你这个相对 “新人” 要丰富的。对非自研高新技术类公司，业务经验的积累可能会比技术更吃香，所以依然要保持谦逊，不要因为别人不会 “微服务” 就看轻他哦。
+
+像我当时在腾讯的时候带过一个上海交大的实习生。扪心自问，我认为自己的能力远不如他，但是仍然可以把自己在公司内部积累到的技术知识和业务逻辑分享给他，带他快速入门。
+
+理想情况下当然希望在工作中有人能带着提升技术，但是现实是：公司是找你来干活的，不是来培训你的。
+
+**只有公司（或你的导师）认为你有培养的价值，才会对你有更多的投入。**
+
+我之前就在 B 站分享过自己的经历，也提到了 “不要把自己和公司绑定，需要自己寻求成长”。哪怕是在大厂，也不可能说一直有挑战性的工作、一直都能用到新技术的。所以不要过多地期待公司教你学习、带你成长。
+
+那你可以怎么做呢？
+
+1）摆正心态，公司给你提供的是 💰 + 项目资源。最差的情况，你就是来公司赚 💰 的。天天 CRUD，那你就想办法提高 CRUD 的效率，比如复用模板、用插件、自造代码生成器等等，从而节省自己的时间。有本事就摸鱼，带薪自学！
+
+2）而理想情况下，你要做的是利用好公司的资源，在下班时间多自学新技术，并且尝试再运用这些技术到公司（或个人）的项目中进行实践，甚至尝试在公司内部做一些分享、推动内部技术的改进。这样就为自己积累了经验，更有利于快速跳槽涨薪，领工资反而是顺便的了。
+
+最后一句话总结就是：下班自学，尽快跳槽！
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) ，和上万名学编程的同学共享知识、交流进步。一次付费，可无限学习星球内的所有项目并享有答疑指导服务。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/README.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/README.md"
new file mode 100644
index 0000000..45a4147
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/README.md"
@@ -0,0 +1,19 @@
+### 📚 项目教程
+
+#### 保姆级实战项目教程
+
+⭐️ [项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+[实战项目 - OJ 判题系统](./保姆级实战项目教程/实战项目%20-%20OJ%20判题系统.md)
+
+[实战项目 - 智能 BI 平台](./保姆级实战项目教程/实战项目%20-%20智能%20BI%20平台.md)
+
+[实战项目 - 聚合搜索平台](./保姆级实战项目教程/实战项目%20-%20聚合搜索平台.md)
+
+[实战项目 - API 开放平台](./保姆级实战项目教程/实战项目%20-%20API%20开放平台.md)
+
+[实战项目 - 伙伴匹配系统](./保姆级实战项目教程/实战项目%20-%20伙伴匹配系统.md)
+
+[实战项目 - 用户中心平台](./保姆级实战项目教程/实战项目%20-%20用户中心平台.md)
+
+[实战项目代码开源了！](./保姆级实战项目教程/实战项目代码开源了！.md)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - API \345\274\200\346\224\276\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - API \345\274\200\346\224\276\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..23a4560
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - API \345\274\200\346\224\276\345\271\263\345\217\260.md"	
@@ -0,0 +1,192 @@
+# 实战项目 - API 开放平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+又经过了 7 场直播，总时长近 20 小时，我在[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)内的第 3 个**全程直播开发**的项目 ——  API 开放平台，终于完结啦！
+
+![](https://pic.yupi.icu/5563/202311081428061.png)
+
+我在这里对该项目做一个简单的总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+## 项目简介
+
+这次做的是一个提供 API 接口供开发者调用的平台**（分布式项目）**。
+
+管理员可以接入并发布接口，统计分析各接口调用情况；用户可以注册登录并开通接口调用权限，然后可以浏览接口及在线调试，还能使用客户端 SDK 轻松在代码中调用接口。
+
+项目的前端并不复杂，更侧重后端，包含丰富的编程技巧和架构设计层面的知识。
+
+> 主页（用户可以浏览接口）：
+
+![](https://pic.yupi.icu/5563/202311081428085.png)
+
+> 接口管理（管理员控制接口发布 / 下线）：
+
+![](https://pic.yupi.icu/5563/202311081428073.png)
+
+> 在线调试（一键调用接口）：
+
+![](https://pic.yupi.icu/5563/202311081428200.png)
+
+> 使用自己开发的客户端 SDK（一行代码调用接口）：
+
+![](https://pic.yupi.icu/5563/202311081428065.png)
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为**全程直播**！除了学做项目之外，大家还能学到很多思考问题、对比方案的套路，并提升排查问题、解决 Bug 的能力。
+
+此外，还能学习到最最最方便的项目开发方式。熟练之后，**几分钟开发一个新功能**真的轻轻松松！
+
+### 为什么带大家做这个项目？
+
+首先是它足够新颖，不同于大家在学校时做的管理系统、商城项目等，开放平台通常是知名企业（产品）才会建设和提供的。开放平台类的项目不要说现成的教程了，连相关的文章都少的可怜！
+
+如下图，有点儿人看的文章基本都是几年前的了：
+
+![](https://pic.yupi.icu/5563/202311081428135.png)
+
+此外，开放平台项目涉及**多个系统**的交互（不止有一个后端），包含了 API 签名认证、网关、RPC、分布式等必学知识，很适合帮助后端同学开拓眼界、提升系统设计和架构能力，而这点是很多网课不能做到的。
+
+![](https://pic.yupi.icu/5563/202311081428740.png)
+
+### 本项目适合的同学
+
+本项目更侧重后端，如果你学习过后端开发技术（比如 Java Web），希望做一个区别于管理系统的、有亮点的、写在简历上加分的项目，并提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+当然，如果你是前端，也可以通过这个项目学习到快速开发前端项目的技巧，但是最好学习过 Vue 或 React 框架。
+
+> 感兴趣的同学可以**免费试看**第一期项目回放：https://www.aliyundrive.com/s/WAD1BZodL9s（提取码: z25c）
+
+再介绍一下项目用到的技术，都是主流的~
+
+### 技术选型
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Ant Design & Procomponents 组件库
+- Umi 4 前端框架
+- OpenAPI 前端代码生成
+
+#### 后端
+
+- Java Spring Boot
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- API 签名认证（Http 调用）
+- Spring Boot Starter（SDK 开发）
+- Dubbo 分布式（RPC、Nacos）
+- Swagger + Knife4j 接口文档生成
+- Spring Cloud Gateway 微服务网关
+- Hutool、Apache Common Utils、Gson 等工具库
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+## 项目大纲
+
+1. 项目介绍和计划
+
+2. 需求分析
+
+3. 业务流程和子系统介绍
+
+4. 技术选型（各技术作用讲解）
+
+5. 前后端项目初始化
+
+6. 1. **前端 Ant Design Pro 框架最新版本教程**
+   2. **后端 Spring Boot 万用模板使用**
+
+7. 数据库表设计
+
+8. **前后端代码自动生成**（强烈推荐，大幅提高开发效率！）
+
+9. 登录页开发
+
+10. 接口管理功能开发（Ant Design 高级组件使用）
+
+11. 模拟 API 接口项目开发
+
+12. HTTP 接口调用
+
+13. **API 签名认证详解及开发**
+
+14. **客户端 SDK 开发**（Spring Boot Starter）
+
+15. 管理员接口发布 / 下线功能开发
+
+16. 接口列表页开发
+
+17. 在线调试接口功能开发
+
+18. 接口调用统计开发
+
+19. 1. 后端开发
+    2. 优化方案分析及对比
+
+20. **API 网关详解**
+
+21. 1. 网关介绍及优点
+    2. 10 种网关应用场景
+    3. 网关分类及技术选型
+
+22. Spring Cloud Gateway 网关实现
+
+23. 1. 详细带读官方文档
+    2. 统一业务处理：用户鉴权及接口调用次数统计
+
+24. **项目分布式改造**
+
+25. 1. 公共模块抽象
+    2. **RPC 和 HTTP 调用详解及对比**
+    3. Dubbo 框架讲解及示例项目开发
+    4. Dubbo 业务实战
+
+26. 管理员统计分析功能
+
+27. 1. 前端 2 种可视化库的使用
+    2. 后端聚合查询接口开发
+
+28. 项目扩展点及上线分析
+
+那做完这个项目后，你可以得到哪些收获呢？
+
+## 项目收获
+
+1. 全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学习最新版本前后端开发脚手架的使用，掌握快速生成代码、前后端协作的方法，提高数倍开发效率
+3. 跳出传统的 CRUD 管理系统项目，学习企业级第三方平台的架构设计和开发
+4. 学习客户端 SDK、API 签名认证、API 网关、RPC 分布式等后端知识和编程技巧
+5. 鱼皮带你读官方文档，让你学到阅读官方文档的方法和技巧，提高自主学习的能力
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法和亮点（也就接近 20 个吧），做完项目后就能直接填满简历！
+
+![](https://pic.yupi.icu/5563/202311081428775.png)简历写法文档
+
+
+
+------
+
+
+因为项目是在我的[编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)内直播做的，所以自然不能给大家免费发放啦。大家如果对这个项目感兴趣，欢迎加入我的星球，加入后可以跟着后续的直播做新项目、**随时观看**超清完整的**全部直播回放**、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家交流或者**直接加微信向鱼皮提问**！
+
+![](https://pic.yupi.icu/5563/202311081428815.png)项目笔记
+
+> 感兴趣的同学可以**免费试看**第一期项目回放：https://www.aliyundrive.com/s/WAD1BZodL9s（提取码: z25c）
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://pic.yupi.icu/5563/202311081428838.png)
+
+关于[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，我已经运营快一年了，就不过多地介绍了，感兴趣的同学可以访问 https://yupi.icu 了解详情。
+
+假期多给大家发一些优惠券吧，欢迎有需要的同学扫下方二维码领券加入 🌹 加入后所有项目教程都能立即获取~
+
+![](https://pic.yupi.icu/5563/202311081428886.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - OJ \345\210\244\351\242\230\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - OJ \345\210\244\351\242\230\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..593102a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - OJ \345\210\244\351\242\230\347\263\273\347\273\237.md"	
@@ -0,0 +1,77 @@
+# 实战项目 - OJ 判题系统
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天分享个我的新项目公开课预告~
+
+**本周四（7 月 27 号）晚 20 点** ，我会继续在 **B 站和抖音** 直播新项目，依然是从 0 到 1 全程直播开发！
+
+今年的秋招即将正式开启，为了助力大家秋招冲刺，我决定继续手把手带大家突击完成一个小而美的、能快速学会多种技术应用的、可以写到简历上的、有区分度的项目。
+
+下面先简单介绍下这个项目，在文末有预约方式~
+
+## 新项目是什么？
+
+这次，我要带大家做的是 `在线判题系统` ，简称 “鱼 OJ”。
+
+什么是在线判题系统？我相信很多学计算机专业的朋友都被它折磨过。
+
+如下图，用户可以在线写代码、在线编程、在线提交题目并检测结果：
+
+![](https://pic.yupi.icu/5563/202311081424827.png)
+
+> 图片为某做题网站，仅供参考
+
+对于 OJ 系统，最难的地方莫过于 **在线判题** 功能的实现。因此这次的新项目，我会带大家重点去啃在线判题功能，做一个能够根据预先设定的测试用例对代码进行编译、运行、判断输出是否正确的系统。此外，还可以把判题系统作为独立服务供其他开发者使用。
+
+![](https://pic.yupi.icu/5563/202311081424932.png)图片为某做题网站，仅供参考
+
+## 为什么做这个项目？
+
+1. OJ 系统网上几乎找不到教程，比较新颖
+2. 能够学到很多传统 CRUD 业务开发外的知识点和编程思想
+3. 很多同学觉得 OJ 是个很复杂的项目，一起攻克它
+
+此外，项目还有其他的几个特点：
+
+1. 包含完整的前后端，并且依然是从 0 到 1 全程直播带大家开发
+2. 项目周期不长（计划 1 个月），争取带大家快速搞定，成为秋招时简历上的亮眼项目
+
+## 用哪些技术？
+
+技术选型如下：
+
+- Vue3 + Arco Design + 在线代码编辑器 + 在线文档浏览
+- Java 进程控制、Java 安全管理器、部分 JVM 知识点
+- 虚拟机 + Docker 容器
+- Spring Cloud 微服务、消息队列
+
+第一期的直播中，会给大家讲解 OJ 判题系统核心概念、多种主流实现方案、业务流程、技术选型、架构设计、前后端项目初始化、基础开发等。
+
+更多的细节和内容让我们明晚见，扫码即可预约直播：
+
+![](https://pic.yupi.icu/5563/202311081424953.png)
+
+## 往期项目
+
+鱼皮已经在自己的 [编程导航学习圈](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) 从 0 - 1 全程直播带做了 5 个 原创项目 ，手把手带你 **掌握独立开发项目的方法** ，并且提供 **现成的简历写法** ，也已经成功帮助不少小伙伴找到了实习和工作。
+
+- [编程导航精选项目-智能BI平台](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247544397&idx=1&sn=ddbbf61e6980dec63d081c8bcfdc66e4&chksm=e9c2c9badeb540ac09dc9603ab3105c95d114786c2e00d305ee259d206e45350d0be39d43eb6&scene=21#wechat_redirect)
+- [编程导航精选项目-聚合搜索平台](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247541686&idx=1&sn=c4082ba8dab5af0e95967ff3b0edf9cb&chksm=e9c2c441deb54d57cb3dee251304e74181671f13329f5bdbcdf55abec95336c95436d905e867&token=405633143&lang=zh_CN&scene=21#wechat_redirect)
+- [编程导航精选项目-API 开放平台](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247534541&idx=1&sn=3dfd13bd337715418294b7301af8fc50&chksm=e9c2a03adeb5292c479cd8a5b93656fb4cf64c89d21866888ab08ff107d80d13ee36862143d5&scene=21#wechat_redirect)
+- [编程导航精选项目-伙伴匹配项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527878&idx=1&sn=00ef3e8862cec2570eeb2e74a232c700&chksm=e9c28a31deb5032784071939437fba3fd6fdb810f0f849aa90536259d8d8bc25453328b86c12&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+- [编程导航精选项目-用户中心项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+欢迎小伙伴们加入学习 👏🏻
+
+![](https://pic.yupi.icu/5563/202311081424997.png)
+
+一些真实评价：
+
+![](https://pic.yupi.icu/5563/202311081424922.jpeg)
+
+![](https://pic.yupi.icu/5563/202311081424918.jpeg)
+
+![](https://pic.yupi.icu/5563/202311081424507.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..5cf72d4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"	
@@ -0,0 +1,195 @@
+# 实战项目 - 伙伴匹配系统
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。实在找不到封面了哈哈，放张大三时候的老图~
+
+咳咳，说正事。
+
+经过了 14 场直播、总时长近 40 小时后！我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 内的第二个 **全程直播开发** 的项目终于完结啦！
+
+![](https://pic.yupi.icu/5563/202311081429059.png)
+
+鱼皮在这里对该项目做一个简单的总结，希望让更多需要这个项目的同学看到，能够从中受益~
+
+## 项目简介
+
+这次做的是一个帮助大家找到志同道合的伙伴的移动端网站（APP 风格），核心功能是按标签检索用户、推荐相似用户、自由组队等，当然基本的用户登录注册、更新个人信息功能也是必不可少的~
+
+> 主页（支持心动模式）：
+
+![](https://pic.yupi.icu/5563/202311081429119.png)
+
+> 找伙伴：
+
+![](https://pic.yupi.icu/5563/202311081429964.png)
+
+> 组队功能：
+
+![](https://pic.yupi.icu/5563/202311081429020.png)
+
+> 创建队伍：
+
+![](https://pic.yupi.icu/5563/202311081429993.png)
+
+> 个人信息及修改：
+
+![](https://pic.yupi.icu/5563/202311081429071.png)
+
+这个该项目基本覆盖了企业开发中常见的需求以及对应的解决方案，比如登录注册、批量数据导入、信息检索展示、定时任务、资源抢占等。并且涵盖了分布式、并发编程、锁、事务、缓存、性能优化、幂等性、数据一致性、大数据、算法等后端程序员必须了解的知识与实践。
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，还能学会很多思考问题、对比方案的方式方法，并提升排查问题、解决 Bug 的能力。此外，还能学习到最最最方便的项目上线方式，几分钟上线一个项目真的轻轻松松！
+
+### 本项目适合的同学
+
+以下两个条件满足一个即可：
+
+1. 已经学过基本的前端（HTML + CSS + JS 三件套），想学、在学或已学 Vue 移动端开发
+2. 学习过后端开发技术（比如 Java Web）
+
+> 感兴趣的同学可以看看第一期项目回放：https://meeting.tencent.com/v2/cloud-record/share?id=b81b85c4-632e-4340-8d3f-1987ac70ff61&from=3（访问密码：nxTk）
+
+再介绍一下项目用到的技术，都是很主流的了~
+
+### 技术选型
+
+#### 前端
+
+- Vue 3
+- Vant UI 组件库
+- Vite 脚手架
+- Axios 请求库
+
+#### 后端
+
+- Java SpringBoot 2.7.x 框架
+- MySQL 数据库
+- MyBatis-Plus
+- MyBatis X 自动生成
+- Redis 缓存（Spring Data Redis 等多种实现方式）
+- Redisson 分布式锁
+- Easy Excel 数据导入
+- Spring Scheduler 定时任务
+- Swagger + Knife4j 接口文档
+- Gson：JSON 序列化库
+- 相似度匹配算法
+
+#### 部署
+
+- Serverless 服务
+- 云原生容器平台
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+## 项目大纲
+
+1. 项目简介和计划
+
+2. 需求分析
+
+3. 技术选型（各技术作用讲解）
+
+4. 前端项目初始化
+
+5. - 脚手架
+   - 组件 / 类库引入
+
+6. 前端页面设计及通用布局开发
+
+7. 后端数据库表设计
+
+8. 按标签搜索用户功能
+
+9. - 前端开发
+   - 后端开发
+   - 性能分析
+   - 接口调试
+
+10. Swagger + Knife4j 接口文档整合
+
+11. 后端分布式登录改造（Session 共享）
+
+12. 用户登录功能开发
+
+13. 修改个人信息功能开发
+
+14. 主页开发（抽象通用列表组件）
+
+15. 批量导入数据功能
+
+16. - 几种方案介绍及对比
+    - 测试及性能优化（并发编程）
+
+17. 主页性能优化
+
+18. - 缓存和分布式缓存讲解
+    - Redis 讲解
+    - 缓存开发和注意事项
+    - 缓存预热设计与实现
+    - 定时任务介绍和实现
+    - 锁 / 分布式锁介绍
+    - 分布式锁注意事项讲解
+    - Redisson 分布式锁实战
+    - 控制定时任务执行的几种方案介绍及对比
+
+19. 组队功能
+
+20. - 需求分析
+    - 系统设计
+    - 多个接口开发及测试
+    - 前端多页面开发
+    - 权限控制
+
+21. 随机匹配功能
+
+22. - 匹配算法介绍及实现
+    - 性能优化及测试
+
+23. 项目优化及完善
+
+24. 免备案方式上线前后端
+
+**那做完这个项目后，你可以得到哪些收获呢？**
+
+## 项目收获
+
+1. 本项目为全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+
+2. 学会前后端企业主流开发技术（如 Vue 3、Spring Boot 等）的应用，提升开发经验
+
+3. 学习 Java 8 特性、接口文档、网页内容抓取、分布式登录、大数据量导入、并发编程、Redis、缓存及预热、定时任务、分布式锁、幂等性、算法、免备案上线项目等重要知识
+
+4. 通过多次带大家思考和对比实现方案，帮你开拓思路，学习系统设计的方法和经验
+
+5. 学到项目开发、调试和优化技巧，比如开发工具使用技巧、组件抽象封装、问题定位、性能优化、内存优化等
+
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+
+7. 学习一些思考底层原理的方式、以及源码阅读技巧
+
+8. 鱼皮已经整理好了这个项目可以写在简历上的亮点，做完项目后就能直接填满简历~
+
+   
+
+------
+
+
+因为项目是在我的编程知识星球内直播做的，所以自然不能给大家免费发放啦。大家如果对这个项目感兴趣，欢迎加入我的 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，加入后可以观看后续的项目直播、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等。如图：
+
+![](https://pic.yupi.icu/5563/202311081429457.png)
+
+> 感兴趣的同学可以看看第一期项目回放：https://meeting.tencent.com/v2/cloud-record/share?id=b81b85c4-632e-4340-8d3f-1987ac70ff61&from=3（访问密码：nxTk）
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://pic.yupi.icu/5563/202311081429563.png)
+
+![](https://pic.yupi.icu/5563/202311081429637.png)
+
+关于 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我已经运营了 8 个月了，就不过多地介绍了，感兴趣的同学可以访问 https://yupi.icu 了解详情。
+
+1024 程序员节到了~ 给公众号的小伙伴们限时发放 50 元优惠券（本周三晚上截止），欢迎有需要的同学扫下方二维码领券加入 🌹
+
+![](https://pic.yupi.icu/5563/202311081429978.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \346\231\272\350\203\275 BI \345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
new file mode 100644
index 0000000..0b3915d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \346\231\272\350\203\275 BI \345\271\263\345\217\260.md"	
@@ -0,0 +1,197 @@
+# 实战项目 - 智能 BI 平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+经过了 7 场直播，总时长近 20 小时，我在 [自己的编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) 的第 5 个 **全程直播开发** 的项目 ——  智能 BI 项目，完结啦！
+
+![](https://pic.yupi.icu/5563/202311081425753.png)
+
+我在这里对该项目做一个简单的总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+## 项目简介
+
+这次做的是一个顺应潮流的项目， 基于 React + Spring Boot + MQ + AIGC 的 **智能数据分析平台** 。
+
+区别于传统 BI，用户只需要导入原始数据集、并输入分析诉求，就能自动生成可视化图表及分析结论，实现数据分析的降本增效。
+
+> BI：即商业智能，可以简单理解为数据分析和可视化系统
+>
+> AIGC：指用 AI 生成内容
+
+智能分析页面：
+
+![](https://pic.yupi.icu/5563/202311081426303.png)
+
+> img
+
+我的图表页面：
+
+![](https://pic.yupi.icu/5563/202311081425767.png)
+
+> img
+
+支持异步分析：
+
+![](https://pic.yupi.icu/5563/202311081425954.png)
+
+> img
+
+项目架构图：
+
+![](https://pic.yupi.icu/5563/202311081425781.png)
+
+> img
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：https://www.bilibili.com/video/BV1Cg4y1G7oy
+
+### 项目特点和收获
+
+该项目选题非常 **新颖** ，不同于泛滥的管理系统、博客、商城，本项目是结合当下最火的 **AIGC 技术** + 企业级 BI 业务场景的综合实战，紧跟时代潮流！
+
+项目中会带大家学习和实战：前后端高效开发方式、AIGC 应用开发、AI 提问技巧、系统优化、分布式限流、线程池、异步化、消息队列等一系列 **重点** 知识。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长近 **20 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+除了学做项目之外，还能学会很多 **思考问题、对比方案** 的方法，提升排查问题、自主解决 Bug 的能力。
+
+还能获取到鱼皮的 **万用后端项目模板**，学习到最方便的全栈项目开发方式，熟练后 **几分钟开发一个新功能** 轻轻松松！
+
+### 本项目适合的同学
+
+本项目同时适合前端和后端，但是会更侧重后端。
+
+如果你是后端，已经学习过 Java Web 开发技术，希望做一个新颖的、有亮点的、写在简历上加分的项目，学习热门的 AIGC 应用开发、提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+如果你是前端，最好已经学习过 Vue 或 React 框架，可以通过本项目学习到快速开发前端项目的技巧，并且通过保姆级的入门实战学会一些后端技术。
+
+再介绍下这个项目用到的技术，都是主流的~
+
+### 技术选型（全栈项目）
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Umi 4 前端框架
+- Ant Design 组件库
+- Echarts 可视化库
+- OpenAPI 前端代码生成
+
+#### 后端
+
+- Java Spring Boot（万用后端模板）
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- Redis + Redisson 限流
+- RabbitMQ 消息队列
+- 鱼聪明 AI SDK（AI 能力）
+- JDK 线程池及异步化
+- Easy Excel 表格数据处理
+- Swagger + Knife4j 接口文档生成
+- Hutool、Apache Common Utils 等工具库
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如：怎么又稳又快地自学一个新技术。
+
+## 项目大纲
+
+1. 项目介绍和计划
+
+2. 1. 需求分析
+   2. 技术选型
+   3. 业务流程和系统架构
+
+3. 前端项目初始化
+
+4. 1. Ant Design Pro 项目搭建
+   2. 初始化项目精简
+
+5. 后端项目初始化
+
+6. 1. Spring Boot 万用模板使用
+   2. 库表设计
+   3. 基础代码生成
+
+7. 前端基础开发联调
+
+8. 1. OpenAPI 代码生成
+   2. 前端模板代码优化
+   3. 登录功能开发
+
+9. **智能分析业务开发**
+
+10. 1. 业务流程梳理
+    2. AI 助手使用
+    3. 原始数据压缩
+    4. AIGC 入门实战
+    5. AIGC 提问技巧
+    6. 3 种 AI 调用方式
+    7. 后端接口开发
+
+11. 图表管理功能
+
+12. 1. 前端开发
+
+13. **系统分析及优化**
+
+14. 1. 文件安全性
+    2. 数据存储 - 分库分表
+    3. 限流 - 4 种限流算法
+    4. 限流 - Redisson 分布式限流实战
+
+15. **系统异步化改造**
+
+16. 1. 异步化业务流程
+    2. 线程池精讲（入门 + 原理 + 实战 + 面试）
+    3. 异步化改造 - 前端开发
+    4. 异步化改造 - 后端开发
+    5. 优化点扩展
+
+17. 系统现状分析
+
+18. 消息队列
+
+19. 1. 基础概念
+    2. 应用场景
+    3. 主流队列技术选型
+
+20. **RabbitMQ 入门实战**
+
+21. 1. AMQP 协议和基础概念
+    2. 5 种队列模型理论及实战
+    3. 核心特性 - 消息过期
+    4. 核心特性 - 消息确认
+    5. 核心特性 - 死信队列
+    6. 客户端介绍及 demo 开发
+
+22. BI 项目分布式队列改造
+
+## 项目资料
+
+我们整理好了项目完整源代码、详细的直播笔记和直播大纲，便于大家交流学习。
+
+![](https://pic.yupi.icu/5563/202311081425814.png)
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法、亮点和扩展思路（30 个左右），做完项目后就能直接填满简历！
+
+
+
+------
+
+
+因为项目是在我的 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) 内直播做的，所以自然不能给大家免费发放啦。（要不然又成为一个泛滥的项目了）
+
+大家如果对这个项目感兴趣，欢迎加入编程导航，加入后可以跟着后续的直播做新项目、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家一起交流或者 **直接向鱼皮本人提问** ！
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了！
+
+![](https://pic.yupi.icu/5563/202311081425281.png)
+
+关于 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) ，我已经运营很久了，就不过多地介绍了，感兴趣的同学可以自行扫下方二维码加入体验，三天内不满意可全额退款~
+
+![](https://pic.yupi.icu/5563/202311081425349.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \347\224\250\346\210\267\344\270\255\345\277\203\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \347\224\250\346\210\267\344\270\255\345\277\203\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..b09d582
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \347\224\250\346\210\267\344\270\255\345\277\203\345\271\263\345\217\260.md"	
@@ -0,0 +1,224 @@
+# 实战项目 - 用户中心平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，自从开了 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) 后，我每周多了一个固定的任务：直播带大家做项目。
+
+经过了 7 场直播、总时长近 24 小时后！星球内的第一个 **全程直播开发** 的项目终于完结啦！
+
+![](https://pic.yupi.icu/5563/202311081430768.png)
+
+鱼皮在这里对该项目做一个简单的总结，希望让更多需要这个项目的同学看到，能够从中受益~
+
+## 项目简介
+
+由于是星球内的第一个项目，决定带大家做一个企业中最最最常用的系统 —— `用户中心` ，其实就是一个简单的 “用户管理系统” ，实现了用户注册、登录、查询等基础功能。如图：
+
+![](https://pic.yupi.icu/5563/202311081430778.png)
+
+> 注册页面
+
+![](https://pic.yupi.icu/5563/202311081430794.png)
+
+> 管理页面
+
+虽然系统逻辑和功能并不复杂，代码量也不多，但是正因如此，大家才不需要关注特定的、复杂的业务流程，可以更轻松地学习到 **通用的技术和做项目的经验** 。
+
+麻雀虽小五脏俱全，我真真正正地 **从 0 到 1 全程直播** 带大家完成了这个项目的完整前端和后端！从产生想法、到需求分析、到技术选型、系统设计、项目初始化、编码实现、测试、再到最后的部署上线，每一个环节我都从理论到实践给大家讲的明明白白、每一个细节都不放过！再加上直播过程中踩的种种坑点以及问题的解决，相信一定可以帮助大家走出书本、走出校园、走出死板 / 单纯讲知识点的网课和教程，学到企业 真正需要的开发技能和经验。
+
+![](https://pic.yupi.icu/5563/202311081430954.png)
+
+> 直播回放
+
+我可以很负责任地说，如果你已经有过一些前端或后端开发的基础知识，完完整整地看完这个项目并跟着实践后，你绝对可以 **独立、一条龙开发和上线** 绝大多数常见的系统了！
+
+### 本项目适合的同学
+
+1. 学过基本的前端（HTML + CSS + JS 三件套）或后端开发技术（Java Web）
+2. 还不知道怎么独立做出完整的项目，想了解规范的开发流程
+3. 想快速学习自己不熟悉的技术并且了解其应用（比如你只会前端，想了解后端）
+4. 想全方位提高自己的编程能力
+5. 想提升做项目的经验和系统设计能力
+6. 想学习更多企业主流开发技术
+7. 想给简历增加项目经验
+8. 想开发和上线自己的网站
+
+> 感兴趣的同学可以访问：dogyupi.com 查看免费的第一期项目回放
+
+再介绍一下项目用到的技术，都是很主流的了~
+
+### 技术选型
+
+#### 前端
+
+主要运用阿里 Ant Design 生态：
+
+- HTML + CSS + JavaScript 三件套
+- React 开发框架
+- Ant Design Pro 项目模板
+- Ant Design 端组件库
+- Umi 开发框架
+- Umi Request 请求库
+
+#### 后端
+
+- Java 编程语言
+- Spring + SpringMVC + SpringBoot 框架
+- MyBatis + MyBatis Plus 数据访问框架
+- MySQL 数据库
+- jUnit 单元测试库
+
+#### 部署
+
+- 单机部署
+- Nginx
+- 容器
+
+做完这个项目后，你可以得到哪些收获呢？
+
+### 项目收获
+
+1. 学会前后端企业主流开发技术的应用
+2. 了解做项目的完整流程，能够独立开发及上线项目
+3. 学到系统设计的方法和经验
+4. 学到一些实际的编码技巧，比如开发工具、快捷键、插件的使用
+5. 学到代码的优化技巧，比如抽象、封装、提高系统性能、节约资源的方法
+6. 学习登录态、代理、多环境、容器、跨域等重要的开发知识
+7. 学到一些源码阅读的技巧
+8. 提升自主解决问题的能力
+
+> 感兴趣的同学可以访问：dogyupi.com 查看免费的第一期项目回放
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+## 项目大纲
+
+1. 项目简介和计划
+
+2. 企业做项目完整流程介绍
+
+3. 需求分析
+
+4. 技术选型（各技术作用讲解）
+
+5. 前端项目初始化
+
+6. 1. 框架及项目目录介绍
+   2. 组件引入
+   3. 框架瘦身
+
+7. 后端项目初始化
+
+8. 1. 3 种初始化 Java 项目的方式
+   2. 环境搭建（比如 MySQL 安装）
+   3. SpringBoot 整合 SSM、MyBatis 框架
+   4. 项目分层介绍
+
+9. 数据库表设计
+
+10. 注册功能
+
+11. 1. 代码生成器的使用
+    2. 接口、业务逻辑开发
+    3. 单元测试
+    4. API 接口测试
+    5. 快速页面开发
+    6. 表单组件使用
+    7. 详细设计
+    8. 前端开发
+    9. 后端开发
+
+12. 登录功能
+
+13. 1. 正向代理
+    2. 反向代理
+    3. 如何开启本地代理
+    4. 登录态管理（Cookie 和 Session）
+    5. 接口开发及测试
+    6. 登录态管理
+    7. 请求库的使用
+    8. 页面开发及验证
+    9. 详细设计
+    10. 前端开发
+    11. 后端开发
+    12. 前后端交互
+    13. 代理知识讲解
+
+14. 用户管理
+
+15. 1. 前端开发
+    2. 后端开发
+
+16. 用户注销功能
+
+17. 1. 前端开发
+    2. 后端开发
+
+18. 前端代码优化
+
+19. 1. 全局请求响应拦截器的封装
+    2. 友好提示
+
+20. 后端代码优化
+
+21. 1. 通用返回对象
+    2. 自定义异常及错误码
+    3. 全局异常处理器
+
+22. 补充用户校验
+
+23. 项目部署
+
+24. 1. 原始前端 Nginx / 后端 SpringBoot 部署
+    2. 宝塔 Linux
+    3. Docker 容器（常用命令全部演示）
+    4. 容器平台
+    5. 多环境理论及实战
+    6. 四种部署方式实战
+
+25. 项目上线
+
+26. 1. 域名解析
+    2. 跨域问题解决（3 种思路）
+
+27. 用户中心项目扩展思路和优化点
+
+别看大纲那么多，其实这个项目还是很基础的了，做过一遍之后再回过头来看就会感觉贼简单。
+
+这个项目对大家有没有帮助我说了不算，来看看星球内的小伙伴的评价吧~
+
+![](https://pic.yupi.icu/5563/202311081430817.png)
+
+![](https://pic.yupi.icu/5563/202311081430810.png)
+
+![](https://pic.yupi.icu/5563/202311081430388.png)
+
+因为项目是在我的知识星球内直播做的，所以自然不能给大家免费发放啦。大家如果对这个项目感兴趣，欢迎加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508009&idx=1&sn=5b519b4a6fe62c79c038b2106ca1edab&scene=21#wechat_redirect) ，加入后可以观看后续的项目直播、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等：
+
+![](https://pic.yupi.icu/5563/202311081430515.png)
+
+还有小伙伴们自发整理的笔记，不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://pic.yupi.icu/5563/202311081430535.png)
+
+目前星球已经有近 6000 名小伙伴加入，限时优惠 60 元，欢迎扫码领券加入：
+
+![](https://pic.yupi.icu/5563/202311081430771.png)
+
+可能有同学会觉得星球的价格有点贵，但其实仔细想一想，也就是一节补习班或者一套课程的钱。而且加入星球后还可以进圈子和大家一起交流编程、向鱼皮等已经上岸大厂的同学提问、得到清晰的学习规划、得到学习路线和海量教程 & 项目资源等。相信加入星球后，你会有很大的改变！
+
+![](https://pic.yupi.icu/5563/202311081430817.png)
+
+> 星球内从 0 到 1 的编程学习指南
+
+另外，带大家直播做这个项目的过程的确不容易，可比自己闷声做项目要累太多了，**我绝对尽心尽力了** ！就问有多少人能做到一次性直播 4 个小时，一刻不停歇讲到凌晨的！
+
+![](https://pic.yupi.icu/5563/202311081430854.png)
+
+目前星球已经有近 6000 名小伙伴加入，限时优惠 60 元，等 7500 人的时候还会再涨价（因为维护星球、回答问题真的太累了），想更好学习编程的同学欢迎扫码领券加入：
+
+![](https://pic.yupi.icu/5563/202311081430086.png)
+
+这个项目完了，马不停蹄开始下一个！朋友们，下个项目见~
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..3a3f018
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256 - \350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"	
@@ -0,0 +1,214 @@
+# 实战项目 - 聚合搜索平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+我在[自己的编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect)内的第 4 个**全程直播开发**的项目 ——  聚合搜索平台，完结啦！
+
+![](https://pic.yupi.icu/5563/202311081427566.png)
+
+我在这里对该项目做一个简单的总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+## 项目简介
+
+这次做的是一个突击型项目，基于 Vue 3 + Spring Boot + Elastic Stack 的**一站式聚合搜索平台**，也是简化版的企业级搜索中台。
+
+对用户来说，使用该平台，可以在同一个页面集中搜索出不同来源、不同类型的内容，提升用户的检索效率和搜索体验。
+
+对企业来说，当企业内部有多个项目的数据都存在搜索需求时，无需针对每个项目单独开发搜索功能，可以直接将各项目的数据源接入搜索中台，从而提升开发效率、降低系统维护成本。
+
+放一些项目截图，前端部分其实很简单~
+
+> 聚合搜索页面 - 搜文章：
+
+![](https://pic.yupi.icu/5563/202311081427599.png)
+
+> 聚合搜索页面 - 搜图片：
+
+![](https://pic.yupi.icu/5563/202311081427812.png)
+
+> 聚合搜索页面 - 搜用户：
+
+![](https://pic.yupi.icu/5563/202311081427637.png)
+
+> Elastic Stack - Kibana 数据看板：
+
+![](https://pic.yupi.icu/5563/202311081427654.png)
+
+项目架构图：
+
+![](https://pic.yupi.icu/5563/202311081427608.png)
+
+此外，这个项目中还应用到了鱼皮提供的万用后端项目模板，熟练之后，**几分钟开发一个新功能**真的轻轻松松！
+
+> 感兴趣的同学可以**免费试看**第一期项目回放：https://www.bilibili.com/video/BV1ks4y1V7jC
+
+### 项目特点和收获
+
+1）本项目选用 Vue 3 + Spring Boot 2.7 新版本实现，包含完整的前后端，从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为**全程直播**！
+
+2）项目选题新颖，不是电商、不是管理系统、不是博客论坛，而是企业架构层面的 **通用搜索能力** 的抽象，做完这个项目后，之后你自己在做任何业务系统时，都可以 **复用** 这次开发的搜索能力。
+
+3）项目中会带大家学习和实战：多种数据爬虫方法、**4 种**数据同步方法、接口优化（**运用了多种设计模式**）、**Elastic Stack**（Elasticsearch 搜索引擎、Kibana 看板）、压力测试等一系列知识。
+
+4）除了学做项目之外，鱼皮还在直播过程中聊到了不少知识点，帮助大家提升架构设计思维、学会对比方案、阅读文档的套路；**所有 Bug 和问题均为直播解决**，带大家提升自主排查问题、解决 Bug 的能力。（课程中鱼皮还演示了一小下 ChatGPT 的使用）
+
+5）项目总耗时不长，主打的是**快速带大家学习新技术并直接实践运用**，并且鱼皮已经整理好了这个项目可以写在简历上的亮点，成为简历上的亮眼项目。
+
+### 本项目适合的同学
+
+本项目前后端都有，但更侧重后端，重点讲了几种数据抓取方式、使用几种设计模式来优化接口、Elasticsearch 搜索引擎从 0 到 1 的应用、4 种数据同步方式等。
+
+如果你学习过后端开发技术（比如 Java Web），希望做一个区别于管理系统的、有亮点的、写在简历上加分的项目，并提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+当然，如果你是前端，也可以通过这个项目学习到一些前端开发的小技巧（比如页面状态同步），但是最好学习过 Vue 或 React 等至少一门开发框架。
+
+再介绍下这个项目用到的技术，都是主流的~
+
+### 技术选型（全栈项目）
+
+#### 前端
+
+- Vue 3
+- Ant Design Vue 组件库
+- 页面状态同步开发
+
+#### 后端
+
+- Spring Boot 2.7 框架 + springboot-init 脚手架
+
+- MySQL 数据库（8.x 版本）
+
+- **Elastic Stack**
+
+- - Elasticsearch 搜索引擎（重点）
+  - Logstash 数据管道
+  - Kibana 数据可视化
+
+- **数据抓取**（jsoup、HttpClient 爬虫）
+
+- - 离线
+  - 实时
+
+- **设计模式**
+
+- - 门面模式
+  - 适配器模式
+  - 注册器模式
+
+- **数据同步**（4 种同步方式）
+
+- - 定时
+  - 双写
+  - Logstash
+  - Canal
+
+- JMeter 压力测试
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如怎么又稳又快地自学一个新技术。
+
+## 项目大纲
+
+1. 项目介绍和计划
+
+2. 需求分析
+
+3. 技术选型、业务流程、系统架构介绍
+
+4. 前端项目初始化
+
+5. 1. 前端脚手架使用
+   2. 框架、组件库、请求库整合
+
+6. 后端项目初始化
+
+7. 1. **Spring Boot 万用模板介绍和使用**
+
+8. 前端聚合搜索页面开发
+
+9. 前后端联调
+
+10. **多数据源获取**（包含几种爬虫方式的讲解和实践）
+
+11. 1. JSoup 离线抓取
+    2. HttpClient 实时抓取
+
+12. 聚合搜索业务场景分析
+
+13. 聚合搜索接口开发
+
+14. 1. 门面模式讲解
+    2. 性能测试
+
+15. **搜索接口优化**
+
+16. 1. 统一标准
+    2. 适配器模式
+    3. 注册器模式
+
+17. 前端搜索接口调用优化
+
+18. **从 0 开始学习 Elastic Stack**
+
+19. 1. Elasticsearch 概念及倒排索引原理
+    2. Elasticsearch / Kibana 安装
+    3. Elasticsearch + Kibana Dev Tools 入门实践
+    4. Elasticsearch 调用方式讲解
+
+20. **ES 搜索引擎实战**
+
+21. 1. 几种 Java 客户端操作方式讲解
+    2. ES 标准开发流程实战
+    3. 动静分离
+
+22. **数据同步（4 种同步方式）**
+
+23. 1. 定时
+    2. 双写
+    3. Logstash
+    4. Canal
+
+24. Kibana 搭建看板
+
+25. JMeter 接口性能测试
+
+26. 项目扩展点
+
+## 项目资料
+
+我们整理好了项目完整源代码、详细的直播笔记和直播大纲，便于大家交流学习。
+
+![](https://pic.yupi.icu/5563/202311081427072.png)
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法和亮点（也就接近 30 个吧），做完项目后就能直接填满简历！
+
+![](https://pic.yupi.icu/5563/202311081427177.png)
+
+> 简历写法文档和助学资料
+
+因为项目是在我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) 内直播做的，所以自然不能给大家免费发放啦。（要不然又成为一个泛滥的项目了）
+
+大家如果对这个项目感兴趣，欢迎加入我的星球，加入后可以跟着后续的直播做新项目、**随时观看**超清完整的**全部直播回放**、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家一起交流或者**直接加微信向鱼皮提问**！
+
+星球里每个项目都有独立的交流群：
+
+![](https://pic.yupi.icu/5563/202311081427171.png)
+
+> 星球项目交流群
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了！
+
+![](https://pic.yupi.icu/5563/202311081427265.png)
+
+关于[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect)，我已经运营了一年多了，就不过多地介绍了，感兴趣的同学可以访问 https://yupi.icu 来了解详情。
+
+假期送大家一张 9 折优惠券，可以直接长按下方海报扫码领券加入（3 天内不满意可全额退款），欢迎大家：
+
+![](https://pic.yupi.icu/5563/202311081427360.png)
+
+> 微信扫码领券加入
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256\344\273\243\347\240\201\345\274\200\346\272\220\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256\344\273\243\347\240\201\345\274\200\346\272\220\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..54a8759
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\344\277\235\345\247\206\347\272\247\345\256\236\346\210\230\351\241\271\347\233\256\346\225\231\347\250\213/\345\256\236\346\210\230\351\241\271\347\233\256\344\273\243\347\240\201\345\274\200\346\272\220\344\272\206\357\274\201.md"
@@ -0,0 +1,107 @@
+# 实战项目代码开源了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 封面图是本人，见文末 🐶
+
+大家好，我是鱼皮，最近发生了 2 件让我本人开心又惊喜的事情：
+
+1）我练习了一年半的 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) 人数超过了 2 万，截图为证：
+
+![](https://pic.yupi.icu/5563/202311081432482.png)
+
+除了越来越多的编程学习者之外，我们也邀请了更多大厂嘉宾（或者某个领域的大佬）入驻星球来分享内容，给大家答疑解惑。可以明确的一点是：编程导航的质量随着人数的增加会越来越高！
+
+![](https://pic.yupi.icu/5563/202311081432519.png)看看有没有眼熟的嘉宾？
+
+2）我本人在 GitHub 开源社区中文排行榜上的关注者名次升到了 **第 21 位** ！
+
+![](https://pic.yupi.icu/5563/202311081432466.png)
+
+虽然这只是个虚名，并不代表我的技术水平很强或者怎么样，但至少表示我历史开源过的项目是对很多同学有帮助的。
+
+比如收获 star 数最多的几个项目，都是我个人从 0 到 1 开发的包含完整前后端的全栈项目，虽然并不能跟企业项目抗衡，但能让大家学到东西就足够了：
+
+> 大佬们别杠，杠我的话，我只会说：我是个小辣 🐔
+
+![](https://pic.yupi.icu/5563/202311081432403.png)
+
+开源关注者的增加也提升了我自己开源项目的动力，所以在考虑良久（也跟编程导航星球的同学开会同步过）之后，我决定把之前在星球里手把手带大家做的 **4 个付费项目** 的后端代码 **免费开源** ！
+
+如果是 Java 开发的同学，可以直接把源码下载到本地使用；如果是前端开发的同学，可以根据接口文档去实现页面。
+
+### 用户中心项目
+
+企业核心的用户中心系统，基于 Spring Boot 后端 + React 前端的全栈项目，实现了用户注册、登录、查询等基础功能。
+
+虽然系统功能逻辑并不复杂，但正因如此，大家才不需要关注复杂的业务流程，可以更轻松地学会从 0 到 1 独立开发项目的方法。
+
+鱼皮从 0 到 1 全程直播无剪辑地带大家开发并上线了项目，总课程时长超过 24 小时！从产生想法、到需求分析、技术选型、系统设计、项目初始化、编码实现、测试、再到最后的部署上线，每一个环节我都从理论到实践给大家讲的明明白白、每一个细节都不放过！
+
+再加上开发过程中踩的种种坑以及问题的解决，相信可以帮助大家走出书本、走出校园、走出死板的网课，学到企业真正需要的开发技能和经验。
+
+开源项目：https://github.com/liyupi/user-center-backend-public
+
+![](https://pic.yupi.icu/5563/202311081432366.png)
+
+### 伙伴匹配系统
+
+一个帮助大家找到志同道合的伙伴的移动端网站（APP 风格）。包括用户登录注册、更新个人信息、按标签搜索用户、推荐相似用户、组队等功能。
+
+这个该项目基本覆盖了企业开发中常见的需求以及对应的解决方案，比如登录注册、批量数据导入、信息检索展示、定时任务、资源抢占等。并且涵盖了分布式、并发编程、锁、事务、缓存、性能优化、幂等性、数据一致性、大数据、算法等后端程序员必须了解的知识与实践。
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，还能学会很多思考问题、对比方案的方式方法，并提升排查问题、解决 Bug 的能力。此外，还能学习到最最最方便的项目上线方式，几分钟上线一个项目真的轻轻松松！
+
+开源项目：https://github.com/liyupi/yupao-backend-public
+
+![](https://pic.yupi.icu/5563/202311081432581.png)
+
+### API 开放平台
+
+一个提供 API 接口供开发者调用的平台。
+
+管理员可以接入并发布接口，统计分析各接口调用情况；用户可以注册登录并开通接口调用权限，然后可以浏览接口及在线调试，还能使用客户端 SDK 轻松在代码中调用接口。
+
+项目的前端并不复杂，更侧重后端，包含丰富的编程技巧和架构设计层面的知识。后端项目涉及 **多个系统** 的交互（不止有一个后端），包含了 API 签名认证、网关、RPC、分布式等必学知识，很适合帮助后端同学开拓眼界、提升系统设计和架构能力，而这点是很多网课不能做到的。
+
+开源项目：https://github.com/liyupi/yuapi-backend-public
+
+![](https://pic.yupi.icu/5563/202311081432986.png)
+
+### 聚合搜索项目
+
+基于 Vue 3 + Spring Boot + Elastic Stack 的一站式聚合搜索平台，也是简化版的企业级搜索中台。
+
+对用户来说，使用该平台，可以在同一个页面集中搜索出不同来源、不同类型的内容，提升用户的检索效率和搜索体验。
+
+对企业来说，当企业内部有多个项目的数据都存在搜索需求时，无需针对每个项目单独开发搜索功能，可以直接将各项目的数据源接入搜索中台，从而提升开发效率、降低系统维护成本。
+
+项目中会带大家学习和实战：多种数据爬虫方法、4 种数据同步方法、接口优化（ **运用了多种设计模式** ）、Elastic Stack（Elasticsearch 搜索引擎、Kibana 看板）、压力测试等一系列知识。
+
+开源项目：https://github.com/liyupi/yuso-backend-public
+
+![](https://pic.yupi.icu/5563/202311081432312.png)
+
+------
+
+大家感兴趣的话，欢迎去阅读了解这些开源项目。
+
+当然，本来就是星球的付费项目，如果你确实需要手把手的教程和更多项目资料，也欢迎加入星球，可获得：
+
+1. 完整视频教程
+2. 视频教程大纲
+3. 完整项目源码
+4. 项目学习笔记
+5. 本项目交流答疑
+6. 本项目简历写法
+7. 更多原创项目教程和学习专栏（比如新的智能 BI 项目）
+
+限时发放 9 折星球优惠券，仅限前 100 名，加入三天内不满意可全额退款，欢迎进来学习：
+
+![](https://pic.yupi.icu/5563/202311081432373.png)
+
+> 生活不易，换个发型，微笑面对生活！
+
+![](https://pic.yupi.icu/5563/202311081432347.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \345\260\232\345\214\273\351\200\232.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \345\260\232\345\214\273\351\200\232.md"
new file mode 100644
index 0000000..066ba8e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \345\260\232\345\214\273\351\200\232.md"	
@@ -0,0 +1,209 @@
+# 项目导学 - 尚医通
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+现在网上有很多播放量巨高的免费编程项目教程，很多学编程的同学可能都看过，就导致大家可能写在简历上的内容都差不多。
+
+于是就有了下面这张图：
+
+![](https://pic.yupi.icu/5563/202311090908144.png)
+
+那么这些 “明星” 项目到底怎么样？是否还值得去做？我们又该怎么学习呢？
+
+为了快速解决这些问题，鱼皮决定带大家一起学习和鉴定一些网络热门编程项目，希望能帮大家更快地选择适合自己的项目，少走弯路~
+
+本次是第 2 期，也是我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里呼声相对比较高的项目 —— 尚医通（网上的视频教程总播放量过百万）。
+
+## 介绍
+
+这是一个在线预约挂号项目，包含 3 个系统：
+
+1. 预约挂号系统前台：用户可以选择医院、科室、时间来预约挂号、支付订单并获得就医提醒。
+2. 预约挂号系统管理员后台：管理员可以设置医院、设置数据字典、管理订单等。
+3. 外部医院管理后台：相当于医院自己维护的系统，通过签名校验的方式调研我们提供的接口来管理医院数据。
+
+系统间关系如下图：
+
+![](https://pic.yupi.icu/5563/202311090859090.png)
+
+快速导学视频：https://www.bilibili.com/video/BV1eV4y1T7uS（建议先看这个）
+
+项目视频：https://www.bilibili.com/video/BV1V5411K7rT
+
+项目代码：可以在课程官方的视频评论区下获取
+
+> [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学也可以直接获取我整理好的代码 + 学习资料 + 原创笔记 + 简历亮点：https://t.zsxq.com/06EEiyfq7
+
+> 预约挂号系统前台：
+
+![](https://pic.yupi.icu/5563/202311090859244.png)
+
+![](https://pic.yupi.icu/5563/202311090859168.png)
+
+> 预约挂号系统管理员后台：
+
+![](https://pic.yupi.icu/5563/202311090859151.png)
+
+> 医院接口模拟平台：
+
+![](https://pic.yupi.icu/5563/202311090859214.png)
+
+## 技术
+
+大概用了以下这些，核心是 Spring Cloud 微服务：
+
+#### 前端
+
+- Vue
+- vue-admin-template 管理员模板
+- VueQriously 二维码生成库
+- babel
+- webpack
+- nuxt 服务端渲染
+- element ui
+
+#### 后端
+
+微服务：
+
+- Spring Cloud Alibaba 框架
+- Nacos 注册中心
+- Spring Cloud Feign 远程调用
+- Spring Cloud Gateway 微服务网关
+- Maven 子父多模块
+- Docker（部署项目、安装服务）
+
+数据存储：
+
+- MongoDB：负责存医院基本信息（性能更高）
+- MySQL：存储用户、订单、预约等关系信息
+
+中间件：
+
+- Redis：缓存、存储验证码
+- RabbitMQ：应用解耦、消息通知
+- Nginx：部署项目
+
+工具库：
+
+- easy excel：读写 Excel 文件
+- Json Web Token：生成 jwt token
+- Joda Time：日期时间操作
+
+### 技术架构图
+
+看起来很复杂，但其实本项目主要编码的就只有图中间的网关和服务集群部分：
+
+![](https://pic.yupi.icu/5563/202311090859849.png)
+
+> 尚医通架构图.png
+
+## 项目启动
+
+请看这个视频：https://www.bilibili.com/video/BV1eV4y1T7uS
+
+## 项目学习
+
+### 本项目的学习重点
+
+1. 微服务的思想、划分以及实现方式，以及相关技术的用法：
+
+2. 
+
+3. 1. 注册中心
+   2. 客户端调用
+   3. 微服务网关
+
+4. 熟悉一个完整的业务流程（信息发布 => 信息展示 => 购买 => 下单支付 => 统计管理）
+
+5. 登录认证机制，包括手机号登录、微信扫码登录、OAuth、JWT 等知识
+
+6. 如何运用合适的数据库来解决问题？比如 MySQL 存储关系型数据、Redis 用于缓存、MongoDB 存储一些非关系型的数据（提高访问速度）、RabbitMQ 来实现异步通知和应用解耦。
+
+7. 调用第三方 API 来解决实际问题，比如微信接口、OSS、SMS
+
+8. 学习项目的目录结构及编码规范，比如通用返回对象、全局异常处理器、ContextHolder 等
+
+9. 提升前端开发的经验，比如 Nuxt 框架的使用，了解服务端渲染
+
+### 如何学习微服务项目
+
+对于微服务项目的学习，大家可以遵循以下步骤，也就是从整体到局部的思想：
+
+1. 了解项目业务
+2. 把项目运行起来
+3. 走完一套完整的业务流程，了解整个系统做了什么事
+4. 了解有哪些服务、以及每个服务的作用（做了什么事情）
+5. 了解服务之间是如何互相通讯的
+6. 根据需求阅读对应服务的源码细节
+
+### 本项目的微服务划分
+
+- common 项目公共代码
+- model 项目数据模型层（只提供接口，便于公用）
+- service 具体的业务逻辑（微服务）
+- service_client 服务调用客户端（只提供接口，便于公用）
+- service_gateway（微服务网关）负责统一校验 / 拦截、跨域、请求转发
+- 公共服务：数据字典管理，导入导出（公共用的枚举值）
+- 医院服务：管理医院，医院信息、排版信息、医院设置信息的增删改查
+- 短信服务（SMS）：负责发送短信验证码
+- 用户服务：管理用户、就诊人、用户登录
+- 订单服务：支付订单，订单（预约）管理
+- 存储服务：上传文件（上传用户的图片）
+- 统计服务：分析下单情况
+- 定时任务服务：每天 8 点就医提醒
+
+对应的功能模块图如下：
+
+![](https://pic.yupi.icu/5563/202311090859916.png)
+
+建议大家在设计系统、学微服务项目时也可以通过画图帮助自己理解
+
+## 学习建议
+
+1. 这个项目 **更适合后端同学** 。如果你已经学完 SpringBoot、微服务的大致的知识，可以把这个项目作为第一个微服务的练手项目，学习技术的整合运用、接触更多的业务场景。
+
+2. 项目非常真实完整、贴合实际，学完这个项目后，也能搞懂电商平台的业务流程了，可以不用再做类似业务的项目。
+
+3. 整个课程还不错，但没有那么精华，建议大家根据自己的需要去学习课程。比如你要学微信登录或者微信支付，直接去看对应的章节。此外，后端同学看视频时可以跳过前端。
+
+4. 阅读项目代码时，先大致了解业务、把项目跑起来、了解微服务的每个模块做了什么、再去看代码细节
+
+5. 项目的坑略多，可以通过这个项目来自己锻炼自己的 debug 能力（狗头）。可以看我的文档来跑项目、少踩一些坑；还建议多看视频的评论区，可能有同学给出了学习建议和问题的解决方案。
+
+6. 项目用到了微信登录和支付，这块的知识讲得不错，适合入门学习。但由于只有企业账号才能使用这些微信接口，所以学习时主要是了解流程，实际开发中再看文档就好了，不用花时间折腾。
+
+7. 教学类项目，比较追求快速入门，有些功能的实现并不完美（比如下单功能没有考虑并发安全问题，可能导致超卖）。此外，项目几乎没有用到并发编程、设计模式和自定义的 SQL 查询，可以自己思考一下如何运用这些知识技能来优化项目。
+
+   
+
+------
+
+
+既然这个项目那么热门，很多同学都做过，那还能不能写在简历上呢？
+
+答案是当然可以！只要是你自己亲手做过的、能跟面试官讲出来的项目都可以写到简历上。
+
+只不过对于此类热门项目，建议大家给它换个皮，比如改个名称、改个背景、加点功能等等，也不要暴露自己是跟着视频敲的。
+
+再说了，哪怕是同一个项目，大家写在简历上的内容也是各有千秋的。有的同学可能就简单地写自己做了什么模块，而有的同学可以刷刷刷写出十几个亮点。
+
+那我这里也给 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的小伙伴整理了 11 个有关该项目的亮点（也是学习重点）、都可以写在简历上，大家可以拿去参考~
+
+> 项目亮点地址：https://t.zsxq.com/06EEiyfq7
+
+这里为了防止大家写的都一样，仅 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 同学可见，此外，我做过的每个项目、给大家分享的每个项目的亮点也都持续整理在星球的知识库里了。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311090859051.png)
+
+感谢大家的阅读，大家还想让我鉴定什么编程项目都可以评论区留言哦~
+
+最后再说个事儿，考虑到有些同学计划利用国庆期间自学（弯道超车），给大家发放 300 张我 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的优惠券，欢迎学编程的朋友们扫码加入，学起来~
+
+> [点击了解我的编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)
+
+![](https://pic.yupi.icu/5563/202311090859074.png)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\221\236\345\220\211\345\244\226\345\215\226.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\221\236\345\220\211\345\244\226\345\215\226.md"
new file mode 100644
index 0000000..80c3d32
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\221\236\345\220\211\345\244\226\345\215\226.md"	
@@ -0,0 +1,108 @@
+# 项目导学 - 瑞吉外卖
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+现在网上有很多播放量巨高的免费编程项目教程，很多学编程的同学可能都看过，就导致大家可能写在简历上的内容都差不多。
+
+于是就有了下面这张图：
+
+![](https://pic.yupi.icu/5563/202311090901224.png)
+
+那么这些 “明星” 项目到底怎么样？是否还值得去做？我们又该怎么学习呢？
+
+从今天开始，鱼皮会不定期地带大家学习和鉴定一些网络热门编程项目，希望能帮大家更快地选择适合自己的项目，少走弯路~
+
+那么第一期就从我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里呼声相对比较高的外卖项目 —— 瑞吉外卖开始吧！
+
+## 介绍
+
+这是一个完整的前后端全栈外卖项目，包括用户前台 APP 和管理员后台。
+
+项目介绍视频：https://www.bilibili.com/video/BV1AG411g726（包含了代码的导读，推荐看看）
+
+项目视频：https://www.bilibili.com/video/BV13a411q753
+
+项目代码：可以在课程官方的视频评论区下获取
+
+> [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学也可以直接获取我整理好的代码 + 学习资料：https://t.zsxq.com/06Yr7i6ai
+
+> 用户前台 APP：
+
+![](https://pic.yupi.icu/5563/202311090901446.png)
+
+> 管理员后台：
+
+![](https://pic.yupi.icu/5563/202311090901400.png)
+
+![](https://pic.yupi.icu/5563/202311090901275.png)
+
+## 技术
+
+用到的基本都是主流技术，没有冷门的~
+
+前端：原生 HTML + 渐进式 Vue + Axios + Element UI
+
+后端：Spring Boot + SSM + MyBatis Plus + Spring Cache + Redis + Sharding JDBC 读写分离 + 短信 SDK + Lombok
+
+部署：前后端不分离 jar 包部署或者 Nginx 部署前端
+
+## 项目分析
+
+项目的定位是入门级教学项目，代码并不复杂，学过 Spring Boot 的同学应该可以快速上手：
+
+![](https://pic.yupi.icu/5563/202311090901267.png)
+
+> 项目代码
+
+### 优点
+
+1. 基本上把企业开发需要用到的主流基本技术都用到了
+2. 目录结构规范，接口设计遵循 Restful 规范
+3. 每个技术的运用都有专门的课程来讲解，可以通过一套项目课程快速学习 Git、Linux、Redis、Nginx、读写分离、第三方 API 调用等知识
+
+**从学习的角度上来讲，这是一个不错的项目，还是很值得做的。**
+
+### 不足
+
+1. 项目前后端没有完全分离，使用引入 js 的方式来渐进式使用 Vue 而不是独立的 Vue 前端工程
+2. 项目的业务逻辑并不复杂，而且最关键的是没有自定义 SQL 代码，无法通过这个项目提升自己的数据库运用能力
+3. 项目中没有遇到重难点问题、也没有复杂的系统设计思路、没有特别的亮点，中规中矩，所以想要用这个项目进大厂，我觉得还有难度。
+
+## 学习建议
+
+只要学完 SSM + Spring Boot 就可以学习该项目了，很适合你学完一堆技术之后，通过这个项目来做一个整合运用。
+
+如果你已经学过项目中用到的技术了，只想做完这个项目，那么估计看完我的项目介绍视频后、直接看源码，几天就能掌握了，没必要看完一套视频。
+
+另外，同类技术栈或业务逻辑的项目做 1 - 2 个就够了，**不要一直停留在这种项目** 。
+
+
+
+------
+
+
+既然这个项目那么热门，很多同学都做过，那还能不能写在简历上呢？
+
+答案是当然可以！只要是你自己亲手做过的、能跟面试官讲出来的项目都可以写到简历上。
+
+只不过对于此类热门项目，建议大家给它换个皮，比如改个名称、改个背景、加点功能等等，也不要暴露自己是跟着视频敲的。
+
+再说了，哪怕是同一个项目，大家写在简历上的内容也是各有千秋的。有的同学可能就简单地写自己做了什么模块，而有的同学可以刷刷刷写出十几个亮点。
+
+那我这里也给 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的小伙伴整理了 14 个有关该项目的亮点（也是学习重点）、都可以写在简历上，大家可以拿去参考~
+
+> 项目亮点地址：https://t.zsxq.com/06Yr7i6ai
+
+这里为了防止大家写的都一样，仅 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 同学可见，此外，我做过的每个项目、给大家分享的每个项目的亮点也都持续整理在星球的知识库里了。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311090901305.png)
+
+最后，感谢大家的阅读，大家还想让我鉴定什么编程项目都可以评论区留言哦~
+
+也欢迎学编程的朋友们扫码加入我的学习小圈子，下期见。
+
+![](https://pic.yupi.icu/5563/202311090901893.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\241\205\350\260\267\350\257\276\345\240\202.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\241\205\350\260\267\350\257\276\345\240\202.md"
new file mode 100644
index 0000000..255a8ba
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \347\241\205\350\260\267\350\257\276\345\240\202.md"	
@@ -0,0 +1,188 @@
+# 项目导学 - 硅谷课堂
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是皮鱼。
+
+现在网上有很多播放量巨高的免费编程项目教程，之前我也带大家评测了【瑞吉外卖】、【尚医通】这两个近百万播放的热门项目，很多同学表示挺有收获，但美中不足的是感觉大家都做过。
+
+所以这次我给大家分享一个今年出的、相对较新的项目 —— 硅谷课堂。通过这篇文章，希望能帮大家快速了解和学习这个项目，少走弯路~
+
+## 介绍
+
+这是一个基于微服务的在线学习平台，包括公众号前台和管理后台。
+
+管理员可以在后台发布视频点播课程和直播信息：
+
+![](https://pic.yupi.icu/5563/202311090858294.png)
+
+用户可以在公众号查看、购买课程，并了解直播信息：
+
+![](https://pic.yupi.icu/5563/202311090858218.png)
+
+## 资料
+
+快速导学视频：https://www.bilibili.com/video/BV1De411L7zG（建议先看这个）
+
+原课程视频地址：https://www.bilibili.com/video/BV13T411372x
+
+项目代码：可以在课程官方的视频评论区下获取
+
+> [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学也可以直接获取我整理好的代码 + 学习资料 + 原创笔记 + 简历亮点：https://t.zsxq.com/06e2FIMzb
+
+## 技术
+
+这个项目用的技术并不复杂，基本都是学习路线上提到的必学技术：
+
+#### 前端
+
+- Vue 2
+- vue-cli 脚手架（包含了 webpack + babel）
+- axios 请求库
+- Vant 组件库
+- Eslint 代码校验
+- Prettier 代码格式化
+- vue-admin-template 管理员模板（某谷好喜欢用这个）
+- 微信 js-sdk
+
+#### 后端
+
+微服务：
+
+- Spring Cloud 和 Spring Cloud Alibaba 框架
+- Nacos 注册中心
+- Spring Cloud Open Feign 远程调用
+- Spring Cloud Gateway 微服务网关
+- Maven 子父多模块
+
+数据存储层：
+
+- MySQL：存储数据
+- MyBatis Plus：数据访问框架
+
+工具库：
+
+- Easy Excel：读写 Excel 文件
+- weixin-java-mp：对接微信公众号
+- fastjson：json 序列化
+- Json Web Token（jjwt）：生成 jwt token
+- Joda Time：日期时间操作
+- httpclient：请求客户端
+- Swagger + Knife4j 接口文档
+
+### 技术架构图
+
+下图中，左侧的服务治理部分仅供参考，并没有全部实现。但是可以看到这个项目对接了很多第三方服务：
+
+![](https://pic.yupi.icu/5563/202311090858338.png)
+
+## 快速启动项目
+
+请看这个视频：https://www.bilibili.com/video/BV1De411L7zG
+
+## 项目学习
+
+这是一个侧重后端的项目，也是要从整体理解各微服务模块的作用开始学习。
+
+#### 微服务划分
+
+如下：
+
+- common 项目公共代码
+
+- - service_utils 公共服务，如 swagger 接口文档、全局异常处理器、各种工具类等
+
+- model 项目数据模型层（便于公用）
+
+- service 具体的业务逻辑（微服务）
+
+- service_client 服务调用客户端（只提供接口，便于公用）
+
+- service_gateway 微服务网关：负责跨域和请求转发（这个项目没有用到全局登录校验拦截）
+
+- service_vod 视频点播服务：课程管理、课程分类管理、讲师管理、管理员后台登录、视频管理、视频同步
+
+- service_live 直播服务：直播管理、同步直播信息到第三方平台上
+
+- service_order 订单服务：支付订单、订单管理
+
+- service_user 用户服务：微信登录、获取用户信息
+
+- service_wechat 公众号服务：上传文件（上传用户的图片）
+
+- service_activity 活动服务：优惠券信息的管理（增删改查）
+
+功能模块图：
+
+![](https://pic.yupi.icu/5563/202311090858096.jpeg)
+
+#### 区分接口类型
+
+这个项目的接口比较多，这里给大家讲一下接口类型划分规则，便于大家理解项目。
+
+本项目接口主要分为：内部接口、管理员后台接口、前台接口。
+
+内部接口：接口路径包含 inner 的均为内部接口，其他服务可通过 feign 客户端来调用这些内部接口。
+
+接口实现一般在 service 的 api 目录下，接口定义在 feign 客户端模块下，如图：
+
+![](https://pic.yupi.icu/5563/202311090858128.png)
+
+管理员后台接口：一般在 controller 目录下，前缀为 /admin。如图：
+
+![](https://pic.yupi.icu/5563/202311090858189.png)
+
+前台接口：一般在 api 目录下，前缀为 /api。如图：
+
+![](https://pic.yupi.icu/5563/202311090858831.png)
+
+#### 聊聊代码
+
+这个项目的代码并不复杂，了解各模块功能后就可以逐个击破。
+
+有同学说微服务代码行数就多？其实这是一个错误的认识，我们可以用 IDEA 的 Statistic 插件来看一下这个项目的代码行数，发现也就 8000 多行。且占用最多行的 MTCloud 文件感觉都是直接粘贴的官方 SDK 的代码，如图：
+
+![](https://pic.yupi.icu/5563/202311090858923.png)
+
+再看看登录接口的代码，会发现他没有做任何校验，并且就是设置了一个固定的 token。如图：
+
+![](https://pic.yupi.icu/5563/202311090858017.png)
+
+所以如果你想把这个项目直接上线，还是需要不少时间来完善它的。
+
+## 学习建议
+
+1、跟上次推荐的尚医通微服务项目比起来，这个项目的坑不算太多，还是比较适合入门的，前后端都可以学习。前端建议至少学完 Vue、后端建议至少学完 Spring Boot 再来看这个项目。
+
+2、业务层面：这个项目的业务流程比较完整，值得学习。本质上也是类商城业务，但是在这方面比尚医通的业务流程更完整，包括：信息发布 => 信息展示 => 领优惠券 => 购买 => 下单支付 => 统计管理。
+
+但是代码实现比较简单、不够完整（比如上面提到的登录功能），也不够细节，甚至有些地方是有点水的。但毕竟课程的时间就这么短，也能理解。建议大家做项目的时候不要完全跟着视频他一行你一行，还是要有一些自己的想法。
+
+3、技术层面：项目的重点不在微服务上，只是象征性地用了下微服务，没有服务治理相关的东西，哪怕你事先没学过微服务，也能做这个项目。
+
+但是，项目重点讲解了微信公众号的开发及相关工具，并使用大量的第三方服务如文件上传、直播、点播等，**很适合学习第三方服务的接入**。
+
+如果你已经做过类似业务的系统，建议只看自己想学的章节，比如学习如何对接第三方直播平台或者公众号开发。
+
+
+
+------
+
+
+最后，我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 给大家整理了一些有关该项目的亮点（也是学习重点）、都可以写在简历上，大家可以拿去参考~
+
+> 项目亮点地址：https://t.zsxq.com/06e2FIMzb
+
+此外，我做过的每个项目、给大家分享的每个项目的亮点也都持续整理在星球的知识库里（已经有 70 多个），帮助大家的简历脱颖而出。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311090858556.png)
+
+感谢大家的阅读，大家还想让我鉴定什么编程项目都可以评论区留言哦~
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，本季度还有 80 个好友优惠名额，可以加我微信 yupi5927，备注【加入星球】和自己的情况优惠加入星球，不备注不通过，非诚勿扰谢谢。
+
+![](https://pic.yupi.icu/5563/202311090858542.jpeg)
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \351\273\221\351\251\254\347\202\271\350\257\204.md" "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \351\273\221\351\251\254\347\202\271\350\257\204.md"
new file mode 100644
index 0000000..f378380
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\210\206\344\272\253/\351\241\271\347\233\256\346\225\231\347\250\213/\351\241\271\347\233\256\345\257\274\345\255\246/\351\241\271\347\233\256\345\257\274\345\255\246 - \351\273\221\351\251\254\347\202\271\350\257\204.md"	
@@ -0,0 +1,198 @@
+# 项目导学 - 黑马点评
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+之前已经给大家分享了三个全栈项目，比如瑞吉外卖什么的，这几个项目都是侧重于带大家学习框架的运用、以及一些简单的业务逻辑，但单独看代码就会发现没有太多的编程技巧可以学习。
+
+这次给大家分享的项目则是一个专门用来学习 Redis 技术的 **免费项目** —— 某马点评。事先说明，我可没有被绑架，而是前段时间我在复习 Redis 的时候把这个项目完整刷了一遍，觉得确实不错，才分享给大家。
+
+这是我自己记录的笔记：
+
+![](https://pic.yupi.icu/5563/202311090851329.png)
+
+我当时学 Redis 的时候是先学会用法，再自己通过做项目来摸索其应用场景，根本没有这种系统的、项目实践式的教程。不得不感叹，现在学编程的资源真的是太丰富了、成本也越来越低了。
+
+下面我带大家一起来学习下这个项目。
+
+> 提示：本文超长，适合收藏
+
+## 项目介绍
+
+在线店铺点评 APP（H5 网页），有点类似美团点评。
+
+特色：
+
+1. 项目整体比较精简，适合初学练手
+2. 项目中大量运用到了 Redis，极其适合学习 Redis 的同学来实战（事实上这个项目都是为了 Redis 课而生的）
+3. 项目的代码细节很多，能学到不少优化技巧
+
+![](https://pic.yupi.icu/5563/202311090851996.png)
+
+### 项目功能
+
+包括：查看点评（热评）、发布点评、点赞
+
+关注、查询关注的人发的帖子、查看好友共同关注
+
+分类浏览店铺、查看附近的店铺
+
+个人信息查看和管理
+
+![](https://pic.yupi.icu/5563/202311090852611.png)
+
+话说项目太仿真了，在用户编辑资料页竟然还能开 VIP？！🐶
+
+![](https://pic.yupi.icu/5563/202311090851193.png)
+
+## 项目资料
+
+快速导学视频：https://www.bilibili.com/video/BV1PG4y1s7io
+
+原课程视频地址：https://www.bilibili.com/video/BV1cr4y1671t
+
+这个项目没有专门的课程，而是融合在了 Redis 的教程中，可以从 P24 开始看。
+
+> [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学也可以直接获取我整理好的代码 + 学习资料 + 原创笔记 + 简历亮点：https://t.zsxq.com/07JMnQvne
+
+## 技术栈
+
+### 后端
+
+Spring 相关：
+
+- Spring Boot 2.x
+- Spring MVC
+
+数据存储层：
+
+- MySQL：存储数据
+- MyBatis Plus：数据访问框架
+
+Redis 相关：
+
+- spring-data-redis：操作 Redis
+- Lettuce：操作 Redis 的高级客户端
+- Apache Commons Pool：用于实现 Redis 连接池
+- Redisson：基于 Redis 的分布式数据网格
+
+工具库：
+
+- HuTool：工具库合集
+- Lombok：注解式代码生成工具
+
+### 前端
+
+前端不是本项目的重点，了解即可：
+
+- 原生 HTML、CSS、JS 三件套
+- Vue 2（渐进式使用）
+- Element UI 组件库
+- axios 请求库
+
+### 技术架构图
+
+这个项目是单体项目，架构比较简单，下图依然是理想架构，实际上只用单台 Tomcat、MySQL、Redis 即可：
+
+![](https://pic.yupi.icu/5563/202311090851195.png)
+
+## 学习重点
+
+这个项目几乎用到了 Redis 的所有主流特性，都值得重点学习，如官方提供的项目介绍图：
+
+![](https://pic.yupi.icu/5563/202311090851255.png)
+
+## 快速启动项目
+
+请看这个视频：https://www.bilibili.com/video/BV1PG4y1s7io
+
+## 项目学习
+
+### 课程学习
+
+这里给大家划分一下视频章节对应的知识点：
+
+- p1 - p23 Redis 基础学习
+- p24 - p25 本项目介绍
+- p26 - p34 Redis 短信登录和 Session 共享
+- p35 - p47 Redis 缓存应用
+- p48 - p49 Redis 实现全局唯一 id 生成
+- p50 - p55 传统秒杀实现方案
+- p56 - p68 Redis 实现分布式锁
+- p69 - p71 Redis 实现秒杀
+- p72 - p77 Redis 实现消息队列
+- p80 - p81 Redis 点赞及点赞排行榜
+- p82 - p83 Redis 实现共同关注
+- p84 - p87 Redis 实现 Feed 流
+- p88 - p90 Redis 实现附近店铺功能（GEO）
+- p91 - p93 Redis 实现签到
+- p94 - p95 Redis 实现 UV 统计
+
+单纯为了完成项目的话，直接看 p24 - p95 即可。
+
+### 代码学习
+
+config 目录：存放项目依赖相关配置
+
+- MvcConfig：配置了登录、自动刷新登录 Token 的拦截器
+- MybatisConfig：配置 MyBatis Plus 分页插件
+- RedissonConfig：创建单例 Redisson 客户端
+- WebExceptionAdvice：全局响应拦截器
+
+controller 目录：存放 Restful 风格的 API 接口
+
+dto 目录：存放业务封装类，如 Result 通用响应封装（不推荐学习它的写法）
+
+entity 目录：存放和数据库对应的 Java POJO，一般是用 MyBatisX 等插件自动生成
+
+mapper 目录：存放操作数据库的代码，基本没有自定义 SQL，都是复用了 MyBatis Plus 的方法，不做重点学习。
+
+service 目录：存放业务逻辑处理代码，需要重点学习
+
+- BlogServiceImpl：基于 Redis 实现点赞、按时间排序的点赞排行榜；基于 Redis 实现拉模式的 Feed 流，推荐学习
+- FollowServiceImpl：基于 Redis 集合实现关注、共同关注，推荐学习
+- ShopServiceImpl：基于 Redis 缓存优化店铺查询性能；基于 Redis GEO 实现附近店铺按距离排序，推荐学习
+- UserServiceImpl：基于 Redis 实现短信登录（分布式 Session），推荐学习（虽然没有真的实现短信登录，而是通过日志打印验证码代替）
+- VoucherOrderServiceImpl：基于 Redis 分布式锁、Redis + Lua 两种方式，结合消息队列，共同实现了秒杀和一人一单功能，非常值得学习
+- VoucherServiceImpl：添加优惠券，并将库存保存在 Redis 中，为秒杀做准备。
+
+utils 目录：存放项目内通用的工具类，需要重点学习
+
+- CacheClient：封装了通用的缓存工具类，涉及泛型、函数式编程等知识点，值得学习
+- RedisConstants：保存项目中用到的 Redis 键、过期时间等常量，值得学习
+- RedisIdWorker：基于 Redis 的全局唯一自增 id 生成器，值得学习
+- RedisTokenInterceptor：自动刷新 Redis 登录 Token 有效期，值得学习
+- SimpleRedisLock：简单的 Redis 锁实现，了解即可，一般用 Redisson
+- UserHolder：线程内缓存用户信息，可以学习
+
+## 学习建议
+
+1. 这个项目几乎用到了 Redis 的所有主流特性，非常适合已经学完 Spring Boot、还未系统学习过 Redis 的后端同学，其中秒杀功能、一人一单的实现需要格外重点学习。
+
+2. 课程质量极高，一句不少、一句不多、幽默风趣、百万 PPT，还能学到库表设计、代码抽象复用、JMeter 压力测试工具等实用知识。后端的初学者可以只看 p1 - p95、以及 p134 - p139 的最佳实践部分，高级篇和原理篇等把项目做完、且其他主流技术（如消息队列、微服务）学的差不多了，等面试前再看就行。
+
+3. 虽然项目的实现完整度一般，但是有难度的功能基本都实现了，建议有能力的同学把它完整实现，完全可以写在简历上。
+
+4. 在学习的过程中，可以多使用 Redis 可视化管理工具来观察数据的变化。比如 Quick Redis（https://quick123.net/）、RESP 等。
+
+5. 项目缺乏管理端，可以自行实现如店铺管理、点评审核等功能。
+
+   
+
+------
+
+
+最后，我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 给大家整理了一些有关该项目的亮点（也是学习重点）、都可以写在简历上，大家可以拿去参考~ （原谅我，一旦对外公开又会 “烂大街” 了）
+
+> 项目亮点地址：https://t.zsxq.com/07JMnQvne
+
+此外，我做过的每个项目、给大家分享的每个项目的亮点也都持续整理在星球的知识库里（已经有 70 多个），帮助大家的简历脱颖而出。
+
+如下图：
+
+![](https://pic.yupi.icu/5563/202311090851225.png)
+
+感谢大家的阅读，欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 。可以加我微信 yupi5927，备注【加入星球】和自己的情况来 **优惠** 加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/README.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/README.md"
new file mode 100644
index 0000000..ff1ca25
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/README.md"
@@ -0,0 +1,375 @@
+# 编程导航知识星球
+
+编程导航知识星球是由 [程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah) 创建的，帮助你更快学好编程、少走弯路的圈子，已运营 600 多天，有 **2.4 万** 多名小伙伴加入。
+
+> 已经帮助多名小伙伴拿到大厂 offer，建议看完本文，帮助你节省学习时间
+
+![](https://pic.yupi.icu/1/image-20230916164334387.png)
+
+
+## 什么是编程导航？
+
+编程导航是国内顶尖的编程学习交流圈，提供了 `学编程 => 做项目 => 找工作 => 职场交流` 的一条龙服务。
+
+目标是：帮您更快地学好编程、少走弯路，找到理想的工作。
+
+- 如果你是编程初学者：我们原创的学习指南将告诉你如何自学编程、解决你的困惑；还能和其他优秀的同学相互交流、共同进步
+- 如果你想提高编程能力：我们有多个全程直播带做的原创项目（教程+简历写法+面试题解+答疑一条龙）和大厂嘉宾的直播分享
+- 如果你想更快找到工作：我们原创的求职指南将告诉你如何写好简历、掌握求职技巧；还提供面试题、面经等求职资源
+
+相比于网上免费的学习资源和自学，我们的优势在于：
+
+![](https://pic.yupi.icu/1/image-20231018113218146.png)
+
+我们希望用每天一根 🍭 的价格，帮你走在更多同学前面！
+
+支持 APP、网页端和小程序，可随时随地使用。每天花几分钟阅读一圈，就能收获学习的动力与知识，不比刷娱乐视频要强的多么？
+
+![编程导航 PC 端界面](https://pic.yupi.icu/1/(null)-20230916163907247.png)
+
+
+
+## 加入星球
+
+🧧 加入 3 天内不满意可以全额退款，建议大家自己加入体验：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，有没有用自己试了才知道！
+
+
+
+## 一、学习指导，告别迷茫
+
+这是鱼皮开设编程导航的初衷 —— 帮助真心想进步的同学找到学习方向、规划学习路线、解决学习 / 求职 / 职场中遇到的问题。
+
+
+
+### 学习指南
+
+我们将鱼皮等几十位星球大厂嘉宾的编程学习经验进行了精选汇总整理，构建了一个完整的编程学习体系；并且从鱼皮等嘉宾们在星球内回答的 5000 多个问题中取精去糙，针对大家普遍关注的编程问题进行了重点解答，汇总为几百万字的精华《[编程导航学习指南](https://yuyuanweb.feishu.cn/wiki/CHzBwweCIiKEoLkB5TVcPsGNnTf)》。
+
+相信它能帮你解决困惑或提供建议，从 0 开始自学编程不迷茫、更快更好地学习编程，不走弯路！
+
+星球嘉宾阵容（仅列举了一部分），[点击查看星球嘉宾阵容详情](https://yuyuanweb.feishu.cn/docx/TWtNdzwAsoFuJoxVZYqcopohnqd)：
+
+![](https://pic.yupi.icu/1/(null)-20230916171955455.png)
+
+列举鱼皮和星球嘉宾的部分回答：
+
+![](https://pic.yupi.icu/1/image-20230916172956100.png)
+
+![](https://pic.yupi.icu/1/image-20230916173655462.png)
+
+
+
+### 学习资源
+
+编程导航的 `学习资源` 和 `编程知识` 非常丰富，包括但不限于：
+
+- 鱼皮原创 30+ 编程学习路线和知识专栏
+- 鱼皮原创编程学习知识库（几十万字）
+- 鱼皮原创几十场编程项目 + 经验分享直播
+- 星球原创精选前后端面试题合集（几十万字）
+- 800 多篇星球精华内容
+- 鱼皮原创 Java 后端万用项目模板
+- 几百份真实简历和建议参考
+- 求职指南和上百份优质面经（几十万字）
+
+
+
+现在编程导航绝大多数的学习资源都是我们官方和大厂嘉宾们 **原创** 的，比如几十万字的 `编程导航星球知识库` ：
+
+![](https://pic.yupi.icu/1/image-20230916180339452.png)
+
+大厂嘉宾们的 `原创专栏` ，很多原本付费的内容，在星球内 **全部免费阅读** ！
+
+![](https://pic.yupi.icu/1/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_851e554d-96ee-4e53-82af-5cc01bfad4a1.png)
+
+编程导航 `最强学习指南` ：汇总了大家常见的编程问题，学习规划、求职指导、技术问题、系统设计等应有尽有。加入后阅读一圈，相信能帮你解决很多疑虑，避免走弯路。
+
+![星球原创学习指南](https://pic.yupi.icu/1/wecom-temp-388332-206605fefefceb240ba61abaa49c6f3b.jpg)
+
+来看看大家的反馈：
+
+![](https://pic.yupi.icu/1/image-20230916181754275.png)
+
+
+
+### 加入星球
+
+[👉🏻 点此加入星球，开启编程学习之路](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+> 加入 3 天内可以全额退款，感兴趣的同学可以先加入体验
+
+
+
+## 二、原创项目，保姆级教程
+
+### 原创项目一条龙
+
+这是编程导航的一大特色。`鱼皮原创项目系列` 以实战为主，用 **全程直播** 的方式，从 0 到 1 带大家学习技术知识，并立即实践运用到完整项目中，做到学以致用。
+
+此外，还提供如下服务：
+
+- 详细的直播笔记
+- 完整的项目源码
+- 答疑解惑
+- 专属项目交流群
+- ⭐️ 现成的简历写法（直接写满简历）
+- ⭐️ 项目的扩展思路（拉开和其他人的差距）
+- ⭐️ 项目相关面试题和解答（提前准备，面试不懵逼）
+
+有同学会说，网上也有免费的项目呀，为啥要花钱学呢？
+
+比起看网上的教程学习，鱼皮项目系列的优势如下：
+
+![](https://pic.yupi.icu/1/image-20231018113439140.png)
+
+目前已经有 6 个原创项目，每个项目的侧重点不同，全都是前端 + 后端的 **全栈项目** ：
+
+![](https://pic.yupi.icu/1/image-20230916183551454.png)
+
+项目覆盖的技术栈包括但不限于：Vue 3、React、Spring Boot、Dubbo、Spring Cloud 微服务、Docker、各种设计模式、Linux 虚拟机远程开发、Java 安全控制、AIGC、Redis、RabbitMQ、API 签名认证、SDK 开发、Elastic Stack、爬虫、数据同步、JMeter 压力测试、并发编程、事务、定时任务、大数据推荐思想、各种工具库和编程方法等，反正前后端必学的实用技术基本都讲解并实战啦~
+
+而且每个星球的原创项目，都有现成的 `简历写法` + `面试题和题解` ！
+
+![现成的简历写法](https://pic.yupi.icu/1/image-20230916192334606.png)
+
+![现成的面试题解](https://pic.yupi.icu/1/image-20230916191823429.png)
+
+好家伙，从学编程、做项目、复习笔记、再到写简历、准备面试，**真正的一条龙服务** ！
+
+感兴趣的同学可以 [点此了解所有原创项目详情](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)（包含试看）。
+
+关于项目的价值，看看下面这些反馈就好：
+
+![](https://pic.yupi.icu/1/503f5abf-3571-425f-87ee-3de133d4891d.png)
+
+
+
+### 项目训练营
+
+除了实战项目外，还有带你熟悉企业项目完整研发流程和优化思路的 `项目训练营` （6 场直播 + 组队实训），各种项目经验分享等。
+
+项目训练营中，鱼皮用一个完整的示例项目带大家快速熟悉企业项目开发流程，**掌握独立开发项目的方法** ！
+
+看了这个直播后，无论是自己组建团队做项目、还是参加竞赛，都会更容易。
+
+示例项目如图：
+
+![项目训练营 - 寻爱网项目](https://pic.yupi.icu/1/640-20230916184208494.png)
+
+关于项目的价值，看看下面这些反馈就好：
+
+![](https://pic.yupi.icu/1/image-20230916190040901.png)
+
+
+
+### 加入星球
+
+[👉🏻 点此加入星球，开启编程学习之路](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+> 加入 3 天内可以全额退款，感兴趣的同学可以先加入体验
+
+
+
+## 三、求职指导
+
+### 写好简历
+
+简历是求职的第一关，简历写不好、没有面试，你背再多八股文、学再多技术和项目也没用！
+
+编程导航提供 **几万字** 的精选 `写简历技巧` ，汇总了几十个写简历中经常出现的问题、挖掘项目亮点的方法等，帮你写好简历，**大大增加简历投递的回复率** 。
+
+鱼皮已经帮忙修改了 **上千份** 简历，各种简历的问题和优化技巧了如指掌，也精选了很多简历并分类整理。
+
+加入编程导航后，可以看到几百份简历参考、以及鱼皮对每份简历的建议，帮助自己改进：
+
+![](https://pic.yupi.icu/1/(null)-20230916190220510.png)
+
+一个很简单的逻辑，只要你认为自己的简历比平台上 50% 以上的同学要好，那么你大概率是能找到工作的！
+
+老规矩，来看看反馈：
+
+![](https://pic.yupi.icu/1/image-20230916190708258.png)
+
+
+
+### 求职指南
+
+为了帮助大家更好的准备秋招，编程导航官方整理了近两百个求职问题和 130+ 篇面经，解答你的求职困惑 ～
+
+文档概览：[编程导航求职指南](https://yuyuanweb.feishu.cn/wiki/YKFjwNXWAiXuilkta2LcMP6xnXe)
+
+
+
+### 秋招信息表
+
+编程导航每日持续更新最新 `秋招岗位投递信息表` ，已经汇总了几百条计算机相关岗位的投递信息！
+
+你只管对着秋招信息表投递即可，大幅节省时间、减少信息差：
+
+![](https://pic.yupi.icu/1/image-20230916191155303.png)
+
+
+
+### 精选面试题
+
+技术学了、项目练了、简历写了，剩下的就是准备八股文啦！
+
+但八股文太多了，“一辈子” 也背不完，很多同学不知道如何抓住重点，到底哪些面试题是面试官会问的呢？
+
+为了解决这个问题，编程导航精选了 180 道超高频重点前后端  `面试题汇总文档` ：
+
+![](https://pic.yupi.icu/1/640-20230916191306581-20230916191637875.png)
+
+![](https://pic.yupi.icu/1/%E9%9D%A2%E8%AF%95%E9%A2%98%E9%9B%86.png)
+
+有了这个，不用再自己搜集面试题了！你尽管投入时间学习，剩下的交给我们。
+
+求职的小伙伴们表示按这些面试题汇总去准备面试，**命中率巨高** ：
+
+![](https://pic.yupi.icu/1/640-20230916191306647.png)
+
+
+
+### 加入星球
+
+[👉🏻 点此加入星球，开启编程学习之路](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+> 加入 3 天内可以全额退款，感兴趣的同学可以先加入体验
+
+
+
+## **四、编程交流，一起进步**
+
+我们提供资源和人力，让你和上万名同学一起在星球平台、各方向交流群、星球自习室内交流学习、共同进步。
+
+
+
+### **交流平台**
+
+一个面向程序员的交流社区，支持 APP、网页端和小程序，大家可以在里面交流讨论、一起学习打卡、共享学习资源等。
+
+![](https://pic.yupi.icu/1/(null)-20231018113928414.(null))
+
+比如二本上岸鹅厂的鱼友分享，经历很励志：
+
+![](https://pic.yupi.icu/1/(null)-20231018113928665.(null))
+
+一位转行同学历经曲折、成功上岸的经验：
+
+![](https://pic.yupi.icu/1/(null)-20231018113928911.(null))
+
+星球目前的交流帖子数量已经超过了 14 万！而且本星球多次登上活跃榜首！可见星球的交流氛围是很不错的~
+
+
+
+### **交流群**
+
+我们运营了 100 多个星球专属交流群，各方向的交流群都有，而且群内我们还会每日给大家推送星球优质文章，激励大家学起来~
+
+此外，我们与时俱进、有求必应，大家需要什么群，我们就组织什么！
+
+比如秋招冲刺群、职场交流群、考研群、项目交流群、软考群、ACM 算法群、QQ 算法刷题群（3000 人）、字节青训营交流群、春招 & 暑期实习交流群、面试刷题打卡群等。
+
+
+
+### **星球自习室**
+
+大家可以一起组团线上学习、看到其他小伙伴的学习情况，专治不想学！
+
+我亲眼看着很多小伙伴从不学习再到变成卷王（
+
+![](https://pic.yupi.icu/1/(null)-20231018113929442.(null))
+
+
+
+### 学习氛围
+
+星球的学习氛围非常好。这里有很多同学在每日坚持记录和分享自己的学习内容和计划。
+
+在星球坚持学习 21 天后，相信你也能够找到持续学习的动力，养成好的学习习惯。在这里你会认识更多正能量的小伙伴、收获更多的学习动力，而不是被焦虑所吞噬。
+
+以下是大家在星球的真实学习感受：
+
+![](https://pic.yupi.icu/1/(null)-20231018113929846.(null))
+
+**不怕你学不下去，就怕你不敢下定决心尝试改变！**
+
+
+
+### 加入星球
+
+[👉🏻 点此加入星球，开启编程学习之路](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+> 加入 3 天内可以全额退款，感兴趣的同学可以先加入体验
+
+
+
+## **五、专属直播，经验分享**
+
+星球共举办了近百场专属直播。内容包括但不限于手把手带做项目、编程经验、求职指导、项目分享等，能够随时观看超清回放和笔记。
+
+
+
+### 原创项目直播
+
+从 0 到 1、全程直播带大家做出项目，帮您掌握独立开发项目的能力。
+
+下面列举部分精选直播，往期回放可随时在线看：
+
+- [⭐️ 从 0 到 1 开发用户中心](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=351205063&lang=zh_CN#rd)（保姆级前后端完整项目教程）
+- [⭐️ 伙伴匹配系统](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527878&idx=1&sn=00ef3e8862cec2570eeb2e74a232c700&chksm=e9c28a31deb5032784071939437fba3fd6fdb810f0f849aa90536259d8d8bc25453328b86c12&token=351205063&lang=zh_CN#rd)（前后端完整的移动端网站）
+- [⭐️ 从 0 到 1 开发 API 开放平台](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247534541&idx=1&sn=3dfd13bd337715418294b7301af8fc50&chksm=e9c2a03adeb5292c479cd8a5b93656fb4cf64c89d21866888ab08ff107d80d13ee36862143d5&token=351205063&lang=zh_CN#rd)（保姆级、企业级项目教程）
+- [⭐️ 从 0 到 1 开发聚合搜索平台](https://www.code-nav.cn/post/1642462565038608385)（保姆级、企业级项目教程）
+- [⭐️ 从 0 到 1 开发智能 BI 平台](https://mp.weixin.qq.com/s/C4YUQXQGoww_hxYtcS8e5w)（保姆级、企业级项目教程）
+- [⭐️ 编程导航兑奖系统开发](https://t.zsxq.com/0aJywwhj6)（编程导航网站真实开发过程大揭秘）
+- [⭐️ 任务记录工具网站](https://t.zsxq.com/03byfyNFi)
+- [⭐️ 项目训练营](https://t.zsxq.com/06EIMNr3R)（学习从立项到上线的完整做项目流程 + 优化思路）
+- [⭐️ Web 终端项目经验分享](https://t.zsxq.com/04bqFI66M)（技术选型 + 系统设计 + 源码解读 + 简历亮点全面分享）
+- [⭐️ SQL 代码数据生成项目分享](https://t.zsxq.com/07fBxVsyC)（系统设计 + 源码解读 + 简历亮点全面分享）
+- [⭐️ 面试刷题网站项目经验分享](https://t.zsxq.com/03auZnAM3)（从 0 到 1 分享数万用户网站的创作过程）
+
+
+
+### 经验分享
+
+- [⭐️ 编程学习及求职规划](https://t.zsxq.com/032ZzZ7QV)（适合所有学编程的同学观看，告别迷茫）
+- [鱼皮个人经历 & 大学四年如何规划](https://t.zsxq.com/03UZniqrj)（适合所有大学生观看，告别迷茫）
+- [⭐️ 程序员写简历技巧分享](https://t.zsxq.com/032rjyF2B)（求职前必看，帮你通过简历关）
+- [鱼皮的自媒体创作经验分享](https://t.zsxq.com/03B62nmQV)
+- [写简历经验 + 案例分享](https://t.zsxq.com/03na2JqfQ)（在线改简历，分享简历细节、面试考点、项目优化、项目思路等）
+
+
+
+### 嘉宾分享
+
+星球不定期邀请大咖嘉宾分享，比如：
+
+- [我如何考研上岸+入职大厂？学习规划 + 考研经验分享](https://t.zsxq.com/04AUrbIUZ) （考研初试第三 + 入职字节跳动的经验，想考研的同学建议观看）
+- [从 “星” 开始的前端项目架构之旅](https://t.zsxq.com/03yBAAQVJ) （字节前端开发者结合自己的项目分享微前端技术）
+- [如何写出一份合格的简历](https://t.zsxq.com/04Y76iUZF) （网易资深前端面试官、内推 5w+ 的大佬分享）
+
+
+
+### 免费试看
+
+📢 大家可以免费看一期在线直播来体验一下：
+
+用户中心项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1ze4y1471b)
+
+伙伴匹配项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1hP411P7Eg)
+
+API 开放平台项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1Nd4y157Dm)
+
+聚合搜索平台项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1ks4y1V7jC/)
+
+智能 BI 项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1Cg4y1G7oy)
+
+项目训练营：[点击在线观看](https://www.aliyundrive.com/s/rcFczasMKVK)，提取码: cu89
+
+
+
+## 加入星球
+
+[👉🏻 点此加入星球，开启编程学习之路](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+> 加入 3 天内可以全额退款，感兴趣的同学可以先加入体验
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/README.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/README.md"
new file mode 100644
index 0000000..546967a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/README.md"
@@ -0,0 +1,76 @@
+# 星主介绍
+
+朋友们好，我是星主程序员鱼皮。
+
+
+
+## 个人介绍
+
+98 年 11 月生，24 岁，男性，热爱编程和分享。本科毕业有幸加入腾讯，担任全栈开发工程师，也是腾讯云开发高级布道师、全网百万粉编程知识博主，持续给大家分享编程干货和好玩的知识。
+
+大学期间，我自学了多种编程语言和技术栈，如 Java 后端、前端、小程序开发等，在校带领工作室建设了 **几十个** 网站，以 **专业第一** 的成绩拿过国家奖学金、挑战杯学术竞赛 **国奖** & 上海市 **特等奖**、上海市优秀毕业生、年度人物等。大三时加入学院的实验室研究区块链，并出版过《区块链智能合约技术与应用》教材，也曾有过 **字节跳动**、**腾讯** 等三家公司的实习经历并在秋招拿到多家大厂 offer。甚至还有段创业经历，81 分落户上海。入职后，也拿过腾讯内部应用开发竞赛 **冠军**、**优秀员工** 等荣誉。
+
+我的生活比较简单，平时绝大多数的时间都花在了工作 + 创作上，知识分享是我的爱好，想给大家留下一些有用的东西。
+
+
+
+## 我的公众号
+
+鱼皮的原创博客，分享编程学习经验、技术干货、项目设计思路、大厂求职面经、个人成长经历、免费编程学习资料等，用我自己的经历和经验帮助大家少走弯路进大厂。
+
+![](https://www.codefather.cn/img/qp2h0duBfi6u3zTCRCmjDw-20220618230235102.png)        
+
+
+
+## 我的网站
+
+利用工作之余的时间熬夜肝出的网站，代码均已开源并累积收获近万的 star：
+
+1. 编程导航：[https://www.code-nav.cn](https://www.code-nav.cn)，已帮助十万多名小伙伴找到优质编程学习资源！
+2. 测试鸭：[http://ceshiya.yupi.icu](http://ceshiya.yupi.icu)，帮助大家实践学习网络安全知识
+3. SQL 生成器：[http://sql.yupi.icu](http://sql.yupi.icu)，前端小工具
+
+还有很多，就不一一列举了。
+
+
+
+## 我的 GitHub
+
+地址：[https://github.com/liyupi](https://github.com/liyupi)
+
+里面有一些还算有用的代码，比如上面提到的网站~
+
+欢迎 follow 👏🏻
+
+
+
+## 我的 B 站
+
+主页：[程序员鱼皮](https://space.bilibili.com/12890453)
+
+前期分享编程干货、个人学习方法；目前侧重于分享自制的、好玩的编程项目，想做一些和别人不一样的内容，带大家一起感受编程的乐趣！
+
+
+
+## 其他平台
+
+我的公众号、B 站、抖音、知乎、GitHub、CSDN、掘金、网易云音乐等平台均叫【程序员鱼皮】~
+
+欢迎大家关注俺，让我们一起成长~
+
+
+
+## 我的的编程学习圈
+
+鱼皮的付费编程学习圈子，加入后可以和鱼皮等 40 多名大厂嘉宾、以及几万名编程爱好者交流，跟鱼皮的直播学做完整项目，获取鱼皮原创和整理的编程学习路线、学习经验、求职技巧等，和近万名小伙伴一起更好地学习编程，不再迷茫！
+
+欢迎加入：[编程导航知识星球](https://yupi.icu)
+
+
+
+## 联系方式
+
+[点击联系我们的官方客服](https://work.weixin.qq.com/kfid/kfc289851a447ba9bcf) ，欢迎咨询 ✉️
+
+- 商务合作。请备注品牌和来意
+- 想咨询和进一步了解星球。请备注了解星球
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\344\270\252\344\272\272\347\273\217\345\216\206.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\344\270\252\344\272\272\347\273\217\345\216\206.md"
new file mode 100644
index 0000000..8030e3b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\344\270\252\344\272\272\347\273\217\345\216\206.md"
@@ -0,0 +1,73 @@
+# 个人经历
+
+汇总了鱼皮往期的文章分享，持续补充和完善
+
+
+
+## 大学
+
+[我学计算机的四年，共勉！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496429&idx=1&sn=fd8c23892964e8d96b2f5698ea2cd0e2&scene=21#wechat_redirect)
+
+[从大学到秋招，我如何拿下腾讯offer](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247483776&idx=1&sn=10562d1ec491bff555dcb10216eb6a58&scene=21#wechat_redirect)
+
+[大学，我是怎么边学编程边赚钱的？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496990&idx=1&sn=0148de286775a2e0d1a9c704403969a4&scene=21#wechat_redirect)
+
+[我大三时做的羞耻项目！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247499910&idx=1&sn=60bcfd89c472ebe4228641ce9c6ead84&scene=21#wechat_redirect)
+
+[我的考证经历](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247499013&idx=1&sn=c9e283b156b18a56f802a5af443f5dc4&scene=21#wechat_redirect)
+
+[鱼皮在实验室写教材的经历](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498699&idx=1&sn=d1d13452f3ca83cfd1dabde020caf4b8&scene=21#wechat_redirect)
+
+[鱼皮落户上海心得](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247490632&idx=1&sn=b969b53f568055a5e4e112c80bb2a978&scene=21#wechat_redirect)
+
+[我的毕业设计，时隔一年，仍感觉头秃](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497296&idx=1&sn=4def8d51f3174885e87fe618d0e37547&scene=21#wechat_redirect)
+
+[我的毕业感受](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498650&idx=1&sn=8360061472ea40d0024cf9fad80f7711&scene=21#wechat_redirect)
+
+
+
+## 求职
+
+[我的第一份实习，坐高铁上班](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496813&idx=1&sn=b61b5ca564d74ac5a5902f755d64acb5&scene=21#wechat_redirect)
+
+[我的第二份实习，字节跳动](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498117&idx=1&sn=23acd77f429f2dcb6ac87fcb7073754d&scene=21#wechat_redirect)
+
+[面试阿里 6 次，仍然失败的经历](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247500186&idx=1&sn=80698f1cbc8bf280697fe97ba60a3575&scene=21#wechat_redirect)
+
+
+
+## 职场
+
+[我在腾讯的试用期总结](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247499212&idx=1&sn=273735be216e44e2f70b112bfd29655d&scene=21#wechat_redirect)
+
+[我从导师身上学到了什么？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247489962&idx=1&sn=33f2eed861883bfb07bf59ccba95621d&scene=21#wechat_redirect)
+
+[我升级为云开发高级布道师啦](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496246&idx=1&sn=37f24454572ce1b73f593c8fc44dd172&scene=21#wechat_redirect)
+
+[我入职一年的感受](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498820&idx=1&sn=437932fb2e3648600873fa7912ffd59f&scene=21#wechat_redirect)
+
+[我在腾讯和字节的工作感受](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247499978&idx=1&sn=e7c0ca103eb3cb63ab3626fd06640e04&scene=21#wechat_redirect)
+
+[我获得了腾讯内部竞赛第一名！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247498474&idx=1&sn=39862e95e632e380e13717f1a8f4e919&scene=21#wechat_redirect)
+
+[工作后，我坚持了三年的习惯](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247499833&idx=1&sn=27ce99d198f17967fc4e42b76ca67609&scene=21#wechat_redirect)
+
+[Java 开发者工作都做什么？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247493000&idx=1&sn=145cb8e58254767c3a66780def7ed75a&scene=21#wechat_redirect)
+
+[鱼皮这个月就写了这点儿代码？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247497863&idx=1&sn=4a7e798c577be05e037216d64b946fab&scene=21#wechat_redirect)
+
+[⭐️ 鱼皮的打工日记](/星球资料/鱼皮的打工日记.md)
+
+
+
+## 创作
+
+[毕业这年，我成为了一名 UP 主](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492957&idx=1&sn=ad214bddcfa79ea3f08cb34941adeed6&scene=21#wechat_redirect)
+
+[我也拥有了 10 万粉丝](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247500603&idx=1&sn=1b7b65184a6a642a2f64f383bf736a2b&scene=21#wechat_redirect)
+
+
+
+## 生活
+
+[鱼皮工作 + 创作的日常生活](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247493379&idx=1&sn=2dd40dac552b3415438b77404d3da082&scene=21#wechat_redirect)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\346\230\237\344\270\273\344\273\213\347\273\215.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\346\230\237\344\270\273\344\273\213\347\273\215.md"
new file mode 100644
index 0000000..06763de
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\205\263\344\272\216\346\210\221\344\273\254/\346\230\237\344\270\273\344\273\213\347\273\215.md"
@@ -0,0 +1,77 @@
+# 星主介绍
+
+朋友们好，我是星主程序员鱼皮。
+
+
+
+## 个人介绍
+
+98 年 11 月生，24 岁，男性，热爱编程和分享。本科毕业有幸加入腾讯，担任全栈开发工程师，也是腾讯云开发高级布道师、全网百万粉编程知识博主，持续给大家分享编程干货和好玩的知识。
+
+大学期间，我自学了多种编程语言和技术栈，如 Java 后端、前端、小程序开发等，在校带领工作室建设了 **几十个** 网站，以 **专业第一** 的成绩拿过国家奖学金、挑战杯学术竞赛 **国奖** & 上海市 **特等奖**、上海市优秀毕业生、年度人物等。大三时加入学院的实验室研究区块链，并出版过《区块链智能合约技术与应用》教材，也曾有过 **字节跳动**、**腾讯** 等三家公司的实习经历并在秋招拿到多家大厂 offer。甚至还有段创业经历，81 分落户上海。入职后，也拿过腾讯内部应用开发竞赛 **冠军**、**优秀员工** 等荣誉。
+
+我的生活比较简单，平时绝大多数的时间都花在了工作 + 创作上，知识分享是我的爱好，想给大家留下一些有用的东西。
+
+
+
+## 我的公众号
+
+鱼皮的原创博客，分享编程学习经验、技术干货、项目设计思路、大厂求职面经、个人成长经历、免费编程学习资料等，用我自己的经历和经验帮助大家少走弯路进大厂。
+
+![](https://www.codefather.cn/img/qp2h0duBfi6u3zTCRCmjDw-20220618230235102.png)        
+
+
+
+## 我的网站
+
+利用工作之余的时间熬夜肝出的网站，代码均已开源并累积收获近万的 star：
+
+1. 编程导航：[https://www.code-nav.cn](https://www.code-nav.cn)，已帮助十万多名小伙伴找到优质编程学习资源！
+2. 面试鸭：[https://www.mianshiya.com](https://www.mianshiya.com)，帮助大家面试刷题
+3. 测试鸭：[https://ce.mianshiya.com](https://ce.mianshiya.com)，帮助大家实践学习网络安全知识
+4. SQL 生成器：[http://sql.yupi.icu](http://sql.yupi.icu)，前端小工具
+
+还有很多，就不一一列举了。
+
+
+
+## 我的 GitHub
+
+地址：[https://github.com/liyupi](https://github.com/liyupi)
+
+里面有一些还算有用的代码，比如上面提到的网站~
+
+欢迎 follow 👏🏻
+
+
+
+## 我的 B 站
+
+主页：[程序员鱼皮](https://space.bilibili.com/12890453)
+
+前期分享编程干货、个人学习方法；目前侧重于分享自制的、好玩的编程项目，想做一些和别人不一样的内容，带大家一起感受编程的乐趣！
+
+
+
+## 其他平台
+
+我的公众号、B 站、抖音、知乎、GitHub、CSDN、掘金、网易云音乐等平台均叫【程序员鱼皮】~
+
+欢迎大家关注俺，让我们一起成长~
+
+
+
+## 我的的编程学习圈
+
+鱼皮的付费编程学习圈子，加入后可以和鱼皮等 40 多名大厂嘉宾、以及几万名编程爱好者交流，跟鱼皮的直播学做完整项目，获取鱼皮原创和整理的编程学习路线、学习经验、求职技巧等，和近万名小伙伴一起更好地学习编程，不再迷茫！
+
+欢迎加入：[编程导航知识星球](https://yupi.icu)
+
+
+
+## 联系方式
+
+[点击联系我们的官方客服](https://work.weixin.qq.com/kfid/kfc289851a447ba9bcf) ，欢迎咨询 ✉️
+
+- 商务合作。请备注品牌和来意
+- 想咨询和进一步了解星球。请备注了解星球
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\345\212\240\345\205\245\347\274\226\347\250\213\345\257\274\350\210\252.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\212\240\345\205\245\347\274\226\347\250\213\345\257\274\350\210\252.md"
new file mode 100644
index 0000000..f418a19
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\345\212\240\345\205\245\347\274\226\347\250\213\345\257\274\350\210\252.md"
@@ -0,0 +1,54 @@
+# 加入编程导航
+
+## 付费加入
+
+星球 360 元一年（每天一根 🍭）
+
+微信扫描下方二维码加入：
+
+> 加入 3 天内可以全额退款，感兴趣的同学可以先加入体验
+
+![](https://pic.yupi.icu/1/yupiicu%E7%BD%91%E7%AB%99%E6%98%9F%E7%90%83%E4%BA%8C%E7%BB%B4%E7%A0%81.png)
+
+> 注意：星球价格会根据人数和星球内容的价值持续上涨
+
+如果不确定是否要加入，想进一步咨询，请 [点击联系我们的官方客服](https://work.weixin.qq.com/kfid/kfc289851a447ba9bcf) ，备注：想加入星球，然后说明自己的情况谢谢。
+
+加入后请先阅读星球内的【置顶帖子】查看详细用法以及获取资料哈~
+
+
+## 免费加入 & 成为嘉宾
+
+🎁 欢迎乐于分享的同学免费加入星球或成为嘉宾，带动大家一起成长，并获取现金收益。
+
+### 要求
+
+需要您符合以下任一要求：
+
+1. 已入职大厂或已拿到大厂正式 offer
+2. 知名开源项目 / 产品 / 书籍的作者或贡献者
+3. 在某个编程相关岗位有丰富的经验（比如工作 5 年以上，须要提供证明）
+
+注意：嘉宾需要在星球持续分享内容，编程导航官方也会提供相应的收益。
+
+### 申请入驻流程
+
+付费加入星球后，在星球发布您的自我介绍：介绍自己的背景、擅长的方向、工作岗位、学习经验、学习求职经历、计划分享的内容等，以此来证明自己符合上述要求。
+
+然后 [点击联系我们的官方客服](https://work.weixin.qq.com/kfid/kfc289851a447ba9bcf) ，发送以下信息：
+
+1. 申请免费加入（或成为嘉宾）
+2. 在星球发布的自我介绍的文章链接
+3. 您的微信号
+4. 您擅长的方向：比如 Java 后端、操作系统、前端工程化、Go、C++、算法、嵌入式等
+
+如果申请成为嘉宾，还要发送以下内容：
+
+1. 您期望的合作方式（计划在星球分享的内容）：比如文章、专栏、直播、原创项目、简历优化、模拟面试等，所有嘉宾都必须负责回答成员向你本人的提问
+2. 您最关注的奖励、合作的动力：比如为什么想跟编程导航合作？为什么想成为星球嘉宾等？
+
+审核通过后，我们会联系您并全额返还加入费（相当于免费加入）。
+
+> 即使审核失败，您也可以在 3 天内退出星球，系统会自动全额退款
+
+如果您乐于分享、想尝试分享，星球将是你最好的起点！
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\345\271\264\345\272\246\346\200\273\347\273\223.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\345\271\264\345\272\246\346\200\273\347\273\223.md"
new file mode 100644
index 0000000..30670ad
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\345\271\264\345\272\246\346\200\273\347\273\223.md"
@@ -0,0 +1,18 @@
+# 2022 星球年度总结
+
+时光飞逝，星球已经开张一年啦！
+
+就在 2023 年 1 月 13 日，我们举办了星球年度总结大会，分享了星球去年的回顾和明年的展望，帮助大家了解星球和我们的工作，一起来看看吧~
+
+📺 直播回放：
+
+B 站在线：[https://www.bilibili.com/video/BV1zY41197sw/](https://www.bilibili.com/video/BV1zY41197sw/)
+
+阿里云盘：[https://www.aliyundrive.com/s/DMsutCoXoYW](https://www.aliyundrive.com/s/DMsutCoXoYW)，提取码: 00ec
+
+百度网盘：[https://pan.baidu.com/s/1ah1GECKgkGv7jAhtbSSQGA](https://pan.baidu.com/s/1ah1GECKgkGv7jAhtbSSQGA)，提取码: jevh
+
+
+## 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/README.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/README.md"
new file mode 100644
index 0000000..7ada85d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/README.md"
@@ -0,0 +1,79 @@
+# 星球故事
+
+已加入星球的小伙伴们的真实分享，希望对你也有帮助，也欢迎你加入星球大家庭~
+
+#### 目录
+
+[[toc]]
+
+
+## 上岸分享
+
+- [上岸华为了！](上岸分享/上岸华为了！.md)
+- [从失败到逆袭，我完成了目标！](上岸分享/从失败到逆袭，我完成了目标！.md)
+- [从摆烂到逆袭，大二去蔚来了！](上岸分享/从摆烂到逆袭，大二去蔚来了！.md)
+- [从躺平到上岸，我去了理想的大学！](上岸分享/从躺平到上岸，我去了理想的大学！.md)
+- [大三摆烂到求职上岸，努力从来不晚！](上岸分享/大三摆烂到求职上岸，努力从来不晚！.md)
+- [大厂工作一年半，我有话说！](上岸分享/大厂工作一年半，我有话说！.md)
+- [字节实习转正了，这是我的秘诀](上岸分享/字节实习转正了，这是我的秘诀.md)
+- [学弟找我来报喜了！](上岸分享/学弟找我来报喜了！.md)
+- [学弟进小米了！](上岸分享/学弟进小米了！.md)
+- [家里蹲半年，我终于上岸了！](上岸分享/家里蹲半年，我终于上岸了！.md)
+- [我做了这些事，保研上岸985！](上岸分享/我做了这些事，保研上岸985！.md)
+- [我的目标完成了！](上岸分享/我的目标完成了！.md)
+- [春招上岸啦！](上岸分享/春招上岸啦！.md)
+- [秋招上岸阿里，这是我的秘诀！](上岸分享/秋招上岸阿里，这是我的秘诀！.md)
+- [非科班的我，也进了大厂！](上岸分享/非科班的我，也进了大厂！.md)
+- [非科班转码，秋招上岸字节！](上岸分享/非科班转码，秋招上岸字节！.md)
+
+
+## 学习总结
+
+- [2022，我学会了这些！](学习总结/2022，我学会了这些！.md)
+- [从摆烂到觉醒，梦想进大厂！](学习总结/从摆烂到觉醒，梦想进大厂！.md)
+- [做了很多项目，说说我的感受](学习总结/做了很多项目，说说我的感受.md)
+- [学弟这样学，稳了！](学习总结/学弟这样学，稳了！.md)
+- [我今年最大的改变](学习总结/我今年最大的改变.md)
+- [我最励志、最自律的一年](学习总结/我最励志、最自律的一年.md)
+- [我这样准备蓝桥杯，拿国奖了！](学习总结/我这样准备蓝桥杯，拿国奖了！.md)
+
+## 星主分享
+
+- [鱼皮，你太细了！](星主分享/鱼皮，你太细了！.md)
+- [新项目搞完啦！！！API开放平台](星主分享/新项目搞完啦！！！API开放平台.md)
+- [我的项目完成啦！！！用户中心](星主分享/我的项目完成啦！！！用户中心.md)
+- [我滴项目完成啦！！！伙伴匹配系统](星主分享/我滴项目完成啦！！！伙伴匹配系统.md)
+- [怎么做个不用网络的软件？](星主分享/怎么做个不用网络的软件？.md)
+- [一起讨论权限管理需求](星主分享/一起讨论权限管理需求.md)
+
+## 求职面经
+
+- [想旷课去参加实习了。。](求职面经/想旷课去参加实习了。。.md)
+- [帮改简历，发现了一些通病！](求职面经/帮改简历，发现了一些通病！.md)
+- [大二学弟刚面完字节，热乎！](求职面经/大二学弟刚面完字节，热乎！.md)
+- [刚面完字节跳动，估计凉了](求职面经/刚面完字节跳动，估计凉了.md)
+
+## 球友经历
+
+- [一个人走得很快，一群人走得更远](球友经历/一个人走得很快，一群人走得更远.md)
+- [从焊板子到敲代码，我的人生转折点！](球友经历/从焊板子到敲代码，我的人生转折点！.md)
+- [别人要看源码，那我也要看](球友经历/别人要看源码，那我也要看.md)
+- [全栈初中生，牛皮！](球友经历/全栈初中生，牛皮！.md)
+- [创业失败，下定决心学编程！](球友经历/创业失败，下定决心学编程！.md)
+- [从颓废到努力，这是我的故事](球友经历/从颓废到努力，这是我的故事.md)
+- [从打螺丝到写代码，我的人生转折点！](球友经历/从打螺丝到写代码，我的人生转折点！.md)
+- [从迷茫到醒悟，我明确了我的目标！](球友经历/从迷茫到醒悟，我明确了我的目标！.md)
+- [从搬砖到测开，我的转码经历](球友经历/从搬砖到测开，我的转码经历.md)
+- [大一学弟的寒假总结](球友经历/大一学弟的寒假总结.md)
+- [大一学弟，真的很努力！](球友经历/大一学弟，真的很努力！.md)
+- [大一，我想找实习！](球友经历/大一，我想找实习！.md)
+- [小学就自学编程，还黑了学校的广播系统？](球友经历/小学就自学编程，还黑了学校的广播系统？.md)
+- [小学就开始学编程了，恐怖如斯！](球友经历/小学就开始学编程了，恐怖如斯！.md)
+- [迷茫四年后，我凭这点成功逆袭！](球友经历/迷茫四年后，我凭这点成功逆袭！.md)
+- [开始认真了！](球友经历/开始认真了！.md)
+- [都这个点儿了，这帮人竟然在。。。](球友经历/都这个点儿了，这帮人竟然在。。。.md)
+
+## 问题解惑
+
+- [刚入职新公司，代码看不懂咋办？](问题解惑/刚入职新公司，代码看不懂咋办？.md)
+- [考研还是就业？经典问题](问题解惑/考研还是就业？经典问题.md)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\270\212\345\262\270\345\215\216\344\270\272\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\270\212\345\262\270\345\215\216\344\270\272\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..e3702eb
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\270\212\345\262\270\345\215\216\344\270\272\344\272\206\357\274\201.md"
@@ -0,0 +1,161 @@
+# 上岸化为了！
+
+今天分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)的蒙西昂请同学的年终总结：
+> https://t.zsxq.com/0aw2QuvEM
+
+前几天看见有鱼友提到了一个程序员 UP 记录了自己这十年生涯，巧了我也看过，而且完整看完了这一小时的视频，深有感触，所以趁着记忆还不算太模糊，也来记录下我这一年，留给未来的自己看。
+
+Hi，这里是蒙西昂请的年终总结（话说太早，写成了流水账），也是一名 23 届硕士的学习求职记录（有干货但不多），感兴趣的鱼友来一块儿看看我这还算幸运的一年吧。
+
+## 1开年
+
+这个时候还没有正式开始准备求职，只是理性意识到是该考虑这个事情的时候了，然后随意的刷着算法题，有一半的时间也都是在家里度过的（从下面的图就可以看出1月2月基本一直摆烂），当时对秋招的最大准备应该就是加入知识星球啦😂
+
+
+![](https://files.mdnice.com/user/31817/2dbd23d3-47ee-48eb-8580-fe7edd77529a.png)
+
+
+
+
+### 1.1寒假前
+
+本来以为是平平无奇的新年第一天，毫无情绪波动的查看着各种APP推送的年终报告，但没想到啊，过了本命年后真就立马转运，开年收好礼(声明：本人不封建不迷信，但俗话说得好)，元旦那天晚上接了一个梦寐以求的电话，虽然是陌生的电话号码和归属地，但在接通之前就冥冥之中有点预感，接通后果然跟我预料一样，是她。
+
+
+![](https://files.mdnice.com/user/31817/64431fda-609e-416a-a190-0a0045b25bcb.png)
+
+
+整整一年没有联系，我是真的猜不透这次见面是什么意思，但无非两种情况：一种是再续前缘，另一种是来告别的，很不幸是后者，当时还以为是永别，在路过海边还去朝🎵大海喊她的名字。
+
+同时，这几天也是研究生的开题答辩时间，写开题报告、准备答辩PPT，然后就倒霉催的抽签抽到了第一个进行答辩，不过幸好答辩顺利通过（好像没有不通过的🤐） ，就这样吧，研二上学期正式结束。
+
+
+
+### 1.2寒假中
+
+
+研二这年放假回家也比较早（1月9号） ，虽然每年都想像师姐一样在学校待到小年再回家，但这三年阴差阳错下来，一年比一年回家早。偏偏自己又知道自己回家后是什么德行，学习是不可能学习的。
+
+![](https://files.mdnice.com/user/31817/28932e70-3baa-4c59-bcc4-9c56a66d23cc.png)
+
+
+四十天的寒假，一如既往 （群书丛中过，片字不沾身） ，好像自从上高中以后，在家的假期就从来没有学过习了，就连复读那一年寒假也是一点儿没学，臭毛病。
+
+年前一直在跟好朋友玩耍，后面是来回倒腾电脑，大一时候买的笔记本该退休了，然后就各种看视频查资料，在海鲜市场翻了两次车后，在微软商城买了个官翻surface go2，当时想的挺好：反正读研的时候一直用学校的云桌面，自己的电脑只要网络好就行，不需要很高的性能，等毕了业肯定要买个性能好点的电脑，到时候这个平板还能用来看书。时间就这么折腾过去了，后面就是过年的流程，大概腊月 25 到正月初八左右，年前是烧锅揉面、年后是钦定司机，走亲戚回来只想躺着。。。
+
+### 1.3寒假后
+
+
+摆烂了一个月，心里的负罪感是比较重的，刷 B站 的时候偶尔看到鱼皮大大准备创建[知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)，这不缺什么来什么吗，然后考察了一下就在 2.12 加了星球，也算是元老球友啦。
+
+记得当初刚进星球的时候是很活跃的，每天跟着大家一起打卡，但是后面制定自己的学习计划后发现自己每天的打卡内容都差不多，基本就是看了多少《Java核心技术卷I》、刷了哪道 LeetCode 题等等，所以后面就没有继续打卡了，只是会经常来刷一刷精华帖之类的，并且有一直跟着鱼皮直播回放敲项目，对于我这种项目经验不多的人来说，这对我后面的面试是很有帮助的，可以说是极其重要。
+
+## 2求职历程
+
+
+### 2.1实习前——学面决
+
+#### 2.1.1面试前
+
+2 月 20 返校后的第一周是比较斗志昂扬的，每天都严格按照自己的计划来学习，看核心卷发现了很多之前没注意到的 Java 细节。比较意外的是在这周大厂的同学或师兄已经开始来内推实习了，搞了个措手不及啊，我以为要到四、五月才开始投实习。当时的状态就是 Java 基础还没复习完，SSM 还是本科的时候学过一段时间早不会了，更别说面经了，也就能手撕几道算法题，这点东西实在是不敢投啊，怕留下不好的面评影响秋招。在这里还是劝大家尽早准备，不要像我一样过了年才开始，当时的状态就是边慌边学，填了简历，看看招聘要求，想着尽量在投递截止前多学点东西再去投。
+
+
+![](https://files.mdnice.com/user/31817/ba08ecd3-3c00-4a9c-b773-957d02223e00.png)
+
+
+#### 2.1.2面试中
+
+最后我只投了华为的实习，这是因为有华为hr来加我，当时聊了几句就感觉人挺好，我说出自己的顾虑后她也耐心的跟我交流，讲解招聘流程，说 3 月中下旬机试，正式面试要到四月中下旬，认真准备一下是没问题的，投递完之后，她也时不时来问问我有没有在准备，也会发一些往年笔试题的牛客链接给我。当时春招实习的具体时间线是：
+
+- 笔试 3.30：这里说一下，华为的机试是每周三晚上进行，笔试前会有短信让你选择是否参加，我当时选的第二批；另外，华子的笔试题是三道题共 600 分，即 100、200、300 分，总分过100就可以了，但是考完最好回忆下题目，并把当时没做好的题研究透彻，因为有可能会在后面的面试中复盘，哦对了，秋招也可能会被拿来复盘。很不巧我就遇到了这种情况，而且是发生在时隔五个月后的秋招二面😭
+
+- 一面 4.24：一面不难，问了点 C 语言的基础知识、一点网络的基础知识，然后就是手撕一道代码题，是一道回文串的衍生题：回文排列 , 我当时没有看过这个面试金典中的题目，解法复杂化了，又是回溯又是什么的，绕了一大圈。面试过程也是一波三折（我自己的原因），因为台式机没有摄像头，我就下了个Iriun Webcam软件将手机用来当做电脑的摄像头，测试的时候很完美，高清无延迟，但是面试的时候失灵了😶‍🌫️（后来用的时候也没问题），没办法只能把前文提到的Surface go2拿来应急，幸好之前有装过 Java  的编译环境（没用过），敲了两行代码就发现不对劲了，哎 VsCode 你的代码提示呢？我都打完 Syst 了为什么还不蹦出来 System？真让我挨个敲啊，行，不就是手写代码吗，爷又不是没在纸上写过代码，难不倒我，一通操作猛如虎，欻欻几十行整了个回溯（其实不到十行就能搞定🙂），运行一下示例没问题，但你这你这好几个红线在这干啥呢（面试官看着呢别让我尴尬啊），检查了好多遍没问题，只能硬着头皮跟面试官说写好了，面试官估计也是看到红线不太信，又多给了几个示例试试成色，还好都通过了。事后才发现，是因为苏菲狗 2 性能太低，CPU 占满了导致编译器反应极其迟钝的问题😰
+
+- 二面4.29：这次面试是主管面(实习的时候只有二面，即一轮技术面一轮主管面，正式秋招的时候会多一轮技术面) ，也不太顺利（要哭了），本来约好的是28号面试，但是主管因为疫情滞留机场了就跟hr微信沟通延后了一天，但是招聘系统并没有同步，发短信催我进去候场，我就打算进系统浅浅瞧一下，谁知手贱点了个签到，后果就是等第二天面试的时候直接通知开始面试，当时我还躺在自己买的人体工学椅上优哉游哉呢，赶紧爬起来借钥匙跑去隔壁教室面试，但还是迟到了🤡
+
+![](https://files.mdnice.com/user/31817/d4b80b3b-0cb3-4f3d-ba3a-930418a0cd2e.png)
+
+
+
+#### 2.1.3面试后
+
+
+面试通过之后，就是等 offer，当时等的没什么感觉，与今年秋招等待的心情简直是云泥之别、天壤之差。当时没感觉的主要原因就是在纠结要不要去进行暑期实习（虽然还没拿到 offer，就开始幻想了），纠结的点主要在于：
+
+- 去：纠结去的话主要是考虑到，工作不好找，去实习给简历上加一个实习经历，然后秋招可能会有优势；
+- 不去：纠结不去的话主要是了解到实习岗位这边主要是以 C 语言为主，与我之前学习很久的 Java 技术栈不符
+
+所以在纠结这三个月的时间究竟是拿来增长实习经验还是拿来继续准备秋招，后来在 5.21 这天收到了华为的实习 offer，权衡再三还是决定去实习，毕竟下班后回家还是可以学习的嘛。
+
+决定去之后那么问题来了，实习不是你想去就能去的呀，得导师同意才行，我当时就是一直不太敢向 H 老师开口，因为之前有学生提过要去实习的事情，H 老师让他想都不要想🤣，因为手里的项目正忙，但是我并没有跟导师的项目，而是跟着她对象 Y 老师做科研助理，所以还是觉得有一线希望。忐忑几天后，我先去找 Y 老师沟通了一下，没想到 Y 老师非常赞成，他很支持我们出去外面大企业看一看，因此申请进度完成1/3。然后等到第二天下午（让枕边风吹一会儿）再去找 H 老师申请，等待两小时后终于收到了 H 老师的回复：”好的，可以去“，然后顺便提醒了我一下，CCF 那个大会要截止投稿了。
+
+这个小论文其实是不太想写的，从三月份一直拖到了五月底，这下不得不写了，没办法，只能是连夜肝出来。完活儿找导师盖章请假走人，同志们南京见。
+
+
+
+### 2.2实习中——学学学
+
+
+刚到南京的那天是很陌生的，第一次自己去陌生城市，那天晚上出来高铁站过马路都浑身充满着不自在，直到在路边提着行李箱走了一段距离才适应，发现就是典型的中国城市嘛，没什么两样，也就没在怕的。
+
+我觉得这次实习对我来说更多的意义，就是亲身体验工作环境，一直在网上听说数通加班比较厉害，我就是想来这看看到底怎么样，毕竟眼见为实。来了之后发现并没有网上传的那么可怕，早晨九点上班，下班的话周一二四要等到八点半，大家一般就是九点十点回家，周三周五是五点半就可以回家，当时实习生是很轻松的，哪天都可以五点半跑路，只要保证日平均八个工时就行。部门业务上手有点难度，一般要培训三个月才差不多，而我一共就来实习三个月（6.15-9.9）， 所以基本一直在学习各种网络知识，没有接触业务，只是后面简单了解了一下业务。
+
+实习的时候基本是每天八点起床，洗漱一下步行五分钟到公司门口打卡，然后去食堂吃个早餐，基本都是九点左右到工位（南京好热啊，早晨太阳就很晒了）。下班的话前面两个星期一直是五点半就跑，想着回去学会别的，但是在公司学了一天回到家完全不想动脑子……于是后面的话就经常等八点半领完夜宵才回去了，一般是在公司刷力扣（带薪学习，贯穿始终）。总体来说，对实习这个部门挺满意的，但是学计算机的好像都对 BAT 情有独钟，当时也算是身在曹营心在汉，实习期间也经常看 Java 面经。
+
+秋招的提前批在八月份就开始了，我也投了几家，那段时间基本上是笔试和面试不间断，但好像又没什么结果，于是也没再投新的想着回校再海投吧。
+
+
+![](https://files.mdnice.com/user/31817/151c9d2b-3df2-4458-8e69-8c95ef980a8a.png)
+
+
+
+
+### 2.3实习后——爱信等
+
+
+九月九号离职当天，上午去还了工牌，顺便去云楼那边逛了一圈（毕竟当时还不确定能不能再来），下午是退房，跟房东约好的时间但是他车坏路上了，我又急着赶高铁，催了几遍后房东让拍照给他看看，然后就很爽快的退了押金。之所以这么着急是因为这天是我母亲的生日，我想着当天能赶回来给她个惊喜。
+
+回家这一周基本也是啥都没干，在忙家里的农活，完全放下了秋招这回事，回校隔离完出来已经是九月底了，当时就是疯狂投简历，然后问华为那边什么时候有消息，没想到这一等就等到了年底，从八月底入池，一直到 12.26 才完成签约，历时四个月。
+
+
+![](https://files.mdnice.com/user/31817/c1748da0-ac03-4d63-8220-7b6f937b97dc.png)
+
+等待的过程是煎熬且无奈的，一边是不得不继续面试，怕华子真如网传那样不招人；一边是又不愿放弃等华子，毕竟今年互联网是真的不行，疯狂裁员和卡试用期，华子起码不会卡转正。在华子暂缓招聘上微博热搜那段时间真的是形势很严峻，之前拿到的 offer 已经全部过期，所以我也是 all in 大军中的一员，不仅要面对华子的不确定性，还要面对网友们的冷嘲热讽和各种搞心态的言论，太难了啊兄弟们。
+
+
+![](https://files.mdnice.com/user/31817/bb5b49ae-84c7-4b06-81ac-6aafa8fa3f2a.png)
+
+中间有个小插曲就是，美团突然开始走补录流程，总共不到一周就通过面试发了 offer，虽然决定要一直等华子，大不了明年春招嘛，但今年这就业形势真的不好说明年会怎样，另外对于我来说，除了 BAT 之外美团算是比较好的去处了（BAT三家，字节二面挂了，阿里听说有卡转正的没投，鹅厂直接明说很少招人了），团子这边问了面试官和 HR 说是到家平台的交易系统方面的后端开发，属于是核心部门，而且是我比较熟悉的 Java 开发，肯定是会心动的，同时问华为接口人那边还是没有音信，就心一横接了美团 offer 网签了三方。  
+
+令人没想到的就是一天后，中午刚把纸质三方寄出去（PS：后来才发现我寄出前忘记签名了，就导致我现在其实并没有跟美团签纸质三方），下午华为那边就有信了，来问还有没有空白三方，华子这边要开始发offer了……如实相告，接口人说只能是试一试了，结果就是两天后那一批的小奖状并没有发到我，因为今年留着空白三方等华为的人实在是太多了（PS：今年秋招盛传华子不等没三方的），当时我们正在自驾回家，车上四个人就我一个司机，本来还有说有笑的，但没发到小奖状时真的是心拔凉拔凉的，感觉什么都没意思，还好我接口人比较好（接口人就是为自己部门负责招聘的正式员工，也就是我们平常所说的华为 hr，华为内部正式的 HR 级别比较高，一般不负责对接学生；我的接口人就是我实习时候的小组长），她说下次开会的时候会尝试硬要保我，看看行不行，还好最终结果是好的。
+
+## 3展望2023
+
+
+1. 按时完成毕业论文，通过盲审，顺利毕业
+2. 深入学习 C语言，重新用 C 来刷LeetCode，并坚持记录
+3. 毕业旅行，自驾西藏
+4. 下半年全身心投入工作，卷起来，通过可信工作级，成功转正
+5. 平常多记录生活，留下自己存在的证明
+
+目前就想到这么多，希望明年回首的时候能够全部打上勾！
+
+
+
+## 4番外
+
+
+
+絮絮叨叨写了好多字，回想起来真是一波未平一波又起，断断续续磨蹭到征稿截止前最后几个小时才写完😂，正好今天收到了华为江山平台寄来的礼盒，后面应该还会有一个公司发来的新年礼物，不知道啥时候能到，期待中~
+
+![](https://files.mdnice.com/user/31817/194bf147-22d8-4cea-9fd5-930f82987511.jpg)
+
+最后，感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识，新的一年继续加油！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\345\244\261\350\264\245\345\210\260\351\200\206\350\242\255\357\274\214\346\210\221\345\256\214\346\210\220\344\272\206\347\233\256\346\240\207\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\345\244\261\350\264\245\345\210\260\351\200\206\350\242\255\357\274\214\346\210\221\345\256\214\346\210\220\344\272\206\347\233\256\346\240\207\357\274\201.md"
new file mode 100644
index 0000000..fea40e5
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\345\244\261\350\264\245\345\210\260\351\200\206\350\242\255\357\274\214\346\210\221\345\256\214\346\210\220\344\272\206\347\233\256\346\240\207\357\274\201.md"
@@ -0,0 +1,82 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的晨曦同学的算法学习以及保研上岸经历：
+
+> 星球原文链接：https://wx.zsxq.com/dweb2/index/topic_detail/214851418418421
+
+## 一、前言：2021年的状况
+
+要总结 2022 年，必须先回顾 2021 年。2021 年上半年，是我想要提升必修课排名，却最终因为迷失在繁杂的事情中而失败的一段时间。
+
+下半年，已经大三的我决心要取得突破，先是将重心放在了数学竞赛上，接着自学 Java 技术，然后是疯狂参加各种活动来刷加分刷经历。最终的结果也不太让人满意：数学竞赛只有广东省三等奖；微信校园运营官活动因为我不想搞微信小程序开发，也没有发挥太大的作用；必修课排名还下跌了一名。
+![](https://files.mdnice.com/user/31817/d92694d7-3d62-44f0-bcab-9a4a2268e7fb.png)
+
+
+2021 年 12 月，我报名参加了蓝桥杯程序设计竞赛 C++ 大学 A 组，开始重新捡起因为退役而放下的 ACM 竞赛。就这样，时间在我每天上 AcWing 刷课、刷题的节奏中，来到了 2022 年。
+
+## 二、黎明前的黑暗：1月-3月
+
+大三寒假在 2021 年最后一天开始。2022年 1 月，我将 AcWing 的算法基础课完完整整地刷了一遍，对应的题目也认认真真做完了。
+
+2月份，我开始重头刷算法提高课，并在做题的同时，将题目的原理都思考了一遍。与此同时，我还报名了 PAT 甲级，打算用来作为蓝桥杯的演练，找一下比赛的感觉。
+
+在 2 月底，我把 PAT 的练习题刷了个七七八八，被 PAT 题目毒瘤的要求卡得十分无语。
+
+到了3月，我在参加 PAT 甲级时，却在比赛中途因为手机热点掉线而直接被驱逐。无奈之下，我只能重新回到 AcWing，继续刷算法提高课、蓝桥杯辅导课。
+
+## 三、沉淀后的爆发：4月-7月
+
+4 月，我终于迎来了蓝桥杯。比赛过程中的体验十分不好，填空题理解错了题意，算法题只有两三题写出了正解，其他的都是假算法。最终我也只有省二，无缘国赛。
+
+5 月，我先是参加了 ACM 校赛。这次的比赛体验可以说是有史以来最好的，我一个人就解决了 4 题。最后我们队以 6 题的成绩拿到了二等奖，也算是实现了我们队在 ACM 比赛中获奖的愿望。我和我两个队友在进入大三就退役了，这次能拿奖还真是意想不到。
+
+接着是“天翼之星”高校创新赛。题目都很经典，甚至样例都一模一样。可惜最后一题我把判断条件写错了，没能拿全对。
+
+然后是学院的 ACM 院赛。但这一次我的一名队友因为课程安排冲突了就没有参加，我跟另一个队友只拿了个优胜奖。
+
+6 月，我先是通过了校内实习的面试。然后就是全身心备战本校的夏令营。每天都去课室写材料、背材料。日子就在忐忑不安中过去了。6 月底，我开始联系导师、报名夏令营。最后，导师确定了，夏令营也入选了。
+
+7 月，最关键的时刻到来了。7 月 7 日，夏令营演练、开幕、介绍导师。7 月 8 日上午，夏令营面试正式开始。为了能不被舍友打扰，在面试时更好地发挥，我特意去看了离校毕业生留下来的空宿舍，选了一间最干净的并做好了伪装（从外面看着像是还有人住在里面）。7 月 8 日早上，我不到六点就醒了，赶紧去饭堂吃了早餐，就马上赶到那个空宿舍把门反锁，并挂上免扰牌（因为我已经知道我的伪装已经被人看穿了）。
+
+随后就是等待面试开始。面试的过程中，我发挥得还算正常，而且结束得出乎意料的快。当时我就觉得无论结果如何，我都可以先歇一下了，至少先回去睡个觉......
+
+
+![](https://files.mdnice.com/user/31817/7fc62133-70fb-4085-911c-97db665a1cd6.png)
+
+
+7 月 8 日下午，公布优秀营员名单。当我看到我的名字排在名单第五位的时候，我简直不敢相信。我终于成功了，只要我能拿到保研名额，我就可以保研了。这一次，我终于体会到了计划成功实施的感觉。
+
+
+## 四、平静中的过渡：7月-8月
+
+这段时间，主要是完成过渡工作。首先是用作毕业的校内实习项目，然后是导师安排的工作（没错！已经要开始给导师打工了！）。不过这两样工作同时开始我是真的有些吃不消，甚至心态都很爆炸。不过也这是这段时间，促使我的能力向工程化的方向转变。
+
+7 月底，完成“天翼之星”高校创新赛决赛，最后获得网络安全组全国二等奖。8 月底，短暂的假期又要被实训占用。就这样，熬到了9月份。
+
+## 五、努力后的收获：9月
+
+9 月，先是综测开奖。我凭借着一堆的竞赛获奖和活动加分，以 0.02 分的优势硬生生拿到了总分第一名，随后拿到了最高的企业奖学金（1 w，比国奖的 8k 还多）。然后是保研开奖，我有惊无险地拿到了保研名额，顺利保研本校本院（华南理工大学软件学院）。一直以来的努力和坚持，终于迎来了收获。
+
+## 六、新的征程：10月-12月
+
+成功保研后，我成为了一名准研究生，也开始成为导师实验室的核心人员。导师新接了一个合作项目：跟国创中心一起研发嵌入式数据库。而我就成为了这个项目的中坚力量。经过一段时间的摸索、思考和规划，我又要迈向新的征程了。
+
+回想整个 2022，真的感概万千。有时候，有些事情，或许其本身真的另有深意。如果我没有加入[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)，我也就不会拿着魔改的用户中心项目去参加比赛混了个0.5加分（doge），那么我也就拿不到综测总分第一，奖学金也拿不到这么高的金额。
+
+如果我当初没有决心去学 Java，没有去参加学校实验室的一个 Java 项目，我也就不会发现其实我并不喜欢Java，现在也就不会决心去学 C++。
+
+如果我 PAT 甲级参赛时没有遇到手机热点断网的问题，我就可能永远都考虑不到这个问题，就有可能在后面的蓝桥杯或者夏令营面试中炸雷。
+
+如果我没有参加蓝桥杯，我也就不会把 AcWing 的算法课从头到尾都刷一遍，也就不会在算法上取得突破，后面的 ACM 校赛院赛也不可能得奖，我的简历也就会很单薄，夏令营的材料就会少了不少内容......有时候我真的很感叹，明明我大一寒假就买了 AcWing 的课，为什么当初不踏实地把它全部刷完，这样说不定就能打进区域赛了（刷完算法提高课，真的感觉像蜕变了一样）。
+
+当初加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)时，我在自我介绍中设立了三个目标：短期目标是蓝桥杯获奖，中期目标是保研成功，长期目标是进入大厂。现在短期目标和中期目标都实现了。
+
+至于长期目标，现在我对大厂的向往没有那么强烈了，开始考虑稳定的工作，就把长期目标改为“找到满意的工作”吧。但无论作出哪种选择，我都会不断提升自己的能力。踏实走好每一步，才能更好地抓住机会。
+
+2023年，希望能变得更好。
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\346\221\206\347\203\202\345\210\260\351\200\206\350\242\255\357\274\214\345\244\247\344\272\214\345\216\273\350\224\232\346\235\245\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\346\221\206\347\203\202\345\210\260\351\200\206\350\242\255\357\274\214\345\244\247\344\272\214\345\216\273\350\224\232\346\235\245\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..e8c9383
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\346\221\206\347\203\202\345\210\260\351\200\206\350\242\255\357\274\214\345\244\247\344\272\214\345\216\273\350\224\232\346\235\245\344\272\206\357\274\201.md"
@@ -0,0 +1,344 @@
+本文是 [编程导航星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的阳树同学的年终总结，非常励志：
+
+
++ 🏫 There is a student WHUT Major in Fintech.  
+
++ 🎈 you can call me Ryker_Feng.  
+
++ 👨‍💻 Working hard to be an excellent Frontend Developer~
+
++ 本人其实就是一个在生活中摸爬滚打挣扎求生的菜狗。
+
++ 找实习真的能让人体会到社会的残酷，不要你就是不要你，排序挂了就是排序挂了（哭
+
+
+
+## 2022年终总结
+
+
+> 一个人普通人成长的故事。
+
+> 星球原文链接：https://articles.zsxq.com/id_a4imbvof9z2u.html
+
+
+
+
+## 1-2月 摆烂
+
+
+> “满足于“不错”的人，会毁了自己。”
+
+
+在这两个月里，我只是跟着集训队做了一些题目，大多数的题目都需要去看题解，做完后自己也没有花时间去整理总结，觉得可能大家都一样摆，然后就每天都熬夜玩游戏看小说，不断的透支着自己的身体，可以说是间歇性的踌躇满志，持续性的混吃等死。
+
+
+
+值得一提的是接手了一个前端项目，但自己当时只是跟着黑马的4hVue 速成课看了一下，并没有特别深入的了解，所以当时的情况就是，啥都不会，硬着去看代码，但是根本就看不懂，直接导致我每次看一会就直接摆烂。
+
+![](https://files.mdnice.com/user/31817/7f6edf07-c2ab-4869-982d-f69267fdfbe9.png)
+
+
+
+1-2月书也没怎么读，可以说是一直在摆烂了
+
+
+> 翻聊天记录发现自己还是奋斗了一段时间的，不知道为啥印象里全是摆烂。
+
+
+## 3-6月，醒悟
+
+
+"怀抱梦想的人，似乎非得经历一段被孤立的时光不可。虽然会寂寞，会有诸多不便，但绝不能向世间的低俗低头。"
+
+
+三月的前期还沉浸在开学的摆烂氛围里，但是到了三月中旬，自己开始反思现在的处境了。
+
+- 我啥都不会，真的能够在年末拿到大厂实习吗？
+- 我这半年到底学了啥？
+- 我怎么这么摆？
+
+
+在这之后，我就明确了我不打ACM，直接走实习的路线。
+
+
+![](https://files.mdnice.com/user/31817/0447996d-64dd-49a9-9243-9086eafd1109.png)
+
+
+> 后期就陆陆续续的刷起了力扣
+
+
+当时还正在跟着黑马的JS课程学习，然后一次偶然的机会，和学长有了一次谈话。
+
+> 当时谈话之后发现自己可能开始努力了，但是还是没有明确的方向，以及努力的程度不够。这么写了一两篇文章反思自己之后，就列了一些该做的事情。
+
+
+
+
+## 四月
+
+
+四月的某一个日子，突然想做之前没有做完的博客，于是就翘了一节近代史，正正经经的看了一遍别人的文章，然后做出来，刚做出来那会一天**20-30**个commit，维护的非常带劲。
+
+
+
+> 到现在还在维护哦，打算暑假大改一下内容。
+
+
+四月还是照例奋斗的刷力扣，看网课。
+
+
+
+刷完了:
+
+
+
+- JS的基本语法
+- JS的BOM操作
+
+
+同时 **freeCodeCamp** 也一直在训练。
+
+
+
+## 五月
+
+
+我认为五月份是我真正发力的时间段。
+
+
+
+- 网课——Vue的全套教程。
+- 力扣100+
+
+
+> 我在努力学习的同时，开始看书了。
+
+
+
+
+书籍:
+
+- 《你不知道的JS》
+- 《HTTP权威指南》
+- 《人间杭州》
+- 《时间永远不语，却回答所有问题》
+
+![](https://files.mdnice.com/user/31817/d1693bf9-9c94-4f57-8c1c-47c4316640e1.png)
+
+
+![](https://files.mdnice.com/user/31817/b789b7a4-4180-485d-a4ff-911fccf77e75.png)
+
+
+
+> 起因是看到悟空大佬的年终总结，所以想着自己去学习。
+于是也学着他在豆瓣上记录读过书～
+
+
+
+### 之前的努力
+
+
+我在五月的某一个上午，当时正是python实验课，我突然收到一条短信，大概是说投稿被选中了。
+
+
+
+>去年高考结束投的稿，同期的一位朋友很早就有音信了，我还以为自己没有中稿。
+
+
+收到的时候真的超级欣喜，努力终于有了一点点的回报了。
+
+
+
+## 六月
+
+
+六月开始之后，因为自己比较明确方向了，做了如下的事情。
+
+
+
+- 《Vuejs》快跑「AND很多其他的书」
+- 力扣刷题
+- 项目的页面和一个伪搜索功能。
+- 面试题，ES6学习。
+
+
+感觉自己终于走到了正轨上，虽然自己还并没有在开发上有什么成就，但我相信接下来就是坚持了。
+
+
+
+## 新博客
+
+
+之前的前端知识库是搭建在GithubPage上的，在国内的访问性不太好，内容也太偏向技术了，于是想着搭建一个博客来分享自己的生活，就陆陆续续的买服务器，备案域名，用wordPress建站，然后就有了这个网站，感谢我的好朋友ChrisKim ，他一路带着我建站，帮我解决问题，我从他身上学到了很多东西。
+
+
+
+- 顺便说一句：我觉得他很酷⚙️，充满着开源主义者的热情。
+- @ChrisKim
+
+
+## 关于感情
+
+
+在这些平淡发力的日子里，一直在摇摆徘徊，觉得自己非常的独孤，仿佛一定要找一个对象才可以弥补这种孤独，直到一天夜里和一位朋友聊起这种感觉，才发现，好像，我不是一个人在孤独。
+
+
+
+大家都在自己的赛道上努力的奔跑，追寻着自己的前途与未来，而我们总在这个过程中，把**找到对象**与**不再孤独**划等号，但其实两者是截然不同的需求。
+
+
+![](https://files.mdnice.com/user/31817/b83079df-b21f-4b7e-8944-7e3c393882af.png)
+
+
+>一直在想，或许没有任何一种亲密关系，可以抵挡孤独感，它总是来的很轻盈，即便是那种深入骨髓的亲密也抵抗不了，人终究是独立个体的残酷感吧。
+
+
+上面是我之前写的年中总结，现在回头看还是挺稚嫩的。当时的我被自己和现实的处境相互碾压，自以为是的找到了一点点求生的动力，然后就一直努力，不过中间也走偏了很多很多，后面的故事，让我慢慢的说。
+
+
+
+> 这半年的故事
+
+
+## 7-8 放弃与舒适
+
+
+### 安逸的七月
+
+
+七月份，报名了字节的前端青训营，这个阶段是我觉得最新奇也最快乐的阶段吧「包括在后面的日子里」。
+
+
+
+七月青训营还没有开始，我就自己开始做了自己的第一个项目 CnodeJS，是一个官网论坛的项目，说是自己做，其实就是对着比人的源码删删改改，看看别人是咋做的，做完这么一个项目，字节的青训营也开了。
+
+
+
+值得一提的是，因为本科是金融科技，我在上大学的那个暑期做了一个翻译相关的实习，在暑期去找了一家金融方面的实习，青训营和金融方面的实习都是七月底的样子。
+
+
+
+### 挣扎的八月
+
+
+八月一开始压力就拉满了，首先早上六点半起来去实习，下午六点到家，在那个位置做的全是毫无门槛的事情，总之就是有体力就能做的垃圾事情，而且还没搬砖给的多，挣扎了半个月，直接不去了，在这样做选择之后我立刻就放松下来了。但当时其实还面临着一个重大的人生选择，这个后面说。
+
+
+
+同期字节青训营的项目也开始了，我真的非常幸运了，遇到了一群超级好超级好的人，而且对我影响最大的应该是我们团队 leader ，他当时正在腾讯实习。
+
+
+
+我当时刚刚做完第一个项目，可以说还是啥都不会，不过我相对主动一些，团队内的公共页面的开发我都主动承担了，遇到不会的就和他开飞书询问，一个又一个深夜，他真的超温柔，我哭死。
+
+
+![](https://files.mdnice.com/user/31817/0f3af7e6-118d-44e2-a34c-46685a4a77b1.png)
+
+
+然后当时还有一个关乎个人的很重大的决定，这个决定让我纠结了很久，我就主动和他聊了，他表明了他的观点，而且告诉了我一件事。
+
+
+
+“这是你的事情，我不能代替你做决定。”
+
+
+
+唔，当时我明白他意思之后就开始仔仔细细的分析优劣，想了好几天，最后做出了一个决定，这个决定在现在看来还比较明智，至少我觉得给我省了一大堆的麻烦。
+
+
+
+当然八月份也是我们项目完成的日子，我们组没啥人摆的，合作的也很愉快，三天一小会，五天一大会，我觉得对于我个人的成长是非常大的，中间甚至开了几次茶话会，聊了一下人生理想啥的，总的来说跑路之后还算滋润。
+
+
+
+值得一提的是在开学前我还跨越大半个武汉去面一家小厂，当时升大二，去面，面完说你能实习多久，结果实习时间他觉得少了，要半年，我真的不是很懂，小厂还让我实习半年？乐。
+
+
+
+## 九月 沉淀
+
+
+九月完完本本的把我的项目复盘了一下，然后深入学了一下框架，因为换到了新寝室，住的更舒服了，而且因为舍友很 nice ，我学习基本都在寝室，整个学习效率都还比较高，当然每天也很快乐，基本就是学习学习学习，当然一半的时间用来摆烂。
+
+
+
+## 十月 起色
+
+
+
+
+十月主要就是看八股，查缺补漏，然后还有就是字节面试，leetcode在这段时间怒刷，刷了不少，字节也磕磕绊绊的到了三面，结果三面莫名其妙的把我给挂了，我当时真的是谢，然后后面发现，this is life. 这种事情还多呢。
+
+
+
+## 十一月 挣扎着呼吸
+
+
+十一月开始大规模的投递简历了，最开始真的被爆杀，好多厂子都不要，这个月是真的没约到啥面试，后面就摆烂了，爱咋样咋样吧。
+
+
+
+不过看着同届的佬实习/拿offer 还是觉得自己真垃圾啊，在群里看到了浙大✌️拿了字节 offer，🐑拿了蚂蚁实习，反正心里落差很大就是了。
+
+
+
+十一月快结束的时候，和学长聊了一下，他让我去海投一下，然后后面我就开始海投了。
+
+
+
+结果挺令人惊喜的，小红书和字节的另一个部门约面了，字节一面和小红书的一面都聊的很开心，也很容易就过了，小红书二面发挥不是很好，排序之后不出意料也挂掉了。
+
+
+
+不过也收获了不少项目优化方面的考量，然后字节二面发挥的也不是很好，但是过了，这个倒也是有点惊喜，蔚来是直接 leader 面试，面试过程我觉得 leader 挖的真的很深很深，我面完就觉得无了，然后反问了一下面试表现，说“你这个性格我还挺喜欢的，但是面试过程中没有体现 react，让我学了再来面”
+
+
+
+就这样，我的十一月还是毫无 offer，我看到好多大佬都字节/美团/百度 OC，真的超级焦虑
+
+
+![](https://files.mdnice.com/user/31817/9ae68dcb-14a0-4332-8b25-c30ab3e05947.png)
+
+
+> 而且值得一提的是，最近一段时间我都没有怎么看书了，要么是沉浸式学习，要么是沉浸式摆烂。
+
+
+## 十二月 我去啦！
+
+
+十二月的第一周，杭州默安/苏州智慧芽/上海高仙 OC，小厂很好过的啦。
+
+
+
+然后 12.5 蔚来 leader 约我再面一次，12.8 我再来面了，然后过了。
+
+
+
+在他那里我年级好像不是扣分项而是加分项，直接去蔚来了。
+
+
+
+字节三面之后 pending，不打算去了，拒了百度二面。
+
+
+
+终于上岸了，maybe this is life。
+
+
+
+写了三千多字，我觉得在校生也真的很难的，看着同期选择竞赛的同学一个一个拿奖压力是真的很大，好在短期内有一个不错的结果。
+
+
+> 后半年的故事我都是用流水账一样的形式记录下来的，当然很多艰难时刻也不太好说出口，不过大致就是这样。
+
+最后，感谢[编程导航星球知识星球](https://mp.weixin.qq.com/cgi-bin/appmsg?t=media/appmsg_edit&action=edit&type=77&appmsgid=100016620&token=616890535&lang=zh_CN)，让我有机会和朋友们一起学习、互相分享知识
+
+感谢你的聆听～
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\350\272\272\345\271\263\345\210\260\344\270\212\345\262\270\357\274\214\346\210\221\345\216\273\344\272\206\347\220\206\346\203\263\347\232\204\345\244\247\345\255\246\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\350\272\272\345\271\263\345\210\260\344\270\212\345\262\270\357\274\214\346\210\221\345\216\273\344\272\206\347\220\206\346\203\263\347\232\204\345\244\247\345\255\246\357\274\201.md"
new file mode 100644
index 0000000..7107f84
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\344\273\216\350\272\272\345\271\263\345\210\260\344\270\212\345\262\270\357\274\214\346\210\221\345\216\273\344\272\206\347\220\206\346\203\263\347\232\204\345\244\247\345\255\246\357\274\201.md"
@@ -0,0 +1,69 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的 Snaker 同学的自我介绍：
+
+> https://t.zsxq.com/0abHcIPRc
+
+大家好，我是 Snaker，目前在北京一所 top 211 念大四，我的专业是电子工程方向的。我是打算出国留学的，目前已经拿到的 offer 有南洋理工、英属哥伦比亚大学。
+
+
+![](https://files.mdnice.com/user/31817/4f1ce020-ae7b-4579-b08a-2a15da35bf9b.png)
+
+
+我的专业虽然算是计算机相关专业，但是由于我大一大二完全摆烂，错过了学校教的几乎所有计算机基础的课程，因此，我也算是零基础转码了。很高兴加入[鱼皮的知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，希望能够在这里向大家学习，与大家进行友好交流！
+
+
+我在进入星球时，看了鱼皮的置顶帖，在其中看了几份模板自我介绍，感觉十分惭愧也十分佩服星球上的那些可能“出身不好”但通过自己的努力自学超越自身所处环境的人！我也从中得到了许多力量！
+
+![](https://files.mdnice.com/user/31817/7a672c54-e547-440a-a4ce-13831153d381.png)
+
+
+可能在学校我更多看到的都是那些头上带着“光环”的同学，他们好像一直都是那么优秀，那么自然而然地学习就能达到非常好。因此，他们的优秀更加衬托出我的弱小。但是在这里，我看到了许多起点不好，最后通过自己的努力取得巨大成就的同学！这给予了我很大的信心以及动力，我也希望与大家一起共同努力进步！
+
+
+
+## 以下是我的历程：
+### 初中
+
+我的初中在国内的偏远省份的偏远地区，那里的学习环境可以说是完全没有。中考前大家都在惦记着放假，仿佛有学没学上都是一样的境遇，没有人会想着自己未来的发展。当然，我也是其中一员。
+
+那时，我非常喜欢去网吧、打台球、踢足球。每天都会去操场踢球到很远才回家，我也是从来没有思考过自己的未来。不过当时的我可能对于学习还是相对有些自然的热情，所以成绩还不错。最后考去了首府城市的一所很好的高中。
+
+### 高中
+
+在高中，我阴差阳错还考进了当时第一层次的班级，当时我还暗自庆幸。可是好景不长，由于我本来就基础不如别的同学加上我的学习习惯很差（可以说完全没有），所以我在高中班级里总是倒数十名。在大二分班，不出意外，我被分到了中等层次的班级，我当时非常伤心，一方面可能是觉得自己退步了难过，可能另一方面也会觉得自己原来班级的同学可能会看我笑话。我爸当时还安慰我，如果我能在中等层次的班级拿到很好的名次一样可以考上好大学。
+
+我起初还能考到班级前十，可是还是因为我贪玩又自视过高的性格，最后一直保持在班级中游。我把这些都“归功”于我的性格，总是好了伤疤忘了疼。其次是我确实非常懒惰，可以说个最明显的例子：我从来都没在周末打开过书包写作业。。。等于说就是上课讲了什么我就学什么，自己也没有刷题的意识。
+
+
+最后到了高考的阶段，我也还是没能逆袭，虽然说考的学校还不错，但是我的高中生涯被我总结就是一路走下坡的过程。可是这还不是结束，我的坏习惯会伴随我一直到大学。正所谓：欠的账总是要还的。高中的知识可能凭着自己稍微聪明些能够偷懒也掌握得大差不差，但大学知识可是从不惯着任何人。
+
+### 大学
+
+到了一所大家可能经常能够听到的大学，每个同学的脸上都洋溢着喜悦，我也不例外。因为那时的我对于大学的印象无非就是几个关键词：不挂科就行，来放松的，可以好好休息了。
+
+![](https://files.mdnice.com/user/31817/baa1be31-db13-49ba-bfa0-2444eeb6aa96.png)
+
+
+我的心态在一开始就是不正确的，再加上我高中更加倾向于一听就懂的状态，到了大学可以说所有课程我上课都听得云里雾里，我的厌学心理达到了最高峰。之前虽然我很懒，但是上课还是愿意好好听的。但是到了大学，上课听不懂，作业完全不会做。当时的我可以说非常迷茫，考试都是考前突击的。
+
+
+到了大三，我才逐渐了解到原来出国是要看本科阶段的绩点的，可以说那时的我已经被推到悬崖边上了，我只有破釜沉舟提高绩点才有希望去好大学读书。因此，我开始每天高强度学习，起初由于我没有什么好的学习习惯，也走了许多弯路，纠结了许多不该纠结的点。好在最后我慢慢了解到了学习的方向，在大三这年突破了自己，平均成绩达到了年级前列。也获得了学校奖学金。这时，我才发现其实也并没有难，之前我总觉得那些成绩好的同学我永远只能望其项背，但是后面才发现其实努力是真的可以追赶上他们的脚步的。
+
+现在的我已经步入大四，我依然保持着自己的节奏，英语成绩从六级不过到雅思考到了7.0，自己因为想要转码，也在每天学习 Java 的知识，感觉这样的生活节奏真的比以前焦虑的我好太多了。
+
+
+![](https://files.mdnice.com/user/31817/5a6c4e87-5f65-4650-80db-94ce04eddcf7.png)
+
+
+说了太多，可能大家也不乐意看，就当是我自己对于自己学习生涯的一个总结吧。希望之前的糟糕能够在此画上一个句号。此外，我也非常佩服大家很早就能来到[知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，说明你们都是有理想有自学精神的人！希望通过我的经历能够带给大家力量！
+
+
+
+我的努力方向是：Java，可能将来有时间会接触 Go。我还有许多计算机的基础课都需要弥补，希望能够和[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)上的同学共同努力进步！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\344\270\211\346\221\206\347\203\202\345\210\260\346\261\202\350\201\214\344\270\212\345\262\270\357\274\214\345\212\252\345\212\233\344\273\216\346\235\245\344\270\215\346\231\232\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\344\270\211\346\221\206\347\203\202\345\210\260\346\261\202\350\201\214\344\270\212\345\262\270\357\274\214\345\212\252\345\212\233\344\273\216\346\235\245\344\270\215\346\231\232\357\274\201.md"
new file mode 100644
index 0000000..ba4c9fd
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\344\270\211\346\221\206\347\203\202\345\210\260\346\261\202\350\201\214\344\270\212\345\262\270\357\274\214\345\212\252\345\212\233\344\273\216\346\235\245\344\270\215\346\231\232\357\274\201.md"
@@ -0,0 +1,164 @@
+本文是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的幕城同学的年终总结，从高考失利、大学摆烂到求职上岸，努力才是生活主旋律。
+
+> 星球原文链接：https://articles.zsxq.com/id_erro7fltxhs5.html
+
+## 前提概要：
+某民办大学的起点，高考失利可以说是让我的学习生涯遭到了重大的滑铁卢，也没有勇气去复读了，接受了现实。
+
+
+![](https://files.mdnice.com/user/31817/b7ddb863-2811-47de-8874-aeac981cbffb.png)
+
+
+大一到大三，没有动过学习的念头，四级都没过，软考差几分，没有任何奖项，没有拿过奖学金，考试也全都是飘过，java也就只学过se部分，算法数据结构都是只了解，停留在听说过的地步了，可以说极其经典的贫民的开局了。
+
+## 2022年，对我来说是极为重要的一年，是我大学生活的转折点
+
+大三下半年，迷茫，是我当时的主旋律。
+
+我根本不知道我该做什么，我还有一年就要毕业了，专业课，堪堪会点皮毛。旷课，打游戏，在寝室睡觉，谈恋爱，这样好像成为了我大学生活的全部，软考的失利，四级也没过，急得整夜整夜睡不好，当时的我，就会点java，可能就停留在se阶段，但是甚至连一个停留在控制台的学生管理系统都做不出来，算法，大概也就会写个冒泡了。
+
+总归是抱着试试看的心态，点开了求职软件，看了一个招聘 java 实习的岗位要求：
+
+
+![](https://files.mdnice.com/user/31817/9cb491ad-c501-467c-ac73-82187f37b384.png)
+
+
+对当时的我来说，我已经麻了，我并没有听说什么叫 spring，更别提这些繁琐的框架了，属于是已经做好转行跑路的准备了，最迷茫的时候，学校搞了一个校企合作的培训，虽然技术不咋样，但是培训机构确实是耳濡目染，不是什么好地方。
+
+但当时，我已经是无路可走了，抱着死马当作活马医的心情，报了这个培训机构。
+
+## 培训的过程，从七月-十月，脱胎换骨的阶段
+
+
+当时的我，其实没有多少选择了，想要赶上秋招，这可能是最快的捷径，但是培训失败的案例其实我接触到的就很多，大多也就是干两年转行，填鸭式的学习，能有多大的作用呢？我不知道，但我没得选。
+
+2w块钱，和我的学费一样贵，对于我这种普通家庭出身的孩子来说，掏空了当时我家里的存款。心理压力是很大的，很怕自己浪费了这笔钱。从培训开始，我就拼了命的学，老师课上的代码，就反复地敲反复的练习。
+
+最清晰的，是一个类似管理系统的控制台程序，为了能够给其他人讲解，做演示，大概三百到四百行代码吧，敲了五遍，最后能三十分钟就把代码写出来，我开始渐渐有了感觉，编程是从模仿开始的，是的，就是这样的。
+
+在这个期间，我开始刷 leedcode，现在的水平大概就是，一题都不会，可能就是反转链表，我都还得问一句，什么叫链表，有足够的时间给我学习什么叫数据结构吗？并没有。没有人带，我就自己开始刷起了 leedbook，晚自习刷，回去刷，一直刷到睡觉为止，真的是白天是上课，晚上是刷题，周末也不打游戏了，抱着电脑跑到教室去自习，一刷就是一天。
+
+![](https://files.mdnice.com/user/31817/3ae59655-1a54-453d-80a9-efda14db3ff7.png)
+
+
+一直持续到，进入 web 阶段，我第一次独立做出了一个图书管理系统，其实，做的很烂，原生的 servlet，加上 jsp 完成的一个项目。可能就是学完 javaweb 课程就能做出来的东西，我做了一周。
+
+附上一段当时写的代码吧
+
+
+![](https://files.mdnice.com/user/31817/8a29e393-d6ce-465b-8be5-3e12af0474dd.png)
+
+
+不能说写的很烂，只能说是现在看见都想打死当时的我了，这个时候，离我正式学习java，过去了不到两个月
+
+而这个时候，已经是9月份了
+
+## 九月，求职期，最为惶恐的时候
+
+今年的秋招启动的非常的早，了解过的球友应该知道，今年新增了一次夏季招聘，所以秋招在九月就开始了，培训机构也是张罗着我们九月份就开始写代码，而这个时候，我甚至连 spring 都还没学到。
+
+我第一次，把这个 jsp 的项目，写在了我的项目简历上，此时我的算法题量来到了 300，并不是很高的一个题量，勉强能够应付easy题和比较简单的中等题了。
+
+这个时候，我想起了我的 java 基础，培训学来的知识是高压的，我并没有足够的时间去复习，可能已经有很多遗忘的地方了，这个时候，我第一次看到的鱼皮的视频。皮总讲了自己的精力，包括刷牛客，刷算法的经历。想着，抱着试试看的心态吧，我也去刷起了牛客。
+
+刚开始的正确率真的是惨不忍睹啊，三十道题错一半，可能还不止，百分之二三十的正确率吧。
+
+我又有点怀疑自己了，难道我又要失败了吗？
+
+
+![](https://files.mdnice.com/user/31817/9c6fcd4b-c3ad-47b2-8872-70b283f041f5.png)
+
+
+
+
+
+
+这一次，我没有选择，我疯了一样的进行着训练，框架的学习是较为轻松的，我有了大量的时间，去刷题补缺，一天大概刷一百题左右，天天就看错题，然后空下来继续刷算法。一直到 9 月 20 号，我的牛客刷了 800 题，算法到了 500，被培训机构包装的简历在外面疯狂海投，实习岗，我看见就投，无论有没有人理我，我只能做我能做的，不停的去提升自己。
+
+最后写在简历上项目一个是用 jsp 做的图书管理系统，另一个，是瑞吉外卖，然而我没有时间去完善它，刷题加学习框架已经榨干了我所有的时间。
+
+9月28号，我接到了我第一个给我发出面试邀请的公司，一家车联网公司，intest。
+
+> 这个时候，我的技术如何呢？可以说是勉勉强强学完 ssm，没有做过项目，springboot 自己看网课，知道怎么启动项目，甚至没有学过增删查改的项目。我抱着去涨经验的心情，去面试的。
+
+刚到公司，就进行的笔试，拿卷子，发现牛客刷的还是有用的，基本上都是我熟悉的题，算法是反转链表，真的算是都很简单了，简答题八股文，但是还是空了两个题
+
+1. springboot的核心注解
+
+2. git 的分支命令
+
+属于是做好面试官看见就让我回去等消息的想法了
+
+面试是群面，两人一组
+
+现在我仍记得很清晰，面试官拿着我的简历，看着我，让我们自我介绍聊聊自己，看着我们的项目，叹气：没怎么写过项目把，你这项目的业务太简单了，不聊你的项目了，聊聊场景题吧。
+
+聊的太多，就不细说过程了，就说一个印象最深的题目吧
+
+> 面试官：讲讲 main 方法和普通方法的区别，并谈谈 main 方法能否重载、重写、继承
+
+沉默，我聊了下 main 的多线程执行和 java 的执行过程，脑子里其实大量过载，没想过 main 能不能重写重载继承啊，谁会去对 main 函数执行这样的操作啊。
+
+> 面试官：程序都是活的，只有规则是死的，你需要去理解在作为方法上，main 函数本身就可以看成普通的方法
+
+当时是豁然开朗，然后和面试官侃侃而谈，但我估计我已经凉了，答的其实感觉面试官并不满意。
+
+意料之外的惊喜是，我在当天下午收到的通过的消息，得知30人的面试，只通过了三个
+
+而此时，公司通知我十月14号上班，此时，我离培训结束，还有两个半月。
+
+## 十月到十二月，新的挑战，新的起点
+
+我成了当时培训班里第一个，框架都没学完就跑路的学生，被迫害去给培训机构做了宣传。算是也留下历史了，但是并不是件好事，我框架谈不上学的有多好，怎么敢啊，这去了公司可咋办啊。
+
+面试通过好像并不是一件那么值得放松的事情，相反，成了我当时最大的压力，我在国庆期间，做了一套 springBoot 的小项目，算是勉勉强强，知道了使用框架去做 crud，究竟是怎么一回事。
+
+入职第一天，领了电脑，装了软件，要用公司的框架去做一套增删查改和一个换绑的功能，很尴尬，不仅框架看不懂，一看 mybatis-plus，噶，没有用过。
+
+讲个笑话，不会用 postman 测试，不会用 git 上传代码，感谢是公司给我发了一个好大哥，第一天感受到了什么叫做手把手教我写代码，教我拉代码，跑测试，使用通用返回类，以及使用 request 来封装前端传来的所有参数。
+
+我才明白：有一种会了，叫做我觉得。
+
+第一个月，进公司没写过代码，拉了一个项目，熟悉功能，熟悉框架，看代码，这就是我每天的工作内容，偶尔解决一下客户提出的 bug，当然，一般都比较麻烦，搞不定直接 call 大哥。
+
+
+![](https://files.mdnice.com/user/31817/1b9d01df-f00e-4527-8c1d-ad01ed3335df.png)
+
+
+
+
+接下来大家也知道，疫情，虽说是入职两个多月，我实际上也就，干了一个月的活，还有大部分时间在摸鱼，看着一大堆的技术，根本不知道怎么学。
+
+得亏是大哥也很耐心，给我讲逻辑，讲了很多技术的思路，我也就不太愿意除了业务上的事情去打扰大哥，自己每天也是开始看网课，一直持续到，加入星球，开始看皮总的项目讲解。
+
+一直持续到现在，我其实也就只能实现一些简单的业务，但是学会了很多东西，至少知道如何把技术转换成业务逻辑了。知道应该先写思路再写代码了。
+
+组里的组长也很好，每天给我布置的任务都不多，给了很多的时间给我学习，碰到不会的内容也会给我讲的很细，未来在项目组里，应该也会继续学习。
+
+> 我不推荐任何人参加培训班！
+> 我不推荐任何人参加培训班！
+> 
+> 我不推荐任何人参加培训班！
+
+如果你能坚持那么高强度的学习，那你自学一样可以学会，如果我早一点遇到皮总讲解的项目思路，我也不会多走这么多弯路，贵在你坚持，并把编程变成爱好，而不是依赖手段，最后那个培训班有多少人找到不错的工作我也不知道，但是情况并不如意，特别是我朋友，一个专科生，现在被忽悠去干售后，997，无休，关于培训班的坑，我之后也会开个帖子好好说说。
+
+## 目前的工作情况：
+XXXX的子公司，大概人数在300左右，车联网业务，虽然是 java 开发，但是部门在大数据部门啦
+
+转正后的薪资在8k左右，双休，加班比较少
+
+附上我凌乱的工位
+
+
+![](https://files.mdnice.com/user/31817/f20d0779-6521-4f11-aa82-2468544bacb4.png)
+
+
+2022算是我工作的起点吧，如果之后有可能，还是希望能够去大厂吧，与各位球友共勉！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\345\216\202\345\267\245\344\275\234\344\270\200\345\271\264\345\215\212\357\274\214\346\210\221\346\234\211\350\257\235\350\257\264\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\345\216\202\345\267\245\344\275\234\344\270\200\345\271\264\345\215\212\357\274\214\346\210\221\346\234\211\350\257\235\350\257\264\357\274\201.md"
new file mode 100644
index 0000000..7269a29
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\244\247\345\216\202\345\267\245\344\275\234\344\270\200\345\271\264\345\215\212\357\274\214\346\210\221\346\234\211\350\257\235\350\257\264\357\274\201.md"
@@ -0,0 +1,71 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的小王同学的自我介绍：
+
+> 星球原文链接：https://t.zsxq.com/0abHcIPRc
+
+大家好，我是小王同学，21 届毕业的西电硕士生，目前在华为从事测试开发工作。已经工作一年半了，但还是想在以后的日子里与[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)里的兄弟姐妹共同学习！共同进步！
+
+
+
+## 基本情况：
+
+1. 硕士：西电
+
+2. 本科：内蒙古某工科院校
+
+3. 专业：本硕计算机
+
+4. 荣誉：优秀研究生，全国大学生服务外包创新创业全国二等奖，美国GE芯片焊线检测一等奖，中国机器人大赛助老生活服务项目赛三等奖
+
+5. 秋招 offer：华为，京东数科，好未来学而思部门，工商银行西安软件开发中心，招商银行深圳研发中心
+
+ 
+
+## 一些分享：
+
+自己是科班出身，但是搞得东西很杂，我就分本科阶段和研究生阶段来讲吧。
+
+### 本科阶段
+
+在大一的时候，上学期就可以考四六级，我就报了试试水，结果被啪啪打脸，大一上学期考了一次 416，大一下学期考了一次 415，结果得出一个道理，任何考试都得复习的道理，结果在大二上学期就报了一个英语培训班，其实大一就报了，但是没有去上课，然后我给拉了两个同学，让我免费再听，然后大二上学期以 474 的分数结束四级，然后又在大二下学期以 435 的分数结束六级，这个英语学习就是得冲着过，各位英语大佬默认路过。
+
+![](https://files.mdnice.com/user/31817/f52a3ff1-586a-4d74-b2f7-123fa416121b.png)
+
+
+
+然后我大二上学期，对做大创感兴趣，又找了几个小伙伴去研究大创项目，我们本科是研究嵌入式为主的，嵌入式就是单片机，当时我做的是一个基于 Arduino 的鱼缸控制系统，主控是单片机，对水里的温度浊度进行检测，达到控制的目标，做的很简单，答辩也很水，研究过嵌入式方向，每学期的成绩也还可以，大学的时候还参加过机器人大赛，去湖南长沙参加过中国机器人大赛，还获得了三等奖，都是实验室里面祖传的代码和实验设备，凭借着可以的成绩在 18 年顺利保送研究生，大学里面主要钻研的是课程内容和自己的绩点成绩，其实也没写过多少代码。本科毕业设计是研究生导师给出的，做了个关于人脸识别的 MFC 程序，带界面，就调用的山世光的人脸识别 seetaface，然后做了个 MFC 程序，也就毕业了。
+
+### 研究生阶段
+
+再就来到了研究生环节，研一基本上干了两个事，一个人脸识别人证比对，一个是安全帽识别，研二跟上小老师开始研究目标检测和跟踪，老师有项目，然后基本上就是调参侠，喂数据，跑模型，研三开始找工作了，由于深度学习主要涉及的语言是 python,自己就找用 python 开发或者算法的工作，主要有两条线路，找算法和找测试开发。
+
+算法得要论文，自己面了大华的深度学习算法岗，然后上来问的问题都回答不上来，有些只是知道概念，无法深入了解其本质，然后后面找的就是测试开发的工作，就面试面了很多，自己刚开始也准备，记得刚开始写算法题手很生，甚至有次连字符串都定义都没写出来，也是第一次面试，就没什么经验，就草草了事，之后就下定决心刷题，刚开始在 B站 找姚青林的剑指 offer 来看，背了很多，也学了很多。
+
+![](https://files.mdnice.com/user/31817/ba568046-5bb5-47b7-a7b8-6faee5a221ab.png)
+
+
+买了基本关于测试开发的书，比如说零基础入门入行测试开发工程师，测试开发效率手册，然后后面就顺很多，我是 21 届毕业生，一直从 0 offer 到 1 offer，到最后的手里有几个 offer，当时应该没有现在卷，也很顺利的拿到了华为的 offer，当时是以软件测试招的，研究生主要干的是工程方面的，说白了就是干项目，然后顺利完成论文，顺利毕业。
+## 计算机找工作方向
+
+计算机专业的学生找工作有很多方向，比如算法、开发、测试等等。
+
+① 对于算法，我觉得这个方面很吃学历，如果本科非重点院校，很多大厂面试就不考虑，还有就是算法得做个比较好的比赛或者项目，这种基本上 github 只会 down 代码的根本不行，算法比赛有很多，比如说每年的知乎看山杯比赛，阿里天池比赛等等。
+
+![](https://files.mdnice.com/user/31817/87c0ac22-b43b-4178-8ba9-aa80609191ff.png)
+
+
+身边有个同学很厉害，秋招找了美团的推荐算法岗，就是靠着一个推荐方面的顶级赛事获奖找到的，人家是本硕西电，就很厉害。 
+
+② 开发就分为前端开发、后端开发。前端写页面，后端写接口，基本上分工就这样，前端得会用各种组件，后端在实际开发中得了解业务，在企业中开发，一般是后端驱动前端。 
+
+③ 测试的话就是有功能测试，性能测试，可靠性测试，页面测试，安全测试等，这些涉及的面也很广，在实际中会有一些与开发打交道的活，甚至搞测试会直接向开发提一些需求，也算半个业务方吧。
+
+现在在工作中，感觉工作之后就是没有很多时间去学习了，希望大家能够利用好在大学的时间，努力多学技术，提高自己！之后希望能和[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)内的球友一起学习、互相分享知识，共同进步！
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md"
new file mode 100644
index 0000000..2d9f11b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\227\350\212\202\345\256\236\344\271\240\350\275\254\346\255\243\344\272\206\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200.md"
@@ -0,0 +1,167 @@
+大家好，今天这篇文章是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的 AvlTree 同学的求职经验分享(已上岸字节)：
+
+> 星球原文链接：https://t.zsxq.com/0b9kKRzQD
+
+大家好呀，我是[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的 AvlTree。还记得当时在B站看到鱼皮大佬的视频，感觉好励志呀，和我同一届的同学，他选择了工作，我选择了保研，然后就一直关注着加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)了hh
+
+
+![](https://files.mdnice.com/user/31817/050460db-05c2-4b49-a5e8-811c57e41705.png)
+
+
+在[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)刚创建时资源还不算丰富，现在进来看到**常用资源都能找到啦，前端、后端、简历、八股文、常用软件都能在星球里找到**。
+
+现在的我也完成刚进[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)时立下的目标，顺利拿到字节的 offer，过来分享秋招和实习的经验啦！
+
+
+## 个人情况
+
+
+- 学历：本科双非（1/107），硕士中流985（15/139）
+
+- 方向：服务端研发（Go、Java）
+
+- 奖项：比较能拿得出手的只有若干ICPC区域赛铜牌了
+
+- 项目：一个在线装箱系统、一个电商系统
+
+
+
+
+## 简历&面试
+
+
+简历是我觉得非常重要的一环，写的好的简历可以给面试官留下好的印象，可以稍微夸大一点（在自己理解的知识上扩展），不要过度包装，如果面试和简历的感受给面试官落差太大也不好。
+
+> 不希望被问的点千万不要写在简历上！
+> 
+> 不希望被问的点千万不要写在简历上！
+>
+> 不希望被问的点千万不要写在简历上！
+
+经常看到同学觉得自己简历上写的技术点越多，显得自己越强，但是一定在自己掌握了这个技术背后可能被面试官问的问题后，在写上去。
+
+我之前看到有个前端的同学写了“本科给同学们做过 Java 教学”，我相信他的确可能是做过这个事情，但是他读研后连 Java 基础语法都忘记了，而且他找的前端岗位，就大可不必写这个自己都不懂的“Java教学”上去了。“Java教学”这个词我看着就有点害怕，感觉比“精通Java“都离谱一些了，得特别强的技术大佬才能写hh
+
+
+我的简历是我是根据鱼皮大佬分享的文章来写的（链接在下面）。
+
+
+
+### 简历注意事项：
+
+- 用了xxx技术解决了xxx问题
+- 用了xxx技术实现了xxx功能
+- 最后效率提高了xx%，QPS提高了xxx（**量化指标很重要**）
+- 不要有错别字，英文字母统一用大驼峰或者小驼峰命名法（Java、JAVA、java几种写法混着真的不好看）
+这是我觉得更能体现技术点的写法，也能够引导面试官去问这些技术点
+
+
+### 面试官根据经常问的项目问题：
+
+- 你做项目的时候有没有遇到什么困难，怎么解决的？
+- 项目的亮点，难点是什么？
+- 为什么做这个项目？
+- 为什么用这个技术？有没有考虑其他方法？你用的技术方案比其他方案好在哪？
+
+
+### 可以多根据 STAR 法则来思考整个项目：
+
+Situation:事情发生的情境；
+Task:你的任务是什么；
+Action:你的行动是什么；
+Result:结果如何，你取得了什么成果。
+
+
+### offer 的完整流程：
+
+- 笔试、测评。
+- 一面、二面、三面、HR面。
+- offer沟通、涉及薪水和工作地点。
+- 每轮面试一般分三部分，自我介绍环节，面试官考察专业能力环节、反问面试官环节。
+
+
+### 简历参考模板：
+
+- 星球文章链接：https://wx.zsxq.com/dweb2/index/topic_detail/415822445545888
+
+- PPT、简历免费网站合集：https://t.zsxq.com/qbyRnyZ
+
+- 星球内部知识库：写简历技巧
+
+![](https://files.mdnice.com/user/31817/9027f782-4ef6-4a46-807c-53489267739f.png)
+
+
+## 八股文
+
+
+首先不要抱着把八股文背完的心态再去投递简历，可以先从一些小厂开始投，边面试边背八股。
+
+因为八股是背不完的，要优先把常见的问题记住。
+
+常见的八股问题就可以去牛客网刷别人面经了。
+
+
+### 八股文注意的几点：
+
+- 遇到不会的问题，记录到文档里，类似错题集，写下答案，然后每天看看
+- 遇到见过的问题，也要口述说一遍答案，我看到有些同学是背下了题目，没记住答案，看到遇到的问题，就以为自己真的知道答案，就跳过了
+- 不要等背完八股再投简历
+
+
+下面是我当时看的一些八股文章：
+
+- https://javaguide.cn/
+
+- https://github.com/gsjqwyl/JavaInterview
+
+- https://www.javalearn.cn/
+
+- 星球里也有很多球友发的知识点https://www.yuque.com/linxun-bpyj0/linxun
+
+
+
+## 编程题
+
+
+因为我之前就是 ACM 选手嘛，虽然只是铜牌，就没有花太多时间在编程题上面了。
+
+我的经验就是，不要背题，而是理解后记住思路，可以按照记忆曲线来刷题，今天刷了这个题，过两天重新刷一遍
+
+把 LeetCode Top100 刷了就差不多了。
+
+### 下面是刷题的链接：
+
+- https://leetcode.cn/problemset/all/?listId=2cktkvj&page=1
+
+有时候面试的时候也会让写SQL，LeetCode也有SQL题库
+
+- https://leetcode.cn/problemset/all/?page=1&listId=sql
+
+
+
+### 字节实习
+
+
+字节实习的工资是400/天，每天三餐都是在公司食堂吃的，10点后打车免费。
+
+在字节实习的三个月里，每天都过得很充实（10 10 5），感觉和学校也没有太大差别，没有体验到职场的尔虞我诈，就是给你安排任务，顺利完成就好了。组里氛围是不错的，字节的同学都很好沟通交流，主管脾气也很好。唯一有点不好的就是下班是真的好晚呀，没有空学习新的技术提高自己，都在写业务代码了。
+
+我是靠着实习转正的，实习确实是进大厂的一个稍微简单的途径，尤其是在大环境不好的状况，大家一定要把握住机会！
+
+
+
+![](https://files.mdnice.com/user/31817/26dde58d-bc50-4106-9e1e-7fde87414610.png)
+
+
+![](https://files.mdnice.com/user/31817/90cbfc90-2990-4438-87a6-36f237ca004d.png)
+
+
+最后，感谢[编程导航星球知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识，共同进步。2023，继续加油！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\346\211\276\346\210\221\346\235\245\346\212\245\345\226\234\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\346\211\276\346\210\221\346\235\245\346\212\245\345\226\234\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..1967932
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\346\211\276\346\210\221\346\235\245\346\212\245\345\226\234\344\272\206\357\274\201.md"
@@ -0,0 +1,70 @@
+# 学弟找我来报喜了！
+
+大家好，我是鱼皮，昨天晚上，**星球** 的学弟突然给我发来消息：
+
+![](https://qiniuyun.code-nav.cn/image-20220317175710259.png)
+
+我的第一反应是 “震惊” ！毕竟我星球才刚刚开了一个月，这小伙子竟然就完成了自己的目标，难道是想来薅我的鱼毛？（加入 **星球** 后完成目标可全额退款）
+
+但后来跟学弟的交流中发现，这的确是一位学习非常踏实的学弟，凭借自己的努力拿到了心仪的 offer，就是想来找我报个喜：
+
+![](https://qiniuyun.code-nav.cn/image-20220317180434911.png)
+
+看到自己开设的星球对大家有帮助，我也感到非常开心，于是邀请这位学弟给大家分享一下自己学习、找工作的历程，希望也能激励小伙伴们努力前行吧。
+
+以下是这位学弟的分享：
+
+
+
+---
+
+
+
+大家好，我是小 P，分享一下我在求职过程中的一些个人感受吧。
+
+本人 21 年普通二本毕业，大学浑浑噩噩混了三年，没找实习也没有自己学习来提升自己，有时间就是吃鸡、LOL 了。直到大四了该做毕业设计了才醒悟过来开始好好学习，边学习边找工作，在秋招的尾巴签到一份工作后悬着的心也放了下来，最后也是顺利毕业，毕业设计也获得了“优秀毕业设计”（虚名而已）但也是对自己的一个肯定吧，更有信心了。
+
+加入星球后，看到里面还有很多在校生，真的太羡慕了，你们可以在这个时候就有学习的决心，甚至有的卷王大一就开始卷了，卷王实锤了。希望大家真的不要怀疑自己，好好努力在大学毕业的时候一定会找到自己满意的工作的，加油！
+
+说正事儿，可能我大学的好运都放到了我入职后吧，遇到了很好的领导和同事，从在公司实习开始就接触到了公司的研发人员，我大哥也是一步一步来教我，在这个公司确实让我学到了很多东西，我有大量的时间来做自己的事情。但是由于公司的种种原因，已经两个多月没有项目做了，后期也不确定到底会是什么情况，所以打算离职了。
+
+之后，我就处于在职 & 找工作的状态，找工作的过程中也遇到了很奇葩的公司，比如其中一个：为了压你工资来问你各种奇葩问题，最后还说是 996 工作、结果薪资开 4k 我也是醉了。重点是 HR 还觉得给的已经很多了！！！
+
+![](https://qiniuyun.code-nav.cn/image-20220317182633798.png)
+
+因为我打算在家乡云南就业，这边的环境没有什么大厂，再加上第一家公司的一些原因，我就决定朝着国企来投简历，应聘的岗位也是 Java 研发岗位。
+
+反正在公司没项目做，我就每天看八股文、看基础知识。初期投了好多简历都没有消息，自己也一度很迷茫。不过三月份好像很幸运，收到了三四家公司的面试邀请，最后也是拿到了三个 offer，综合考虑之后选择了其中一家。
+
+面试的公司都很正常，不会问奇葩问题了，基本就是自我介绍，然后问一下项目经验以及自己简历上技术栈的使用。因为并不是大厂嘛，Java 基础和 SQL 的基本问题多一些。一面基本没有算法问题，主要的还是基础以及项目经验。在提问环节我会问一下面试公司的技术栈，看看自己目前的技术是否和公司匹配，也表示出自己的诚意。二面的话是分管面试，基本就是谈谈薪资、了解一下公司的管理及考核晋升评级的形式，总体来说还是很和谐轻松的。
+
+还有一个技巧大家可以参考面试情况来补刀一下，和 HR 说： 面试结果成没成麻烦尽快给个答复，因为还有几家要面试和已经面试过了的要答复，这样也不会让别人觉得自己缺工作。
+
+再分享一些我面试总被问到的问题：
+
+1. 讲一下 SpringMVC 和 SpringBoot 的区别？
+2. 讲一下 MyBatis 和 MyBatis-plus 的区别，谈一谈你的理解？
+3. Java8 的新特性是什么？
+4. Java 中接口和抽象类的区别？
+5. 谈谈对 Java 泛型的理解？
+6. MySQL 中 group by 的用法？
+7. MySQL 中插入一个字段的 SQL 语句怎么写？
+8. 对微服务的理解？
+9. 有没有做过微服务的项目？
+10. 你的职业规划是什么？
+
+有印象的问题大概就是这样，供大家参考。因为不是大厂，所以题目还是比较友好的，相信大家在复习的过程中也都见过这些题目。
+
+以上就是我近期找工作遇到的一些和个人感受，也非常感谢鱼皮的星球让我在准备面试时获得了很多资料。
+
+![](https://qiniuyun.code-nav.cn/image-20220317183337733.png)
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\350\277\233\345\260\217\347\261\263\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\350\277\233\345\260\217\347\261\263\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..5d39cad
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\255\246\345\274\237\350\277\233\345\260\217\347\261\263\344\272\206\357\274\201.md"
@@ -0,0 +1,228 @@
+# 学弟进小米了！
+
+
+
+大家好，我是鱼皮，开了 **知识星球** 后，我认识了很多小伙伴，也从他们的身上学到了很多。
+
+今天和大家要分享的，是一位双非本科学弟进大厂的故事，干货满满。
+
+相信从下面他的分享中，也能感受到他求知、做事的态度。
+
+
+
+## 一、自我介绍
+
+大家好，我是买菜，很高兴能在鱼皮的星球与大家相遇，希望能在这里结识志同道合的伙伴，接触更多优秀的同学，保持终身学习，和大家一起慢慢探索职业发展道路。
+
+我就读于一所偏文科类的双非院校，是 2022 届毕业生，电子信息工程专业，签约的是小米的嵌入式软件工程师。虽然星球里更多的是前后端以及其他方向的软件开发，但也希望嵌软能丰富星球的构成，我也相信软件编码在底层以及思想上是有互通的，希望能和大家互相学习，共同进步！
+
+应鱼皮的邀请，给大家分享个人经历以及求职的一些小建议。
+
+由于我的求职意向是嵌软，所以本文会有一些偏向，但同样有不少通用套路，希望大家能各取所需。
+
+
+
+## 二、秋招之旅
+
+谈到秋招，就简单回顾一下大学生活吧。
+
+### 大一
+
+大一上就正常上下课，没事了就打打游戏，现在好怀恋那时候，是真正无忧无虑，临近期末考试那会，结课也比较早，连续很多天没课，那时候还不知道是考试复习周，一边玩一边慢慢的准备复习。好在最后没挂科，成绩也不上不下的。
+
+然后转眼到了寒假，觉得不能再荒废下去了，那时候了解到学院有个科创社团，很厉害，于是暗暗定下目标，一定要加入进去。然后寒假就开始自学了 C 语言，更着小甲鱼的教程，刷完了视频，C 语言也算是入门了吧，当时指针都不会用，觉得好难，现在回头来看，C语言的坑还大着呢。
+
+然后大一下也在好好上课，想把绩点拉高一点，同时也在自学单片机，当然是最简单的51单片机，然后暑假就继续学，开始做自己的第一个项目准备开学去参加科创社团的招新答辩。当时自己画了电路板和写程序，准备做一个智能定时器，可惜最后还是没有联合调试出来，但是也顺利通过了答辩，加入了团队。
+
+
+
+### 大二
+
+大二成功加入了目标社团，目标达成，然后开始参加比赛，组队友，写文档，做项目，同时还要忙学习，现在想想大二好像过的挺充实的。我在大二下的时候就有团队里的学长拿到了大厂 offer，然后那个时候就突然觉得，目标要改一改了，然后就想毕业的时候一定要找一份满意的工作，要进大厂。大二那个暑期找了一个实习的工作，主要是负责做测试。
+
+
+
+### 大三
+
+时间来到了大三上，当时就忙着学校的事情，团队，上课，做项目等等。大三寒假在家准备找实习，整理笔记，大三下开学后就开始准备找暑期实习了。当时认真的改好了简历，投了菜鸟裹裹和 CVTE，菜鸟裹裹笔试挂了，CVTE 因为自己想要多准备一会，所以做笔试也比较晚了，在 4 月份左右，当时可能 hc 已经没了，但是还是被捞起来面试了。
+
+
+
+### 秋招来了
+
+CVTE 的面试也算是人生的第一场正式面试，面完之后陷入了深深的自我怀疑。
+
+整个面试过程中，虽然没有太多的技术问题，但是仍然面了一个小时，在面完之后，自己回想起来也非常不舒服，和面试官沟通的时候，因为自己手里的筹码不够，显得非常被动，例如一段经典对话：
+
+面试官：“你能接受加班吗？”
+
+我：“巴拉巴拉一大堆。。。”
+
+面试官打断说：“我不想听你说这么多，还要我去猜，这样对公司，对个人都不好，巴拉巴拉。。。”
+
+我：“可以接受 996！”
+
+面试官继续问：**“996是起点还是终点？”**
+
+我当时人都傻了，内心极度不爽，已经想骂面试官了，但是为了实习机会，我还是停顿了一会，说：“是中间点”。
+
+面完之后，心里很不舒服，当时下定决心，一定要好好学习，提升自己，让自己以后再遇到这种 shabi 的 PUA 问题有怼回去的资本。
+
+![](https://qiniuyun.code-nav.cn/image-20220304160419465.png)
+
+这期间还投递了一些企业，可能是投晚了，没有什么反应，也大概知道了自己的水平。于是放弃了找实习的机会，准备好好学习几个月，秋招再冲。
+
+接下来的时间就泡图书馆，系统地学习以及总结，查漏补缺。刷了数据结构的课程，并且开始刷力扣，学习了一些操作系统相关的知识，并且升级了自己的项目，入门了通用操作系统等等。。。
+
+这之后本来最开始想要准备电赛，但是自己在年级群的偶然的发现了一则实习招聘信息，在珠海，还是中国上市五百强，做打印机的。自己抱着试一试的心态投递，没想到两面很顺利，就中了。后来，电赛延期到了 11 月份了，我感到很庆幸，还好当初去实习了，没有死磕电赛。不禁感慨道：**人生往往就是精心策划的事情落空**，不是很在意的事确成功了，包括后来秋招也是，无心插柳柳成荫。
+
+然后做完学院的实训项目，在七月份的时候就去珠海闯荡了。在珠海因为好歹也是大一点的公司，流程制度也很完善，项目开发周期也比较长，而自己又是实习生，还是要靠自己努力学习。实习了大概一个月左右，觉得自己对实习公司的工作不是很感兴趣，然后发现可以开始秋招投递了，于是开始尝试投递，同时开始了秋招复习。
+
+在八月初的时候开启了第一波投递，当时认认真真的改好了简历，就去投递了，当时心想着，第一批投递就拿来练练手，积累积累经验，当时还在实习，还要请假面试，有点心累。正好我一个一起准备秋招的好朋友拉我投联发科的提前批，免笔试，当时抱着试一试的心态，结果我们两都上岸了，真的太爽了这种感觉。在八月底拿到了联发科的意向书之后，我就暂缓了秋招，想躺平了，9 月回到学校后，就没怎么投递了，基本都是之前投递的还在流程中。这期间终于收到了大疆的一面，大疆是我很想去的一个公司，一面完了问面试评价也挺好的，结果迟迟没有二面，我也大概猜到了结果，果然在国庆节前几天收到了感谢信。巧合的是，之前投的小米以为会没结果，却走完了两面，拿到了 offer，对这个 offer 我也非常满意。9 月也突然被大华捞了起来，直接一天面完了，然后在 9 月底收到了 offer。还有八月份面的泰凌微电子也在 9 月发了 offer，虽然公司体量不大，但是给我的感觉非常棒，有一点心动，差点就去了。
+
+
+
+## 三、如何准备
+
+### 3.1 求职时间
+
+在校生想要去一线大厂一般有两种方法，一个是实习转正，一个就是走校招。总的来说，还是实习转正难度低一点，并且找实习一般是在校招之前，所以要积极准备大厂实习，就算没找到，准备的过程也是一种经验的积累。明确求职时间与投递时间，提前准备，做好规划，了解企业招聘所需的知识点进行对应的学习与准备。早准备，多面试，不要觉得准备到了100%再投，永远没有100%，面试才是最快的提升方法。
+
+
+
+### 3.2 准备方法
+
+我把找工作分为了三个部分，分别是基础 + 刷题 + 项目。
+
+基础是平常的积累与总结，刷题是面试的一个门槛，笔试都过不了，面试的时候代码都撕不出来，那还怎么拿 offer 呢，项目则是决定了面试的成功与否。当然，在这三者之前，你需要做好一份简历。
+
+
+
+#### 简历
+
+简历很重要，我自己的简历改了很多版，在我看来，简历有一些最基本的原则需要做到，同时也要适当的包装一下，这样子才能有机会面试。同时要明白，简历不是一次性就能写出来的，简历是改出来的，简历是需要反反复复修改的东西。
+
+**重点**：写简历的时候，我们应该要知道，简历是引导面试官提问的东西，为求职沟通打开一个窗口，并且能完全展示自己的技术以及综合实力。所以在写简历之前，应该明确自己有什么东西证明自己的综合实力，技术优势在哪，实习与项目需要有什么亮点，怎么与自己的技术体系联系起来，怎么引出自己的技术优势，在写简历的过程中不断地思考，完善简历。
+
+
+
+#### 基础
+
+基础是需要日积月累的东西，它就像是你的内功，内功越好，在修炼后面的招式的时候也就越快。同时基础知识也是决定你技术栈的宽度与深度的一个东西，面试的时候，面试官的各种提问无非就是想要探寻你的知识边界，了解你技术栈的深度与宽度。若是你的技术栈像大海一样，深不见底同时又宽广无垠，那怎么会愁找不到工作呢（手动狗头）。
+
+扯远了，回到嵌入式软件求职所需的基础知识上来，我们需要建立自己的知识体系，平时要多做总结，多做笔记，让自己的知识能形成一个闭环（就是知识体系建立到一定程度后会有打通任督二脉的感觉）。嵌入式具体的可以参考我的个人笔记，我放在了码云上，链接放在后面的资源推荐中了。（下面这些知识，非嵌软求职的同学就可以跳过了）。
+
+我的笔记中把嵌软求职的知识体系分为了三个部分，分别是硬件层，底层，应用层。同时还有一些通用知识必须掌握，比如 C 语言。嵌入式的知识非常的多，可以根据自己的求职意向或者兴趣爱好有针对性的去学习与积累。想要做偏硬件的嵌入式，那么硬件层的知识肯定要自己掌握了，模电是最基本的；做单片机相关的开发，单片机的知识，ARM 体系架构等也需要相对应的学习；做 Linux 相关的开发，操作系统，数据结构一定要学好。我自己是想要做嵌入式的应用开发，同时希望能上到 Linux 这样的嵌入式开发，我会针对性的去学相关的知识，如通用操作系统，RTOS 应用以及内核原理，数据结构，C 语言。基础知识的积累在这也是没办法一下子讲明白的，需要自己思考总结，个人笔记仅供参考，可以用来查漏补缺，切勿上头，笔记中肯定存在疏漏或者错误，并且不能保证全面性，看笔记也就图一乐，学技术还得靠自己。
+
+
+
+#### 刷题
+
+刷题其实是基础知识和算法的体现，开放岗无论是什么都离不开刷题。我猜有一半的人会在笔试中挂掉，当然我自己也挂过好多次，当挂多了才意识到刷题的重要性啊。
+
+刷题一般分为基础知识和算法题。嵌入式软件开发，公司笔试出题一般会有选择，填空，简答和编程题。需要自己多去找其他公司往年的真题来做，当做多了，自己也会有感觉，发现高频考点与题型都是那么一些。算法题需要积累与保持手感，不然会像我一样面试的时候，手撕算法题卡壳。嵌入式软件的编程题一般用 C 语言来做就好了，在牛客网或者力扣上面刷，主要刷简单题就行，笔试面试常考的也是简单题，特别是数组题与链表题，高频，一定一定要刷。找工作的期间最好保持每天一题，保持一种做题的手感。
+
+
+
+#### 项目
+
+前面说到，项目是决定面试通过的关键，其实进入到面试环节，就有一定的运气成分在里面了，这个时候我们只需要做到自己的技术实力过硬，然后和面试官好好聊天就好。项目可以是很基础的项目，比如手写一个 rtos，也可以是自己做的比较综合的项目。项目的作用就是把自己的技术栈和项目结合起来，让面试官能通过项目了解到你会什么，你会的程度怎么样，所以在写简历以及准备项目的时候就要围绕这一个核心点来展开，突出自己的项目亮点以及技术亮点！
+
+
+
+### 3.3 其他
+
+前面说了那么多，都是硬实力，需要一个积累的过程，那么这一段讲的就是一个软实力，能够在短短几天取得一定的突破。
+
+#### 自我介绍
+
+几乎每一场面试，面试官首先就是让你做一个自我介绍。那么我们需要提前准备好自我介绍，可以从在校经历，项目经历，实习经历展开自我介绍，具体怎么介绍需要自己去思考，“我想让面试官get到什么点，怎么把自己的优势展现在面试官面前”，准备好了自我介绍之后，自己去反复练习，反复背诵，最后达到自信，有节奏感的介绍自己。
+
+#### 项目介绍
+
+需要自己提前做好一段项目介绍，要有一定的逻辑性，确保面试官能听懂的同时了解到你的项目优点和你的技术优点。所以项目介绍这一块也需要提前总结，反复练习，确保能够流畅的讲诉。
+
+#### 比赛介绍
+
+我在面试的时候，有的面试官会对我的比赛经历感兴趣，让我介绍一下。最开始没有准备，完全临场发挥，表述的逻辑性可能欠佳，而且面试官也不太清楚你在这个比赛中做了什么，学到了什么。所以这一块也可以前准备，有一定逻辑性去介绍，比如按照时间线来介绍，或者按照开发进度去介绍，同时可以在最后加上自己的一些感悟和收获，表示自己确实获得了成长。
+
+#### HR面
+
+有的 hr 面在技术面之前，有的技术面夹杂着一些hr面的问题。在此类非技术类问题中，要表现出，想去贵公司，对贵公司有一定了解，回答主要围绕着这样的点去答，就算自己不一定想去，也不要表现出来！！可以提搜索一下hr常问的问题，提前准备，看看面经，思考怎么回答。
+
+#### 其他
+
+此外，大家可以多刷刷面经，多思考，多总结，多积累。还有最重要的一点，多面试、面完之后进行复盘，在实战中进步是最快的！
+
+
+
+## 四、心路历程
+
+把心路历程单独列一个大点来讲，是因为我觉得心态非常重要，offer = 心态 *（硬实力 + 软实力）+ 运气。
+
+还有，大家要对自己有信心，不要因为学校什么的就觉得低人一等，觉得自己高人一等更是没必要了，自己与自己比较，努力提升自己在什么时候都是真理，用技术与实力赢得尊重！
+
+**在求职过程中，一般会是迷迷糊糊开始准备，然后开始投递简历，在笔试或者面试中遭受打击，开始焦虑，不断鼓励自己，不断学习积累，开始转变，得到肯定，收获肯定，分享经历。**
+
+上面的心路历程相信也是大多数人的一个经历。每个阶段都会有每个阶段的心态，我们要做的就是保持自己良好的心态，并且不断鼓励自己坚持下去，学下去，只有这样形成一个正循环之后，我们的知识积累才会越来越多，面试越来越顺，当自己变得自信起来时，offer就近了。
+
+详细的心路历程可以看看后面资源推荐中的经典面经，总结起来有以下几点：
+
+- **首先是要正视自己的能力。不轻视，不高估**
+- 当你求职的时候就会发现，原来还有那么多公司，名字都没听说过，这些公司也活得好好的，盈利也不错。所以不要轻视自己的能力，最后总能找到一家公司的。
+- 不高估自己，对自己有一个清晰的定位，不去和神仙打架。
+- **多鼓励自己，学会自我调节，坚持下去**
+- **对于身边的同学，多交流，不盲目比较**
+
+身边能有小伙伴一起准备秋招是很幸福也很幸运的事，大家一起鼓励，一起前行。也感谢鱼皮的知识星球给了学编程的小伙伴们互相交流的机会，大家一起学习真的很舒服。
+
+但是也要记住，不要盲目和他人去比较，每个人的优势和特点都不一样，我们只需要做好自己就好了，到最后大家找工作一起上岸也是非常非常幸福的事！
+
+
+
+## 五、资源推荐
+
+推荐一些自己准备过程中看过的书籍资料和视频：
+
+- 《C++开发面经与嵌入式软件面经（蒋豆芽面试题总结）》牛客网豆芽兄的专栏，很高频。
+
+数据结构与算法
+
+- B站赫斌 数据结构课程
+- 《大话数据结构》
+- 《算法图解》
+
+操作系统
+
+- B 站哈工大李治军老师
+- 《操作系统导论》带我入门操作系统
+- 《基于嵌入式实时操作系统的程序设计》周航慈。这本书带我真正入门了 RTOS 的使用。
+- 《嵌入式实时操作系统uCOS-II》邵贝贝(第二版)。
+- 野火的关于 ucos 的相关视频与资料（野火讲的很底层很基础，非常有用，回头来看，感触很大）。
+
+C语言
+
+- 《C和指针》
+
+其他
+
+- 《程序员的自我修养--链接、装载与库》
+- 我的个人笔记，大家快去给我点小星星呀：https://gitee.com/wang_chunfeng/embedded-notebook
+
+
+
+---
+
+
+
+最后非常感谢这位同学的分享，需要的话，大家可以在星球里找他交流一下，取取经。
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\256\266\351\207\214\350\271\262\345\215\212\345\271\264\357\274\214\346\210\221\347\273\210\344\272\216\344\270\212\345\262\270\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\256\266\351\207\214\350\271\262\345\215\212\345\271\264\357\274\214\346\210\221\347\273\210\344\272\216\344\270\212\345\262\270\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..d4c605a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\345\256\266\351\207\214\350\271\262\345\215\212\345\271\264\357\274\214\346\210\221\347\273\210\344\272\216\344\270\212\345\262\270\344\272\206\357\274\201.md"
@@ -0,0 +1,58 @@
+大家好，今天分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的秦庚辰同学的社招上岸历程。
+
+> 星球原文链接：https://t.zsxq.com/0bgP6X1yq
+
+
+
+在家呆了半年多了，终于终于找到合适的开发工作了，这里记录一下，并分享我的经历。
+
+我是 22 年 7 月毕业，二本物流管理专业。因为兴趣从大四开始学习 Java。幸运的是当时计算机学院一位老师的工作室在招前端，我就主动去问了问，没想到就进去了。
+
+那时候根据鱼皮的路线开始不断的啃。最终工作室接了一个小项目，交给我做，这期间各种熬，各种纠结，总算也是完成了任务，项目也上线了。这里在想如果早一点能看到鱼皮的视频项目，会顺利的多。
+
+真的对于刚学完基本知识的同学，[用户中心项目](https://mp.weixin.qq.com/s/W19Jgy9Ls-joeLAoEHlV8w)真的是爱死了。
+
+![用户中心管理页面](https://files.mdnice.com/user/31817/1639e206-7d14-450d-8ef8-0471d12827ff.png)
+
+
+鱼皮全程直播带做项目，概念简单，逻辑清晰，从思路分析到项目部署，还帮忙踩坑。
+
+![直播回放](https://files.mdnice.com/user/31817/ada06a9a-2cd0-4747-8b52-3191332fe267.png)
+
+
+毕业后就是一边找工作一边学习。说不焦虑是假的，尤其是当我拒绝了两个 Offer 后，我被秋招无情的直接拍死。
+
+又是疫情席卷。然后快过年的时候开始摆烂，但摆烂的同时又很焦虑，本身就是跨专业，家里就说考研去吧，考公去吧，或者随便找个工作先上吧。这时候真的只能看自己的内心了。
+
+面试的感触：
+1. 如果你的目标不是大厂，算法不用卷的太狠，中小厂基本问的少，主要还是问基础知识和项目
+
+2. 简历上写的内容，自己得清楚，不能说自己写的项目，一问三不知，拿[用户中心项目](https://mp.weixin.qq.com/s/W19Jgy9Ls-joeLAoEHlV8w)来说，面试官问你是如何保证多线程插入数据时，多线程下的原子性。[API 开放平台项目](https://mp.weixin.qq.com/s/IgBVp-BJrzoc7vloWrX4ww)，你讲讲整个业务的流程，模块间的关系。只有自己写一遍才会发现鱼皮留下了许多可优化的点，这些如果做好了，就是项目的亮点，且面试官问也不害怕了。
+
+3. 没事儿多写写 SQL，我看到西安这边很多线下面试，都是上来做题，手写代码、SQL。如果你的项目本身业务简单，又使用 ORM 框架傻瓜式操作数据。那应该好好去练练 SQL。
+
+4. 最好自己搭建个博客，养成写技术文章的习惯，不知不觉我文章都写了 30 多章了，一方面写文章会让你之前似懂非懂的知识被串联且巩固，一方面如果写的好，鱼皮也有奖励😁。很多时候感觉这块儿已经懂了，但当写下来时才会发现你啥也不是，一写几个小时就过去了。写完后有小伙伴们的点赞，心里也是开心的。最最最重要的第一点：你可以让 Hr 和面试官直观的看到你的不同。我感觉在 Boss 直聘上聊天时，说上自己的博客地址，被面试的概率会高一点。
+
+5. 看源码是一个让人头痛的事儿，我可以看源码把逻辑理一遍，但过段时间又忘了，如果你真的理清楚了，最好自己写一个小样，比如手写线程池，拿 AQS 自己写一个非公平锁(其实需要你自己写的很少)，用 Socket 写一个 RPC 或者 Netty 写一个 RPC，甚至是自己写一个 IOC 容器。这些内容网上都有相应的文章，或者看我写的。当然这挺浪费时间的，但当你搞懂后，写到简历上是加分的。
+
+6. 个人感觉市场上还是希望我们前后端都能做，黑马有针对后端人员的前端课程，我感觉挺好的。但是我 CSS 怎么都写不好。
+
+7. 上面都是我的个人感想，我也还是个菜鸡，还有很多东西要学，年后整体的就业机会感觉多了些，希望大家顶住压力，一定会有好的机会的。就怕机会突然来了，但你抓不住，这才是真难受的。我就先见好就收了。
+
+
+
+我简历上的项目：鱼皮的[API 开放平台](https://mp.weixin.qq.com/s/IgBVp-BJrzoc7vloWrX4ww)，黑马的 Redis 项目，我工作室写的小项目 
+
+> 我的博客：http://www.chengling.cloud/
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\345\201\232\344\272\206\350\277\231\344\272\233\344\272\213\357\274\214\344\277\235\347\240\224\344\270\212\345\262\270985\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\345\201\232\344\272\206\350\277\231\344\272\233\344\272\213\357\274\214\344\277\235\347\240\224\344\270\212\345\262\270985\357\274\201.md"
new file mode 100644
index 0000000..ad3e44d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\345\201\232\344\272\206\350\277\231\344\272\233\344\272\213\357\274\214\344\277\235\347\240\224\344\270\212\345\262\270985\357\274\201.md"
@@ -0,0 +1,178 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的清尘浊水同学的保研经历以及学习经验分享：
+
+> 星球原文链接：https://t.zsxq.com/0a580ixPx
+
+“每个不曾起舞的日子都是对生命的辜负。”
+
+
+就读于某末流 211，大四科班，有幸保研至某 985，想简单聊一聊这一年的感受，以及未来一年的展望(❤ ω ❤)。
+
+## 1-2 月 
+
+在家间歇性努力，持续性摆烂
+
+> 一蓑烟雨任平生。
+
+
+刚经历了期末与 PAT 甲级考试，想放松放松，买了 switch，健身环，乐高。于是在回到家的一周里，天天干的事就是玩 Switch，健身环，打 lolm，拼拼乐高。
+
+感觉玩久了就会有负罪感，同时这个寒假还有着写论文的艰巨任务，于是假期的重心就会放到论文和已经报名的 csp 和蓝桥杯上，在这段时间里因为外界原因（过年）和自身原因（自控力不足，会老是想放松，刷视频，玩游戏，摆烂就是不想学习）导致虽然任务基本完成了，但质量不足，还有很大的提升空间。
+
+现在来反思这一段时间自己的行为，虽然规划很清晰，但想完全实现难度很大，导致自己的在计划实施中期动力不足，进而在后期摆烂行为逐步提高，所以给自己提出以下建议💪，也希望大家引以为戒。
+
+### 小结
+
+**不要把学习计划排的太满。**因为这样一旦自己有一天没有及时跟上进度，第二天转而去补第一天的进度，导致一个凉性循环，焦虑+摆烂的心理会逐渐占据你的内心。这种心理会进一步的导致想去玩，不想学习。所以建议大家松弛有度，有序进行。
+
+**牢记玩游戏的初衷。**玩游戏的初衷是让你快乐，让你放松，而不是让你的心情进一步糟糕，我在假期期间，玩 lolm，一旦连跪的时候，就老想着再玩一把就不玩了，结果一直输，气的想把游戏删了。希望以后在输的时候可以及时止损，或者更多的玩主机游戏，少一点竞技，多一点合作，哈哈哈。
+
+
+### 附上一些这段时间的痕迹：
+
+
+
+我的switch和乐高!
+
+
+![](https://files.mdnice.com/user/31817/f2f64310-163c-4bc0-a963-23ef798509c9.png)
+
+
+PAT甲级满分！
+
+![](https://files.mdnice.com/user/31817/4d95f6a2-ab68-4ba0-b266-9d67a578b1b7.png)
+
+
+
+还是努力过鸭！
+
+![](https://files.mdnice.com/user/31817/34d86af6-aa06-4558-bb22-997aeb2f5199.png)
+
+
+
+
+
+## 3-6月 
+
+持续的焦虑+迷茫
+
+
+> 一看肠一断，好去莫回头。
+
+
+回到学校，这个对我最重要，最关键的学期到来了。（也是保研前的最后一战了！）这个学期我要稳住排名和绩点；我要把论文再好好完善再修改；我要考蓝桥杯和 CSP；我要准备保研夏令营的各种资料；我要报名各个学校的夏令营；我要完成一个又一个的课设。
+
+焦虑，迷茫，不知所措充满了我的内心，如果是现在的我回看这一段时光，我应该可以做的更好，至少应该花更多的时间去复习专业课和套磁导师而不是去🙇‍做些优先级没那么高的事。
+
+
+
+这段时光我最大的体会就是战略上的失误，思想的矮子，行动的矮子。克服焦虑绝非易事，但你如果什么都不做，或者说三分钟热度，那么再简单的事对你来说也是困难副本难度，希望这段时光是对自己的警示，在最重要的时光却没有尽自己最大的努力，这真的是一件很遗憾的事呢！但生活还要继续，我们还是要向前看，所有过往，皆为序章，让过去的遗憾铸就未来更大的动力吧！
+
+### 小结
+
+**五分钟原则。**当你不想学习的时候，尝试做学习这件事五分钟，这有很大概率会使你进入状态，也有继续下去的动力。
+
+**让每天的早上有一点仪式感。**很多人早上起不来的原因很大原因是床上的手机触手可得，被窝非常暖和，不想穿衣服，不想下床，所以我的仪式感就是下床去拿手机，清晨喝一杯热水，吃早餐，读一会儿书，让自己的一天正式进入状态，而不是在床上度过你的早晨。
+
+
+### 一些痕迹
+
+汇总各种各样的材料
+
+
+![](https://files.mdnice.com/user/31817/5a1a1d99-5517-4691-a746-f0479dc6b75c.png)
+
+
+
+报名各个学校的夏令营
+
+![](https://files.mdnice.com/user/31817/42bd95dc-517e-4710-a4ac-81a42c4e0609.png)
+
+
+## 7-8月 小试牛刀
+
+
+> 莫道桑榆晚，为霞尚满天。
+
+
+在 7 月初，期末和各个学校的夏令营都挤在了一起，头疼于期末复习，焦虑于课设能否完成且做的漂亮，悔恨于之前自己不能做的更好，欣喜于各个学校的入营，困惑于各个学校的面试，也是自己拓宽视野的好机会呀，南开，北理工，中科大，华工，南软，浙软，北航，一个个好消息接踵而来😊，但终究，有些机会自己还是把握不住，有些面试与期末考试冲突了，而成绩又是关键中的关键，自然优先期末考试。面试结束之后，还是收获了不错的offer。北理工和科大hhh，还有预推免要准备，继续加油继续努力吧！与此同时期末成绩也出来了，排名还是稳住啦，非常nice！！！
+
+
+
+### 一些痕迹
+
+![](https://files.mdnice.com/user/31817/905a4b6d-373b-40b7-b9b6-58d356f0c44b.png)
+
+
+![](https://files.mdnice.com/user/31817/c4bbf2a6-6365-4bdc-81d7-2329461a1ac2.png)
+
+
+
+
+
+## 9 月  收获喜悦的一个月
+
+
+> 春风得意马蹄疾，一日看尽长安花。
+
+这个月，可以说是今年对我最重要的一个月，各个学校的预推免集中在这一个月，而最终的成果将于 9 月 28 日揭晓。
+
+准备资料报名各个学校的预推免，等待各个学校的初筛结果，进行面试。然而疫情爆发让本就焦虑不堪的孩子雪上加霜，每天醒来第一件事基本就是做核酸，有段时间早上 6 点起来就要排队了，疫情防控导致外卖进不来，食堂的菜品极其有限，加上嘴里长了口腔溃疡，那段时间可谓是醉生梦死。
+
+
+记得 9.25 号那天先后经历了三场面试，也是我所有面试的最后一天，面试后也是感概，”希望最后有个好的结果！“，所有努力已就位，希望开礼包开个好点的😄。
+
+然而还是见识到了🤡高校和学生互海的画面，北理工发出了优营不保证录取（虽然最后还是能够录取我），中科大那边跟我说名额可能不给我了，一瞬间从山顶到山谷也不过如此吧，然而还是有很多好消息，如浙软 AI 我有很大概率能去（最后也是真的能去），中大我能去计算机学院和软件学院，综合考虑加上家人的建议，去了某鸭大！那天真的很开心！
+
+
+
+虽然算小跨，但因为导师是计院导师，加本科科班，加专硕变学硕，所以我觉得还是小赚，哈哈哈！
+
+![](https://files.mdnice.com/user/31817/a9f0461a-34e3-4e49-a207-3ac9185d57b4.png)
+
+
+
+
+给保研 er 的一些小 TIPS:
+
+- 四六级都要过，六级尽可能刷高分
+- 竞赛推荐数模（好拿奖），蓝桥杯 CSP PAT（浙大喜欢哦）等锻炼算法能力的也可以
+- 尽可能多做项目发 paper，由于现在导师更喜欢有项目有论文的同学，大家尽可能在大二进入实验室，跟本科老师做一些项目，cv 和 nlp 是现在大热的方向，也比较好发论文。
+- 在大三上那个寒假就要准备保研相关的材料，如简历，各种奖项，并有序的复习相关408知识点，英语口语也要尽早准备。
+- 算法能力很重要，很多学校都有机试，而且占比不小。
+
+
+## 10-12月 沉淀自己，寻找方向
+
+
+> 博学之，审问之，慎思之，明辨之，笃行之。
+
+在保研之后，可能是大学期间最放松，最惬意的一段时光，可以放肆的玩，随心所欲的做自己想做的事，在愉悦的玩耍过后，转而来之的是内心的空虚，这可能是人的天性吧，玩久了就想找点事做了，学久了就想好好玩玩🐟。
+
+这段时间我就开始想着以后究竟想干什么，走开发，前端还是算法岗，在我还不明确之前，我想都试试，由于大学期间主要使用的编程语言是 python（AI 相关），对 java 的认知不够（转专业来的没选 java 课程），看了皮总的 java 的学习路线，打算认真学习一番，并在开学或者暑期找一份实习看看自己究竟适不适合这个方向，目前已经学习了 javase，javaweb，ssm，springboot，并在学习瑞吉外卖项目🥡，打算在寒假把相应知识框架搭建起来，同时还要进行前端和 nlp 方向的学习（毕设方向同时也是为算法岗做准备），希望这样的选择是正确的吧，好好沉淀自己，然后厚积薄发呀~~
+
+
+## 总结与未来期望
+
+> 种树的最好的时光是十年前，其次是现在。
+
+
+上述便是对我去年的回顾，希望今年能少一分遗憾，多一分收获，为大学四年生涯画上圆满的句号，为研究生生涯拉开一个美妙的序幕。
+
+今年期望💕：
+
+- CSP突破300（可望不可及）
+- leetcode刷 200 题
+- 刷完acwing算法提高课
+- 有一份实习
+- 拿到十佳大学生
+- java 学习路线初步完结+多做项目
+
+最后，感谢[编程导航星球知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们互相分享知识，相互鼓励！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\347\232\204\347\233\256\346\240\207\345\256\214\346\210\220\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\347\232\204\347\233\256\346\240\207\345\256\214\346\210\220\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..7c26b9d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\210\221\347\232\204\347\233\256\346\240\207\345\256\214\346\210\220\344\272\206\357\274\201.md"
@@ -0,0 +1,185 @@
+大家好，今天分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)内阿晨同学的年终总结。
+> 星球原文链接：https://t.zsxq.com/0a4iB6SxO
+
+展信舒颜, 见字如面(打的字也算吗[狗头])
+
+前几天看到一个up主记录了十年的编程生涯,然后再回头来看仿佛是当年的自己给十年后的写的一封信, 感觉很有意思也很有意义, 学习一下(所以才有上面那行哈哈哈)
+
+
+兜兜转转又是一年，仿佛过去了很久，但也仿佛就在昨天，就结果和收获来说，嗯，是进步很大的一年。
+
+沿着时间节点分类叙述吧。
+
+
+## 【项目篇】
+
+
+
+
+根据 wakaTime 的统计，其实有 79 个项目，当然包括了很多跟着课程敲的项目、一些纯粹用来记笔记的项目以及一些接单的项目。
+
+
+
+年初，托廖老师的福，承接下本科评估系统的项目。一月的技术还停留在 jquery 和 Layui （感觉已经是好久远的框架，天哪），不过托项目的福，这个寒假没有划水！虽然可能水平一般，代码也不规范，甚至是用 excel 做的数据持久化，现在想想也是奇葩，但依然是积累了很多经验。特别是可视化，echarts 是这个项目中为数不多的难点和亮点，echart 的使用和配置在这个项目中得到了很大的锻炼。
+
+
+
+三月份开学，才发现竟然是三月份才学的 Vue，怎么感觉学好久了😂。鉴于系统提交时间还比较充裕，当时也是很刚的直接跟老师提出重构的想法。得到老师的同意之后也是顺顺利利的开始重构，算是给 Vue 实战又涨了一截经验。
+
+
+
+五月初，诞生了今年第一个无限延期的项目哈哈哈，其实一开始只是想记账，但市场上并没有一个很满意的 app，于是就想着自己搞一个，写着写着发现反正都是记录，要不把编程时长也给记录一下。然后经过几天的开发，勉强的增删改查倒是实现了，还有一两个简单的图表，也完成了编程时长数据的持久化（数据源是 wakaTime），上面的编程时长图就是这个项目的一部分，然后就止步于此了，直到后面的十月份才有继续这个项目，造成这一切的罪魁祸首就是接下来的选课系统，。
+
+
+
+早在去年，老师就有提过这个选课系统，当时想着手上还有个廖老师的项目，而且经费也不多，就给拒了。没想到，兜兜转转，这老师又找了另一个老师，扯了一些理由，然后就迷迷糊糊的接下了这个项目。初版其实在三四月份就完成了， 然而六月份就是学校的选课时间，领导开始急了，然后跟着来的就是一长条的需求，呵呵呵（跟经费完全不正比例的需求量...)。但是跟我直接对接的老师是个关系很好的老师，而且反正是全校同学陪着我做测试，就硬是开发下去了。一直持续到七月初，本学期选课结束，这个系统才算告一段落，期间不止加了一两次需求，真的是钱少事多。不过全校陪我做测试的经历还是很刺激的。
+
+
+![](https://files.mdnice.com/user/31817/5b323dc7-037d-4b7b-ba76-f86495fb569d.png)
+
+
+后面开始七月份开始实习就没什么时间做项目了，期间学习 uni-app 倒是有个半成品，但不值一提就是了
+
+
+
+直到十月份，联系上了初中同学，搞 java 后端的，就说着要不把五月份的项目给搞了，结果花了一两天做好了项目的基本需求和规划，然后依然是没有然后，进度十分缓慢，十月份完成表设计，十一月做了个登录功能，然后因为一些原因就又无限延期了
+
+
+
+然后一直到年底也就都没有什么自己的新项目了。
+
+
+
+
+
+## 【算法篇】
+
+
+看了一下 Leetcode 的记录，2021 年只有 11 次提交，那确实是 22 年才开始的刷题之路。不管怎么说，还是要感谢蓝桥杯，年初可以那么积极的刷题，蓝桥杯功不可没。也是在年初，通过 Leetcode 了解到了《代码随想录》，加入到了《代码随想录》的星球，然后在星球闲逛的时候看到了鱼皮的 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，也就又加入了。扯远了，当时应该是一天三道题的速度在刷，其实还蛮轻松的，但时间线拉长，近四个月的积累随想录的一刷也差不多了（回溯没有刷）。不过也是这四个月的积累，在后面蓝桥杯中取得的不错的成绩。
+
+五六月的空白期纯粹是选课系统把我的时间压榨的一干二净，简直裂开。
+
+![](https://files.mdnice.com/user/31817/ce17a260-04ef-4533-beb9-9ca0c437dc91.png)
+
+
+
+七八月又开始断断续续刷了起来，是为了准备秋招，但到了正式秋招的时候反倒是停下来没刷了，那段时间还挺摆的。
+
+
+十一月份，学校组织新一届蓝桥杯的校赛，老师托我带带学弟学妹，于是拉了个群，搞了个打卡活动，一天两道题的强度，聊胜于无就是了。然后也就跟着他们打了一个月的卡，算是随想录的二刷。后面十一月末校赛结束，打卡活动结束，我也跟着结束了💦
+
+
+
+十二月份企图挣扎， 后面月中的时候阳了，直接就到年后了。
+
+
+虽然断断续续，但终究是有一定程度的积累的，在秋招笔试中基本可以达到2.78(三道题)的样子。23 年继续保持刷题吧，还能参加一届蓝桥杯，还能蹭学校最后一波奖金。
+
+
+
+## 【笔记app】
+
+
+时间线：格志 -> flomo -> notion -> 语雀
+
+今年体验了好多款笔记 app，其实最早用的是格志，也蛮不错的，但可惜只有手机端，我还是更喜欢在 PC 端码字和记录。所以它没能在我手机里撑过 21 年。
+然后就是 Flomo 了，特意去翻一下记录，最早是在 1 月 23 日。其实我也不太记得是怎么发现这个 app 的。Flomo 其实非常适合记录自己的一些碎碎念，它十分的简约，没有复杂的编辑器，适合快速简短的记录，纯文本+一些图片的记录。我对 Flomo 还是持有很大的好感的，只是实在是不适合一些编程笔记的记录，于是后面终究还是淘汰掉了。现在翻了下年初的碎碎念，还挺有感触的，后续可能会重拾回来并用。
+
+notion，体验最短的一个 app。应该是在三四月份接触到的，虽然它的拓展性很强，但不知道为啥，用起来就是有点水土不服。再加上当时语雀横空出世，直接就抛弃 notion 了。
+
+
+语雀，今年最常用的笔记 app。了解到这个 app 的契机还是那波送会员的活动，还记得整个星球的帖子都是邀请链接的盛况😂。不得不说，语雀的功能还是蛮契合我的需求的，比较简单明了的交互，比较丰富的编辑器再加上白嫖几年的会员，确实暂时没有换 app 的理由。虽然好像越更新越卡的了样子，但还在接受范围之内。但不得不说，是语雀帮我培养起了记录和输出的习惯，准确的说，是星球的打卡活动+语雀优良的 UI 样式成功的让我在一年内输出 12w 字，拥有了随时翻看回忆的介质。严格来说，没有星球和语雀，也不会有这一篇年终总结，回忆时可能也是一片模糊。感谢！
+
+
+
+
+## 【实习篇】
+
+
+总计： 提交次数 414 次，解决 bug 数 127
+
+这个可就大头了，占据 22 年一半时间的篇章，一切还要从那场面试说起。其实说起来还挺梦幻的，12 分钟的面试，5 分钟出结果😂。好像就十来个问题，不过后来了解到是因为有跟学校合作项目的经历，导师说这个满加分的。
+
+![](https://files.mdnice.com/user/31817/098ca827-172d-4c95-9d13-5a5beeaf0944.png)
+
+
+七月四号，带着一丝紧张和期待来到了咪咕报道，没有什么值得特别提起的记忆，就是正常的交接。一开始肯定是先拉项目，看代码，但说实话一开始还是很懵逼的，不知道从何看起，项目的技术栈式 uni-app，就蛮看了一下官方文档。第三天就已经开始分配一些简单的需求了，一些修改样式的简单 bug。前两周简直就是我的实习美梦， 基本没有需求或者是简单需求，我还信誓旦旦地和学弟学妹说，“实习很爽，我天天带薪学习”。我以为是美梦的开始，却没想到是结束。
+
+
+
+自从埋点的需求开始，就没怎么闲下来过了，埋点需要跟推荐算法部门的同事一直联调，埋点对电商系统的重要程度不言而喻，当时慌的一批，差点就绷不住了，不过熟悉代码之后其实也就还好了，基本是一些优化而已。
+
+
+再后来八月中旬，来了个新同事做H5的，我就调到了后台项目。第一次体验到了加班，不止工作日加班，周末也加班，看那编程时间表，八月份到九月份，一整片的橙色，根本就没有时间去搞其他的项目，比选课系统还可怕。当然，与之相对应的，业务和技术都有了很大程度的提升。虽然后台很多地方都是 CV 大法，但依然还是学到了很多，诸如 pug，ant-design-vue 等的新知识。不过最有成就感的还得是一个设置价格的需求，那复杂的交互逻辑，在成功实现的那一刻，难以言喻的开心哈哈哈（也是编程的魅力所在吧）。也是这个需求的成功表现，得到了导师和产品的一些认可。
+
+
+再后来就比较常规了，但不是说不忙了，应该说是那种日复一日的感觉，已经逐渐习惯这种起床-上班-下班-休息-睡觉的生活了。其实这段时间状态还蛮低迷的，在学习方面。下班之后根本就提不起干劲学习。
+
+
+直到在十二月份才逐渐好转，因为要结束实习了，核心任务基本不会安排到我头上，才开始继续有带薪学习的机会。
+
+
+1 月 11 日下午提交完所有材料，也算是真正结束（12 月工资还没发！）人生中的第一份实习了。虽然说很忙，但完全可以理解，都是码农，哪个敲代码的没加过班呢。倒不如说很幸运，导师都很好，跟UI、产品、服务端沟通也比较顺利。作为第一份实习，已经十分满意了。感谢相遇，商城前端 yyds，江湖有缘再见！
+
+
+
+
+## 【健身篇】
+
+
+其实这个篇章也是大可不必，蛮写一下吧。主要是纪念封校期间，六号楼的男同志们的楼道健身岁月哈哈哈。
+
+
+年初，得益于一天 100 个俯卧撑，寒假结束时 21 年的瘦下来的身材没有得以反弹。
+
+
+
+三月份，疫情又爆发，开始封校，天天卧床上敲代码，体重开始飙升💦
+
+
+四月末，学校是解封了，健身房却还是去不了。在不知道怎么组织起来的情况下，大家就突然在楼道锻炼起来了，几个宿舍合起来，器材倒也齐全。也是在这段时间学会跳绳，从一开始的一天 500 个，到后面一天 5000 个，还是有点子厉害的。但是，当时不懂得保护，5000 个对于膝盖来说负担还是太大了，最终锻炼时间也定格在了 19 天，以膝盖酸疼遗憾结束。
+
+
+
+再后来九月份的时候，白嫖了一个 apple watch（老爹酒会抽中的）。得益于对 watch 的新鲜感，九月份的运动圆环基本都能合上，也是因此才体验到公司的健身房和泊寓的健身房服务，但越到后面就越惨不忍睹。
+
+
+十二月份阳了之后，心肌炎传的沸沸扬扬，更加不想跟不敢蹦蹦跳跳了。先养好身子再说吧，锻炼还是要保持锻炼的。加油，身体是革命的本钱。
+
+
+
+
+## 【小结和展望】
+
+### flag回顾
+翻了一下年初刚加入 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)时立下的目标，蓝桥杯国三，咪咕动漫实习，背靠中国移动，应该算是中厂吧。幸不辱命，如愿完成了立下的 flag。比较遗憾的是秋招没有做过多的尝试，可能是因为当时安于现状和害怕失败的心态吧。过去就过去了，春招多多努力吧。 
+
+### 身份转变
+22 年是蛮特殊的一年，对我而言。从学生到打工人，身份的转变恰好的把今年分成两半。相对于上半年，我其实还是比较满意的，立下的 flag 基本都能按时拔掉，无论是算法，还是技术层面都有比较大的提升。至于下半年，说不上失望，但技术方面更多是沉淀和业务方面的提升，技术路线上的进度确确实实是几乎停滞了。
+
+这是打工人的无奈，亲身体验时才懂工作后保持学习的难度，工作一天后下班保持继续学习真的很有难度，也是对下半年逝去的划水时间致以不甘和懊悔。 
+### 持续记录和输出
+在 22 年之前，我基本没有输出的习惯，但我现在对于持续记录和输出保持很高的热情。
+
+暂且不说是为了提高效率，我觉得仅仅是作为回忆的介质，记录和输出就已经有了足够的意义。
+记录和输出，特别是在总结时，有种跟自己对话的感觉，对于调整方向和心态有特别大的作用。 23 年，也要持续记录。 
+ 
+### 阅读
+自从八月份买了红宝书，对实体书就有了一种特殊的感觉，虽然进度比较堪忧，4 个月才看了两百多页。不过看实体书真的比较有感觉，23 年希望能培养起阅读的习惯，不仅限于工具书。 
+
+### 未来
+咪咕的实习已经结束于一月一号，春招会向一线城市出发，祝好运。无论如何也应该去尝试，至少有努力过，不留遗憾。 
+
+### 致谢
+要感谢的人太多了，学校的老师，工作室的伙伴，公司的导师， [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的球友们还有最最重要的一路尊重，支持我的老爸老妈，郑重致谢！一路走来，多亏了你们。（突然严肃是怎么回事），要学会感恩就是了。 
+
+至此，2022 正式谢幕，碎碎念也能念这么多？！言尽于此，2023 继续加油吧！
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\230\245\346\213\233\344\270\212\345\262\270\345\225\246\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\230\245\346\213\233\344\270\212\345\262\270\345\225\246\357\274\201.md"
new file mode 100644
index 0000000..69b9c3e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\346\230\245\346\213\233\344\270\212\345\262\270\345\225\246\357\274\201.md"
@@ -0,0 +1,154 @@
+# 春招上岸啦！
+
+大家好，我是鱼皮，最近我的 **知识星球** 中有一些小伙伴找到工作啦。其中有一位同学是 2 月就加入了我的星球，并且加入后每天都坚持在星球中记录分享自己的学习进度，因此我对他的印象比较深刻，也是功夫不负有心人，他在前几天成功上岸并找我来报喜：
+
+![](https://www.codefather.cn/img/image-20220417182454140.png)
+
+在我的邀请下，这位同学也非常乐意分享自己学习编程以及这段时间求职的心路历程，征得本人同意后，也分享给大家，帮助大家得到一些经验的同时，再加加油打打气！
+
+以下为这位同学的分享：
+
+
+
+## 我的春招上岸之路
+
+伴随着四月的到来，我也终于下定决心签署三方，这也代表着我的春招生涯告一段落了。
+
+现在回首望去，对自己这段经历的概括，有奋斗，也有迷茫；有不甘，却又伴随着一丝解脱与释然。
+
+时至今日，当我落笔书写总结自己经历之时，我依旧不知道自己的求职到底是成功，抑或是失败。
+
+### 迷茫
+
+本人是 22 届双非本科，在大一大二的时候也曾想过自己临近毕业的时候该怎么办，到底是考研考公还是步入职场晋升打工人。但由于自身这方面的意识还不明确，然后在学校担任的职务以及需要处理的事务也比较多（虽然大多数都是没有很大意义的事），在当时都是思索一会儿没得到结果于是便将其抛之脑后。
+
+步入大三的时候我下定决心考研，于是便开始学习考研相关知识。我当时也有点初生牛犊不怕虎，一开始就准备三跨（同时跨专业，跨地区，跨学校）。但在大三上学期结束时，在学习了近半年新的专业知识之后，我动摇了。其中既有个人学习原因也有家庭原因，于是在过完年后，我改变了自己的方向，决定直接去找工作。
+
+### 选择
+
+虽然选择了就业，但当时迎面摆在我面前的就是一座大山 —— 方向选择。我个人的各类专业知识都近乎零基础，虽然我知道 Java、知道前端、知道 C 语言、知道 C++、知道 Python 等等，但也仅限于知道而已。是的，你没看错，我只知道有这么些个方向，但根本就不知道他们是干啥的。你要是问我学校没教过嘛，说来惭愧，在下正是考试前两周临时抱佛脚的那类人，大学相当于没学专业知识。
+
+> 鱼皮：学校教的编程语言只能作为一个基础的入门，想要提升编程能力还是得靠自己多写代码。
+
+不过没办法，自己 “作的孽”，自己担着。不知道走什么方向，那就去问同学、去查资料，最后通过同学的推荐以及自己查阅资料之后的综合考虑，选择了 Java 方向。既然零基础，那就从零学起。我是在 21 年 4 月份中旬开始接触并且学习 JavaSE 部分的相关知识，而且还是三天打鱼两天晒网，于是 SE 部分一学就是一个多月，到 6 月份才结束了 SE 部分知识的学习。
+
+就在这时，我得知了班上已经有同学开始准备秋招面试了！我瞬间就慌了。
+
+![](https://www.codefather.cn/img/image-20220417180302246.png)
+
+虽然我不知道他们能面试的同学是啥水平。但我至少知道就我这水平过去就是白给（我当时甚至都不知道我这水平简历都写不了）。于是出于对毕业就失业的恐惧，我开始的我的奋斗之旅。
+
+### 奋进
+
+其实奋斗的过程没什么好说的，学习路线就在哪里，全网都有，鱼皮给的也很全，找到教程，一步步照着学就行了。可能唯一值得一提的就是当时的平均起床时间是八点，而平均睡觉时间是一点，中间除了生活必需，其他的时间都用来学习了（我们当时基本上课比较少了，我胆子也比较大，有课的话课堂上也照样学）。
+
+就这样忙忙碌碌的学到了八月底，中后期基本的东西都掌握了之后也花了很多时间去做了两个项目。一是为了巩固自己的知识以及了解项目当中可能会遇到的问题，二也是为了让自己的简历有一些可以写上去的东西。
+
+然后九月份便开始了自己的面试之旅，我当时完全不敢投中厂，更别说大厂了，只敢也只能上 Boss、拉勾去找一些迷你厂投简历，面的大都是实习岗，部分公司如下：
+
+1. 翅风信息：这是我第一次正式面试的公司，公司的面试方式还是微信视频，然后我就以为大多数公司面试都是微信视频了…… 和面试官聊的倒是还不错，但当面试官询问我意向工资时，我说实习 7k。当时面试官听闻后的表情跟神态给我留下了极其深刻的印象。。。
+2. 一个老牌金融互联网公司，也是我最后选择去实习的公司，一面技术面，一面 HR 面就结束了。
+3. 红棉小冰：微软旗下的人工智能小冰工作室独立出来之后形成的公司，这是我在十月中旬秋招快结束的时候面试的，个人感觉面试官的态度非常好，是我秋招面试体验最好的公司了，然后感谢信来得也很快，上午十点面的，下午两点感谢信就来了……
+4. 还有十几个其他小公司，就不一一列举了。
+
+
+
+当时秋招结束后我手上只有两个实习的offer，都是名不见经传的小公司，我选择了去相对而言更大的公司（就是上述第 2 家）进行实习，然后十月底便一个人孤零零的前往了上海。
+
+
+
+### 实习期间
+
+如果用一个词来概括我的实习经历的话，我觉得是 `迷茫` 。
+
+实习公司是属于金融互联网类型的公司，技术要求相对而言比较低，但业务及其繁琐。我所在的项目组中的绝大部分内容是从七八年前流转至今的。我个人学习的框架就是主流的 Spring 全家桶，然而项目组使用的框架是一套比 SSH 还要古老的框架。我还要学习 C# 相关知识，因为前台开发用的 C#，而前台后台都是个人负责，你自己对接的前台就是你自己。技术方面拉跨，业务方面繁琐，而职场方面，感觉也存在着一定的 xxx。
+
+在那段时间我不止一次的怀疑自己是否真的适合干这一行。
+
+最后在一月份选择了裸辞，但如果它给的工资能再高点，说不定我就留下转正了，毕竟那时候已经快对自己失去信心了。。。
+
+
+
+### 怀疑
+
+一月中上旬离职之后沉沦了一段时间，每天只想躺平、摆烂，一边不想努力，一边又怕自己找不到工作了，又一边跟自己说现在秋招补录，没多少公司开了，假惺惺的让自己安心摆烂。
+
+过年吃年夜饭我爸妈问我打算怎么办，我笑着说自己辞职是因为感觉自己的能力完全可以找到工资更高、待遇更好的公司。可惜我自己当时都不相信。
+
+过完年之后就自己一个人闷在房间里学，看面经，写项目，刷算法，就这几件事不断循环的做。
+
+有时候空闲时间会刷 B 站视频，跟群友聊天，在得知不少同学跟我的状况差不太多的时候，我的焦虑得到了极大的缓解。
+
+
+
+### 激励
+
+二月初的时候我就知道了鱼皮的知识星球，当时就心动了，因为我个人很想找个编程相关赛道的讨论平台。学习技术也好、分享心得也罢、一起进步也可，我觉得对我的帮助都会是非常大的。
+
+于是在二月底选择了加入星球，当时在星球中给自己定的目标是春招拿到 12k 就满足了。
+
+![在星球的自我介绍](https://www.codefather.cn/img/image-20220417181208871.png)
+
+在星球中，我看到了很多大佬，也有不少跟我一样较为普通的同学。
+
+于是我就一边看面经，一边看星球大佬们分享的技术和经验，一边跟大家一起打卡用于督促自己学习，一边开启了自己的春招之旅。
+
+春招之初我想的是投递一些小公司，然后想到如果投递的公司又是像老东家一样的，我该咋办，如果最后没地方去了，老东家那种公司我是去还是不去呢？于是便把目标稍微定高了一点。
+
+春招投递的公司有博卡、契约锁、群硕这种没听过名字的微小企业，也有华勤、海康、蔚来、商汤、步步高、用友这种，还有 360、小红书、美团这种，因为当时想的是校招就这一次最后的机会了，以后投就是社招了，不管自己够不够格，高低先投了再说，能面最好了，不能面我也不吃亏。
+
+现在回头一看，多多少少也投了 **几十上百家** ，笔试面试的也有二三十家！
+
+在三月底的时候还有好几家公司的状态是一直泡在池子里。最后四月份下定决心不理会把我泡池子的公司了，和已经收到 offer 的公司签订了三方。虽然薪资在现在的我看来还不是非常的满意，有一定的不甘，但终究是从这长长的貌似看不到尽头的求职路中解脱出来了。
+
+最后附上一些个人经验，我个人将应届生求职分为以下几个阶段：
+
+1. 大三下学期的暑期实习生招聘：对应的就是 23 届的同学们的 3 - 5 月，实习生招聘相对而言难度不会很高，对于很多有一些实力的同学来说是进大厂的非常好的机会。
+2. 大三到大四的秋招提前批：提前批的话大概在每年的 7 月份陆续开启，很多大厂都会有提前批，相对正式批而言hc更多，当然，能跟你一起竞争提前批的很多都是大佬，所以面试难度未知。
+3. 大四初的秋招：说是说金九银十，但根据我以及我身边的朋友的看法，现在基本上变成金八银九了，到了十月份还在招聘的公司就已经开始比较少了。
+4. 秋招补录：十月份之后基本上就算是秋招补录了，很多公司秋招发出去的 offer 被拒了，或者秋招没有招满人，就会开启秋招补录，秋补相对秋招而言难度可能有所降低，但是 hc 相对而言少了一大截。
+5. 春招：一般是在年后开启，二月到四月差不多都属于春招的范围，春招的难度在我这里是排第一的，hc 少，竞争却一点都不少，而且部分互联网公司会在年后选择裁员，裁员释放出来的公司员工、考研考公失利的同学、国外留学回来的同学、秋招失利或者对工作不满意重新准备春招的同学，都是竞争对手。
+
+建议大家一开始就根据自己的能力大概定好目标，感觉自己有中厂的水平目标就定为大厂，感觉自己水平还有待提高就目标定位中厂，很多公司的难度其实并不会那么恐怖，《孙子兵法》也有云：“求其上，得其中；求其中，得其下；求其下，必败”。
+
+最后祝大家正在或者准备求职的都能收获理想的 offer！
+
+
+
+---
+
+
+
+回顾这位同学的经历，其实他相对于大多数同学来说，产生求职找工作的意识并不早。但所谓知 “耻” 而后勇，这位同学将身边同龄人的压力转为自己前进的动力、通过给自己定制略高一筹的目标进一步激励自己前行，并且主动寻求资源与方法，再加上坚持学习、把握机会（甚至为了实习机会来到了另一个城市），才帮助他顺利上岸。
+
+星球里的朋友们看了这位同学的分享，也是感触颇多：
+
+![](https://www.codefather.cn/img/image-20220417184343363.png)
+
+还有同学问了这位小伙伴一个经典问题：Java 学完哪些部分可以找工作？
+
+![](https://www.codefather.cn/img/image-20220417184301787.png)
+
+正如这位同学的回答，其实对 Java 方向来说，学完企业级开发框架 SpringBoot、SSM 就可以去找工作了，只不过能找到什么样的工作，取决于自己的经验、技术掌握程度、经历、是否会更多技术等等。
+
+通过这位同学之前在星球的打卡，也能追溯他的学习过程，一直在坚持、也很认真：
+
+![](https://www.codefather.cn/img/image-20220417184611451.png)
+
+想要学好编程、找到好工作，真的是需要意识、决心、计划、行动力这四点。从这位同学的分享中也能看出来，这四点他都做到了，所以他成功了。那么阅读这篇文章的同学，大家能做到这些点么？
+
+如果你还没有编程学习 / 求职的意识、比较迷茫，不知道自己做什么方向，可以加入星球，和鱼皮等 40 多名大厂嘉宾以及几万名编程爱好者交流，或者看下其他同学的经历分享，从而帮助你确定方向；如果你不知道自己下一步应该做什么、学什么，星球里也有学习指引和教程，可以让你顺着一条路线走下去；如果你缺乏行动力，坚持不下来，那么星球绝对是最适合你的学习圈子，这里的同学都卷的一批，从五年级到研究生再到工作党，大家都很努力上进，一定能感染到你~
+
+OK，如果大家感兴趣的话，欢迎加入鱼皮的知识星球，和近万名小伙伴们一起交流学习，除了上面提到的那些外，加入星球还能跟着鱼皮直播做项目提升编程能力（往期直播可回看）、领取海量优质编程资源等等。
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\347\247\213\346\213\233\344\270\212\345\262\270\351\230\277\351\207\214\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\347\247\213\346\213\233\344\270\212\345\262\270\351\230\277\351\207\214\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200\357\274\201.md"
new file mode 100644
index 0000000..964211d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\347\247\213\346\213\233\344\270\212\345\262\270\351\230\277\351\207\214\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\347\247\230\350\257\200\357\274\201.md"
@@ -0,0 +1,82 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的 CP3 同学的自我介绍：
+
+> 星球原文链接：https://t.zsxq.com/0a1hf3XLj
+
+大家好，我是 CP3，23 届的 C9 硕士毕业生，秋招签约阿里巴巴的前端开发。
+
+![](https://files.mdnice.com/user/31817/7274904c-09ed-48fb-ab23-afbe0fd74205.png)
+
+
+虽然秋招结束，但还是想在以后的日子里与星球里的兄弟姐妹共同学习！共同进步！
+
+## 基本情况：
+
+1. 硕士：西北 C2
+
+2. 本科：南京中上 211
+
+3. 专业：本硕自动化
+
+4. 荣誉：硕士特等奖学金，优秀学生。本科多次学业优秀奖学金、社会工作奖学金
+
+5. 秋招 offer：互联网大厂——阿里巴巴、美团；互联网其他——用友，最右；金融——广发证券、兴业证券、南京银行；国企——天翼云
+
+ 
+
+## 一些分享：
+
+相信兄弟姐妹们也对 23 届的秋招地狱有过了解，而作为亲身经历者，将从以下两点给大家做一个简短的分享吧。
+
+### 一、为什么选择前端开发？
+
+答：这个问题几乎每个公司面试都会问到，面试官也想知道在学历和自身条件还不错的情况下为什么会选择前端开发。
+
+自动化读研无非就是三个方向，自动驾驶、深度学习、开发。
+
+在我没进硕士之前，我一直对自动驾驶很有兴趣，自己在大四暑假也学习了 SLAM 相关的知识，但是进入硕士之后才发现，导师允诺的资源都没有，并且只有院士团队才能上实车测试，所以这条路很快就放弃了。
+
+
+![](https://files.mdnice.com/user/31817/c3368f54-0a2c-4297-bad8-b71fae402c95.png)
+
+
+对于深度学习，我是通过导师项目接触过一段时间，做的 CV 中图像检测、跟踪相关的东西。我个人认为在导师没有资源发顶会的情况下，依靠算法找工作可能难度过大，并且不认为自己能够做出啥成果，更多是调参侠的工作，因此这条路也果断放弃了。
+
+开发就分为前端开发、后端开发。我首先接触的就是前端开发，并且就一直坚持下来了。因为前端是跟用户交互的部分，并且自己写的东西立马会直观的呈现出来，因此很有兴趣。
+
+
+![](https://files.mdnice.com/user/31817/dbb8ea80-319d-4558-b18a-c8a63cc32fd7.png)
+
+
+在学习的过程中，也有异样的声音，也有过怀疑，很多人都说算法 > 后端 > 前端，整个实验室就我一个人选择前端开发择业，其他都是 Java 或者 C++，可想而知当时我的心理压力。但是我是一个比较有主见的人，我也分析过各个方向的难度，综合个人兴趣我还是坚持下来了，后面证明我的选择是对的。
+
+ 
+
+### 二、选择前端开发结果如何？
+
+答：先说结果，在 2023 这个困难至极的找工作环境下，我选择前端开发是非常明智的。
+
+我个人阿里巴巴、美团、用友，最右、广发证券、兴业证券、南京银行、天翼云等十几家公司offer，其中不乏ssp、sp。
+
+C9 硕士实验室（很多双9）的后端开发几乎可以说是全军覆没，以前保底的华子也不保底了，很多人去了比亚迪，这在以前难以想象。去互联网大厂几乎没有，中厂屈指可数。甚至连邮储、农行这些银行的竞争都尤为激烈，把一个双C9的简历都给挂了。
+
+
+![](https://files.mdnice.com/user/31817/aaf022e5-58c7-46fd-a4bc-8f93f2df42db.png)
+
+
+希望各位兄弟姐妹们在择业的时候，依托于自身兴趣，并且适当降低需求，有些自己的判断，并且坚持下去，结果一定是美好的！
+
+最后感谢当初坚持选择的自己！！
+
+
+
+## 写在后面
+
+还是再次感谢能够加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，后面看看个人经历及兄弟姐妹们的热情，我可能会整理一些面经、自身的学习路程在星球里跟大家做分享！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\347\232\204\346\210\221\357\274\214\344\271\237\350\277\233\344\272\206\345\244\247\345\216\202\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\347\232\204\346\210\221\357\274\214\344\271\237\350\277\233\344\272\206\345\244\247\345\216\202\357\274\201.md"
new file mode 100644
index 0000000..8dec9ce
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\347\232\204\346\210\221\357\274\214\344\271\237\350\277\233\344\272\206\345\244\247\345\216\202\357\274\201.md"
@@ -0,0 +1,83 @@
+今天分享的是[编程导航星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)的鹿岛同学的个人介绍：
+
+> 星球原文链接：https://t.zsxq.com/0a59cCAoG
+
+大家好，我是鹿岛，南京某 985 的 23 届硕士毕业生，现在已经签约了蚂蚁的 Java 研发工程师。
+
+
+## 个人经历：
+
+作为茫茫非科班转码的一员，遇上了互联网的寒冬，属实是 debuff 叠满了，但是过去这一年里，我也通过自己的努力加上一些运气成功在秋招拿到了一些大厂和中厂的 offer。
+
+希望可以将自己的经历和经验分享给[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)里求职中或者即将求职的同学，也跟大家一起学习，共同进步。
+
+我的本科和研究生专业跟计算机可以说一点关系都没有，我本科的时候辅修了计算机，但是由于考研并没有修完所有课程，这也是我比较遗憾的一件事。考研的时候主要是没想到研究生的研究方向那么偏材料哈哈哈哈，于是就在挣扎和纠结中做出了选择，一方面是兴趣，另一方面是生存嘛，就踏上了程序员的道路。
+
+
+![](https://files.mdnice.com/user/31817/d9f6338b-009c-4335-959a-b54805653c4d.png)
+
+
+研一的时候和两个同学组队参加了全国研究生数学建模竞赛，完全没有大赛经验的我和同学，也凭着我们的努力和熬夜拿到了三等奖，虽然只是三等奖，但是这给我后面的求职打下了很好的基础。因为当时上一届师兄大多是转 Java 后端，于是耳濡目染之下我也学习了 Java。
+
+首先是在 B站 看动力节点之类培训机构的视频，从头往后基本都刷了一遍，也做了很多学习笔记，最难的还是在这个过程中还要不断推进本专业的科研。
+
+## 感悟1
+这里我的感悟就是非科班的同学一定要自己提前把本专业的科研进度多推进一点，可以不急着告诉导师（避免导师不断加工作量）。
+
+我在研二的寒假做了一个烂大街的博客项目，之后就开始刷题，看八股，一直到 2022 年的 2 月。当时看网上其他人的进度发现自己刷题和八股进度都相对落后，所以一直不敢投春招实习。犹犹豫豫之间就到了 3 月，当时在牛客上遇到了一个在菜鸟的同校学长，在我并没有投递简历的情况下，给我提前找了一个面试官面我，我特别感动，然后那段时间疯狂恶补八股，然鹅第一次面试总是以失败告终的。之后我做了全面的复盘，当然也没脸再投那个学长的部门了，改投了别的部门，结果阿里效率出奇的高，很快又有一个面试了，然鹅这次面试依旧是被面试官吊打。
+
+## 感悟2
+如今看来最大的感悟就是找工作永远不要犹豫，不要害怕自己没有准备好会失败，越早开始越好，找工作的过程就是一个积累成长的过程，犹豫只会让你错失更多的机会。
+
+
+![](https://files.mdnice.com/user/31817/3ffcf6d4-1a4b-4eb1-ab48-c6561e597f8e.png)
+
+之后我就跟被打通了任督二脉一样，疯狂刷题，看八股，然后投简历，大多都是杳无音信，或者直接笔试被刷，每天晚上都是很难入睡，觉得自己好菜。最低谷的时候是 5 月初，那个时候感觉找实习都快结束了，但是我仍然一个 offer 都没有，几经绝望。
+
+有一天晚上我意外发现我居然没有投递过美团，当时抱着做一下美团笔试练手的心态随手投递了美团。没想到笔试 5 道题我 A  了 4 道，没过一星期就收到了一面通知，我当时还是抱着一种 kpi 面试的心态，一面当时最后问的几个问题居然是我最开始两次面试阿里时被问到的问题，当时感觉冥冥中被眷顾了哈哈哈哈，一面就这么顺利通过了。
+
+很快又收到了二面通知，二面的强度比一面高了很多，在尾声的时候面试官意外对我的数学建模竞赛内容感兴趣，然后我就开始滔滔不绝的介绍起来，最后他可能是被我眼里清澈的愚蠢打动了吧，笑嘻嘻夸奖了几句就结束了。二面完的那个周末是最煎熬的，脑海里反复回想二面自己答的不好的地方，都感觉自己要挂了。然鹅周一的晚上，我就直接收到了美团的实习 offer。当时真的泪流满面了，自己从来没想过能进互联网大厂，感觉自己几个月来的坚持和努力终于得到了回报。
+
+## 感悟3
+
+坚持努力一定会有回报的，之前失败种下的种子，都会在以后的某一个时刻收获。
+
+![](https://files.mdnice.com/user/31817/26f74183-6308-477b-a9d2-fd264858fd33.png)
+
+
+得益于我科研进展的顺利，导师并没有为难我，6 月中旬我就坐上了前往上海的高铁。当时上海还是疫情严重肆虐的后期，就这样开启了我的实习生活。实习期间我逐渐了解了大厂的工作流程、业务架构，获得了很多实际开发的经验，那两个多月是我成长最快的一段时间，感觉接触的东西都冲击着我原有的认知。我更疯狂地刷题、看八股、做笔记，把每天工作碰到的问题，突然开窍的思路都记录下来。也开始喜欢上钻研更深层的原理，看一些类似于深入理解 jvm 的书。
+
+## 感悟4
+
+后来的秋招都让我意识到这段实习经历的重要，更高的平台意味着更多的机会，也是最快能够提升个人认知和能力的地方。
+
+美团对待实习生非常好，我也顺利在实习结束后得到了留用的通知，意味着秋招我保底会有一个 offer。回到学校后我又全力备战秋招，不得不说秋招的笔试是真的多，我估计了一下从 7 月底开始的提前批到秋招结束，我大概做了快有 60 场笔试了，然鹅很多做完了就是石沉大海。有了前面的积累，后面给面试的公司我基本上都过了，之前找实习时觉得薄弱的手撕代码也在这个过程中慢慢精进了很多。由于秋招寒气来袭，到了 10 月底才陆陆续续拿了一些意向书。久经沙场后，我在面试中越来越自信，也希望不断挑战下自己的能力，所以并没有放弃投递其他公司，一直到蚂蚁开启了秋招。后面蚂蚁给我发了 offer，我也果断接了，自此结束了我的秋招。
+
+## 感悟5
+秋招找工作是一个非常漫长的过程，除了扎实的基础和既有的履历以外，耐心和良好的心态我觉得是秋招制胜的关键。不要被各种媒体上渲染的秋招寒冬影响了个人情绪，机会总是会在不经意间出现的。
+
+
+## 加入星球的原因：
+1. 之前找工作就看了鱼皮的很多视频，非常非常的干货。感觉鱼皮是一个非常热爱编程、乐于分享的人。希望能加入鱼友的圈子，一起学习和进步。
+
+2. 今年毕业就要入职蚂蚁了，希望能够在入职前的空档期也保持学习，契机是星球的 [API 开放平台项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247534541&idx=1&sn=3dfd13bd337715418294b7301af8fc50&chksm=e9c2a03adeb5292c479cd8a5b93656fb4cf64c89d21866888ab08ff107d80d13ee36862143d5&token=6498837&lang=zh_CN#rd)，希望提升下开发能力。（谁也不想入职没多久被裁吧流泪）
+
+
+## 个人目标：
+
+短期目标：按时完成鱼皮API项目的开发。
+
+长期目标：顺利度过蚂蚁试用期，不断学习不断进步，能够有更多的成长和收获。
+
+
+最后：
+
+希望在鱼皮的[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)可以认识更多志同道合的同学，祝愿在校和即将找工作的鱼友们收获心仪的 offer，期待后续的学习和交流~
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\350\275\254\347\240\201\357\274\214\347\247\213\346\213\233\344\270\212\345\262\270\345\255\227\350\212\202\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\350\275\254\347\240\201\357\274\214\347\247\213\346\213\233\344\270\212\345\262\270\345\255\227\350\212\202\357\274\201.md"
new file mode 100644
index 0000000..a725cdf
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\344\270\212\345\262\270\345\210\206\344\272\253/\351\235\236\347\247\221\347\217\255\350\275\254\347\240\201\357\274\214\347\247\213\346\213\233\344\270\212\345\262\270\345\255\227\350\212\202\357\274\201.md"
@@ -0,0 +1,37 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的 Noisy 同学的自我介绍：
+
+> 星球原文链接：https://t.zsxq.com/0ari2Ujb4
+
+大家好，我是西安某 985 计算机硕士，预计今年毕业，秋招获得了字节，阿里云，蚂蚁等公司的 offer，权衡之下决定签下字节。很高兴加入知识星球跟大家一起学习进步，下面我分享一下自己的经历和感悟。
+
+我本科是非科班，专业是传统工科，本科期间的话也有学过一些编程相关的课程。我清楚的记得，在大一的寒假学长说下学期要学 C++，这门课对于计算机小白来说还是比较难的，于是我就打算在寒假提前学一下，当时找了一个慕课跟着学，学习过程中我就发觉自己对编程还挺感兴趣的，不但不觉得枯燥，而且还越看越有劲。
+
+![](https://files.mdnice.com/user/31817/0a01be17-ea55-44d4-9818-6036cff1bb07.png)
+
+
+下学期开学之后由于自己提前看过 C++ 的慕课，所以觉得上起课来非常轻松，最终这门课也取得了不错的成绩。这之后我对编程的印象就是我觉得我还挺喜欢的，但是当时一门心思上课，从来没想过要转行，只是自己课余时间会零散学一些编程相关的东西，比如 python 和爬虫等。
+
+直到大三的时候，因为涉及到读研和就业的问题，自己也思考了很多，同时大三也学了很多本专业的专业课，我觉得自己确实不喜欢本专业的东西，无论是继续读研还是以后工作，做自己不喜欢的事情是非常痛苦的，然后自己确实非常喜欢编程，但是因为自己专业知识非常欠缺，短时间内直接找计算机相关的工作也不现实，于是我就产生了跨专业保研的想法。幸运的是，因为自己本科成绩还算可以，最后也是顺利本校跨专业保研到了计算机。
+
+
+![](https://files.mdnice.com/user/31817/bdb61c0f-2e95-49f9-b353-8006071ce1b7.png)
+
+在研究生期间，组里做的是深度学习相关的工作，同时也有一些系统开发的工作，因此我开始是同时学习深度学习和后端开发部分的知识，后来考虑到就业问题，权衡之下觉得自己更喜欢做开发工作，于是就专心学 Java 后端，也是因为组里很多研究生师兄都是找的 Java 后端的工作，交流起来也比较方便。
+
+因为自己本科是非科班的，对于计算机知识缺乏一个系统的认识，开始学习的时候还是挺迷茫的，像无头苍蝇一样不知所措。后来自己逐渐学会了参考各个大神提供的学习路线和学习资料，这极大的提高了我的学习效率。比如学习算法的时候，我买了力扣会员看里面的 leetbook，看了代码随想录，还看了 acwing 的课程，几个月的时间刷了五百多道题，在学习 java 八股的时候，比如 jvm，我买了深入理解 java 虚拟机的书，结合尚硅谷宋红康老师的课程来看，获益匪浅。
+
+
+![](https://files.mdnice.com/user/31817/446b126e-e6ad-4700-a83a-d432b4bec253.png)
+
+
+靠着前辈们总结的学习路线和学习资料，我也是最终拿到了不错的 offer。下一步的目标就是顺利毕业了。
+
+很高兴能加入到[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，希望在这里可以多多认识志同道合的伙伴，不忘初心，继续加油！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/2022\357\274\214\346\210\221\345\255\246\344\274\232\344\272\206\350\277\231\344\272\233\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/2022\357\274\214\346\210\221\345\255\246\344\274\232\344\272\206\350\277\231\344\272\233\357\274\201.md"
new file mode 100644
index 0000000..26cb12e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/2022\357\274\214\346\210\221\345\255\246\344\274\232\344\272\206\350\277\231\344\272\233\357\274\201.md"
@@ -0,0 +1,308 @@
+本文是 [编程导航星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的阳树同学的年终总结，文采非凡，非常励志：
+
+> 星球原文链接：https://t.zsxq.com/09NgILITI
+
+2022年，经历过太多太多的故事，也发生了太多太多的事故。
+
+这一年，迷途失措且努力，未来可期却恍惚，我错失了太多的机会，幸然遇到了大家，让我们一同努力见证Cool(小陈同学)的改变，这一年我经历过比赛失利，国奖失之交臂，也遇到了求职季的滑铁卢。但有幸的是遇到了一堆可爱的球友，利用[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的资源也找到了一个泉州的IT实习生（目前是干运维）。
+
+这一年,我走了很远的路，吃了很多的苦，踩了很多的坑，才将这份年终总结交付与星球大伙。也曾有幸与球友一起分享只属于我们的“情书”
+
+
+
+## 第一节：对你，同样对自己说
+
+
+2022 这一年，半分努力，半分浑噩，忽隐忽现的理想，支撑着自己踽踽独行。几年前，他应征入伍，算不上什么好选择，也或许并没有选择的权利。北方干冷的空气，窗前停驻的麻雀，以及战友豪迈的言语曾一度让我觉得，南京或许会是我最终的归宿。
+
+在南京的第二个年头，这一年我 21 周岁，报国的赤心和热血似乎都正热时，我做出了人生的第一个计划，“退役复学”。
+
+感恩军旅生活，让我真正的热爱祖国与持续学习，在二零年上旬，新冠疫情爆发了，一个八十八线小城市的我，除了紧张的气氛外，到也没受到多大的影响，在家依旧忙碌，直到 2022 年 2 月 10 日，我记得非常清楚，写了一天前端（三件套的弱鸡）代码的我，结束了当天的笔记小结，打开了B站，悄然间随机看见了关注了好久的鱼皮居然真的开了学习圈子（[编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)），这让一个对编程说不上爱的萌新，从此爱上了 coder与 share，（一个利他的博主谁又能不爱呢？），曾经把编程视为作业的我，我发现我能用他 code 出一个全新的世界，我便一发不可收拾爱上了它（这里的它指的是编程）。
+
+
+
+### (一)身体是革命的本钱
+
+
+but「熬夜 + 不规律的作息 + 不健康的饮食」+ 「年轻」= 无事发生
+
+“年轻人”，似乎总是有一种得天独厚的优势，有精力，有体力。而这对于我这个退役选手更是easy了，这些不太好的习惯也似乎在年轻一代的大水潭中泛不出多少涟漪，凭借着这份“本钱” ，自然能更加心安理得，反正：我还年轻，我还可以熬。
+
+
+![](https://files.mdnice.com/user/31817/bf3cd8ea-b4a6-475b-aa47-9f79659a6a88.png)
+
+
+别人的 2022 从本科出发，我的 2022 确是从一段心酸史出发
+
+> 这里是我的自我介绍（自我救赎的第一步）,链接:
+https://wx.zsxq.com/dweb2/index/topic_detail/185412442284812
+
+
+
+![](https://files.mdnice.com/user/31817/1def5830-ab95-4223-8663-e23c45cfa616.png)
+
+
+
+2022 年 2 月 12 日，我发布了 2022 年星球的第一篇文章，而上一篇还停留在 2021 年的 12 月 30 日（是我的 csdn 博客）
+
+### (2) 继续战斗，也请先照顾好自己
+
+
+疫情消耗掉了大半年的时间，大学断断续续的锻炼，把熬夜换成了早起，开始按时吃早餐，解封后的日子，趁着南方冬天来的很晚，与几个战友开始了跑步的活动，这一阶段体能上确实有了很大的提升，我很享受跑步后，被风吹过的感觉（皮一下：我也曾吹过未来女朋友曾吹过的风）。
+
+说来也很神奇，每次当我没什么精神，只要去跑步，回来冲个澡就会精神百倍，所以我一般傍晚的时候有空就会去跑跑，然后就可以再晚上全身心的写代码，整理笔记（当然最后就是发到[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)上面，感受大家阅读后的“指责与指导“，哈哈哈）。
+
+运动本不应被当做一种应该做的任务，而应被看作一种休闲的方式，没必要与别人比较强度，组别，只有自己舒服就是最好的标准。
+
+所以，不管是真的热爱也罢，苦于生计也罢，即使继续战斗也请先照顾好自己。
+
+
+
+### (二) 随波逐流只会让你接近平均值
+
+
+普通人的危机感总来自他人，而想要成为一个优秀的人，危机感必须来自自身，随波逐流只会让你靠近平均值，总有一种恍惚感，懂得越多，越觉得自己像这个世界的孤儿，与同龄人格格不入，总是自负的认为他人幼稚，就像鲁迅先生说过：“人类的悲欢并不相通......”。听着他们谈论着我 “早就走过的路”，“早就见过的风光”，我也只觉得他们吵闹。
+
+
+
+可惜，我在某些时候，总是小气的，心中惰于学习，更不愿将自己的 “财富” 与他人分享，总忧虑别人以己为石，跳向远方，患得患失的一种矛盾，让自己无奈又颓靡。
+
+后来我遇到了鱼皮，我发现分享的乐趣后我便不再随波逐流，持续性努力，以下是我在星球这一年输出的笔记
+> （ps:请大佬过目,记得留赞）如下：
+
+- 大数据笔记：https://wx.zsxq.com/dweb2/index/topic_detail/814518455512152
+
+- 运维Devops笔记：https://wx.zsxq.com/dweb2/index/topic_detail/214515114115541
+
+- 低代码Lowcode笔记：https://wx.zsxq.com/dweb2/index/topic_detail/412414112228588
+
+- yarn的学习：https://wx.zsxq.com/dweb2/index/topic_detail/212212252521211
+
+- 软件设计师：https://wx.zsxq.com/dweb2/index/topic_detail/585581528552144
+
+- NodeJS笔记：https://wx.zsxq.com/dweb2/index/topic_detail/812818155184252
+
+- 机器学习方面：https://wx.zsxq.com/dweb2/index/topic_detail/184518144215252
+
+- Vue+pinpa笔记：https://wx.zsxq.com/dweb2/index/topic_detail/812842884884212
+
+- MySQL笔记：https://wx.zsxq.com/dweb2/index/topic_detail/184515814125522
+
+- 华为鸿蒙认证：https://wx.zsxq.com/dweb2/index/topic_detail/212822855512511
+
+- 软件工程笔记：https://wx.zsxq.com/dweb2/index/topic_detail/212884824112411
+
+- 力扣刷题攻略：https://wx.zsxq.com/dweb2/index/topic_detail/212558584284181
+
+- ES6模块暴露笔记：https://wx.zsxq.com/dweb2/index/topic_detail/585222581411824
+
+- ACM算法思维导图：https://wx.zsxq.com/dweb2/index/topic_detail/218242454828521
+
+- Bootstrap笔记：https://wx.zsxq.com/dweb2/index/topic_detail/218242545585551
+
+- 网络安全资源贴：https://wx.zsxq.com/dweb2/index/topic_detail/581542544221584
+
+
+### (三) 不被枯井遮住双眼，保持谦虚及自尊
+
+
+目光短浅带来的问题是致命的，当你有一天觉得自己好像还不错，好像已经登到峰顶了。那就需要反思一下自己或许已经陷入了“枯井”中，你会这样想，那大概率是被枯井遮住了双眼，你看不到枯井之外的世界，为了一点点成就就沾沾自喜，虽然阶段性的成功也很值得高兴，但千万不要走进这份舒适区中，温水煮青蛙的例子也不少见，走出枯井后，你就会发现外面的世界还是在一个枯井中，你要做的就是不断的往上爬。
+
+![](https://files.mdnice.com/user/31817/85b5cdd4-1949-4434-bcc2-ea6ed940757d.png)
+
+
+永远不要看不起任何人，即使一位在你眼中普普通通的人，他的技术或许逊色你不少，但是他在思想和创造性上总能给你意想不到的惊喜。即使我的学校很普通，但是我的身边仍然有着一批充满韧劲的朋友，希望能通过考研，亦或者对于技术的钻研，弥补自己高考的遗憾，我记得大二那年，我常常在凌晨一点半两点收到微信弹窗大家一起交流一些问题。**备战比赛的三点一线生活，学技术的通宵达旦**，为了目标不断努力，这样的人仍然值得我尊重与学习，我认为他们拥有了**一名大学生应该有的“灵魂”**。
+
+除此之外，请千万保持自尊，**自尊并非别人给的，而是自己给的**，如果遇到比自己弱的人就有“自尊”，遇到比自己强的人就畏畏惧惧，没有“自尊”，那么这种自尊就没有任何意义了，**闻道有先后，术业有专攻，应当尊重任何在某个方向的前辈**，但是也没必要过于拘束，**见贤思齐，见不贤而内自省即可**。
+
+
+
+### (四) 远离总是给你负面情绪的人
+
+
+但是如果你遇到了一些人，总时时刻刻，在学习以及生活上给你一些负面的观点，这种人会严重影响你坚定往枯井上爬的信念，不管你们是什么关系，我给你一个建议——赶快跑（这里现代化的叫法喊：润），有多快，跑多快，如果你们不幸要发生必要的交互，请将这段关系限制在最小范围内，切勿投入感情
+
+
+### (五) 传道授业：若要学知识，必得为人师
+
+
+这一年我很喜欢读一本书，那就是《软技能：代码之外的生存指南》（下面我会提到）其中有一个章节给我印象很深，即第33章，传道授业：若要学知识，必得为人师，下面我摘了一段：
+
+> 在你传道授业的时候都会发生什么 当我们初次接触某个课题的时候，我们对于自己对此了解多少往往都会高估。我们很容易自欺欺人，以为已经对某样东西 了如指掌，直到我们试着去教会别人的时候，才能发现事实并非如此。 你有没有被别人问过一个非常简单的问题，却震惊地发现自己不能清晰地解答。你刚开始会说：“这个，很明显……”，接 下来只有“哦……”。这种情况在我身上屡屡发生。我们自认为已经透彻理解了这个话题，实际上我们只是掌握了表面知识。 这就是传道授业的价值。在你的知识集合里面，总有一部分知识你并没有理解透彻到可以向别人解释，而“教”的过程能够迫使你面对这一部分。作为人类，我们的大脑善于模式识别。我们能够识别模式，并且套用这些固定的模式去解决许多问题， 而没有做到“知其然”也“知其所以然”。 这种肤浅的理解力无碍于我们完成工作，因而不易被察觉。然而一旦我们试着向别人解释某件事情的运作原理或背后的原因的时候，我们在认知上的漏洞就会暴露出来。 不过这并非坏事。我们需要知道自己的弱点，然后才能对症下药。在教别人的时候，你迫使自己面对课题中的难点，深入 探索，从只知皮毛变成完全理解。学习是暂时的，而理解是永久性的。我可以背诵九九乘法表，但是一旦理解了乘法的运算原 理，即使突然记性不好，我也可以重做一张乘法表。
+
+我已经记不清很多年前我初中亦还是我高中的一位任课老师曾经说过这么一句话：能教会别人，自己也就没问题了。可惜那个时候的自己压根没提起学习的欲望，当然了，也或许与我自己根本不喜欢枯燥的应试教育有点关系。我也没理解这句话的意思。大学这几年，我很喜欢与朋友交流技术方面的事情，每个人都有很多我意想不到的理解与想法。还有更多时候我更加喜欢帮助朋友解决一些问题，当你什么时候可以将别人的一个问题，用**通俗的解释说明 + 简洁却又富有代表意义的实例 + 补充一些自己的理解与看法**，说给别人听得时候，最起码，我认为你对于这块内容就真的入门了。当你能够滔滔不绝的讲解给别人一块内容，**能合理的安排讲解的引子与顺序的时候，这说明这一块的知识已经在你脑海中有了一条清晰的体系**。同时你通过与别人交流的时候，再根据别人对你提供的一些方向好好反思斟酌一下，不断的修改。相信我，当你成功与他人讲解/交流你的知识后，你会爱上这种感觉的。
+
+但是老板和老师可不会等你，很多时候我们都不得不 “填鸭子” 式的学习一些内容，例如根据老师的要求，强制使用一些指定的框架或者技术，或者根据业务/项目组长的需要和安排，你需要快速的学习一些你并不熟悉的内容，凭借我们多年 “应试” 的本事，大家总能很快的就找到这种套路，例如怎么快速搭建环境，怎么配置，如何快速的用起来。**但是千万别止步于此，不然终究只是一个CRUD工程师**，这也不一定是坏事，当你熟悉如何用一款框架或技术后，再去看一些源码，或许会事半功倍。
+
+> 作为人类，我们的大脑善于模式识别。我们能够识别模式，并且套用这些固定的模式去解决许多问题， 而没有做到“知其然”也“知其所以然”。
+
+
+### (六) 别让情绪扼杀你状态
+#### (1) 所谓迷茫，都不过是想的太多
+
+
+总在独处时，开始怀疑自己，我是谁，我在干什么，以后该怎么办......在我理智的那两天，我都会把这种状态归咎于闲的蛋疼。但是确确实实在那种状态下，什么事情都没法下手，最严重的的一种状态，就是会有一种深深的无力感，感觉距离目标实在太远了。这种无力感，会瞬间摧毁你的勇气，让你不敢下手去做些什么。就像是一场噩梦，你明知道应该醒来，却无法挣脱。
+
+
+![](https://files.mdnice.com/user/31817/c8dbcca5-b942-42b1-87a1-fbc3396304e9.png)
+
+
+这种状态，都不过是因为想的太多，我们总是在刚起步的时候，就想着终点在哪里；总是在刚学习一项技能的时候，就想着攻克技术难题；总是在与人初次见面之后，就想推心置腹；总是在今天都没有过好的时候，就想着明天该怎么办。我就是这样一个人，常常纠结于各种各样的学习路线上，每次在学习不同的技术的选择上，进行纠结，但其实这两者我明明是有足够的时间兼学的，还有时候明明知道基础要一步一步走扎实，但是却想到后面还有各种各样的新式技术，高级技术等着我，就会又开始所谓的迷茫。
+
+其实这种所谓的迷茫，很多时候都是源自于我们想的太多了，路要一步一步走，饭要一口一口吃，想的太多，就会感到迷茫和焦虑。最好的办法就是，**立足当下，安于寂寞，不要太着急看到极大的成果，放平心态，只有你的心里想通了，你的状态就会迅速回归，重振旗鼓。**
+
+
+
+#### (2) 你总需要一个人走一段路
+
+
+孤独伴随着，几年前来到几百公里外上学的我，亦或是年后即将开始找实习，找工作的我。
+
+我想我总会有一段时间感觉到莫名的孤独，想找个人聊聊天，却又不想去找，自己戴着耳机，漫无目的的走在路上。以及每次晚上或者凌晨写完东西，躺在床上有一种说不出的感觉，特别的是，我并不感到忧伤，只是感觉空落落的，也不想认识新的朋友，也不想联系家人，却也不知道有些话该和谁说。
+
+
+![](https://files.mdnice.com/user/31817/ba37c4c3-01bd-4e30-9414-673ed28a201f.png)
+
+
+即使你人缘很好，常常有三五好友一起相伴，但是总会有一些空隙感到孤独，这源自于你的内心还是不够强大，有的人独行却乐在其中，有的人三无成伴却又内心孤独，因为孤独的人心中并无足乐者，灵魂还是被空虚填满。
+
+所以，请充实自己的生活，多出去走走，多与人交往，给自己多找点自己感兴趣的事情去做，即使感到孤独，也没必要太过沮丧，**只需要告诉自己，沮丧，孤独，都是正常的，我们要在自己走的这段路上，让自己成为一个更加闪亮的人。走过自己的一段夜路，终将会有柳暗花明又一村的“闹市”。**
+
+
+
+### (七) 恋爱的本质是「撞」而不是「寻」
+#### (1) 你真的想要谈恋爱吗？
+
+
+有时候总会想，谈恋爱是「一定要」还是「可以要」亦或者 「没必要」。
+
+总有那么几天，好似陷入了爱情的怪圈。让你平淡无奇的生活荡起了阵阵涟漪，打破了你安稳的生活轨迹。
+
+大部分时候，或许只是你想要摆脱这种“孤零零”的状态，又或者看着别人的“幸福”与“快乐”，激起了你的那份欲望，而欲望总会在你的忍耐中冲昏你的头脑，让你开始憧憬爱情，并且费力的去「寻」去「找」，试图去接触不同的人，试图找出哪一个是适合自己的，或许你会觉得，主动去寻找自己的幸福是一件很美好的事情，不过于我而言，这并不是爱情，我只能把它叫做权衡利弊后的一个选择。
+
+或许有的时候，你只是想找一个人陪你，那也或许并不是爱情。你结束了一天的忙碌，合上了笔记本电脑，关掉了手机，疲惫的倚靠在椅子上，狭小的房间中，只有那盏台灯在一片死寂中发出微弱的光。连点一只烟的动作都觉得多余，他只想一个人安静的待一会，也不知道在想什么。但如果无由头的想起了一些事情，一些人，这个引火线，就会瞬间将情绪点燃，无尽的孤独涌上心头，这个时候，你渴望有一个人陪在你身边，陪你说说话，哪怕陪着你坐一坐，起码让你知道你并不是一个人。自此以后，你开始标榜自己「需要人陪」，看似高尚的理由，其实只是你害怕寂寞的一种借口，就算你真的找到了一个陪着你的人，那你真的爱她吗，可能你只是在你漆黑的房间中又添置了一盏台灯，这样能让你的眼中看起来更加明亮。
+
+
+
+#### (2) 三观一致真的很重要！
+
+
+这几年也接触过一些异性，或许也有动心过，但是你会发现，不同人看待，处理事物的方式会有截然不同的结果，你认为简直不可理解的事情，在其眼中似乎也稀松平常，或许你不懂她，也许她不懂你，三观这个词的定义实在太模糊，最简单的方法就是看你们在一起的感觉，给你的感觉如果是很舒服的，那么可以进一步了解一下，害，没什么好说的了， 希望你可以找一位能符合你心中期望的另一半。
+
+
+
+#### (3) 顺着人生轨迹走吧，别为了一个人停下来
+
+
+千万不要陷入单恋的漩涡中，这是致命的，对的人是不需要主动找的，你只需要顺着人生轨迹走，在合适的年纪做合适的 “正事” ，自然而然就会遇到那个人了，如果等到七老八十，也没有遇到，或许这也就是命。或许说的太悲观了，但我仍认为，与其让自己为了追求一个不确定，也或许没有回应的爱情，不如自己欣赏自己孤岛中的美丽。但话也不能太绝对，或许有一天我就会因为所谓的爱情，陷入盲目。爱情这东西，谁说的好呢。但我只要不断告诉自己，一定不要停下来。
+
+
+
+## 第二节 这一年我都做了些什么
+
+
+### (一) 学习 + 技术输出
+
+
+#### (1) 行百里者半九十
+
+
+按照原来的计划，从 Java --> JavaWeb --> SSM --> SpringBoot 这个主线就算结束了，其中夹杂着 SQL，Linux，Web，小程序，设计模式等等的一些支线。不过，根据自己的情况和具体需要吗，其实我已经做出了一些重点的调整，我会在后面的目标中去提到。
+
+
+
+#### (2) 一年和球友一起 输出了一百多万字的笔记 
+
+
+> 先放地址【Java全栈方向】：https://www.yuque.com/icu0/wevy7f
+欢迎大佬们关注一下小弟。
+
+
+一年中，一边学习，一边做总结，做整理，陆陆续续一年也写了 200 来篇笔记（也可能是文章或者感悟）（不一定纯后端/前端，还有 Linux ，计网等等）记得某个大佬说过写博客和笔记不一定能做到对别人有帮助，但起码对自己有帮助。但是我一直通过大白话概括 + 做图 + 简单示例 + 官方说明的方式写文章，也在努力希望能对别人也有帮助。
+
+![](https://files.mdnice.com/user/31817/71d8f7ac-dd9a-4cca-a377-f2849172c130.png)
+
+ 
+
+
+
+### (二) 超爱买书的购物狂
+
+
+这一年买了不少书（买了 == 看了），还有好多想买的都在我的购物车里吃灰，再买我真怕自己变成一个光收藏的 “读书人” 了，来盘点盘点这一年我看了比较有感觉的书（没感觉的和没怎么读的就不提了，如果给我多一点时间，我争取出一篇介绍自己读的书籍的文章）
+
+![](https://files.mdnice.com/user/31817/a51fa3a4-c9f5-48b3-8ef8-b474f16a63a6.png)
+
+ 
+
+> 一件恐怖的事情：我利用一年时间看过了这些书
+
+
+
+
+## 第三节 明年今日，记得要回头看看
+
+
+> We already walked too far, down to we had forgotten why embarked.   ——纪伯伦《先知》
+译文：我们已经走得太远，以至于忘记了为什么而出发。
+
+
+
+
+### 2022年度回顾
+
+
+![](https://files.mdnice.com/user/31817/4b1660d3-6f5d-408a-9fbb-e3ef4fd90135.png)
+
+
+
+ 
+
+
+
+### 2023年新的目标
+#### 技术上：
+> 只有写1-2月的，所以我放一个链接，欢迎大家监督我学习
+
+https://www.yuque.com/icu0/qeowns?# 《Cool的三两事》
+
+#### 生活上：
+
+
+- 孝敬父母
+- 勤运动
+- 照顾好自己的身体
+- 不要熬夜
+- 与人交谈，沉稳思虑而后动
+- 多读书，多出去走走，善待他人
+
+
+#### 学业上：
+
+
+- 英语四级
+- 拉取开源项目，为开源项目提PR
+- 持续输出技术型文章
+- 专升本上岸
+
+总而言之，2022喜忧参半，有“**春风得意马蹄疾，一日看尽长安花**”的喜悦，也有“**停杯投箸不能食，拔剑四顾心茫然**”的忧愁，但我希望我的 2023 能有“**长风破浪会有时，直挂云帆济沧海**”。
+
+
+### 个人独白:
+以上内容皆是一名专科生的自白，感谢自己在大专三年没有一天是“浑浑噩噩式”学习，也没有一天因为当前的荣誉而骄傲满足，同时感谢部队两年的栽培，让我站在低谷依旧能**仰望天空，扎根大地，心有猛虎，细嗅蔷薇。**
+
+> 希望写的不好的地方，及时指出感谢大家
+
+
+在此鸣谢：鱼皮、y学长、小王同学、颜佬、小余、叶秋、绿葫芦(大家dddd)、沙鱼、Heart、宙翊、zzzsleep、星橙、冷佬、兔子、阿晨同学、阿乐、傅佬、Honker哥、余白、杰哥、左手、小学弟、一休哥、莫莫美女、恐高宇航员等（太多了点不过来）
+
+
+最后希望没有续费的同学依旧能长联系，一朝球友，一辈子兄弟。
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\344\273\216\346\221\206\347\203\202\345\210\260\350\247\211\351\206\222\357\274\214\346\242\246\346\203\263\350\277\233\345\244\247\345\216\202\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\344\273\216\346\221\206\347\203\202\345\210\260\350\247\211\351\206\222\357\274\214\346\242\246\346\203\263\350\277\233\345\244\247\345\216\202\357\274\201.md"
new file mode 100644
index 0000000..16e3eb5
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\344\273\216\346\221\206\347\203\202\345\210\260\350\247\211\351\206\222\357\274\214\346\242\246\346\203\263\350\277\233\345\244\247\345\216\202\357\274\201.md"
@@ -0,0 +1,102 @@
+大家好，今天分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)的光之梦同学的年终总结：
+> 星球原文链接：https://t.zsxq.com/0ahb0cBku
+
+由于是我的"觉醒之路"所以我得从我初中时开始介绍。
+
+我是 2022 年的一名的高考毕业生
+去年 9 月份刚刚步入大学生活。
+
+我来先介绍一下我的初高中经历吧
+
+
+## 荒废的初一和初二
+初一和初二，我基本都是在游戏中渡过
+
+天天一回家就打游戏，看电视，上课不认真听课，我当时像极了老师们 口中说的"差学生"
+
+
+## 努力的初三
+
+到了初三，我就觉得这样下去不行，周围的人都在努力学习，马上就要中考了，所以我也"跟着"努力学习。直到初三下学期，我当了我们这个组的组长，生物和化学课代表，成绩班排第9
+
+班主任觉得我特别懂礼貌，对我特别好，那时我们班主任是我们整个初三的年级主任，临近中考时，我们学校在中午开了一个免费的培训班（估计是为了提升考上普高的人数），但只有一部分人能参加，只开了两个班。我没有被选上，可是那时我想努力学习，于是我下课就去找班主任聊，告诉他我也想去听那个中午的培训班的课，我班主任对我很好，直接就同意了（我很幸运，能遇到这么好的老师，他并没有放弃我，他觉得我还有很大的机会，在家长会时，回来听我还听父母说老师经常夸我）。
+
+![](https://files.mdnice.com/user/31817/04192d15-c1a3-4500-af9f-b1e8786aa835.png)
+
+
+## 中考的失利
+
+结果，我却辜负了我班主任对我的信任，让他失望了。我中考前的最后一次适应性考试不加体育考了520多，这个成绩，在我们那个地方如果加上体育分是非常有机会冲进重点高中的。可是到了中考考场由于第一次参加这种大型选拔考试，我太紧张了，考前那个晚上我紧张的基本没怎么睡，也可以说睡不着，结果到了考试时，我还是好紧张，考试时手一直在发抖。于是后面就发挥失常了，我们班前15名，除了我其他人都上了普高。以前那些一直考不赢我的人，在中考时分数都比我高。
+
+![](https://files.mdnice.com/user/31817/0ade5ae8-e4f4-4708-a9ab-97b01090105e.png)
+
+
+## 职校的生活
+
+于是，我就进了职校，按照班主任的推荐，我并没有选其他专业，我是直接选了对口高考（也就是三校生高考）
+
+在高中的第一年，我还是很迷茫，不知道未来要干嘛，要做什么，当时的我非常迷茫，除了知道要好好学习，不能再像初中那样，别的什么都不知道。（而且职校的学习氛围非常差，就算我是在所谓的"重点班"也还是有好多人混日子）
+
+
+## 醒悟的开始
+
+好在，在高二的某一天，我觉得我不能再这么浑浑噩噩地下去了。我仔细思考了这个问题:我以后想干嘛，想过什么样的生活，学历没学历，本事也没本事，我不想啃老，我不希望我父母每天都这么累的工作，我想让他们过上更好的生活。
+
+刚好计算机又是热门专业，而且计算机类的专业在当时是薪资最高的专业。如果我能进腾讯这种大厂（当然这是非常非常非常困难的），那肯定就能改变我的命运。每次一想到如果我进了这种互联网大厂工作，我会怎样怎样，我就激动得睡不着觉。
+
+于是我就有了我的目标和我的梦想，这也为我提供了极大的学习动力。到了高三，我的总分是全年级第三，按照我的成绩，去参加对口高考，是完全有机会考上本科的。
+
+
+## 事与愿违
+
+结果，事与愿违。到了距离高考最后两个月时，我们老师突然和我说，"你没有江西省的户口，你参加不了我们江西省的对口高考。"我当时听了，特别崩溃，你让我一个中专生去参加普通高考！?，普通高考和三校生高考的难度，简直是天差地别，一个天上一个地上。
+
+
+![](https://files.mdnice.com/user/31817/2deefa51-bacf-43d4-9fbe-75cdcf5b8fdf.png)
+
+
+我知道如果我去参加普通高考，我肯定是考不上本科的，别提本科了，就连一个公办的专科大学都有难度。那时我父母也和我说了一下，"如果你没有考上一个比较好一点的公办学校，你就不要读书了，去打工吧！早点出来工作也行。"我好不容易知道了我以后想做什么，好不容易找到了我的目标🎯，我的梦想，结果，上天却和我开了一个天大的玩笑。
+
+
+## 高考前最后的自我救赎
+
+但是我还有两个月的时间，我还有最后一点时间，我还有最后一点机会，我不想就这么放弃。于是剩下两个月，我抱着考不上就去打工，抱着考不上这辈子就要废了的想法，拼命自学高中数学，高中英语等，上课不听，和每门课的任课老师都讲了一下我的情况，上课时我自己上网课，下课在宿舍也是学习，周末不回家，就这样，学了两个月。最终才考上了一个比较还行的大专😂
+
+## 初遇鱼皮
+
+我第一次知道和认识鱼皮是在知乎上，我没事就喜欢刷知乎，去知乎上看很多互联网大佬的文章，去搜学习路线等。然后就遇到了鱼皮，腾讯全栈工程师，我非常崇拜鱼皮老师，我也想像鱼皮老师一样，凭借着自己的努力进大厂。
+
+鱼皮老师对我印象最深的一句话是:"你要相信自己有能力，你就真的会有"。
+
+这句话带给了我很大的激励。对我感触很深。感谢🙏鱼皮老师。于是我就去关注了鱼皮老师的微信公众号。
+
+从我关注的那一刻我就把鱼皮老师的公众号设置成我的星标公众号（这或许是我能加入知识星球的原因之一吧），我经常看鱼皮老师在公众号上发的文章，几乎他每次发的我都会看。
+
+
+## 初见知识星球
+
+2022 年 9 月的某一天，我在看鱼皮老师的微信公众号文章时，偶然看见了[知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)。
+如果加入鱼皮老师的[知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)就可以向我的偶像鱼皮老师一对一提问，而且还可以获得众多学习资料，和大厂超一线的学习路线，学习资料等等。
+
+当时的我由于刚刚考完高考，对编程这方面又知之甚少，而且我还特别迷茫，一直在纠结不知道是选 Java  还是C++，不知道以后要不要考研，不知道学什么语言对我这种学历没有一点优势，甚至还减分的学生更好等等。我当时特别迷茫，十分希望鱼皮老师能帮我解答。
+
+所以像我这种连 VIP 都极少充的人，都愿意花 360 来加入鱼皮老师的[知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)。而且加入三天内是可以全额退款的嘛，如果真的能帮到我，那么这些钱我愿意花，如果不行，我还可以退嘛，于是抱着这个心态我决定试一试。
+
+
+## 知识星球带给我的成长
+我们知识星球有很多精华，编程知识库上的学习路线和学习资源也非常好，还有好多资源分享，电子书呀，网课呀，等等。还能看鱼皮老师的个人经历，鱼皮老师还会经常[直播带我们做项目](https://mp.weixin.qq.com/s/IgBVp-BJrzoc7vloWrX4ww)等等。
+
+从加入星球的那一刻起，我就不知不觉的迷恋上了这个地方，因为它真的让我学到了很多东西，打破了我的认知，而且我还在知识星球上认识了好多位大佬，拓展了我的人脉。等等（我的成长远远不只这些）
+
+在这里我非常感谢🙏谢谢鱼皮老师让我们相遇，真的非常感谢🙏。让我见识了这么多，遇见了这么好的一群人，明确了自己的学习方向。同时也谢谢 y 总， y 总也非常好。
+
+
+非常感谢鱼皮老师每次都非常认真地解答我的问题，我才能确定我的学习方向和目标🎯真的非常，非常谢谢🥰
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\201\232\344\272\206\345\276\210\345\244\232\351\241\271\347\233\256\357\274\214\350\257\264\350\257\264\346\210\221\347\232\204\346\204\237\345\217\227.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\201\232\344\272\206\345\276\210\345\244\232\351\241\271\347\233\256\357\274\214\350\257\264\350\257\264\346\210\221\347\232\204\346\204\237\345\217\227.md"
new file mode 100644
index 0000000..e17ed72
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\201\232\344\272\206\345\276\210\345\244\232\351\241\271\347\233\256\357\274\214\350\257\264\350\257\264\346\210\221\347\232\204\346\204\237\345\217\227.md"
@@ -0,0 +1,82 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的哒同学的项目感悟以及经验分享：
+
+> 星球原文链接：https://t.zsxq.com/0aueQaNcx
+
+先介绍一下我的个人情况
+
+我在[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)冒泡较少，但没有冒泡的时候都在默默的努力学习，加入星球快一年了，我是大二上学期开始学 java，如今跟着皮总的路线，已经到了 java 高级部分，就是学到了 juc 和 jvm 这里，我花费了一年时间，也不知道是快还是慢。
+
+
+
+我做过的项目，从最开始的 javaWeb 视频的书城->皮总的用户中心->瑞吉外卖->黑马点评->仿 QQ 的聊天项目->学之思的在线考试系统(只实现了后台部分)->谷粒学院->课设的购物商城。
+
+
+
+其实从我这学期学习软件工程，我学习到软件工程的竞品分析->需求分析->原型设计-<数据库设计，系统设计，系统类的设计，然后我就发现我做过的系统，无论是我独自开发的系统还是跟着视频教程敲的系统，视频的教学基本就没有数据库的设计，系统设计，系统类的设计，甚至于复杂的逻辑也没有多少。
+
+
+
+首先说数据库设计，大多数视频都是直接给你建表的 sql 语句，直接让你运行，根本就不会教你分析项目的需求去建表，其次是系统设计，大多数视频项目根本就没有系统设计和系统类(类与类之间的关系)的设计，你试想一些根据你的系统画系统的类图，你就会发现你的类之间基本就没有关系(如果不了解关系有什么可以去看 图解设计模式)
+
+		
+![](https://files.mdnice.com/user/31817/b2b1e736-d641-40b5-90b1-5b29889621ab.png)
+
+
+我就是这种情况，我几乎分析了我的所有项目，根本就没有我自己设计类之间的关系，我都是用 mybatisX 工具生成 controller,service,serviceImpl,Mapper，然后写一些拦截器，过滤器，统一异常处理器，统一接口的响应结果，写一些基本的配置类，而数据库设计因为有学校的各种课设，每一个课设都需要数据库设计，现在设计表尚还算熟练。
+
+
+
+我接着进一步思考，因为我发现我在做项目的过程中，发现后端来来去去都是增删改查，因为非常没有意思，对 java 的兴趣越来越低，甚至萌生了转行的想法。
+
+![](https://files.mdnice.com/user/31817/b82fd60b-09a4-4b67-bfb6-cf123d8ec795.png)
+
+
+
+但在我写课设的购物商城时，我用了从来没有学过的 vue 来写项目，因为我觉得有很多模板可以直接拿过来用，修修改改就可以了。起初我发现模板里的组件跟我自己要设计的页面还差很多东西，也就是很多东西都要自己写，这一点破碎我了之前天真的前端页面都是模板罢了的愚蠢想法。
+
+然后为了进度我直接去网上下载别人商城前端，想着自己改交互接口就行了，结果我发现了下载下来的页面非常复杂，改了接口系统会有各种意想不到问题出现，与此同时我发现我同校的同学在 Gitee 上面有个商城项目,starts 有700多个，而且完全是用 jsp 写的页面，写的非常的华丽，我就在想原来 jsp 也能创造这么牛逼的东西嘛。
+
+
+![](https://files.mdnice.com/user/31817/db19248b-c0c3-4e2a-a19d-1934e3cf93ff.png)
+
+
+到这里引发了我对基础深入思考，然后我发现无论是前端还是后端的那些框架，其实都是别人用基础的写出来再封装好的，比如后端最原始的 web 开发应该是 jsp+servlet，因为对象管理不够好了，所以涌现了 spring 框架的 IOC 容器帮我们管理，因为要实现不侵入代码就可以对代码的功能进行拓展，所以涌现了 spring 的 AOP 切片编程，因为 servlet 作为接口接收请求，接口的方法映射做的不够好，涌现了 springmvc 的处理器映射器，因为 servlet 作为接口接收请求参数时需要我们手动获取参数和进行参数的类型转换，所以涌现了 springmvc 的方法参数解析器，同理还有 springmvc 的返回值解析器，mybatis 的代码与 sql 语句相分离，mybatis 的一级缓存和二级缓存，springsecuity 的登录校验，权限控制，还有 springboot 的自动配置，这些都是别人在原有的技术不足的基础上涌现出来的华丽设计。(ps这里举例是用了我熟悉的后端的技术来举例，前端的技术暂时没有深入了解，就不举例了)
+
+
+
+而我们做项目之所以没有设计，因为设计框架基本都帮我们做好了，所以我们只要专注的写业务逻辑代码就可以了，但殊不知道如果我们长期都使用别人的设计而没有自己的设计，我们的设计能力会进一步递减，甚至到最后完全不会设计，这是有多悲哀的，如果自己不懂设计，那 java 的乐趣可就大大减少了，通俗点来说就是我们一直在使用别人的轮子，而自己完全没有造轮子的能力。
+
+
+
+直到现在，我感觉做一个系统后台的技术部分，由四部分组成：数据库设计->系统设计->系统类的设计->业务逻辑的理解设计，而我们如今的实现只能满足数据库设计和基本的业务逻辑，复杂的业务逻辑我现阶段还很难理解，在系统设计和系统类的设计方面我是根本就不会，所以现在我变成了一个真正的码农，不夸张的说，给任何一个人和我同样学习的时间，我能掌握的，他都能掌握。
+
+
+![](https://files.mdnice.com/user/31817/5d041cce-b86c-4897-ace4-ca926244b881.png)
+
+
+
+接下来我打算用原生的 jsp+servlet 重构我写过的系统，你没听错就是用最原始的 jsp+servlet，因为我想自己感受这些技术的不足，想自己设计轮子去优化他们(不知道有没有这个必要？还是我先把别人设计好的轮子用明白先再去尝试自己去设计轮子？)
+
+
+
+最后补充一点：
+
+我发现我在学习技术的过程不断的追求高新的技术框架，诸如 springboot+Redis+Rabbitmq+springcloud....到最后我竟然发现这些都是别人用最基础java语法设计出来的，而我在却学习这些技术的过程越来越忽视基础，倍感羞愧，其实很多技术的高级部分大家可以先不去学，诸如 mysql 的高级,Redis 的高级，还有阅读框架的源码，因为如果没有大量的实践经验，根本就不可能学会 sql 优化，Redis 的什么缓存雪崩啊，缓存穿透，缓存数据库和持久层数据库的数据一致性，什么分布式锁...我相信这些你离开了视频，独自面对一个没有人借鉴的项目需求时，你根本就不懂得合理使用这些技术，通俗点来说就是这些你也就是听个响而已，甚至不夸张的说 mysql 的索引怎么加，怎么进行合理的连表查询，Redis 的五种数据结构你都用不明白(我相信有很大一部分人一直只是在用 Redis 的 String 结构吧？)
+
+
+
+与此同时，我觉得我们不能一开始就要求别人懂得设计，就好像开车一样，你不能一开始就要求人们懂得汽车是怎么造的才能让别人开车吧？所以现阶段我觉得虽然我没有造轮子的能力，但我使用轮子的能力在逐渐提升，等到提升到一定的阶段后再逐渐过度到设计阶段，在使用轮子的时候不断的感受和学习别人系统设计的魅力，直到最后自己能独立的设计出轮子，能根据现实的需求设计出各种各样的的轮子，帮助我们最终实现需求
+
+
+
+
+
+以上是我关于技术的一些个人想法，如有不同，欢迎大家讨论和指出我的问题。
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\255\246\345\274\237\350\277\231\346\240\267\345\255\246\357\274\214\347\250\263\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\255\246\345\274\237\350\277\231\346\240\267\345\255\246\357\274\214\347\250\263\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..0943460
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\345\255\246\345\274\237\350\277\231\346\240\267\345\255\246\357\274\214\347\250\263\344\272\206\357\274\201.md"
@@ -0,0 +1,79 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的 NaiGeLan 同学的前端学习之路：
+> 星球原文链接：https://t.zsxq.com/0aPuSbdwC
+
+## 我与前端的初次邂逅
+
+说起来也很巧，也就是去年的这个时候，我开始学习前端，那时候加入了学校的 N+ 工作室（一个软件开发工作室），其实我不知道我当时为什么会做出这个选择，因为我当时的专业和前端毫无关系，而且之前也没接触过这方面的东西，也许这一切都是冥冥之中的缘分，没怎么多考虑，觉得有意思，就加入了，我和前端的故事就从这里开始了
+
+我还记得我做的第一个小 demo，模仿 QQ 登录页面，现在看来就是简单的 flex 布局和 HTML 基本元素的使用，当时可是挑灯夜读 看B站黑马程序员的入门视频 还有阮一峰老师的文档 对我帮助很多。
+
+终于，保质保量的完成了这个小项目（这个小项目一直被我用到了现在，拿来给团队中刚入门的同学们做） 就这样，我在我的大一寒假期间入门了前端基础三件套，就这样，我开始了我漫长的前端学习之路
+
+ 
+
+## 兴趣变成事业
+
+大一下学期开学之后，我才真正的进入到了我前端技术进步的高峰期,开学之后那段时间我遇到了前端路上的第一个难点————脚手架，当时工作室有个考核任务需要用 vue-cli 脚手架开发，这可难到了当时的我，在这之前我可是连命令行都没打开过啊，网上的教程也全是我看不懂的名词，什么 Node 啦，cli 啊， webpack 啊，看的我眼花缭乱。
+
+当时脚手架，打包工具，Node 什么的根本不知道是什么，也不分不清。只能照着大佬的文章傻做，但是大家都知道，前端的东西升级很快，网上的教程很多都是好几年以前的，按照之前的方法去操作是行不通的，就这样我处处碰壁，最后还是在学长手把手的教导之下，完成了这个困扰了我一周的问题（抱头痛哭）。
+
+之后我就开始了 vue 的学习，当时学 vue 的第一反应（看黑马程序员 月薪过万）：好简单，这不比操作 Dom 简单多了嘛！ 又看了几集：这怎么指令这么多，这我咋记得住，啊！！
+
+到了实际做项目：妈耶，这代码红的，像极了我手里的康师傅牛肉面~~，就这样跌跌撞撞的，待在工作室，吃着康师傅泡面，看着满屏的红色，终于完成了自己的第一个 Vue 小项目（其实就是个Demo），说起来这个，我到现在还是回忆满满，工作室有个小项目想拿来给我们练手，一个简单的公寓党建模块（就是一个简单的数据查询功能，最上面有个级联搜索宿舍楼，下面有个列表来展示该公寓的领导们），当时还是个比较急的 ddl，就两天时间，不行，我后悔了，这我哪会啊？我 ajax 还不知道是啥，axios 还没玩明白啊 救命！！  
+
+果然到了 ddl 最后一天的晚上，我只是写出了 HTML CSS 部分，数据那块一点没写出来，感谢工作室的学长！ 在这时候帮了可怜的我，他站在我后面，我在他前面战战兢兢的,手放在键盘,老老实实，就怕被嫌弃笨 结果是虽然我很笨，但是学长没嫌弃，一行一行的教我，最后在晚上十二点多把这个小模块上线了（依稀还记得那天老板过生日，我还蹭了蛋糕吃哈哈哈）然后接下来，我就自己个儿琢磨，终于能够自己独立完成一个小模块了，谁知道更吓人的活还在后头呢，哎。
+
+那时候我们工作室的几个主力学长有的要去准备考研，有的要准备保研。我从一个有人要的孩子，变成了无家可归的流浪汉。写出 bug 没人给兜底了，哎，学长走就走吧，还给我留下了几个半截子项目，当时更是一瓶子不满半瓶子晃荡的我，即将就要接手这摊子了，哎。
+
+然后我就开始了“魔鬼训练”，因为那些项目有的很急，所以当时我每天几乎一天十个小时的肝项目，除了开发新功能之外，我还得改之前的 Bug（大家都知道改 bug 比写新代码恶心多了），这段时间，vue2 算是给我玩明白了（可不是我玩 vue2，是 vue2 玩我...），我还记得当时的两个困扰我好久的问题，一个是vue2 的响应式，数据绑定,当时死活搞不明白为什么这个数据渲染不上去，后来才知道 Vue2 的 defineObject 不能监听数组变化。。还有一个是 v-for 的时候没加key，导致了组件不更新（具体内容记不清了）等等等等，一堆的 bug 锻炼出来我优秀的改 bug 能力，以至于我现在是工作室的改疑难杂 bug 专业户，孩子命苦啊~~
+
+在这段时间中还有一些印象比较深刻比较有意思的事情，比如说我在这段时间内充当了一段时间的项目经理（项目经理姐姐忙毕业论文去了），我负责了给前后端，产品经理安排任务，调控进度，组织会议，还跟着去和客户喝酒了（那是我第一次去这么正式的酒局），在那里学会了一些徐州的酒文化哈哈哈，受益匪浅
+
+正是这段经历，让我决定了，我要转专业，我决定之后要靠这个吃饭！我大一是机器人工程专业，刚开始学前端时候我的想法是把前端当成副业，主业还是想学机器人（那时候还学了 Stm32、C51 单片机之类的嵌入式），但是经历了这段之后，我发现了我对软件开发的喜爱（焊板子可坚持不了一天八个小时 但是写代码能），所以我选择了转专业，但是我学习成绩不太好，算法能力一般，转入计算机学院有些困难，然后我突然发现了我们学校的电子商务专业，学开发学的比计算机学院还多（但是不学底层原理），那就这个了！
+
+转专业面试那天，我拿着我的简历（别人拿成绩单，我可不敢）到了几位老师面前，一人发了一张，本来这个面试是不让看稿子的，可是老师都在低着头看我简历，那我可高兴了，我逮着我简历一顿念， 因为有着在同龄人中不错的开发能力，几段不错的创业比赛经历，还有真实的企业级项目经历，我可算是被电子商务专业收留啦！从这之后，前端成了我的主业！
+
+## 拥抱新技术
+
+因为工作室的项目版本老旧，经常会有一些找不到源头的问题，所以决定————要给项目来个技术升级！而我，在经历了前面的大风大浪之后（工作室实在没人了）成为了前端组组长，这个前端技术大升级的任务自然就落到了我的身上。
+
+经过一番讨论，最后决定了这么一套技术栈————最新的 Vue3.2 为框架，TypeScipt 来替代之前的 Js，Vite 作为打包工具，UnoCss 原子化样式库，animate.css 动画库，VueUse 工具库。哇，这短短的一两行文字，当时耗费了我多少时间，去把这些技术挨个学习，为了搭起一套全新的 H5 模板（其实大多还得靠学长），在这同时，为了确保我在工作室的领导地位（bushi），我还去学习了 Java Springboot 框架，MySql、MongoDB 数据库，MyBatisPlus ORM 工具，当时我学 SpringBoot 的时候我就感觉，这玩意，咋和 TS 那么像啊。
+
+凭借着我强大的肝，在大一暑假时候，不仅学会了那些新鲜的前端技术，还学会了 Java SpringBoot 框架的 CURD 开发
+
+开学没多长时间，欸嘿，小洋人来了，我们被关在宿舍里上网课（我就一个人躲在工作室里 coding），这时候我盯上了 Node 服务端技术，我当时就想哈，会 Java 的人太多了，何况我还是个前端，我这得掌握一下现在最流行的 Node 开发服务端啊，然后我就去学习了最轻量级的 Koa，上网课这段时间里面，我用 Koa 和 Vue3 写了一套管理信息系统的通用模板（后来因为线下了就烂尾了哎），我就想着，反复的玩 Vue 也没意思啊，而且很多大厂都要 React，那我为啥不学个 React 呢，好巧不巧，小洋人又又又又来了，我们又开始上网课了，虽然不幸，但是这对我可是个好机会啊，在这次的网课时间里，我基本掌握了 React 的开发，并且用 Next 框架 SSR 渲染开发了一个博客系统嘿嘿。
+
+在我大二上学期的最后一个月里面，我看了好多好多新的技术，比如 Antfu 大佬的 Vitest 等等（Antfu 大佬是我的神）还有 React 的各种库，但是我发现我越看越蒙，越看越浮躁，我意识到了我自己的问题————**基础不扎实。**
+
+
+
+## 不做API调用师
+
+当我意识到自己的问题之后，我决定在这个寒假猛补计算机基础，到刚放假到现在为止，我学习了计算机网络，Node 核心原理，V8引擎，数据结构与算法，设计模式。把之前模棱两可的概念过了一遍，但这还不够！ 
+
+之前用了那么久的 Vue，React 我对他们的认识只是停留在调用 Api，而不知道具体是怎么实现的，所以说我现在正在试图学习 React 的源码，而且参加了字节的青训营活动，并且选择做 React 的组件库，希望在这次活动中收获满满！
+
+## 对未来的畅想
+
+    
+
+从我选择进入工作室，选择前端，我的大学生活就变得与众不同了，别人在刷高数题，我在改 bug，别人在教室里上课，我在工作室学习前端，别人在课余出去玩，我却游走在各个会议之间... 
+
+累，但是真的充实，为了前端，我放弃了正常的大学生活，放弃了好好学习冲击保研的资格，但我收获的这段经历，这段记忆，在我认为是更加珍贵的。
+
+感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习交流、互相分享知识、共同进步。最后我想立一些2023年的Flag————
+
+-  一定找到大厂的实习！！ 
+
+-  拥有自己的开源项目！！
+
+-  实现财富自由！！
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\344\273\212\345\271\264\346\234\200\345\244\247\347\232\204\346\224\271\345\217\230.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\344\273\212\345\271\264\346\234\200\345\244\247\347\232\204\346\224\271\345\217\230.md"
new file mode 100644
index 0000000..71f71e4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\344\273\212\345\271\264\346\234\200\345\244\247\347\232\204\346\224\271\345\217\230.md"
@@ -0,0 +1,71 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的星晨同学的 2022 年终总结：
+> 星球原文链接：https://t.zsxq.com/0aXKsLMyp
+
+2022 一晃就过去了，我的大学生活也过去了一半，来到[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)也有 4 个月了，下面是我刚进[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的自我介绍：
+
+![](https://files.mdnice.com/user/31817/b175d7d9-da35-4908-9f88-c356b9f7c7b2.png)
+
+这四个月给我最大的改变就是：
+
+- **更加自律了**
+- **对自己的未来有了规划**
+- **学习资源不用到处在网上乱搜了**
+- **人也变得更加乐观了**
+
+距离我踏上真正的编程学习也有一年了，我真正踏上编程学习并不是大一刚入学的时候，而是在CSDN发第一篇博客的时候：
+
+![](https://files.mdnice.com/user/31817/92cd9eba-2f2d-44a2-b061-f33e5e70dbea.png)
+
+
+在我的自我介绍中就已经说过了，大一那会完全就算浑浑噩噩混过来的，那会无非就是窝在寝室打游戏、跟随学校的安排学习专业课（大部分时间都在划水）。
+
+等到大二时猛然发现周围的人已经领先我好远了，一个室友拿了蓝桥杯省奖和国奖，一个室友在疯狂学习已经学到好前面去了，我此时是很焦虑的，焦虑我大学毕业该干嘛、焦虑我与同学之间的差距、焦虑我现在知识的匮乏。
+
+
+![](https://files.mdnice.com/user/31817/de504fcc-3562-4204-8147-13ea010a1aa0.png)
+
+
+
+
+在大二寒假我就在家疯狂自学，直至现在，我目前学习过的技术栈主要有：前端三件套（HTML+CSS+JS）、JavaWeb、Vue、SSM、MyBatisPlus、SpringBoot、MySQL、设计模式、Linux……。此外，还学习了Git、Maven、Python、Go……（这些都是轻微学习一下，并没有深入学习），还有一些工具的使用……总的来讲还算可以，至少比我前一年进步相当的大。现在最大的难点就算“基础不牢”“算法不行”，这两点是硬伤。
+
+针对基础不牢，我暑假就有在开始巩固基础了，比如暑假重新学习了数据结构，Java 基础语法，还在星球知识库中找了相关的书有在看；而针对”算法不行“，主要是我的”焦虑导致的“，毕竟起步比别人晚了一年，还有很多东西要学，有项目要写，时间比较紧，搞算法就感觉是在煎熬，因为有时侯刷个题要费多时间，感觉那个时间就”白白“地在眼前就浪费了，越刷题越焦虑。
+
+但听我室友说，算法就算刚开始那段时间会比较煎熬，熬过去后面就会好很多，为了督促自己，我也报名了今年的蓝桥杯（希望我那300块不要打水漂）。
+
+关于[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)打卡这件事，我应该有几个月没打卡了😂，主要是换了地方，英语单词打卡我在扇贝，学习打卡每天也有进行，在番茄 Todo
+
+![](https://files.mdnice.com/user/31817/1cf255f8-7478-42bc-89fd-8c871feff062.png)
+
+
+
+
+
+说到这里不得不感谢哔哩哔哩这个学习平台
+
+![](https://files.mdnice.com/user/31817/5ab9995a-cadf-4fe8-8b3f-b448895d33e9.png)
+
+总的来说，2022 年算是我很充实的一年了，2022 年的目标也基本完成了。现在就来说一说我对 2023年 的期望吧：
+
+1. 寒假完成鱼皮的[用户中心项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=579718986&lang=zh_CN&scene=21#wechat_redirect)
+2. 完成[瑞吉外卖](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247526775&idx=1&sn=5a2bec6acbe58ecde227bb39c5f86627&chksm=e9c28e80deb50796f52ea385ede7816dc08f99eb19028c2fdbf546099a3d636382fbee31de67&lang=zh_CN&scene=21#wechat_redirect)
+3. 学完 Redis
+4. 学习 Java 高并发（做一个相关的项目）
+5. 在明年的蓝桥杯大赛中能取得一个好成绩
+6. 多刷刷 Java 面试题
+7. 多看看我从[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)中下载的计算机专业相关的书
+
+8. 持之以恒，坚持多写博客（博客好像也块断更个多月了..）
+……
+
+最后希望新的一年里[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的小伙伴都能完成自己新一年的目标、身体健健康康、就业的能找到一份理想中的工作、考研的能成功上岸。
+
+至此，总结完毕，谢谢各位小伙伴花费您宝贵的时间看完我的年度总结🌹🌹🌹
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\346\234\200\345\212\261\345\277\227\343\200\201\346\234\200\350\207\252\345\276\213\347\232\204\344\270\200\345\271\264.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\346\234\200\345\212\261\345\277\227\343\200\201\346\234\200\350\207\252\345\276\213\347\232\204\344\270\200\345\271\264.md"
new file mode 100644
index 0000000..535eae0
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\346\234\200\345\212\261\345\277\227\343\200\201\346\234\200\350\207\252\345\276\213\347\232\204\344\270\200\345\271\264.md"
@@ -0,0 +1,48 @@
+大家好，今天分享的是 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的一位优秀球友的 2022 年终总结：
+
+2022 是我最励志、最自律的一年。
+
+从 2021 的 12 月份开始到 2022 的 4 月底，我一直在为专升本而努力。为了上我一直想去的学校，我早上 9 点起床学高数，下午学数据结构与算法和 C 语言，晚上学英语、背毛中特。
+
+在 2022 的新年，别人在玩，我在寒风中背毛中特。准备升本的这 5 个月，我把 6 万字的毛中特背的滚瓜烂熟，刷了 3000 多道高数题，1000 多道计算机类题，把网上练习册做完了 2 遍，刷了 100 多个PDF。做过的练习册和卷子堆起来有半米高。
+
+
+![](https://files.mdnice.com/user/31817/1b337e4a-5b8d-4745-af68-41555e7011c0.png)
+
+
+很多次，真的压力很大，想过这样做值不值得？很多次因为背不下去了而流泪。但一想起高三时，因为沉迷游戏，最后整个班就我去了专科，那种不甘心和羞愧的感觉，我马上又有了斗志。最后在 2 万多人的计算机类的专升本考试中，我排到了第 109 名。我也终于上了我一直想去的本科院校。现在回想起这件事，我真的很感谢当时的自己。
+
+
+![](https://files.mdnice.com/user/31817/af1e4e40-648a-4dfd-9c70-7bc9ba22b839.png)
+
+
+专升本考试结束后，我玩了 3 天，我发现我对游戏没有了兴趣（因为大半年没玩游戏了），我发现我更喜欢沉下心来去学习东西。家里人开始催我去实习，可我不想去，我当时脑子里蹦出了一个想法--**我想学编程**（我专科时是学网络的，我当时就对编程有点兴趣）。我家里人也很支持我，于是我开始学编程，我开始上网搜怎么学编程。
+
+
+![](https://files.mdnice.com/user/31817/7ce029ba-03fc-403e-bac3-b24e28280bea.png)
+
+
+很幸运我遇到了鱼皮哥，他真的是我的编程启蒙老师。我跟着他的 Java 学习路线一股脑的学。专升本时我一天学 10 个小时，我习惯了这种作息时间，因此我学的很快，我花了1个半月看完韩顺平老师的 Javase，然后学数据结构与算法，然后学 Javaweb...
+
+![](https://files.mdnice.com/user/31817/b77302d0-4056-44e4-a9b5-692ccad36ba1.png)
+
+
+到现在，我看完了很多视频，学到了很多技术。如，SSM、Javaweb、设计模式、Redis、RabbitMq、Springboot、Springcloud、Dubbo、Spring Security、JUC等。我现在在深入研究JVM，也很有动力学下去。
+
+每一次我学完一个技术后，打开鱼皮哥的 Java 学习路线，我都很兴奋，很好奇下一个技术是什么，还要学多少我就能写一个属于自己的网站。因为兴趣，也因为努力，我在 9 月份前学到了 Springboot。结果一上学，发现大三的课程才讲到 Javaweb。我轻松了不少。
+
+因为笔记做了很多，学习时跟着视频上敲，有疑问时，我也看了不少帖子，所以我自认为我底子打得还不错。现在我的笔记写了 200 万字了，里面有很多我自己的想法，也有把老师的笔记直接对着敲了一遍。因为技术学的很多，所以忘了细节之后，我能打开我自己的笔记看一看，感觉就很不错。
+
+除了学编程以外，我在 11 月份开始坚持每天背单词，背的虽然不算多，每天 20 个新的，复习 50 个旧的。我以前很讨厌英语，英语一直是我的短板，可不知道为什么，学了编程之后，我有了想提升自己英语水平的想法。可能是为了能更好的读懂文档，也可能是为了更好的读懂报错提示吧。
+
+总的来说，我很感谢 2022 年的自己。2023，希望我也能坚持下来。
+
+最后，感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识，相互勉励，共同进步！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\350\277\231\346\240\267\345\207\206\345\244\207\350\223\235\346\241\245\346\235\257\357\274\214\346\213\277\345\233\275\345\245\226\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\350\277\231\346\240\267\345\207\206\345\244\207\350\223\235\346\241\245\346\235\257\357\274\214\346\213\277\345\233\275\345\245\226\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..1ea8482
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\345\255\246\344\271\240\346\200\273\347\273\223/\346\210\221\350\277\231\346\240\267\345\207\206\345\244\207\350\223\235\346\241\245\346\235\257\357\274\214\346\213\277\345\233\275\345\245\226\344\272\206\357\274\201.md"
@@ -0,0 +1,94 @@
+大家好，今天这篇文章是 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的一位优秀球友学习算法以及准备蓝桥杯(已拿国奖)的经验分享：
+
+相信很多球友都报名了明年的蓝桥杯，作为之前混过一次蓝桥国奖的算法小白😁，分享一下学习经验，acmer 和 oier 可以直接划过。针对很多仅仅学过学校 c 语言或者数据结构（只会概念，不会敲代码）的同学，应该怎么从算法零基础 => 算法小白？
+
+![](https://files.mdnice.com/user/31817/13967339-f9ee-45cd-a43c-b8f8cef23c02.png)
+
+
+
+首先说一个很多人都有的误区，仅仅学过 c 语言或 py，java 等这些语言的基础语法，是否要买一本数据结构，从数据结构开始学，如果时间充裕可以，但不推荐，因为这样效果很慢，而且最关键的一点是
+> 理论 =》  有思路，写出代码 =》 debug 并提交正确
+
+每一步都有很大的跨越，所以，是否了解指针实现二叉树，红黑树.... 这些概念和写对算法题的意义不大。正如 yxc 直播间的某架构师所言：算法不是理论，写几行代码看看 
+
+
+![](https://files.mdnice.com/user/31817/da002d26-5763-4e22-a932-614fc3635b21.png)
+
+
+那么，有些同学好奇，不会使用 vector，queue，hashmap, set 等等这些 stl，甚至没有听说过这些名词，应该怎么学习 stl？
+
+个人建议是通过一些语法题和博客来学习使用这些 stl，把这些 stl 熟悉到会写头文件这种熟练程度。出现频率较高的有序表，栈和队列，哈希表，哈希集合，优先队列，字符串，可以照着一些博客写的 stl 进行练习，一般学一个容器，需要关注的几个重点：元素的增删改查，获取容器大小，遍历；把这些用法搞懂，就可以找一些相关题目进行联系了。
+
+没有任何收费推广成分，单纯推荐。
+
+## 怎么学习算法来提升代码能力？
+
+两种方案：
+
+①速成方案（付费）： 买acwing算法基础课(149) + 蓝桥辅导课 (日常优惠价格199)/ 牛客雨巨讲的算法入门也不错（难度介于基础课到提高课之间，150），准备国赛的话，可以考虑尽早刷提高课；（不推荐看盗版，因为只看视频，不写题等于没学）
+
+![](https://files.mdnice.com/user/31817/ae8dfdaa-2fd8-45fd-9af1-bd2d9ad90865.png)
+
+②稳定方案（平民）： 自学，效率较慢但如果每道题目都是经过大脑认真推敲思考再豁然开朗，比第一种方案更好，题目驱动学习： 去洛谷官方题单（题单列表 - 洛谷），每个题单刷80%以上，和牛客入门题单（【新手上路】语法入门&算法入门题单_ACM竞赛_ACM/CSP/ICPC/CCPC/比赛经验/题解/...），每个题单50%就差不多熟练了，怎么学习一道题，首先看看自己能不能做出来，思考时间留 30 分钟以内，如果做出来，看看题解上其他人的解法，看懂之后，理解思路后能默写下来，不要照抄或者 cv，或没有做出来，且看不懂其他人的解法，这时候需要的是复制题目名称，用搜索引擎搜一下这个题目，推荐 bing 或 google 搜索，找到一篇合适的博客，直到学会为止。
+
+## 哪些算法模块需要重点学习：
+对于b组
+- 省三：会模拟能写出蓝桥真题的前4道题
+- 省二：自定义排序， 深，广度优先搜索，一些基础模板(前缀和，差分，二分，最短路，最小生成树，质数，约数等)
+- 省一：简单的动态规划模型及其拓展（数字三角形模型，最长上升子序列模型，背包模型，状态机模型）
+- 国优：不爆零
+- 国三：熟悉一些复杂的模板题（比如线段树模板，并查集，树状数组，数论...)
+- 国二：中等难度的动态规划模型及其拓展（状态压缩 DP，区间 DP，树形 DP，数位 DP，单调队列优化的 DP 问题，斜率优化的 DP 问题） + 复杂数据结构的简单使用
+- 国一：思维能力 + 复杂数据结构的进阶使用 + 一些复杂模板
+
+一句话总结，蓝桥杯又称 dp 杯，熟练动态规划者得国一..
+
+## 最重要的部分，每周模拟实战，练习：
+codeforces（英文，质量高且最流行）
+
+![](https://files.mdnice.com/user/31817/791185d7-453d-454a-884e-6a909812813f.png)
+
+
+atcoder（英文，出题水平高偏锻炼思维）
+
+
+![](https://files.mdnice.com/user/31817/d0bf3ec8-d136-4ef7-8333-cbdc40b1c7a6.png)
+
+
+牛客寒假算法基础集训营（付费，题目很新，适合学习阶段花时间补题目深入研究）
+
+牛客上的各种比赛（小白赛，高校练习赛等）
+
+![](https://files.mdnice.com/user/31817/db6b3a94-124a-4220-b6f8-35402d6a1090.png)
+
+
+leetcode 周赛和双周赛（题目难度不确定）
+
+![](https://files.mdnice.com/user/31817/05dedb58-3aff-4eb7-9ddd-3577784483ec.png)
+
+
+acwing周赛
+
+
+![](https://files.mdnice.com/user/31817/6b327e25-3e65-489e-8c38-f1e4a10a6ecd.png)
+
+
+作息不规律的同学可以看看 codeforces 的 div2，div3，div4，免费，且题目质量是这些比赛里面比较高的，一般时间是22:35 - 00:35
+
+
+
+关于真题部分的练习：
+推荐两个网站的蓝桥真题练习：
+- dotcpp<全面，除了填空题，所有题目基本囊括了>(蓝桥杯真题(更新至2022年) - 编程题库 C语言网
+
+- newoj<基本都有，有填空题，且可以联系站长开会员看正确代码>(公告 - New Online Judge，上面之前的几次contest，质量也不错。
+
+同时希望参加蓝桥的鱼友们，都能顺利拿下国一，加油！！！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\344\270\200\350\265\267\350\256\250\350\256\272\346\235\203\351\231\220\347\256\241\347\220\206\351\234\200\346\261\202.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\344\270\200\350\265\267\350\256\250\350\256\272\346\235\203\351\231\220\347\256\241\347\220\206\351\234\200\346\261\202.md"
new file mode 100644
index 0000000..7e1d54d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\344\270\200\350\265\267\350\256\250\350\256\272\346\235\203\351\231\220\347\256\241\347\220\206\351\234\200\346\261\202.md"
@@ -0,0 +1,92 @@
+# 一个权限管理小需求
+
+大家好，我是鱼皮。最近在工作中遇到一个很有意思的小需求，并且我以一种很独特的方式解决了，今天就来给大家分享一下。
+
+需求是这样的：
+
+我们有一个 **内部** 的大数据任务调度系统，部门用户可以在该系统创建、删除和执行任务来获取数据。由于历史原因，目前系统的前、后端都加了严格的限制，只有该任务的创建者本人或者管理员才能修改和删除该任务。
+
+现在的问题是：用户小 A 已经在系统上创建了很多任务，结果和他同组的小 B 入职了，之后这些任务要交给小 B 去维护和修改，因此小 B 也需要拥有对小 A 已创建的任务的修改权限。
+
+补充一句，小 B 同学表示：非常着急。
+
+![](https://qiniuyun.code-nav.cn/image-20220226120914075.png)
+
+那么，我们怎么实现这个需求呢？ 
+
+实现同一个需求的方案有无限种，我的方案未必是最好的，所以就在 [我的知识星球](https://mp.weixin.qq.com/s/80049ftP1j-JqSnkJmLhXQ) 里面开了个小的头脑风暴，看看大家的想法：
+
+![大家的讨论](https://qiniuyun.code-nav.cn/image-20220226121906792.png)
+
+大家的讨论非常积极，有很多的思路和我基本是一致的，整理一下，大概把方案分为 **临时解决** 和 **永久解决** 两种类型。
+
+### 临时解决
+
+所谓临时解决，就是在 **相对合理** 的前提下，尽量最快、最高效的满足用户的需求。
+
+对于咱们这个需求，我和小伙伴们第一时间想到了这些临时方案：
+
+1. 在代码中写一段 hardcode（硬编码），加个特殊的判断逻辑，只要任务创建者是小 A、操作者是小 B，也允许操作。有点类似继承？
+2. 移除对修改任务的权限校验，即所有同学都能修改任何任务。
+3. 将用户表中小 A 和小 B 的 id 进行替换，相当于两个人交换了身份证。
+4. 克隆小 A 的账户给小 B。
+5. 因为管理员能操作所有任务，所以可以给小 B 添加管理员权限。
+6. 开发一个模拟其他用户登录的接口，让小 B 可以模拟小 A 的身份登录。
+
+这几种方案各有优缺。首先是第一个，要改代码、还要发布评审和上线、而且后面还得再把特殊逻辑去掉，挺麻烦，不采用；第二个方案就是公开权限，因为是内部系统、用户不多、而且默认只能看到自己创建的任务，所以我才敢这么想，但风险虽然没那么大、还是有风险的，所以不采用；第三个方案有点太粗暴了，相当于你为了干一件事临时和别人换了身份证，但是原本那个人所有任务之外的权限也会受到影响，肯定不行；第四个方案乍一听好像可行，但因为任务的创建者是关联了唯一的用户 id 的，克隆账户只是能产生一个有同样权限、新 id 的用户，所以并没有什么用；第五个方案也很粗暴，但因为管理员权限实在太大，也有安全风险，不采用。至于最后一个方案，为啥会想到模拟登陆呢？主要是我们系统已经有了这个接口（偷偷给管理员使用），其实只需要开放给用户就能快速以小 A 的身份去操作了，但这个接口本身存在一定风险，为了安全，也不采用。
+
+这也不行、那也不行，还有什么更好的方法么？
+
+![](https://qiniuyun.code-nav.cn/image-20220226131648067.png)
+
+我最后的方案是，直接修改数据库，将小 A 创建的任务的创建者为小 B。这种方案的好处是绝对的快、狠、准，不用改任何一行代码，而且因为总共就几个任务，所以改库也不是很麻烦。
+
+当然，也没有说的那么简单，具体的实施过程是，我先对任务创建人这个字段的关联性进行了分析，确认修改字段不会对其他功能产生影响后，再找其他开发和产品二次确认了这样操作是否有风险。然后呢，跟用户（小 A、小 B）也确认了，是否之后小 A 不再参与编辑，全部交给小 B 负责，结果得到了确定的答复。接下来就先从一个任务入手，修改它的权限为小 B，再让小 B 试着去修改一下任务，确认没有问题后，再把其他任务的创建人也改掉，完美解决了需求~
+
+这就是玩了一手移花接木啊，你想到这个方案了么？
+
+![](https://qiniuyun.code-nav.cn/image-20220226131713109.png)
+
+对了，还有个很妙的方法，直接摆烂：劳资不做！让小 B 用小 A 的电脑来操作！
+
+> 可能有些操作和设计长久来看是不合理的，但可以较低成本地临时解决问题，也是不错的方案，这就需要我们多思考、灵活变通。
+
+
+
+### 永久解决
+
+所谓的永久，并不是真的能一个方案贯彻到底，只是相对临时方案来说更稳定全面一些，能支撑系统更多时间。
+
+对于咱们这个需求，其实永久解决的方案就很简单了吧，添加 **权限管理体系** 呗！
+
+至于具体怎么权限管理，还是要根据系统用户的实际使用情况来设计，常见的几种设计如下：
+
+1. 授权，任务的创建者可以给其他角色分配修改权限，类似腾讯文档。这种方式最好理解，直接让小 A 给小 B 开权限即可。
+2. 权限组，任务的创建者可以给其他角色或 **某个小组** 的所有人分配修改权限。比如小 A 可以创建一个权限组，然后把小 B 拉到该组里，假如之后鱼皮也要有权限，把鱼皮也拉进来即可。
+3. RBAC，即基于角色的访问控制。它的核心思想是：将权限赋予给角色，把角色又赋予用户。是很灵活、很完整的权限管理设计了。比如小 A 创建 `任务管理员角色` ，然后给小 B 分配  `任务管理员角色` 即可。
+
+那后面我肯定是要给系统添加权限管理的，到时候我会选择哪个方案呢？
+
+我大概率会选择方案 2。一般情况下来说，方案 1 开发最快，最好理解，但如果要同时给同组的很多人分配权限就很麻烦，增大了用户的操作成本；方案 3 虽然很灵活和完整，但开发成本最高，而且我们的这个系统并没有太多的 **对象、角色、权限** ，用 RBAC 就有点大材小用了；而方案 2 相对最适用于当前的场景，并且由于系统本身就有权限组的管理功能，我只需要把任务和权限组关联起来就可以了，开发成本也是很低的。
+
+你学 “废” 了么？
+
+![](https://qiniuyun.code-nav.cn/image-20220226131802640.png)
+
+其实大部分的方案星球的小伙伴们都想到了。不过除了这些方案外，也出现了我未曾想过的道路：
+
+![](https://qiniuyun.code-nav.cn/image-20220226121951476.png)
+
+对于某种特殊情况，万一这个操作是最合适的呢？？？
+
+（扯淡！千万别试！）
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md"
new file mode 100644
index 0000000..79a2c2d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\200\216\344\271\210\345\201\232\344\270\252\344\270\215\347\224\250\347\275\221\347\273\234\347\232\204\350\275\257\344\273\266\357\274\237.md"
@@ -0,0 +1,59 @@
+# 怎么做个不用网络的软件？
+
+大家好，我是鱼皮，昨天收到了一位我 **知识星球** 内小伙伴的提问，问题如下：
+
+> 鱼皮你好，我想问一下关于软件开发的，现在我知道的软件开发都是前端三件套然后 vue 或 react 框架，后端 springboot springmvc、Javaweb 这些技术。前端页面需要调用后端接口来调用函数，这个接口应该是通过网络实现的吧？
+>
+> 但是 emmmm 就是如果开发一个不用网络的小的软件，好像就是 Windows 桌面应用那样的（类似记事本或者 Dev c ++编译器）应该用什么做前端什么做后端呢？因为我感觉前端的三件套是没有办法写一些复杂函数的所以我觉得如果做一个没有网络的软件好像不能用前端三件套。那应该用什么呢 C#、QT 吗？
+>
+> 我不知道现在都是用什么技术做这些桌面应用（没有网络的），就是不知道如果没有网络如何联系到函数？因为我也学过Android Studio 可以开发，Android Studio 就是没有网络功能的，可以用 Java 来实现稍微复杂的点击事件，它有整合在一起。
+>
+> 但是前端三件套没有办法用 Java 除非用网络端口好像。就是有点疑惑如果不用网络怎么实现调用 Java 函数（或者 Python 函数）？
+
+问题很长，总结一下就是一句话：怎么做个不用网络的软件？
+
+首先我觉得这位同学应该是最近接触了很多前端或后端方面的知识、了解了 API 接口调用等，才导致自己有一点点 “小迷糊了”。
+
+其实仔细想一想，我们刚开始学计算机时接触的第一行代码 Hello World、在小黑框里运行的那些算法不正是不用网络的软件么？只不过可能没有用户界面，丑了点罢了。
+
+![](https://www.codefather.cn/img/image-20220415185317820.png)
+
+为什么现在绝大多数的应用都依赖网络呢？有两方面原因，首先是因为用户是从自己电脑上访问远程服务器上的代码和数据，没有网络玩个锤子；其次就是因为很多应用依赖的功能可能不是写在自己的系统里（比如使用某某云等第三方服务）、或者和自己的系统不兼容（比如自己的应用是 Java 写的，需要的功能是用 C++ 写的），通过使用网络 API 接口可以屏蔽系统 / 应用间的差异，也就是：怎么实现我不管，我给你发请求，你给我需要的响应就行。
+
+那如果想开发不需要网络的应用，我们就可以从这两方面去下手。
+
+第一个思路：能不能把应用的前端和后端逻辑代码、以及所有的数据放在一起？这里的一起是指把代码写在一起（比如同一个根目录下）、以及使用相同的语言。
+
+当然可以！就像上面举的例子，我们可以用 C 语言等几乎 **任何编程语言** 来编写算法、前端界面和 “后端” 逻辑。比如写桌面端应用可以用 C++ 的 QT Creator、前端 JavaScript + Electron / Tauri、C#、Rust、Java Swing / JavaFX、Python Tkinter 等等（并不是说前端三件套只能写网页）；写后端逻辑也可以用 C 语言、C++、Java、Python、Go 等等你听说过的人和编程语言。只不过没有网络的话，那就直接把这些代码全部写在一个项目里就行了，至于数据存储的话，可以用 H2、SQLite 等支持直接在内存运行的数据库，当然也可以自己分配块内存、new 个对象啥的来存储数据。
+
+![C++ QT Creator](https://www.codefather.cn/img/image-20220415193939767.png)
+
+第二个思路：如果没有网络，并且我们还不把代码写在一起，可能是多个不同语言编写的程序放在了同一个机器上，那有什么办法让代码之间互相调用呢？
+
+这里我想到了 2 种方法，第一种方法是使用一些类库来调用其他语言的代码，比如 Java 调用 Python 脚本可以用 Jython，一个 Java 语言的 Python 实现：
+
+> Jython：https://www.jython.org/
+
+![](https://www.codefather.cn/img/image-20220415192442616.png)
+
+当然，Java 调用 C++ 就更简单了（毕竟 Java 就是用 C++ 写的！），使用 Java 的 `本地方法` 特性，找到同一台电脑上的 C++ 的动态链接库文件调用即可：
+
+![借一张网图](https://www.codefather.cn/img/image-20220415193210113.png)
+
+如果语言本身不支持调用其他语言、也没有什么第三方的类库，那就干脆去调用命令行工具，运行其他语言的脚本或 exe 之类的文件，也能实现同样的效果。比如 Java 的 `Runtime.exec()` 方法，用来执行外部程序或命令。你可以用 Java 去打开记事本.exe，也可以让 Java   执行 cmd 的关机命令~
+
+第二种方法属于曲线救国。如果没有网络，并不是说我们就不能发送请求了，只不过不能向本机之外的服务器发送请求而已。所以我们可以在本地启动服务，然后通过请求 localhost:port 本机地址去访问本地的其他代码。我们在本地开发调试前后端项目的时候，不都是这样做的么？
+
+![](https://www.codefather.cn/img/image-20220415193741385.png)
+
+这样也完全可以实现前后端分离、甚至就连微服务也不在话下！
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\346\273\264\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\346\273\264\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..904e66e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\346\273\264\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
@@ -0,0 +1,187 @@
+# 我滴项目完成啦！！！
+
+大家好，我是鱼皮。
+
+经过了 14 场直播、总时长近 40 小时后！我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 内的第二个 **全程直播开发** 的项目终于完结啦！
+
+![](https://www.codefather.cn/img/image-20220419224055491.png)
+
+鱼皮在这里对该项目做一个简单的总结，希望让更多需要这个项目的同学看到，能够从中受益~
+
+
+
+## 项目简介
+
+这次做的是一个帮助大家找到志同道合的伙伴的移动端网站（APP 风格），核心功能是按标签检索用户、推荐相似用户、自由组队等，当然基本的用户登录注册、更新个人信息功能也是必不可少的~
+
+主页：
+
+![](https://www.codefather.cn/img/image-20221023120231097.png)
+
+找伙伴：
+
+![](https://www.codefather.cn/img/image-20221023120338802.png)
+
+组队功能：
+
+![](https://www.codefather.cn/img/image-20221023120253418.png)
+
+创建队伍：
+
+![](https://www.codefather.cn/img/image-20221023120311527.png)
+
+个人信息及修改：
+
+![](https://www.codefather.cn/img/image-20221023120321632.png)
+
+这个该项目基本覆盖了企业开发中常见的需求以及对应的解决方案，比如登录注册、批量数据导入、信息检索展示、定时任务、资源抢占等。并且涵盖了分布式、并发编程、锁、事务、缓存、性能优化、幂等性、数据一致性、大数据、算法等后端程序员必须了解的知识与实践。
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，还能学会很多思考问题、对比方案的方式方法，并提升排查问题、解决 Bug 的能力。此外，还能学习到最最最方便的项目上线方式，几分钟上线一个项目真的轻轻松松！
+
+
+
+### 本项目适合的同学
+
+以下两个条件满足一个即可：
+
+1. 已经学过基本的前端（HTML + CSS + JS 三件套），想学、在学或已学 Vue 移动端开发
+2. 学习过后端开发技术（比如 Java Web）
+
+
+
+> 感兴趣的同学可以看看第一期项目回放：https://meeting.tencent.com/v2/cloud-record/share?id=b81b85c4-632e-4340-8d3f-1987ac70ff61&from=3（访问密码：nxTk）
+
+
+
+再介绍一下项目用到的技术，都是很主流的了~
+
+
+
+### 技术选型
+
+#### 前端
+
+- Vue 3
+- Vant UI 组件库
+- Vite 脚手架
+- Axios 请求库
+
+
+
+#### 后端
+
+- Java SpringBoot 2.7.x 框架
+- MySQL 数据库
+- MyBatis-Plus
+- MyBatis X 自动生成
+- Redis 缓存（Spring Data Redis 等多种实现方式）
+- Redisson 分布式锁
+- Easy Excel 数据导入
+- Spring Scheduler 定时任务
+- Swagger + Knife4j 接口文档
+- Gson：JSON 序列化库
+- 相似度匹配算法
+
+
+
+#### 部署
+
+- Serverless 服务
+- 云原生容器平台
+
+
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+
+
+## 项目大纲
+
+1. 项目简介和计划
+2. 需求分析
+3. 技术选型（各技术作用讲解）
+4. 前端项目初始化
+   - 脚手架
+   - 组件 / 类库引入
+5. 前端页面设计及通用布局开发
+6. 后端数据库表设计
+7. 按标签搜索用户功能
+   - 前端开发
+   - 后端开发
+   - 性能分析
+   - 接口调试
+8. Swagger + Knife4j 接口文档整合
+9. 后端分布式登录改造（Session 共享）
+10. 用户登录功能开发
+11. 修改个人信息功能开发
+12. 主页开发（抽象通用列表组件）
+13. 批量导入数据功能
+    - 几种方案介绍及对比
+    - 测试及性能优化（并发编程）
+14. 主页性能优化
+    - 缓存和分布式缓存讲解
+    - Redis 讲解
+    - 缓存开发和注意事项
+    - 缓存预热设计与实现
+    - 定时任务介绍和实现
+    - 锁 / 分布式锁介绍
+    - 分布式锁注意事项讲解
+    - Redisson 分布式锁实战
+    - 控制定时任务执行的几种方案介绍及对比
+15. 组队功能
+    - 需求分析
+    - 系统设计
+    - 多个接口开发及测试
+    - 前端多页面开发
+    - 权限控制
+16. 随机匹配功能
+    - 匹配算法介绍及实现
+    - 性能优化及测试
+17. 项目优化及完善
+18. 免备案方式上线前后端
+
+
+
+那做完这个项目后，你可以得到哪些收获呢？
+
+
+
+## 项目收获
+
+1. 本项目为全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学会前后端企业主流开发技术（如 Vue 3、Spring Boot 等）的应用，提升开发经验
+3. 学习 Java 8 特性、接口文档、网页内容抓取、分布式登录、大数据量导入、并发编程、Redis、缓存及预热、定时任务、分布式锁、幂等性、算法、免备案上线项目等重要知识
+4. 通过多次带大家思考和对比实现方案，帮你开拓思路，学习系统设计的方法和经验
+5. 学到项目开发、调试和优化技巧，比如开发工具使用技巧、组件抽象封装、问题定位、性能优化、内存优化等
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+7. 学习一些思考底层原理的方式、以及源码阅读技巧
+8. 鱼皮已经整理好了这个项目可以写在简历上的亮点，做完项目后就能直接填满简历~
+
+
+
+---
+
+
+
+因为项目是在我的编程知识星球内直播做的，所以自然不能给大家免费发放啦。大家如果对这个项目感兴趣，欢迎加入我的 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，加入后可以观看后续的项目直播、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等：
+
+![](https://www.codefather.cn/img/image-20221023191126620.png)
+
+> 感兴趣的同学可以看看第一期项目回放：https://meeting.tencent.com/v2/cloud-record/share?id=b81b85c4-632e-4340-8d3f-1987ac70ff61&from=3（访问密码：nxTk）
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://www.codefather.cn/img/image-20221023192350771.png)
+
+![](https://www.codefather.cn/img/image-20221023191142079.png)
+
+关于 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我已经运营了 8 个月了，就不过多地介绍了，感兴趣的同学可以访问 https://yupi.icu 了解详情。
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\347\232\204\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\347\224\250\346\210\267\344\270\255\345\277\203.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\347\232\204\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\347\224\250\346\210\267\344\270\255\345\277\203.md"
new file mode 100644
index 0000000..920d792
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\210\221\347\232\204\351\241\271\347\233\256\345\256\214\346\210\220\345\225\246\357\274\201\357\274\201\357\274\201\347\224\250\346\210\267\344\270\255\345\277\203.md"
@@ -0,0 +1,213 @@
+# 我的项目完成啦！！！
+
+大家好，我是鱼皮，自从开了 **知识星球** 后，我每周多了一个固定的任务：直播带大家做项目。
+
+经过了 7 场直播、总时长近 24 小时后！星球内的第一个 **全程直播开发** 的项目终于完结啦！
+
+![](https://www.codefather.cn/img/image-20220419224055491.png)
+
+鱼皮在这里对该项目做一个简单的总结，希望让更多需要这个项目的同学看到，能够从中受益~
+
+
+
+## 项目简介
+
+由于是星球内的第一个项目，决定带大家做一个企业中最最最常用的系统 —— `用户中心` ，其实就是一个简单的 “用户管理系统” ，实现了用户注册、登录、查询等基础功能。如图：
+
+![注册页面](https://www.codefather.cn/img/image-20220419195029500.png)
+
+![管理页面](https://www.codefather.cn/img/image-20220419200007861.png)
+
+虽然系统逻辑和功能并不复杂，代码量也不多，但是正因如此，大家才不需要关注特定的、复杂的业务流程，可以更轻松地学习到 **通用的技术和做项目的经验** 。
+
+麻雀虽小五脏俱全，我真真正正地 **从 0 到 1 全程直播** 带大家完成了这个项目的完整前端和后端！从产生想法、到需求分析、到技术选型、系统设计、项目初始化、编码实现、测试、再到最后的部署上线，每一个环节我都从理论到实践给大家讲的明明白白、每一个细节都不放过！再加上直播过程中踩的种种坑点以及问题的解决，相信一定可以帮助大家走出书本、走出校园、走出死板 / 单纯讲知识点的网课和教程，学到企业 真正需要的开发技能和经验。
+
+![直播回放](https://www.codefather.cn/img/image-20220419224257239.png)
+
+我可以很负责任地说，如果你已经有过一些前端或后端开发的基础知识，完完整整地看完这个项目并跟着实践后，你绝对可以 **独立、一条龙开发和上线** 绝大多数常见的系统了！
+
+
+
+### 本项目适合的同学
+
+1. 学过基本的前端（HTML + CSS + JS 三件套）或后端开发技术（Java Web）
+2. 还不知道怎么独立做出完整的项目，想了解规范的开发流程
+3. 想快速学习自己不熟悉的技术并且了解其应用（比如你只会前端，想了解后端）
+4. 想全方位提高自己的编程能力
+5. 想提升做项目的经验和系统设计能力
+6. 想学习更多企业主流开发技术
+7. 想给简历增加项目经验
+8. 想开发和上线自己的网站
+
+
+
+> 感兴趣的同学可以访问：dogyupi.com 查看免费的第一期项目回放
+
+
+
+再介绍一下项目用到的技术，都是很主流的了~
+
+
+
+### 技术选型
+
+#### 前端
+
+主要运用阿里 Ant Design 生态：
+
+- HTML + CSS + JavaScript 三件套
+- React 开发框架
+- Ant Design Pro 项目模板
+- Ant Design 端组件库
+- Umi 开发框架
+- Umi Request 请求库
+
+
+
+#### 后端
+
+- Java 编程语言
+- Spring + SpringMVC + SpringBoot 框架
+- MyBatis + MyBatis Plus 数据访问框架
+- MySQL 数据库
+- jUnit 单元测试库
+
+
+
+#### 部署
+
+- 单机部署
+- Nginx
+- 容器
+
+
+
+做完这个项目后，你可以得到哪些收获呢？
+
+
+
+### 项目收获
+
+1. 学会前后端企业主流开发技术的应用
+2. 了解做项目的完整流程，能够独立开发及上线项目
+3. 学到系统设计的方法和经验
+4. 学到一些实际的编码技巧，比如开发工具、快捷键、插件的使用
+5. 学到代码的优化技巧，比如抽象、封装、提高系统性能、节约资源的方法
+6. 学习登录态、代理、多环境、容器、跨域等重要的开发知识
+7. 学到一些源码阅读的技巧
+8. 提升自主解决问题的能力
+
+
+
+> 感兴趣的同学可以访问：dogyupi.com 查看免费的第一期项目回放
+
+
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+
+
+## 项目大纲
+
+1. 项目简介和计划
+2. 企业做项目完整流程介绍
+3. 需求分析
+4. 技术选型（各技术作用讲解）
+5. 前端项目初始化
+   1. 框架及项目目录介绍
+   2. 组件引入
+   3. 框架瘦身
+6. 后端项目初始化
+   1. 3 种初始化 Java 项目的方式
+   2. 环境搭建（比如 MySQL 安装）
+   3. SpringBoot 整合 SSM、MyBatis 框架
+   4. 项目分层介绍
+7. 数据库表设计
+8. 注册功能
+   1. 详细设计
+   2. 前端开发
+      1. 快速页面开发
+      2. 表单组件使用
+   3. 后端开发
+      1. 代码生成器的使用
+      2. 接口、业务逻辑开发
+      3. 单元测试
+      4. API 接口测试
+9. 登录功能
+   1. 详细设计
+   2. 前端开发
+      1. 登录态管理
+      2. 请求库的使用
+      3. 页面开发及验证
+   3. 后端开发
+      1. 登录态管理（Cookie 和 Session）
+      2. 接口开发及测试
+   4. 前后端交互
+   5. 代理知识讲解
+      1. 正向代理
+      2. 反向代理
+      3. 如何开启本地代理
+10. 用户管理
+    1. 前端开发
+    2. 后端开发
+11. 用户注销功能
+    1. 前端开发
+    2. 后端开发
+12. 前端代码优化
+    1. 全局请求响应拦截器的封装
+    2. 友好提示
+13. 后端代码优化
+    1. 通用返回对象
+    2. 自定义异常及错误码
+    3. 全局异常处理器
+14. 补充用户校验
+15. 项目部署
+    1. 多环境理论及实战
+    2. 四种部署方式实战
+       1. 原始前端 Nginx / 后端 SpringBoot 部署
+       2. 宝塔 Linux 
+       3. Docker 容器（常用命令全部演示）
+       4. 容器平台
+16. 项目上线
+    1. 域名解析
+    2. 跨域问题解决（3 种思路）
+17. 用户中心项目扩展思路和优化点
+
+
+
+别看大纲那么多，其实这个项目还是很基础的了，做过一遍之后再回过头来看就会感觉贼简单。
+
+这个项目对大家有没有帮助我说了不算，来看看星球内的小伙伴的评价吧~
+
+![](https://www.codefather.cn/img/image-20220419225554538.png)
+
+![](https://www.codefather.cn/img/image-20220419225649036.png)
+
+![](https://www.codefather.cn/img/image-20220419225408089.png)
+
+
+
+因为项目是在我的知识星球内直播做的，所以自然不能给大家免费发放啦。大家如果对这个项目感兴趣，欢迎加入我的 **编程知识星球**，加入后可以观看后续的项目直播、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等：
+
+![](https://www.codefather.cn/img/image-20220419225108860.png)
+
+还有小伙伴们自发整理的笔记，不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://www.codefather.cn/img/image-20220419225851234.png)
+
+可能有同学会觉得星球的价格有点贵，但其实仔细想一想，也就是一节补习班或者一套课程的钱。而且加入星球后还可以进圈子和大家一起交流编程、向鱼皮等已经上岸大厂的同学提问、得到清晰的学习规划、得到学习路线和海量教程 & 项目资源等。相信加入星球后，你会有很大的改变！
+
+![星球内从 0 到 1 的编程学习指南](https://www.codefather.cn/img/image-20220419230945667.png)
+
+另外，带大家直播做这个项目的过程的确不容易，可比自己闷声做项目要累太多了，**我绝对尽心尽力了** ！就问有多少人能做到一次性直播 4 个小时，一刻不停歇讲到凌晨的！
+
+![](https://www.codefather.cn/img/image-20220419224002402.png)
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201API\345\274\200\346\224\276\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201API\345\274\200\346\224\276\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..ae909bd
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201API\345\274\200\346\224\276\345\271\263\345\217\260.md"
@@ -0,0 +1,191 @@
+# 新项目搞完啦！！！
+
+大家好，我是鱼皮。
+
+又经过了 7 场直播，总时长近 20 小时，我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 内的第 3 个 **全程直播开发** 的项目 ——  API 开放平台，终于完结啦！
+
+![](https://www.codefather.cn/img/image-20220419224055491.png)
+
+我在这里对该项目做一个简单的总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+
+
+## 项目简介
+
+这次做的是一个提供 API 接口供开发者调用的平台**（分布式项目）**。
+
+管理员可以接入并发布接口，统计分析各接口调用情况；用户可以注册登录并开通接口调用权限，然后可以浏览接口及在线调试，还能使用客户端 SDK 轻松在代码中调用接口。
+
+项目的前端并不复杂，更侧重后端，包含丰富的编程技巧和架构设计层面的知识。
+
+主页（用户可以浏览接口）：
+
+![](https://www.codefather.cn/img/1673399530597-2748898e-9f88-4329-85fc-f7bcdba3ae8a-20230111115648959.png)
+
+接口管理（管理员控制接口发布 / 下线）：
+
+![](https://www.codefather.cn/img/1673399741446-9627305d-cd5e-4dbf-b51a-fc249d2206db-20230111115649247.png)
+
+在线调试（一键调用接口）：
+
+![](https://www.codefather.cn/img/1673399936177-ae0942ec-f0cc-4481-b101-b109e849b3be-20230111115649455.png)
+
+使用自己开发的客户端 SDK（一行代码调用接口）：
+
+![](https://www.codefather.cn/img/1673400021340-08220e8e-3aaf-4ca6-bdd6-c7165402151e-20230111115649702.png)
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，大家还能学到很多思考问题、对比方案的套路，并提升排查问题、解决 Bug 的能力。
+
+此外，还能学习到最最最方便的项目开发方式。熟练之后，**几分钟开发一个新功能** 真的轻轻松松！
+
+
+
+### 为什么带大家做这个项目？
+
+首先是它足够新颖，不同于大家在学校时做的管理系统、商城项目等，开放平台通常是知名企业（产品）才会建设和提供的。开放平台类的项目不要说现成的教程了，连相关的文章都少的可怜！
+
+如下图，有点儿人看的文章基本都是几年前的了：
+
+![](https://www.codefather.cn/img/1673320096281-17d8c09b-93c2-456c-b805-dace09605e7e-20230111115805410.png)
+
+此外，开放平台项目涉及 **多个系统** 的交互（不止有一个后端），包含了 API 签名认证、网关、RPC、分布式等必学知识，很适合帮助后端同学开拓眼界、提升系统设计和架构能力，而这点是很多网课不能做到的。
+
+![](https://www.codefather.cn/img/1673400300009-9d6c7262-d1e8-4484-8386-e1971a423b56-20230111115805577.png)
+
+
+
+### 本项目适合的同学
+
+本项目更侧重后端，如果你学习过后端开发技术（比如 Java Web），希望做一个区别于管理系统的、有亮点的、写在简历上加分的项目，并提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+当然，如果你是前端，也可以通过这个项目学习到快速开发前端项目的技巧，但是最好学习过 Vue 或 React 框架。
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：https://www.bilibili.com/video/BV1Nd4y157Dm
+
+
+
+再介绍一下项目用到的技术，都是主流的~
+
+
+
+### 技术选型
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Ant Design & Procomponents 组件库
+- Umi 4 前端框架
+- OpenAPI 前端代码生成
+
+
+
+#### 后端
+
+- Java Spring Boot
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- API 签名认证（Http 调用）
+- Spring Boot Starter（SDK 开发）
+- Dubbo 分布式（RPC、Nacos）
+- Swagger + Knife4j 接口文档生成
+- Spring Cloud Gateway 微服务网关
+- Hutool、Apache Common Utils、Gson 等工具库
+
+
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+
+
+## 项目大纲
+
+1. 项目介绍和计划
+2. 需求分析
+3. 业务流程和子系统介绍
+4. 技术选型（各技术作用讲解）
+5. 前后端项目初始化
+   1. **前端 Ant Design Pro 框架最新版本教程**
+   2. **后端 Spring Boot 万用模板使用**
+6. 数据库表设计
+7. **前后端代码自动生成**（强烈推荐，大幅提高开发效率！）
+8. 登录页开发
+9. 接口管理功能开发（Ant Design 高级组件使用）
+10. 模拟 API 接口项目开发
+11. HTTP 接口调用
+12. **API 签名认证详解及开发**
+13. **客户端 SDK 开发**（Spring Boot Starter）
+14. 管理员接口发布 / 下线功能开发
+15. 接口列表页开发
+16. 在线调试接口功能开发
+17. 接口调用统计开发
+    1. 后端开发
+    2. 优化方案分析及对比
+18. **API 网关详解**
+    1. 网关介绍及优点
+    2. 10 种网关应用场景
+    3. 网关分类及技术选型
+19. Spring Cloud Gateway 网关实现
+    1. 详细带读官方文档
+    2. 统一业务处理：用户鉴权及接口调用次数统计
+20. **项目分布式改造**
+    1. 公共模块抽象
+    2. **RPC 和 HTTP 调用详解及对比**
+    3. Dubbo 框架讲解及示例项目开发
+    4. Dubbo 业务实战
+21. 管理员统计分析功能
+    1. 前端 2 种可视化库的使用
+    2. 后端聚合查询接口开发
+22. 项目扩展点及上线分析
+
+
+
+那做完这个项目后，你可以得到哪些收获呢？
+
+
+
+## 项目收获
+
+1. 全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学习最新版本前后端开发脚手架的使用，掌握快速生成代码、前后端协作的方法，提高数倍开发效率
+3. 跳出传统的 CRUD 管理系统项目，学习企业级第三方平台的架构设计和开发
+4. 学习客户端 SDK、API 签名认证、API 网关、RPC 分布式等后端知识和编程技巧
+5. 鱼皮带你读官方文档，让你学到阅读官方文档的方法和技巧，提高自主学习的能力
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+
+
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法和亮点（也就接近 20 个吧），做完项目后就能直接填满简历！
+
+![简历写法文档](https://www.codefather.cn/img/image-20230111121050285.png)
+
+
+
+---
+
+
+
+因为项目是在我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 内直播做的，所以自然不能给大家免费发放啦。大家如果对这个项目感兴趣，欢迎加入我的星球，加入后可以跟着后续的直播做新项目、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家交流或者 **直接加微信向鱼皮提问** ！
+
+![项目笔记](https://www.codefather.cn/img/image-20230111121306473.png)
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：https://www.bilibili.com/video/BV1Nd4y157Dm
+
+
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://www.codefather.cn/img/image-20230111121645038.png)
+
+关于 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我已经运营快一年了，就不过多地介绍了，感兴趣的同学可以访问 https://yupi.icu 了解详情。
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..3d12dc1
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md"
@@ -0,0 +1,277 @@
+# 又一个新项目完结，炸裂！
+
+大家好，我是鱼皮。
+
+经过了总时长超过 30 小时的直播，我在 [自己的编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) 的第 6 个 **全程直播开发** 的微服务项目 ——  鱼 OJ 在线判题系统，完结啦！
+
+![](https://www.codefather.cn/img/image-20220419224055491.png)
+
+实话说，带大家做这个项目的确把我累的够呛。
+
+因为我带大家做的每个项目都是全程直播的 **保姆级教程** ，每一行代码都是直播带大家写的、每一个坑都是直播带大家踩的，大家跟着做就完事了。相比于网上很多所谓大而全的文字项目教程，大家学习上的卡点会更少。
+
+真心换真心，我的付出也得到了很多同学的认可：
+
+![](https://pic.yupi.icu/1/image-20230830164624413.png)
+
+所以鱼皮对这次的新项目做一个分享和总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+> 文末有加入学习方式
+
+
+
+## 项目简介
+
+这次带做的是一个让很多同学 “望而生畏” 的硬项目， 基于 Vue 3 + Spring Boot + Spring Cloud 微服务 + Docker 的 **编程题目在线评测系统** （简称 OJ）。
+
+在系统前台，管理员可以创建、管理题目；用户可以自由搜索题目、阅读题目、编写并提交代码。
+
+在系统后端，能够根据管理员设定的题目测试用例在 **代码沙箱** 中对代码进行编译、运行、判断输出是否正确。
+
+其中，代码沙箱可以作为独立服务，提供给其他开发者使用。
+
+题目搜索页面：
+
+![](https://pic.yupi.icu/1/1693380003251-58621bd5-b79b-4d1b-a2e8-e2333c3d0320.png)
+
+在线做题页面，支持代码编辑器、代码高亮：
+
+![](https://pic.yupi.icu/1/1693380394576-33990592-7f62-4761-87d3-89b1819149ff.png)
+
+题目提交列表页面：
+
+![](https://pic.yupi.icu/1/1693380079501-efe098cb-4ead-4766-a58f-2117a2708551.png)
+
+创建题目页面，包含 Markdown 富文本编辑器、动态增删测试用例：
+
+![](https://pic.yupi.icu/1/1693380119290-b00f2918-0a05-4d2b-8bf6-a25022af020e.png)
+
+![](https://pic.yupi.icu/1/1693380213189-55d38e63-87fe-4a7e-aaf6-31b519dd8625.png)
+
+项目业务流程图：
+
+![](https://pic.yupi.icu/1/image-20230830153257684.png)
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd
+
+
+
+### 为什么带大家做这个项目？
+
+1. 资料少：OJ 系统网上几乎找不到教程
+2. 比较新颖，有亮点、有区分度（人家写外卖，你写 OJ）
+3. 能学到东西：能够学到很多传统 CRUD 开发外的知识点和编程思想
+4. 复杂度 “高”：很多同学觉得 OJ 是个很复杂的项目，一起攻克它
+5. 可扩展性强，有很多区别于 CRUD 的功能可做
+
+
+
+### 项目特点和收获
+
+该项目选题非常 **新颖** ，不同于泛滥的管理系统、博客、商城，不同于只有增删改查的业务系统，本项目会基于 **Docker 虚拟化技术 + 多种设计模式** ，从 0 开始手把手带大家实现一个安全的、可复用的 **代码沙箱** ，并通过 **微服务架构** 实现一个可扩展的在线判题系统。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长超 **30 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+鱼皮给大家讲的都是通用的项目开发方法和架构设计套路，从这个项目中你可以学到：
+
+- 如何从设计到开发一套完整系统？
+- 如何在应用中使用 Docker 隔离程序？
+- 如何从 0 打造前端项目模板？
+- 单体项目如何改造为微服务？
+- 如何保证用户执行代码的安全？
+- 如何使用消息队列解耦程序？
+- 如何巧妙利用设计模式来优化代码？
+
+此外，还能学会很多作图、思考问题、对比方案的方法，提升排查问题、自主解决 Bug 的能力。
+
+> 值得一提的是，我带大家做这个项目的过程是先做完单体项目、再改造为微服务，所以哪怕你还没接触过微服务、或者时间紧急，也可以分阶段来学习~ 而且学完这个操作后，你的任何单机项目都可以升级成微服务了，不用再单独做一个微服务新项目，大幅节省时间。
+
+
+
+### 本项目适合的同学
+
+本项目同时适合前端和后端，是一套完整的全栈项目。
+
+如果你是后端，已经学习过 Java Web 开发技术，希望做一个新颖的、有亮点的、写在简历上加分的项目，学习 OJ 系统的设计实现、微服务项目的设计实现、Docker 技术的实战运用、设计模式的实战运用、提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+如果你是前端，最好已经学习过 Vue 或 React 框架，可以通过本项目学习到快速开发前端项目的技巧、自主编写一套前端通用模板的方法。
+
+再介绍下这个项目用到的技术。
+
+
+
+### 技术选型（全栈项目）
+
+这次不仅用到了主流的技术，还包含了一些大家可能都没听说过的技术~
+
+
+
+#### 前端
+
+- Vue 3
+- Vue-CLI 脚手架
+- Vuex 状态管理
+- Arco Design 组件库
+- 前端工程化：ESLint + Prettier + TypeScript
+- ⭐️ 手写前端项目模板（通用布局、权限管理、状态管理、菜单生成）
+- ⭐️ Markdown 富文本编辑器
+- ⭐️ Monaco Editor 代码编辑器
+- ⭐️ OpenAPI 前端代码生成
+
+
+
+#### 后端
+
+- ⭐️ Java Spring Cloud + Spring Cloud Alibaba 微服务
+  - Nacos 注册中心
+  - OpenFeign 客户端调用
+  - GateWay 网关
+  - 聚合接口文档
+- Java Spring Boot（万用后端模板）
+- Java 进程控制
+- ⭐️ Java 安全管理器
+- ⭐️ Docker 代码沙箱实现
+- ⭐️ 虚拟机 + 远程开发
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- Redis 分布式 Session
+- ⭐️ RabbitMQ 消息队列
+- ⭐️ 多种设计模式
+  - 策略模式
+  - 工厂模式
+  - 代理模式
+  - 模板方法模式
+- 其他：部分并发编程、JVM 小知识
+
+
+
+再列举下项目的大纲，只是部分关键环节。此外，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如：如何自定义代码模板、规范的前后端开发流程、代码抽象复用的小技巧等。
+
+
+
+## 项目大纲
+
+> 这个项目内容非常多，大家可以看看有没有自己想学的知识点。
+
+
+
+### 第一章：项目诞生
+
+1. 项目介绍 | OJ 系统常用概念
+2. 项目介绍 | 企业项目开发流程
+3. 项目介绍 | 主流 OJ 系统调研
+4. 项目介绍 | 核心实现模块介绍
+5. 项目介绍 | 核心业务流程（2 种作图）
+6. 项目介绍 | 系统功能梳理
+7. 项目介绍 | 技术选型
+8. 项目介绍 | 系统架构设计（架构设计图）
+9. OJ 系统实现方案（5 种方案讲解）
+10. 前端项目初始化 | Vue-CLI 初始项目搭建
+11. 前端项目初始化 | 组件库引入
+12. 前端项目初始化 | 项目通用布局开发及优化
+13. 前端项目初始化 | 全局状态管理
+14. 前端项目初始化 | 全局权限管理
+15. 前端项目初始化 | 通用菜单组件开发
+16. 前端项目初始化 | 全局项目入口
+17. 前端项目初始化 | 多套布局支持
+18. 后端项目初始化（Spring Boot 万用模板讲解）
+19. 前后端联调 | 用户登录页面开发
+20. 前后端联调 | 前端请求代码生成
+21. 前后端联调 | 用户自动登录
+
+
+
+### 第二章：单体项目开发
+
+1. 后端接口开发 | 库表设计
+2. 后端接口开发 | 数据库索引知识
+3. 后端接口开发 | 后端开发流程讲解
+4. 后端接口开发 | 代码自动生成
+5. 后端接口开发 | 开发题目相关接口
+6. 前端页面开发 | 整合 Markdown 编辑器
+7. 前端页面开发 | 整合 Monaco Editor 代码编辑器
+8. 前端页面开发 | 题目页面开发（自定义代码模板）
+9. 前端页面开发 | 题目管理页面开发
+10. 前端页面开发 | 题目更新页面开发
+11. 前端页面开发 | 题目列表搜索页面开发
+12. 前端页面开发 | 在线做题页面开发
+13. 判题机架构 | 判题机模块划分
+14. 判题机架构 | 判题服务开发
+15. 判题机架构 | 策略模式优化
+
+
+
+### 第三章：代码沙箱实现
+
+1. 代码沙箱 Java 原生实现 | 执行原理
+2. 代码沙箱 Java 原生实现 | 核心流程开发
+3. 代码沙箱 Java 原生实现 | Java 程序漏洞讲解（6 种）
+4. Java 程序安全控制 | 超时控制
+5. Java 程序安全控制 | 资源控制
+6. Java 程序安全控制 | 权限控制
+7. Java 程序安全控制 | 安全管理器
+8. Java 程序安全控制 | 环境隔离
+9. Docker 从入门到实战 | Docker 入门讲解
+10. Docker 从入门到实战 | 虚拟机 + 远程开发环境搭建
+11. Docker 从入门到实战 | Docker 命令实操
+12. Docker 从入门到实战 | Java 操作 Docker
+13. 代码沙箱 Docker 实现 | 核心流程实现
+14. 代码沙箱 Docker 实现 | Docker 容器安全性
+15. 代码沙箱优化 | 模板方法模式
+16. 代码沙箱开放 API（API 安全性）
+
+
+
+### 第四章：项目微服务化
+
+1. 微服务入门 | 基本概念
+2. 微服务入门 | 微服务实现技术
+3. 微服务入门 | Spring Cloud Alibaba 入门
+4. 微服务改造 | Redis Session 分布式登录
+5. 微服务改造 | 服务划分
+6. 微服务改造 | 路由划分
+7. 微服务改造 | Nacos 注册中心
+8. 微服务改造 | Maven 子父工程生成
+9. 微服务改造 | 代码依赖同步
+10. 微服务改造 | Open Feign 服务内部调用
+11. Gateway 微服务网关 | 接口路由
+12. Gateway 微服务网关 | 聚合文档
+13. Gateway 微服务网关 | 跨域解决
+14. Gateway 微服务网关 | 权限校验
+15. 消息队列解耦 | RabbitMQ 项目异步化改造
+
+
+
+## 项目资料
+
+除了项目教程视频之外，鱼皮还提供了其他的服务，保证大家都能做出这个项目，并且直接写到简历上加分！
+
+包括：
+
+- 详细的直播笔记
+- 完整的项目源码
+- 答疑解惑
+- 专属项目交流群
+- ⭐️ 现成的简历写法（直接写满简历）
+- ⭐️ 项目的扩展思路（拉开和其他人的差距）
+- ⭐️ 项目相关面试题（提前准备，面试不懵逼）
+
+
+
+![](https://pic.yupi.icu/1/image-20230830161624904.png)
+
+
+
+## 加入学习
+
+注意，本项目只是《鱼皮原创项目系列教程》的 **其中一个** 项目，之前已经完结了 5 个全栈项目！
+
+如果大家对鱼皮的原创项目感兴趣，欢迎加入 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) ，加入后不仅可以学习往期所有的项目，还能够跟着鱼皮后续的直播做新项目。
+
+>  这样一套微服务项目，如果你在其他平台去单独购买，少说也要几百块了。
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了！冲冲冲！
+
+![](https://pic.yupi.icu/1/image-20230830163806725.png)
+
+👇🏻 点击下方阅读原文，进一步了解鱼皮原创项目系列教程。
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\346\231\272\350\203\275 BI \345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
new file mode 100644
index 0000000..4bce33c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"	
@@ -0,0 +1,190 @@
+# 新项目搞完啦！！！
+
+大家好，我是鱼皮。
+
+经过了 7 场直播，总时长近 20 小时，我在 [自己的编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) 的第 5 个 **全程直播开发** 的项目 ——  智能 BI 项目，完结啦！
+
+![](https://www.codefather.cn/img/image-20220419224055491.png)
+
+我在这里对该项目做一个简单的总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+
+
+## 项目简介
+
+这次做的是一个顺应潮流的项目， 基于 React + Spring Boot + MQ + AIGC 的 **智能数据分析平台** 。
+
+区别于传统 BI，用户只需要导入原始数据集、并输入分析诉求，就能自动生成可视化图表及分析结论，实现数据分析的降本增效。
+
+>  BI：即商业智能，可以简单理解为数据分析和可视化系统
+>
+>  AIGC：指用 AI 生成内容
+
+
+
+智能分析页面：
+
+![](https://pic.yupi.icu/1/1687756780019-7fec8a50-a84a-4042-a2d4-bcf038a12c23-20230627180945775.png)
+
+
+
+我的图表页面：
+
+![](https://pic.yupi.icu/1/1687756761369-0df53610-d478-44e2-9404-49446163b7d6-20230627180946030.png)
+
+
+
+支持异步分析：
+
+![](https://pic.yupi.icu/1/1687756723426-f17cd6d3-302e-46d9-85e4-a54dbd768da3-20230627180946279.png)
+
+
+
+项目架构图：
+
+![](https://pic.yupi.icu/1/1687756290740-41ba43c4-24b3-400f-a77a-db9321e0a200-20230627180946397.png)
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：https://www.bilibili.com/video/BV1Cg4y1G7oy
+
+
+
+### 项目特点和收获
+
+该项目选题非常 **新颖** ，不同于泛滥的管理系统、博客、商城，本项目是结合当下最火的 **AIGC 技术** + 企业级 BI 业务场景的综合实战，紧跟时代潮流！
+
+项目中会带大家学习和实战：前后端高效开发方式、AIGC 应用开发、AI 提问技巧、系统优化、分布式限流、线程池、异步化、消息队列等一系列 **重点** 知识。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长近 **20 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+除了学做项目之外，还能学会很多 **思考问题、对比方案** 的方法，提升排查问题、自主解决 Bug 的能力。
+
+还能获取到鱼皮的 **万用后端项目模板**，学习到最方便的全栈项目开发方式，熟练后 **几分钟开发一个新功能** 轻轻松松！
+
+
+
+### 本项目适合的同学
+
+本项目同时适合前端和后端，但是会更侧重后端。
+
+如果你是后端，已经学习过 Java Web 开发技术，希望做一个新颖的、有亮点的、写在简历上加分的项目，学习热门的 AIGC 应用开发、提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+如果你是前端，最好已经学习过 Vue 或 React 框架，可以通过本项目学习到快速开发前端项目的技巧，并且通过保姆级的入门实战学会一些后端技术。
+
+再介绍下这个项目用到的技术，都是主流的~
+
+
+
+### 技术选型（全栈项目）
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Umi 4 前端框架
+- Ant Design 组件库
+- Echarts 可视化库
+- OpenAPI 前端代码生成
+
+
+
+#### 后端
+
+- Java Spring Boot（万用后端模板）
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- Redis + Redisson 限流
+- RabbitMQ 消息队列
+- 鱼聪明 AI SDK（AI 能力）
+- JDK 线程池及异步化
+- Easy Excel 表格数据处理
+- Swagger + Knife4j 接口文档生成
+- Hutool、Apache Common Utils 等工具库
+
+
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如：怎么又稳又快地自学一个新技术。
+
+
+
+## 项目大纲
+
+1. 项目介绍和计划
+   1. 需求分析
+   2. 技术选型
+   3. 业务流程和系统架构
+2. 前端项目初始化
+   1. Ant Design Pro 项目搭建
+   2. 初始化项目精简
+3. 后端项目初始化
+   1. Spring Boot 万用模板使用
+   2. 库表设计
+   3. 基础代码生成
+4. 前端基础开发联调
+   1. OpenAPI 代码生成
+   2. 前端模板代码优化
+   3. 登录功能开发
+5. **智能分析业务开发**
+   1. 业务流程梳理
+   2. AI 助手使用
+   3. 原始数据压缩
+   4. AIGC 入门实战
+   5. AIGC 提问技巧
+   6. 3 种 AI 调用方式
+   7. 后端接口开发
+6. 图表管理功能
+   1. 前端开发
+7. **系统分析及优化**
+   1. 文件安全性
+   2. 数据存储 - 分库分表
+   3. 限流 - 4 种限流算法
+   4. 限流 - Redisson 分布式限流实战
+8. **系统异步化改造**
+   1. 异步化业务流程
+   2. 线程池精讲（入门 + 原理 + 实战 + 面试）
+   3. 异步化改造 - 前端开发
+   4. 异步化改造 - 后端开发
+   5. 优化点扩展
+9. 系统现状分析
+10. 消息队列
+    1. 基础概念
+    2. 应用场景
+    3. 主流队列技术选型
+11. **RabbitMQ 入门实战**
+    1. AMQP 协议和基础概念
+    2. 5 种队列模型理论及实战
+    3. 核心特性 - 消息过期
+    4. 核心特性 - 消息确认
+    5. 核心特性 - 死信队列
+    6. 客户端介绍及 demo 开发
+12. BI 项目分布式队列改造
+
+
+
+## 项目资料
+
+我们整理好了项目完整源代码、详细的直播笔记和直播大纲，便于大家交流学习。
+
+![](https://pic.yupi.icu/1/image-20230627181952915.png)
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法、亮点和扩展思路（30 个左右），做完项目后就能直接填满简历！
+
+
+
+---
+
+
+
+因为项目是在我的 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) 内直播做的，所以自然不能给大家免费发放啦。（要不然又成为一个泛滥的项目了）
+
+大家如果对这个项目感兴趣，欢迎加入编程导航，加入后可以跟着后续的直播做新项目、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家一起交流或者 **直接向鱼皮本人提问** ！
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了！
+
+![](https://pic.yupi.icu/1/image-20230627182431190.png)
+
+关于 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) ，我已经运营很久了，就不过多地介绍了，感兴趣的同学可以自行扫下方二维码加入体验，三天内不满意可全额退款~
+
+![](https://pic.yupi.icu/1/%E7%BB%93%E6%9D%9F.jpg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..15ee854
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\346\226\260\351\241\271\347\233\256\346\220\236\345\256\214\345\225\246\357\274\201\357\274\201\357\274\201\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
@@ -0,0 +1,184 @@
+# 新项目搞完啦！！！
+
+大家好，我是鱼皮。
+
+我在 [自己的编程导航](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) 内的第 4 个 **全程直播开发** 的项目 ——  聚合搜索平台，完结啦！
+
+![](https://www.codefather.cn/img/image-20220419224055491.png)
+
+我在这里对该项目做一个简单的总结，希望让更多需要它的同学看到，把它变成自己的项目~
+
+## 项目简介
+
+这次做的是一个突击型项目，基于 Vue 3 + Spring Boot + Elastic Stack 的 **一站式聚合搜索平台** ，也是简化版的企业级搜索中台。
+
+对用户来说，使用该平台，可以在同一个页面集中搜索出不同来源、不同类型的内容，提升用户的检索效率和搜索体验。
+
+对企业来说，当企业内部有多个项目的数据都存在搜索需求时，无需针对每个项目单独开发搜索功能，可以直接将各项目的数据源接入搜索中台，从而提升开发效率、降低系统维护成本。
+
+放一些项目截图，前端部分其实很简单~
+
+聚合搜索页面 - 搜文章：
+
+![](https://pic.yupi.icu/1/1680425753446-db21e8a2-0fd2-496d-8539-b5e3c1f35758-20230405103944869.png)
+
+聚合搜索页面 - 搜图片：
+
+![](https://pic.yupi.icu/1/1680425525242-a6c69abb-1bae-489e-a509-6ddfda0d2c48-20230402170832730-20230405103945216.png)
+
+聚合搜索页面 - 搜用户：
+
+![](https://pic.yupi.icu/1/1680425678150-91c35525-a9d4-47e5-9c09-06548c84f7c4-20230402170853604-20230405103945327.png)
+
+Elastic Stack - Kibana 数据看板：
+
+![](https://pic.yupi.icu/1/1680425981611-18e62334-1243-4741-9013-124494249fcb-20230405103945457.png)
+
+
+
+项目架构图：
+
+![](https://pic.yupi.icu/1/image-20230402105911365-20230405103945571.png)
+
+此外，这个项目中还应用到了鱼皮提供的万用后端项目模板，熟练之后，**几分钟开发一个新功能** 真的轻轻松松！
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：https://www.bilibili.com/video/BV1ks4y1V7jC
+
+
+
+### 项目特点和收获
+
+1）本项目选用 Vue 3 + Spring Boot 2.7 新版本实现，包含完整的前后端，从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！
+
+2）项目选题新颖，不是电商、不是管理系统、不是博客论坛，而是企业架构层面的 **通用搜索能力** 的抽象，做完这个项目后，之后你自己在做任何业务系统时，都可以复用这次开发的搜索能力。
+
+3）项目中会带大家学习和实战：多种数据爬虫方法、**4 种** 数据同步方法、接口优化（ **运用了多种设计模式** ）、**Elastic Stack** （Elasticsearch 搜索引擎、Kibana 看板）、压力测试等一系列知识。
+
+4）除了学做项目之外，鱼皮还在直播过程中聊到了不少知识点，帮助大家提升架构设计思维、学会对比方案、阅读文档的套路；**所有 Bug 和问题均为直播解决** ，带大家提升自主排查问题、解决 Bug 的能力。（课程中鱼皮还演示了一小下 ChatGPT 的使用）
+
+5）项目总耗时不长，主打的是 **快速带大家学习新技术并直接实践运用** ，并且鱼皮已经整理好了这个项目可以写在简历上的亮点，成为简历上的亮眼项目。
+
+
+
+### 本项目适合的同学
+
+本项目前后端都有，但更侧重后端，重点讲了几种数据抓取方式、使用几种设计模式来优化接口、Elasticsearch 搜索引擎从 0 到 1 的应用、4 种数据同步方式等。
+
+如果你学习过后端开发技术（比如 Java Web），希望做一个区别于管理系统的、有亮点的、写在简历上加分的项目，并提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+当然，如果你是前端，也可以通过这个项目学习到一些前端开发的小技巧（比如页面状态同步），但是最好学习过 Vue 或 React 等至少一门开发框架。
+
+再介绍下这个项目用到的技术，都是主流的~
+
+
+
+### 技术选型（全栈项目）
+
+#### 前端
+
+- Vue 3
+- Ant Design Vue 组件库
+- 页面状态同步开发
+
+#### 后端
+
+- Spring Boot 2.7 框架 + springboot-init 脚手架
+- MySQL 数据库（8.x 版本）
+- **Elastic Stack**
+  - Elasticsearch 搜索引擎（重点）
+  - Logstash 数据管道
+  - Kibana 数据可视化
+- **数据抓取**（jsoup、HttpClient 爬虫）
+  - 离线
+  - 实时
+- **设计模式**
+  - 门面模式
+  - 适配器模式
+  - 注册器模式
+- **数据同步**（4 种同步方式）
+  - 定时
+  - 双写
+  - Logstash
+  - Canal
+- JMeter 压力测试
+
+
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如怎么又稳又快地自学一个新技术。
+
+
+
+## 项目大纲
+
+1. 项目介绍和计划
+2. 需求分析
+3. 技术选型、业务流程、系统架构介绍
+4. 前端项目初始化
+   1. 前端脚手架使用
+   2. 框架、组件库、请求库整合
+5. 后端项目初始化
+   1. **Spring Boot 万用模板介绍和使用**
+6. 前端聚合搜索页面开发
+7. 前后端联调
+8. **多数据源获取** （包含几种爬虫方式的讲解和实践）
+   1. JSoup 离线抓取
+   2. HttpClient 实时抓取
+9. 聚合搜索业务场景分析
+10. 聚合搜索接口开发
+    1. 门面模式讲解
+    2. 性能测试
+11. **搜索接口优化**
+    1. 统一标准
+    2. 适配器模式
+    3. 注册器模式
+12. 前端搜索接口调用优化
+13. **从 0 开始学习 Elastic Stack**
+    1. Elasticsearch 概念及倒排索引原理
+    2. Elasticsearch / Kibana 安装
+    3. Elasticsearch + Kibana Dev Tools 入门实践
+    4. Elasticsearch 调用方式讲解
+14. **ES 搜索引擎实战**
+    1. 几种 Java 客户端操作方式讲解
+    2. ES 标准开发流程实战
+    3. 动静分离
+15. **数据同步（4 种同步方式）**
+    1. 定时
+    2. 双写
+    3. Logstash
+    4. Canal
+16. Kibana 搭建看板
+17. JMeter 接口性能测试
+18. 项目扩展点
+
+
+
+## 项目资料
+
+我们整理好了项目完整源代码、详细的直播笔记和直播大纲，便于大家交流学习。
+
+![](https://pic.yupi.icu/1/image-20230405110715474.png)
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法和亮点（也就接近 30 个吧），做完项目后就能直接填满简历！
+
+![简历写法文档和助学资料](https://pic.yupi.icu/1/image-20230405110215573.png)
+
+因为项目是在我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) 内直播做的，所以自然不能给大家免费发放啦。（要不然又成为一个泛滥的项目了）
+
+大家如果对这个项目感兴趣，欢迎加入我的星球，加入后可以跟着后续的直播做新项目、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家一起交流或者 **直接加微信向鱼皮提问** ！
+
+星球里每个项目都有独立的交流群：
+
+![星球项目交流群](https://pic.yupi.icu/1/image-20230405110954231.png)
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了！
+
+![](https://pic.yupi.icu/1/image-20230405111208756.png)
+
+关于 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN#rd) ，我已经运营了一年多了，就不过多地介绍了，感兴趣的同学可以访问 https://yupi.icu 来了解详情。
+
+假期送大家一张 9 折优惠券，可以直接长按下方海报扫码领券加入（3 天内不满意可全额退款），欢迎大家：
+
+![微信扫码领券加入](https://pic.yupi.icu/1/%E6%98%9F%E7%90%83%E8%81%9A%E5%90%88%E6%90%9C%E7%B4%A2%E9%A1%B9%E7%9B%AE%E4%BC%98%E6%83%A0.png)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\351\261\274\347\232\256\357\274\214\344\275\240\345\244\252\347\273\206\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\351\261\274\347\232\256\357\274\214\344\275\240\345\244\252\347\273\206\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..82b7138
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\230\237\344\270\273\345\210\206\344\272\253/\351\261\274\347\232\256\357\274\214\344\275\240\345\244\252\347\273\206\344\272\206\357\274\201.md"
@@ -0,0 +1,66 @@
+# “鱼皮，你太细了！”
+
+大家好，我是鱼皮。
+
+不知道在学编程的小伙伴们有没有这种感觉？好像自己学了很多技术，但却不知道如何使用这些技术来做项目，也不知道做项目需要经历哪些过程、有哪些需要注意的地方。
+
+这也是我做编程知识分享近两年来，被小伙伴们询问最多的问题：
+
+![](https://qiniuyun.code-nav.cn/image-20220306162958616.png)
+
+所以很早之前我就在 B 站直播带大家写代码，希望能带小伙伴们走进企业开发、学习实际编程经验，而不是空学理论。
+
+但对外直播有几个问题：
+
+1. 有很多完全不懂编程，也不学编程的同学，会进来指手画脚、问这问那，打断我的分享、影响小伙伴们的学习体验
+2. 很多小伙伴中途进来，根本不知道你在做什么，要反复去解释
+3. 直播之后不方便发布回放（不仅屏幕有遮挡，还会影响账号的权重）
+
+
+
+所以我开通了自己的知识星球，并且在前天晚上第一次在星球内直播带大家从 0 开始做项目。
+
+不同于网上很多死板的课程，我更倾向于 **从实际出发** ，带大家学习做项目的完整流程、方法，同时带大家正确地认识和运用技术。
+
+举个例子，上次的直播中，我带大家从 0 到 1 开发用户中心，因为这是企业开发中最最最常见的需求 —— 做任何系统基本都离不开用户。
+
+整个直播持续 **两个半小时**（无休息）！从项目想法、再到项目规划、主流前端、后端技术等，我讲的都非常非常细致。并且提供可永久回看的项目直播回放。
+
+![](https://qiniuyun.code-nav.cn/image-20220306160806250.png)
+
+回放支持在线观看、也可下载超清版录屏到本地，还附有直播笔记：
+
+![](https://qiniuyun.code-nav.cn/image-20220306171237820.png)
+
+项目十分完整，用到的技术也全都是企业主流开发技术。我在带大家用每个技术前，都先详细地解释了每个技术的作用和适用场景：
+
+![](https://qiniuyun.code-nav.cn/image-20220306164826376.png)
+
+此外，在直播的过程中，虽然出现了一些 Bug，但我也都带着大家 **一一解决** ，帮助大家加深印象。也让我再次意识到：技术的更新迭代太快了，你不自己尝试一下，真的不知道会出什么问题！（所以看项目教程还是尽量看新的）。
+
+正因如此，大家对直播的反馈还不错，大呼 “鱼皮太细了！”。也给了我坚持的动力~
+
+![](https://qiniuyun.code-nav.cn/image-20220306161258997.png)
+
+为什么要讲这么细呢？
+
+1. 因为直播的回放是可以在星球里沉淀的，所以我希望讲的再清楚一些，哪怕不了解这些技术的同学，也能看得津津有味，想抓紧去尝试一下。
+2. 保证大家跟着我的操作就能复刻出完整的项目。
+3. 解决大家做项目上的问题，帮大家收获更多的经验，同时给一些思路上的扩展。
+
+
+
+当然，这次的用户中心只是我整个 “鱼皮编程宇宙” 中的基石，后面我会在这个基础上 **直播带大家开发一系列的新项目** ！
+
+大家如果要看这次直播的回放，并且希望后面永久免费观看鱼皮星球内的直播、跟着做项目、听大佬们分享的话，欢迎加入鱼皮的 **编程知识星球** （点击了解详情）。
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\350\267\263\345\212\250\357\274\214\344\274\260\350\256\241\345\207\211\344\272\206.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\350\267\263\345\212\250\357\274\214\344\274\260\350\256\241\345\207\211\344\272\206.md"
new file mode 100644
index 0000000..8ef8221
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\350\267\263\345\212\250\357\274\214\344\274\260\350\256\241\345\207\211\344\272\206.md"
@@ -0,0 +1,143 @@
+# 刚面完字节跳动，估计凉了
+
+大家好，我是鱼皮，前几天 **星球** 里有位小伙伴（化名小 G）参与了字节跳动前端岗位的面试，给大家分享一下他的面经，其中有一些点需要大家注意。
+
+
+
+## 字节前端面经
+
+小 G：这次面试大概率寄了，希望给需要的伙伴提个醒！！
+
+
+
+### 个人情况
+
+简单介绍一下自己，我是一名末流 985 的同学，跨考计算机失败，如今试图转行前端。学习过程中，HTML 和 CSS 练习的比较多，所以基础还算过关，但剩下的 JavaScript、Vue 都是刚入门的水平，仅有一些了解。
+
+
+
+### 关于简历
+
+我的简历没有任何包装，项目经历都是自己做的很简单的东西，技能描述除了 HTML 和 CSS 全部写的是 “了解” 字样，不会的都没写、没了解过的也没写、更没有包装工作经验。但这样竟然也通过了简历评估，约了面试。
+
+> 鱼皮：我也帮小 G 同学看了简历，项目经历虽然不多，但的确都是自己实现的，这点很棒。只要是自己做过的东西其实都可以写上去，并且也不要惧怕投递简历，只要尝试，就有机会。
+
+
+
+### 面试流程
+
+#### 概况
+
+面试流程和网上别人描述的基本一致，问的问题超级多、覆盖知识范围也极广，整个面试下来将近一个小时。
+
+不过问的大部分问题我都不会，或者答得不好，还是准备不够充分吧。
+
+
+
+#### 不幸的插曲
+
+约的面试时间是下午 2 点，我提前十分钟进入视频面试系统，但是当自我介绍的时候，我的电脑突然就黑屏了，这次给我弄尴尬了，也很影响心情。我赶快重启电脑，并和面试官说明情况。
+
+
+
+#### 自我介绍
+
+介绍了自己的基本情况，比较后悔的一点是没有说自己的项目经验，这直接导致后面面试官没有问我关于项目的任何东西！
+
+大家切记，如果有自己项目的话，一定要介绍，要引导面试官去问自己会的东西。
+
+
+
+#### 面试题目
+
+计算机网络
+
+- 问了 TCP 协议 和 Cookie 的概念
+
+
+
+操作系统
+
+- 问了进程和线程的区别
+
+
+
+HTML
+
+- 介绍 H5 的新特性
+
+
+
+CSS
+
+- 定位元素的方式、每种方式的特点、具体到参数怎么设置
+- 同时设置水平居中、垂直居中的方式有哪些，具体到参数设置
+
+
+
+JavaScript
+
+- 介绍异步机制
+- 介绍 ES6 新特性
+- 箭头函数的特性
+- 怎么绑定事件，面试的时候要求直接写出来代码
+
+
+
+Vue
+
+- 组件通信机制
+
+
+
+编程题
+
+- 给了一段代码判断输出，考察的是 this 和作用域
+- 一道字符串处理算法，具体的忘了，我说我不会就又换了一道
+- 实现字符串的部分逆转，比如 '[www.abc.com](http://www.abc.com/)' 转为 'com.abc.www'，让我用两种方法来实现
+
+
+
+#### 结尾
+
+面试官问我有什么问题想问的，我早就被他的问题问傻了。不过还是好奇为什么没问我项目经历，我就问了，结果面试官说忘了。。。
+
+然后我问后面的流程，答不方便透露。
+
+
+
+### 复盘建议
+
+1. 大家投简历前（尤其是大厂），还是尽可能准备充分，面经什么的搞起来，不然可能因为准备不到位损失一次面试机会（很多公司都有面试记录）
+2. 简历要尽力做好（不是做假），好的简历可能会给你带来意想不到的面试机会
+3. 在自我介绍和回答问题时，学会引导面试官，往自己熟悉的方向和题目带
+4. 面试前保证设备和环境一切正常，千万不要像我一样因为设备影响了面试
+
+
+
+### 鱼皮补充
+
+纵观小 G 同学的这次面试，其实问的题目和算法在字节的面试中已经算是偏简单的了，但考察的也比较全面。
+
+我们可以到字节校招官网看一下前端应届生的招聘要求，基本就是前端主流的那些技术，三件套呀、Vue 之类的：
+
+![](https://qiniuyun.code-nav.cn/image-20220313152626448.png)
+
+但具体面试的时候问得会有多深，就因人、项目和部门而异了。一般你能答出的题目越深、越详细，面试官可能考察的难度就会更大，当然了，面试通过的概率以及拿到 offer 的薪资水平也会越高。
+
+另外，前端大厂面试中，往往 JavaScript 是考察的重点，除了光会写代码外，在面试前还是要好好背下八股文的。
+
+希望这位同学能够继续坚持学习、不断在面试中发现和改进自己的不足，找到自己心仪的 offer 吧，也祝大家春招加油！
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md"
new file mode 100644
index 0000000..9a47978
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\244\247\344\272\214\345\255\246\345\274\237\345\210\232\351\235\242\345\256\214\345\255\227\350\212\202\357\274\214\347\203\255\344\271\216\357\274\201.md"
@@ -0,0 +1,97 @@
+# 大二学弟刚面完字节，热乎！
+
+大家好，我是鱼皮，今年的春招即将拉开序幕，甚至有些公司已经提前开始了！比如字节跳动。
+
+正好有一位加入我星球的小伙伴前两天刚刚参加完字节跳动暑期实习生前端岗位的面试，趁热给大家分享一下他的面试经历以及相关面试题，希望对大家有帮助。
+
+![](https://qiniuyun.code-nav.cn/image-20220220163005770.png)
+
+
+
+---
+
+
+
+先说明一下本人的情况，我是一名 **双非非科班** 的大二学生，有不到一年的实习经验（大一下在一家小厂实习），上周投了字节跳动的简历，昨天面完试啦，就在鱼皮这里分享一下面经和面试的感受吧。
+
+> 鱼皮：补充介绍一下，这位同学很喜欢自主学习，目前除了前端外，还自学了 Python、Java 后端等技术，有一定的技术广度，并且能够独立完成较完整的项目。
+
+先分享一下这轮面试遇到的题目。
+
+
+
+### 字节跳动前端实习生一面题目
+
+1. 自我介绍
+2. 自己项目中难的点
+3. html 常用的标签
+4. 行内元素和块级元素
+5. 闭包
+6. http / http2 / http3 之间的区别
+7. https /  http  区别
+8. 在 Https 中 SSL 加密的过程，使用了什么算法？ 
+9. 移动端适配
+10. 跨域问题
+11. 浏览器输入 url 后的过程
+12. 浏览器是怎样去解析 html 页面的？
+13. 手写 Promise 过源码吗？ 
+14. 你看 Vue 源码是怎么看的，是在 Github 上的还是在 B 站找教程看的？ 
+15. Vue2 / Vue3 响应式原理
+16. Vue2为什么不能检测数组的变化。 
+17. Vue3中响应式原理做过哪些升级。 
+18. 代码题：JS 事件委托 / 事件冒泡。 
+19. 算法：机器人走网格。
+
+
+
+### 面试感受
+
+大家可以看到，面经上的题都是比较常见的问题。在准备面试之前，我可能对这些知识只是有简单的了解，但是在准备面经的这几天，我刷了很多字节的面经，自己尝试着去回答一些问题，我觉得这几天刷面经的这个过程对我来说还是效率比较高的，刷面经也可以帮我快速明确自身有哪些不足的点。
+
+因为面试大部分都是网上能找到的八股文，所以我也基本都答出来了。
+
+本来还是挺自信的，结果最后，面试官却对我说：你的基础还是挺好的，但是算法不行。
+
+雀氏是酱紫啊，我本身是没去系统地学习过数据结构和算法的。。。。。
+
+![](https://qiniuyun.code-nav.cn/image-20220220163507757.png)
+
+所以通过这次面试，我找到了自己最大的问题 —— 就是 **算法** ，也让我意识到了算法对于一个程序猿的重要性。有时候，即使前面的八股文背的再溜、答得再好，算法不好也是 gg 了。即使是简单的动态规划问题，面试时脑子一热导致我都没写出来（也是自己菜），这也让我意识到了刷题的重要性，我准备下周开始系统地学习数据结构和算法，多去 LeetCode 刷刷题了。
+
+除此之外，最后面试官还说：虽然你学了 Python、Java、前端、后端，知识很丰富。但是你现在最好找一个方向，并且让自己在这个方向上学得更有深度。
+
+雀实啊，虽然我做的项目很多都是自己写的前后端。但是说深度，我只能说前端是我略有深度的一个方向，但是还远远不够深。。。
+
+最后，想给大家一些值得参考的小建议，我们可以通过刷面经、准备面试的过程中发现自己不足的点，从而帮助自己高效学习，而不是一直闭门造羹、不敢去尝试。在我大一的时候，就投简历到了京东，那次面试简直被面试官虐残惨了，一问三不知，其实就是当时自己的技术比较菜，当时可以说是磨灭了我一部分信心吧。通过这次面试，却让我重拾信心，让我看到了自己和大厂之间的距离正在渐渐缩小，也看到了一丝丝胜利的曙光，但是还是需要坚持不懈的努力 💪 。
+
+最后的最后，祝大家都能进入大厂，实现自己的目标，让我们一起加油努力！
+
+
+
+---
+
+
+
+看了这位同学的分享后，我也在星球中主动联系这位同学，帮他优化了简历。在交流中，我能感受到这位同学对学习技术的热情，并且也对自己的未来有清晰的规划。比如现在他希望通过面试来提升自己、帮助自己发现不足；之后通过提前实习来积累经验；后面要跨考计算机的研究生等。
+
+有自己的目标，在前进中才不会偏航，往往会更容易成功。
+
+最后非常感谢这位同学干货的分享，也预祝他和所有小伙伴们都能拿到自己理想的 offer~
+
+鱼皮的星球中除了这位同学外，还有很多大厂的朋友也在分享自己的学习和面试经验。各个学习方向、学习阶段的朋友都在这里学习打卡、不断进步。并且星球内的学习资料（视频、电子书、面试题、软件工具等）绝对管够，都能免费获取！
+
+![](https://qiniuyun.code-nav.cn/image-20220219122340320.png)
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
+
+
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233\351\200\232\347\227\205\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233\351\200\232\347\227\205\357\274\201.md"
new file mode 100644
index 0000000..487e607
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\345\270\256\346\224\271\347\256\200\345\216\206\357\274\214\345\217\221\347\216\260\344\272\206\344\270\200\344\272\233\351\200\232\347\227\205\357\274\201.md"
@@ -0,0 +1,89 @@
+# 帮改简历，发现了一些 “通病” ！
+
+大家好，我是鱼皮，最近帮 **星球** 里的小伙伴们修改了简历，发现了一些共同的问题，给大家分享一下，大家可以看看自己是否也存在类似情况。
+
+
+
+### 1. 项目介绍过长
+
+先给大家看下某份简历中的项目经历部分：
+
+![](https://qiniuyun.code-nav.cn/image-20220308122946234.png)
+
+看到这个，不知道大家有什么感受？
+
+显然，项目介绍占整个项目经历的比重 **过多** ！好家伙，讲了一大堆项目有什么功能，结果自己实际上负责的工作就一个小小的模块？！
+
+其他的工作既然都不是自己做的，说那么多干嘛呢？如果面试官问你其中某个功能是怎么实现的，说不出来不是很尴尬么？
+
+![](https://qiniuyun.code-nav.cn/image-20220308131412899.png)
+
+在简历中，面试官更关注的是 **你在项目中负责什么、做了什么、怎么通过技术和设计能力去解决问题的** 。至于项目本身的介绍，用一两句话直击核心就好，重点在于交代和你工作有关的内容，其余的可以在面试中展开介绍。
+
+
+
+### 2. 对工作的描述过于宽泛
+
+你敢相信么？我在几份简历的工作描述中竟然发现了一模一样的内容！
+
+举个例子：
+
+![](https://qiniuyun.code-nav.cn/image-20220308123957025.png)
+
+看看上述简历的【负责的工作】部分，不知道大家会不会有这种感觉，好像我写了什么，又好像我什么都没写。
+
+换言之，这几句话（完成了 xx）可以原封不动地套在任何一个项目上！对不对？
+
+面试官根本没办法看出你到底在这个项目中做了什么，只会有一种感觉 —— 你在糊弄。
+
+所以，不要把负责的工作写得太宽泛，哪怕你真的做了很多事，也可以从中挑亮点去讲。
+
+
+
+### 3. 过于直白
+
+除了上一点外，很多同学的项目经历部分都比较直白，基本就是用 xx 技术做了 xx，比如：
+
+![](https://qiniuyun.code-nav.cn/image-20220308130044691.png)
+
+对于找一般的公司或实习岗位来说，也许这么写就已经足够了。但如果想冲击大厂，这份简历就显得太 “平平无奇”。
+
+如果有条件（自己做过）的话，不要平铺直述地列举技术和工作，而是要通过一些案例来体现自己的技术、设计能力、自主性等。
+
+比如：由于项目模块众多、调用链路复杂，选用责任链设计模式重构项目，使各模块职责清晰、项目更易于扩展。
+
+可以整理出一个 **公式** ：为解决 xx 问题，使用 xx 技术实现了 xx，达到了怎样的效果。
+
+
+
+### 4. 用词不专业
+
+简历上的每一个词汇，都能够反映出你的水平。
+
+很多同学的简历用词比较随意，比如 “我用 axios 库完成了对数据库的查询”。
+
+其实大家都心知肚明，axios 是一个前端请求库，可以和后台进行交互，实现对数据的查询和管理。
+
+但上面那个表达，语言不够清晰和凝练，还可能会给面试官一种感觉：你真的知道 axios 是什么？你真的和后端联调过么？
+
+所以，一定要保证简历上的每个词都要准确，不能产生歧义。另外，尽量减少口语化的内容，不说用 xx 技术做了 xx，而是用（基于） xx 技术实现了 xx。
+
+
+
+### 5. 没有重点
+
+我认识一些学的技术比较多的同学，他们可能又会 Python 又会 Java 又会前端，写到简历上的项目也是各方向的都有，然后又没有在简历的开头注明 “求职意向”，就导致我完全不知道他要找哪个方向的工作。
+
+并不是说会的技术、写简历上的技术太多了不好。而是要有一个侧重点，比如找 Java 岗位的工作就把 Java 的项目放最上面，用更多的篇幅去介绍。也建议大家找工作前越早明确方向越好，不要到最后什么都只学了一点，反而平平无奇了。
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..a432325
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\346\261\202\350\201\214\351\235\242\347\273\217/\346\203\263\346\227\267\350\257\276\345\216\273\345\217\202\345\212\240\345\256\236\344\271\240\344\272\206\343\200\202\343\200\202.md"
@@ -0,0 +1,39 @@
+# 想旷课去参加实习了。。
+
+大家好，我是鱼皮，前两天，**星球** 里有一位大二的小伙伴向我提问：
+
+![](https://qiniuyun.code-nav.cn/WX20220319-150634@2x.png)
+
+看到这个问题，我一下子想到了曾经的自己，因为我当时也是一模一样的处境，所以可以发表一下自己的观点。
+
+首先我肯定是不建议任何同学 **直接旷课** 的，这种方式带来的后果可能会很严重。相反，如果你真的因为追求自己的目标不得不旷课的话，我建议先和自己的辅导员 / 老师沟通协调一下。
+
+比如我大三寒假的时候拿到了字节跳动的日常实习 offer，这对我来说是一个必须把握住的机会。但是当时虽然我的课程不多，但也没办法做到每周 5 天去参与实习，所以我也非常发愁。
+
+于是，当时我就和自己的辅导员沟通，询问她有没有什么方式可以 “合法旷课”。比如我承诺可以自己用业余时间把这门课的知识和作业搞定，考试的时候也会去考，就类似 **自修** 吧。
+
+后来也了解到我们学校的确有自修申请机制，于是我到校园网下载了一份自修申请表：
+
+![](https://qiniuyun.code-nav.cn/image-20220319153627672.png)
+
+因为我对自己的抗压能力还是比较自信的，所以我一下填了 2 - 3 门课的自修申请。（一定要考虑自己的实际情况，不要给自己无法承受的压力）
+
+于是，我就从寒假开始顺利地去字节实习了，后来工作中也积极表现，大家对我也都很好。
+
+![](https://qiniuyun.code-nav.cn/image-20220319154836306.png)
+
+快开学前，我又尝试跟公司的领导沟通了下，最后公司同意了我每周只用来上班 3 - 4 天，其余时间在校办公即可！由于字节当时还是大小周，所以我周日也可以去上班，算 1 天。周三我只有上午有课，课上完后我会立刻坐地铁去公司上班。满打满算我不用自修，可以同时兼顾课程和实习了！
+
+通过这件事我的感受就是，一方面自己的确很幸运，另一方面也是自己通过 **沟通** 和努力，才给自己争取到了机会吧。
+
+所以我也同样希望正在找实习的小伙伴们，可以先没有顾虑地去面试、争取机会，然后再根据实际情况和学校 / 公司沟通协调就好。如果实在协调不了，那么该放弃的东西还是要放弃，努力把没有放弃的部分做的更好吧，加油！
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\270\200\344\270\252\344\272\272\350\265\260\345\276\227\345\276\210\345\277\253\357\274\214\344\270\200\347\276\244\344\272\272\350\265\260\345\276\227\346\233\264\350\277\234.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\270\200\344\270\252\344\272\272\350\265\260\345\276\227\345\276\210\345\277\253\357\274\214\344\270\200\347\276\244\344\272\272\350\265\260\345\276\227\346\233\264\350\277\234.md"
new file mode 100644
index 0000000..142b825
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\270\200\344\270\252\344\272\272\350\265\260\345\276\227\345\276\210\345\277\253\357\274\214\344\270\200\347\276\244\344\272\272\350\265\260\345\276\227\346\233\264\350\277\234.md"
@@ -0,0 +1,73 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的诉衷情の麻雀同学的前端学习之路：
+> 星球原文链接：https://t.zsxq.com/0asHTbDi5
+## 初入星球 
+星球的小伙伴们大家好，我是诉衷情的麻雀，一位名不见经传的普通本科计算机专业的大三生，初入星球是邂逅鱼皮的公众号。
+
+迄今已一年有余，在这里认识了非常厉害的大佬，比如资源大佬 Honker、抵梦，服务器达人-星橙，笔记大佬--炎、小余、沙鱼，在自媒体中有出色的成绩--小王同学，还有左手、燃茶茶 王甜甜学姐，还在上中学的小弟弟们等等，结交了很多小伙伴。
+
+不论是因为阴差阳错走了计算机这条路，还是转岗，培训，考研失败、个人兴趣爱好等等，每个人都是带着故事来的，我们相遇在[鱼皮的知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)这个大家庭里，在这里飞速成长，在鱼皮哥的带领下，相信每个人都能满载而归、受益匪浅，实现自己的目标，无非是快慢问题。
+
+有的球友可能走得快些，有的球友走得慢些，所以说不要焦虑，做好自己的事情！一个人有可能可以走得很快，一群人才能走得更远。
+
+
+
+## Just do
+
+这一年多的时间跟着鱼皮练了[用户中心](https://mp.weixin.qq.com/s/W19Jgy9Ls-joeLAoEHlV8w)，[伙伴匹配系统](https://mp.weixin.qq.com/s/ft_yqn_ut9CnaoSP-deVCQ)，知道了完整做项目的流程，从需求分析、技术选型、系统设计、前后端开发再到最后上线，我只能说，你跟着做，才能懂得，哦，原来这个地方是这样子写，遇到错误要这样改，这个换成那个比较好。
+
+
+![](https://files.mdnice.com/user/31817/536ea606-12b5-497e-9a5f-63eb8d470a51.png)
+
+
+从鱼皮的项目直播中还学会使用很多小工具来提高开发效率，有些细节鱼皮讲的是真不错，比如使用 Sql 查询快还是内存查询快的问题、swagger 的接口文档的整合，还有各种前端技术，我可以当之无愧的说，鱼皮才是我的老师！假如没有遇到鱼皮，我可能要走很多弯路！
+
+
+
+## 自我调节和放松
+
+在学校的事情很多，回到寝室已经 10 点多了，忙完今天的事情洗漱完毕也就 11 点左右了，该熄灯上床睡觉了，突然想起今天还没有打卡了，有时候真的是忙忘了，或者是敷衍草草了事，写了几行，但我不想就这么潦草地用了几个字来总结我的一天，索性就好久没打卡了。
+
+今年我还是尽量参与打卡，复盘和总结。但有些事情就是得牺牲你的休息时间，比如班级让你填个表必须 12 点前交，甚至工作后每天或许要加班，这里有个 bug 今天必须得解决。我还是想说效率优先吧，如果迫不得已，谁让我们是勤劳的打工人呢。
+
+![](https://files.mdnice.com/user/31817/f48f8707-15f2-4d62-8103-c01d4a69fa9c.png)
+
+
+毕竟 社交 休息 工作 三角关系不可能全部完成。有时候就是一行代码都不想敲，效率很低，不如去跑步，出去玩，休息好才能效率高！
+
+
+
+## 找准赛道，提高认知
+
+
+如果毕业后遇到不顺心的事，我希望可以把这里当做一个树洞来倾诉，或许被裁了、被开了，可能现实世界的残酷真的无法想象，一个电话就可以把小鸡词典 8 个人一整年的努力化为一场空。这样的事情发生到每个人身上可能都难以接受，还好他们有几十万粉丝的账号，向自媒体转行。
+
+所以要拓宽自己的眼界，摸索另一条路，提高自己的核心竞争力，不希望自己永远只是一个打工者，一个可以被随随便便就可以被替换的程序员，哪怕创业也好！选择比努力重要！
+
+## 今年目标和计划
+
+
+过完年了，玩了大半个月了，2023 伊始，该收收心整装出发了，我要减肥：每天四组跳绳、开合跳、后踢腿、拉伸，到校后每天要坚持跑步 5 公里。
+
+省钱：不该买的不买，小的实用的东西买二手或者从拼多多或咸鱼上买。
+
+阅读：每天睡前阅读 20 分钟左右的心理学、管理学书籍。
+
+英语：每天记几个单词，练习 20 分钟听力，准备六级
+
+穿搭：学会穿搭收拾打扮自己
+
+找实习：再练一个项目，准备八股、练习算法题，完善简历。
+
+最后三年的大学封校生活终于该结束了，这颠沛流离的三年，虽说没有闪耀的战绩，没有亮丽光辉的成绩，但是感觉自己还可以，还行，至少我没有荒废这三年的大学生活吧。
+
+加入了老师的实验室并成为负责人，过了四级，拿了英语竞赛三等奖，大一就在学算法，虽然现在也忘得差不多了，参与发展性资助项目并赚取资金(虽然挺水)，成为优秀项目负责人。人人都想功成名就，但可能碌碌无为才是人生常态吧！唯一的遗憾就是没能好好地去感受一下这座城市，没能多认识些异性朋友去交往和了解。
+
+最后，感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识，共同进步。2023，继续加油！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\211\223\350\236\272\344\270\235\345\210\260\345\206\231\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\211\223\350\236\272\344\270\235\345\210\260\345\206\231\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md"
new file mode 100644
index 0000000..1227e58
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\211\223\350\236\272\344\270\235\345\210\260\345\206\231\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md"
@@ -0,0 +1,203 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的小狗同学。
+
+> 星球原文链接：https://t.zsxq.com/0aOmmZtkIE
+
+都是亲身经历的事情，算是底层中底层的再平庸的事情了。鼓着勇气写着 2022 总结，大伙看完就当图一乐，笑一笑哈，反正脸皮不能再薄了
+
+## 一、祝福，送给努力奋斗的你们
+
+
+2023了，新的一年里，祝码畜们新年快乐，新的一年 bug 消失😀
+
+
+骚年们😚，2023了，该努力了，你努力的样子，藏着你父母晚年的幸福！
+
+
+
+## 二、2022春季 - 被唾弃的已经麻痹了
+
+
+回忆了那时过完年的感觉，我却什么都回忆不起来，😡也许是我不愿回忆，也许是我逃避了。
+
+
+不爱说话的我，不知道为什么没有话语权，我这里本不想提我爸的，但是怕你们不理解，我还是解释下吧，无论，对，无论我说什么，我爸跟我观点不一致的时候，他就会说一堆大道理来反驳我，不允许我说别的，我已经习惯了。👼
+
+
+
+于是就用沉默去面对他，他有时候不说话，就是死盯着我，我不知道该怎么办，我没有眼力见，总是反应不过来，但是我偏这个时候，回忆着老师教着我们什么不能去做🎭，什么什么。
+
+
+
+我总是大脑开始回忆着莫名其妙的东西。。。想着人生啥的，但是确实，我没有做出改变，我总是想着该干啥，但是，惹不起，赔不起，人穷，想想还是算了吧。
+
+![](https://files.mdnice.com/user/31817/3db7ee78-b7b4-4df5-8162-4cbfe90a2ac7.png)
+
+
+
+## 三、2022夏-----只记得打工的日子😥
+
+
+暑期和室友与工厂打工，这里不得不提一点，资源没有或者受限的话，你真的必须踩坑才能过来。
+
+
+
+我们就是去找中介，问中介去工厂，中介说，别忘了到时候把它名字告诉工厂哈，感谢她给我们找了一份工作--进厂打螺丝。。
+
+
+
+还好我皮糙肉厚，两个月挺过了，室友一个接一个离去，有一个满背起了红豆，工厂说好的，下午你去看看哈，明天正常上班。
+
+
+
+当时天天晚上想着以后一定好好肝，哎，我现在怎么忘了那段记忆，只知道他们恶心，但是怎么感受不到了那时的痛苦了，害。。
+
+
+![](https://files.mdnice.com/user/31817/9ba7aa5a-ed21-4800-a8e6-adaf050a9370.png)
+
+
+
+
+
+
+
+
+
+
+
+
+
+## 四、2022秋 开学了，摆烂的岁月😭
+
+
+话不能这么说，也不算完全摆烂，属于那种带学带玩着的，三天打鱼，两天筛网。得过且过。
+
+
+
+在学校的日子里，过的还是很潇洒的，虽然我知道家境不好，要努力，哎，我就是摆，看着一个卷王天天图书馆，我想着努力，有时候确实又被另一个说，躺吧，躺着它不香吗？
+
+
+
+没错，就是这样，躺平了好多日子，这里我觉得是我没有主见，，为什么不能坚定自己的想法呢？想着想着还是不想动，我怀疑自己可能是吃喝不愁，就安于现状了，事实好像是这样，我没有动力了。
+
+
+
+其实这里，我一直有个疑惑，那些超级卷的人，是什么让他坚定着？又是怎么样做到的？
+
+看到这里的卷爷，希望给个暗示，俺也想这样。
+
+
+
+想了许久，这个秋天平常，一如既往，实在没啥，干脆跳到冬吧，我的转折点，算是小小的转折吧
+
+
+
+## 五、2022 冬 没有义无反顾，只有默默的努力😑
+
+
+这段岁月我没有纯纯摆烂，否则也太不是人了。
+
+
+
+学校安排集中实习，自主实习通告迟迟不下来，9月过去了。10月过去了。11月过去了。还没，
+
+
+![](https://files.mdnice.com/user/31817/fdd71d44-bb20-4729-a674-cd2e84e67a9e.png)
+
+
+
+
+11月底，自主实习材料下来，10天内，要找到本专业相关的岗位，要跟父母说，写个文档叫父母签字，同意实习，要自己买个啥保险，要每天打卡，满2个月。差不多这么多？ok,可以去了。
+
+
+
+集中实习，这个嘛，大巴来了，你们收拾下被子，带好个人物品哈，🆗，出发，快快乐乐的去大螺丝罗。客服也是可以滴。
+
+
+
+我走的集中实习，不过是集中实习3家中的一个合作公司，算是技术开发公司吧，不过就是没工资哈。这里还是感觉不错的，除了没工资，可以学习嘛，进去是后端，叫我改前端，那我就学喽。😂
+
+
+
+
+
+## 2022 大总结
+
+
+后来阿，我还是那个我，没有什么彻底性变化，我只是花了更多的时间去学习，摆烂依然存在，只是比之前少了许多。
+
+
+
+### 正向：
+
+
+没事做了公众号，
+
+
+
+和一个网友搞搞网站。
+
+
+
+持续学习Java。
+
+
+
+### 遗憾
+
+
+没有敢于争取，
+
+
+
+不敢追女孩
+
+
+
+不感付出真心
+
+
+
+不敢破釜沉舟
+
+
+
+## 2023 展望
+
+
+新的一年里，能和异性说超过5句话。🙃
+
+
+
+2023年自己挣钱买一辆车。🚗
+
+
+
+小厂磨砺加工资。💰
+
+
+
+练练肌肉。
+
+
+
+很久之前看过的一段话，我收藏到现在，人这一生不会只为一个目标去努力，你还有很多更有意义的目标去做，想一想还有什么值得你去做，你可以去做，你能做好。这段话现在送你
+
+
+
+人如戏，勿放纵，友似茶，慢品之，情是刃，需取舍，酒当歌，陈易醉
+
+
+
+冲冲冲阿，老子脸不要了！😱
+
+
+
+此致！仍在挣扎的青年。
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\220\254\347\240\226\345\210\260\346\265\213\345\274\200\357\274\214\346\210\221\347\232\204\350\275\254\347\240\201\347\273\217\345\216\206.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\220\254\347\240\226\345\210\260\346\265\213\345\274\200\357\274\214\346\210\221\347\232\204\350\275\254\347\240\201\347\273\217\345\216\206.md"
new file mode 100644
index 0000000..23d9f6b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\346\220\254\347\240\226\345\210\260\346\265\213\345\274\200\357\274\214\346\210\221\347\232\204\350\275\254\347\240\201\347\273\217\345\216\206.md"
@@ -0,0 +1,53 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的莫奈同学的自我介绍：
+
+> 星球原文链接：https://t.zsxq.com/0a1jDeff6
+
+鱼皮大佬好、鱼友们好，在[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)里看完了成长路线以后，怀着深深的愧疚和自责，躺在床上辗转难眠，凌晨两点半写下了这篇自我介绍：
+
+## 一、个人背景
+
+我是 94 年，今年就是 29 岁了，作为一个即将 30 岁的男人来说，我感到挺焦虑的。我的学历不高，12 年的时候只考上了一个三本，学的这两年跌入谷底的土木工程专业，好在我 17 年的时候，去了上海，然后得知大学 4 年的同班同学兼室友，报了黑马的 IT 培训班后，仅用半年的时候就在杭州找到了一份月薪 8k 的工作时，说实话，当时我就酸了(●—●)。
+
+
+![](https://files.mdnice.com/user/31817/769bea96-c07b-406e-873c-a467f1d6f07d.png)
+
+
+当然了，用现在的眼光来看，其实也只是大华的外包而已，却给我在工地上每天风吹日晒，才拿 5、6k 的心灵造成了巨大的冲击。明明他大学时的各项成绩和素质都没我好，凭啥比我赚得多～～～于是我在跟他交流过一番以后，决心转行IT。
+## 二、转行经历
+刚开始 17 年底 ～ 18 年初的时候，看了 1 个多月的黑马 java 视频，我就很有些看不下去了，然后突然发现 python 爬虫火得一塌糊涂，而且 python 很好学呀，导致我的第一门主语言选了 python（现在来看，犯了鱼皮对比 java 和 python 那一节里的，严重的错误），这一选择，也导致了我后面这 5 年，和室友的差距越来越大（他现在在武汉的阿里子公司，也有30w左右的年薪了，我还是在厦门的一家银行外包里搞测试开发，才15k都不到）。
+
+
+平时也就部署测试的活，稍微能写代码的地方就是，用 pytest 写下接口自动化测试、python+playwright 写下 UI 自动化测试框架和案例（我看[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)里，大部分都是搞 java 开发的，测试毕竟比较没技术含量，不过如果有鱼友感兴趣，我回头可以再写写自动化测试这块儿的内容）。
+## 三、反思现状
+我深深的感觉到了 IT 行业，这几年时间对水平能力要求的巨变，16年底我刚学了 3 个月 python 爬虫的时候，第一家去面试的是一家非常好的外资企业，待遇开得现在看来都很不错，可惜当时水平太菜，没面上，错过了这个大好的机会，等到第二年 17 年春的时候，明显感觉到来面试 python 爬虫和开发的人变得多了很多，竞争压力瞬间增大了许多。
+
+![](https://files.mdnice.com/user/31817/f77dad47-5959-4eb0-8da8-c86ca546b625.png)
+
+
+现在想想厦门这边的 IT 的工作，反而相比如今的武汉有点少了，这几年武汉的各种第二总部落户，IT 岗位大爆发，也不再是以前的白菜价了，只可惜我已经成家生子，房子也买在厦门岛内了，虽然说武汉也有房，但是看样子是挺难回去的了，工作机会这块儿，相比有所欠缺。
+
+大家别觉得我没志气，就甘心在二线城市混了，
+其实我一直觉得自己的思想还是比较起步和前卫的，但是缺乏自制力（我在 20 年中旬跳到现在这家公司时，看到了一些 up 主和大佬说 python 不适合搞后端开发，当时其实就已经意识到了我需要再重新学习 java，把 java 当作自己的主语言来用。
+
+但是外包的工作就好像温水煮青蛙，每天得过且过，今天 3 分钟的热情，明天就忘记了，每天都干些简单的活，但是依旧能消耗你的时间和精力，不知不觉中就快失去了进取的动力，一直拖到今年年终奖没发足，我才清醒的意识到，我不能再这样下去了）。需要有人监督我，这也是我为什么选择加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的一个重要的原因。
+
+我在 17 ～ 19 年的时候，也在上海沪漂了 3 年的，期间也通过自学 python，找到了第一份保险外包的 IT 工作（对，只找得到外包，那时水平不要太菜，但是岗位竟然还是开发。。。）后面 20 年初，疫情刚开始加上老婆怀孕生了宝宝，到厦门找了一个小作坊搞 python 后端开发，结果小作坊只干了 3 个月就倒闭。。。没办法，入了现在的外包坑，一直干到现在也有 2 年半了 。
+
+## 四、总结的经验和教训：
+
+希望大家通过我的这段惨痛的经历，能够克服'畏难'的情绪，这会极大的影响我们的执行力，进而使我们错过了机遇，人生前 30 年的机遇是很重要的，抓住了可能就能改变一生，而转行 IT，对我而言，可能就是这样的一个机遇，我把握了一点，但是没完全把握住，可惜😔可叹！
+
+## 五、设下的目标是：
+- 1、在厦门找到一个非外包的开发工作，15k 以上吧，希望能转行 java 后端吧，确实 java 的岗位还是要多很多。
+- 2、考上华侨大学的非全研究生，刷一下学历
+- 3、考下 5 月软考的高项证书，为今年转管理岗做准备，毕竟我已经快 30 了，学历不行，技术也稀烂，实在没机遇，能有本高级证书，也能证明自己的价值吧。
+
+最后，感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识，共同进步。2023，继续加油！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\347\204\212\346\235\277\345\255\220\345\210\260\346\225\262\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\347\204\212\346\235\277\345\255\220\345\210\260\346\225\262\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md"
new file mode 100644
index 0000000..d00e0de
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\347\204\212\346\235\277\345\255\220\345\210\260\346\225\262\344\273\243\347\240\201\357\274\214\346\210\221\347\232\204\344\272\272\347\224\237\350\275\254\346\212\230\347\202\271\357\274\201.md"
@@ -0,0 +1,105 @@
+大家好，今天分享[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)内槿泽同学的年终总结。
+
+> 原文链接：https://t.zsxq.com/0acHfwX3Z
+
+回想 2022 年初，那时因为眼睛受不了焊板子时的烟（被这个烟熏得眼泪直流，睁不开眼睛，当时身体很差），索性从集成电路专业转到软件技术专业，转完专业以后，因为疫情封校，整天浑浑噩噩的，每天都要下午1，2点才能醒，学校上的网课，都让我朋友帮忙挂着，跟“做一天和尚撞一天钟”一个样子，没有什么目标，只想着寒假。
+
+## 2022 寒假
+
+
+
+22年，这个寒假是一个转折点。当时，因为大一的时候学习 c 语言，假期没事的时候就想学学 c，用 c 语言做题，遇到不会的问题时，就去 b站 加那些 up 创建的学习卖课群，不会的问题就发在群里面，等待有空闲时间的大佬指点指点。
+
+这时候我就遇见了“我的引路人”猫哥(因为他的头像是只猫,所以我喊他猫哥），于是，我加上猫哥的好友，跟他聊了起来，猫哥是做嵌入式的，刚开始工作工资就15k，我羡慕得很，想着以后我也要 15 k的工资，在猫哥的帮助下，我有了我的目标，学c/c++，winodws，qt，当时，还用 c 和 easyx 库写了个图像版扫雷和推箱子，让我信心大增。
+
+当然这也离不开猫哥的帮助，当时写代码挺随意的，猫哥都看傻了，给我甩来开发规范 ppt，让我修改我写的屎山，有时候陪我搞到 2、3 点！都记在心里了。
+
+
+![](https://files.mdnice.com/user/31817/b1893da5-ae1d-4d60-bc36-11b52a0e4d53.png)
+
+
+后来，学习完 c++ 的语法，开始学 windows，跟着一个老师，写了第一个 win32 程序，那种窗口应用，然后还写了个模态对话框，这时候我就发现，我开始逐渐变得不耐烦，因为我感觉需要记得东西太多太多了。最后，学到 MFC，我感觉我是真顶不住了，就跟猫哥说我感觉我很浮躁、学不动，冷静不下来，猫哥就劝了很久，学都学了，为何不进行到底？但是最后，我选择冷静一段时间来试试。
+
+
+
+## 寒假匆匆的过去了
+
+
+
+回到学校，回到宿舍的环境我感觉更浮躁了，可能因为是大专吧，在宿舍学习，舍友的嘲讽刺激得我一股热血冲上脑门，每次经过都要阴阳几句，更加无心学习 windows。后来，跟猫哥交谈的时候，他跟说你去学学 Java 或者 python 吧，他说我还年轻只要愿意学，多接触一下，从中选个适合度高的，就耐心下去学吧。
+
+
+我认为猫哥是我的引路人，虽然我最后没有选择 c++ 的道路，但是，是猫哥将我领进了门，一直在帮助我，猫哥对我的帮助，永远会记得的！我真的哭死，好吗！
+
+
+
+## Java的开始
+
+在猫哥的启迪下，我重新开始了，跟猫哥说打算学 Java，猫哥说 Java 的资源对比 c++ 来说超级无敌丰富，找到适合自己的那款，就可以开始奋斗了。
+
+然后，我开始跟着b站上的尚硅谷学习 Java，一点点慢慢地学，随后我申请了换宿舍，在等待通过之前，都是在图书馆学习，回去还是让阴阳，不过这也让我明白了“闲话终日有，不听自然无”这个到了。之后宿舍也换了，舍友都挺不错的，一切都在向好的地方发展。
+
+## 又是一个转折点
+
+到了 9 月份，我刷b站的时候刷到了鱼皮的视频，看到他是鹅厂的大佬，心想他怎么还不秃，怎么显得头发那么多？
+
+
+![](https://files.mdnice.com/user/31817/041fb52a-3d25-4804-b190-b2b7960c6b34.png)
+
+
+然后，看了鱼皮的视频，之后又了解了一下[知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)，果断加入，想着可以 [跟着鱼总学习怎么写项目](https://mp.weixin.qq.com/s/IgBVp-BJrzoc7vloWrX4ww)，跟着鱼总把项目做出来。果然，鱼总从 0 到 1 地教怎么做项目，包括怎么做好需求分析、项目立项、系统设计，怎么以老板的视角去成立团队、管理团队，怎么从架构师的视角去将主流技术灵活地应用到项目中。还有各种学习资源，编程求职一条龙，从入门到入土。
+
+
+![](https://files.mdnice.com/user/31817/ab908b18-1f06-4ad1-b9ef-183b5dfb738f.png)
+
+
+在做项目的过程中，还遇见了多才多艺的球友，各种大佬，就是球除我佬，各大内卷王，带动我变得更加自律了，我开始根据 [Java 学习路线](https://mp.weixin.qq.com/s/5r1-kkAr7j-nPSD2YWXuSg)，下午一边复习 Java，一边跟着做项目，上午开始学习专转本的课程，加油！！！明天会更好
+
+
+
+## 感悟
+
+
+早已不是没心没肺的小孩了，
+
+也不能在童话的世界里面一直沉醉，
+
+有人当我知己般倾诉内心的世界，
+
+也有人面对不友善挡在我的前面，
+
+有人当我为战友并肩拼在目标的前线
+
+回想起一路走来我开始哽咽，
+
+我还有什么理由不好好学编程！！！
+
+只求无悔，尽力而为！！！
+
+
+
+## 展望
+
+
+2023年
+
+- 17号科三考试顺利，这是第3次
+- 找到一份后端开发实习
+- 转本
+- 完成XX项目
+- 多多记录生活，希望体重超过150斤
+
+多说无益，你已手握刀剑，那么就准备战斗。
+
+PS：（最近爱上了暗杠的童话镇plus版，大家有兴趣可以听听）
+
+最后，感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识，共勉！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\350\277\267\350\214\253\345\210\260\351\206\222\346\202\237\357\274\214\346\210\221\346\230\216\347\241\256\344\272\206\346\210\221\347\232\204\347\233\256\346\240\207\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\350\277\267\350\214\253\345\210\260\351\206\222\346\202\237\357\274\214\346\210\221\346\230\216\347\241\256\344\272\206\346\210\221\347\232\204\347\233\256\346\240\207\357\274\201.md"
new file mode 100644
index 0000000..ce8e98d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\350\277\267\350\214\253\345\210\260\351\206\222\346\202\237\357\274\214\346\210\221\346\230\216\347\241\256\344\272\206\346\210\221\347\232\204\347\233\256\346\240\207\357\274\201.md"
@@ -0,0 +1,161 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的猫十二懿同学的年终总结：
+
+> 星球原文链接：https://t.zsxq.com/0a4TfX1Z8
+
+## 一月~二月
+
+
+一月的时候我还是处于迷茫的状态，根本不知道怎么学习，没有一个很好的目标。我犹豫了许久，到底要不要加入[鱼皮的星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，最终还是抵不住“诱惑”（😎😎），加入了这个圈子。与此同时，我也慢慢确定了自己的学习目标，并且督促自己每天都打卡，记录自己每天的学习情况。
+
+![](https://files.mdnice.com/user/31817/cd6d0f69-d906-45e6-b04f-5b8f8a02806f.png)
+
+
+## 三月
+
+
+3.6号，大二下学期回校，刚回校的那段时间因为疫情也是足足了封一个多月，天天呆在宿舍，吃饭都是被人帮打回来的，不过那段时间，也是给我提供的很多学习的时间（不用上课跑去教室，下课又跑回宿舍），让我把 SSM 和 JavaWeb 给看了一遍。
+
+MySQL 是我这个学期的课程，学校教的也只是一些基础的知识，并不会深入了解。我们学校基本都是只是教一些基础的内容，后面就没有深入的教学了，想了解更多的知识都是自己去B站上看视频或者查找其他的资料才知道更多的内容。**我们不能按照学校的进度去来学习，不然很多的知识你都不会知道。**
+
+
+### 三月完成的任务：
+
+- 每天坚持背单词，准备为六月的四级准备（最后结果是让人伤心的）
+
+- 21 天学习 SSM（加入星球之前自己已经把 JavaSE 看完一篇了）
+- 每天看一套 Java 二级（最后因为疫情取消了考试，虽然这个证没有用）
+- 用户中心（上、中）
+- 在学校每天的核酸检测
+- 5 天黑马的 JavaWeb（没有接触过的知识）
+- 4 天 mybatis-plus
+- MySQL
+
+
+
+
+## 四月~五月
+
+
+四月开局从修改电脑开始，电脑由于之前体验了 Windows11 系统（预体验版本），导致在在重装回正版时把内存条搞坏了一条，只好返修（幸亏还在保修期内），足足一周不能很好的学习技术😭😭（电脑返修托了比较久的时间）。
+
+电脑修改拿到手，就开始准备了大创项目的结题材料，忙忙碌碌搞了两周。在一次跑步中，以为收到了鱼皮哥给的第一季度福利，小奖励，不过心里也是挺开心的，在自己学习过程还能收到奖励，说实话这是我第一次收到奖励。
+
+
+### 四月完成的任务：
+
+- 修电脑（这是一个伤心的过程）
+- 每天坚持背单词
+- 进入星球来第一个季度的收获与总结 https://wx.zsxq.com/dweb2/index/topic_detail/212525484214581
+![](https://files.mdnice.com/user/31817/d67a5fbc-78c5-44cc-9457-28c2cea78ba9.png)
+
+- 四月每天都坚持去锻炼跑步
+- 大创项目结题
+- 开始了将近一月的 springboot2 的学习（延续到五月）
+- 学校的课程
+
+用户中心后面的直播没得时间去完成做（后来暑假期间完成了）
+
+
+### 来到星球的第三个月
+
+
+![](https://files.mdnice.com/user/31817/664de0d1-7518-4b16-a5b2-5c0cfb16807b.png)
+
+
+
+
+## 六月~八月
+
+
+那时候是因为将近期末和准备要四级考试了，就没有去学习新的技术。然后期末考完，期末考完试，放假了去玩了几天，那时候我都觉得自己有点懒惰了。
+
+但是在暑期期间，基本都是高强度学习，一天 11 个小时左右，为了就是弥补之前定下的目标和未完成的任务，在暑假期间大量的时间学习下，完成了自己之前的目标。在暑假最后几天通过余白老哥的教程搭建了一个博客 （近期不去维护了）。
+
+### 暑假完成任务：
+
+- 用户中心（剩下的 5 场直播）
+- 学习 python 基础（五天）
+- Android 入门（10天）
+- Linux 入门（7天）
+- springcloud 微服务部分（七天）
+- 开始学习 Java 数据结构与算法
+
+
+### 来到星球的六个月
+
+
+![](https://files.mdnice.com/user/31817/ef4b69ba-cd76-4655-9e0d-599b9e0b60d0.png)
+
+
+
+
+### 暑假总结
+
+
+![](https://files.mdnice.com/user/31817/57fe7aec-b64a-49a0-ac03-d0455e3f3a11.png)
+
+
+
+
+
+
+## 九月~十二月
+
+
+九月开始了我大三上的校园生活，转眼间都到了大三了，时间转眼即逝，大学的生活就这里过去了一大半。
+
+到了学校还是一如既往的封校两周，在两周后教练通知我们每天早上七点去练车（科目二一次过），在次期间我还在学习数据结构与算法，后来后于考试迟迟不去练习科三（补考一次），最后还是完成了定下的目标，顺利拿到驾驶证。后面我就去开始复习前端三剑客（在大二上学期学校开课，但是没有详细讲JavaScript）一直延续到现在都是在前端的路线上学习。
+
+
+### 主要完成的任务：
+
+- 学习了韩顺平的 Java 数据结构与算法
+- 完成了瑞吉外卖项目
+- 坚持跑步3km
+- 前端三剑客学习（两个多月）
+- Nodejs学习
+- Ajax学习
+- 顺利拿到驾驶证
+- 励志奖学金
+- 参加了一次星球的笔记征稿活动
+![](https://files.mdnice.com/user/31817/a1146f82-e9cc-4f33-bf16-8e6a72197761.png)
+
+
+### 来到星球的9个月
+
+
+
+![](https://files.mdnice.com/user/31817/2d30faa6-3b00-4a68-bc69-7626b3d6f5e8.png)
+
+
+
+
+
+### 总结
+
+
+今年是我学习了最多技术知识的一年，也认识了不少球友，今年也是幸运的一年遇到了自己喜欢的人。
+
+总的来说，一年当中我写了 60 多篇技术笔记，不断学习自己在学校无法接触到的知识，与众多的大佬相比我还是一个小菜鸡。。一年中从迷茫到最后确定了自己的目标，为之奋斗，持之以恒。
+
+## 在 2023 年里的目标期望：
+
+- 准备 23 年的实习（重点准备）
+- 完成伙伴匹配系统
+- 学习 Vue、Ts、小程序
+- 刷 Java 面试题、八股文等
+- 多做学习笔记、多总结不足（月总结）
+- 不能操之过急、急于求成，只会适得其反，学习亦是如此
+- 临时发生的任务等。。。
+
+
+2023 年通过自己的努力变得更好，不忘自己当初加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的目标，收获定会如此而至。加油，在 2023 兔年里，祝球友们顺顺利利，代码 0 error 0 warning，我们一起加油！❤️‍🔥❤️‍🔥❤️‍🔥
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\351\242\223\345\272\237\345\210\260\345\212\252\345\212\233\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\346\225\205\344\272\213.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\351\242\223\345\272\237\345\210\260\345\212\252\345\212\233\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\346\225\205\344\272\213.md"
new file mode 100644
index 0000000..62dd360
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\344\273\216\351\242\223\345\272\237\345\210\260\345\212\252\345\212\233\357\274\214\350\277\231\346\230\257\346\210\221\347\232\204\346\225\205\344\272\213.md"
@@ -0,0 +1,138 @@
+大家好，今天分享的是[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)内三水同学的年终总结文章，2023，相信努力就有收获：
+> 星球原文链接：https://t.zsxq.com/0aCIankgk
+
+
+回首2020，成长的一年；展望2023，充满期待的一年
+
+
+时间过的好快转眼间就到了年末，在这里提前祝大家新年快乐，在这一年中是充满变数的一年，也是让我成长的一年。
+
+
+## 一月-四月
+
+
+在这四个月的过程中我是在迷茫的过程中，没有什么目标也是过的浑浑噩噩，在加上疫情的影响学校开启了网课生涯 ，我每天就是睡觉上课，天天无所事事没有一个好的目标。
+![](https://files.mdnice.com/user/31817/3a822ead-9b8b-4748-8850-1f6e9ada5f0a.png)
+
+
+
+## 五月
+
+
+这是一个**转折点**，为什么说是转折点呢？因为我正式加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)这个大家庭。这是我的第一次知识付费，我当时也十分的犹豫要不要加入这个知识付费。
+
+我是在 5.1 号晚上 11.30 记得当时看鱼皮在 b站 直播看到那个点了。就感觉这个 up主 真的挺好的，然后就添加鱼皮老哥微信去了解星球，当时鱼皮老哥刚刚下播给我讲了加入星球的好处和给了我一些建议，当时就感觉加入肯定没有错。就一狠心加入了。
+
+加入[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)前几天我是不了解星球的 ，当时我也不知道怎么去发帖子就又开始了迷茫开始了对星球的自我探索 ，我先看到的用户中心项目 每天也开始跟着视频去去做一步一步的来，当时也遇到了很多的 bug。我会在星球发帖子去寻求帮助，球友们也十分的热情回复我也给我远程指导。在此感谢！
+
+
+
+这是我学习第一天的卡（当时打卡是有红包的)
+
+![](https://files.mdnice.com/user/31817/f6c92069-a73b-4361-841a-719f6228d56a.png)
+
+
+
+
+
+## 六月
+
+
+### 开始搭建第一个项目  
+前端也已经学了一个月的时间，基础的 html5 css 也有一些了解，就开始探索博客的搭建当时我记得用的 wordpress 去搭建的一个简单的博客，没用任何的代码：
+
+
+![](https://files.mdnice.com/user/31817/dca31293-ccd0-4c51-b996-4adc8dc5e5ac.png)
+
+
+### 然后就开始我的集训生活  
+
+为期一个月的集训生活在集训生活是很充实的每天都会上课除了上课就是上课。
+
+记得那时候鱼皮在分享打工日记于是我就开始分享了一个月的集训日记，老球友应该都知道我，原先每天都会推广一遍我的日记哈哈哈哈，也感谢大家给我的帮助！
+> 日记链接：https://articles.zsxq.com/id_b5bzn20flvrp.html
+
+![](https://files.mdnice.com/user/31817/8bbc2f4e-d266-4cb9-81b5-03e9da4bb21f.png)
+
+
+## 7月
+
+我从集训营里面出来以后，开启我的打工日记。取面试了两家前端的公司 ，但是都以失败告终。最后选择在一个商店当了10几天的收银员。
+
+自此之后我感觉到学历的重要性依然决然地辞掉了工作，回家备考专接本。
+
+在此我开始回家之路，在家里我不知道在那一天看到球友们都在搭建博客，是用 hexo 搭建的，我决定自己也跟着搭建搭建。在此感谢余白老哥一直以来的支持，这个 hexo 需要改一些东西，需要一定的 css 基础，由于我在前几个月学过一点 css 的基础。进展也是很顺利的
+
+![](https://files.mdnice.com/user/31817/1a9697d7-f641-4068-81ae-e99ee99bf19c.png)
+
+
+## 8月-12月
+
+在星球也有 3 个月的时间，我才发的自我介绍，这也是我第一个精华的帖子。当时真的很激动很激动！！
+
+
+![](https://files.mdnice.com/user/31817/03b4f992-8ebc-4cc1-adba-1e7ee69782c8.png)
+
+
+在这个月，我开始在 GitHub 上面找一些开源的项目，放在服务器上开始跑，自己搭建好，开始去玩，其他有一些当前比较热门的项目。
+
+> 比如：给女朋友说早安项目   https://sanshui.vip/2022/08/29/biaobai/
+
+9月份分享第一篇原创的 markdown 语法笔记 
+
+![](https://files.mdnice.com/user/31817/e7c5ec5d-7ff3-4b29-8bbb-c17b61e42603.png)
+
+
+下载量现在是 237 个，已经很知足很知足了，感谢球友的支持！
+
+10月份带队，参加鱼皮国庆弯道超车项目
+
+![](https://files.mdnice.com/user/31817/3fdeac4c-db4d-4725-b559-adb5d98a34ac.png)
+
+alist 网盘的搭建
+
+
+![](https://files.mdnice.com/user/31817/836b831b-0038-473e-8b40-059bee776301.png)
+
+
+图床的搭建
+
+
+![](https://files.mdnice.com/user/31817/45fa5e6e-6765-468c-a72a-b9e227f54a89.png)
+
+
+
+
+hexo个人博客项目搭建教程
+
+
+![](https://files.mdnice.com/user/31817/d953ac95-96ea-4016-b38d-1fb4e8d5d918.png)
+
+
+这一次是有史以来赞最多的一次
+
+
+![](https://files.mdnice.com/user/31817/5400ab2e-b79e-4128-89b0-b5cde7649d25.png)
+
+
+
+## 展望2023
+
+
+接下来的计划：
+
+1. 准备 23 年的接本考试
+
+接本成功，只专注一件事情。
+
+2023年希望自己可以接本成功。只要努力，收获定会如此而至。
+
+在 2023 兔年里，祝[球友们](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=1681036854&lang=zh_CN&scene=21#wechat_redirect)顺顺利利，我们一起加油！❤️‍🔥❤️‍🔥❤️‍🔥
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\205\250\346\240\210\345\210\235\344\270\255\347\224\237\357\274\214\347\211\233\347\232\256\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\205\250\346\240\210\345\210\235\344\270\255\347\224\237\357\274\214\347\211\233\347\232\256\357\274\201.md"
new file mode 100644
index 0000000..f489f98
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\205\250\346\240\210\345\210\235\344\270\255\347\224\237\357\274\214\347\211\233\347\232\256\357\274\201.md"
@@ -0,0 +1,62 @@
+# 全栈初中生，牛皮！
+
+大家好，我是鱼皮，如标题所说，今天我的星球中又来了一位重量级选手。
+
+你敢相信，这是一位初一的学生，小小年纪，就已经学了前端、后端 PHP、Python 等多门编程语言和技术！
+
+这是他加我好友后发给我的一段话：
+
+![](https://www.codefather.cn/img/image-20220402205118182.png)
+
+看了这段话，我立即对这位同学产生了兴趣，年纪轻轻就学了这么多技术，还精通 PHP？这难道就是所谓的 “全栈初中生” 大佬？！
+
+暂且不讨论其中 “精通 PHP” 的真实性。在这段话中，他不仅清楚地介绍了自己的状态、已经学习的技术，还表达了自己现阶段的困惑以及需求。能明显感觉到他认真礼貌的态度，以及清晰的表达。
+
+毫不客气地说，光凭这一点，就绝对比很多成年人强了。自从我做知识分享以来，每天有上百个同学加我好友，但绝大多数同学上来就是一句 “在吗？”、“我要 xx”、“紧急求助” 之类的，不跟他对话几个来回真的就不明白他到底需要什么。
+
+我对这位同学的建议是，可以把编程当做一个兴趣爱好去学习，但是千万不能因此影响到自己的学习成绩！
+
+然后我问他：你觉得自己对哪个技术更感兴趣呢？或者自己想做个什么样的作品之类的？以及你觉得自己目前的瓶颈在哪里？
+
+然后这位同学说：
+
+我对网站的设计和搭建十分感兴趣，目前还没想做什么项目，不过倒是有一个想法：能不能搭建一个 xx 网站，blabla（省略对这个网站的介绍）。另外我认为自己目前的瓶颈是在三个方面，一是灵感的匮乏，这让我不知道做什么项目练手；二是技术原因，我遇到问题会想办法用自己熟悉的方式解决，而有些时候百度的语言和关键词也不准，没有人跟我交流讨论，很难有技术上的进步；三就是团队的问题了，我身边的同龄人（甚至包括比我还大的）同学里都没有 web 技术和我差不多的同学，所以主攻前端的我搞起了全栈，效率又会特别的慢，所以我想找一个能容得下我的团队。
+
+从这段回答中也能看出这位同学的逻辑还是非常清晰的，把自己的瓶颈分为了三个方面去表达。
+
+于是我就针对这三点给了他一些建议：
+
+1. 既然你有对网站感兴趣、自己又有不错的想法和创意，我建议你就以自己想做的东西为目标，去学习相关的技术。比如想做视频网站，就了解视频网站是怎么存储视频、播放视频的，做自己的项目不仅能让你保持兴趣和动力，而且能帮你积累完整做项目的经验、了解到更多技术。
+
+2. 遇到问题用自己熟悉的方式解决是很正常的，我们刚开始学习编程和做项目用来用去肯定都是那些技术。但是当我们熟悉了自己的主武器（主流技术）后，开发新项目做技术选型时，可以主动跳出舒适圈，额外去网上搜寻同类的技术，了解他们的优缺点，帮助你提高自己的技术视野、并给自己的武器库积累更多的弹药。
+
+3. “身边的同龄人（甚至包括比我还大的）同学里都没有 web 技术和我差不多的同学” 这句话让我想到了 “无敌是多么寂寞。。。”
+
+   开个玩笑，初中学编程本来就非常早了，找不到合作对象也很正常，但是你可以在知识星球里找哥哥姐姐们一起来做项目（比如你做前端他们做后端），还可以看看他们都在学习些什么、分享了什么经验等等。也许会帮你打开一个新的大门吧~ 
+
+然后我又强调了一句：**前提是不要影响学习！**
+
+结果这位同学很自豪地说：
+
+![](https://www.codefather.cn/img/image-20220402211250338.png)
+
+这，这么强的么。。。好吧，看来是我替人家操心了，我记得我初中那会儿还在玩泥巴呢。
+
+然后，鼓励一下吧！给他画个饼：
+
+![](https://www.codefather.cn/img/image-20220402211447192.png)
+
+我觉得对于这么一位优秀的同学来说，比较重要的一点就是发挥自己的能力、尽早去争取机会，所以也在最后建议他可以试着去参与一些知名的竞赛吧，说不定一位保送清北的大佬就诞生了！
+
+![](https://www.codefather.cn/img/image-20220402211609111.png)
+
+不得不感慨，兴趣真的是最好的老师！这位同学未来可期呀！
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\233\344\270\232\345\244\261\350\264\245\357\274\214\344\270\213\345\256\232\345\206\263\345\277\203\345\255\246\347\274\226\347\250\213\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\233\344\270\232\345\244\261\350\264\245\357\274\214\344\270\213\345\256\232\345\206\263\345\277\203\345\255\246\347\274\226\347\250\213\357\274\201.md"
new file mode 100644
index 0000000..730f09a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\233\344\270\232\345\244\261\350\264\245\357\274\214\344\270\213\345\256\232\345\206\263\345\277\203\345\255\246\347\274\226\347\250\213\357\274\201.md"
@@ -0,0 +1,43 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的小熊佩萁同学的年终总结：
+> 星球原文链接：https://t.zsxq.com/0aMqM9PEj
+
+回首 2022，真的改变很多，大一、大二一直都对自己的未来不知所措，或者说是压根不知道干啥，对于编程也是一窍不通。
+
+
+![](https://files.mdnice.com/user/31817/be490eb1-4ec7-4bf6-870a-d2c89389ff47.png)
+
+
+我是那种开窍很慢很晚的选手，大一大二每天都学各种理论课，也很少敲代码，时间过得飞快，看着周边的人敲得代码看也看不懂，心情也是很复杂，多次夜晚辗转，怀疑自己是否适合做这一行，曾几度想要放弃自己。
+
+但是自己仅存的那点自尊心拉着自己仍然坚持着走了下来，我也算是走了很多的弯路吧，大一大二也创过业，寒暑假去外省打工赚钱来支撑创业的资金，每天都累到回到员工宿舍倒头就睡，也没力气洗澡，最后创业也失败了，欠下了五千的债务，我和我朋友们想尽各种方法最终还上。
+
+我一直都处于一种不知该往何处去的状态，想干成一番大事，但是却总是以失败告终，2021 下半年，大二上我几度抑郁，甚至去了当地医院开了抑郁药，吃了一个多月，我自认为我是很坚强的，但是当各种失败向你涌来，不断告诉你，你是个 loser，我真的崩溃了，那个时候是我迷茫到的最顶峰，但是这一切的失败也让我更加的成熟，遇事更加的冷静了。
+
+大二下也就是 2022 上半年，我开始意识到或许我应该先做好手上的事情，我开始把重心放在了编程上面了，我看各种视频来学习，看哔哩哔哩学习别人怎么学习的，这个时候你敢想我还只会写个 hello world。。。
+
+![](https://files.mdnice.com/user/31817/efbecfb2-c1bf-44d1-a5f0-46c3a6b815df.png)
+
+
+我开始学习编程真正意义上是从 2022 年三月份开始的，说来也巧，我是从一个广告上开始的，现在 Python 的广告都知道打的满天飞，什么只要六个月包你进大厂等等，我当时虽然对这些信息很抵触，但是我毕竟开始学有点晚了，这个时候已经大二下了，我还只会 hello world，所以我就比别人更关注了这些广告，我心想，不管了，死马当活马医吧，如果自学还不知道是什么样，掏钱买课吧，然后我就花了好几千买了网上的 Python课。
+
+为啥买了 Python，因为他们都说好学，我也不知道，我就索性学 Python 了，跟着那课学了有俩月，确实慢慢也学了点东西，能从网上爬取个简单网页信息了，然后大二也结束了。。。我心里就想把 Python 一直学下去，就靠它了，但是随着学习的深入，我慢慢发现更多的还是 java 多点，java也好找工作一点，然后我大三上就开始学 java。
+
+因为有了一点基础，学 java 也相对容易点，从九月三号开始，我从 java 基础一直学到十二月二十四号，这是这一学期的时间，我从基础学到了 springboot，学了 javase,javaweb,mysql,redis,vue,html,css,JavaScript 以及 mybatisplus，我自己都不敢相信，我竟然三个月从 java 零基础到学会了使用好几个框架，只要付出就会有回报。
+
+
+![](https://files.mdnice.com/user/31817/51fcc3f8-7f77-4a93-b8b7-859718ff8df2.png)
+
+
+这三个月是我上大学以来最充实的三个月，每天七点半起床，然后去自习室一直学到晚上十一点，在这期间，写了七十多篇博客，真正让自己实现了蜕变，找到了奋斗的方向，2022 真的对我意义非凡，我表达的可能不是很清晰，但是我真的发自内心的感谢这一年，以及这一年给与我帮助和启迪的人和事，没有他们我不会有现在的醒悟，事虽难，行则将至。
+
+2023 年，我的愿望是能在秋招找到一份实习，自己也要更自律一点，多看书，脾气更好一点，对爱自己的人更温柔一点。未来的路还有很长，我还要继续努力。
+
+最后，祝大家 2023 心想事成。感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，鱼友们加油！
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\253\344\272\272\350\246\201\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\253\344\272\272\350\246\201\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213.md"
new file mode 100644
index 0000000..b188532
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\210\253\344\272\272\350\246\201\347\234\213\346\272\220\347\240\201\357\274\214\351\202\243\346\210\221\344\271\237\350\246\201\347\234\213.md"
@@ -0,0 +1,82 @@
+# 别人要看源码，那我也要看！
+
+大家好，我是鱼皮，最近金三银四求职季到了，我发现有一些小伙伴开始焦虑了，比如我 **星球** 里的一位朋友，问了我这样一个问题：
+
+![](https://qiniuyun.code-nav.cn/WX20220311-160304@2x.png)
+
+我猜想这位小伙伴的问题是指阅读一些知名框架 / 项目的源码，而不是读老师作业题中的代码。
+
+关于是否要去看源码这件事，简单聊聊我的看法吧。
+
+首先，很多程序员会觉得程序员的最高境界就是 **看牛逼源码** 和 **写牛逼源码** ，我个人也对这点不置可否，毕竟这就是学习 + 创造的过程嘛。无论我们处于什么学习阶段，入门也好、精通也罢，都应该多去看别人的源码来学习，也应该多去写代码来实践。
+
+同样，阅读知名项目的源码不仅能给我们的编程技能带来很大的提升，也会给我们求职（写简历、面试）增加核心竞争力。
+
+正因如此，大家都知道读源码好了，网上培训机构的课程也卷起来了，动不动就是什么带你读源码、教你写源码（对某些同学的确有帮助）。。。
+
+![](https://qiniuyun.code-nav.cn/image-20220311171650236.png)
+
+但都是读源码，为啥有些人读的过程就像是看本小说，有些人读起来却像是在背课文？为啥有的同学读完后能自己写一个，有些同学读完就忘、啥收获都没有呢？
+
+这就是咱们该关注的问题：**应该什么时候去读优质项目的源码？**
+
+我个人觉得主要是两个因素吧，一是你自己的 **积累** ，二是 **性价比** 。
+
+
+
+### 积累
+
+如果还没有足够的积累，缺少一些前置知识（比如设计模式），就直接去读源码，肯定会知难而退或者半途而废。
+
+我们学任何编程技术都应该遵循以下步骤：
+
+1. 先了解这技术的作用。比如 Nginx 是一个高性能的 HTTP 和反向代理 web 服务器。
+2. 能够使用该技术来解决问题（完成需求）。比如用 Nginx 搭建自己的网站，支持被他人访问。
+3. 学习如何更好地用它来解决问题。比如了解 Nginx 各项配置，怎么根据情况去配置对应参数，提高性能等等。
+4. 了解其架构组成、各模块作用、各模块通讯机制、核心设计原理等。比如 Nginx 的架构图：
+
+![Nginx 整体架构](https://qiniuyun.code-nav.cn/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9hcml0aC5ibG9nLmNzZG4ubmV0,size_16,color_FFFFFF,t_70.png)
+
+5. 最后才是阅读源码，深挖细节。
+
+
+
+如果你还不会使用某个技术、没有用它做过项目，那么很多这个技术的概念你可能都是不了解的，看源码的时候也绝对是一脸懵。
+
+我自己也读过一些框架的源码，我感觉理想的看源码过程应该是：你先去猜想作者会怎么实现、自己心里有一个大致的预期和方案，再去通过读源码来验证自己的猜想是否正确。类比为做数学题的话，就是去检查答案；而不是没学过知识点就去硬看答案。
+
+找工作的话，不一定非要阅读牛逼源码，一般能做到倒数第二步（了解架构和设计原理）就足够了。
+
+
+
+### 性价比
+
+看源码毫无疑问会花费大量的时间，这就需要我们去衡量性价比。
+
+到底是去看源码，还是去做自己的项目呢？
+
+我个人认为，这取决于你自己当前的阶段和发展目标。就拿我本人来说，我是很喜欢做项目的，而目前我学的大部分技术已经能够满足我做项目的需求，一些调优技巧我也有所实践，那我可能就不会投入太多时间去看源码。但是当我写程序的过程中遇到问题时，我会本能地追踪进源代码去分析。即 **带着目的去读源码** 。
+
+对于求职的同学来说，如果你还没有项目经历，我建议你先不要想着去读源码（可以了解，但别花太多时间），而是应该先把企业中常用的技术框架玩转。源码等找到工作再去精心研究也并不迟。
+
+
+
+---
+
+
+
+所以，不要看别人去读源码，你也跟着去读，更不用因此感到焦虑。
+
+幸存者偏差，无论是校园学生还是职场员工，真正敢说自己读过牛逼源码的同学还是少数。当然，追求极致的野心我们还是要有的，向写出优质源码的大佬表示致敬。
+
+![](https://qiniuyun.code-nav.cn/image-20220311171601863.png)
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223.md"
new file mode 100644
index 0000000..8433fb4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\347\232\204\345\257\222\345\201\207\346\200\273\347\273\223.md"
@@ -0,0 +1,173 @@
+# 大一学弟的寒假总结
+
+大家好，我是鱼皮。
+
+最近很多小伙伴们都陆续开学了，不知道大家寒假都做了些什么？有没有好好享受这个寒假呢？
+
+![](https://qiniuyun.code-nav.cn/image-20220228152151821.png)
+
+我记得我的大一寒假过的很充实，因为大一刚入学那半年属实过得有点浑浑噩噩、舒服过头了，所以在寒假自学了 Java 和数据库等知识，企图在弯道超车。当然，回过头来看，也的确证明我当时的所作所为是值得的。
+
+昨天，我在自己的 **知识星球** 里看到一位大一学弟的寒假总结，和我当时的经历非常相似，但又比我强太多了，给大家分享一下，希望能激励一部分还在迷茫的同学。
+
+
+
+### 前言
+
+这个寒假，我认为自己没有一天懈怠，每天都会花一定的时间去学习。
+
+我是大一零基础入坑的计算机专业，所以比起很多我认识的大佬而言，我的起步是非常低的，也正因如此，在上学期我不敢有一丝一毫的懈怠。我广泛地去学习知识，相比上层形形色色的框架来说，我感觉自己对底层的计算机原理、计算机网络、操作系统以及编译原理更感兴趣。
+
+> 鱼皮：我当时正好反过来，但后来在面试中吃了算法的亏，才意识到基础的重要性。
+
+我的大一上学期过得很精彩，加社团、内卷（手动狗头）、学习，和高中的两个朋友保持联系等。
+
+如果让我用一句话去总结这学期：我不认为我错过了什么，也不认为我的每一步都无可挑剔。但即使有遗憾，我也相信可以重来！
+
+
+
+### 寒假前
+
+谁的寒假没有弯道超车的非分之想？
+
+我认为我很贪心，想学 JavaSE、还想学前端三件套、还想学算法和数据结构。。。
+
+虽然我在一开始就应该知道 **贪心不能保证最优解** ，抓住一个方向去专注学习才是正解。但刚开始接触编程知识的海洋，还是很难做到 “专一” 吧。
+
+![](https://qiniuyun.code-nav.cn/image-20220228152108499.png)
+
+
+
+### 寒假期间
+
+#### 学习方面
+
+我大概学了如下知识：
+
+- Java SE 的基础知识过了一遍，但是 IO 流（管道）、内部类、TCP 协议还没学。
+
+- Linux 操作的一部分（其实是自己懒了），基本的文件操作没有问题了，也掌握了 Linux 的整体框架：目录结构、资源管理等。其实我对Linux的第一版的内核还是很感兴趣的，只能在学完 Java SE 的基础后再去学了。
+
+- 数据结构和算法。其实就是读了一下《大话数据结构》，并且图后面的内容还没看，就去写代码练习了。
+
+- 下载并尝试使用 Eclipse、IDEA
+
+- 了解了Java 整体的学习路线
+
+- 加了一个学习圈子 —— 鱼皮的知识星球，我也借此看到了自己的缺点和优势
+
+  - 缺点：我太菜了，Java 只会基础、前端三件套都没学，更别说 Vue / React 框架和 SSM、SpringBoot、SpringCloud 这些框架了
+
+  - 优点：圈子里面除了极少数的 “妖孽”（手动滑稽）之外都是师兄师姐（师姐目前只见过两个）和已经工作的人了。所以我还有大把的时间去学习，去追赶。
+
+> 鱼皮：扯呢，谁说师姐只有两个？？？（狗头）
+
+
+
+此外，在春节期间，我和一位电子通信专业的博士聊天（主要是我向他咨询），我学到了很多的知识（感觉说知识也不太合适，只能说我能从与他的交谈中提前体验到一些经历。这位师兄目前博士即将毕业，并且已经通过了三星的面试，且收到了华为面试通知。
+
+以下是部分聊天内容：
+
+问：谁的大一不迷茫？我虽然大一上学期表现的很云淡风轻的，但是我其实对未来的道路还是很迷茫的。所以我想问师兄：“计算机专业到底是干嘛的？咱们真的是去开发软件吗？每年的毕业生这么多，社会上真的有这么多的缺口吗？”
+
+师兄回答：目前计算机专业还是很有前景的，而且社会上素来都有所谓的末位淘汰制，所以真正有技术的人，一定能吃上计算机的这碗饭。
+
+问：相信大家在考研和工作之间多少有点犹豫，那师兄你认为研究生阶段你的能力有大幅度提升吗？
+
+师兄：并没有。但是我更看好另一种观点：生命对每个人而言都是只有一次，我们为什么要放弃读研这段特殊的经历呢？
+
+问：前端框架、新技术和数据结构算法，到底应该学哪个？
+
+师兄：优先学数据结构和算法，因为算法水平能体现一个人处理问题的水平。将来如果你想进大厂，那么算法是一定会考的。我前段时间面试三星，笔试部分就是让我解一道 ACM 水平的算法题（后面解释说是 ACM 题的变形），我过年之后要去的华为的笔试也是要**手撕算法**（注：这个师兄是电子通信的，不是计算机的）。另外，前端的技术框架虽然我不是很熟悉，但是据我的师弟们说，框架有的只是让你去使用，目前你才大一，时间还很多，主要精力还是放在基础上比较好。
+
+补充一点，校招还是很看重基础的，而社招更看重你做项目的能力。
+
+
+
+#### 为人处世
+
+加了鱼皮的知识星球之后，我也深深地被大佬们的实力给折服，所以也开始花费一些时间在认识朋友上了。
+
+上面的那位博士师兄也就人际交往方面给了我很多建议，比如：
+
+- 不能太高冷（手动捂脸哭），感觉我没有啊，可能是我不太懂如何与人沟通吧。
+- 不要把自己放的太高，要和别人有沟通交流。他还举了一个自己的例子，他曾经独立做了一个东西，自认为很完美了，但是在和别人交流之后还是发现了可以进一步完善的地方。
+- 大厂最注重合作了，据说如果在华为的心理测试中，如果你测试的最终结果显示 “你不喜欢团队合作” ，那么无论再优秀也是不会被录用的，因为你不符合他们的企业文化。
+
+
+
+#### 感悟
+
+之前的我不能说我是不屑（因为我确实没有这样想），但是我确实不愿意花时间在社交上，因为不知道那样有什么意义。
+
+但是从这个寒假起，我决定要扩大自己的圈子，多多与人为善；持续知识分享：要坚持写题解，做知识记录。
+
+在接触计算机之前我一直都不敢相信竟然有一件事能同时利人利己，不得不感慨：计算机的开源精神是伟大的!
+
+> 鱼皮：以前的我也不愿意和别人交流，总是闭门造羹，因为觉得自己要什么知识都能通过搜索获得，为什么要和别人讨论呢？但直到后来无意间和大佬一起参加竞赛，我才意识到，1 + 1 真的是 > 2，你可以永远相信团队的力量。
+>
+> 但也要注意，要多认识积极乐观 / 优秀的人，好的朋友 / 团队一定是要能互利互助、共同进步，而不是大家一起丧。
+
+
+
+### 未来计划
+
+最后也给自己做些计划吧~
+
+
+
+#### 总体
+
+- 要将主要精力放在学习和提升编程能力上
+- 提高实战能力，争取暑假去一个中小厂实习
+
+
+
+#### 学习
+
+- 先将汇编，编译原理，操作系统，计算机网络放一下（Java SE 里面和 TCP 有关的内容还是要学的）。集中火力打通 Java 一条线。
+- 用 Java 做一个能拿得出手的项目。
+- 每天刷一道 LeetCode 算法题目。
+- 在 2022-07-01 日之前 AK 掉洛谷题单，给自己一点压力。
+
+
+
+#### 绩点
+
+- 要好好搞绩点，争取每一科 90+
+- 550+ 过四级
+
+
+
+#### 人际交往
+
+- 多多结交大佬（像知识星球里面的大佬等）
+- 在学校里面多多结交朋友
+
+
+
+### 结语
+
+如果让我现在去看上学期的自己，我会觉得，那时的整个人虽然很云淡风轻，但是缺乏认知，那是一种无知的表现；如果去看待寒假的自己，那时的自己，很累，每天都很累，每天都会做梦，睡觉质量明显下降，看着众多大佬的牛逼自我介绍 ，我不仅感觉自己很垃圾，想要去追，却还是感觉力不从心。
+
+但现在的自己，因为加入了，看到了知识星球里那么多朋友的真实经历，才帮助我有了更明确的目标，也得到了众多大佬的经验传授。我不会再去做无意义的焦虑，可以踏实地朝目标前行了。
+
+**2022 加油！**
+
+
+
+---
+
+
+
+不得不说，才大一就有这种自我驱动 / 自省的意识、执行力以及归纳总结的能力，属实让我感到佩服。毕竟那时的我，也找不到方向，也是啥都学一点儿，直到大二暑假才确认了自己的目标。我也会想，如果我在大一下学期那会儿就通过学长们的经验帮助自己确定了目标的话，结果会不会完全不一样呢？
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\357\274\214\347\234\237\347\232\204\345\276\210\345\212\252\345\212\233\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\357\274\214\347\234\237\347\232\204\345\276\210\345\212\252\345\212\233\357\274\201.md"
new file mode 100644
index 0000000..ff438e6
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\345\255\246\345\274\237\357\274\214\347\234\237\347\232\204\345\276\210\345\212\252\345\212\233\357\274\201.md"
@@ -0,0 +1,102 @@
+大家好，今天给大家分享的是[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)的林寻同学的 Java 学习经历分享：
+> 星球原文链接：https://t.zsxq.com/0aaUfBvRx
+
+## java后端入坑感悟
+
+### 入坑前的抉择
+
+去年的这个时期大学刚刚开学，高考后看着那么厚的一本招生之友报考手册，开始了选专业和学校的相关事宜，选专业无异于大海捞针。
+
+最后因为姐姐是软件工程专业加上了解到计算机工资稍微高一点，便把思路缩小到了计算机相关，又因为分数太低，出省更没什么好的选择，就在省内同价位挑选了几个学校，一股脑的往上面写 什么计科，物联网，大数据，软件工程的直接拉满，最后还被第一个学校调剂了，调到物联网了，开学前本来对考研也是有些许期待和想法，毕竟每一个失利的孩子都想通过另一种方式证明自己。但是转折却来的特别突然。
+
+### 入坑的道路
+刚开学代班带我们参观了学校的学习小组，被小组学长学姐的讲解和介绍所吸引，最后填写了报名表，等着面试的那天，走进那个房间真的超级紧张，肢体死板，学长的问题都是零落的字词从嘴中蹦出来，经过了半个多小时的面试，终于结束了，出来那个房间还是很紧张，真的想被录取，但是又觉得表现的不是特别好，毕竟走进那个房间之前我还是没有摸过电脑，那个晚上我跑到操场，让心跳声跳的更快点来缓解紧张的心。等过来两天，群里发的录取名单里面有我，真的很开心。
+
+
+![](https://files.mdnice.com/user/31817/c63cca23-9dc8-4f21-bd34-5b4c096475b6.png)
+
+
+招新结束后，大家的第一次见面，那天还是我们班级的第一次团建，快结束的时候跟几个同学一起去，学长学姐挨个介绍自己，那个时候刚刚进入大学，觉得很兴奋，后来分了小组，我被分到了三组，学长学姐特别好，那天晚上聊了很多，鼓励我们坚持下去，真的算是我入坟的引路人。接下来的一年里就是每一天的学习。
+
+## 大一学习经历分享
+
+大一这一年过得很精彩，也很充实，但是说实话真的也很累，我们跟着学习计划，从最初的 java 基础写一些简单代码开始，到后来的 html css 的页面学习，紧接着就是前后端的方向选择，想了很久，在方向选择上面填写了后端，紧接着就迎来了期末考试，小组闭组了，留给我们准备期末考试，也布置了一些 java io 流的学习计划，在复习的空闲时找找文档学习。
+
+### JavaWeb 入门
+
+放假回家的第二天，小组开始打卡学习，我们的第一次后端考核是用 io 流写一个小项目，我选的是疫情防控管理系统，第一次写项目，确实有点吃力，也会找一些教学文档学习，最后是吃力的完成了相关的功能，不是很流畅，但是好歹可以正常运行，第一次考核结束后，开始了第一次的 javaweb 入门，那次计划学习了很多，有 mysql，tomcat，maven，session，cookice，xml 等，这次的考核是根据网易云，写一个相关的音乐网站，用 servlet 和 jsp 写，那个时候我记得写的特别吃力，总是会报不知名的错误，总是一杯水，一耳机，一个 bug 找一天。
+
+![](https://files.mdnice.com/user/31817/a698b3b0-4245-415b-84cb-c83412d90381.png)
+
+
+
+那种无力感真的很熬人，学长也会帮忙解决，有什么不懂得询问学长总能给你找到好的思路，这其中有的时候也会突然想要放弃，就在那些个已经遗落在风中的一些个瞬间，最后开学了，留了几天完善项目，然后就开始了后端的第二次考核，这个时候已经剩下来九个人，记得刚开始放假前的前后端选择时还谁三十多个人，好多人离开这个房间之后就基本没见过面，尽管是在一个学院，人生或许也是这样子吧，两个人步伐不同步，很容易产生距离的吧。
+
+### SSM 的学习
+
+后来就是一些学习，等着前端追上可以交互的进度，我们学习了 ssm 框架，spring，mybatis，等链表和数组，为蓝桥杯做准备。
+
+接下来就开始了 ssm 的第一个项目，我们项目组是做一个头条新闻的项目，两个后端和三个前端搭配，第一次前后端合作写项目，知道团队合作的重要性，团队之间要及时询问，问题互通，同时任务分配也是重中之重，要确保每一个人都能发挥最大的个人力量，为团队增一份力，这个项目写了一个月，每天都是一睁眼就是代码，一闭眼还是代码，日子过得很累，很辛苦。
+
+![](https://files.mdnice.com/user/31817/cd858797-b65f-4ae4-9a78-c78c35875f1a.png)
+
+
+但好在一切不是没有成果，看着接口一点点的写出来让前端使用，把数据渲染到页面上，看着功能一点点完善，看着把之前学到的零碎的知识点全部系统的整合，确实很有成就感，看着别的同学还在为 java 基础课担忧的时候，心里边的兴奋还是有的。
+
+### 学习 SpringBoot
+
+每天早上八点到晚上十点四十下班，没有假期没有周末，只有一个一直学下去的心，我能知道这一年没白白浪费，后来项目考核完之后,反思自己,项目的许多细节处理的都不是很好,有一些 bug 到考核的时候还是没有改过来,而且有一些功能的逻辑有一些不是很完善,学长说考核必有妖,说的确实是没错,有一些考前没有的 bug,到考核的时候就突然冒出来了,接下来就是对项目进行完善,同时需要学习 springboot,对项目进行 springboot 的重构,这两天学习了 springboot,发现确实是很方便,省去了许多的配置,他都有默认的配置,代码是越来越简单了,不得不感叹计算机知识的迭代更新.还是要不断学习呀。
+
+
+![](https://files.mdnice.com/user/31817/ce97f0d2-92b3-40cc-95ef-911e85f0b70a.png)
+
+
+这一次每个组的项目页面都有了很大的变化，经过两周左右时间还是有很大收获，但是这次考核也淘汰了一些人，我们组前端淘汰了一个，别的组也有淘汰的，学习过程中也很残酷的，接下来开始闭组了，准备期末考试，接着就放暑假，大一就这样子在封校学习中结束了。
+
+本来小组的要求是放假不返校留校学习，奈何这两年疫情确实难受，在家学习的效率真的不是很高，很容易松懈。
+
+### 学习 Redis 和服务器软件
+
+但是还是要学习的，放假到家的第二天正常作息，八点起来打卡，这方面的学习我觉得刚开始还是很迷糊的,不知道虚拟机什么的怎么弄,后来一点点摸索也有了一些眉目,一步步安装相关的软件,xshell,xtpf,linux 换个服务器的更改，redis 的五种数据类型（string，list，set，zset，hashz）的练习入门，还有三种特殊数据类型（geospatial 地理位置，hyperloglog，Bitmap），以及事物和监控，发布订阅和哨兵模式等等的一些,看起来确实很繁琐,但是当我真正的融入进去之后我才发现是越来越感兴趣,真正的学习我觉得起源于兴趣。
+
+
+接着就是自我的成就感,看着知识点一点点的被自己理解和掌握,真的很有成就感,在学习 redis 的过程中,我学到了独立解决未曾涉及的知识时的解决办法,先查阅相关知识的讲解,哪里不懂的及时搜索,也可以和学长沟通询问。
+
+对于 redis 的学习,我觉得就是一个去繁留简的一个过程,当开始学习 Java 的时候就是一盘散沙,servlet 和 jsp,后来慢慢学习了相关的框架,从 ssm 框架到 springboot,这其中慢慢的把厚重的知识变得越来越薄,这就是一种进步或是进化。
+
+之后在 Redis 的学习过程中知道了他有许多功能,同时在许多地方可以通过自己的语言特性很容易的获得某种功能。
+
+### 新的项目
+
+接下来新项目也接踵而来,上次写的项目写了好久,因为前期的规划和能力问题,导致后期废了很大的力气去完善,到最后还是没有很完美地写出想要的,就好像是草草收场一样。
+
+![](https://files.mdnice.com/user/31817/4afb9bd2-cb52-4d02-b775-7fccc61301c2.png)
+
+
+
+接下来的项目,时间周期是四十天,这次项目我们组还是两个后端三个前端，准备做一个未来刷题网，这中间需要学习和掌握许多的东西,还是要在边学边写的,接下来又是一个充足的假期,其实累点也没什么,只要能学到知识这就是最快乐的事情了,剩下的还能比这些更快乐的呢,给自己留一定的压力,才能激发出自己的一些潜力,也是对自己能力的一种培养。
+
+### 当了组长
+
+这次我被选做了组长,我要努力负责起来,对整个项目组负责,对自己负责,接下来第一步就是抓紧把任务分配下去,剩下的只有靠我们自己努力努力了。这次的项目功能很多，比上次来比更加复杂，前后端分离项目，我们发现了一个重大的错误,因为前期对 springboot 的安全框架 security 的整合并没有太在意,加上这是我们第一次做前后端分离的项目,导致刚开始写登录注册的时候还是重心放在了 session,但是这样子会造成一种安全隐患,虽然刚开始的时候学长学姐提醒我们要先把安全框架构建好,学习一下 token,发现是需要用到 springbootSercurity 安全框架以及 token+jwt 来对整个项目做权限控制和交互，开始写项目的时候安全框架还没有搞好,导致现在完善起来很难受。
+
+而且登录注册还不是我写的,有些关于 security 自带的登录我也没办法看登录的接口,在网上寻找了些解决方案,文档视频都看了一些,还是没找到合适的解决方法,后来想着让写登录的到时候看看吧。
+
+### 学习了 websocket
+
+前端想用 websocket 创建一个长连接,以此实现对用户的消息通知,比如系统通知,管理员消息通知,以及收藏、点赞这些的消息通知,我找到了有些相关的长连接的视频文档,了解学习了一下,现在已经把系统通知的功能实现了,后面还要继续把别的需求完善出来,争取把项目做的更好。
+
+随后进行了项目的考核,这次考核方式是小组人每一个人注册一个账号登录进来找 bug，我们组的 bug 显得格外的多,文档里面一百多个 bug 看起来很头疼,接下来的这周项目完善期间,后端对接口进行了完善总结,同时敦促前端对页面的 bug 进行更改,有一些页面布局进行优化,同时如果遇到接口有问题的也及时和后端进行交流沟通,看着页面上面的 bug 一点点的进行完善优化,还是挺有努力获取回报的满足感,之后还是要及时抓紧完善项目。
+
+
+一个假期肝完了第二个项目。大一结束了，大二继续加油！
+
+最后，感谢[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)，让我有机会和朋友们一起学习、互相分享知识。
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\357\274\214\346\210\221\346\203\263\346\211\276\345\256\236\344\271\240\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\357\274\214\346\210\221\346\203\263\346\211\276\345\256\236\344\271\240\357\274\201.md"
new file mode 100644
index 0000000..3b54786
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\244\247\344\270\200\357\274\214\346\210\221\346\203\263\346\211\276\345\256\236\344\271\240\357\274\201.md"
@@ -0,0 +1,86 @@
+本文是 [编程导航星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的玄德同学的年终总结，飞速成长，未来可期：
+
+> 星球原文链接：https://t.zsxq.com/09j2U6L7b
+
+## 2022年度总结
+
+
+回顾2022，成长的一年；展望2023，期待的一年；
+
+岁月如梭，韶光易逝，不知不觉间来到星球已经一年了，从当初的年少轻狂，到如今的稳如老狗，感觉是我成长最多的一年
+
+迟到的2022年度总结，下面是我的一些感想（文笔不好，跟流水账一样），无聊的可以看一看（～￣▽￣～）（手动狗头）
+
+
+## 初遇星球，认识鱼皮（3月~4月）
+
+
+我是 2022 年 3 月 5 日加入的星球，当时因为头一次需要知识付费这么多，犹豫了好久，但因为学校有一位跟我一起参加过小程序大赛的一位朋友，她先加入了星球，让我见识到了星球里面的魅力，之后就开始认识了鱼皮，先是b站看到网站被攻击的那个视频（当时在搞网络安全），觉得很有意思，添加了公众号，看到鱼皮大学的历程，顿时当头一棒，震慑了好久，没想到大二暑假还能去找实习，当时根本没有想过大二就实习，也就是从这时候开始，坚定了我 2023 找实习的打算，随后我加入了星球，当时星球内的项目好像项目中心都没更新完，大致浏览了一眼需要的知识，发现自己不会的好多，就开始恶补，同时开始了星球的每日打卡，附上我打卡的截图：
+
+
+![](https://files.mdnice.com/user/31817/e1e499ab-7332-4bdd-8375-b010fafb3f7d.png)
+
+
+当时在刷算法，现在觉得好像有点刷早了（╯－_－）╯╧╧，就这样默默的刷着算法，学着 java，到了下一个转折点。
+
+
+
+## 熟悉星球，开发小程序（4月~8月）
+
+
+在4月中旬左右，学校老师钉钉发了一个公告，让我们参加小程序开发大赛，大一可以使用云开发，不用编写后端，大二及大三大四需要有后台管理，这好像是最近几年的传统，当时仗着自己会点java、python之类的知识，觉得没啥难的，直接报名，开始的时候我还打算以大一的身份写一套后台管理的接口（现在想回去给自己一脚，年少无知( ￣^￣)，但在动手学习和开发时发现这好像不太像我这个刚会一点点 java 的人能写出来的，当时被大二的学长数落了好久（╯－_－）╯╧╧	，在这期间学习了前端三件套，狂神的 vue，黑马的 uniapp 小程序教程还有 java 的查缺补漏，嗯，学习的一个月。
+
+大概在 5 月初，开始试着制作小程序（边学边做，但是 js 都没学完），制作的时候无非就是看到什么功能，直接上网查，搬过来自己改一改，没有的就自己写，就这样边学边做，学完了 vue 和 uniapp，期间因为疫情原因，5 月中旬就早早的回家了，在家的时候直接猛肝，每天下午 2 点坐到电脑前，晚上 8 点左右才吃饭，终于在 6 月初制作完成，制作小程序的期间巩固了学习的知识，但感觉头发掉了好几根（>﹏<），这是我肝的最猛的一个月。附一张我5月末的吐槽：
+
+![](https://files.mdnice.com/user/31817/94c76089-b895-420e-995f-cbcca68c5d2b.png)
+
+
+
+就这样整个 6 月份都在复习 java、学习 MySQL、搭建树莓派和写关于小程序的文档中度过。
+
+在 7 月份的时候开始迷上了搭建博客，但学校老师突然让我出安全测试报告（当时就我一个搞网安的），就这样一边搭建博客一边出测试报告，但在搭建博客的同时因为那个 live2d 看板娘，弄了好久好久，经常到半夜3点多，为了看板娘的后端把 nginx 学习了，但最后发现那个后端是 php 的，无奈放弃（╯－_－）╯╧╧	，期间还学习了 javaweb 和一些安全的知识，就这样平平无奇的7月份就过去了，对了，附上我的博客地址：https://xuande-hk.gitee.io/
+
+
+里面有搭建博客教程，想搭建的可以看一看，但星球也有更好更全面的教程，还是推荐星球里面的教程，我太次了(>口<)
+
+
+## 星球混子（8月~12月）
+
+
+在 8 月份的时候就开始跟着鱼皮的视频做项目了，用户中心的初始化就弄了一个多小时，当时是真不会啊，不过有一说一鱼皮讲的是真的细，当时我连 spring boot 框架没学完都能看懂，就这样一边跟着鱼皮项目一边学习 ssm 框架（当时跟着鱼皮项目学的 spring boot，学完后补的 ssm）到了 10 月份
+
+大概在 10 月份我们实验室就开始了教官团的任务（到这时候好像算法就不刷了），当时年少无知，报了教官团（后悔啊），每天晚上教大一安装软件，那个累啊，每天晚上的学习时间都没了，但没报教官团的人，在那卷我们这些报教官团的人（╯－_－）╯╧╧，记得在 10 月中旬，当时所有实验室的人学习进度都没我快，还因为自己会点网安的知识，有点飘了~，最后被学姐学长一顿教育，教育了 2 小时，从那以后我就消停眯着了，同时明白了人不能太狂，人外有人天外有天这个道理。
+
+
+![](https://files.mdnice.com/user/31817/a2a2c16b-0611-4742-bfd6-abdd10c08d7e.png)
+
+
+11 月份的时候已经学完了 ssm 和 mybatis，当时想练练手，就纯自己写了一个用户管理系统练练手（spring boot+vue+mysql，鱼皮用的那些），同时也跟上了鱼皮的进度，到了 api 开放平台，补了没看完的用户匹配系统，期间还学了 javafx 和 vue-router。
+
+12 月的时候已经快回家了，调试了一下树莓派，预备接手学长们的树莓派项目，回家后学习了vue3，复习 spring boot，肝了一篇 git 笔记，在 12 月中旬的时候，老师要求实验室的人假期需要完成一套完整的小程序（近几年的规矩），在 12 月末完成原型的制作，记得检查原型的前几天，正好阳了，我去，发烧期间肝原型、检查原型，感觉人都傻了，等阳康之后就月末了，开始学习 redis，同时给同学开了直播，讲解前后端的 demo 项目（就是我当初练手那个），就这样 2023 年突然就到来了，来的猝不及防
+
+
+
+
+
+## 展望2023
+
+
+说一下目前 2023 年上半年的计划：
+
+- 完成俄语四级考试
+- 开发一款完整的项目（目前就是假期这个小程序了）
+- 完善简历
+正好疫情结束了，在暑假之前开始在哈尔滨海投，如果哈尔滨没有就去别的城市，反正假期我是不会懈怠了，一定一定要找到实习
+
+
+
+说了这么多，也该结束了，感谢屏幕前的你看完了我 2022 年的历程（看没看我也不知道<（￣︶￣）>），现在的我多亏了鱼皮和[编程导航星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，在这里学到了很多很多知识（特别是鱼皮的几个项目视频），认识了很多很多志同道合的朋友，祝大家在 2023 年大家都能实现自己的愿望（～￣▽￣～）
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\345\274\200\345\247\213\345\255\246\347\274\226\347\250\213\344\272\206\357\274\214\346\201\220\346\200\226\345\246\202\346\226\257\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\345\274\200\345\247\213\345\255\246\347\274\226\347\250\213\344\272\206\357\274\214\346\201\220\346\200\226\345\246\202\346\226\257\357\274\201.md"
new file mode 100644
index 0000000..df4b48c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\345\274\200\345\247\213\345\255\246\347\274\226\347\250\213\344\272\206\357\274\214\346\201\220\346\200\226\345\246\202\346\226\257\357\274\201.md"
@@ -0,0 +1,173 @@
+# 小学就开始学编程了，恐怖如斯！
+
+大家好，我是鱼皮，之前给大家分享了 **星球** 里一位小伙伴的真实经历：[小学就自学编程，顺手黑了学校广播系统？](/星球故事/鱼友经历/小学就自学编程，还黑了学校的广播系统？.md) 
+
+当时有同学还不相信，结果昨天又有一位小伙伴分享了自己的经历。我一看，好家伙，又是一位从小学就开始编程的大佬，而且后来竟然还通过写脚本当上了 QQ 群的龙王哈哈。
+
+![](https://qiniuyun.code-nav.cn/image-20220302124557353.png)
+
+给大家分享一下他的学习经历吧。
+
+
+
+## 我的编程学习之路
+
+大家好，我是鱼皮 **知识星球** 中的小伙伴 99 ，正在浙江某双非一本就读，爱好计算机与音乐。
+
+关于我从小就学编程这件事，首先要感谢我开明的父母，没有认为学习技术热爱技术是一种不务正业的行为。 其次感谢我的世界这款游戏，让我对技术产生了浓厚的兴趣。
+
+
+
+### 小学暑假（2015）
+
+我最早接触的编程语言是 C++，为什么一来就接触 C++ 呢？其实就是随便找了 “你好世界” 的代码，觉得 CPP 的最好看，就决定学他了。
+
+![](https://qiniuyun.code-nav.cn/image-20220302143315443.png)
+
+果不其然，我实力不足，感觉很难。当时下了个 vc6，对，就是那个很落后的、连自动补全都不完善的一个编辑器。迷迷糊糊创建了一个MFC 程序，然而我对 MFC 一窍不通，基础的东西问大佬们，大佬们也没有太多耐心回答，所以基本上就直接放弃了。
+
+然后我又在百度的过程中了解到了易语言 —— 中文编程，对于那个时候英语水平拉胯的我来说，简直就是救赎，然后我就玩了一年易语言，在这一年里快速建立了写程序的框架思维，以及问题解决的方法（这就是所谓的目标与兴趣导向型学习吧）。但同时为了我以后在技术的道路上走的更远，我还是决定买一本《C++ Primer Plus》，系统学习标准库等语言基础知识，最后也成功编写了第一个程序（代码已经丢了，隐约记得是个简陋的聊天程序）。这个过程中主要还是目标导向与兴趣导向，记得当时自己目标很明确：我要写聊天程序，那么就要有客户端和服务端；它们需要进行网络通信，那么就要了解网络通信的知识（Windows Socket）；要编写界面，就要学习界面开发的知识（MFC 现在不推荐学习了），如果是 C++ 的界面库，Sciter 和 QT 是不错的选择，或者控制台，“毕竟 CPP 不配拥有界面”。
+
+> 鱼皮：这是一种非常好的自主学习习惯，在做项目的过程中需要实现哪个功能，就可以去网上搜索实现方案，学习对应的技术后可以直接应用，加深印象。
+
+除此之外，出于爱好，我其实还学习了建站和网站服务器搭建的相关知识。这部分知识很零碎、不系统，我大致说一下我的学习策略。人的大脑其实从原理上更容易接受归纳式与试错式学习，所以我踩了很多坑，熬了一个又一个夜试错，最终找到了正确的搭建方法。
+
+当然，当时的我没有接触 Linux，所以只是在 Windows Server 图形化的帮助下，搭建了傻瓜化的网站。这里我说一下当时比较热门的三个网站服务器，Apache、Nginx、IIS。稳定性用 Apache、高并发用 Nginx、综合省事儿用 IIS。一开始我是用 Nginx 做代理用于负载均衡，Apache 做 PHP 网站服务器的，后来发现太折腾了，特别是 URL 规则配置，简直要命（当时的我还不会正则表达式）！然后我就转用 IIS 了，现在也依然是 IIS。至于当时搭建了啥，一个基于 Discuzx3.2 的班级论坛和一个 WordPress4 的博客，因为年代久远了，只找到了这一张截图：
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:Z6KPgRAT8y3SmY9mZNHd-jakSWo=.png)
+
+> 鱼皮：现在的话 Nginx 是主流的 Web / 反向代理服务器，后端开发的朋友一定要学习下。
+
+
+
+### 初一 ~ 初二（2016.2 - 2017.6）
+
+这时的我，由于学业的繁忙，技术学习有点滞缓了。不过也抽空接触到了全新的编程语言，比如好用但是不火的 C#。
+
+刚开始玩 C# 其实还是用的 WinForm，写过一个日程管理小工具，现在回看代码，血压飙升。
+
+> 源码：https://styunlen.cn/softlib/dailytools
+
+对了，WPF 程序编写小工具还是很好用的，界面库用的是 Mahapps.Metro。
+
+我用 WPF 写了一个博客文章阅读器。因为搭建了一个博客，我嫌浏览器麻烦，就想自己做客户端（折腾、造轮子）。当时还不知道Restful Api，Wordpress 好像也不支持，因此自己还编写了一个服务端程序，不过要手动添加博客内容，麻烦得很，最后这项目也是弃坑了。
+
+> 这个项目的源码在百度网盘，不方便直接挂，先放到鱼皮的星球里了~
+
+在这期间，我了解到了阅读官方文档的重要性，以后的学习中也尽量都去看开发文档了。 
+
+其实除了 C#、CPP 这些写应用程序的语言学习，我还喜欢上了前端技术，虽然只有一点点，比如 HTML、CSS、JavaScript 三件套，以及一点点 PHP。我用这些做了个丑不拉几的 HTML 主页，主页风格受到了一点点钉子大佬 @Rrupmid Nyche 的影响（他的 WP 主题我从建站起一直用到高一），初三的时候甚至还二次开发过他的主题。
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:832_KR9TyJdP2u35akbqpRxMoWY=.jpeg)
+
+
+
+### 初三（2017.6 - 2018.6）
+
+这一年，我也忘了自己干了啥，好像没啥进步。翻了一下空间，我居然跑去玩 OpenGL 了！ 
+
+![这就是大佬的相册么？](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:_9WXeIyZG13JIMCtzj_MJTTSc1s=.jpeg)
+
+纪念一下当时连 gltools 的编译都要折腾半个月的憨憨：
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:K4TUEP-Ic4r7j1THZEXx8qQdFa8=.jpeg)
+
+二次开发钉子大大的主题时的留念：
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:_AYme94dibPEXFGHAS3bA9TiBtU=.jpeg)
+
+
+
+### 高一（2018 - 2019）
+
+时光如流，不知不觉我就成为了一个高中生。其实现在挺后悔初中没有用功读书，跑去学了技术，但这都是取舍，重要的是我幸运地找到了自己的热爱，并坚持在这条道路上走了下去。
+
+高一学习还是比较紧张的，浙江考生十一科连起来学习实在是过于充实，因此也很少有空学习技术了。
+
+
+
+### 高二（2019 - 2020）
+
+高二过得很苦逼，因为成绩下滑了不少、又遇到了分班等等杂事儿。但对编程技术的学习就像一道光，让我苦苦地撑过了这一段高中最黑暗的时刻。
+
+分班后，我的政治老师有节课提了一嘴，说想要一个像我们语文老师一样的语音点名程序，我就抽假期用 C# 写了一个语音点名程序，麻雀虽小、五脏俱全~
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:ALgJG-Lb-r0U5Rr2kGc9GysKlF0=.png)
+
+之后因为特殊的疫情，打破了所有的进程，网课时代拉开了序幕。
+
+对于一个技术党，网课当然也要继续好好学习（mo yu）啦 ！所以，我重新下载了我的世界，开启了服务器，和小伙伴一起养 ，当然，技术学习也木有落下。 
+
+由于我是用电脑开服，这就导致了我薛定谔的开服时间，以及频繁的在群里公布开服消息。我本人比较懒，因此想让电脑代替我的重复劳动。于是跳出了 C# 的舒适圈，使用 C++ 的 Sciter UI 引擎开发了一个 MC 服务器状态获取小工具，这时的这个小工具只能获取我自己服务器的信息。在高考结束后的暑假，我对这个程序进行了修改，支持获取自定义服务器信息了，并开源在了 Github，代码冗余，就不给大家看了~
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:zs-fPiDwnO7iFE5LcAnRQ9amV-E=.jpeg)
+
+除此之外，水群也是我的日常。可我每天那么认真的水群、币话不停，怎么还是轮不到我当龙王？为啥总是群里的小伙伴是龙王？
+
+我不服气，然后一天时间入门了 Python，用 pywin32 模块写了个刷龙头脚本。原理很简单，趁十二点到早上六点，大家都在睡觉，我让电脑每分钟自动发一条消息，这样我就能发送 360 条消息，再加上我白天的努力，龙头就非我莫属了。
+
+结果很出乎意料又在情理之中啊，我被禁言了。
+
+![](https://qiniuyun.code-nav.cn/image-20220302143243744.png)
+
+哈哈哈，但是我学到了知识，这是很强的正反馈。然后我就继续写脚本刷钉钉的自动点赞，不过速度有限，每分钟大概两千下，鼠标还不能动。不过好在我的一个同学推了一篇酷安的文章给我，解释了怎么用 fiddle 抓包修改网页源码的方式以更快的速度刷赞，甚至是强制刷赞（无视教师端控制）。当时就很快乐啊，给同学直播间的一次测试，简直不要太爽。
+
+![离谱！](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:TZe8lXYh3TtwS1vl3jHFrOgJ2f0=.png)
+
+当然还玩了教室面板彩色字体显示啥的，不过现在的钉钉不行啦。 
+
+说完软技术，来聊聊硬技术。恰逢通用技术课上电控知识，我想起来技术世界中还有单片机这种稀奇玩意儿，于是我斥巨资买了一块arduino 原装板（智商税）和一套传感器组件。现在建议买 arduino 可以买非原装的，便宜而且功能一样甚至更丰富。
+
+不过，刚接触硬件我就遇到了坑，刚入手的巨资 arduino 还没捂热，刚写完 “你好世界” 就 GG 了。不过我了解到了单片机的工作原理以及如何给单片机编写驱动程序，还有相关门电路的电控知识，和这些收获相比，失去反而显得微不足道了。
+
+### 高三（2020.8 - 2021.6）
+
+时间来到了中学时代的终点线前，为了提醒自己高考剩余的时间我又开发了一个桌面端的倒计时小程序，代码已经开源，目前已支持自定义主题功能，也编写了一丢丢主题开发文档，欢迎大家为这个可怜的小程序贡献漂亮高端的主题。
+
+![](https://qiniuyun.code-nav.cn/1&e=1651334399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:h5Vs-ib6e6bhDIuGmKa2ADfG3X0=.png)
+
+由于高三时间紧迫，初期的代码以实现功能为主，因此存在不够规范的地方，希望谅解。目前的版本，也存在诸多不够规范的地方，我也在抽出紧张的时间做些完善。
+
+> 源码：github.com/Styunlen/ReminderOfNEMT
+
+
+
+### 大一 ~ 至今
+
+由于选科的限制，我并没有进入计算机专业学习，因此到了大学，技术还是以自学为主。而专业课的时间冲突又导致我很难有充足的时间投入技术学习中，因此学习速度也有所放缓。不过，我一定会坚持下去的！
+
+大一了，我最想弥补自己算法上的不足，因此决定在大学期间去参加 ACM 竞赛，而竞赛又免不了耗费大量的时间精力，所以我每天的学习状态就像在经历高四。 
+
+最近学习了 Vue3 框架，并用 Vue3 为我们班编写了一个微信小程序。其他的感觉倒也没啥了，主要还是时间冲突问题，让我自己也很焦虑、很累，所以也加入了鱼皮的 **知识星球** ，在这里认识了很多小伙伴、看到了前辈们的成长经历、也得到了大佬们的指点。我相信以后会好起来！
+
+
+
+### 🤗 结语
+
+这就是我浓缩版的学习经历了，可能只是作为爱好者接触了编程知识，对于很多技术的认知还很浅薄、还停留在技术海洋的表面，但我会继续努力钻研的！如果有必要，我后面再给大家分享一期如何以目标或兴趣作为导向来学习编程技术的指引吧。
+
+对了，其实算法思想和编程技术还是有区别的。算法更侧重逻辑与数学能力，而编程技术其实更侧重编程语言基础和解决问题的能力等多种不同能力的综合，所以虽然我算法一般但写程序时没有感到什么压力。但不得不说算法思想是非常重要的，在写复杂的逻辑时可以更得心应手一些。
+
+不过无论是算法还是写程序本身都有个特点，那就是你只需要有一颗爱折腾的心，就能够在这两者的痛苦学习中找到不一样的乐趣。
+
+热爱终将会将我们导向我们所向往的生活！
+
+
+
+---
+
+
+
+看到这位同学的分享后，我也跟他交流了一段时间，得出的结论是：他不仅是未来的卷王，还是位鸡汤大师！！！还给我发鸡汤来着。
+
+![](https://qiniuyun.code-nav.cn/image-20220302141937794.png)
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\350\277\230\351\273\221\344\272\206\345\255\246\346\240\241\347\232\204\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\350\277\230\351\273\221\344\272\206\345\255\246\346\240\241\347\232\204\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md"
new file mode 100644
index 0000000..0c50d45
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\260\217\345\255\246\345\260\261\350\207\252\345\255\246\347\274\226\347\250\213\357\274\214\350\277\230\351\273\221\344\272\206\345\255\246\346\240\241\347\232\204\345\271\277\346\222\255\347\263\273\347\273\237\357\274\237.md"
@@ -0,0 +1,64 @@
+# 小学就自学编程，顺手黑了学校的广播系统？
+
+大家好，我是鱼皮，今天给大家分享我 **知识星球** 内一位小伙伴的故事。
+
+如标题所说，这位同学从小学就开始学编程、后来还无意间黑了学校的广播系统、靠编程给自己攒了一笔小金库等等。。。他的经历可以说是完美地诠释了：什么叫做热爱。
+
+![](https://qiniuyun.code-nav.cn/image-20220227173955362.png)
+
+
+
+## 故事
+
+从小我就热爱计算机，因为家庭经济原因买不起电脑，因此上大学前一直没有自己的电脑。于是小时候每天只能天天蹲在小伙伴家里等他玩累了，然后我就可操作一下电脑哈哈哈。
+
+小学 5 年级时，我自学了易语言。我也不知道自己怎么学的，反正就是各种 CV、然后改改代码。那段时间特别喜欢看别人写的源码，抄一抄组装一下就成了自己的一些外挂，当时觉得很好玩、就入迷了。
+
+![](https://qiniuyun.code-nav.cn/image-20220227174107455.png)
+
+上了初中后，我有一个梦想就是搭建自己的网站，于是特别喜欢找 PHP 或者 HTML 源码来学习，后来也天天尝试。通过自己的不屑努力，终于在初一暑假的时候用免费的虚拟主机搭建了我的卡盟网站（不知道大家知不知道这玩意儿）。搭建好了这个网站后，就开始了我的卡盟运营。后来就慢慢下载修改了各种源码、也搭建了自己的各种网站。
+
+对了，当时因为没有电脑，所以基本上都是通过我的酷派安卓机搭建的，当时手机里有 PHP + MySQL 的环境，手机运行通过、感觉没问题之后，再弄到服务器里。
+
+初二时候我就玩了一些乱七八糟的东西，甚至一不小心黑到了学校广播系统里！不过后来我就把漏洞补上了（此处省略 5K 字）。
+
+![](https://qiniuyun.code-nav.cn/image-20220227174156828.png)
+
+初三毕业之后，我开始接触到了 Linux 操作系统，并搭建了自己的免流系统、开始了运营。
+
+上了高中之后，我向我姐借了 50 块钱去淘宝买了一本 C 语言的书，每天睡前就看几章，因为没有电脑就都是只能用脑去 debug。
+
+后来搭建了一个自己的盗版电影网站，这块就需要爬虫的知识了。刚开始还不太熟悉网络接口方面的知识，但后来爬虫爬多了，就觉得服务器通过接口返回 JSON 数据好酷，然后就学了后端的知识。
+
+上了大学之后我能够每天做做自己喜欢的事儿，就开始了 C 基础刷题史，并且成功刷入了学校的 ACM 协会。
+
+大一期末的时候，当时真的穷的揭不开锅了、还欠了花呗，最后想办法就去接了私活。当时我胆子可能比较大，不会的活我也敢接，因为我觉得不会的我也可以学。后来就是在这种边做边学中，赚到了人生第一桶金，一个寒假大概 6000+。
+
+做得多了，认识的人也越来越多，然后到目前为止，认识的很多老板都喜欢叫我帮忙整活儿（廉价劳动力 hhhh），自己也存了好几个 w 的小金库，至少说不需要爸妈担心，买自己喜欢的平板、电脑、手机也不用找他们拿钱了。
+
+到了大二我辅修了计算机科学与技术（我们辅修一般叫二专），多交了 3800 学费和一专一起上课，这学期学了三门，包括：数据结构、计算机网络、C 语言。
+
+因为我 19 年的时候体育类报考没报好，然后就只能报名普通本科二批，当时只有体育类的报考志愿手册，所以我只能随便填，10 个学校 6 个专业，所有专业我都全部填了 “计算机科学与技术” **不调剂** ！然后就没调剂，本来有个学校可以调到物联网，然后没录取就后悔了，出结果第二天就直接回学校复读了。补录的时候让复读时候的同学随便帮我填，最后录取了一个二本的大数据专业，但是我还是选择复读，因为对计算机科学与技术也是情有独钟吧。
+
+最后我考上了现在的学校，一所双非一本，也拿到了 100 米国家二级运动员、国家一级篮球裁判、2021 蓝桥杯三等奖、一项软著等。
+
+
+
+---
+
+
+
+看了这篇文章后，我感觉这位同学和我的经历是很像的。我也是因为游戏脚本接触的编程（按键精灵 Q 语言，不过是在高中才接触）、高考第一志愿也全部是计算机科学与技术和软件工程，并且之后出于热爱去学习计算机，现在才能够找到自己热爱的工作。
+
+在我看来，坚持自己热爱的事，才能帮助自己更好地前行，收获让自己满意的答卷。
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\274\200\345\247\213\350\256\244\347\234\237\344\272\206\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\274\200\345\247\213\350\256\244\347\234\237\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..d5713b5
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\345\274\200\345\247\213\350\256\244\347\234\237\344\272\206\357\274\201.md"
@@ -0,0 +1,80 @@
+# 开始认真了！
+
+大家好，我是鱼皮，昨天刚刚公开了自己的 **编程知识星球** ，就吸引了一大波想坚持学习编程、持续获得进步的朋友。目前星球人数已达 2000，鱼皮真的非常感谢大家的支持！
+
+在星球中，大家不仅可以阅读和分享编程知识、学习资料、学习经验、求职技巧等；还能找伙伴、参与日常打卡，和大家一起学习。
+
+![星球内的学习打卡](https://qiniuyun.code-nav.cn/image-20220219115257455.png)
+
+这不，有位小伙伴刚刚加入星球，就被里面的学习氛围感染了，在 0 点之后还发布了自己的今日打卡。
+
+以下是这位同学的分享，除了学习小结和明日计划外，还分享了自己学编程的经验。
+
+
+
+---
+
+
+
+今天听到鱼皮老师的直播，加入了知识星球这个大家庭，感觉一下子步入了编程知识世界的海洋，之前都是自己在自学的世界里单打独斗，以后就可以在鱼皮的带领下和大家互通有无，互相学习，共同进步。我决定从今天开始进行学习打卡，对每日的学习进行小结，对明天的学习进行计划。那么就从今天开始吧！
+
+![](https://qiniuyun.code-nav.cn/image-20220219120602602.png)
+
+我是跟着黑马 Java 视频进行自学，感觉这套课程比较规范、适合自学。基础知识点都会有非常清晰的说明，示例代码都会有 “需求”、“思路” 和 “注意事项”。
+
+此外，老师在重要知识点中举的例子也特别形象生动，其中印象特别深的是讲解逻辑关系。
+
+- &（与）比做开发网站，前端和后端，只有前后端都做好了才能使用 true，缺一不可，有一个不行就是 false
+- ｜（或）可以想象成你叫 2 个人去车站买票，只要有一个人买到票，你就可以坐车回家（true），除非两个人都买不到票，你就回不了家（false）
+- ^（异或）：可以想象成合法婚姻，一男一女（一女一男）才可以结婚（true），两男、两女都不行（false）。
+
+用这样的例子一讲，逻辑关系是不是顿时特别清晰深刻？
+
+![](https://qiniuyun.code-nav.cn/image-20220219121104375.png)
+
+我是用 iPad 里的 Notability 软件做笔记，用 Macbook 来敲代码。编程是我长久以来的兴趣爱好，我很享受学习的过程。之前学过 C语言和 Python 基础，现在总算有些闲暇时间，可以静下心来用大块时间自学 Java，每天都能学到新的知识，从编程中获取学习的乐趣，这让我感到生活很充实。如果能将自己的兴趣爱好将来有一天发展成副业，那就更加完美了。
+
+今天我主要做了一个数组练习题，然后学习了方法和 Debug。 数组练习主要是编写了一个有 6 位评委给参赛选手打分的程序，听了老师的编程思路后，自己能够独立完成编写，并成功编译运行。示例代码如下：
+
+```java
+Scanner sc = new Scanner(System.in);
+for (int i = 0; i < arr.length; i++) {
+  System.out.println("请第" + (i + 1) + "位评委为选手打分：");
+  int score = sc.nextInt();
+  if (score >= 0 && score <= 100) {
+    arr[i] = score;
+  } else {
+    System.out.println("请重新输入：");
+    i--;
+  }
+}
+```
+
+其中，有一处需要特别注意。要对输入的分数段进行校验，并且在输入错误时进行 i-- 。
+
+> 鱼皮：刚开始编程的时候，往往都是因为这些小细节导致程序运行错误。
+
+我的学习方法是和 debug 一起学的，必须要清楚方法的调用过程，需要清楚方法被调用的时候，是进入到栈内存中运行。就像是弹夹，子弹先进后出、后进先出。方法不一定只是被主函数调用，也可以在其他方法中间接调用。在定义数组变量时，如果两个方法都指向同一个数组，一个方法里的数组元素改变了，另一个方法中的数组元素也同样改变，因为他们本来堆内存中就是同一个，这是值得注意的地方。
+
+这是我记录的学习笔记：
+
+![左上角时间亮了](https://qiniuyun.code-nav.cn/75&e=1648742399&token=kIxbL07-8jAj8w1n4s9zv64FuZZNEATmlU_Vm6zD:5zhEDa8XJX1AZAhpo6uKOzODMvA=.jpeg)
+
+明天我准备继续学习方法基础，带参数方法的定义和调用、形参实参等练习，加油！
+
+
+
+---
+
+
+
+非常感谢这位朋友认真的分享，也不得不佩服他的行动力，相信坚持 1 年后，又一位崭新的编程大佬要诞生了。
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216\357\274\214\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255\357\274\201.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216\357\274\214\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255\357\274\201.md"
new file mode 100644
index 0000000..72bdc8c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\350\277\267\350\214\253\345\233\233\345\271\264\345\220\216\357\274\214\346\210\221\345\207\255\350\277\231\347\202\271\346\210\220\345\212\237\351\200\206\350\242\255\357\274\201.md"
@@ -0,0 +1,84 @@
+# 迷茫四年后，我凭这点成功逆袭！
+
+> 不放弃，就有希望
+
+大家好，我是鱼皮。今天要和大家分享的，是我 **编程知识星球** 小伙伴的故事。
+
+他和我一样，从小因为爱打游戏，就梦想着有一天能够做出属于自己的游戏。但想法是美好的，在现实面前，我们都放弃了。他也因此而迷茫，没有利用好大学的时间来学习编程，甚至还经历了考研失败的打击。但最终，这位朋友幡然醒悟，并通过自己的努力，克服路上的困难和障碍。最终在毕业半年后，成为了一名 Java 工程师。
+
+下面分享这位朋友的励志故事。
+
+
+
+### 上大学之前 —— 种子
+
+我本身就是一个对各种电子产品和电脑十分有兴趣的人，也非常喜欢打游戏。
+
+在我小学 4 年级的时候，我的妈妈就给我买了我人生中第一台台式电脑，从此我就走上了一条 “不归路” 。但是在上大学之前我都没有接触过任何有关编程的东西，一直都是打游戏，也因此对游戏产生了非常浓厚的兴趣，梦想着有一天能做出一款属于我自己的游戏。
+
+![](https://qiniuyun.code-nav.cn/image-20220221143540783.png)
+
+当然这时候就会有同学要说了，你不是成为了一名 Java 工程师么，怎么提到了对游戏感兴趣呢？请耐心往下看。
+
+在我高二那一年我看到了一本学校杂志，上面就介绍到了如何成为一名游戏开发员，并且在杂志的文章中提到了一点：大家如果要成为游戏策划，最好是报考计算机科学与技术专业。于是，这就为我大学报考计算机专业埋下了一颗种子。在高考结束后，我顺利地考上了本科，虽然只是普通的一个三本，但也如愿以偿的报考了计算机专业。
+
+
+
+### 大一到大四 —— 迷茫 
+
+现实是残酷的。
+
+直到我上大学的那一刻开始起，我才知道，做游戏和策划游戏并不是想象中的那么简单！我只不过是喜欢玩游戏，热爱游戏当中的剧情、人物还有玩法，仅此而已。玩游戏和做游戏根本不是一码事，我没有极高的天赋去成为某一款游戏的职业选手，也没有资金去做游戏主播。再加上高中时学习的压抑，我大一到大三并没有像一些大佬一样一直在学习编程、敲代码，而是几乎只要是空闲的时间我就在寝室里打游戏，这一打就是整整三年！期间虽然我也有学习过 C 语言和 Java，但都非常快就放弃了。。。
+
+我就这样浑浑噩噩的过了三年，并选择在大四的时候选择考计算机研究生。结果学习了整整一年，越学越崩溃。最后不出意料，我考研失败了，大四艰难地毕了业，开始了自己的寻找工作之旅。
+
+
+
+### 大四到毕业工作 —— 希望
+
+这看起来的确很绝望。
+
+但事实上，在大四考研的时候，我开始有了危机感。我在想：如果我考不上了怎么办？
+
+于是我打算学习 Java，起初我学习 Java 的理由非常简单，就是因为 Java 在市场上需求多、岗位多、好找工作、薪资又高，而事实也确实如此。但是仅仅是这样还是不足以支持我学习 Java 的动力。
+
+那时候，经过别人的推荐，我阅读了《Java 编程思想》这本书，竟然一下子沉迷了，我没想到 Java 竟然这么有趣，里面蕴含着那么多深奥的思想。虽然有点难读懂，但我还是一看就是一天，感叹着编程的魔力和魅力，从此以后，我就对Java产生了极大的兴趣。我非常喜欢按照我自己严格的逻辑去思考问题、分析问题、以及用编程解决问题，而这些也会给我带来 **成就感** 。我觉得每一行代码都蕴含着前人所积累的智慧结晶。
+
+![](https://qiniuyun.code-nav.cn/image-20220221143723796.png)
+
+虽然我已经爱上了Java，但是迫于考研，我不得不将这本书放到一边，专心备考。
+
+之后考研失败、毕业，去了一家银行实习，然后一边实习、一边专心学习 Java。
+
+期间，我也有很多次想要放弃的念头，因为这真的很枯燥，特别是看 Java 的视频。但后来，我还是坚持了下来，并且开始积极主动地寻找项目、去研究项目，并且用自己所学到的知识来完善项目和实现需求。看着自己的项目需求被一点点的实现，自己用 Java 就能完成功能、解决实际的问题，这种感觉真的非常美妙。有时候我甚至会因为沉浸在完成功能中而废寝忘食，一点点实现和完善自己项目的感觉，真的会让人上瘾。最终在毕业半年后，我成功当上了一名 Java 研发工程师！
+
+
+
+### 总结
+
+其实每个人对编程的感觉都不一样，能通过一个契机爱上编程，并且通过持续的 “成就感” 来助我坚持学习，我觉得是自己人生当中一件非常幸运的事情。
+
+每个人的人生都不会是一帆风顺，事实上，我直到找到工作之前，我干什么事情都是失败的，但这并不阻碍我对生活的热爱和向往。最终我如愿以偿，找到了心仪的工作。我相信，只要屏幕前的你不放弃，一直坚持，总有一天生活一定会回报你。 
+
+
+
+---
+
+
+
+非常感谢这位同学的分享，我看了之后深有感触，没有人生来就会是成功的，有时我们会看到、甚至是妒忌别人的成功，但又可曾想过别人背后究竟承受了多大的压力、下了多大的决心、付出了多少努力呢？
+
+希望大家都能够保持乐观的心态吧，**只要你不放弃，就一定能成功！**
+
+![](https://qiniuyun.code-nav.cn/image-20220221143011488.png)
+
+时间有限，之后这位朋友还会在 **星球** 中分享自己是如何克服学习编程的困难的，感兴趣的朋友可以关注下~
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..e7807e4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\347\220\203\345\217\213\347\273\217\345\216\206/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md"
@@ -0,0 +1,52 @@
+# 都这个点儿了，这帮人竟然在。。。
+
+大家好，我是鱼皮，最近真的是非常地忙，忙工作、忙星球、忙着补一些分布式知识等等，因此也几乎没什么时间写文章了。
+
+就在今天晚上，手忙脚乱中，不小心把一杯水洒在了电脑键盘上，然后就。。。
+
+![](https://www.codefather.cn/img/WX20220414-231028@2x.png)
+
+如图，我赶紧先吸水，再把电脑倒置，最后用吹风机狂吹一通，死马当做活马医。
+
+> 禁止吐槽！要不是因为上海的疫情，我肯定抱着电脑去专业维修点了。
+
+刚开始电脑还开不了机，吹了一会儿能开机了，但电脑屏幕上多了一大块的淡红色区域，感觉可能是显卡啥的受影响了。又吹了一个多小时，电脑上的红线终于消失了，也能正常开机了。为了保险起见，打算再吹一晚上。
+
+在抢救电脑的过程中，闲来无事，我就打开手机看看星球里的小伙伴们在干嘛，这一看，我血压就上来了，没想到都 23 点了，这帮人竟然还在做这种事！
+
+![](https://www.codefather.cn/img/image-20220414231849678.png)
+
+没错，就是学习，就是卷！
+
+认识我的朋友都知道，我是个 “卷王”，除了肝之外没啥别的特点了。但是作为卷出了一点儿浪花的人来说，我相信努力是可以改变命运的，所以一直在自己的知识星球中鼓励大家学习，将星球打造成了一个绝佳的学习圈子。每天晚上 22 点到 24 点，正是大家分享今日所学知识以及明日计划的黄金时间。
+
+一起来看看大家都学了些什么内容吧！
+
+这是一位考研的同学，除了上课之外，在背单词、刷高数之余，还学习了后端方面的知识，感觉今天过的很充实：
+
+![](https://www.codefather.cn/img/image-20220414232342507.png)
+
+再看下这位准备求职的同学，他今天看完了我直播带大家做的项目第四期，通过自己的踩坑最后终于完成了项目。晚上还刷了 5 道 LeetCode 的中等难度题目，还是挺厉害的！（我一天刷 3 道题撑死了，还必须得有 1 道简单题目）
+
+![](https://www.codefather.cn/img/image-20220414232453512.png)
+
+再看下这位同学，刚刚进入公司实习，也意识到了学校知识和企业需求的差距（大家一定不能只跟着学校学习！）。在星球氛围的感染下，这位同学也励志要加入 “卷王大军” 了，拒绝躺平！
+
+![](https://www.codefather.cn/img/image-20220414232808630.png)
+
+再看下这位同学，应该也是在准备找工作吧，看了前端 JS 高级知识、复习了一些面试题目啥的。这里值得表扬的是他对于明日的计划，有了计划后，第二天做事不仅会更有动力，还能够提高做事效率。不用纠结自己到底该做啥了，也更不容易懈怠。
+
+![](https://www.codefather.cn/img/image-20220414233103189.png)
+
+星球里类似上面这样的热血小伙伴们还有太多太多，大家如果还在迷茫、不知道自己该干什么、或者始终学不下去、又或者每天都很懒散，不妨试着融入这样一个学习圈子，看看大家在做些什么、和大家一起交流、以及向鱼皮等已经上岸大厂的同学提问、得到清晰的学习规划。相信坚持一周后，你会有很大的改变！
+
+通过看星球小伙伴们的打卡，我也属实被激励到了，放下了手机，写下了这篇文章。写完之后，决定读 30 页书籍再睡觉！！！
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\344\270\215\346\207\202\345\222\213\345\212\236\357\274\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\344\270\215\346\207\202\345\222\213\345\212\236\357\274\237.md"
new file mode 100644
index 0000000..a0b634b
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\345\210\232\345\205\245\350\201\214\346\226\260\345\205\254\345\217\270\357\274\214\344\273\243\347\240\201\347\234\213\344\270\215\346\207\202\345\222\213\345\212\236\357\274\237.md"
@@ -0,0 +1,120 @@
+# 刚入职新公司，代码看不懂咋办？
+
+大家好，我是鱼皮，昨天晚上在我的 **知识星球** 内开了一场直播，专门给学编程的同学答疑，一场下来竟然回答了 40 多个问题！
+
+其中有个问题是：鱼皮啊，我今天刚刚入职一家公司实习，需要熟悉已有的项目代码。因为是第一次接触已上线的工程代码、且代码量超级大，所以把我看懵逼了。想问下应该怎么快速熟悉代码呢？
+
+这个问题可太真实了，让我瞬间回想起自己进第一家公司实习时的 “恐惧” 。
+
+面对前人堆积的屎山代码、复杂的业务流程图，我当时心里只有一个念头：我要回家！
+
+![](https://qiniuyun.code-nav.cn/image-20220222123230333.png)
+
+不过随着自己读过的、写过的代码越来越多，感觉上手新项目也越来越迅速了。下面给大家分享我的一点经验：如果给我一个新项目，我会怎么看？
+
+
+
+## 如何快速上手新项目？
+
+我觉得可以遵循以下几个步骤：
+
+
+
+#### 1.  获取项目相关信息
+
+进入一家新公司后，如果遇到不负责任的同事呢，可能直接甩给你项目地址，然后就让你自己研究了。这就好比产品经理直接甩给你一个需求让你直接上线一样，怎么实现我不管。
+
+这种情况下，我们首先要做的事情是尽可能多地获取项目相关信息，来帮助自己了解项目。比如项目介绍文档、项目功能说明文档、业务流程图、项目历史迭代情况、项目架构文档、技术选型背景等等。
+
+像我的话，就会询问同事：这个项目背景是什么呀？这个项目有没有啥文档呀？之类的。
+
+不过有些公司或项目可能过于敏捷，平时光做需求，不写文档，逻辑全靠口口相传！
+
+![](https://qiniuyun.code-nav.cn/image-20220222125107250.png)
+
+也没关系，请同事给你介绍一下项目的业务和技术信息就好。
+
+刚进公司有问题一定不能憋着，要多问，让自己尽可能多地了解项目代码之外的东西。
+
+
+
+#### 2. 了解业务流程
+
+技术是为业务服务的，千万不要连自己项目是干嘛的、有什么功能、为什么要做这个功能都不知道，就去看代码、想着快速把需求完成。最好不要把自己当成临时工，而是要当成项目的 **负责人** 。
+
+我的话一般会先阅读文档或者请同事来给我介绍项目的 **背景** ，即为什么要做这个东西；然后对着产品本身（可能是网页或者 APP）来体验项目的功能；最后再重点关注自己要做的业务、负责的功能模块，了解它的历史、业务逻辑等。
+
+整体的思想就是从整体到局部，由大到小吧。
+
+这里为什么我反复强调要了解项目的背景呢？聪明的朋友一定能想到。因为你刚进一家新公司或者一个新项目，如果自己啥都不懂，别人说啥你就做啥，就很有可能出现这个项目 / 功能本身根本没有任何意义、你只是帮忙收拾了个烂摊子的情况。。。
+
+![](https://qiniuyun.code-nav.cn/image-20220222125006024.png)
+
+
+
+#### 3. 阅读项目文档
+
+阅读公司的项目过程其实和阅读开源项目是一样的，基本上项目的代码仓库都会有一个 `README.md` 文件。
+
+这个文件往往会介绍项目的背景、功能、技术栈、如何启动、如何贡献代码等等。
+
+我会先整体扫一遍文档的 **目录** ，然后优先关注项目的技术栈以及如何启动。
+
+一般 GitHub 等项目平台都会帮你生成文档目录，可以很快地跳转。也可以把文档下载到本地，用 Typora 之类的 Markdown 编辑器打开，从而清晰地看到文档的目录。
+
+![项目文档目录](https://qiniuyun.code-nav.cn/image-20220222141300817.png)
+
+因为如果你了解了项目用到的技术，而你正好会用这个技术的话，心里就多了几分底气，项目的架构也能大致了解了，后面再去看代码就轻松地一批。
+
+举个例子，看到技术栈中出现了 Ant Design Pro，我正好用过！我就知道这个项目大概率使用了 React、Ant Design、Webpack、Dva、Umi 等技术了，它的代码结构如何、配置文件在哪里、页面文件在哪里、如何启动也差不多能 get 到。
+
+![Ant Design Pro](https://qiniuyun.code-nav.cn/image-20220222141222533.png)
+
+像我平时在 GitHub 上找开源项目时，除了功能外，就是关注技术栈，如果项目文档中提到的技术我都会用，那么我就很有自信这个项目我肯定能学的动、学得懂。
+
+所以这也是为什么要多了解和积累一些技术。
+
+补充一下，如果作者没在文档中写明技术栈怎么办？这里有个小技巧，去看项目的依赖管理文件，比如前端的 `package.json` 、Java 的 `pom.xml` 或 `build.gradle` 等。
+
+
+
+#### 4. 先把项目跑起来
+
+关于这点没什么好说的，先把代码拉下来、安装依赖、按照文档把项目跑起来，才能更好地了解和调试项目。
+
+比较麻烦的点可能就是环境的搭建，比如本地安装 MySQL、Nginx 代理之类的。不过现在很多公司也会采用开发机、或者远程开发环境的模式，直接连接某个远程库就好了，能省很多事儿，也可以请教一下同事怎么搭建环境比较方便。
+
+![](https://qiniuyun.code-nav.cn/image-20220222141510409.png)
+
+
+
+#### 5. 阅读代码
+
+终于到了读代码的环节，建议大家遵循两个原则：
+
+- 由整体到局部：先了解整个项目的目录结构，每个目录都是做什么的，比如在哪里写页面？在哪里改配置？在哪里改接口？怎么切换环境等。
+
+  还要了解项目的模块划分，比如哪些代码是用户模块、哪些代码是订单模块，可以通过 JetBrains 等开发工具来自动生成 UML 类图，更清晰地了解。
+
+- 结合业务：读代码的时候尽量不要裸读、按顺序读，而是可以配合系统去定位代码。比如阅读用户登录功能的后端代码时，可以在前端执行一次登录，然后在浏览器 F12 网络请求中找到登录对应的后端请求，再到代码中全局搜索这个请求即可。阅读用户下订单的代码时，可以先在前端模拟一次下单操作，了解整个过程，从而更好地理解请求之间的顺序和依赖关系。
+
+
+
+#### 6. 上手开发
+
+最后也是最关键的一点，读代码不能只读代码，一定要多上手去写、去执行、去调试。
+
+必要时可以专门新建一个分支，在这个分支里无论怎么 “为所欲为” 都不会影响到正常已上线的代码。可以自己复制代码去执行一遍、自己给代码流程加上一些日志来帮助理解数据流转过程、或者 Debug 调试等。
+
+其实刚进一家新公司时通常不会给你安排太复杂的工作，基本就是增删改查、或者给你一个小页面小功能去做，帮助你熟悉代码。有些时候，哪怕你不理解整个项目的架构，通过复制同事已经写过的代码也能完成工作。不过还是建议大家，为了长远的发展，不要只局限于自己负责的小功能，可以多了解系统的上下游和整体架构，提高自己的全局观。
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\347\273\217\345\205\270\351\227\256\351\242\230.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\347\273\217\345\205\270\351\227\256\351\242\230.md"
new file mode 100644
index 0000000..dc9919d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\346\225\205\344\272\213/\351\227\256\351\242\230\350\247\243\346\203\221/\350\200\203\347\240\224\350\277\230\346\230\257\345\260\261\344\270\232\357\274\237\347\273\217\345\205\270\351\227\256\351\242\230.md"
@@ -0,0 +1,89 @@
+# 考研还是就业？经典问题
+
+> 我当时也很纠结啊
+
+大家好，我是鱼皮，昨天，**我知识星球** 里的小伙伴问了我一个问题，也是我做知识分享以来，被问过的最多的问题之一了。
+
+
+
+### 问题如下
+
+鱼皮，备战考研和直面工作怎么选啊？
+
+我现在大二（普通学校软件工程），学校在大一上教了 C，大一下教了点 Java，大二上教了点 Python 和 SQL server。现在 Java 基础学了大部分，学了数据结构、自学了些基本的算法和 HTML，算是学的很慢的那一批了。
+
+家里人是想让我考研，考研的话我并不是很抗拒，但是我对编程更感兴趣，不想放下 Java 的学习，然后矛盾就出现了：要是备战考研，就最好全身心地去备考，Java 后续的学习就要放慢很多。
+
+鱼皮能不能分析一下，考研的好处在哪里？对以后工作的帮助大不大（有没有决定性的作用）？考研的方向大概是什么？
+
+对于我来说应不应该考研嘞？ (●—●) 
+
+
+
+---
+
+
+
+如果你也遇到了这个问题，请举个手 🙋🏻‍♀️
+
+其实我自己当年也和这位小伙伴一样，纠结是读研还是就业，甚至为此熬了一整个晚上都没睡着觉。。。
+
+但如今已经毕业快 2 年了，也有了一些自己的感悟吧。
+
+下面给出我的回答，仅代表个人观点。
+
+
+
+### 我的回答
+
+首先，别管是考研还是直接工作，大二下这半个学期必须利用好！可以多学学自己喜欢的技术，争取暑假找份实习，感受一下工作氛围，说不定你就没那么迷茫了。
+
+一般情况下，不建议 all in 考研，毕竟从大三再开始准备也还有一年半载呢，时间是来得及的。过早准备考研要么会让你前期比较松懈、要么就是给自己过大的压力。
+
+我本人是一个实践派，我觉得很多事情只有自己体验过才知道是否适合自己。因此趁你现在大二还有时间，也可以像我这么做。
+
+接下来说说考研的好处，一大堆：
+
+1. 本科学校一般的话，提升学历可以增加通过简历关的概率。比如人工智能、大数据、计算机视觉、区块链等某个前沿或细分方向一般是研究生才有机会（除非你是超级大佬）。
+2. 本科教的知识很基础和零散，导致很多同学直到毕业都很迷茫。如果自己本科没好好学、没想好做什么的话，研究生有机会咸鱼翻身。
+3. 对喜欢研究、持续学习的同学来说，读研无疑提供了好的环境和资源。
+4. 还能享受校园的时光，和朋友玩耍、组团搞事什么的，相对更自由。
+4. 大多数家长，都会倾向于让孩子去读研（是不是这样？），可以回应下家人的期待吧。
+4. 提升学历后，能进一步增加自己的自信，据说在相亲的时候学历还是很有用的。
+
+
+
+再说说直接就业的好处，很多是我自己的所见所感：
+
+1. 很多编程技术类岗位其实不需要研究生学历。而且事实上，很多研究生毕业后一样是来做开发岗位。毕竟前沿岗位招的人数就那么多，每年大厂算法岗位都是神仙打架。不是说读了研究生就不卷了，有潜力的本科生不在少数，也在共同竞争。
+2. 不需要刻意去学考研的那些知识，比如高等数学之类的，它们对大多数岗位没有什么帮助。不考研的话便可以省下时间专注学习编程，实打实的技术。
+3. 互联网行业变化万千，尽早进入产业届，更容易感知到行业的变化和科技前沿的动态。比如有些小众的研究方向可能和企业是脱轨的。
+4. 虽说互联网公司不太会饱和，但事实上，不确定因素太多了，有可能去年某家大厂还在大力招人，今年就因寒冬而凉凉了。
+5. 提前赚钱和晋升。像我自己从大三暑假就一直在鹅厂实习，所以现在有了都快 3 年的工作经验了吧，而且跟我同届的研究生正常情况下可能还需要 2 年才能跟我达到同样的职级。
+6. 个人感觉走出校园后，成熟地更快，多了一份责任感。现在回过头想想自己在学校的那段经历，感觉当时的自己还没经历过社会的毒打，有很多事做的的确不好。
+7. 因为在企业中需要与人紧密合作，能得到更多沟通的经验方法，通过实际接触企业级项目，能得到更多实际的开发经验和项目管理技巧。
+8. 不用处理学校里的那些破事（比如帮老师打杂），相对更专注。虽然可能会帮公司打杂，但起码带来的价值（比如：钱）可能更多。
+7. 不用面临写论文和毕业的压力，在工作中虽然也可能会更忙碌，但个人感觉压力相对小一些。
+
+
+
+因为我没读研，所以关于就业这点明显说的更多了些。至于我自己为什么不读研，除了上述的几点外，主要是我自己也进过实验室，的确对研究不感兴趣、我很讨厌被束缚；还有就是我比较珍惜眼前的机会和已经确定的事物，当然，是我自己来判断它是否为好机会。
+
+综上，我觉得还是要先看自己的兴趣，喜欢研究 / 学术还是实干 / 产业，不要随波逐流。
+
+如果不确定的话，就像我说的，趁早去体验。如果你大二暑假能找份不错的实习，感觉本科就有机会找到不错的工作的话，是否读研都无所谓了。还有，跟着我的学习路线学是没问题的，先会用、了解某个技术是干嘛的、再做项目、最后才是深入了解原理。
+
+不过，只要有实力、肯努力、抓紧学习的同学，无论考研还是直接就业，都会有很好的发展；不努力、打鱼晒网、自甘堕落的同学，哪条路都可能走不通。
+
+共勉！
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/README.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/README.md"
new file mode 100644
index 0000000..11d48c5
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/README.md"
@@ -0,0 +1,67 @@
+# 星球直播
+
+## 直播介绍
+
+鱼皮定期在星球内部直播分享，时间一般是周末，内容包括但不限于：
+
+1. 手把手从 0 到 1 开发完整项目
+2. 编程学习经验分享
+3. 求职和面试经验分享
+4. 编程交流答疑
+5. 技术学习心得分享
+6. 邀请嘉宾分享
+
+直播过程中，**随时交流互动** ，比如做项目的过程中有问题可以随时抛出。
+
+**所有直播都有超清回放、可下载、无限回看**（支持腾讯会议在线观看、阿里云盘、百度网盘等）。
+
+直播过程中，鱼皮会记录笔记；一个项目完结后，会有完整笔记的整理以及源码下载！遇到什么问题，也可以向鱼皮提问、和其他小伙伴交流、阅读他人的笔记等解决。
+
+此外，鱼皮对外公开直播的回放也可以浏览和下载。
+
+
+
+## 往期直播试看
+
+用户中心项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1ze4y1471b) 
+
+伙伴匹配项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1hP411P7Eg) 
+
+API 开放平台项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1Nd4y157Dm)
+
+聚合搜索平台项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1ks4y1V7jC/)
+
+智能 BI 项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1Cg4y1G7oy)
+
+OJ 判题系统第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1k841127EK)
+
+项目训练营：[点击在线观看](https://www.aliyundrive.com/s/rcFczasMKVK)，提取码: cu89
+
+
+[点击查看更多往期直播](/星球直播/往期直播.md)
+
+## 大家的反馈
+
+这是第一期用户中心项目的直播，基本上每期项目直播都是连续 3 小时以上无休：
+
+![](https://www.codefather.cn/img/pzmjCL5t8tsaeCtbD4KU9Q-20220619122153986.png)        
+
+这是小伙伴跟着我的直播独立上线了项目，其实项目中涉及的代码并不多，主要讲解的是开发的思路和经验方法：
+
+![](https://www.codefather.cn/img/a42-ZeaNXuKFR6v3y_LZHQ-20220619122108766.png)        
+
+这是有一次从 21 ：30 直播到凌晨 1 ：30，连续 4 个小时无休（第二天还要上班）！直播过程中难免会出现一些坑，但是我都会带大家一一解决：
+
+![](https://www.codefather.cn/img/nJaedsFbxPTZDLBpFdNGkg-20220619122212020.png)        
+
+每期项目都有完整的回放和笔记，可以节省小伙伴们自己排查问题的时间、减少开发中的卡点：
+
+![](https://www.codefather.cn/img/dYOrVLwNiGD0MgBL9tq39w-20220619122250909.png)        
+
+
+
+#### 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\344\270\215\345\260\261\351\203\250\347\275\262\344\270\252\347\275\221\347\253\231\344\271\210\357\274\237\350\277\230\350\203\275\347\216\251\345\207\272\350\212\261\346\235\245\357\274\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\344\270\215\345\260\261\351\203\250\347\275\262\344\270\252\347\275\221\347\253\231\344\271\210\357\274\237\350\277\230\350\203\275\347\216\251\345\207\272\350\212\261\346\235\245\357\274\237.md"
new file mode 100644
index 0000000..044f4fa
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\344\270\215\345\260\261\351\203\250\347\275\262\344\270\252\347\275\221\347\253\231\344\271\210\357\274\237\350\277\230\350\203\275\347\216\251\345\207\272\350\212\261\346\235\245\357\274\237.md"
@@ -0,0 +1,140 @@
+# 不就部署个网站么？还能玩出花来？
+
+大家好，我是鱼皮，不知道朋友们有没有试着部署过自己开发的网站呢？
+
+其实部署网站非常简单，而且有非常多的花样。这篇文章就给大家分享几种主流的前端 / 后端项目部署方式吧！
+
+![](https://www.codefather.cn/img/image-20220416171735686.png)
+
+### 前端部署
+
+对于前端项目，打包之后往往是一个目录，目录中包含 index.html（入口文件）、css、js 等等。
+
+![](https://www.codefather.cn/img/image-20220416172830836.png)
+
+那么我们要做的事情其实就是想办法 **让用户访问到这些文件** ，包含两个关键的问题：
+
+1. 文件存放到哪里？
+2. 怎么提供文件访问能力？
+
+围绕这两个问题，常见的部署方式有以下五种。
+
+
+
+#### 1. web 服务器
+
+将文件放到远程服务器上（没有服务器也可以在自己电脑上部署），然后通过 Nginx、Apache、Tomcat 等 web 服务器提供网页文件访问能力。
+
+你可以自行安装上述 web 服务器，然后修改其配置文件，指定用户通过 **哪个端口** 访问到 **哪个目录**（网页文件所在目录），Nginx 示例配置如下：
+
+```nginx
+server {
+  listen 80; # 监听端口，http 80 https 443
+  server_name dogyupi.com; # 域名
+  index index.html; # 主页文件
+  root /web/xxx; # 网页文件所在目录
+}
+```
+
+然后用户访问 `dogyupi.com` 就能访问到网页了。
+
+
+
+#### 2. 宝塔 Linux
+
+这种方式部署网站也是需要 web 服务器的，只不过通过使用宝塔 Linux，能够可视化地安装和管理 Linux 服务器上的软件，比如一键安装 Nginx、更方便地管理配置：
+
+![](https://www.codefather.cn/img/image-20220416173428898.png)
+
+现在我上线访问量不大的新网站时，一般都会安装宝塔 Linux，的确非常方便省事儿。
+
+
+
+#### 3. 静态网站托管
+
+如果我们没有完整的服务器，也可以把网页文件放到静态网站托管平台上，比如 GitHub Pages、Gitee Pages、腾讯云静态网站托管等。
+
+下图是 GitHub Pages 提供的网站访问能力，把代码上传到指定分支、指定代码文件所在目录即可：
+
+![](https://www.codefather.cn/img/image-20220416173918828.png)
+
+你甚至可以把网页文件像图片文件一样直接扔到云服务商提供的对象存储平台上（还可以搭配 CDN 加个速）。但是，这种方式仅限于静态页面（必须每个页面路由都有对应的 html 文件），否则可能会出现刷新页面 404 的情况。
+
+
+
+#### 4. 容器
+
+通过 Docker 容器技术，我们可以把 web 服务器以及网页文件打包成一个镜像，然后在服务器上拉取镜像并执行就好。
+
+大致的步骤就是在网上 copy 一个 Dockerfile 文件，然后执行 `docker build` 命令构建镜像，最后 docker run 命令执行。
+
+![](https://www.codefather.cn/img/image-20220416174732761.png)
+
+
+
+#### 5. 容器托管平台
+
+如果使用上一步提到的部署方式，我们每次代码更新后都要手动去执行镜像构建、关闭老容器、启动新容器，非常麻烦，而且没法对容器进行统一的管理。所以更方便的方式是使用云服务商提供的容器托管平台（比如微信云托管），可以实现自动化构建以及发布版本化等一系列强大的功能。
+
+![微信云托管](https://www.codefather.cn/img/image-20220416175050505.png)
+
+
+
+### 后端部署
+
+后端项目我就拿 Java 来举例吧，打包后一般有两种产物形式：依赖 web 服务器部署的 war 包，以及内嵌 web 服务器 & 可直接运行的 jar 包。对应的部署方式也不同，加起来共有 5 种。
+
+
+
+#### 1. web 服务器
+
+如果你要部署 war 包，最常见的 web 服务器当属 tomcat 和 jetty 了，和部署前端项目一样，先手动安装 tomcat，然后改几行配置文件，让 tomcat 能找到 war 包即可。注意尽量不要暴露 tomcat 提供的应用管理页面哦！
+
+![Tomcat 应用管理页面](https://www.codefather.cn/img/image-20220416175656086.png)
+
+
+
+#### 2. 直接启动
+
+如果你使用 SpringBoot 框架开发，打包之后得到的是 jar 包，内置了 tomcat 等 web 服务器，因此只需要用一行命令启动 jar 包即可，比如：
+
+```bash
+java -jar app.jar --spring.profiles.active=prod
+```
+
+如果想在后台运行 jar 包，那就给命令开头补充 `nohup` ，结尾补充  `&` 。 
+
+
+
+#### 3. 宝塔面板
+
+和前端部署一样，如果你懒得自己在服务器上安装 java、maven、tomcat 等环境，可以直接用宝塔面板来帮你安装：
+
+![宝塔面板安装软件](https://www.codefather.cn/img/image-20220416180551909.png)
+
+
+
+#### 4. 容器
+
+使用 Docker 容器技术，理论上可以封装任何环境和应用，对于后端 Java 项目来说，把 Java 环境、Maven 和 jar 包封装成一个镜像就好了。
+
+在写 Dockerfile 时，可以直接使用 `maven:3.5-jdk-8-alpine` 这种基础镜像，自带了 jdk 和 maven，省去了自己写安装脚本的麻烦。
+
+当然，有需要的话，你还可以在 Java 容器前加个 Nginx 负载均衡~
+
+![](https://www.codefather.cn/img/image-20220416180809756.png)
+
+
+
+#### 5. 容器托管平台
+
+只要是容器，就可以放到容器托管平台进行管理，对于后端应用来说也是如此，不再赘述~
+
+
+
+---
+
+
+
+扯了那么多种部署方式，你最喜欢或者最常用的网站部署方式是什么呢？
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\230\211\345\256\276\345\210\206\344\272\253.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\230\211\345\256\276\345\210\206\344\272\253.md"
new file mode 100644
index 0000000..371ab2c
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\230\211\345\256\276\345\210\206\344\272\253.md"
@@ -0,0 +1,43 @@
+# 嘉宾分享
+
+星球定期邀请编程大佬给大家直播分享，可以和大佬交流互动。
+
+以下列举部分直播：
+
+## 微前端项目分享
+
+> 主讲人：字节前端开发者
+
+直播内容：从零开始分析一个通讯项目的设计哲学与技术选型方案，包括：
+
+1. 从业务出发做技术选型的技巧
+
+2. 微内核架构与微前端架构的前世今生
+
+3. 开源框架 ministar 的简单介绍
+
+4. 前端交流答疑
+
+直播回放：[https://t.zsxq.com/04yBAAQVJ](https://t.zsxq.com/04yBAAQVJ)
+
+## 考研上岸 + 入职大厂经验
+
+> 主讲人：字节后端开发者，考研初试第三
+
+直播内容：考研学习规划 + 学习经验 + 求职经验 + 工作感受 + 交流答疑
+
+直播回放：[https://t.zsxq.com/04AUrbIUZ](https://t.zsxq.com/04AUrbIUZ)
+
+## 如何写一份合格的简历？
+
+> 主讲人：网易资深前端面试官，已内推 5w+ 份简历
+
+直播内容：分享简历模板 + 20 份简历点评 + 简历常见问题汇总
+
+直播回放：[https://t.zsxq.com/04Y76iUZF](https://t.zsxq.com/04Y76iUZF)
+
+
+
+## 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\276\200\346\234\237\347\233\264\346\222\255.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\276\200\346\234\237\347\233\264\346\222\255.md"
new file mode 100644
index 0000000..4888097
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\345\276\200\346\234\237\347\233\264\346\222\255.md"
@@ -0,0 +1,421 @@
+# 往期直播
+
+星球内直播的介绍
+
+## 项目开发
+
+### 用户中心项目
+
+> 项目已完结
+
+#### 项目简介
+
+企业中最最最常用的系统 —— `用户中心`，实现了用户 **注册** 、**登录**、 **查询** 等功能，轻松地学习到 **通用的技术和做项目的经验** 。
+
+麻雀虽小五脏俱全，真真正正地 **从 0 到 1 全程直播** 带大家完成了这个项目的完整前端和后端！
+
+#### 技术选型
+
+##### 前端
+
+HTML + CSS + JavaScript 三件套、React、Ant Design Pro、Umi 开发框架
+
+##### 后端
+
+Java 编程语言、Spring + SpringMVC + SpringBoot 框架、MyBatis + MyBatis Plus 数据访问框架、MySQL 数据库、jUnit 单元测试库
+
+##### 部署
+
+单机部署、Nginx、容器
+
+#### 试看链接
+
+用户中心项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1ze4y1471b) 
+
+#### 完整版项目链接
+
+[用户中心项目合集（ 7 期）](https://t.zsxq.com/03UzjiqZb)
+
+#### 大家的反馈
+
+![](https://www.codefather.cn/img285/image-20220625223912960.png)
+
+![](https://www.codefather.cn/img285/O76VVCWXmhNgXQnbt9fKKQ.png)
+
+![](https://www.codefather.cn/img285/XFAFz9fiOvqnBp7-xLOeqA.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+### 伙伴匹配项目
+
+#### 项目简介
+
+提供一个找到志同道合伙伴一起学习的移动端网站，包括用户信息导入、打标签、检索、推荐等功能。
+
+#### 技术选型
+
+##### 前端
+
+Vue3 + VantUI + Vite \+ 状态管理
+
+##### 后端
+
+Java + MySQL + 缓存 + SpringBoot + MyBatis-Plus（和用户中心一样，提高开发效率，帮大家巩固）+ Swagger + Knife4j + Gson
+
+##### 部署
+
+Nginx + 宝塔 Linux
+
+#### 试看链接
+
+伙伴匹配项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1hP411P7Eg) 
+
+#### 完整版项目链接
+
+[伙伴匹配项目合集](https://wx.zsxq.com/dweb2/index/tags/%E4%BC%99%E4%BC%B4%E5%8C%B9%E9%85%8D%E9%A1%B9%E7%9B%AE/28858515122281)
+
+#### 大家的反馈
+
+![](https://www.codefather.cn/img285/image-20220625225139824.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### API 开放平台项目
+
+#### 项目简介
+
+一个提供 API 接口供开发者调用的平台（分布式项目），包括接口发布管理、接口文档浏览、接口在线调用、模拟接口、客户端 SDK、API 网关、统计分析等功能。
+
+项目侧重于后端，包含较多的编程技巧和架构设计层面的知识。
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，还能学会很多思考问题、对比方案的方式方法，并提升排查问题、解决 Bug 的能力。
+
+#### 技术栈
+
+前端：Ant Design Pro（最新版本）+ React 18 + Ant Design 组件库 + Umi 框架
+
+后端：Java + MySQL + MyBatis-Plus + SpringBoot（包含 Starter 开发）+ Spring Cloud Gateway + Dubbo + Knife4j + Hutool 等
+
+
+#### 预期收获
+
+1. 全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学习最新版本前后端开发脚手架的使用，掌握快速生成代码、前后端协作的方法，提高百倍开发效率
+3. 跳出传统的 CRUD 管理系统项目，学习企业级第三方平台的架构设计和开发
+4. 学习客户端 SDK、API 签名认证、API 网关等后端知识和编程技巧
+5. 学习阅读官方文档的方法和经验，提升自主学习的意识和能力
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+
+
+#### 试看链接
+
+API 开放平台项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1Nd4y157Dm)
+
+### 聚合搜索项目
+
+#### 项目简介
+
+基于 Vue 3 + Spring Boot + Elastic Stack 的一站式聚合搜索平台，也是简化版的企业级搜索中台。
+
+对用户来说，使用该平台，可以在同一个页面集中搜索出不同来源、不同类型的内容，提升用户的检索效率和搜索体验。
+
+对企业来说，当企业内部有多个项目的数据都存在搜索需求时，无需针对每个项目单独开发搜索功能，可以直接将各项目的数据源接入搜索中台，从而提升开发效率、降低系统维护成本。
+
+#### 技术栈
+
+
+前端：
+
+- Vue 3
+- Ant Design Vue 组件库
+- 页面状态同步
+
+
+
+后端：
+
+- Spring Boot 2.7 框架 + springboot-init 脚手架
+- MySQL 数据库（8.x 版本）
+- Elastic Stack
+    - Elasticsearch 搜索引擎（重点）
+    - Logstash 数据管道
+    - Kibana 数据可视化
+- 数据抓取（jsoup、HttpClient 爬虫）
+    - 离线
+    - 实时
+- 设计模式
+    - 门面模式
+    - 适配器模式
+    - 注册器模式
+- 数据同步（4 种同步方式）
+    - 定时
+    - 双写
+    - Logstash
+    - Canal
+- JMeter 压力测试
+
+#### 项目特点
+
+1）本项目选用 Vue 3 + Spring Boot 2.7 新版本实现，包含完整的前后端，从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！
+
+2）项目选题新颖，不是电商、不是管理系统、不是博客论坛，而是企业架构层面的 **通用搜索能力** 的抽象，做完这个项目后，之后你自己在做任何业务系统时，都可以复用这次开发的搜索能力。
+
+3）项目中会带大家学习和实战：多种数据爬虫方法、4 种数据同步方法、接口优化（ **运用了多种设计模式** ）、Elastic Stack（Elasticsearch 搜索引擎、Kibana 看板）、压力测试等一系列知识。
+
+4）除了学做项目之外，鱼皮还在直播过程中聊到了不少知识点，帮助大家提升架构设计思维、学会对比方案、阅读文档的套路；所有 Bug 和问题均为直播解决，带大家提升自主排查问题、解决 Bug 的能力。（课程中鱼皮还演示了一小下 ChatGPT 的使用）
+
+5）项目总耗时不长，主打的是 **快速带大家学习新技术并直接实践运用** ，并且鱼皮已经整理好了这个项目可以写在简历上的亮点，成为简历上的亮眼项目。
+
+
+#### 试看链接
+
+聚合搜索平台项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1ks4y1V7jC/)
+
+### 智能 BI 项目
+
+智能 BI 项目第一期完整版：[点击在线观看](https://www.bilibili.com/video/BV1Cg4y1G7oy)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### 发券中心项目
+
+> 公开直播回放
+
+#### 项目简介
+
+集中发布优惠券以及兑换优惠券的网站，支持任何需要用户兑券功能的系统接入。
+
+#### 技术选型
+
+##### 前端
+
+Vue3 + Vite + TDesign
+
+##### 后端
+
+SpringBoot + SpringMVC + MyBatis + MyBatis Plus 经典四件套
+
+#### 完整版项目链接
+
+[发券中心项目合集（ 3 期）](https://wx.zsxq.com/dweb2/index/tags/%E5%8F%91%E5%88%B8%E4%B8%AD%E5%BF%83%E9%A1%B9%E7%9B%AE/51128424225124)
+
+
+### 实时监控评论区项目
+
+> 公开直播回放
+
+#### 项目简介
+
+实时获取 B 站评论区并展示到自己的网站上，从而自行处理评论。
+
+#### 技术选型
+
+Node.js + Express 后台 + Socket.IO 即时通信 + Nodemon 热更新 + Axios 请求库
+
+#### 完整版项目链接
+
+[实时监控评论区项目合集（ 2 期）](https://wx.zsxq.com/dweb2/index/tags/%E5%AE%9E%E6%97%B6%E7%9B%91%E6%8E%A7%E8%AF%84%E8%AE%BA%E5%8C%BA%E9%A1%B9%E7%9B%AE/15528121224552)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+## 经验分享
+
+### 我的经历 & 大学四年如何规划（重点🌟）
+
+#### 简介
+
+**强烈推荐** 在大学里感到迷茫，不知道如何学习规划的同学观看！
+
+这是鱼皮给母校东华大学学弟妹们的一场讲座，介绍了自己大一到工作的经历，以及从大一到大四应该做什么的分享，包括学编程做项目经验、竞赛、考研还是就业、求职经验等，应该对在校的同学有帮助。
+
+#### 视频链接
+
+[我的经历 & 大学四年如何规划](https://t.zsxq.com/036yVZzvf)
+
+#### 大家的反馈
+
+明确自身学习目标，让大学生活不迷茫：
+
+![](https://www.codefather.cn/img285/TfMgPdipXWdHBsA3Ejr4Kw.png)
+
+![](https://www.codefather.cn/img285/image-20220625160735957.png)
+
+![](https://www.codefather.cn/img285/U3tyPBBih8e4MGjp7Z4Slw.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### 程序员写简历技巧
+
+#### 简介
+
+分享写简历的模板、内容、写法、注意事项，并且通过实际修改简历的演示来帮助大家写好简历中的项目，写简历前必看！
+
+#### 视频链接
+
+[程序员写简历技巧](https://t.zsxq.com/03MvjMvba)
+
+[写简历经验 + 案例分享（在线改简历）](https://t.zsxq.com/04na2JqfQ) （在线改简历，分享简历细节、面试考点、项目优化、项目思路等）
+
+[Java 写简历经验 + 案例分享](https://t.zsxq.com/04JMJYjyf) （在线改简历，分享简历细节、面试考点、项目优化、项目思路等）
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### 编程学习及求职规划
+
+#### 简介
+
+从方向选择开始分享编程学习的经验和求职规划，内容很丰富，适合迷茫的同学观看。
+
+#### 视频链接
+
+[编程学习及求职规划](https://t.zsxq.com/03BMRjMVr)
+
+完整文档内容在星球第二个置顶帖里的语雀知识库中（如图）
+
+![](https://www.codefather.cn/img285/image-20220625162402666.png)
+
+#### 大家的反馈
+
+![](https://www.codefather.cn/img285/image-20220625162615709.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### 自媒体创作经验分享
+
+> 公开直播回放
+
+#### 简介
+
+分享了鱼皮做自媒体的经历、心得和经验。前 1 小时为主要内容，最后 20 分钟是一些答疑。
+
+#### 视频链接
+
+[自媒体创作经验分享](https://t.zsxq.com/03IMZBey3)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+## 项目讲解
+
+经典内容：
+
+- [Web 终端项目经验分享](https://t.zsxq.com/04bqFI66M)（技术选型 + 系统设计 + 源码解读 + 简历亮点全面分享）
+- [SQL 代码数据生成项目分享](https://t.zsxq.com/07fBxVsyC)（系统设计 + 源码解读 + 简历亮点全面分享）
+- [面试刷题网站项目经验分享](https://t.zsxq.com/03auZnAM3)（从 0 到 1 分享数万用户网站的创作过程）
+
+
+### 面试鸭
+
+#### 简介
+
+致力于收集面试题目与题解，提供一站式面试备战交流服务，助你成为面试达人！
+
+> 面试鸭网址：[https://www.mianshiya.com](https://www.mianshiya.com)
+
+从 0 到 1 分享面试鸭网站创作、需求分析、设计、技术选型、开发、团队协作、上线、运营的完整过程和经验，适合想要学习项目创作、打造自己产品的同学。
+
+#### 视频链接
+
+[面试鸭项目经验分享](https://t.zsxq.com/03MrrRrRB)
+
+#### 大家的反馈
+
+跟着面试鸭直播整理学习笔记：
+
+![](https://www.codefather.cn/img285/image-20220625154145586.png)
+
+自己动手实现面试鸭项目：
+
+![](https://www.codefather.cn/img285/image-20220625154308009.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### AI 自动生成代码插件 Copilot
+
+> 公开直播回放
+
+#### 简介
+
+体验和评测 Copilot 插件的易用性和准确度，结论是大家拿来玩玩可以，不建议用于正式工作和正在学编程的同学。
+
+#### 视频链接
+
+[AI 自动生成代码插件 Copilot](https://t.zsxq.com/03BeiUfIM)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### VuePress 站点生成器使用教程
+
+> 公开直播回放
+
+#### 简介
+
+介绍站点生成器的概念、常用生成器，使用 VuePress 及其 Hope 主题。
+
+#### 视频链接
+
+[VuePress 站点生成器使用教程](https://t.zsxq.com/03rnUBqNj)
+
+#### 大家的反馈
+
+学习VuePress搭建属于自己的博客：
+
+![](https://www.codefather.cn/img285/image-20220625155058471.png)
+
+![](https://www.codefather.cn/img285/image-20220625155132342.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### 服务器入门&搭建代码托管和监控平台
+
+#### 简介
+
+了解服务器选择、代码托管平台、前端监控、容器相关知识。
+
+#### 视频链接
+
+[代码托管和监控平台](https://t.zsxq.com/03jAYfaQF)
+
+
+## 交流答疑
+
+
+### 第 1 期交流答疑
+
+#### 简介
+
+本次回答涉及 实习注意事项、如何准备项目经验、学习迷茫了怎么办、如何在职场中进行技术提升等问题（40 个），大家反馈干货满满。
+
+#### 视频链接
+
+[第 1 期交流答疑](https://t.zsxq.com/03yFqfUV3)
+
+
+### 第 2 期交流答疑
+
+#### 简介
+
+本次回答问题涉 大学学习建议、实习建议、如何每天高效利用时间学习。
+
+#### 视频链接
+
+[第 2 期交流答疑](https://t.zsxq.com/03YRRJm6Y)
+
+
+### 星球介绍 & 答疑
+
+#### 简介
+
+本次主题是星球介绍、后续计划和问题答疑。
+
+#### 视频链接
+
+[星球介绍 & 答疑](https://t.zsxq.com/03unEUrby)
+
+
+
+## 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\347\273\231\345\244\247\345\255\246\347\232\204\345\274\237\345\246\271\344\273\254\345\201\232\344\272\206\344\270\200\345\234\272\350\256\262\345\272\247.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\347\273\231\345\244\247\345\255\246\347\232\204\345\274\237\345\246\271\344\273\254\345\201\232\344\272\206\344\270\200\345\234\272\350\256\262\345\272\247.md"
new file mode 100644
index 0000000..0937bb3
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\347\233\264\346\222\255/\347\273\231\345\244\247\345\255\246\347\232\204\345\274\237\345\246\271\344\273\254\345\201\232\344\272\206\344\270\200\345\234\272\350\256\262\345\272\247.md"
@@ -0,0 +1,79 @@
+# 星球 - 给大学的弟妹们做了一场讲座
+
+
+
+大家好，我是鱼皮。上周收到我的大学老师的邀请，在我校的认识实习课上给学弟学妹们做了一场线上讲座分享，讲座的主题是《如何做好大学四年的规划》，目的是帮助大家跳出校园的思维，走在更多同龄人的前面。
+
+![](https://www.codefather.cn/img/image-20220401123905750.png)
+
+如上图，我先分享了自己大学时期的经历和技术学习路线，分为大一到大四 4 个阶段。比如我大一时加入了学校的网站建设工作室，从 0 开始接触了前端；大二是如何找到暑期实习的，当时学了哪些技术；大三参与了哪些竞赛和项目，怎么为自己争取机会；大四在保研和就业中如何选择等等。
+
+其中比较重要的几点就是：
+
+1. 不要只依赖学校的课程去学习
+2. 不要把自己局限于某个学校，要和同龄人去比较和竞争
+3. 要抓住机会，要为自己创造机会
+4. 要持续定制目标，按照一个路线去学习
+5. 尽早确定目标和付出行动，早就是机会
+
+可能说的比较抽象，但大家可以仔细想想那些进大厂的同学，哪个不是至少做到了上述的要点之一？
+
+分享完自己的经历后，考虑到参与讲座的同学覆盖大一到大四，我分别从这几个阶段大家可能比较关注的问题出发，分享了一下我自己的经验。比如大一同学最关心如何快速入门编程、做项目；大二的同学还没有那么大的考研压力，如何在这个时间段参与竞赛提高自己；大三如何确定目标，到底是准备考研还是就业；大四怎么去找工作，面试官最看重的是哪些要点等。
+
+我把这场直播的高清回放发到了我的 [编程知识星球](https://mp.weixin.qq.com/s/80049ftP1j-JqSnkJmLhXQ) 里。然后让我开心的是，学弟妹们和星球里的不少小伙伴通过这场讲座帮助自己确定了学习目标，也开始制定一些学习计划：
+
+![](https://www.codefather.cn/img/image-20220401124859161.png)
+
+当然，给自己制定计划的前提是你本身想要进步，如果大家想在未来找一份更好的工作，那么 **意识 + 决心 + 计划 + 行动力** 这四点至关重要。
+
+但是，就我观察下来，绝大多数的小伙伴这四点都没有！！！
+
+所以我才开了自己的知识星球，更针对性地帮大家提高这几点。
+
+现在知识星球已经有 4300 多名小伙伴加入了，可以给大家举一些真实的例子。
+
+首先是意识，如果你拘泥于学校教的知识，没有感受自学的重要性以及未来竞争的残酷性的话，可能你根本想不到 “要努力让自己变强” 这点，而是习惯性地躺平了。
+
+下面这位小伙伴是加入星球后，看了其他同学的经历分享，成功培养了自学的意识，并 **下定决心** 要行动起来！
+
+![](https://www.codefather.cn/img/image-20220401131147715.png)
+
+后来这位小伙伴也坚持在星球内打卡，记录自己学习的内容，持续 **定制计划** 和目标，我肉眼可见他的进步：
+
+![](https://www.codefather.cn/img/image-20220401131341645.png)
+
+有了意识和决心后，很多同学可能还是比较迷茫，不知道该给自己定什么计划、未来要做什么。
+
+如果你还在迷茫，可以和鱼皮等 40 多名大厂嘉宾、以及几万名编程爱好者交流，我们会帮你找到最适合自己的发展路线：
+
+![](https://www.codefather.cn/img/image-20220401131959099.png)
+
+![](https://www.codefather.cn/img/image-20220401131724652.png)
+
+![](https://www.codefather.cn/img/image-20220401131749176.png)
+
+另外，还可以看下其他小伙伴的分享，看看别人是怎么选择方向、制定计划的（你在星球里肯定可以找到和自己状态相同的朋友）：
+
+![](https://www.codefather.cn/img/image-20220401132057851.png)
+
+还有很重要的一点就是，有了计划后，如何坚持？很多同学如果自己学习、没有圈子的话，很容易陷入舒适圈、或者三天打鱼两天晒网。但是在星球中，每天都有几百名同学参与学习打卡和分享，可以帮助自己坚持下来：
+
+![](https://www.codefather.cn/img/image-20220401130144518.png)
+
+![](https://www.codefather.cn/img/image-20220401130524798.png)
+
+看到了星球里小伙伴的进步，就更加坚定了我做这件事情的意义。我现在的目标就是：帮助一部分愿意变强的小伙伴拿到更好的机会！也希望未来大厂的员工里有更多我星球的同学哈哈。
+
+![](https://www.codefather.cn/img/image-20220401132457497.png)
+
+当然，除了学习规划之外，我星球的最大特色就是 **全方位的帮助大家学编程** ，比如每周直播带大家做真实项目（可无限观看超清回放 + 笔记），里面的经验和设计思维可是外面培训机构和免费的课程学不来的：
+
+![](https://www.codefather.cn/img/image-20220401130646266.png)
+
+还有就是星球内提供各种各样的免费技术服务（鱼皮自己搭的），比如图床、企业私有代码托管平台，最近在计划开设免费数据库、免费后台接口等更多服务~ 
+
+当然，星球里的资料（原创 + 整理）也是必不可少的，需要什么资料也可以随时找我要。
+
+![知识星球专属知识库](https://www.codefather.cn/img/image-20220327184903374.png)
+
+对了，前几天面试鸭网站不是开源了么，计划下周在星球内给大家详细分享一下项目的制作过程、设计思路，帮助大家把它变成自己的项目~
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\344\272\244\346\265\201\347\276\244.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\344\272\244\346\265\201\347\276\244.md"
new file mode 100644
index 0000000..d586a0a
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\344\272\244\346\265\201\347\276\244.md"
@@ -0,0 +1,55 @@
+# 专属交流群
+
+知识星球朋友专属的编程交流群，里面都是比较积极上进的小伙伴~
+
+除了氛围良好的交流讨论外，群内每天都会推送学习文章、星球直播通知、求职动态等。
+
+> 群的规模均为 500 人，都是手动一个个拉的。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 最新：23 届秋招冲刺群
+
+面向 23 届找工作的朋友，我们会在群里给大家同步秋招进度、招聘信息、学习资料、知识梳理、面经分享等内容：
+
+![](https://www.codefather.cn/img/image-20220621122144450.png)
+
+
+
+## 总群
+
+各个学习方向的朋友都可以加入，群内每日会推送编程学习、经验分享相关文章：
+
+![](https://www.codefather.cn/img/image-20220621122404796.png)
+
+
+
+## 按方向分类
+
+细分不同编程语言和学习方向的交流群，比如：Java、前端、Python、Go、测试、运维、大数据 等：
+
+![](https://www.codefather.cn/img/image-20220621122535913.png)
+
+
+
+## 千人算法交流群
+
+QQ 千人算法刷题交流群，一起加油：
+
+![](https://www.codefather.cn/img/image-20220703133053386.png)
+
+
+
+## 职场交流群
+
+面向已工作同学，交流职场日常工作和心得
+
+
+
+## 加入星球
+
+加入星球后，可以添加鱼皮微信好友，拉你进群。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\345\255\246\344\271\240\350\267\257\347\272\277.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\345\255\246\344\271\240\350\267\257\347\272\277.md"
new file mode 100644
index 0000000..656962d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\344\270\223\345\261\236\345\255\246\344\271\240\350\267\257\347\272\277.md"
@@ -0,0 +1,114 @@
+# 专属学习路线
+
+提供各方向的编程学习路线图（均为鱼皮原创），仅供参考。
+
+💎 欢迎加入知识星球，获取：
+
+- 高清完整路线图
+- 思维导图源文件
+- 详细的学习路线文字描述
+- 更多学习建议和资源
+- 专属学习和求职指南
+
+
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+> 路线较长，点击左侧导航目录可以快速跳转。
+> 
+> 右键图片可以保存到本地，便于阅读。
+
+
+
+#### 目录
+
+[[toc]]
+
+
+
+## 开发岗
+
+### Java 学习路线
+
+> 2022 年 10 月 26 日刚更新！
+
+![Java 学习路线 by 程序员鱼皮](https://www.codefather.cn/img/Java%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+[👉🏻 点击加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 前端学习路线
+
+![前端学习路线 by 程序员鱼皮](https://www.codefather.cn/img/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+[👉🏻 点击加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### Python 学习路线
+
+![Python 学习路线 by 程序员鱼皮](https://www.codefather.cn/img/Python%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+[👉🏻 点击加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+## 计算机基础
+
+### 数据结构和算法学习路线
+
+![数据结构和算法 by 程序员鱼皮](https://www.codefather.cn/img/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E5%92%8C%E7%AE%97%E6%B3%95%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+### 操作系统学习路线
+
+![操作系统学习路线 by 程序员鱼皮](https://www.codefather.cn/img/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+### 计算机网络学习路线
+
+![计算机网络学习路线 by 程序员鱼皮](https://www.codefather.cn/img/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+[👉🏻 点击加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+## 软件开发
+
+
+### Redis 学习路线
+
+![Redis 学习路线 by 程序员鱼皮](https://www.codefather.cn/img/Redis%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+### Git & GitHub 学习路线
+
+![Git & GitHub 学习路线 by 程序员鱼皮](https://www.codefather.cn/img/Git%20&%20GitHub%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+### Linux 学习路线
+
+![Linux 学习路线 by 程序员鱼皮](https://www.codefather.cn/img/Linux%20%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+### 设计模式学习路线
+
+![设计模式学习路线 by 程序员鱼皮](https://www.codefather.cn/img/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF%20by%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%B1%BC%E7%9A%AE.png)
+
+
+
+## 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\345\255\246\344\271\240\350\265\204\346\272\220.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\345\255\246\344\271\240\350\265\204\346\272\220.md"
new file mode 100644
index 0000000..1805e05
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\345\255\246\344\271\240\350\265\204\346\272\220.md"
@@ -0,0 +1,23 @@
+# 学习资源
+
+星球的资源和内容非常丰富，包括但不限于：
+
+- 15+ 编程学习路线（鱼皮原创，持续更新）
+- 百万字的编程知识库（鱼皮原创，持续更新）
+- 几十场编程项目 + 经验分享直播（鱼皮原创，持续更新）
+- 600+ 星球精华内容（鱼友共创）
+- 几十 T 各方向的编程学习教程（汇总整理）
+- 几十份完整的求职面试资料（汇总整理）
+- 几千本编程电子书（汇总整理）
+- 几十份推荐的编程知识总结（汇总整理）
+- 几十个推荐的实用编程工具（鱼皮原创）
+- 编程知识专栏（鱼友共创）
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\345\255\246\344\271\240\347\254\224\350\256\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\345\255\246\344\271\240\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..2873074
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\345\255\246\344\271\240\347\254\224\350\256\260.md"
@@ -0,0 +1,28 @@
+# 鱼皮的学习笔记
+
+> by 程序员鱼皮 [知识星球](https://yupi.icu)
+
+鱼皮会把自己学到的知识 + 自己的理解整理成笔记，供大家参考学习。
+
+相信也能帮助大家养成好的笔记习惯、高效学习知识。
+
+
+
+## Spark 大数据笔记
+
+笔记开头放了鱼皮看的教程，配合鱼皮的笔记观看更容易抓住重点。
+
+鱼皮还会持续将自己工作中的经验补充到笔记中。
+
+![spark笔记](https://www.codefather.cn/img/spark%E7%AC%94%E8%AE%B0.png)
+
+
+
+
+## 加入星球
+
+更多内容加入星球可见，欢迎大家：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\346\211\223\345\267\245\346\227\245\350\256\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\346\211\223\345\267\245\346\227\245\350\256\260.md"
new file mode 100644
index 0000000..d1eb88e
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\350\265\204\346\226\231/\351\261\274\347\232\256\347\232\204\346\211\223\345\267\245\346\227\245\350\256\260.md"
@@ -0,0 +1,85 @@
+# 鱼皮的打工日记
+
+> by 程序员鱼皮 [知识星球](https://yupi.icu)
+
+持续记录鱼皮的工作日常、心得感悟，分享鱼皮在工作中的思考和学到的知识，大家一起加油~
+
+![日历](https://www.codefather.cn/img/image-20220630220402921.png)
+
+节选试读（更多内容仅在星球可见）：
+
+
+
+## 20220616
+
+做了快一个月的大数据开发了，我也积累了一些经验。比如开发前一定要和产品仔细确认好字段的逻辑和含义，多一个 0 少一个 0 都是致命的，不然后面他们发现是自己的错误了，还是得来找你改，就可能严重影响你当前的进度。
+
+下午主要是在开发新需求，用 Python + Spark 来开发一张大数据的维度表。其实这段逻辑我昨天都已经写的差不多的，本来想着今天简单调试一下就提前上线了，美滋滋嘞。结果我特么直接从下午 2 点调试到晚上 10 点！之所以调试花了这么多时间，主要是因为以下几个原因：
+
+1. 每次执行计算任务都要花时间和计算资源，不是像本地那么简单
+2. Python 的语法比较灵活（比如类型推断）、语法又和我的主语言不一样，很多语法细节不注意就导致程序执行失败了。相比之下，我觉得 Java 真的太香了。
+3. 线上环境的计算资源是动态分配的，可能你的程序第一次能正确执行，第二次因为资源不足就执行失败了。结果我还以为是自己代码哪里写错了才导致的失败，就只有不断地重试，多试几次，持续保持懵逼的状态。
+
+不过还好同事给我分享了公司里一个动态调试  Python 大数据程序的神器（类似 Jupyter Notebook 的交互式笔记本），帮我提升了不少效率，估计顺利的话明天上午就能调试完了（又立 Flag）。
+
+不得不感叹，做了大数据开发后，压力真是变大了不少。同事下班前还说：鱼皮自从做了大数据开发后，下班越来越晚了。唉，活能顺利干完的话，谁不想早点下班呢？
+
+除了工作外，今天午休时间写了一篇文章、晚上下班后写了两篇文章，都是学习方向和目标选择相关的，是鱼皮持续完善的编程学习指南系列文章，加起来也快 5000 字了，希望能消除一些同学心中的疑虑。已经更新到星球语雀知识库了~ 大家感兴趣自行阅读。
+
+
+
+## 20220617
+
+
+今天是居家办公，整体的工作还是比较轻松愉快的~
+
+
+上午 9 : 30 起床干活，先查了个小 Bug，一会儿就顺利解决了；然后就是接着调试我的 Python Spark 脚本。由于每次运行都要等个 10 分钟左右，所以我只能利用这个调试时间去做一些相对简单的工作，比如处理一下用户的反馈、确认一下之前的脚本是否有误等。
+
+
+结果调了 2 个小时之后，这个脚本还是不能顺利运行。于是我只能把脚本中的几条 SQL 语句拆分出来，然后一条一条地去执行验证。然后又出现了经典问题：每句 SQL 单独运行都能成功，但是放在一起就报错！而且因为脚本是提交到远程集群上去跑嘛，不能实时得到清楚的报错信息，从报错信息中也无法看出我的代码哪里有问题，又给我整不会了！
+
+
+下午周会的时候，我抛出了这个问题，结果有同学表示他也遇到过类似问题，发给我几个解决方案。然后我就按照解决方案改了两个和代码无关的线上配置，没想到就能成功运行了！！！当时真的是太激动了，因为像这种 Bug 是由环境而不是具体代码导致的，所以哪怕对着代码查一辈子，估计也解决不了问题。这也让我明白了两个道理：
+
+解决 Bug 的时候，要学会跳出固有的思维，除了代码外，还要考虑到代码的运行环境。像大公司有很多自研项目和环境，可能稍有不慎就会踩坑。
+
+要相信团队的力量，一个人无解时可以问问其他同事，说不定有些坑就是要靠口口相传才能解决。
+
+
+顺利解决这个问题后，我顿时有种春风拂面的感觉，压力一下降低了不少。毕竟开发只花了半天，结果调试花了一天半。。。而且奇怪的是，明明自己一直在这个辣鸡 Bug 里徘徊，解决了 Bug 之后，为什么还是会有一种莫名奇妙的成就感？
+
+晚上下班之后，继续更新星球内原创的编程学习体系，没想到这一篇直接写了近 5000 字！直到我要睡觉前还没写完。所以只能明天再发了。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+## 20220627
+
+今天是全面复工第一天，首先是之前反反复复改了两周的需求终于验证 OK 了。这个需求虽然早都做完了，但因为种种原因，总是有一点小 Bug 需要调来调去，一直卡在我的待完成需求中。工作之后最怕这种验证周期比较长的需求，当你以为完成的时候产品突然发现了问题，那你又要边做新需求边处理这些历史包袱。
+
+其次是在产品的帮助下，口遁掉了一个新需求。本来我都排好时间准备去开发新需求了，但是今天跟产品讨论过后，发现其实不用开发新功能，让用户使用系统的现有功能也能满足需求（就是对用户来说稍微麻烦一点），于是我就省事儿了。因为最近产品同事也很忙，所以现在产品和我终于站到了同一艘船上，轻松了很多~
+
+于是，我今天也终于有空去落实一下我之前想到的系统优化方案了，花了几个小时，把几个接口的平均响应时间缩短了 2 - 4 倍。这里简单分享几种我用到的后端接口的优化方式：
+
+1. 减少重复的数据库查询。比如接口处理过程中调用了方法 A 和方法 B，在方法 A 中已经查出用户 1 了，那么在方法 B 中就不用再查一遍用户 1，而是可以把已经查询出的用户 1 作为参数传递给方法 B，或者在 ThreadLocal 中临时缓存一下。
+2. 并发处理。比如有 2 个数据库查询 A 和 B，分别耗时 3 秒。如果同步执行，先查完 A 再查 B，要花  6 秒；但如果让两个查询并发执行，3 秒钟就能处理完。
+3. 非核心操作异步化。比如接口处理结束前需要往数据库中插入一条操作记录，这个步骤是非核心操作（少了这步会影响系统使用），因此可以开一个子线程异步执行（或者用消息队列等中间件实现异步），不用等待它结束就能立即响应了。
+4. 减少数据量。无论是最后返回给前端的数据、还是对缓存进行读写的数据，一般都是越小越好，可以减少网络传输、数据处理的耗时。举个例子，原本我是用 JDK 自带的序列化库来对从数据库中查询出的数据进行序列化、并塞到缓存中，数据大小大概 5 M，700 ms 左右读写完成；但今天我尝试用专业的、开源的序列化库 Kryo 来替换掉 JDK 的序列化库，Kryo 的性能更高、数据压缩能力更强，实测同样的数据条数大概只用了 2 M 多的空间（缩小了 1 倍多），并且只用了 200 多 ms 就读写完成了。但是要注意替换序列化库后，要把原本缓存中的老序列化数据清理掉，否则会冲突。
+5. 合并查询。比如要查询 id 为 1、2、3 的用户，你可以执行 3 次根据 id 查询用户，但这样查询时间会随着要查询的 id 数线性增长；所以可以直接合并为批量查询：id in (1, 2, 3)，可以减少对数据库的请求次数，减少全表扫描的次数等，更快地查出数据。
+
+有的时候，就是一些简单的操作和想法，就能提高应用的性能，大家也可以用上面提到的这些方法去优化自己的后端程序（前端也可以借鉴，比如合并请求），简历上能写的内容这不就来了么~
+
+这两天加入星球的小伙伴比较多，写完今天的打工日记也快 1 点了，大家晚安，继续加油！
+
+
+
+
+## 加入星球
+
+更多内容加入星球可见，目前鱼皮的打工日记将在每个工作日持续更新~
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+![微信扫码领券加入](https://www.codefather.cn/img/%E7%9F%A5%E8%AF%86%E6%98%9F%E7%90%83%E6%89%AB%E7%A0%81.jpeg)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/API\345\274\200\346\224\276\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/API\345\274\200\346\224\276\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..da796c4
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/API\345\274\200\346\224\276\345\271\263\345\217\260.md"
@@ -0,0 +1,202 @@
+# 🔥 API开放平台
+
+已完结，共 7 场直播，总时长近 20 小时，加入星球可见所有回放。
+
+**本项目已帮助多名小伙伴拿到高薪 offer** ！如下图：
+
+![](https://www.codefather.cn/img/image-20230303094640912.png)
+
+![](https://www.codefather.cn/img/image-20230303094502786.png)
+
+![](https://www.codefather.cn/img/701677641926_.pic.jpg)
+
+![](https://www.codefather.cn/img/791677800639_.pic.jpg)
+
+![](https://www.codefather.cn/img/781677764412_.pic.jpg)
+
+
+
+## 项目简介
+
+这次做的是一个提供 API 接口供开发者调用的平台 **（分布式项目）**。
+
+管理员可以接入并发布接口，统计分析各接口调用情况；用户可以注册登录并开通接口调用权限，然后可以浏览接口及在线调试，还能使用客户端 SDK 轻松在代码中调用接口。
+
+项目的前端并不复杂，更侧重后端，包含丰富的编程技巧和架构设计层面的知识。
+
+主页（用户可以浏览接口）：
+
+![](https://www.codefather.cn/img/1673399530597-2748898e-9f88-4329-85fc-f7bcdba3ae8a-20230111115648959-20230111123136346.png)
+
+接口管理（管理员控制接口发布 / 下线）：
+
+![](https://www.codefather.cn/img/1673399741446-9627305d-cd5e-4dbf-b51a-fc249d2206db-20230111115649247-20230111123136831.png)
+
+在线调试（一键调用接口）：
+
+![](https://www.codefather.cn/img/1673399936177-ae0942ec-f0cc-4481-b101-b109e849b3be-20230111115649455-20230111123137336.png)
+
+使用自己开发的客户端 SDK（一行代码调用接口）：
+
+![](https://www.codefather.cn/img/1673400021340-08220e8e-3aaf-4ca6-bdd6-c7165402151e-20230111115649702-20230111123137448.png)
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，大家还能学到很多思考问题、对比方案的套路，并提升排查问题、解决 Bug 的能力。
+
+此外，还能学习到最最最方便的项目开发方式。熟练之后，**几分钟开发一个新功能** 真的轻轻松松！
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：[https://www.bilibili.com/video/BV1Nd4y157Dm](https://www.bilibili.com/video/BV1Nd4y157Dm)
+>
+> [加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)，获取所有教程回放和源码笔记等资料。
+
+
+
+### 为什么带大家做这个项目？
+
+首先是它足够新颖，不同于大家在学校时做的管理系统、商城项目等，开放平台通常是知名企业（产品）才会建设和提供的。开放平台类的项目不要说现成的教程了，连相关的文章都少的可怜！
+
+如下图，有点儿人看的文章基本都是几年前的了：
+
+![](https://www.codefather.cn/img/1673320096281-17d8c09b-93c2-456c-b805-dace09605e7e-20230111115805410-20230111123137942.png)
+
+此外，开放平台项目涉及 **多个系统** 的交互（不止有一个后端），包含了 API 签名认证、网关、RPC、分布式等必学知识，很适合帮助后端同学开拓眼界、提升系统设计和架构能力，而这点是很多网课不能做到的。
+
+![](https://www.codefather.cn/img/1673400300009-9d6c7262-d1e8-4484-8386-e1971a423b56-20230111115805577-20230111123138048.png)
+
+
+
+### 本项目适合的同学
+
+本项目更侧重后端，如果你学习过后端开发技术（比如 Java Web），希望做一个区别于管理系统的、有亮点的、写在简历上加分的项目，并提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+当然，如果你是前端，也可以通过这个项目学习到快速开发前端项目的技巧，但是最好学习过 Vue 或 React 框架。
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：[https://www.bilibili.com/video/BV1Nd4y157Dm](https://www.bilibili.com/video/BV1Nd4y157Dm)
+>
+> [加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)，获取所有教程回放和源码笔记等资料。
+
+
+
+再介绍一下项目用到的技术，都是主流的~
+
+
+
+### 技术选型
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Ant Design & Procomponents 组件库
+- Umi 4 前端框架
+- OpenAPI 前端代码生成
+
+
+
+#### 后端
+
+- Java Spring Boot
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- API 签名认证（Http 调用）
+- Spring Boot Starter（SDK 开发）
+- Dubbo 分布式（RPC、Nacos）
+- Swagger + Knife4j 接口文档生成
+- Spring Cloud Gateway 微服务网关
+- Hutool、Apache Common Utils、Gson 等工具库
+
+
+
+再列举下项目的大纲，这只是其中让我印象比较深刻的关键环节，直播过程中还讲了太多平时大家自己看视频根本学不到的做项目经验和编码技巧。
+
+
+
+## 项目大纲
+
+1. 项目介绍和计划
+2. 需求分析
+3. 业务流程和子系统介绍
+4. 技术选型（各技术作用讲解）
+5. 前后端项目初始化
+   1. **前端 Ant Design Pro 框架最新版本教程**
+   2. **后端 Spring Boot 万用模板使用**
+6. 数据库表设计
+7. **前后端代码自动生成**（强烈推荐，大幅提高开发效率！）
+8. 登录页开发
+9. 接口管理功能开发（Ant Design 高级组件使用）
+10. 模拟 API 接口项目开发
+11. HTTP 接口调用
+12. **API 签名认证详解及开发**
+13. **客户端 SDK 开发**（Spring Boot Starter）
+14. 管理员接口发布 / 下线功能开发
+15. 接口列表页开发
+16. 在线调试接口功能开发
+17. 接口调用统计开发
+    1. 后端开发
+    2. 优化方案分析及对比
+18. **API 网关详解**
+    1. 网关介绍及优点
+    2. 10 种网关应用场景
+    3. 网关分类及技术选型
+19. Spring Cloud Gateway 网关实现
+    1. 详细带读官方文档
+    2. 统一业务处理：用户鉴权及接口调用次数统计
+20. **项目分布式改造**
+    1. 公共模块抽象
+    2. **RPC 和 HTTP 调用详解及对比**
+    3. Dubbo 框架讲解及示例项目开发
+    4. Dubbo 业务实战
+21. 管理员统计分析功能
+    1. 前端 2 种可视化库的使用
+    2. 后端聚合查询接口开发
+22. 项目扩展点及上线分析
+
+
+
+那做完这个项目后，你可以得到哪些收获呢？
+
+
+
+## 项目收获
+
+1. 全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学习最新版本前后端开发脚手架的使用，掌握快速生成代码、前后端协作的方法，提高数倍开发效率
+3. 跳出传统的 CRUD 管理系统项目，学习企业级第三方平台的架构设计和开发
+4. 学习客户端 SDK、API 签名认证、API 网关、RPC 分布式等后端知识和编程技巧
+5. 鱼皮带你读官方文档，让你学到阅读官方文档的方法和技巧，提高自主学习的能力
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+
+
+
+最关键的是，鱼皮已经整理好了这个项目的简历写法和亮点 **（也就接近 20 个吧）**，做完项目后就能直接填满简历！
+
+![简历写法文档](https://www.codefather.cn/img/image-20230111121050285.png)
+
+
+
+
+## 直播回放+笔记+源码+答疑
+
+[加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，可以跟着鱼皮后续的直播做新项目、**随时观看** 超清完整的 **全部直播回放** 、完整的项目笔记以及踩坑指南、最新的项目源码等。
+
+最关键的是：做项目的过程中，有任何问题，都可以和大家交流或者 **直接加微信向鱼皮提问** ！
+
+![项目笔记](https://www.codefather.cn/img/image-20230111121306473.png)
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：[https://www.bilibili.com/video/BV1Nd4y157Dm](https://www.bilibili.com/video/BV1Nd4y157Dm)
+>
+> [加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)，获取所有教程回放和源码笔记等资料。
+
+
+
+已经有不少小伙伴学起来了，还有很多大家自发整理的笔记。不得不说，做项目真的给了很多同学一个坚持学习的目标，大家的动力也更足了：
+
+![](https://www.codefather.cn/img/image-20230111121645038.png)
+
+
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md"
new file mode 100644
index 0000000..4992f74
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md"	
@@ -0,0 +1,86 @@
+# Java 后端万用项目模板
+
+> 作者：[程序员鱼皮](https://github.com/liyupi)
+> 仅分享于 [编程导航知识星球](https://yupi.icu)
+
+基于 Java SpringBoot 的项目初始模板，整合了常用框架和主流业务的示例代码。
+
+只需 1 分钟即可完成内容网站的后端！！！大家还可以在此基础上快速开发自己的项目。
+
+源码星球内可见，并附有完整的模板开发和使用方法视频教程。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+## 模板能力
+
+> 持续补充和完善新功能，开发提效 100 %
+
+### 主流框架 & 特性
+
+- Spring Boot 2.7.x（贼新）
+- Spring MVC
+- MyBatis + MyBatis Plus 数据访问（开启分页）
+- Spring Boot 调试工具和项目处理器
+- Spring AOP 切面编程
+- Spring Scheduler 定时任务
+- Spring 事务注解
+
+### 数据存储
+
+- MySQL 数据库
+- Redis 内存数据库
+- Elasticsearch 搜索引擎
+- 腾讯云 COS 对象存储
+
+### 工具类
+
+- Easy Excel 表格处理
+- Hutool 工具库
+- Gson 解析库
+- Apache Commons Lang3 工具类
+- Lombok 注解
+
+### 业务特性
+
+- Spring Session Redis 分布式登录
+- 全局请求响应拦截器（记录日志）
+- 全局异常处理器
+- 自定义错误码
+- 封装通用响应类
+- Swagger + Knife4j 接口文档
+- 自定义权限注解 + 全局校验
+- 全局跨域处理
+- 长整数丢失精度解决
+- 多环境配置
+
+
+## 业务功能
+
+- 提供示例 SQL（用户、帖子、帖子点赞、帖子收藏表）
+- 用户登录、注册、注销、更新、检索、权限管理
+- 帖子创建、删除、编辑、更新、数据库检索、ES 灵活检索
+- 帖子点赞、取消点赞
+- 帖子收藏、取消收藏、检索已收藏帖子
+- 帖子全量同步 ES、增量同步 ES 定时任务
+- 支持微信开放平台登录
+- 支持微信公众号订阅、收发消息、设置菜单
+- 支持分业务的文件上传
+
+### 单元测试
+
+- JUnit5 单元测试
+- 示例单元测试类
+
+### 架构设计
+
+- 合理分层
+
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/OJ \345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/OJ \345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..3c0d643
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/OJ \345\234\250\347\272\277\345\210\244\351\242\230\347\263\273\347\273\237.md"	
@@ -0,0 +1,177 @@
+# 🔥 OJ 在线判题系统
+
+> 感兴趣的同学可以 **免费试看** 第一期项目回放：[https://www.bilibili.com/video/BV1k841127EK](https://www.bilibili.com/video/BV1k841127EK)
+> 
+> [加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)，获取所有教程回放和源码笔记等资料。
+
+
+[点击了解该项目详情](https://yuyuanweb.feishu.cn/wiki/LhjxwgFjwiovTVk9w2vcJoj4nid)
+
+## 项目简介
+这次带做的是一个让很多同学 “望而生畏” 的硬项目， 基于 Vue 3 + Spring Boot + Spring Cloud 微服务 + Docker 的 编程题目在线评测系统 （简称 OJ）。
+
+在系统前台，管理员可以创建、管理题目；用户可以自由搜索题目、阅读题目、编写并提交代码。
+在系统后端，能够根据管理员设定的题目测试用例在 代码沙箱 中对代码进行编译、运行、判断输出是否正确。
+其中，代码沙箱可以作为独立服务，提供给其他开发者使用。
+
+### 为什么带大家做这个项目？
+1. 资料少：OJ 系统网上几乎找不到教程
+2. 比较新颖，有亮点、有区分度（人家写外卖，你写 OJ）
+3. 能学到东西：能够学到很多传统 CRUD 开发外的知识点和编程思想
+4. 复杂度 “高”：很多同学觉得 OJ 是个很复杂的项目，一起攻克它
+5. 可扩展性强，有很多区别于 CRUD 的功能可做
+
+### 项目特点
+该项目选题非常 新颖 ，不同于泛滥的管理系统、博客、商城，不同于只有增删改查的业务系统，本项目会基于 Docker 虚拟化技术 + 多种设计模式 ，从 0 开始手把手带大家实现一个安全的、可复用的 代码沙箱 ，并通过 微服务架构 实现一个可扩展的在线判题系统。
+
+鱼皮 从 0 到 1 全程直播无剪辑 地带大家开发完成项目，总课程时长超 30 小时 ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 从理论到实践 给大家讲的明明白白、每个细节都不放过！
+
+### 项目收获
+鱼皮给大家讲的都是通用的项目开发方法和架构设计套路，从这个项目中你可以学到：
+- 如何从设计到开发一套完整系统？
+- 如何在应用中使用 Docker 隔离程序？
+- 如何从 0 打造前端项目模板？
+- 单体项目如何改造为微服务？
+- 如何保证用户执行代码的安全？
+- 如何使用消息队列解耦程序？
+- 如何巧妙利用设计模式来优化代码？
+
+此外，还能学会很多作图、思考问题、对比方案的方法，提升排查问题、自主解决 Bug 的能力。
+
+值得一提的是，我带大家做这个项目的过程是先做完单体项目、再改造为微服务，所以哪怕你还没接触过微服务、或者时间紧急，也可以分阶段来学习~ 而且学完这个操作后，你的任何单机项目都可以升级成微服务了，不用再单独做一个微服务新项目，大幅节省时间。
+
+### 本项目适合的同学
+
+本项目同时适合前端和后端，是一套完整的全栈项目。
+
+如果你是后端，已经学习过 Java Web 开发技术，希望做一个新颖的、有亮点的、写在简历上加分的项目，学习 OJ 系统的设计实现、微服务项目的设计实现、Docker 技术的实战运用、设计模式的实战运用、提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+如果你是前端，最好已经学习过 Vue 或 React 框架，可以通过本项目学习到快速开发前端项目的技巧、自主编写一套前端通用模板的方法。
+
+## 技术选型
+
+### 前端
+- Vue 3
+- Vue-CLI 脚手架
+- Vuex 状态管理
+- Arco Design 组件库
+- 前端工程化：ESLint + Prettier + TypeScript
+- ⭐️ 手写前端项目模板（通用布局、权限管理、状态管理、菜单生成）
+- ⭐️ Markdown 富文本编辑器
+- ⭐️ Monaco Editor 代码编辑器
+- ⭐️ OpenAPI 前端代码生成
+
+### 后端
+- ⭐️ Java Spring Cloud + Spring Cloud Alibaba 微服务
+    - Nacos 注册中心
+    - OpenFeign 客户端调用
+    - GateWay 网关
+    - 聚合接口文档
+- Java Spring Boot（万用后端模板）
+- Java 进程控制
+- ⭐️ Java 安全管理器
+- ⭐️ Docker 代码沙箱实现
+- ⭐️ 虚拟机 + 远程开发
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- Redis 分布式 Session
+- ⭐️ RabbitMQ 消息队列
+- ⭐️ 多种设计模式
+    - 策略模式
+    - 工厂模式
+    - 代理模式
+    - 模板方法模式
+- 其他：部分并发编程、JVM 小知识
+
+再列举下项目的大纲，只是部分关键环节。此外，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如：如何自定义代码模板、规范的前后端开发流程、代码抽象复用的小技巧等。
+
+## 项目大纲
+
+这个项目内容非常多，大家可以看看有没有自己想学的知识点。
+
+### 第一章：项目诞生
+
+1. 项目介绍 | OJ 系统常用概念
+2. 项目介绍 | 企业项目开发流程
+3. 项目介绍 | 主流 OJ 系统调研
+4. 项目介绍 | 核心实现模块介绍
+5. 项目介绍 | 核心业务流程（2 种作图）
+6. 项目介绍 | 系统功能梳理
+7. 项目介绍 | 技术选型
+8. 项目介绍 | 系统架构设计（架构设计图）
+9. OJ 系统实现方案（5 种方案讲解）
+10. 前端项目初始化 | Vue-CLI 初始项目搭建
+11. 前端项目初始化 | 组件库引入
+12. 前端项目初始化 | 项目通用布局开发及优化
+13. 前端项目初始化 | 全局状态管理
+14. 前端项目初始化 | 全局权限管理
+15. 前端项目初始化 | 通用菜单组件开发
+16. 前端项目初始化 | 全局项目入口
+17. 前端项目初始化 | 多套布局支持
+18. 后端项目初始化（Spring Boot 万用模板讲解）
+19. 前后端联调 | 用户登录页面开发
+20. 前后端联调 | 前端请求代码生成
+21. 前后端联调 | 用户自动登录
+
+### 第二章：单体项目开发
+
+1. 后端接口开发 | 库表设计
+2. 后端接口开发 | 数据库索引知识
+3. 后端接口开发 | 后端开发流程讲解
+4. 后端接口开发 | 代码自动生成
+5. 后端接口开发 | 开发题目相关接口
+6. 前端页面开发 | 整合 Markdown 编辑器
+7. 前端页面开发 | 整合 Monaco Editor 代码编辑器
+8. 前端页面开发 | 题目页面开发（自定义代码模板）
+9. 前端页面开发 | 题目管理页面开发
+10. 前端页面开发 | 题目更新页面开发
+11. 前端页面开发 | 题目列表搜索页面开发
+12. 前端页面开发 | 在线做题页面开发
+13. 判题机架构 | 判题机模块划分
+14. 判题机架构 | 判题服务开发
+15. 判题机架构 | 工厂模式优化
+16. 判题机架构 | 代理模式优化
+17. 判题机架构 | 策略模式优化
+
+### 第三章：代码沙箱实现
+
+1. 代码沙箱 Java 原生实现 | 执行原理
+2. 代码沙箱 Java 原生实现 | 核心流程开发
+3. 代码沙箱 Java 原生实现 | Java 程序漏洞讲解（6 种）
+4. Java 程序安全控制 | 超时控制
+5. Java 程序安全控制 | 资源控制
+6. Java 程序安全控制 | 权限控制
+7. Java 程序安全控制 | 安全管理器
+8. Java 程序安全控制 | 环境隔离
+9. Docker 从入门到实战 | Docker 入门讲解
+10. Docker 从入门到实战 | 虚拟机 + 远程开发环境搭建
+11. Docker 从入门到实战 | Docker 命令实操
+12. Docker 从入门到实战 | Java 操作 Docker
+13. 代码沙箱 Docker 实现 | 核心流程实现
+14. 代码沙箱 Docker 实现 | Docker 容器安全性
+15. 代码沙箱优化 | 模板方法模式
+16. 代码沙箱开放 API（API 安全性）
+
+### 第四章：项目微服务化
+1. 微服务入门 | 基本概念
+2. 微服务入门 | 微服务实现技术
+3. 微服务入门 | Spring Cloud Alibaba 入门
+4. 微服务改造 | Redis Session 分布式登录
+5. 微服务改造 | 服务划分
+6. 微服务改造 | 路由划分
+7. 微服务改造 | Nacos 注册中心
+8. 微服务改造 | Maven 子父工程生成
+9. 微服务改造 | 代码依赖同步
+10. 微服务改造 | Open Feign 服务内部调用
+11. Gateway 微服务网关 | 接口路由
+12. Gateway 微服务网关 | 聚合文档
+13. Gateway 微服务网关 | 跨域解决
+14. Gateway 微服务网关 | 权限校验
+15. 消息队列解耦 | RabbitMQ 项目异步化改造
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/SQL \347\224\237\346\210\220\345\231\250\351\241\271\347\233\256.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/SQL \347\224\237\346\210\220\345\231\250\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..6fae5bc
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/SQL \347\224\237\346\210\220\345\231\250\351\241\271\347\233\256.md"	
@@ -0,0 +1,47 @@
+# SQL 生成器项目
+
+> by 程序员鱼皮 [知识星球](https://yupi.icu)
+
+## 项目介绍
+
+一个快速生成 SQL 和模拟数据的工具，大幅提高开发测试效率！
+
+![](https://www.codefather.cn/img/sqlfather.png)
+
+## 星球内直播分享
+
+带大家全面解读这个项目，分享该项目的设计思路、前后端代码讲解、简历写法等等。让大家都能把这个项目变成自己的，写在简历上！
+
+项目地址：[http://sqlfather.yupi.icu/](http://sqlfather.yupi.icu/)
+
+前端开源代码：[https://github.com/liyupi/sql-father-frontend-public](https://github.com/liyupi/sql-father-frontend-public)
+
+后端开源代码：[https://github.com/liyupi/sql-father-backend-public](https://github.com/liyupi/sql-father-backend-public)
+
+### 分享内容
+
+1. 项目开发背景和思路挖掘
+2. 技术选型介绍
+3. 系统设计分析
+4. 前后端源码拆解 + 结合系统设计看源码
+5. 思路扩展
+6. 简历亮点
+
+### 你能得到的收获：
+
+1. 了解代码生成项目的开发方式
+2. 学习系统设计的思路和方法
+3. 学习前后端技术选型和项目结构规范
+4. 学习如何从项目中挖掘简历亮点
+
+总之，我把自己做项目的经验和思路都浓缩在直播中了，**相信这一场直播能给你带来比看十几个视频教程更大的收获！**
+
+欢迎加入星球观看~
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Web \347\273\210\347\253\257\351\241\271\347\233\256.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Web \347\273\210\347\253\257\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..ee0035f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/Web \347\273\210\347\253\257\351\241\271\347\233\256.md"	
@@ -0,0 +1,43 @@
+# Web 终端项目
+
+> by 程序员鱼皮 [知识星球](https://yupi.icu)
+
+## 项目介绍
+
+一个极客范儿的浏览器主页（大而全的工具箱，小而美的命令行）
+
+介绍视频：[https://www.bilibili.com/video/BV19B4y1Y7m8/](https://www.bilibili.com/video/BV19B4y1Y7m8/)
+
+代码已开源：[https://github.com/liyupi/yuindex](https://github.com/liyupi/yuindex)
+
+## 星球内直播分享
+
+花了四个多小时带大家全面解读这个项目，让大家都能把这个项目变成自己的，写在简历上。
+
+分享内容：
+
+1. 项目开发背景和思路挖掘
+2. 技术选型介绍
+3. 系统设计分析
+4. 前后端源码拆解 + 结合系统设计看源码
+5. 思路扩展
+6. 简历亮点
+
+你能得到的收获：
+
+1. 了解 web 终端项目的开发方式
+2. 学习系统设计的思路和方法
+3. 学习前后端技术选型和项目结构规范
+4. 学习如何从项目中挖掘简历亮点（附 10 个亮点示例）
+
+总之，我把自己做项目的经验和思路都浓缩在直播中了，**相信这一场直播能给你带来比看十几个视频教程更大的收获！**
+
+欢迎加入星球观看~
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..75a8b02
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
@@ -0,0 +1,142 @@
+# 伙伴匹配系统
+
+> 已完结，共 14 期直播，总时长近 40 小时，加入星球可见所有回放
+
+
+## 项目简介
+
+一个帮助大家找到志同道合的伙伴的移动端网站（APP 风格），包括用户登录注册、更新个人信息、按标签搜索用户、推荐相似用户、组队等功能。
+
+主页：
+
+![](https://www.codefather.cn/img/image-20221023120231097.png)
+
+找伙伴：
+
+![](https://www.codefather.cn/img/image-20221023120338802.png)
+
+组队功能：
+
+![](https://www.codefather.cn/img/image-20221023120253418.png)
+
+创建队伍：
+
+![](https://www.codefather.cn/img/image-20221023120311527.png)
+
+个人信息及修改：
+
+![](https://www.codefather.cn/img/image-20221023120321632.png)
+
+这个该项目基本覆盖了企业开发中常见的需求以及对应的解决方案，比如登录注册、批量数据导入、信息检索展示、定时任务、资源抢占等。并且涵盖了分布式、并发编程、锁、事务、缓存、性能优化、幂等性、数据一致性、大数据、算法等后端程序员必须了解的知识与实践。
+
+从需求分析、技术选型、系统设计、前后端开发再到最后上线，整个项目的制作过程为 **全程直播** ！除了学做项目之外，还能学会很多思考问题、对比方案的方式方法，并提升排查问题、解决 Bug 的能力。此外，还能学习到最最最方便的项目上线方式，几分钟上线一个项目真的轻轻松松！
+
+
+
+### 本项目适合的同学
+
+以下两个条件满足一个即可：
+
+1. 已经学过基本的前端（HTML + CSS + JS 三件套），想学、在学或已学 Vue 移动端开发
+2. 学习过后端开发技术（比如 Java Web）
+
+
+
+### 技术选型
+
+#### 前端
+
+- Vue 3
+- Vant UI 组件库
+- Vite 脚手架
+- Axios 请求库
+
+
+
+#### 后端
+
+- Java SpringBoot 2.7.x 框架
+- MySQL 数据库
+- MyBatis-Plus
+- MyBatis X 自动生成
+- Redis 缓存（Spring Data Redis 等多种实现方式）
+- Redisson 分布式锁
+- Easy Excel 数据导入
+- Spring Scheduler 定时任务
+- Swagger + Knife4j 接口文档
+- Gson：JSON 序列化库
+- 相似度匹配算法
+
+
+
+#### 部署
+
+- Serverless 服务
+- 云原生容器平台
+
+
+
+### 项目收获
+
+1. 全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学会前后端企业主流开发技术（如 Vue 3、Spring Boot 等）的应用，提升开发经验
+3. 学习 Java 8 特性、接口文档、网页内容抓取、分布式登录、大数据量导入、并发编程、Redis、缓存及预热、定时任务、分布式锁、幂等性、算法、免备案上线项目等重要知识
+4. 通过多次带大家思考和对比实现方案，帮你开拓思路，学习系统设计的方法和经验
+5. 学到项目开发、调试和优化技巧，比如开发工具使用技巧、组件抽象封装、问题定位、性能优化、内存优化等
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+7. 学习一些思考底层原理的方式、以及源码阅读技巧
+
+
+
+## 项目大纲
+
+1. 项目简介和计划
+2. 需求分析
+3. 技术选型（各技术作用讲解）
+4. 前端项目初始化
+    - 脚手架
+    - 组件 / 类库引入
+5. 前端页面设计及通用布局开发
+6. 后端数据库表设计
+7. 按标签搜索用户功能
+    - 前端开发
+    - 后端开发
+    - 性能分析
+    - 接口调试
+8. Swagger + Knife4j 接口文档整合
+9. 后端分布式登录改造（Session 共享）
+10. 用户登录功能开发
+11. 修改个人信息功能开发
+12. 主页开发（抽象通用列表组件）
+13. 批量导入数据功能
+    - 几种方案介绍及对比
+    - 测试及性能优化（并发编程）
+14. 主页性能优化
+    - 缓存和分布式缓存讲解
+    - Redis 讲解
+    - 缓存开发和注意事项
+    - 缓存预热设计与实现
+    - 定时任务介绍和实现
+    - 锁 / 分布式锁介绍
+    - 分布式锁注意事项讲解
+    - Redisson 分布式锁实战
+    - 控制定时任务执行的几种方案介绍及对比
+15. 组队功能
+    - 需求分析
+    - 系统设计
+    - 多个接口开发及测试
+    - 前端多页面开发
+    - 权限控制
+16. 随机匹配功能
+    - 匹配算法介绍及实现
+    - 性能优化及测试
+17. 项目优化及完善
+18. 免备案方式上线前后端
+
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\345\267\245\344\275\234\350\256\260\345\275\225\345\210\206\346\236\220\345\267\245\345\205\267.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\345\267\245\344\275\234\350\256\260\345\275\225\345\210\206\346\236\220\345\267\245\345\205\267.md"
new file mode 100644
index 0000000..20436ed
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\345\267\245\344\275\234\350\256\260\345\275\225\345\210\206\346\236\220\345\267\245\345\205\267.md"
@@ -0,0 +1,5 @@
+# 工作记录分析工具
+
+> 每周带大家开发中，已完结 2 期直播，加入星球可见回放
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
new file mode 100644
index 0000000..f308222
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"	
@@ -0,0 +1,18 @@
+# 🔥 智能 BI 平台
+
+7 场直播，近 20 个小时，又一个新项目完成了！加入星球可见所有回放。
+
+
+> 感兴趣的同学可以 **免费试看**
+> 第一期项目回放：[https://www.bilibili.com/video/BV1Cg4y1G7oy](https://www.bilibili.com/video/BV1Cg4y1G7oy)
+> [加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)，获取所有教程回放和源码笔记等资料。
+
+[点击了解该项目详情](https://mp.weixin.qq.com/s/C4YUQXQGoww_hxYtcS8e5w)
+
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..1258241
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md"
@@ -0,0 +1,258 @@
+# 用户中心项目
+
+> by 程序员鱼皮 [知识星球](https://yupi.icu)
+
+经过了 7 场直播、总时长超过 24 小时！用户中心项目终于完结啦！
+
+鱼皮在这里对该项目做一个简单的介绍。
+
+> 加入星球后，做项目如果遇到问题可以问鱼皮
+
+
+## 项目简介
+
+由于是星球内的第一个项目，决定带大家做一个企业中最最最常用的系统 —— `用户中心` ，其实就是一个简单的 “用户管理系统” ，实现了用户注册、登录、查询等基础功能。如图：
+
+![注册页面](https://www.codefather.cn/img/image-20220419195029500.png)
+
+![管理页面](https://www.codefather.cn/img/image-20220419200007861.png)
+
+虽然系统逻辑和功能并不复杂，代码量也不多，但是正因如此，大家才不需要关注特定的、复杂的业务流程，可以更轻松地学习到 **通用的技术和做项目的经验** 。
+
+麻雀虽小五脏俱全，我真真正正地 **从 0 到 1 全程直播** 带大家完成了这个项目的完整前端和后端！从产生想法、到需求分析、到技术选型、系统设计、项目初始化、编码实现、测试、再到最后的部署上线，每一个环节我都从理论到实践给大家讲的明明白白、每一个细节都不放过！再加上直播过程中踩的种种坑点以及问题的解决，相信一定可以帮助大家走出书本、走出校园、走出死板 / 单纯讲知识点的网课和教程，学到企业 真正需要的开发技能和经验。
+
+我可以很负责任地说，如果你已经有过一些前端或后端开发的基础知识，完完整整地看完这个项目并跟着实践后，你绝对可以 **独立、一条龙开发和上线** 绝大多数常见的系统了！
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+### 本项目适合的同学
+
+1. 学过基本的前端（HTML + CSS + JS 三件套）或后端开发技术（Java Web）
+2. 还不知道怎么独立做出完整的项目，想了解规范的开发流程
+3. 想快速学习自己不熟悉的技术并且了解其应用（比如你只会前端，想了解后端）
+4. 想全方位提高自己的编程能力
+5. 想提升做项目的经验和系统设计能力
+6. 想学习更多企业主流开发技术
+7. 想给简历增加项目经验
+8. 想开发和上线自己的网站
+
+
+
+### 技术选型
+
+#### 前端
+
+主要运用阿里 Ant Design 生态：
+
+- HTML + CSS + JavaScript 三件套
+- React 开发框架
+- Ant Design Pro 项目模板
+- Ant Design 端组件库
+- Umi 开发框架
+- Umi Request 请求库
+
+
+
+#### 后端
+
+- Java 编程语言
+- Spring + SpringMVC + SpringBoot 框架
+- MyBatis + MyBatis Plus 数据访问框架
+- MySQL 数据库
+- jUnit 单元测试库
+
+
+
+#### 部署
+
+- 单机部署
+- Nginx
+- 容器
+
+
+
+### 项目收获
+
+1. 学会前后端企业主流开发技术的应用
+2. 了解做项目的完整流程，能够独立开发及上线项目
+3. 学到系统设计的方法和经验
+4. 学到一些实际的编码技巧，比如开发工具、快捷键、插件的使用
+5. 学到代码的优化技巧，比如抽象、封装、提高系统性能、节约资源的方法
+6. 学习登录态、代理、多环境、容器、跨域等重要的开发知识
+7. 学到一些源码阅读的技巧
+8. 提升自主解决问题的能力
+9. 能够将项目写在简历上，鱼皮帮你总结好了项目亮点！
+
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 项目大纲
+
+1. 项目简介和计划
+2. 企业做项目完整流程介绍
+3. 需求分析
+4. 技术选型（各技术作用讲解）
+5. 前端项目初始化
+    1. 框架及项目目录介绍
+    2. 组件引入
+    3. 框架瘦身
+6. 后端项目初始化
+    1. 3 种初始化 Java 项目的方式
+    2. 环境搭建（比如 MySQL 安装）
+    3. SpringBoot 整合 SSM、MyBatis 框架
+    4. 项目分层介绍
+7. 数据库表设计
+8. 注册功能
+    1. 详细设计
+    2. 前端开发
+        1. 快速页面开发
+        2. 表单组件使用
+    3. 后端开发
+        1. 代码生成器的使用
+        2. 接口、业务逻辑开发
+        3. 单元测试
+        4. API 接口测试
+9. 登录功能
+    1. 详细设计
+    2. 前端开发
+        1. 登录态管理
+        2. 请求库的使用
+        3. 页面开发及验证
+    3. 后端开发
+        1. 登录态管理（Cookie 和 Session）
+        2. 接口开发及测试
+    4. 前后端交互
+    5. 代理知识讲解
+        1. 正向代理
+        2. 反向代理
+        3. 如何开启本地代理
+10. 用户管理
+    1. 前端开发
+    2. 后端开发
+11. 用户注销功能
+    1. 前端开发
+    2. 后端开发
+12. 前端代码优化
+    1. 全局请求响应拦截器的封装
+    2. 友好提示
+13. 后端代码优化
+    1. 通用返回对象
+    2. 自定义异常及错误码
+    3. 全局异常处理器
+14. 补充用户校验
+15. 项目部署
+    1. 多环境理论及实战
+    2. 四种部署方式实战
+        1. 原始前端 Nginx / 后端 SpringBoot 部署
+        2. 宝塔 Linux
+        3. Docker 容器（常用命令全部演示）
+        4. 容器平台
+16. 项目上线
+    1. 域名解析
+    2. 跨域问题解决（3 种思路）
+17. 用户中心项目扩展思路和优化点
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 项目资料
+
+### 直播回放
+
+- [从 0 到 1 开放用户中心（1）](https://t.zsxq.com/IiqBEmQ) - 项目开发过程、初始化
+- [从 0 到 1 开放用户中心（2）](https://t.zsxq.com/qrJiIqr) - 后端设计及开发
+- [从 0 到 1 开放用户中心（3）](https://t.zsxq.com/3vRBAEi) - 后端 + 前端开发
+- [从 0 到 1 开放用户中心（4）](https://t.zsxq.com/QZRNrzv) - 核心功能开发
+- [从 0 到 1 开放用户中心（5）](https://t.zsxq.com/FyZJeqF) - 代码优化
+- [从 0 到 1 开放用户中心（6）](https://t.zsxq.com/EmuRj27) - 四种部署方式
+- [从 0 到 1 开放用户中心（7）](https://t.zsxq.com/iq3VvFI) - 正式上线
+
+
+### 源码
+
+前后端完整项目源码和笔记加入星球后可见，[源码地址](https://t.zsxq.com/03AiYJeMn)
+
+
+### 项目笔记
+
+官方直播笔记在线阅读：见星球内部的语雀知识库 —— 用户中心直播笔记（完整版），支持下载源文件：
+
+![](https://www.codefather.cn/img/image-20220419220217279.png)
+
+
+
+其他同学的笔记：
+
+- @Clearlove7*：[星球直播笔记-用户中心（上）](https://t.zsxq.com/JQr3neu)
+- @炎：[星球直播笔记-用户中心（上）](https://t.zsxq.com/iYNzneM)
+- @幸幸：[星球直播笔记-用户中心（上）](https://t.zsxq.com/zrJ6Uz3)
+- @h：[星球直播笔记-用户中心（上&中合集）](https://t.zsxq.com/mAMvfy3)
+- @玄霄：[SpringBoot Test 踩坑指南](https://t.zsxq.com/UjqjA2j)
+- @幸幸：[星球直播笔记-用户中心（中）](https://t.zsxq.com/jEIiyVj)
+- @炎：[星球直播笔记-用户中心（中）](https://t.zsxq.com/MjmEAuf)
+- @炎：[星球直播笔记-用户中心（下）](https://t.zsxq.com/3RbYnuJ)
+- @炎：[星球直播笔记-用户中心（终）](https://t.zsxq.com/IqRRrF6)
+
+
+
+
+## 大家的收获和评价
+
+> 已加入星球的小伙伴们的真实评价
+
+这个项目能够帮助没有开发过自己项目的同学快速了解完整、规范的开发流程，并上线自己的项目，打开编程新世界的大门；除了带大家开发项目外，也在直播中分享了很多我自己的工作经验：
+
+![](https://www.codefather.cn/img285/02ZKA5DUckxrxHiZa7gfHA.png)
+
+![](https://www.codefather.cn/img285/O76VVCWXmhNgXQnbt9fKKQ.png)
+
+星球上的专属直播项目与各种学习路线及优质答疑，绝对值回票价（一节补习班的钱）：
+
+![](https://www.codefather.cn/img285/XFAFz9fiOvqnBp7-xLOeqA.png)
+
+带着鱼皮的项目去参赛，进了 C4 比赛（这里主要是项目给了小伙伴启发）：
+
+![](https://www.codefather.cn/img285/vwRPMJrit0jKaoYxCKc6bw.png)
+
+和鱼友们一同努力做项目：
+
+![](https://www.codefather.cn/img285/p8507-Ui08qz4YCorGYq8g.png)
+
+分享项目开发思路和方法，帮你补充看网课时学习不到的细节：
+
+![](https://www.codefather.cn/img285/4qTCikH_2bkJHlozjLemmg.png)
+
+体验项目从 0 到 1 开发项目的完整流程：
+
+![](https://www.codefather.cn/img285/dYOrVLwNiGD0MgBL9tq39w.png)
+
+鱼皮每次直播都很用心，有次项目开发直播 4 个小时无休，直到凌晨 1点半：
+
+![](https://www.codefather.cn/img285/pzmjCL5t8tsaeCtbD4KU9Q.png)
+
+![](https://www.codefather.cn/img285/nJaedsFbxPTZDLBpFdNGkg.png)
+
+认真的跟着一起做完整个项目，可以成为简历上的一个项目亮点：
+
+![](https://www.codefather.cn/img285/gYptUzwPV2fuK5sNh6-L-A.png)
+
+![](https://www.codefather.cn/img285/a42-ZeaNXuKFR6v3y_LZHQ.png)
+
+![](https://www.codefather.cn/img285/image-20220622235114284.png)
+
+![](https://www.codefather.cn/img285/zf06WVdMQ3j3MfJuz5_LDQ.png)
+
+跟着项目学习，收获了知识和启发：
+
+![](https://www.codefather.cn/img285/3IPK0kopAYt4dVmESibfcg.png)
+
+![](https://www.codefather.cn/img285/TN9DzBRvqGKQAa_qIhig3A.png)
+
+
+## 加入星球
+
+除了这个项目外，鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\274\226\347\250\213\345\257\274\350\210\252\345\245\226\345\212\261\347\263\273\347\273\237.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\274\226\347\250\213\345\257\274\350\210\252\345\245\226\345\212\261\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..88fe934
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\347\274\226\347\250\213\345\257\274\350\210\252\345\245\226\345\212\261\347\263\273\347\273\237.md"
@@ -0,0 +1,32 @@
+# 编程导航奖励系统
+
+已完结，共 4 场直播，总时长 8 小时，加入星球可见所有回放。
+
+## 项目简介
+
+不是纯教程，而是鱼皮给已上线的网站 [编程导航](https://www.code-nav.cn) 开发新功能【激励系统】，分享真实的开发方式。
+
+激励系统：为鼓励大家在平台分享内容而打造，包括任务系统、积分查询系统、兑奖系统。
+
+主要内容：
+- 第 1 集：激励系统介绍、需求分析及系统设计，任务系统开发
+- 第 2 集：积分查询系统 + 兑奖系统开发
+- 第 3 集：兑奖系统开发
+- 第 4 集：激励系统优化、关注功能优化、问答系统设计开发
+
+## 项目截图
+
+任务系统：
+
+![](https://www.codefather.cn/img/prize1.png)
+
+兑奖系统：
+
+![](https://www.codefather.cn/img/prize2.png)
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..4fe570d
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
@@ -0,0 +1,19 @@
+# 🔥 聚合搜索平台
+
+4 场直播，12 个小时，又一个新项目完成了！加入星球可见所有回放。
+
+
+> 感兴趣的同学可以 **免费试看**
+> 第一期项目回放：[https://www.bilibili.com/video/BV1ks4y1V7jC/](https://www.bilibili.com/video/BV1ks4y1V7jC/)
+>
+> [加入星球后](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)，获取所有教程回放和源码笔记等资料。
+
+[点击了解该项目详情](https://www.code-nav.cn/post/1642462565038608385)
+
+
+## 加入星球
+
+鱼皮在星球中持续带领大家直播做新项目、分享项目开发经验和源码，欢迎加入。
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\351\241\271\347\233\256\350\256\255\347\273\203\350\220\245.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\351\241\271\347\233\256\350\256\255\347\273\203\350\220\245.md"
new file mode 100644
index 0000000..0635112
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\346\230\237\347\220\203\351\241\271\347\233\256/\351\241\271\347\233\256\350\256\255\347\273\203\350\220\245.md"
@@ -0,0 +1,49 @@
+# 项目训练营 —— 寻爱网项目
+
+通过 6 场直播（总共约 12 小时） + 组队实训，用一个完整的示例项目带大家快速熟悉企业（团队）项目从建立、到需求分析、系统设计、项目搭建、需求开发、优化、最终实际上线的完整流程。
+
+适合从未做过完整项目或者想系统学习做项目方法的同学观看，之后自己组建团队做项目、参加竞赛都会更容易。
+
+主要内容：
+
+- 第一天、如何做好项目负责人：讲解项目立项、需求分析、组建团队的思路和方法
+- 第二天、如何做好架构师：跳出 “码农” 思维，从全局视角来设计一个新项目
+- 第三天、做好开发第一步：快速、规范地搭建一个万用的增删改查基础项目
+- 第四天、如何聪明地写代码：用实际案例带大家学习详细设计和面向设计编码
+- 第五天、如何给项目画龙点睛：彻底打开项目优化的思路
+- 第六天、如何绽放项目的价值：如何快速上线项目？如何做好开源和推广？
+
+
+## 直播回放和资料
+
+可以试看一集：编程导航国庆项目训练营（1）[https://www.aliyundrive.com/s/rcFczasMKVK](https://www.aliyundrive.com/s/rcFczasMKVK) ，提取码: cu89
+
+加入星球后获取：所有项目训练营的超清回放，以及学习笔记、完整项目代码、团队资料文档等。
+
+## 示例项目介绍
+
+项目展示：
+
+![](https://www.codefather.cn/img/1664626685988-629cd945-f423-480b-8194-5bad1d98cff8.png)
+
+### 技术栈
+
+前端：
+
+- React 18
+- Umi Max 前端框架
+- Ant Design、Ant Design Procomponents 组件库
+
+后端：
+
+- Spring Boot 2.7
+- MySQL 8.x
+- MyBatis Plus 3.x
+- Easy Excel
+
+加入星球后可以获取完整项目代码。
+
+
+## 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\345\257\274\350\210\252/\347\234\237\345\256\236\350\257\204\344\273\267/README.md" "b/\347\274\226\347\250\213\345\257\274\350\210\252/\347\234\237\345\256\236\350\257\204\344\273\267/README.md"
new file mode 100644
index 0000000..113b64f
--- /dev/null
+++ "b/\347\274\226\347\250\213\345\257\274\350\210\252/\347\234\237\345\256\236\350\257\204\344\273\267/README.md"
@@ -0,0 +1,499 @@
+# 大家的真实评价
+
+星球已经运营一周年了，鱼友与星球在过去的一年里共同成长，以下是一些已加入星球的鱼友真实的反馈，便于参考：
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+#### 目录
+
+[[toc]]
+
+## 2023 年鱼友评价
+
+### 积极的学习氛围
+
+星球里积极向上的学习氛围，感染着每位同学，帮你告别迷茫、拒绝不想学、充满持续学习的动力。
+
+![](https://www.codefather.cn/img285/25.png)
+
+![](https://www.codefather.cn/img285/24.png)
+
+![](https://www.codefather.cn/img285/18.png)
+
+![](https://www.codefather.cn/img285/19.png)
+
+![](https://www.codefather.cn/img285/20.png)
+
+![](https://www.codefather.cn/img285/21.png)
+
+![](https://www.codefather.cn/img285/22.png)
+
+![](https://www.codefather.cn/img285/23.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 星球直播和项目评价
+
+鱼皮全程直播项目开发，从 0 到 1 带你实现一个项目的全流程：
+
+![](https://www.codefather.cn/img285/30.png)
+
+![](https://www.codefather.cn/img285/27.png)
+
+![](https://www.codefather.cn/img285/26.png)
+
+![](https://www.codefather.cn/img285/28.png)
+
+![](https://www.codefather.cn/img285/29.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 大家的认可
+
+感谢朋友们的认可，希望大家都能够在星球上收获成果：
+
+![](https://www.codefather.cn/img285/54.png)
+
+![](https://www.codefather.cn/img285/63.jpeg)
+
+![](https://www.codefather.cn/img285/61.png)
+
+![](https://www.codefather.cn/img285/60.png)
+
+![](https://www.codefather.cn/img285/59.png)
+
+![](https://www.codefather.cn/img285/58.png)
+
+![](https://www.codefather.cn/img285/image-20230219184610810.png)
+
+![](https://www.codefather.cn/img285/56.png)
+
+![](https://www.codefather.cn/img285/55.png)
+
+![](https://www.codefather.cn/img285/53.png)
+
+![](https://www.codefather.cn/img285/51.png)
+
+![](https://www.codefather.cn/img285/50.png)
+
+![](https://www.codefather.cn/img285/49.png)
+
+![](https://www.codefather.cn/img285/48.png)
+
+![](https://www.codefather.cn/img285/47.png)
+
+![](https://www.codefather.cn/img285/46.png)
+
+![](https://www.codefather.cn/img285/45.png)
+
+![](https://www.codefather.cn/img285/44.jpeg)
+
+![](https://www.codefather.cn/img285/43.png)
+
+![](https://www.codefather.cn/img285/42.png)
+
+![](https://www.codefather.cn/img285/41.png)
+
+![](https://www.codefather.cn/img285/40.png)
+
+![](https://www.codefather.cn/img285/39.png)
+
+![](https://www.codefather.cn/img285/38.png)
+
+![](https://www.codefather.cn/img285/37.jpeg)
+
+![](https://www.codefather.cn/img285/36.png)
+
+![](https://www.codefather.cn/img285/35.jpeg)
+
+![](https://www.codefather.cn/img285/34.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 鱼友年度总结分享
+
+年底，星球开展了年度总结活动，带领鱼友一同回顾 2022 在星球上的成长，同时展望 2023 :
+
+![](https://www.codefather.cn/img285/17.png)
+
+![](https://www.codefather.cn/img285/5.png)
+
+![](https://www.codefather.cn/img285/7.png)
+
+![](https://www.codefather.cn/img285/6.png)
+
+![](https://www.codefather.cn/img285/9.png)
+
+![](https://www.codefather.cn/img285/16.png)
+
+![](https://www.codefather.cn/img285/15.png)
+
+![](https://www.codefather.cn/img285/13.png)
+
+![](https://www.codefather.cn/img285/12.png)
+
+![](https://www.codefather.cn/img285/11.png)
+
+![](https://www.codefather.cn/img285/10.jpeg)
+
+![](https://www.codefather.cn/img285/8.png)
+
+![](https://www.codefather.cn/img285/4.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 鱼友上岸报喜
+
+顺利上岸拿到心仪的 offer，向鱼皮来报喜了~ 希望其他的鱼友也都能达成自己的目标：
+
+![](https://www.codefather.cn/img285/3.png)
+
+![](https://www.codefather.cn/img285/2.png)
+
+![](https://www.codefather.cn/img285/image-20230219184334733-20230219185044924.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+## 2022 年鱼友评价
+
+### 积极的学习氛围
+
+星球里积极向上的学习氛围，感染着每位同学，帮你告别迷茫、拒绝不想学、充满持续学习的动力。
+
+一个好的积极的学习圈子，远胜于孤军奋斗：
+
+![](https://www.codefather.cn/img285/OI5-EmUB1MBHVLcJeITP5w.png)
+
+每天进行学习打卡，记录复盘当天的学习情况：
+
+![](https://www.codefather.cn/img285/iN-iaT8MFf37-p3EeDDmqA.png)
+
+鱼友们努力的样子，感染着每一个人：
+
+![](https://www.codefather.cn/img285/yJmI-XBCc64ZOu_zzXUhRQ.png)
+
+当一群人共同努力时，会发现学习也是一件乐事：
+
+![](https://www.codefather.cn/img285/xy88556grM0wPPle26oonw.png)
+
+鱼友们努力的模样，感染着每一个人：
+
+![](https://www.codefather.cn/img285/image-20220818072215814.png)
+
+![](https://www.codefather.cn/img285/KW3OvQ9NLOa9mfcHEzWODg.png)
+
+学习累了、不想学了，就来星球转转，又充满了斗志：
+
+![](https://www.codefather.cn/img285/mKK-D5NmXHITrv2ZAHVCNw.png)
+
+星球上积极的学习氛围，感染着每一个加入的鱼友：
+
+![](https://www.codefather.cn/img285/DdRrBcxEljAAJF_fFCnI0A.png)
+
+鱼友们积极分享自己的学习心得与经验，希望能帮助到其他人：
+
+![](https://www.codefather.cn/img285/80JnrZTschAq2bTE2pK9Gg.png)
+
+星球的同学都很努力，激发自身学习的动力：
+
+![](https://www.codefather.cn/img285/wk5ObfYdHu6GQO073O8-7w.png)
+
+只要开始努力，此刻永远是最适合的：
+
+![](https://www.codefather.cn/img285/BkFGM7CX52gtlnna418Ujg.png)
+
+星主鱼皮每天更新自己的大厂打工日记，带动鱼友们一同努力：
+
+![](https://www.codefather.cn/img285/6JrnPRXWdI-8DFfxeu1m-g.png)
+
+![](https://www.codefather.cn/img285/tZGW6BO3M3CR5qq4uJjJdA-20220620233041547.png)
+
+每个人都在努力改变着，你也一样：
+
+![](https://www.codefather.cn/img285/LePBBDQNHPhd0wgOZxjRyw.png)
+
+鱼友们，加油鸭：
+
+![](https://www.codefather.cn/img285/4AlxOq5i4LZk9LrmvbbalQ.png)
+
+积极向上的学习圈子：
+
+![](https://www.codefather.cn/img285/1NNaXT5yJgH8oAm01A4PDQ.png)
+
+星球上各类编程学习路线、资源汇总以及优质的问答内容，是鱼友前行的指南：
+
+![](https://www.codefather.cn/img285/esQ2XySrx0zYFVUAgl0xnQ.png)
+
+一个好的学习圈子，使你事半功倍：
+
+![](https://www.codefather.cn/img285/K6TcugSiXzGgi5L3ODxYWw.png)
+
+不再焦虑与迷茫，脚踏实地去努力：
+
+![](https://www.codefather.cn/img285/sB-eMCJrGvj1WSUiGEanKg.png)
+
+与优秀者同行，必将优秀：
+
+![](https://www.codefather.cn/img285/_bNwhvS4M7GcRP-hEQM7qg.png)
+
+又有动力学习了：
+
+![](https://www.codefather.cn/img285/HB5N5ahGxG5a8bDTzkU04A.png)
+
+星球上努力的人很多，上至清华、北大、硕博鱼友，下到小学、初中：
+
+![](https://www.codefather.cn/img285/E9W1TgeOBF0hNsmpp4uucQ.png)
+
+接下来也要和大家一起努力鸭：
+
+![](https://www.codefather.cn/img285/oktBpqnPo_fS5M2kGaoFIw.png)
+
+一群卷王激励着你，让你不会摆烂：
+
+![](https://www.codefather.cn/img285/FpQa7f3iHL3a1W59iilScg.jpeg)
+
+大家都在努力，带动着你也开始努力：
+
+![](https://www.codefather.cn/img285/VYZZDp2pWMYtCFP4MZyt4g.png)
+
+一个积极的学习圈子重要性不言而喻：
+
+![](https://www.codefather.cn/img285/_4c6c1nLaY9_14EouAmxKw.png)
+
+学习打卡让自己清楚的了解自身学习进度：
+
+![](https://www.codefather.cn/img285/_PffOarDk5kr_Z39DSFbLw.png)
+
+越早的规划职业发展，就能越早的开始努力，超越同龄人：
+
+![](https://www.codefather.cn/img285/-dtkyHEXcnmdcqJy5X6CwA.png)
+
+对大学感到迷茫的同学，强烈推荐看一下我给母校的分享讲座视频（星球直播回放里）：
+
+![](https://www.codefather.cn/img285/U3tyPBBih8e4MGjp7Z4Slw.png)
+
+尽早的规划打算，开始努力学习：
+
+![](https://www.codefather.cn/img285/6u0tA2mBNCVPwLSHHgx2cw.png)
+
+分享的一点时间管理技巧：
+
+![](https://www.codefather.cn/img285/lv6xdyQxIiGlDASJatrYjQ.png)
+
+每天的星球学习打卡，鞭笞着鱼友努力学习：
+
+![](https://www.codefather.cn/img285/xOp42joDJBqam7yxGCOwLg.png)
+
+只要坚持学习，一定会取得成功的：
+
+![](https://www.codefather.cn/img285/EaIpQQMJsdntMvzJF-pGrg.png)
+
+星球学习一个月后的反思：
+
+![](https://www.codefather.cn/img285/Qc-Nh_giYf-biG2Mh7rHOQ.png)
+
+向星球上优秀鱼友学习并靠齐：
+
+![](https://www.codefather.cn/img285/aWDT2nip_1ht7MRVHXgMpA.png)
+
+每天学习打卡，培养学习习惯：
+
+![](https://www.codefather.cn/img285/QboX_9JYAF4OVa_xRfAq1w.png)
+
+记录每天的努力，督促自己进步：
+
+![](https://www.codefather.cn/img285/58w48z8EnJyLR9-k3cw4Vw.png)
+
+积极向上的学习氛围，更能够激励自己：
+
+![](https://www.codefather.cn/img285/image-20220630232401992.png)
+
+星球上大家都在努力学习着，前行路上不孤单：
+
+![](https://www.codefather.cn/img285/image-20220707234715658.png)
+
+针对鱼友学习情况，定制学习计划：`
+
+![](https://www.codefather.cn/img285/image-20220812212119981.png)
+
+![](https://www.codefather.cn/img285/image-20220812213054622.png)
+
+![](https://www.codefather.cn/img285/image-20220812215949731.png)
+
+从此刻踏实学习，不再焦虑：
+
+![](https://www.codefather.cn/img285/1666518175215-4c6d9de6-c9f2-4a37-93d6-951143430cfc.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 星球直播和项目评价
+
+用户中心项目从 0 到 1带你实现一个项目的全流程：
+
+![](https://www.codefather.cn/img285/image-20220818143546931.png)
+
+![](https://www.codefather.cn/img285/O76VVCWXmhNgXQnbt9fKKQ.png)
+
+星球上的专属直播项目与各种学习路线及优质答疑，绝对值回票价（一节补习班的钱）：
+
+![](https://www.codefather.cn/img285/XFAFz9fiOvqnBp7-xLOeqA.png)
+
+带着鱼皮的项目去参赛，进了 C4 比赛：
+
+![](https://www.codefather.cn/img285/vwRPMJrit0jKaoYxCKc6bw.png)
+
+和鱼友们一同努力做项目：
+
+![](https://www.codefather.cn/img285/p8507-Ui08qz4YCorGYq8g.png)
+
+带你做星球专属项目，持续分享项目开发思路和方法，帮你补充看网课时学习不到的细节：
+
+![](https://www.codefather.cn/img285/4qTCikH_2bkJHlozjLemmg.png)
+
+体验项目从 0 到 1 的全流程：
+
+![](https://www.codefather.cn/img285/dYOrVLwNiGD0MgBL9tq39w.png)
+
+鱼皮每次直播都很用心，有次项目开发直播 4 个小时无休，直到凌晨 1点半：
+
+![](https://www.codefather.cn/img285/pzmjCL5t8tsaeCtbD4KU9Q.png)
+
+![](https://www.codefather.cn/img285/nJaedsFbxPTZDLBpFdNGkg.png)
+
+认真的跟着一起做完整个项目，可以成为简历上的一个项目亮点：
+
+![](https://www.codefather.cn/img285/gYptUzwPV2fuK5sNh6-L-A.png)
+
+![](https://www.codefather.cn/img285/a42-ZeaNXuKFR6v3y_LZHQ.png)
+
+![](https://www.codefather.cn/img285/image-20220622235114284.png)
+
+![](https://www.codefather.cn/img285/zf06WVdMQ3j3MfJuz5_LDQ.png)
+
+![](https://www.codefather.cn/img285/02ZKA5DUckxrxHiZa7gfHA.png)
+
+跟着项目学习，收获了知识和启发：
+
+![](https://www.codefather.cn/img285/3IPK0kopAYt4dVmESibfcg.png)
+
+![](https://www.codefather.cn/img285/TN9DzBRvqGKQAa_qIhig3A.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 大家的认可
+
+感谢朋友们的认可，希望大家都能够在星球上收获成果：
+
+![](https://www.codefather.cn/img285/_Kj2HFukreKCWA5raXk_Dg.png)
+
+![](https://www.codefather.cn/img285/1667860511042-09a974ae-dd10-441c-a273-e45be3b59394.png)
+
+![](https://www.codefather.cn/img285/image-20220625144343771.png)
+
+![](https://www.codefather.cn/img285/uZayYo60oiUE-TGmLdl9kw.png)
+
+![](https://www.codefather.cn/img285/image-20220630234059318.png)
+
+![](https://www.codefather.cn/img285/image-20220723141639155.png)
+
+![](https://www.codefather.cn/img285/1666518175760-944219a2-b954-4e81-9228-7191db81a192.png)
+
+![](https://www.codefather.cn/img285/1666518176275-0f2796cc-abcc-4595-b9a3-90b8cce0c468.png)
+
+![](https://www.codefather.cn/img285/1666518176270-c3263b0f-81bf-4e1a-8f46-65b1bfb68ff3.png)
+
+![](https://www.codefather.cn/img285/1667429395186-75bf8ba4-f085-4aa5-982f-3bbed028bf90.png)
+
+![](https://www.codefather.cn/img285/1667429588202-3822ae1e-fa5a-464d-b768-61b2d1ea840a.png)
+
+![](https://www.codefather.cn/img285/1667430726239-f6b8518f-3275-4ee2-bdb7-76f9db571da5.png)
+
+![](https://www.codefather.cn/img285/1667430879546-12f56ae0-545a-4f31-8714-444c32252372.png)
+
+![](https://www.codefather.cn/img285/image-20221112082617435.png)
+
+![](https://www.codefather.cn/img285/image-20221112082633439.png)
+
+![](https://www.codefather.cn/img285/image-20220702113742337.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 鱼友学习总结分享
+
+一季度学习打卡总结，分享在这段时间的努力与进步，最后打卡优秀的朋友还能获得🧧红包奖励哦：
+
+![](https://www.codefather.cn/img285/image-20220712012142948.png)
+
+![](https://www.codefather.cn/img285/iMMyUb2CQuS5ExH_zB4yuA.png)
+
+![](https://www.codefather.cn/img285/kuks7aIZW_0HC0bF3Lr8OQ.jpeg)
+
+![](https://www.codefather.cn/img285/jqx8jNla-llu1AddRDLhOg.png)
+
+![](https://www.codefather.cn/img285/zNyTx4GgcqQnLBBrNflLBQ.png)
+
+![](https://www.codefather.cn/img285/KGFliGOmcNn5DnMsCYmfOQ.png)
+
+![](https://www.codefather.cn/img285/sqZAI4w1VcbAzhKbez04Vw.png)
+
+![](https://www.codefather.cn/img285/xFh0YSqrkenX5gnWIxFB5w.png)
+
+![](https://www.codefather.cn/img285/kWWbsEghlQ-bPNMJDhU73A.png)
+
+学习三个月总结分享，收获满满：
+
+![](https://www.codefather.cn/img285/bC4AhRhRBSaQkZsALpf4dg.png)
+
+![](https://www.codefather.cn/img285/b2nmMXzzkk_eL4wA53VQcg.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 鱼友上岸报喜
+
+顺利上岸拿到心仪的offer，向我来报喜了，非常开心，也希望其他的鱼友都能达成自己的目标：
+
+![](https://www.codefather.cn/img285/-AEcCvyET4vmF95WLL8oYA.png)
+
+![](https://www.codefather.cn/img285/yJmdHt8PmeVNUzHORSLgig.png)
+
+![](https://www.codefather.cn/img285/82ozhv1v96sLSPEBBNz3Sg.png)
+
+![](https://www.codefather.cn/img285/image-20220818235121961.png)
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+
+### 找到学习伙伴
+
+鱼友间的温馨时刻，一起给钝剑同学送上生日祝福：
+
+![](https://www.codefather.cn/img285/70HTYpTh6v3OmgLB5A3ftA.png)
+
+编程学习之余，鱼友们也多才多艺：
+
+![](https://www.codefather.cn/img285/image-20220712014419362.png)
+
+
+
+## 加入星球
+
+[👉🏻 点此加入星球](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
diff --git "a/\347\274\226\347\250\213\350\257\215\345\205\270/README.md" "b/\347\274\226\347\250\213\350\257\215\345\205\270/README.md"
new file mode 100644
index 0000000..379baa7
--- /dev/null
+++ "b/\347\274\226\347\250\213\350\257\215\345\205\270/README.md"
@@ -0,0 +1,63 @@
+# 目录
+
+> 计算机编程领域专业术语大全 by [程序员鱼皮open in new window](https://github.com/liyupi)
+
+## Java
+
+## Python
+
+## 前端
+
+## Go
+
+## C++
+
+## 游戏开发
+
+## 人工智能
+
+## 大数据
+
+## 云计算
+
+## 区块链
+
+## 机器学习
+
+## 深度学习
+
+## 自然语言处理
+
+## 数据挖掘
+
+## 数据可视化
+
+## 图像处理
+
+## 网络安全
+
+## 算法
+
+## 操作系统
+
+## 数据库
+
+## 物联网
+
+## 嵌入式系统
+
+## 软件工程
+
+## 机器人技术
+
+## 计算机网络
+
+## 移动开发
+
+## 测试
+
+## 人机交互
+
+## 编译原理
+
+## 计算机图形学
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/README.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/README.md"
new file mode 100644
index 0000000..3718fb6
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/README.md"
@@ -0,0 +1,139 @@
+# 鱼皮的编程学习之路
+
+## 大学经历
+
+⭐️ [我学计算机的四年，共勉！](大学经历/我学计算机的四年，共勉！.md)（鱼皮的计算机学习之路）
+
+[⭐️ 从大学到秋招，我如何拿下腾讯offer](大学经历/从大学到秋招，我如何拿下腾讯offer.md)（鱼皮的求职之路）
+
+[大学，我是怎么边学编程边赚钱的？](大学经历/大学，我是怎么边学编程边赚钱的？.md)
+
+[我大三时做的羞耻项目！](大学经历/我大三时做的羞耻项目！.md)（分布式邮件调度平台）
+
+[鱼皮的考证经历](大学经历/鱼皮的考证经历.md)（软件设计师等）
+
+[鱼皮在实验室出版教材的经历](大学经历/鱼皮在实验室出版教材的经历.md)
+
+[鱼皮的毕业设计，时隔一年，仍感觉头秃](大学经历/鱼皮的毕业设计，时隔一年，仍感觉头秃.md)（C++ 实现图像处理算法软件）
+
+[鱼皮的毕业感受](大学经历/鱼皮的毕业感受.md)（2020 年毕业）
+
+[鱼皮落户上海心得](大学经历/鱼皮落户上海心得.md)（积分落户上海）
+
+## 求职经历
+
+⭐️ [我的第一份实习，坐高铁上班](求职经历/我的第一份实习，坐高铁上班.md)（金融科技公司 Java 实习）
+
+⭐️ [我的第二份实习，字节跳动](求职经历/我的第二份实习，字节跳动.md)（开启大厂后端之旅）
+
+[他专业第一，却找不到工作](求职经历/他专业第一，却找不到工作.md)
+
+[面试阿里 6 次，仍然失败的经历](求职经历/面试阿里6次，仍然失败的经历.md)（屡败屡战）
+
+## 职场工作
+
+⭐️ [Java 开发者工作都做什么？](职场工作/Java开发者工作都做什么？.md)（了解 Java 工作内容）
+
+[我从导师身上学到了什么？](职场工作/我从导师身上学到了什么？.md)（了解优秀程序员的特性）
+
+[⭐️ 我在腾讯的试用期总结](职场工作/我在腾讯的试用期总结.md)（了解我在工作中的努力）
+
+[我在腾讯和字节的工作感受](职场工作/我在腾讯和字节的工作感受.md)
+
+[我升级为云开发高级布道师啦](职场工作/我升级为云开发高级布道师啦.md)
+
+[我入职一年的感受](职场工作/我入职一年的感受.md)（工作一年感受）
+
+[离开学校后，我才明白](职场工作/离开学校后，我才明白.md)（工作 2 年半感受）
+
+[⭐️ 我获得了腾讯内部竞赛第一名！](职场工作/我获得了腾讯内部竞赛第一名！.md)
+
+[鱼皮这个月就写了这点儿代码？](职场工作/鱼皮这个月就写了这点儿代码？.md)（工作后的代码统计）
+
+[这周没写代码，竟然在做这件事！](职场工作/这周没写代码，竟然在做这件事！.md)（代码质量的重要性）
+
+[工作后，我坚持了多年的习惯](职场工作/工作后，我坚持了多年的习惯.md)（学会记录和总结）
+
+[转行大数据 1 个月，我麻了。。。](职场工作/转行大数据1个月，我麻了。。。.md)（鱼皮转行大数据开发）
+
+[大厂做程序员两年半，我终于学会了。。。](职场工作/大厂做程序员两年半，我终于学会了。。。.md)（鱼皮大厂工作感悟）
+
+[再见了，腾讯！](职场工作/再见了，腾讯！.md)（勇敢放弃高薪工作，开启创业之旅）
+
+## 创作经历
+
+⭐️ [毕业这年，我成为了一名 UP 主](创作经历/毕业这年，我成为了一名UP主.md)（开始做知识分享）
+
+[我也拥有了 10 万粉丝](创作经历/我也拥有了10万粉丝.md)（小有收获）
+
+[10w 粉丝，我却哭了](创作经历/10w粉丝，我却哭了.md)（创作不易）
+
+[鱼皮工作 + 创作的日常生活](创作经历/鱼皮工作+创作的日常生活.md)
+
+[二十四](创作经历/二十四.md)（鱼皮成长 1 岁的感受）
+
+[今天，我要搞件大事！](创作经历/今天，我要搞件大事！.md)（创办编程导航知识星球）
+
+[我们搞了件大事！](创作经历/我们搞了件大事！.md)（联合创办框框大学 - 公益网站）
+
+[一次很意外的网站故障经历。](创作经历/一次很意外的网站故障经历。.md)（创作的框框大学被新闻报道）
+
+[一次面向 UP 主的团建](创作经历/一次面向UP主的团建.md)（认识一些有趣的人）
+
+[“老师，我谢谢你！”](创作经历/“老师，我谢谢你！”.md)（某老师用我的学习路线给学生讲课）
+
+[我被最"恨"的公司采访了！](创作经历/我被最恨的公司采访了！.md)（接受 LeetCode 采访，分享经验）
+
+[帮阿里云拉新 7000 人，我输的很彻底！](创作经历/帮阿里云拉新7000人，我输的很彻底！.md)（带 7000 人免费获取服务器）
+
+[网站又被攻击，我心态崩了](创作经历/网站又被攻击，我心态崩了.md)（自制的面试刷题网站被攻击）
+
+[来了来了！](创作经历/来了来了！.md)（回应黑子）
+
+## 创业经历
+
+[我开业了！](创业经历/我开业了！.md)（自己的科技公司）
+
+[没事别想不开去创业！](创业经历/没事别想不开去创业！.md)（创业前期太难了）
+
+[美好的周末，又改了一天 Bug。。](创业经历/美好的周末，又改了一天Bug。。.md)（老板亲自改 Bug）
+
+[创业一月半，不太习惯。。](创业经历/创业一月半，不太习惯。。.md)（脱离舒适区后的反应）
+
+[我们公司的招人方式，有点不一样！](创业经历/我们公司的招人方式，有点不一样！.md)
+
+[面了个Java实习生，小伙很优秀！](创业经历/面了个Java实习生，小伙很优秀！.md)
+
+[我在鱼厂的实习生活](创业经历/我在鱼厂的实习生活.md)（我们实习生的感悟）
+
+[公司太稳定了！我好慌](创业经历/公司太稳定了！我好慌.md)
+
+[我们公司的企业文化！](创业经历/我们公司的企业文化！.md)
+
+## 生活日常
+
+[对不起，我不是一个自律的人](生活日常/对不起，我不是一个自律的人.md)（关于自律的一些感受）
+
+[我被隔离了！](生活日常/我被隔离了！.md)
+
+[大家保重啊…](生活日常/大家保重啊….md)（注意身体）
+
+[新年第一天，我就蚌埠住了！](生活日常/新年第一天，我就蚌埠住了！.md)
+
+[开工第一天，我害怕了](生活日常/开工第一天，我害怕了.md)
+
+[聊聊最近的状态吧](生活日常/聊聊最近的状态吧.md)
+
+[再聊聊这周的状态](生活日常/再聊聊这周的状态.md)
+
+[都这个点儿了，这帮人竟然在。。。](生活日常/都这个点儿了，这帮人竟然在。。。.md)
+
+[随便聊聊](生活日常/随便聊聊.md)（编程、生活、工作）
+
+[我阳过了，别担心！](生活日常/我阳过了，别担心！.md)
+
+[2022，大家过得怎么样呢？](生活日常/2022，大家过得怎么样呢？.md)（2022 年度总结）
+
+[我放假啦！这 22 天干点啥呢](生活日常/我放假啦！这22天干点啥呢.md)
+
+[休假结束，定个新目标！](生活日常/休假结束，定个新目标！.md)
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\205\254\345\217\270\345\244\252\347\250\263\345\256\232\344\272\206\357\274\201\346\210\221\345\245\275\346\205\214.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\205\254\345\217\270\345\244\252\347\250\263\345\256\232\344\272\206\357\274\201\346\210\221\345\245\275\346\205\214.md"
new file mode 100644
index 0000000..664e4d6
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\205\254\345\217\270\345\244\252\347\250\263\345\256\232\344\272\206\357\274\201\346\210\221\345\245\275\346\205\214.md"
@@ -0,0 +1,73 @@
+# 公司太稳定了！我好慌
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，周末了，就聊点轻松的。
+
+给各位股东汇报下我们公司的近况，以及我未来的计划。
+
+> 所有关注我的朋友都是我的股东哈哈 🌹
+
+一转眼，距离我离职创业已经有接近 3 个月了。初创公司的时候，我本人天天跑动跑西、忙这忙那，比如签合同、迎宾、招人、办证、员工管理等等，再加上我本人还要写大量的代码、维护自己的编程社群，基本没有什么时间去公开分享内容了。
+
+不过好在，现在员工们已经上手了工作，我本人也已经熟悉了创业的节奏，每天要做的事情也都比较明确，看起来公司越来越稳定了。
+
+但问题就出在这里，公司有点 **太** 稳定了！
+
+**稳定地赚不着 💰 啊！！！**
+
+坦诚地告诉大家，我们公司现在的月营收和我离职前基本没什么区别，而且还增加了用人、场地租金、办公设备等各种成本，总利润比我打工的时候还低不少（而且那时候我还是领别人工资的），所以我慌得一皮。
+
+为了让员工通勤方便，我公司选址在市中心附近；为了让员工高效办公，我给每人（哪怕是实习生）都配了接近顶配的 Mac Book Pro M2 + 戴尔扩展屏；为了提高员工幸福指数，定期带他们团建吃喝。这些都是不小的开支。
+
+我离职前同事就跟我说：当老板不要太良心，良心的老板赚不到 💰。还给我举了个良心老板破产的例子。
+
+但我还是没听劝。我觉得创业本身就很累了，不能让大家跟我吃苦，何况还有放弃稳定工作跟着我的员工。**人** 是所有创业资源中最活跃、最重要的资源，所以再给我一次选择，我还是会这么做。
+
+
+
+------
+
+
+从我创业第一天起，大家就很关心我们到底做什么业务，因为确实不方便给大家公开（公开给竞对？），所以很多人会觉得我们在卖课。
+
+事实上，卖课、做知识付费这件事，从 22 年 2 月份我就在做了，也确实有一定收益。现在开了公司，也不会说放弃这些不做了，肯定还是要服务好社群内付费的小伙伴的。
+
+但既然开了公司，我们肯定就是要做得更大，做自己的产品、做自己的品牌、提升自己的影响力。**如果公司没有前期的资金积累，怎么招人做新的业务呢？**
+
+所以还请大家的理解和支持，我们毕竟只是一个小团队，我们只是需要时间。
+
+
+
+------
+
+
+说到自己的产品，前段时间大家也知道我们做了个网站 —— [鱼聪明 AI](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&scene=21#wechat_redirect) 。
+
+虽然有不少同学觉得还挺好用。但我要说，这个产品是非常失败的！
+
+为什么？因为不赚 💰 啊！
+
+当时给所有新用户每人免费 100 次使用机会，而且每天都还能额外免费用 50 次，而且是 **几万人** ！这个成本是巨量的，也让我慌得一皮。
+
+试运营了一个多月，我们其实就负担不起了，毕竟以我们现在的实力，的确做不起这么大的公益。。。
+
+不过还好，这个网站也只是我们的一个尝试，后面还会陆续出新的产品的，到时候也会发文给股东们过目。
+
+
+
+------
+
+
+
+最后，再来说说我近期的计划吧。前面也提到了，因为大家的工作安排相对明确、前后端开发的同学也都上手项目了，所以我可以抽出更多时间来做只有我才能做的事情，也就是 **创造内容** 上了。
+
+接下来的一段时间，我希望自己能持续给大家输出内容和干货，多做一些公开的、有意思的分享；同时在我自己的付费社群持续更新原创专栏。7 月末的时候，计划再带学编程的朋友们做一个新项目~
+
+> 从上周开始，我每天的写作字数大概 2 万字，如果坚持一个月，那就是 60 万字啊！一本书才 10 万字，想想都激动。
+
+附一张自己今年累积打字数记录，激励一下，大家一起加油吧！
+
+![](https://pic.yupi.icu/5563/202311041305134.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\210\233\344\270\232\344\270\200\346\234\210\345\215\212\357\274\214\344\270\215\345\244\252\344\271\240\346\203\257\343\200\202\343\200\202.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\210\233\344\270\232\344\270\200\346\234\210\345\215\212\357\274\214\344\270\215\345\244\252\344\271\240\346\203\257\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..280cf16
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\345\210\233\344\270\232\344\270\200\346\234\210\345\215\212\357\274\214\344\270\215\345\244\252\344\271\240\346\203\257\343\200\202\343\200\202.md"
@@ -0,0 +1,92 @@
+# 创业一月半，不太习惯。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，转眼创业一月半了，因为实在太忙，也没怎么跟读者朋友们交流。
+
+今天这篇文章就是一个随笔，分享下我刚创业这段时间经历的一些事情，以及一些思考、感受和感悟吧~
+
+## 压力山大
+
+我刚离职创业那几天，在自媒体的推波助澜下，引起了很多人的关注。
+
+有看好的、有不看好的，有祝福的、有 diss 的，有吃瓜的、有云点评的，总之说什么的都有。
+
+其实那些不看好我的评论，反而会让我比较舒服。因为我毕竟是第一次创业，也没什么经验，翻车是很正常的。也经常听别人说，初次创业 “九死一生”，其实我在离开大厂创业前，就完全做好了创业失败的准备了。
+
+就像我 B 站开的创业记录账号名称 —— 屑老板不破产一样，我今年的预期就是不破产，根本不指望能赚到 💰。
+
+![](https://pic.yupi.icu/5563/202311041259665.png)
+
+我完全不怕自己失败，但我怕的是那些真心祝福我的、期待我做大做强的评论，这些让我压力山大。因为我很害怕自己不够努力、或者自己做了错误的决策，无法回应他们的期待。
+
+而且前段时间发完一个实习生招聘文章后，我就更加意识到了这点，当时我不过是按照正常的市场价发了招聘要求，结果很多人觉得我出手不够大方怎么怎么样的。。。
+
+其实我能理解，关注我的不少朋友都给了我很高的期待。可是，虽然我是一个编程领域的博主，但也只是一家小微企业的小老板呀！我是希望大家不要太看好我，最好能够多给我一些理性的建议和批评，鞭策我一步一步稳扎稳打吧，谢谢！
+
+## 工作重心转变
+
+坦白说，如果问我理想的工作是什么样的，那我会说：每天写代码、写文章。
+
+为什么？
+
+写代码、写文章的过程中，我的思路是连续的，整个人能够静下心来，专注于这一件事；而且往往是一个人做这件事，不需要和其他人交流社交，也没有什么风险，整体的工作时间特别好把控。这可能也是我当初选择程序员这份工作的原因吧。
+
+但现实是，我开业以来，几乎很少有连续的时间写代码了！虽然每天都会写点儿，但是相比之前的打工生活，现在每天有很多事情（甚至很多预期之外的事情）需要我本人来处理。比如带员工、处理员工的反馈、对接外部合作者等等。
+
+经常出现的情况是：我刚戴上耳机准备和 Bug 打一架，员工来问：屑老板，这个 XX 你看一下，或者某商务来问：鱼皮，这个合作怎么样？
+
+我是不得不停下手头的工作去处理的。
+
+所以要说打工和自主创业哪个更忙、哪个更心累，那必然是自主创业！昨天我还梦回自己的 “大头兵” 时代，能够纯粹写代码的日子真是舒服啊。。。
+
+## 思维转变
+
+我是一个每天都会给自己制定详细工作计划和安排的人，所以我也意识到了自己的工作重心的转变，也对此有一些思考。
+
+我觉得工作重心的转变，是因为身份的转变。而身份的转变，就必然需要我思维的转变。
+
+即：当我是一位创业者的时候，就不应该（甚至说不能）把时间花在写代码上了，有很多更重要的事情需要我来做，比如整合资源、探求合作、推动合作、安排工作、制定决策、探索商业模式、跑通工作流等等。
+
+虽然意识到了这点，但因为前期人手不足 + 资金有限，我还是花了很多时间自己来写代码，外加帮员工改 Bug。导致很多我作为创业者应该做的事情搁置了。
+
+上周朋友刘哥专门打电话跟我聊一个商业模式，还说： **鱼皮，我感觉你们现在怎么慢吞吞的？**
+
+算是点醒我了。创业不像写代码，能按时完成就行；要有紧迫感、要放宽视野跟同行竞速，才有胜利的可能。
+
+另外，跟刘哥聊完，我也意识到了 **向上社交** 的重要性。因为前两年工作繁忙，很多时候就是我自己去网上学习知识，很少和同行交流。但对于创业，每位大佬都有自己的成功之道，网上学不来。想要成功，一定要多主动跟已经成功了的、走在前面的人交流，学习他们的商业思维、商业模式，警惕他们走过的弯路。
+
+当然，社交不仅要向上，只要是同行交流，都有可能给你的思维带来启发。所以我会多留点时间来做这件事。
+
+![](https://pic.yupi.icu/5563/202311041259675.png)
+
+这么一想，我也完全能理解为什么管理层很少写代码了，也开始重新规划自己的创业计划。
+
+## AI 风口，一定要抓住！
+
+AI 是今年的科技革命。之前有同学猜测我的离职是不是和 AI 有关，我就正面回答下。
+
+其实我从去年 AI 没火之前就计划好离职创业了，所以 AI 不是决定我离职创业的根本因素；但是，AI 的光速发展让我看到了更多的可能性和危机，推动我加速了创业这一计划的执行。
+
+在我没离职的时候，每天就在关注 AI 的发展、混迹于各种社群学习 AI 的玩法，思考和实践一些我能做的事情（比如 AI 生成网站）。当时也给大家强烈推荐了我认为最有潜力、干货最多的 AI 社群【AI 破局俱乐部】。
+
+我刚加入它的时候 2000 人，这才一个多月，2.3 万人了，由此也侧面反映了 “AI 的狂潮”。
+
+上上周去北京出差参与了 AI 破局俱乐部组织的 AI 分享会，通过和它的创始人以及各位老板交流，再次感受到了：AI 是风口，一定要抓住！哪怕是我们普通人，也要学会利用 AI 提升学习和工作效率。
+
+![](https://pic.yupi.icu/5563/202311041259790.png)
+
+>  AI 分享会
+
+再推荐下这个国内最大的 AI 社群，有小白教程、直播实战课、自研 AI 产品、各路大佬的实践分享，保你能够学会利用 AI，跟上时代潮流：
+
+> 加入 3 天内不满意，可全额退款
+
+![](https://pic.yupi.icu/5563/202311041259673.jpeg)
+
+------
+
+
+创业不易，且行且珍惜，希望下次分享的时候，标题可以改成 “创业，习惯了！” 哈哈。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\344\274\201\344\270\232\346\226\207\345\214\226\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\344\274\201\344\270\232\346\226\207\345\214\226\357\274\201.md"
new file mode 100644
index 0000000..3d44aa6
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\344\274\201\344\270\232\346\226\207\345\214\226\357\274\201.md"
@@ -0,0 +1,70 @@
+# 我们公司的企业文化！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天是我们公司没破产的第 100 天。
+
+在这么有纪念意义的日子里，我和员工们下午一起开了个会，主要分享我们公司的 **企业文化** 。
+
+所谓企业文化，也就是大家在公司内外共有的价值观、做事的原则标准，目的是让大家能够一起进步。
+
+我之前在字节、腾讯都工作过，字节的 “追求极致” 和腾讯的 “瑞雪文化” 都对我个人的工作和做事的风格有正向的影响，所以我个人认为企业文化对一家公司来说是至关重要的。
+
+以下是我们公司的企业文化：
+
+### 1、追求高效
+
+不要求大家像字节那样 “追求极致”，但我们要做到高效。
+
+尽量减少重复工作，多利用软件工具，或者知识沉淀等方法来提高工作效率。
+
+一旦大家觉得某个工作花费的人力过多了，我们就会一起思考如何提效。比如配置自动化客服、针对每项长期工作编写一套标准的工作流、项目开发时共享协作文档、共建知识库等。
+
+### 2、数据驱动
+
+任何工作、判断和决策避免主观推断，尽量用科学的方法、明确的事实数据来客观分析结果，争取改进。
+
+定制这条文化，一方面是为了保证我们做的事情是有价值的，另外一方面是：在公司中，难免大家会因为意见不统一产生分歧，这个时候应该听谁的呢？如何避免纷争呢？
+
+很多的公司答案是 “听老板的”。
+
+但我们公司的答案是：听数据的。
+
+可以通过调研、列举他人的成功或失败案例、或者其他的例子来说服对方，在意见不同时尽量保持理性、拒绝意气用事。
+
+### 3、用户至上
+
+我们目前的业务更多的是 toC（面向用户），所以用户就是上帝。
+
+一方面要多听用户的声音，尤其是 **大多数** 用户的声音，避免自嗨。
+
+另外一方面，要时刻保持对用户的真诚，做到 0 投诉、0 黑料！
+
+比如我们现在开展一些活动、或者做一些项目前，都会先做一波用户调研，再确定方案。
+
+### 4、开放包容
+
+任何一个想法或建议都可能产生很大的价值，可以大胆表达，大家一起积极讨论。
+
+这条文化是希望我们所有的员工都有机会、都能够很自然地表达自己的想法，不要因为觉得自己的想法不好就不去表达。
+
+事实上，这一点我觉得目前公司做的还是很好的，大家天天一起吃饭，有什么想法基本都随时抛出来了~
+
+### 5、主人意识
+
+公司内的每个人都是 “Leader”，无论项目或工作的大小，都要有独立负责事项的精神和意识，自主推动事情发展，有任何困难即时记录和反馈。
+
+这条文化是我认为无论对公司发展还是对个人成长来说，都是最重要的，也正因如此，很多公司的招聘要求上都会提到这点。
+
+对于一家创业公司，我希望大家都能扛起大任、多一些自己的想法，而不是每天等着我去下发任务。只有把自己当做项目的主人，而不是 “机械的打工人”，才能够真正地把事情做的更好。
+
+可能会有同学觉得这是一件很难的事情，但其实很简单，你只需要有一个想法 “这件事没有人给你擦屁股” ，比如写了 Bug 就是你自己的责任，而不是抱怨和推卸责任，那么主人翁意识就会拉满。
+
+
+
+------
+
+
+OK，就分享到这里，未来随着我们公司的成长，企业文化肯定还会持续更新，希望以上这几点也能给大家的工作带来一些思考和启发，共勉！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\346\213\233\344\272\272\346\226\271\345\274\217\357\274\214\346\234\211\347\202\271\344\270\215\344\270\200\346\240\267\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\346\213\233\344\272\272\346\226\271\345\274\217\357\274\214\346\234\211\347\202\271\344\270\215\344\270\200\346\240\267\357\274\201.md"
new file mode 100644
index 0000000..9d54e78
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\344\273\254\345\205\254\345\217\270\347\232\204\346\213\233\344\272\272\346\226\271\345\274\217\357\274\214\346\234\211\347\202\271\344\270\215\344\270\200\346\240\267\357\274\201.md"
@@ -0,0 +1,58 @@
+# 我们公司的招人方式，有点不一样！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+
+朋友们周末愉快，我是鱼皮。因为我很屑，所以大家也可以叫我屑老板。
+
+自从我发了自己创业的文章和视频后，收到了很多小伙伴们的祝福，真心非常感谢！
+
+不得不说，有些同学是真有才啊，因为我公司叫 “鱼鸢网络”，就有同学把它称为 “鱼厂”。那 “鸢”（yuan）还有鸟的意思呢，可以考虑叫 “鸟厂” 哈哈？
+
+![](https://pic.yupi.icu/5563/202311041300825.png)
+
+言归正传，开了公司后，我收到最多的评论和私信就是：鱼厂公司什么时候招人？公司是怎么招人的？
+
+其实之前我也说了，我们公司的员工在我离职前就已经招好了，今天给大家分享一下我们公司招开发的过程。
+
+不能说是史无前例，但也绝对和大多数公司的招聘方式不一样。
+
+**因为，我们不仅没有笔试！也没有面试！**
+
+为什么呢？这里就要先说一下我的招人标准了，用五个字来概括就是 “要能干好活”。
+
+说白了，就是我要知道这个求职者不仅能够完成我的工作、完成我们项目的需求；还要态度认真、做事仔细，能把工作完成的很好，不能一上线就一堆 Bug。
+
+那我就在思考，怎么样才能保证自己招到的人符合这个要求呢？
+
+我的策略很简单：
+
+目标 1：我要足够了解这个人，确保他的做事态度是认真的
+
+策略：从我 [编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) 里的同学招募，因为首先星球里的人学习态度都很认真，而且可以直接根据他在星球里的往期发文来看出他个人的学习态度和做事风格
+
+目标 2：我要确认他能够完成项目开发工作
+
+策略：区别于传统的笔试和面试题目，我直接在星球发布一个实际工作中可能要做的小项目（小问题）给大家去完成，根据大家的解决方案、作品和代码来综合评估大家的项目能力。
+
+我不管你的学历如何、不管你八股文背的怎么样，只要你能够认真地完成我们项目的需求、能干好活，就足够了。
+
+确定了这两个策略，我就在星球里发布了两个招募帖：
+
+前端招募：
+
+![](https://pic.yupi.icu/5563/202311041300960.png)
+
+前端考核任务：
+
+![](https://pic.yupi.icu/5563/202311041300822.png)
+
+后端招募：
+
+![](https://pic.yupi.icu/5563/202311041300891.png)
+
+大家也可以思考一下这两个考核任务自己能否完成，应该难度是不大的，星球里完成的同学也不少。但毕竟我们招募人数有限，“完成” 和 “做得好”，我们当然要后者。
+
+最终我成功招募到了前端开发同学。但可惜的是，后端开发同学还没有招到满意的，近期很可能还会在星球发一个后端实习生的招募，招募方式应该也是类似的。到时大家如果感兴趣的话，欢迎来尝试！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\234\250\351\261\274\345\216\202\347\232\204\345\256\236\344\271\240\347\224\237\346\264\273.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\234\250\351\261\274\345\216\202\347\232\204\345\256\236\344\271\240\347\224\237\346\264\273.md"
new file mode 100644
index 0000000..813b7f2
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\234\250\351\261\274\345\216\202\347\232\204\345\256\236\344\271\240\347\224\237\346\264\273.md"
@@ -0,0 +1,134 @@
+# 我在鱼厂的实习生活
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天周末，给大家分享个有点儿不一样的内容。
+
+想必很多同学都写过工作总结吧，但是你知道自己的 Leader 是怎么看你的总结的、又会有什么感受么？
+
+前几天，我们公司的 Java 后端实习生也写了篇自己的实习总结，今天我就以 Leader 的视角，给大家分享下他的总结以及我的一些感受和建议。说不定可以给大家一些启发~
+
+![](https://pic.yupi.icu/5563/202311041304948.png)
+
+## 我在鱼厂的实习生活
+
+### 入厂前的半年
+
+对我来说，上半年其实挺梦幻的。
+
+年初的想法是 “我命由我不由天”，我要进大厂！然后嘎嘎背面试题，嘎嘎刷算法，然后海投了接近一个月的中大厂暑期实习，一个面试都没有。
+
+后来试着投小厂，结果是投了 100+ 家吧，只有三个面试，也顺利拿了offer。
+
+但这个时候我是处于深深的自我怀疑阶段，开始怀疑我努力的意义，也没想通，就摆烂了，不再看面试相关的东西，而是去看一些开源的内容，争取参加开源之夏。
+
+戏剧性的是这个时候鱼厂招实习生，我就去试了试，运气好过了。然后就开始了实习生活。
+
+> 进鱼厂的过程分享：https://t.zsxq.com/101PImfyg
+
+所以我的上半年就是：背面试题、刷算法——》自我怀疑——》摆烂——》实习
+
+回过头来看，上半年很少学习新的技术，一直在沉淀（如果背面试题算的话）。目前来看背面试题是很有用的，最起码跟前端扯皮吹牛的时候是这样。
+
+> 鱼皮：这里我深有感触，我们的前后端经常 Battle，有分歧的时候，谁的方法论有理有据，就更容易说服对方
+
+###  下半年的计划
+
+1. 好好工作，争取转正
+2. 学习新的和自己感兴趣的技术，比如 CI / CD和机器学习（立志成为一个 API 调用工程师）
+3. 关注秋招，如果转正不顺利的话，给自己留后路
+4. 尽早把毕设处理完，明年少在这上面花费时间
+
+> 鱼皮：如果要争取转正的话，尽量提前和 Leader（或导师）沟通，提前了解有无转正的机会，以及具体怎么做能增加转正的概率。
+>
+> 给自己留后路的策略是正确的，虽然很舍不得，但也建议我的实习生多去参与秋招，不要错失这段宝贵的经历。
+
+###   实习生活
+
+重点来了！！
+
+从开始实习到现在已经两个多月了，来线下实习也有差不多半个月，之前一直是在线上。
+
+到目前为止是一段我个人非常满意的实习生活（鱼皮对我满不满意就难说了）。
+
+> 鱼皮：满意是肯定的。一般这也是双向的，如果员工对工作不满意，表现自然不会特别好，Leader 也自然不会特别满意；反过来也一样，如果 Leader 对员工不满意，员工自然也会有落差，工作表现也不会很好。
+
+下面从工作和生活两个方面的体验聊一聊我的实习生活：
+
+#### 工作
+
+1）工作安排
+
+从最初零散的代码块做起（像用腾讯云的服务来编写一个发送短信的 SDK），后来是单独的接口（比如邀请用户奖励三天会员），后来逐步负责单独的功能（比如把包发到 Maven 仓库）、模块（比如发文工具等）。整个过程是循序渐进的，而不是说一入职扔过来一堆东西然后就不管不问了。而且这样自己也能慢慢适应工作节奏，更好的参与到开发中。
+
+> 鱼皮：因为我自己有过 3 段实习经历、在腾讯也带过实习生、再加上做了这么久的编程指导，我很清楚怎么能带新人快速入手工作。我的策略就像是上面说的：
+>
+> 1. 先从一个方法写起，慢慢熟悉代码
+> 2. 负责一个接口，熟悉前后端对接流程
+> 3. 负责一个功能，收获一定成果
+> 4. 负责一个模块，承担起更多责任
+> 5. 负责整个项目，成为项目的 owner
+>
+> 之前腾讯的晋升体系也很类似，随着你级别的升高，你要慢慢负责更多的项目、承担更多的责任。
+
+2）开发规范
+
+每次提交代码，鱼皮都会做代码评审并指出不足。比如某段代码能满足需求但不规范，鱼皮手把手教我如何写出优雅的代码哈哈。保证整个项目的可维护性和扩展性。
+
+> 鱼皮：原谅我的代码洁癖，实在是因为之前踩过太多坑了，能在代码审核阶段修正的问题，就不要拖到以后。
+
+3）代码复用
+
+这个说起来简单，但做起来并不容易。因为代码复用不仅仅是简单的抽取公共方法，还要考虑到这个方法的公用性强不强，如果下次类似遇到场景能不能直接用。
+
+原则就是，能复用绝不再写一遍，能小改绝不大改。
+
+> 鱼皮：这里说的不错。实际情况下，代码复用不是强制的，不是说有任何重复的代码都要复用。如果把本身差异较大、或者作用不同的两段代码硬要抽成一个公共方法，反而容易出 Bug。
+
+4）有清晰的需求
+
+要做什么？为什么要做这个功能？为什么用这种方式做？这些都是清清楚楚的。
+
+而不是说有一个大概的想法和效果就开始做，做完之后又来来回回的改。
+
+> 鱼皮：对小公司来说，最忌讳的就是返工。虽然由于一些突发情况无法 100% 避免，但我们尽量在前期就想清楚可能的风险、做好明确的设计，尽量避免重复劳动和浪费时间。
+
+5）循序渐进
+
+做项目要一步步来，稳扎稳打。在一个大框架的基础上先实现功能跑起来，然后再去完善细节或者扩展功能。
+
+#### 生活方面
+
+之前线上的时候感触还没有那么明显，来线下之后才感觉到真的很快乐。
+
+我刚来那天，鱼皮就带着我们去玩，然后聚餐。前几天没有租好房子所以住的酒店，也是公司给报销的。周末租房的时候也是同事陪着一起去，平时吃饭大家也会照顾新人的感受。
+
+我的感受是大家真的很欢迎自己的到来，而不是像网上一些人说的招个实习生去打杂。而且平时工作之余大家也是聊的天南海北，物质生活也很丰富（简单来说就是三天一小顿，五天一大顿）。
+
+总之，这是一段非常快乐且还在继续的实习生活，我在这里等着各位小伙伴的到来~
+
+> 鱼皮：这段我就完整保留了，可以用于后面招实习生时的宣传哈哈。我们团队整体的氛围非常好，由于人不多，大家每天也都是一起吃饭的，什么都聊。我自己也是把实习生当做正式员工来对待，不区分 “用工性质”，而是根据个人的实际能力去分配适合他的工作。
+
+
+
+------
+
+
+鱼皮：从这位同学实习的两个多月来看，我个人感觉他的进步是非常大的。
+
+目前他已经参与了 2 - 3 个项目，并且独立负责 2 个项目了！帮助我节省了大量的开发时间。而且他的文档写得很不错，也在持续复盘总结（就像这篇），整体来说非常满意。
+
+如果说还有什么建议的话，也和我们的企业文化有关吧。
+
+因为我们公司内部的信息公开透明，有时间的话可以多阅读了解公司其他项目的代码，帮助自己学习。
+
+另外，不要把自己当做 “实习生”，而是项目的 **负责人** 。团队内的每位同学都要有独立负责事项的精神和意识，自主推动事情发展，有任何困难即时记录和反馈。也就是所谓的 “主人翁意识”。
+
+
+
+------
+
+
+大概就分享到这里，其实我特别想再招点人，但奈何收入不稳定，先用现有的资源继续拼一拼吧，希望后面能再给社会增加几个就业坑位（
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\274\200\344\270\232\344\272\206\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\274\200\344\270\232\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..58453cb
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\210\221\345\274\200\344\270\232\344\272\206\357\274\201.md"
@@ -0,0 +1,65 @@
+# 我开业了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天公布一件大事：我自己的公司正式开业了！
+
+![](https://pic.yupi.icu/5563/202311041255823.png)
+
+前几天我发了个自己离职大厂的视频后，很多朋友们都在猜测我到底为啥离开？猜我接下来要去哪个大厂了？（害，我想去别人也得要我啊）
+
+今天我就来给一直关注并支持我的朋友们一个胶带~
+
+我自主创业啦！
+
+细心的同学应该已经想到了吧，因为其实我在上期 B 站视频和公众号文章中就已经埋下了伏笔，比如：我希望能在自己热爱的事情上去卷、我要把时间留给自己等等。
+
+不过为了保持一些神秘感，我在评论区扔了个烟雾弹，说 “我要去一个更累的公司了，血汗工厂！”
+
+![](https://pic.yupi.icu/5563/202311041255691.png)
+
+但这确实是实话：**有什么比自己开公司更累的呢？**
+
+### 为什么要创业？
+
+其实，创业这件事，绝对不是我一时脑热，而是蓄谋已久，甚至说从小学就已经有自主创业的想法了，这是我一直以来的梦想。
+
+我在大三申请保研时写的自我介绍中也提到，自己计划在 30 岁之前自己创业，成立一家软件公司。
+
+![](https://pic.yupi.icu/5563/202311041255683.jpeg)曾经的自我介绍
+
+但真的没想到自己的运气那么好，现在 24 岁，就提前实现了目标，也真的是感谢大家的支持！
+
+后来之后我放弃保研，很大程度上是因为我在大厂实习之后，感觉工作的环境可以帮我更快地提升技术能力、积攒经验、了解更多行业动态，有助于我更快地实现创业这一目标。
+
+现在我放弃大厂工作，其实也是从去年就开始做准备了。。。
+
+![](https://pic.yupi.icu/5563/202311041255941.png)
+
+如今资源、场地、员工都早已到位，天时地利人和具在，此时不创业，更待何时！
+
+而且想一想，我离职创业，不就相当于多了几个就业的位置嘛，咱小青年也算是给社会作贡献了哈哈。
+
+> 大家关注我公司工作环境的话，可以看看我新发的视频：https://www.bilibili.com/video/BV1aM411K7tD/
+
+### 后续计划
+
+最后给大家同步下我后续的计划。
+
+首先我的频道肯定还会更新的、还会持续做编程分享，毕竟这是我的流量来源。
+
+我接下来的重点计划是先把自己的 [编程导航知识社群](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=145986907&lang=zh_CN&scene=21#wechat_redirect) 做大做强，先定个小目标，**就做到国内影响力最大吧** ！
+
+我还打算新做一个 B 站账号 - 屑老板不破产，给大家分享我从打工人到创业者的经验、我们团队有趣的故事等，大家感兴趣的话可以关注支持下~
+
+> 主页：https://space.bilibili.com/1754801268
+
+![](https://pic.yupi.icu/5563/202311041255689.png)
+
+之后我还会做自己的产品、迎合时代的风口做各种各样的尝试等，后面再慢慢给大家分享吧。
+
+再次感谢大家的祝福和支持！因为你们的点赞、你们的真言善语，才给了我勇气迈出这一步。
+
+谢谢大家，未来一起加油！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\262\241\344\272\213\345\210\253\346\203\263\344\270\215\345\274\200\345\216\273\345\210\233\344\270\232\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\262\241\344\272\213\345\210\253\346\203\263\344\270\215\345\274\200\345\216\273\345\210\233\344\270\232\357\274\201.md"
new file mode 100644
index 0000000..3e08e83
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\346\262\241\344\272\213\345\210\253\346\203\263\344\270\215\345\274\200\345\216\273\345\210\233\344\270\232\357\274\201.md"
@@ -0,0 +1,70 @@
+# 没事别想不开去创业！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，一名刚刚自主创业的程序员。
+
+在创业之前，我总是想象创业的生活是多么美好，可以随心所欲地做自己热爱的事情，实现自己的梦想。
+
+但现实却是残酷的。虽然我早就做好了心理准备，但创业是真特喵的累啊！
+
+让我彻底领教了： **没事别想不开去创业！**
+
+接下来给大家分享一下从我决心正式创业起，自己都做了哪些事吧。
+
+## 创业准备
+
+首先，需要租办公场地。因为我自己落户上海嘛，所以考虑租上海的办公地。但在网上物色了几个月后发现，场地真贵啊！
+
+所以为了尽可能地节约成本，我几乎把自家附近线下的办公地转遍了，并且持续观望了一段时间，找了个合适的时机，才终于出手。
+
+![](https://pic.yupi.icu/5563/202311041257216.png)
+
+有了办公地，我需要采购设备。比如电脑、打印机、会议室大屏、企业网络、日常用品等等，全部是自己挨个挑选并购买的，也花了大量的时间和金钱。
+
+![](https://pic.yupi.icu/5563/202311041257459.png)
+
+采购完之后，还要安装设备，就先拿会议室大屏来说，从搬运到安装、再到学会使用，也花费了不少时间。
+
+![](https://pic.yupi.icu/5563/202311041257544.png)
+
+办公资源准备好了，接下来就要招募员工了。此前几乎都是我一个人在做自媒体分享，虽然能够发展，但速度还是很慢的。既然要开公司，肯定要招人来帮助我更快地发展、实现业务扩张。
+
+但招人并不是件容易的事，又要综合考虑成本、又要找到合适的人选，毕竟知人知面不知心。我观察和物色了很长时间，也做过很多考虑，才确定了初期核心团队的人选。后面可以给大家分享下我招人的考虑和标准。
+
+![](https://pic.yupi.icu/5563/202311041257512.png)
+
+招到人后，我还要拟定劳动合同、跑通给员工交社保公积金的流程等等。因为之前完全没有经验、网上又众说纷纭，所以这一块是我觉得特别难搞的地方。
+
+> 还好有 ChatGPT，帮我解决了一些问题哈哈。
+
+员工来齐后，在开工之前，我们需要制定企业文化。我个人认为企业文化是一家公司对外的形象以及对内的行事原则，非常重要。所以除了前期我花了大量时间去思考之外，也开会和员工们共同商讨有没有需要改进的地方。后面也会跟大家分享~
+
+![](https://pic.yupi.icu/5563/202311041257332.png)
+
+因为之前在学校的时候我也带过几个小团队，所以我深知 “工作效率” 和 “知识沉淀” 的重要性。于是，在开工前，由我主导 + 员工公共商讨出了一套高效工作的模式以及公司内部使用的协同工具集。比如我们使用企业微信来沟通、维护群，使用语雀知识库来沉淀公司内部资料和经验分享文档等等。
+
+此外，对于一家新公司来说，我还要考虑员工的培养，比如组织技术分享会和业务培训等，也要花不少时间。
+
+![](https://pic.yupi.icu/5563/202311041257180.png)
+
+在这之前，我是可以什么都不用想，专注创作的。但现在要带人了，还是有点不太习惯的。不过前期做这些事情又是非常有必要的，希望员工们可以快速成长，独当一面吧~
+
+最后还有前几天的开业，因为大家实在是太热情了，大量的消息 + 一些应酬，也给我带来了不小的压力。
+
+![](https://pic.yupi.icu/5563/202311041257303.png)
+
+不过这些是让我非常开心的，也再次感谢大家。创业路上必定充满了坎坷和挑战，但有大家的支持和信任，我相信自己能继续坚持下去！
+
+
+
+------
+
+
+我们的创业日常 + 想法 + 经验分享，都会第一时间发布在 B 站 @屑老板不破产，欢迎感兴趣的同学关注：
+
+> https://space.bilibili.com/1754801268
+
+![](https://pic.yupi.icu/5563/202311041257002.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\347\276\216\345\245\275\347\232\204\345\221\250\346\234\253\357\274\214\345\217\210\346\224\271\344\272\206\344\270\200\345\244\251Bug\343\200\202\343\200\202.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\347\276\216\345\245\275\347\232\204\345\221\250\346\234\253\357\274\214\345\217\210\346\224\271\344\272\206\344\270\200\345\244\251Bug\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..264fb9e
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\347\276\216\345\245\275\347\232\204\345\221\250\346\234\253\357\274\214\345\217\210\346\224\271\344\272\206\344\270\200\345\244\251Bug\343\200\202\343\200\202.md"
@@ -0,0 +1,72 @@
+# 美好的周末，又改了一天 Bug。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是瘫软的鱼皮。如标题所说，今天我改了一天 Bug。。。
+
+![](https://pic.yupi.icu/5563/202311041258873.png)
+
+开发届有一条不成文的铁律：**周五、放假前不要上线新功能。**
+
+为什么？
+
+因为你要利用周末、利用假期来改上线后才发现的 Bug！而这无疑是让人抓狂的。
+
+之前我在鹅厂的时候，也是尽量遵守这条铁律，只要不是紧急需求或者 bugfix，一般产品来催我，我也会跟她说：周五不上线，下周再说。
+
+但现在自己创业了，为了赶项目进度，哪怕是周末，该上线也得上线呀。时间可不等人，我每天焦虑的一皮。
+
+就像昨天，我给大家分享了我们自己做的 AI 助手平台 —— [鱼聪明](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247543994&idx=1&sn=2d73db59fa67357ae44e8db91aac10bf&chksm=e9c2cb4ddeb5425bea9b6fbe103b63bba381d9c380e2e8f55e6aa120522ee8ace2e8e19a7174&scene=21#wechat_redirect)：
+
+![](https://pic.yupi.icu/5563/202311041258854.png)
+
+然后果不其然，各路江湖好汉们发现了我们系统中的一些 Bug。
+
+于是从昨天起，我一直改 Bug 改到了凌晨两点，大家反馈的问题基本都解决了。
+
+今天起来后，我看了下后台的系统使用情况，发现 AI 绘画功能非常受大家欢迎。
+
+![](https://pic.yupi.icu/5563/202311041258951.png)
+
+于是，我决定今天重点优化下 AI 绘画功能，员工不在，前端 + 后端依然是我本人 “操刀”。
+
+来给大家展示一下优化前后的效果对比。
+
+优化前，需要自己手动点浏览才能查看画图效果：
+
+![](https://pic.yupi.icu/5563/202311041258132.gif)
+
+
+优化后，右侧展示当前绘画，自动实时更新绘画进度：
+
+
+
+![](https://pic.yupi.icu/5563/202311041258247.gif)
+
+
+
+
+
+大家可以讨论一下，看看优化前和优化后哪个好看？希望我今天没白做哈哈。
+
+再给大家分享几个鱼聪明 AI 生成的，我觉得很有趣、很棒的 AI 绘画作品，大家可以根据图片猜描述：
+
+![](https://pic.yupi.icu/5563/202311041258411.png)
+
+![](https://pic.yupi.icu/5563/202311041258796.png)
+
+![](https://pic.yupi.icu/5563/202311041258451.jpeg)
+
+怎么样，还挺不错的吧！大家感兴趣的话都可以免费来使用。但是有个小技巧大家要注意，绘画的描述尽量用英文，而不是用中文，效果可能会好个几十倍。
+
+当然，鱼聪明 AI 主打一个使用门槛低，我们还提供了更方便的操作。先输入中文，然后点击【优化中文描述】：
+
+![](https://pic.yupi.icu/5563/202311041258821.png)
+
+就能快速得到很详细的英文版绘画描述了：
+
+![](https://pic.yupi.icu/5563/202311041258955.png)
+
+欢迎大家来免费使用鱼聪明（https://yucongming.com），如果发现了任何的 Bug、或者有什么好的想法建议，欢迎评论区给我们反馈哦~
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\351\235\242\344\272\206\344\270\252Java\345\256\236\344\271\240\347\224\237\357\274\214\345\260\217\344\274\231\345\276\210\344\274\230\347\247\200\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\351\235\242\344\272\206\344\270\252Java\345\256\236\344\271\240\347\224\237\357\274\214\345\260\217\344\274\231\345\276\210\344\274\230\347\247\200\357\274\201.md"
new file mode 100644
index 0000000..bf37818
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\270\232\347\273\217\345\216\206/\351\235\242\344\272\206\344\270\252Java\345\256\236\344\271\240\347\224\237\357\274\214\345\260\217\344\274\231\345\276\210\344\274\230\347\247\200\357\274\201.md"
@@ -0,0 +1,52 @@
+# 面了个Java实习生，小伙很优秀！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，前几天给自己的公司面试了一位 Java 暑期实习生，候选人目前是大三。
+
+整个过程我都录屏了，并且在征得候选人的同意后，把面试过程分享出来。一方面是希望对其他在学编程找工作的小伙伴有一些启发和参考，另一方面也是希望大家给屑老板一些建议，让我也能成为一个更好的面试官。
+
+![](https://pic.yupi.icu/5563/202311041302600.png)
+
+以下是面试过程视频，整个面试时长大概 40 分钟，我精简了一些内容，但依然有点儿长，大家可以先收藏起来慢慢看~
+
+虽然很多朋友参与过面试，但是应该很少有作为面试官去面试别人的经验，下面我就给大家简单分享下我作为面试官的心路历程。
+
+首先，由于我也是第一次这么正经地作为面试官，所以其实也是有点儿小紧张的。
+
+> 希望大家面试也不要紧张，可能面试官比你还紧张哈哈，就当和面试官交流技术了~
+
+大家信任我，来投递我这么一家小公司，又满怀期待地参与面试，我必须得积极回应下对吧！所以我的想法是：通过这场面试，哪怕最终这位候选人的表现没有符合我们的要求，也要让他能学到一些东西，对他之后的学习有一些正向的影响。
+
+因此，和我自己经历过的大多数面试不同，除了按照候选人的简历从上到下依次提问外，我基本上每问一个问题，都会解释一下我为什么要问这个问题，让候选人 get 到面试官的思路。此外，如果候选人不能很好地回答问题，我会给他一些小的引导（比如举个例子之类的），并且在他回答完后分享一下我想听到的答案。
+
+结果，这位小伙子整个面试的表现都非常不错，最终被我们录取了~
+
+让我印象比较深刻的加分项有几点：
+
+1. 听完问题后再作答，而不是着急抢答，每个问题的回答时长也恰到好处
+2. 语言表达自然，虽然还是有点儿紧张（正常），但回答问题时的思路还是很清晰的
+3. 项目实践能力非常丰富，完全符合我们的工作需要
+
+目前这位小伙也已经在我司工作一周了，不仅工作态度认真、上手工作快、文档写得好，甚至还能够超出预期完成任务，针对一个问题提出多种不同的解决方案等。等他放假来线下了，必须加餐！
+
+以下是这位小伙伴入职后在 [编程导航星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) 内的发的一个面经，得到了候选人的肯定，屑老板还是挺开心的哈哈（我可没绑架他）！
+
+![](https://pic.yupi.icu/5563/202311041302710.png)
+
+> 星球原帖：https://t.zsxq.com/0e1PImfyg
+
+还有很多小伙伴问我还招不招人？
+
+至少我目前没有招新人的打算。因为招人本身不是一件随意的事，用工成本、管理成本、信任成本都要考虑。而且说实话，大家对我的期待有点太高了，我也是第一次开公司，而且也是个创业小公司，我每走一步都需要很谨慎。
+
+所以大家如果对我、对我们公司有什么好的建议呀，都欢迎指正。如果屑老板真的做大做强了，肯定还会招人滴！感谢阅读（忘开留言了，难受）
+
+
+
+------
+
+
+欢迎学编程的朋友们加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&token=292259508&lang=zh_CN&scene=21#wechat_redirect) ，和上万名学编程的同学共享知识、交流进步，学习原创项目并享有答疑指导服务。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/10w\347\262\211\344\270\235\357\274\214\346\210\221\345\215\264\345\223\255\344\272\206.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/10w\347\262\211\344\270\235\357\274\214\346\210\221\345\215\264\345\223\255\344\272\206.md"
new file mode 100644
index 0000000..f49c6e1
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/10w\347\262\211\344\270\235\357\274\214\346\210\221\345\215\264\345\223\255\344\272\206.md"
@@ -0,0 +1,243 @@
+# 10w 粉丝，我却哭了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 谢谢大家，对不起。
+
+大家好，我是鱼皮，公众号做了快一年（除去断更，大概 9 个多月），终于达成了 10 万粉丝，感谢大家！
+
+![](https://pic.yupi.icu/5563/202311031430048.png)
+
+这一年来，感触很深，今天就掏心窝子给大家分享下我做公众号的 **起因、过程、后续规划** ，最后还有我自掏腰包给大家准备的【五芳斋 x 王者荣耀】联名限定月饼礼盒！
+
+> 其实在之前我 B 站 10 万粉丝时，就已经提到了很多我的创作感想，感兴趣的同学可以先阅读下这篇文章：[B 站 10 万粉丝啦！感谢！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247500603&idx=1&sn=1b7b65184a6a642a2f64f383bf736a2b&scene=21#wechat_redirect)
+
+### 起因
+
+那是国庆期间，我刚打完游戏，无所事事。
+
+本想读几篇文章，但感觉有些枯燥。要不自己写几篇文章？
+
+![](https://pic.yupi.icu/5563/202311031430083.jpeg)
+
+那岂不是更枯燥！？
+
+没错，进腾讯一年后，我发现自己似乎已经懒得做工作之外的事情了。
+
+突然想起自己有个博客，但想要访问时，发现已经过期了。
+
+我开始思索，有没有一种 **外力** ，可以让我重燃大学时奋斗的热情，而不是每天下班后，还耗费精力在游戏世界里浑浑噩噩。
+
+![](https://pic.yupi.icu/5563/202311031430087.png)
+
+此前，我在疫情期间为了帮助自己复习编程知识，曾通过短视频分享面试题和解法，虽然没几个人看，但当时的自己充满动力。
+
+那我是不是也可以通过 **分享** 自己的原创文章、让更多人看到，来督促我持续输出呢？
+
+当然彳亍！
+
+想到这里，我游戏装备都懒得卖了，立刻翻出了自己几年前注册的公众号，写下了第一篇文章。
+
+> 事实上，从开始做公众号的那天起，我再也没时间卖游戏装备了。
+
+这就是我做公众号的原因。没想太多，只是为了让更多人看到我的原创文章，让我坚持下去，推动自己进步。
+
+然后就一发不可收拾了。我坚持写作，至今已经原创 140 多篇，阅读量也从个位数涨到了近万！
+
+![](https://pic.yupi.icu/5563/202311031430081.png)
+
+之前有同学问：**为什么选择这个时间做公众号，不会影响你自己的工作和发展么？**
+
+此前，我也会担心。但事实上，我只是把平时偷懒、娱乐的时间利用起来，去做更有意义的事而已。
+
+而且，现在的我更懂得挤时间，在工作时会更加集中精神、更高效地完成工作。
+
+这就是我的性格吧，时间越多我越容易偷懒做不好，逼自己一把反而能有出其不意的效果。
+
+![](https://pic.yupi.icu/5563/202311031430456.png)
+
+**至于为什么在这个时间做公众号？** 答案已经说了，就是通过输出来激励自己输入知识。这件事我大学时就在做，只不过现在，我需要更大的外力来推动慵懒的自己。
+
+没什么怕的，不试试怎么知道行不行，我想做就做了。
+
+而且，我认为毕业一年是最合适的时机。一方面，现在职级还不高，工作压力还不大，有一些空余的时间；另一方面，我刚毕业不久，趁着在学校自学和求职的经验还没忘记，赶紧分享出来。而且如今又作为职场新人，有无穷的进步空间和新鲜感受，可以分享给大家，和大家一起成长。何乐而不为呢？
+
+哦对了，还有关键的一点，打造个人影响力（小声说），以后有用~
+
+### 过程
+
+这段内容主要讲述我自己做公众号的真实经历，比较简略，也没干货。
+
+等我再积累一定的经验，会把自己总结的公众号运营经验和盘托出。
+
+#### 第 1 阶段 - 生怼
+
+万事开头难，刚开始我傻傻地以为想要涨粉，就要多写文章。
+
+于是给自己定下了每天 1 篇的目标，前期还能靠搬运自己以前的博客来勉强达成，在粉丝没几个的情况下，硬是生怼了十几篇文章，质量不高、阅读不高、粉丝也没涨几个，所以没过多久我就萎了。
+
+很快，我就意识到这样下去得完犊子，必须要改变方法！
+
+![](https://pic.yupi.icu/5563/202311031430178.png)
+
+#### 第 2 阶段 - 混圈
+
+无论做什么事情，想要做大做强，最好的方式肯定就是向成功的前辈交流、学习、模仿。
+
+就和写代码一样，只是一门心思埋头写自己熟悉的代码，很快就会止步不前；反之，写代码的同时，多去阅读大佬的代码，能学到更多优秀的写法和新的东西。
+
+于是，我开始在网上搜索优质公众号，一个个到后台去添加好友、请教。很幸运，我被拉进了第一个圈子，然后疯狂添加更多的号主朋友，再被拉进更多的圈子、组建自己的圈子等等。
+
+![](https://pic.yupi.icu/5563/202311031430412.png)
+
+之后，我开始像圈子里的人学习，包括如何提升文章质量、如何提高阅读量、如何给大号投稿等，偶尔也会和相同量级的朋友商业互吹。
+
+事到如今，我依然在混圈子。只不过圈子越混越大、见识到的榜样越多，真心的朋友却越来越少了。因为说真的，量级越大的号主越 “精明” ，越懂得保护自己的利益，跟一些人打交道，真的是需要处处提防（当然，也包括我本人哈哈）。
+
+#### 第 3 阶段 - 开拓
+
+这是我目前持续在做的事 —— 开拓渠道。
+
+说到底，公众号是一个封闭的圈子（私域流量），想要做大，一定要利用好站外流量。
+
+再说了，创作一次本身也不容易。因此，我会把同一篇文章、同一个视频发布到多个平台，关注我的同学可能来自五湖四海哈哈。
+
+![](https://pic.yupi.icu/5563/202311031430486.png)
+
+在不断开拓的过程中，我发现路真的是越走越宽的。随着粉丝的不断增长，我看到了更多机遇，同样也要面对更多的挑战。
+
+### 压力
+
+到点了，我先带个耳机，打开网抑云，播放 `幻昼` 。
+
+![](https://pic.yupi.icu/5563/202311031430405.png)
+
+说真的，压力很大。听说当程序员容易脱发、自媒体容易脱发，那这两个加起来岂不是发如雨下？虽说我本人很坚强，可我的头发是真真实实地在持续哭泣！
+
+比如下面这些，是很多创作者们都在面临的压力：
+
+- 创作的压力：努力一周肝出来的视频，压根没有人看！
+- 评论的压力：这人是营销号，他在胡说八道些什么？
+- 同行的压力：哇，就他这也能火？我们都来试试吧，卷起来！
+- 直播的压力：主播你能不能快点儿？能不能别说废话？会不会写代码？做什么人生导师？
+
+说的不错，我确实就是 **菜** ！
+
+但我既不是什么老师，也不是什么牛人，只不过把我经历的、学到的，分享出来罢了。
+
+![](https://pic.yupi.icu/5563/202311031430407.png)
+
+在创作的过程中，我见过太多优秀的创作者了。虽然有些朋友的粉丝可能没我多，但说实在的，我不认为自己比他们厉害，他们每个人都有自己的亮点，只是因为一些无形的规则，没能火起来罢了。
+
+也是随着粉丝的增多、圈子的增大，我意识到了自己的菜和短板，压力也越来越大。
+
+因此，我陷入了沉思。。。
+
+### 思考
+
+我曾经也抱怨过：为什么有些人 “随随便便” 拍一条视频、说几句话，就能获得比我爆肝一个月还要多的粉丝？
+
+**成功真的很简单么？**
+
+不！看似一条视频、一个人的火爆是偶然，但对于知识创作者，除了天时、地利、人和外，更多的是 **厚积薄发** 。
+
+有东西的人，就是有东西，只需要打开一个开关，光芒就会绽放。
+
+![](https://pic.yupi.icu/5563/202311031430459.png)
+
+拿我佩服的两位大佬来举例：
+
+1. 不高兴就喝水
+
+   我水子哥，几个月 B 站粉丝破 10 万，很多视频迅速霸占 B 站置顶位。从他的视频中，我看到的不止是知识，而是这个人工作多年的经验、能说会道的本事、幽默不俗的灵魂。
+
+2. 三太子敖丙
+
+   丙哥，早期创作的文章篇篇霸榜，1 年公众号几十万粉丝，全网开花。从他的技术文章中，我看到了他的学识、他的幽默、他的变通、他的努力。
+
+没错，和他们比起来，我的东西还远远不够。
+
+从我大学毕业后，经历了两个阶段：
+
+1. 全身心投入工作
+2. 持续知识分享
+
+现在，是时候进入下一个阶段了。
+
+### 后续计划
+
+#### 个人提升
+
+之后，我会投入更多时间来学习知识、全方面地提升自己。
+
+**1. 技术**
+
+除了工作中接触到的技术外，我会坚持每天阅读几篇技术文章。觉得好的也会在本公众号分享，希望之后能给大家带来更专业、多元的内容。
+
+**2. 技能**
+
+现在，我不仅是一名程序员，还是一位知识博主，所以也要努力提高自己的视频创造能力。
+
+目前我已经在跟一位千万粉导演学习了，包括学创意、学文案编辑、学剪辑、学拍摄、学运营推广等。虽然要学的东西很多，但我的目标是给大家带来更有趣优质的内容，所以会一直坚持，学无止境！
+
+**3. 语言**
+
+我在高中之前都是一个特别爱说话的孩子，但成长之后渐渐沉默寡言了。但语言水平是一个优秀博主必备的素养，因此我现在每天都会抽空看各种各样幽默的短视频，不完全是因为好玩，而是在看的过程中学习语言的艺术。
+
+此外，和学编程一样，我注重实践，会利用上下班、直播等时间耍耍嘴皮子、尝试把自己的思路最即时且通顺地说出来。所以大家如果在路上看见一个自言自语的傻逼，说不定就是我了，请不要打我。
+
+![](https://pic.yupi.icu/5563/202311031430317.png)
+
+#### 创作调整
+
+当然，投入更多时间自主学习就意味着我会适当 **减少** 创作频率，之后我会对公众号的创作内容做一些调整。
+
+此前，我分享总结了很多自学编程的经历、经验方法，目的是为了解决大家的 **共性问题** 。前段时间又对这些文章做了整理，大家很多编程方面的问题都可以在我的文章中找到答案了，没必要重复写类似内容。
+
+因此，之后我会更注重 **定制化** 的问题解决，类似聊天的形式、交流答疑，相信同样能消除很多同学心中的迷茫，也希望能帮助大家找到知己，共同进步。也会和大家分享各种有趣实用的技术、编程技巧、工作感悟等，还有可能会搞几个大项目。
+
+此外，我会继续保持我的风格：就是没有风格，我愿称之为 `no-style` 。
+
+![](https://pic.yupi.icu/5563/202311031430280.png)
+
+总之，我仍然会持续输出原创，但同样会 **恰饭** ，这也是我保持高产的动力之一哈哈，毕竟我真的没有时间天天写原创！
+
+> 对不起，整个圈子就是这样，有广告才会刺激更多的原创，记得之前没恰饭的时候就有读者把别人发的广告算在我头上（
+
+#### 私信回复
+
+对不起，我的一天也只有 24 小时，所以真的没办法做到大家的每条消息都即时回复，但每天我都会坚持回复一些。
+
+大家有一些问题也可以在我的公众号文章下留言，也是有空都会回复滴！
+
+此外，之前有同学建议我开通自己的私密圈子（类似知识星球），集中回答问题。
+
+但说实在的，我现在还没准备好。我自己也加了一些知识星球，但发现很多都是收割一波粉丝、赚一桶金就不再维护内容了，我不想这么做，良心会痛。所以，再等等吧~
+
+### 价值
+
+**1. 公众号能给大家带来什么价值？**
+
+依然不变，分享编程学习经验、求职指南、技术干货、业务思考、项目资源等等，帮助大家少走弯路，一起成长！
+
+**2. 公众号能给我带来什么价值？**
+
+激励自己输出、可观的收入，以及。。。
+
+看到大家上进了、成功了，我真的超开心啊！
+
+![](https://pic.yupi.icu/5563/202311031430346.png)
+
+### 致谢
+
+除了读者大大们，我在做公众号时，有太多帮助过我的朋友，他们都是很优秀的原创知识博主。
+
+之后我会整理一个致谢名单，带大家认识这些榜样。
+
+### 福利
+
+最后，为了感谢大家，我特地自掏腰包购买了 5 盒【五芳斋 x 王者荣耀】联名限定月饼礼盒，自己一盒不留，全部送给大家！
+
+![](https://pic.yupi.icu/5563/202311031430835.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\342\200\234\350\200\201\345\270\210\357\274\214\346\210\221\350\260\242\350\260\242\344\275\240\357\274\201\342\200\235.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\342\200\234\350\200\201\345\270\210\357\274\214\346\210\221\350\260\242\350\260\242\344\275\240\357\274\201\342\200\235.md"
new file mode 100644
index 0000000..b37dadc
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\342\200\234\350\200\201\345\270\210\357\274\214\346\210\221\350\260\242\350\260\242\344\275\240\357\274\201\342\200\235.md"
@@ -0,0 +1,72 @@
+# “老师，我谢谢你！”
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。昨天我在小破站分享了一份不错的 Java 知识总结，结果在评论区看到了这样一条内容：
+
+![](https://pic.yupi.icu/5563/202311031446972.png)
+
+看到这个，我真是蚌埠住了！拿我之前做的 Java 学习路线图给大家分享倒很正常，但是直接把路线甩给同学们，然后自己在那玩手机就有点过分了吧！
+
+我去看了一下这位同学发的动态，还真是我的路线链接。让同学们做一个系统，难道直接甩个报告和学习链接就完事啦？
+
+![](https://pic.yupi.icu/5563/202311031446630.png)
+
+建议标题改为：“震惊，竟然有老师做这种事！”
+
+![](https://pic.yupi.icu/5563/202311031446493.png)
+
+不过我印象中这也不是第一次发生这种事了，之前也有同学给我反馈过类似的问题。
+
+既然这样，那就再给老师省点事儿~ 我再给大家简单介绍下开头提到的 Java 学习知识总结（看过 B 站视频的小伙伴们可以忽略啦）。
+
+这是我见过最好的 Java 知识点总结了，适用于所有阶段的程序员，总字数超过百万！
+
+![](https://pic.yupi.icu/5563/202311031446890.png)
+
+它的内容非常全面，开局两张图，直接把一名 Java 程序员从入门到入土所要学习的知识点都划分地非常清晰：
+
+![](https://pic.yupi.icu/5563/202311031446719.png)
+
+![](https://pic.yupi.icu/5563/202311031446623.png)
+
+大家可以对照这两张图看看自己有哪些知识还没学会，用来查漏补缺。
+
+> 或者说，看看自己现在已经学了哪些内容？
+
+进入导读，可以看到更详细的各知识点思维导图，甚至还包含了 Java 9 到 Java 17 的所有新特性分享！也反映出了作者仍在持续维护和更新网站的内容。
+
+![](https://pic.yupi.icu/5563/202311031446517.png)
+
+除了导读外，我们可以利用顶部的导航栏、以及右下角的站点地图，按照分类去学习自己感兴趣的知识。
+
+![](https://pic.yupi.icu/5563/202311031446089.png)
+
+比如主流的 SpringBoot 开发框架，在这里你能够了解到该框架几乎所有的特性和用法。
+
+![](https://pic.yupi.icu/5563/202311031446187.png)
+
+文档内还有 Tomcat、MyBatis 等常用技术的源码详解，以及像 SOLID、设计模式等一些经典的程序员方法论。
+
+![](https://pic.yupi.icu/5563/202311031446190.png)
+
+建议大家每学完一个完整的知识点，都可以用这份知识总结来复习一下，查漏补缺。面试前如果能把这些都看得差不多，相信也够面试官喝一壶的了。
+
+> 这个网站使用 VuePress 进行搭建，电脑和手机上都有不错的在线阅读体验。
+
+我最近也在用这份文档来复习 / 学习架构和分布式相关的知识，头发真是掉了不少！
+
+![](https://pic.yupi.icu/5563/202311031446242.png)
+
+大家加油吧！有帮助的话记得给本文点个 **赞 + 在看** 哦~
+
+（对了，网站承受不了太多的访客，现在访问不了的同学可以晚点再试试，收藏起来就不怕忘了）
+
+
+
+------
+
+
+欢迎加入鱼皮的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，和几千名小伙伴们一起交流学习进步，向鱼皮等大厂同学 1 对 1 提问、跟着鱼皮直播做项目、领取各方向编程资源等。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\345\276\210\346\204\217\345\244\226\347\232\204\347\275\221\347\253\231\346\225\205\351\232\234\347\273\217\345\216\206\343\200\202.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\345\276\210\346\204\217\345\244\226\347\232\204\347\275\221\347\253\231\346\225\205\351\232\234\347\273\217\345\216\206\343\200\202.md"
new file mode 100644
index 0000000..399224d
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\345\276\210\346\204\217\345\244\226\347\232\204\347\275\221\347\253\231\346\225\205\351\232\234\347\273\217\345\216\206\343\200\202.md"
@@ -0,0 +1,146 @@
+# 一次很意外的网站故障经历。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 一次很意外的网站故障经历
+
+大家好，我是鱼皮。这个周末不太愉快，因为今天刚起床迷迷糊糊地，我就收到了用户反馈说 “鱼皮，你的网站又打不开了！一直在加载！”
+
+![](https://pic.yupi.icu/5563/202311031442725.png)
+
+我直接精神了好吧！
+
+![](https://pic.yupi.icu/5563/202311031442726.png)
+
+首先我们来看下故障的具体表现。
+
+## 故障表现
+
+正常情况下，我的网站在 1 秒内就加载完成了：
+
+![](https://pic.yupi.icu/5563/202311031442831.png)
+
+但故障发生时，网站加载了近 30 秒才只加载了一个 loading 转圈圈：
+
+![](https://pic.yupi.icu/5563/202311031442666.png)
+
+但是等了一分多钟，网站还是能加载完成的。所以看上去就像是网速不好、或者服务器带宽不足。
+
+然后我去看了下服务器的监控面板，果然当时服务器的带宽基本上被打满了！
+
+如下图，左侧是正常的网络 IO 流量曲线，右侧是网站故障时的流量曲线，明显高了一大截：
+
+![](https://pic.yupi.icu/5563/202311031442938.png)
+
+好吧，肯定又是哪个小可爱在攻击网站，模拟真实用户在刷我的流量吧。已经习以为常了，哪天没攻击我才觉得奇怪。。
+
+![](https://pic.yupi.icu/5563/202311031442812.png)
+
+为什么有攻击网站的访问就变慢了呢？
+
+其实很好理解，如果把服务器网络传输比作交通运输，路上如果都是肇事车辆，那么正常的车辆就难以通行了，只能一直堵着。而且恶性循环，越来越堵。
+
+结果看了下日志，发现服务器今天并没有被攻击的记录，无论是 DDOS 还是 CC 攻击都没有。
+
+看来攻击者又整新活儿了啊，那难道是利用了某些漏洞？
+
+![](https://pic.yupi.icu/5563/202311031442779.png)
+
+算了，不瞎猜了，接下来我们看看攻击者是攻击了哪个程序，或者恶意频繁访问了哪个网站。
+
+我们进入服务器的终端控制台，输入 `nethogs` 命令，查看当前服务器上每个进程使用的网络带宽情况：
+
+> 以下截图是事后截的，数值和当时不同
+
+![](https://pic.yupi.icu/5563/202311031442787.png)
+
+很容易就找出了是哪个进程占用了大量的网络带宽（上图第 1 个），进程号为 2500。
+
+然后使用 `ps -ef | grep <pid>` 命令查看 2500 进程的信息，定位到具体是哪个项目，如下图：
+
+![](https://pic.yupi.icu/5563/202311031442051.png)
+
+咦，kkdaxue？这是啥项目来着？
+
+![](https://pic.yupi.icu/5563/202311031442928.png)
+
+哦，想起来了，是我之前给 B 站几百万粉的知名校园 UP 主取景框看世界（以下简称框框）做的各专业建议网站 `框框大学`，不过已经很久没有刻意维护了，网站也一直稳定运行。
+
+![](https://pic.yupi.icu/5563/202311031442955.png)
+
+为什么攻击者会盯上这么一个免费的公益网站呢？而且为什么这次攻击没有被拦截呢？
+
+我百思不得其解。。。
+
+正当我犯愁时，找我做网站的框框微信给我发了条消息，瞬间解决了我的疑惑。如下图：
+
+![](https://pic.yupi.icu/5563/202311031442288.png)
+
+我又去看了下这个网站的监控统计，果然，这个网站今天短短几小时的访问量竟然比上周全天还多了 16 倍！
+
+![](https://pic.yupi.icu/5563/202311031442628.png)
+
+我滴妈呀，万万没想到，这次竟然不是攻击！而是真的有那么多用户同时访问网站！把我的大水管都撑爆了！
+
+朋友们谁懂啊，被黑客攻击了这么多次的我，第一次体会到了被真实用户 “攻击” 的感觉，真是哭笑不得。
+
+![](https://pic.yupi.icu/5563/202311031442572.png)
+
+## 处理方式
+
+虽然用户都是真实用户，但由于这个服务器的总带宽是有限的，如果继续让这个网站的流量消耗资源，还会影响服务器上其他项目的访问，所以我只能选择先把这个网站停掉了（反正大家也挤不进去）。
+
+于是，很多小伙伴又看到了熟悉的 “笑脸”：
+
+![](https://pic.yupi.icu/5563/202311031442800.png)
+
+那么如何解决呢？
+
+带宽不够，那就加呗！增加服务器的带宽是我直接能想到的最简单粗暴的方式。
+
+于是花了点小钱给服务器加了带宽，相当于水管变大了，应该能容纳更多用户的同时访问。
+
+然后我就重新开启了这个网站。但没想到还是顶不住，网站又卡爆了、加载不出来。。。
+
+那就只能再想其他解决方案了，加带宽治标不治本；而且又不能因为用户多就限流吧，理想情况下当然希望所有人都能同时访问。
+
+所以我去找框框确认下 “大概会有多少人同时访问网站”，便于我评估方案：
+
+![](https://pic.yupi.icu/5563/202311031442053.png)
+
+结果我发现量级比我想的还要大。。。这个网站竟然登上了抖音上海同城榜的 **第一** ！！！
+
+![](https://pic.yupi.icu/5563/202311031442991.png)
+
+看来没办法了，只能用那个了。。。那个危险但是牛皮的技术。。。
+
+没错，就是 CDN！
+
+因为网站主要的流量和带宽资源占用在于前端网页文件，所以 CDN 会比什么水平扩容的容器技术更直接有效。
+
+所谓 CDN（内容分发网络），是指把用户要访问的资源（比如网站文件）提前加载到离用户较近的节点服务器上，这样用户需要访问网站时，不用只从我那一台服务器去取，而是可以从不同的、较近的服务器节点访问，不仅分散了原始服务器的压力、也能提高用户访问速度。
+
+![](https://pic.yupi.icu/5563/202311031442935.png)CDN 原理图
+
+使用 CDN 后，网站就能够正常访问了，**理论上** 人再多也不怕！
+
+这么牛的技术，为啥之前我不用呢？答案很简单，CDN 要花 money，流量越大，花的越多。。。
+
+所以不到万不得已，我现在很不想用 CDN。毕竟本来框框大学就是免费的，网站稳定的情况下，能省则省。
+
+
+
+------
+
+
+好吧，整个事情就是这样。最后也是希望我们开发的框框大学网站能够给学弟妹们带来帮助。虽然这次我是幕后的技术支持，但是仍然为框框的想法和工作点赞，并且为我们的作品感到骄傲，希望有更多前辈们可以在网站上留下您宝贵的经验~
+
+框框大学：https://www.kkdaxue.com/
+
+![](https://pic.yupi.icu/5563/202311031442902.png)
+
+一张很有趣的截图哈哈：
+
+![](https://pic.yupi.icu/5563/202311031442666.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\351\235\242\345\220\221UP\344\270\273\347\232\204\345\233\242\345\273\272.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\351\235\242\345\220\221UP\344\270\273\347\232\204\345\233\242\345\273\272.md"
new file mode 100644
index 0000000..2500ea0
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\270\200\346\254\241\351\235\242\345\220\221UP\344\270\273\347\232\204\345\233\242\345\273\272.md"
@@ -0,0 +1,71 @@
+# 一次面向 UP 主的团建
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+正如标题，这个周末，我有幸参加了一次面向 UP 主的团建，经历了很多第一次。
+
+团建的地点是上海佘山某乡村俱乐部，刚来到这里，我就被青山绿水、浓浓的乡村气息所感染了。对于一个平时很少出门的宅来说，真的太久没有接触过这样的环境了，于是忍不住拍来拍去。
+
+![](https://pic.yupi.icu/5563/202311031444977.png)
+
+过了一会儿，其他同学也陆续到了，基本都不认识，贼尴尬。但通过团建主持人的一番操作，很快气氛就变得融洽了，大家互相也都有了个基础印象。
+
+我是第一次见到这么多活的 UP 主，有诸如字节系顶流科普 UP、小破站头部知识区 UP 等巨佬，也有还在成长、寻找创作方向或破圈的同道中人。
+
+晚上，我们搞起了篝火晚会，这也是我第一次和其他同学一起围在篝火旁讨论话题，交流分享自己的创作心得和人生感悟。
+
+![](https://pic.yupi.icu/5563/202311031444608.png)
+
+其中有一个话题是：你为什么做视频分享？
+
+我听到了不同的答案：
+
+- 有人做视频，是为了商业化。
+- 有人做视频，只是单纯的喜欢。
+- 有人做视频，是为了能给大家留下价值。
+- 有人做视频，是为了提高自己的影响力。
+- 有人做视频，希望能帮助到更多曾经的自己。
+
+但无论目的是什么，大家都很有自己的想法、知道如何表达自己的想法，并且努力坚持去实现自己的目的。
+
+此外，在这个流量时代，很多视频创作者都会因为流量而影响心情，但也有完全不在意这些的 UP，用他的话说：我做视频是为了自己爽，我每次看完自己的视频，都想大呼 “牛皮”，这就够了。
+
+说实话，曾经的我也是这样的，而现在的自己，却很容易被一些客观因素影响了节奏。感谢这位朋友，让我仿佛又找回了对视频制作那份纯粹的热爱。
+
+![](https://pic.yupi.icu/5563/202311031444984.png)
+
+让我记忆深刻的是，篝火晚会结束的那一刻，天空竟然出现了阵阵烟花，绚烂无比。要知道，烟花在上海可不是说放就能放的，而且自己很多年都没放过烟花了（保护环境人人有责），因此主办方的用心着实让我感动。
+
+![](https://pic.yupi.icu/5563/202311031444425.png)
+
+当晚，我们没有回家，而是原地露营。
+
+我也是第一次在户外过夜，凌晨两点在湖边走走、看看星空、喝喝西北风，别有一番韵味。
+
+![](https://pic.yupi.icu/5563/202311031444982.png)
+
+我们都是睡在自己搭的帐篷里，虽然第一次睡帐篷有点小激动，但说实话，挺不习惯的。上海昼夜温差大，晚上也贼冷，因此几乎整夜都蜷缩在睡袋里，难受的一批。
+
+![](https://pic.yupi.icu/5563/202311031444833.jpeg)
+
+第二天上午，我们来到高尔夫球场，这是我从小只在电视上看到过的、梦寐以求的运动，没想到真的实现了，而且主办方团队很大气，基本我们每个人都能挥杆到手软。可惜就是打的太菜了哈哈，希望等老了可以有机会多多练习。
+
+![](https://pic.yupi.icu/5563/202311031444471.png)
+
+下午，我第一次接触到了植物印染，就是收集各种散落的树叶、花瓣等等，把它们用胶带粘到纸上，然后拿锤子玩命儿锤它们，小锤 40、大锤 80，用植物的汁液来作画。
+
+这个不难，我觉得自己做的还不错，挺有天分的，可以转行 “会画区” UP 主了。
+
+![](https://pic.yupi.icu/5563/202311031444778.png)我的作品，猜猜画的啥
+
+团建结束后，我仍然意犹未尽，老实说，这是我做 UP 后第一次真正意义上的放松，虽然团建期间产生了不工作（创作）的悖德感，但很快就释然了。去他呀的工作！生活也是很重要的啊！
+
+![](https://pic.yupi.icu/5563/202311031444287.png)
+
+不过等我回到自己家中，坐到电脑前，我又不得不回到了现实：放松过后，该干的还是得干啊！
+
+话说，最近被服务器返现这活动弄得压力非常大（因为多了太多必须处理的消息），所以在内容创作这一块的输出变少了。后面我打算还是把重心放在学习 + 内容上，并且改善下自己的生活习惯，所以后面直播就随缘吧，谢谢大家的支持。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\272\214\345\215\201\345\233\233.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\272\214\345\215\201\345\233\233.md"
new file mode 100644
index 0000000..c7f159a
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\272\214\345\215\201\345\233\233.md"
@@ -0,0 +1,41 @@
+# 二十四
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+鱼皮又大了一岁，活了两轮了。
+
+但这一年我感觉自己长大了可不止一岁。
+
+今年真的发生了太多我之前想都不敢想的事情了，比如自媒体做到全网百万粉、建立了万人社群、GitHub 做到中国区 Top 40、工作上也有幸做了新人导师等等。。
+
+**但得到的越多，失去的也就越多。**
+
+实话说，今年我并不快乐。
+
+网暴、举报、造谣、欺诈、利用，这些电视剧、热搜里可能才会出现的剧情真实地发生在了我的身上，也让我领略到了江湖和人性的险恶。
+
+毫不夸张，今年我 emo 的天数可能比整个 “前半生” 都要多。各种事情带来的精神压力真的太大了，就像达摩克里斯之剑一直悬在头顶。
+
+渐渐，我的性格也从有话直说变成了有话不说。
+
+因为说多就会错多，有人正等着我犯错。
+
+不过我觉得自己又是无比幸运的，在最年轻的时候就经历了这些。说真的，比看几十本书带给我的成长都要多。
+
+这一年，我学会了接受这个世界、他人的异同，能够客观地分析别人的观点和认知，弥补自己的缺失。
+
+这一年，我学会了管理自己的情绪，喜怒不形于色，也不再因为情绪而做出了错误的判断。
+
+这一年，我学会了换个角度看问题。感谢支持我的朋友，你们是我前进的动力，但我也会注意不掉进 “蜜罐陷阱”；感谢质疑我的朋友，他们是我的监督者，让我时刻保持理性。
+
+哪怕有很多莫须有的质问和怀疑，我也不会再逃避和抱怨，只会更加努力，让时间来证明一切。
+
+![](https://pic.yupi.icu/5563/202311031434126.png)很喜欢的歌词
+
+忘了是谁曾经说过：“一个真正的 man，一个真正的男人，他清楚自己要做什么。如果你真的想要看这个人，是一个男孩还是男人？不要去看他的 body，看他的心。”
+
+我很喜欢这句话。也希望我可以保持自己的初心、追求自己的野心、坚定自己的信心，在 24 岁这一年继续带着无限的热情、义无反顾地往前跑，用我最爱的事业给我最爱的人最好的生活。
+
+当然，身体和头发更重要哈哈哈，朋友们都要注意身体呀！
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\273\212\345\244\251\357\274\214\346\210\221\350\246\201\346\220\236\344\273\266\345\244\247\344\272\213\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\273\212\345\244\251\357\274\214\346\210\221\350\246\201\346\220\236\344\273\266\345\244\247\344\272\213\357\274\201.md"
new file mode 100644
index 0000000..0dcc556
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\344\273\212\345\244\251\357\274\214\346\210\221\350\246\201\346\220\236\344\273\266\345\244\247\344\272\213\357\274\201.md"
@@ -0,0 +1,236 @@
+# 今天，我要搞件大事！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，在准备了 4 个多月后，今天我终于决定搞一件大事：**正式开放我的编程知识星球【编程导航】** ！
+
+这是一个注重 **实践经验** 的编程学习宝地，可以全方面地帮助大家提高编程能力、养成好的学习习惯、找到志同道合的学习伙伴、拿到更好的 offer。**试运营 7 天，就已经有 1400 多名小伙伴加入~**
+
+![](https://pic.yupi.icu/5563/202311031436759.png)鱼皮的知识星球
+
+很多朋友可能还不了解什么是知识星球，下面给大家简单介绍一下。
+
+## 什么是知识星球？
+
+知识星球是一个 **付费** 知识圈子，可以理解为付费加入的 QQ 群。（知识星球 == QQ，鱼皮的知识星球 == 鱼皮创建的 QQ 群）
+
+在星球中，除了星主鱼皮会 1 对 1 **回答大家的问题** 、引导大家学习和求职外。所有加入星球的同学都能 **分类** 阅读和分享知识、共享星球内的 **全部资源**（各种视频教程、电子书源文件、软件、鱼皮原创的学习路线等）、参与打卡、和伙伴交流等等。从而提高学习的动力，收获知识和友谊。
+
+知识星球支持 APP、网页端和小程序，因此可以 **随时随地** 使用，每天只需花十几分钟阅读一圈、记录分享今日的收获，一年后必将收获满满！
+
+手机端截图：
+
+![](https://pic.yupi.icu/5563/202311031436206.png)
+
+> 移动端知识星球
+
+网页版截图：
+
+![](https://pic.yupi.icu/5563/202311031436590.png)
+
+> 网页版知识星球
+
+大家要进一步了解体验 的话，可以下载一个知识星球 APP（体验最好）或微信搜索知识星球小程序~
+
+## 星球价格
+
+星球原价 **300 元一年** ，目前第一波加入的同学限时优惠 **60 元** ，只需 **240 一年** ！后面随着人数的增多会持续涨价。
+
+名额有限，先到先得，**仅限这一波就恢复原价** ，请长按下面的海报扫码加入（可以抢到前排编号）：
+
+![](https://pic.yupi.icu/5563/202311031436604.png)
+
+> 长按扫码领券加入
+
+考虑到学生党，每位朋友加入后要给自己定一个目标，目标完成后是可以享受 **全额退款** 的（需扣除手续费）！！！比如考研、进大厂、进某某公司、拿到满意薪资的 offer、考有些难度的证书、参加竞赛拿奖等都可以~
+
+🎁 已入职大厂 / 拿到大厂正式 offer 的同学可限时 **免费加入** ，添加鱼皮微信 yupi5927 备注【大厂】即可，但加入后必须在星球中发布完整的自我介绍，分享个人的经验和经历（就当是票价了~）。
+
+下面给大家介绍一下鱼皮知识星球的特点、加入星球后能做些什么？能收获些什么？我是否适合加入星球？帮助大家考虑。
+
+## 鱼皮的知识星球特点
+
+除了随时阅读星球内的知识外，鱼皮的【编程导航】知识星球将提供以下 **特殊服务** ：
+
+#### 1. 免费下载海量编程学习资料
+
+包括鱼皮原创学习资料、几千本各方向的编程电子书、各类付费课程 / 源码 / 软件、大家的分享等。鱼皮会对资源进行分类整理，所有资源都可 **直接搜索和下载** 。可以说，进了星球后，几乎不用在其他地方搜索编程资源了！
+
+即使暂时没有的资源，只要提了需求，我们也会尽力帮大家搜集并分享。
+
+给大家透露其中一些内容（好东西太多了）：
+
+![](https://pic.yupi.icu/5563/202311031436602.png)
+
+![](https://pic.yupi.icu/5563/202311031436604.png)
+
+####  2. 1 对 1 交流答疑 
+
+星球内的小伙伴可以直接向星主鱼皮提问，我会帮大家解决编程学习、求职、做项目上的困惑。知识星球的好处就是，只要回答过的问题，大家都能看到和评论，从而获得更中肯的建议（而不是我的一言堂）。
+
+举个例子，有同学问我做项目如何抓住重点：
+
+![](https://pic.yupi.icu/5563/202311031436538.png)
+
+> img
+
+#### 3. 全方位求职指南和建议
+
+包括定目标、简历优化、刷题备战、求职时机、大厂动态、内推机会、面试技巧、Offer 选择等一条龙服务。
+
+加入星球后，鱼皮会免费帮大家定制目标、**免费修改简历**、提供求职建议，并且帮助大家关注大厂招聘动态，抓住第一波机会，同时省去大家搜索资源的麻烦。
+
+![](https://pic.yupi.icu/5563/202311031436966.png)
+
+> 免费优化简历
+
+#### 4. 鱼皮等几十位大厂同学的独家经验分享
+
+分享内容包括但不限于编程学习、编程技巧、职场晋升、时间规划、产品、项目、运营、自媒体创作等。
+
+虽然之前鱼皮已经分享过很多学习 / 求职经验了，但迫于公网创作压力，很多内容没有分享，而星球就是我的一个私密圈子，可以更掏心窝地给大家分享经验和资源。除了鱼皮之外，也会定期邀请其他大厂同学给大家分享。（我的大厂后援团要派上用场了！）
+
+#### 5. 技术圈，自由的编程技术学习分享平台
+
+所有同学都可以在星球中学习探讨技术。鱼皮会给大家一些写作和学习上的建议，让大家爱上分享，对工作也有很大的帮助。
+
+比如我也会把工作中用的技术分享给大家（当然是脱敏的）：
+
+![](https://pic.yupi.icu/5563/202311031436295.png)
+
+#### 6. 读书会，自由的好书推荐和阅读交流平台
+
+大家可以在星球中分享优质书籍和读书心得。鱼皮会给大家一些写作和学习上的建议，让大家爱上读书、坚持读书。
+
+比如下面这位同学分享的书籍：
+
+![](https://pic.yupi.icu/5563/202311031436072.png)
+
+#### 7. 定期的星球内部专属直播
+
+这是本星球的一大特色，基本每周星球内都会开专属直播，会给大家预留面对面开麦交流分享的时间，并能够随时观看回放。
+
+比如分享编程学习、校园成长、求职、转正、晋升等经验，带大家做项目、看项目、探讨问题等。除了鱼皮一个人哔哔外，还会不定期邀请大咖嘉宾分享哦~
+
+比如近期的几场直播，会带大家从 0 到 1 做出来一个完整的全栈项目，感受整个项目的开发流程；还有我自己独家的编程学习、自媒体创作经验分享，相信这几场直播可以帮大家值回票价~
+
+![](https://pic.yupi.icu/5563/202311031436318.png)直播安排表
+
+为了不错过直播，还是请大家尽快加入哦~
+
+![](https://pic.yupi.icu/5563/202311031436604.png)
+
+> 长按扫码领券加入
+
+#### 8. 打卡活动
+
+星球内部有打卡活动，比如春招备战等，可以帮助大家养成好的习惯，和小伙伴们一起学习备战、共同进步。
+
+比如下面这位小伙伴的打卡，星球内学习氛围超级好！
+
+![](https://pic.yupi.icu/5563/202311031436434.png)
+
+#### 9. 学习伙伴
+
+无论你学习什么方向，在校园还是已经就业，都能找到和你同样情况的小伙伴，大家可以讨论心得、合作项目、组队参赛、代码互阅等代码互阅等，做到 1 + 1 > 2。鱼皮还会直播开发系统来帮大家找伙伴哦，咱技术人的星球，必须来点不一样的！
+
+加入星球后，还有 **星球专属群** ，进来的同学基本都是爱学习想进步的，所以群内的氛围非常地好~
+
+#### 10. 完成项目
+
+项目可谓是求职的核心竞争力。
+
+鱼皮会通过优质项目推荐、源码分享和方法引导，带你完成自己的主打项目。注意，重点在于 **引导** 大家，给大家做项目的思路和方法，而不会说每个人都手把手教大家敲代码。
+
+有了自己的项目，非名校一样有机会逆袭致胜！
+
+分享一位星球中小伙伴做的项目，评论区内大家针对项目讨论了一番，相信能帮这位小伙伴把项目做的更好：
+
+![](https://pic.yupi.icu/5563/202311031436679.png)
+
+#### 11. 鱼皮所有项目的永久免费及优先使用权
+
+比如无法在外网公开的面试鸭（面试刷题网站）、编程导航（编程资源网站）等。而且后面可能还会提供免费服务器给大家练手、现成的后端服务给前端小伙伴调试、现成的图床等（看朋友们的需求，我会尽力满足）。同时也会给大家分享更多做这些项目的思路方法。
+
+![](https://pic.yupi.icu/5563/202311031436825.png)
+
+> 面试刷题网免费使用
+
+#### 12. 其他福利
+
+比如节日抽奖、送书送课、送付费软件、球友线下聚会等。大家都是付了钱的，说话硬气点！
+
+## 星球嘉宾
+
+鱼皮已经邀请了仅 10 位大咖嘉宾入驻星球，包括华为天才少年、B 站百大 UP 主【稚晖君】、复旦大学 B 站百大 UP 主【取景框看世界】、GitHub 10w+ star 项目作者【JavaGuide】，以及公司创始人【白瑞】、资深前端老兵【王德福】等等。
+
+后面鱼皮会不定期邀请这些入驻星球的嘉宾来给星球内的朋友们 **直播分享** 哦！
+
+![](https://pic.yupi.icu/5563/202311031436149.jpeg)
+
+还有很多大佬会陆续邀请，看大家的兴趣啦。
+
+此外，鱼皮还会邀请一些大厂的常驻嘉宾，一起来回答大家的问题，敬请期待~
+
+## 我适合加入么？
+
+💪🏻 本星球只欢迎想进步的同学，躺平党勿扰！！！
+
+如果你是以下情况，非常欢迎您的加入：
+
+1. 正在学习编程，但偶尔感到迷茫，没有方向
+2. 想提高编程能力，积累更多技术知识
+3. 想靠自己的努力拿到更好的 offer 和高薪
+4. 觉得学习很难坚持，想找伙伴一起进步 / 组队
+5. 没有自己的项目，想学习做项目的经验和方法
+6. 想 “偷懒” 省事，领取一些编程资料、阅读整理好的信息
+7. 想和博主（鱼皮等）近距离交流，获得更多经验和第一手信息
+8. 想要养成创作和分享的习惯
+9. 喜欢知识分享，想在小圈子里收获更多忠实粉丝
+
+以下情况，**不适合** 加入：
+
+1. 不需要 / 不喜欢组队学习的氛围
+2. 有自己的圈子，不需要额外的交流和讨论区
+3. 稳定工作 >= 3 年，有自己成熟的经验和方法，知道自己后面该干什么
+4. 只希望在星球中获得深度技术知识
+5. 不考虑持续学习，只是想凑热闹
+
+虽然星主鱼皮的个人方向是以后端 Java 开发和前端为主（区块链跟老师合作出过书，Go、C++、图像处理、大数据等内容有所涉猎），但星球内的分享不限于这两个主流的方向，它是一个 **学习圈子** ，有很多同方向的伙伴可以一起交流，鱼皮也会邀请不同方向的大咖嘉宾来给大家分享~
+
+星球原价 **300 元一年** ，目前第一波加入的同学限时优惠 **60 元** ，只需 **240 一年** ！后面随着人数的增多会持续涨价。
+
+名额有限，先到先得，**仅限这一波就恢复原价** ，请长按下面的海报扫码加入：
+
+![](https://pic.yupi.icu/5563/202311031436604.png)
+
+> s长按扫码领券加入
+
+最后，再给大家解释一下为什么定这个价格？
+
+## 为什么是这个价格？
+
+1. 知识星球的运营 **极其麻烦** ！定价高点，不仅能坚定我的决心来为大家提供更好的服务、也能坚定想加入同学的决心。对我来说，哪怕卖的少点，我也会保证加入星球的同学的质量（都是想进步的），而不是像免费的交流群一样 **鱼龙混杂** 。
+
+2. 星球里鱼皮会和大家有很多互动，比如一起做项目等。如果免费加入的话，很多同学反而会偷懒、不珍惜机会。仔细想想大家是不是这样的呢？
+
+3. 我早期做过实验，邀请了一批同学免费加入，结果互动很少；而付费的同学加入后，大家都变得很积极，情绪真的会传染。
+
+4. 希望加入进来的同学能够 **坚持学习** 。如果这个星球真的帮助你达成了目标（通俗一点，比如涨了工资），回过头来你会发现，这绝对是你 **最值的一笔投资** ！
+
+5. 考虑到学生党，每位朋友加入后要给自己定一个目标，目标完成后是可以享受 **全额退款** 的（需扣除手续费）！！！比如考研、进大厂、进某某公司、拿到满意薪资的 offer、考有些难度的证书、参加竞赛拿奖等都可以~ 也是给大家一个激励吧。
+
+   
+
+------
+
+
+好嘞，最后再次感谢大家的支持，我会尽自己最大的努力持续完善和维护星球，让大家都能有所收获！
+
+要加星球的小伙伴请长按下面的海报扫码加入哦，**仅限这一波就恢复原价** ，欢迎大家！
+
+![](https://pic.yupi.icu/5563/202311031436604.png)
+
+> 长按扫码领券加入
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\345\270\256\351\230\277\351\207\214\344\272\221\346\213\211\346\226\2607000\344\272\272\357\274\214\346\210\221\350\276\223\347\232\204\345\276\210\345\275\273\345\272\225\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\345\270\256\351\230\277\351\207\214\344\272\221\346\213\211\346\226\2607000\344\272\272\357\274\214\346\210\221\350\276\223\347\232\204\345\276\210\345\275\273\345\272\225\357\274\201.md"
new file mode 100644
index 0000000..d27c458
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\345\270\256\351\230\277\351\207\214\344\272\221\346\213\211\346\226\2607000\344\272\272\357\274\214\346\210\221\350\276\223\347\232\204\345\276\210\345\275\273\345\272\225\357\274\201.md"
@@ -0,0 +1,79 @@
+# 帮阿里云拉新 7000 人，我输的很彻底！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 双十一服务器活动小结
+
+大家好，我是鱼皮。
+
+这个月，我花了很多时间带大家搞 阿里云双 11 领服务器活动，总共拉了 7000 人，排行榜前四里面有三个都是我，名副其实的销冠！
+
+![](https://pic.yupi.icu/5563/202311031450701.png)
+
+但得到这个战果的背后，可没有那么简单。所以今天来做个小总结，主要是分享我参与这次活动的经验方法和心路历程。
+
+### 准备阶段
+
+参与这个活动的初衷很简单，就是为了钱。而且带读者朋友们领一台服务器，本身也很不错。
+
+但想赚更多钱，就得拉到更多人。
+
+怎么拉到更多人呢？
+
+**兵贵神速！** 想参与活动的用户是有限的，先下手为强！
+
+但这个活动有两个难点，也是 **坑点** ！
+
+第一个就是拉的人数也不能太多，一旦一个号超过 1500 人，每多拉一个人基本就会亏 30 元左右。因此我打算多准备几个号，一个满了换另一个。
+
+还有个难点就是只有新用户才能参与活动，但官方对新用户的定义又含糊不清，因此只能通过自己阿里云大使后台的关联信息来判断大家是不是我拉来的新用户。人数很多，又不能一个个去查，因此发挥咱程序员的优势，写了个网站支持大家在线查询。
+
+考虑到这个活动可能还有很多的不确定性，我提前定制了一套完整的活动方案，包括怎么提起大家的参与兴趣、从哪些渠道去推广引流、如何保证大家参与活动不出岔子、如何更轻松高效地返现等。在这之后，我又自己摸索了一番，还找了几个同学，一起验证整个方案的可行性。
+
+### 拉人阶段
+
+就这样，活动开始日期是 11 月 1 日，但我在 23 号就对外发出了活动通知。为了估算参与度（控制人数），我先在群里小规模推广，然后拉一些同学入 QQ 群。等采集了一些样本数据后，我又根据自己的流量大小陆续开始在其他渠道也做了推广（比如公众号推文），一个群满了就拉另一个，就这样，慢慢拉够了 7000 人左右（多出 1000 是因为可能有鸽子不买）。为了装下这么多同学，我还花了 1000 元左右去开满了 3000 和 2000 人群。
+
+在这之后，就是定期把我得到的活动消息在群里同步给大家。因为活动第一天要冲榜，所以反复提醒大家购买时间和操作步骤，生怕搞错了。
+
+### 抢购阶段
+
+终于，11 月 1 日到了，0 点时，我开了直播带大家一起参与活动，一直忙到凌晨 4 点左右，然后第二天早上 7 点半起床给大家录制了购买教程视频，继续解答大家的问题。
+
+让我寒心的是，我群里拉了 7000 多个小伙伴，也有近 6000 人填了表单说第一天会参与的。结果第一天只有 **一半左右** 的人买了！！！
+
+![](https://pic.yupi.icu/5563/202311031450977.png)
+
+这让我慌的一批，因为每个号人数不够 1500 是没法领到预期的活动奖金的，相当于我自己掏钱给大家买服务器。于是，我又抓紧拉了 2000 多个小伙伴。结果这些鸽子同学后面又陆陆续续睡醒了，天天问我 “现在还能买么？”。导致最后，总人数没控制好，超了 1000。。。
+
+在活动期间，阿里云反复变更活动页面，让我和很多小伙伴蒙的一批。于是，那些天我的 QQ 一直特么滴滴滴滴，后来 QQ 也暂时爆了，甚至是我找来帮忙的小伙伴也被封号了。
+
+### 返现阶段
+
+本来以为返现会很顺利的，因为我是写了个程序，从大家填的返现表中读取到转账信息，然后经过我的程序和某付宝的校验后，又通过官方渠道自动批量转账的。
+
+结果批量返现后，一大波同学找我说没收到返现，这些同学中，有填了两次信息的（我没法知道哪次是正确的，所以稳妥起见，没有自动处理）、有填错信息的（外号当姓名）、有没买服务器来骗钱的、还有收到了钱说没收到的。于是，我得在工作之余处理这些消息，巨耗时间。
+
+### 最终战况
+
+开头也说了，我最后拉了 7000 人。阿里官方也没有想到这次的活动竟然如此火爆，准备的拉新红包奖励不足，结果听说奖池第一天就被抽干了！后面再抽也没大奖了。。。
+
+以至于我一直等到活动的最后一天，都没有开红包。一直在跟客服持续对峙，希望他们能补充红包池，而官方只是说：池子没有空，抽不到大奖是概率问题。
+
+说白了，要是我开几千个包都开不到大额红包，就是我点背儿。
+
+![](https://pic.yupi.icu/5563/202311031450981.png)
+
+官方同学之前的解释是：你拉新的同时，红包金额其实就已经锁定了，早开晚开都一样。那按道理来说我第一天就拉了几千人，起码得有些大奖吧（我的其他朋友第一天平均开的红包金额是 60），但事实真的如此么？等我验证一下再做定论吧。
+
+### 最后总结
+
+参与这个活动，我肯定还是赚了，但整个过程我承受了太大压力、严重影响了生活作息和头发。我粗略统计了下，光返现我就花了得有 40 多个小时，整个活动花费的时间和精力就更不用说了。还真赚钱种头发了呗？！
+
+活动期间，阿里云官方话术的精妙、灵活高效的决策、自由变换的活动页面真的搞得我心态崩的不行，一方面是影响了一部分小伙伴参与活动的体验，另一方面是最终我还未必能拿到活动开始前的预期收入，真的难受的一批。
+
+![](https://pic.yupi.icu/5563/202311031450978.png)
+
+但无论如何，还是感谢大家的支持。究竟这个活动能给我带来多少收入？阿里到底是人是 🐶 ？让我们拭目以待。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\271\237\346\213\245\346\234\211\344\272\20610\344\270\207\347\262\211\344\270\235.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\271\237\346\213\245\346\234\211\344\272\20610\344\270\207\347\262\211\344\270\235.md"
new file mode 100644
index 0000000..caebb3b
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\271\237\346\213\245\346\234\211\344\272\20610\344\270\207\347\262\211\344\270\235.md"
@@ -0,0 +1,246 @@
+# 我也拥有了10万粉丝
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 感谢大家 ❤️
+
+大家好，我是鱼皮。
+
+今年 2 月份，我开始正式在 B 站更新视频，经过 6 个多月，我的 B 站粉丝数终于突破 10 万啦！
+
+![](https://pic.yupi.icu/5563/202311031343522.png)
+
+由衷地感谢所有关注我的朋友，谢谢大家！
+
+![](https://pic.yupi.icu/5563/202311031343574.png)
+
+如果让我分享自己运营 B 站、制作视频的一些心得感悟，那我写 10 万字都写不完。倒不是因为我会的多，而是这里面的学问实在太大、水太深了，我到现在还没摸明白呢！
+
+那今天就来回答大家关注的一些问题，做个小小的分享。
+
+#### 为什么在 B 站做视频？
+
+**涨粉！**
+
+这就是我的答案。
+
+了解我的朋友应该知道，我最早开始创作视频是在 20 年，在抖音发布了我的第一个短视频。
+
+虽然没人看，但我仍然在不断地录制、不断地发一些编程知识、面试题的视频，因为当时我的目的很简单：通过录制和分享帮助自己复习知识，仅此而已。
+
+抖音发了 8 个多月的视频后，我开始在公众号写作。
+
+说实话，在做公众号之前，我从来没想过这东西能赚钱。当时纯粹是因为国庆假期玩游戏累了，有点无聊、没事干闲的，于是想写就写了。
+
+![](https://pic.yupi.icu/5563/202311031343441.png)
+
+但后来，自己用心创作了很多篇文章，却没有多少人看到，心里多少还是会有些难过。因此，我想积累更多的粉丝，把知识分享给更多需要的朋友。
+
+起初我是通过抖音平台往公众号引流，但无奈抖音的算法确实厉害，没过多久，基本把所有可能引流的关键词全部封杀了。
+
+于是我开始尝试在 B 站发视频，刚开始发了一堆，视频质量低，播放量不过百。于是我就没继续发了，而是在等一个机会。
+
+后来，合成大西瓜游戏火爆一时，我的机会来了，通过 B 站录制魔改教程获得了人生中第一个超过 10 万播放的视频，吸引了 1000 多个粉丝。
+
+![](https://pic.yupi.icu/5563/202311031343783.png)
+
+**顺势而为！**
+
+于是，我开始学习 B 站的玩法，去看别人的视频，并且认真地录制了一个长视频，收获了超过 10 万播放量，涨粉 3000 多。接下来又录制了两个视频，播放量也都破了 5 万，这让我坚定了信心：能行！
+
+然后就走上了秃头之路。
+
+![](https://pic.yupi.icu/5563/202311031343517.png)
+
+那 **涨粉** 是为了什么呢？
+
+为了钱？的确，从我第一次在抖音发视频，就有很多喷子说我是营销号。但事实上，很多的创作者，尤其是知识创作者，更尤其是编程知识创作者，在刚开始分享知识的时候，都不知道靠这个能赚钱，我自己也是一样。
+
+其实我涨粉的目的更多的是 **给自己的未来做推广** 。我从小就喜欢摸索一些东西，学编程后也喜欢做网站、做项目，也在大学期间感受过没钱、没流量去推广项目的绝望。说真的，我很希望自己用心做的项目能被更多人看到，为更多人带来价值。我相信大家也一样。
+
+但家里又没什么钱，我能靠谁呢？
+
+所以，卷王行动起来了，如今看来，值得！
+
+#### 你的创作方向到底是什么？
+
+从数量上看，6 个月的时间，光在 B 站平台，我就发布了 90 多个视频（早期很多都删掉了），平均 2 - 3 天一个；公众号半年写了 120 多篇原创文章，且 80% 以上的文章都在 2000 字以上，平均不到 2 天一篇。
+
+虽然创作了这么多，但说实在的，我还是没有找清楚自己的定位。我的分享包括但不限于自己的编程学习经历、求职经验、编程学习路线、避坑指南、技术知识、实战项目、工作经历、优质资源、大厂技术、开源项目等。虽然做过很多尝试，但都没有达到自己的预期。
+
+索性就继续做编程知识领域的全方位干货分享吧！
+
+![](https://pic.yupi.icu/5563/202311031343519.png)
+
+也有人说过：鱼皮你的文章没有干货，怎么全是你自己的事？
+
+首先我要说，你肯定没有经常读我的文章，我都是按照一定节奏持续分享 **技术 + 经验** 的。
+
+**何为干货？**
+
+我认为：能让人看懂，对你有帮助的，就是干货。
+
+每个人见识不同、思想不同，同一篇文章，可能对你没用，但也许能帮助到更多人。
+
+所以，不必怀疑自己的创作，只要 **用心** ，不会差的。
+
+#### 有没有涨粉秘诀？
+
+一句话：用心做视频，讨巧做推广。
+
+想涨粉之前，先问问自己：别人为什么要关注你？
+
+那我则反其道而行之，我会以一个粉丝的角度，问问自己：我会关注什么样的人？
+
+用心分享的、努力实干的、有创意的、正能量的、能带我进步的，我都会关注。
+
+![](https://pic.yupi.icu/5563/202311031343425.png)
+
+我很少为因为一个视频去关注别人，而是更倾向于关注干货多的 UP 主。因为我关注的是人，而不是作品。我相信一个真正有东西的人，会持续为大家带来干货和惊喜，而不是昙花一现。这也是我一直在追求的东西 —— 人设。
+
+我一直在找到自己的人设，虽然没什么创意，但貌似也快成型了，就 “卷” 呗！
+
+我相信很多关注我的朋友，是因为看到了我的努力、看到了我带动大家学习的积极态度，希望和我一起成长进步。
+
+> 如果不是，怪我自作多情了哈哈哈！
+
+所以，想涨粉，光有视频播放量是不够的，自身要有能吸引大家的东西，可能是你积累的知识、可能是能让大家开心的幽默、可能是闭月羞花的颜值，不妨问问自己，能吸引大家的东西是什么？
+
+有人 100 万播放涨 100 粉，有人 1 万播放量涨 1000 粉，就是这个道理。
+
+**那如何提高播放量呢？**
+
+对不起，我也想问啊！
+
+![](https://pic.yupi.icu/5563/202311031343358.png)
+
+目前我积累到的方法是：先学习 B 站的稿件推荐机制、给作品起个一针见血的标题、换上简洁干净的封面、打上相应的标签、然后拉你身边的人去给你点赞。。。
+
+还有就是我自己的绝招：一个视频播放量没人家高，我就多肝几期，努力会有机会的！
+
+#### 直播涨粉快么？
+
+一句话：直播涨粉不快，但累是真累啊！
+
+直播中，你无法专注地做事，要回答小伙伴们各种各样重复的问题，要在面对喷子时依旧脸上笑呵呵，还时不时翻车。导致我现在都有后遗症，下播后闭上眼睛看到的全是弹幕、说话时动不动就 “大家好”、“大家看”。。。
+
+![](https://pic.yupi.icu/5563/202311031343378.png)
+
+**那我为啥要直播呢？**
+
+一方面是大家消息太多了，我实在回复不完，就想通过直播集中回答一波消息；另一方面，直播的确能够提高互动率，让大家对你这个人有印象，而不只是你的作品；还有就是我个人的兴趣爱好吧，有时候跟大家聊聊天，也能缓解下压力。
+
+但说真的，性价比不高，若不是兴趣，我也很难坚持。
+
+#### 为什么你能更新地那么勤快？
+
+看了评论区，很多刚认识我的朋友被我的视频更新频率吓到了，甚至以为我是全职 UP！
+
+还有人问：**你的时间为啥这么多，不上班么？**
+
+首先，我要说，我工作真的是很认真很认真的，无论如何，我始终把工作放到第一位，也因此才能有幸成为腾讯最新半年的 Outstanding Contributor 吧：
+
+![](https://pic.yupi.icu/5563/202311031343139.png)
+
+我的时间也并没有比别人多，一方面工作就认真工作、尽快完成工作、尽量不加班；另一方面，我只不过把午休时间、下班后的时间、尤其是周末全部都利用上了，每天做好规划、努力提高自己做事的效率罢了。
+
+还有一点很重要，我不会花时间在无意义的事情和消息上，而是时刻提醒自己：要继续完成下一个小目标、没有任何时间可以浪费。
+
+> 除了粉丝的消息哈哈，看到都会熬夜回的，但真的太多回不过来（强烈的求生欲）
+
+另外，我从来不会逼着自己做视频，而是想到什么点子就先记下来，好的点子继续思考完善，想做就做了。但也是无奈时间不够，直到现在，我还有 20 多个创意没来得及去录制视频。
+
+当然，持续努力确实是很难的。因此，更新地如此勤快的原因归根结底是来源于我自己对知识分享的 **兴趣** ，以及我想向关注或未关注我的所有人证明，努力真的是有用的。
+
+> 还有就是，我被百大 up 放过鸽子，也对一些大 UP 高高在上的态度有所不满，所以心中憋了一口气吧（我超记仇的）
+
+如果还是理解不了我更新勤快的原因，那可以这么想，别人出于兴趣熬夜打游戏，我出于兴趣熬夜做视频，仅此而已~ 而且高产的 UP 又不止我一个哈哈，比我高的多了去了。
+
+有压力才有动力，很多所谓的全职 UP 主，实际上还真不一定高产。毕竟时间越多，越容易松懈，我自己就是这样，周末贪睡，平时工作时反而能高产。
+
+#### B 站让你有了哪些变化？
+
+最大的收获是有了很多支持我的朋友，让我在知识分享这条路上不那么迷茫了，也有更大的动力去创作优质内容，真的很感谢大家！
+
+还有就是通过和粉丝朋友的交流，我看到了更多之前看不到的东西，了解到了更多小伙伴学编程时的困难和百味人生。也让我对人生有了不同的感悟，学会了更多换位思考。
+
+还有就是压力变大了，以前粉丝少，对自己的创作没那么严格，想做就做，想写啥就写啥。但现在也会考虑 **面向读者分享** ，想帮助到更多同学吧，因此有时候也会逼自己一把，熬夜肝视频什么的。。。
+
+![](https://pic.yupi.icu/5563/202311031343426.png)
+
+#### 遇到什么困难？
+
+做视频的过程中，的确遇到了很多困难。
+
+首先是录制难，刚开始出镜时，我非常不自然，面对镜头支支吾吾阿巴阿巴，一句台词反复录个好多遍，而且眼神也是死死盯着镜头。目前虽然还是会把 5 分钟的视频录成 50 分钟，但已经比之前好了很多，相信以后会越来越好。
+
+然后是剪辑麻烦，尤其是字幕！虽然有软件可以自动生成字幕，但编程的很多词汇生成的乱七八糟。而且对编程知识分享来说，专业度是很重要的，一定不能误导别人。因此每期视频我都会很认真地修正字幕，花上不少功夫。
+
+还有就是视频被官方限流，这是我前几天才发现的。最新的视频上了热门，本来 1 小时就涨了 2 万播放量，结果播放量突然不涨了，明显不对劲。后来问了客服才知道，评论区不能提 “抽奖”，只能删了视频重发。
+
+哦，原来我之前好几期视频都特么被限流了，吃大亏了！
+
+![](https://pic.yupi.icu/5563/202311031343788.png)
+
+还有就是让我感到无力的一点：粉丝朋友们的私信回不过来。一方面是大家的消息太多啦，一天几百条，回了一条还有一条；另一方面是我白天工作、晚上创作，时间真的很少，只能睡觉前回一下大家的消息，所以这个也的确没办法，我真的尽力了。
+
+#### 怎么看待恰饭？
+
+**恰饭是一定要恰的。**
+
+像我前面说的，大部分 UP 主做视频前并不知道自己能赚钱，也是后面才一发不可收拾。所以也能看到一些给自己立 Flag 不恰饭，结果后面越吃越香、啪啪打脸。
+
+![](https://pic.yupi.icu/5563/202311031343142.png)
+
+必须承认，恰饭给我增加了不少持续更新的动力，我也的确是需要这些收入来建设网站、购买设备、从而实现我未来的梦想的。
+
+但我不认为恰饭丢人，反而当你看到一个 up 主在恰饭时，你会知道， 他后面还会有原创，他还会为我们带来价值，还有关注的意义。
+
+像我自己，虽然恰饭不少，但同样的，我更新频繁，在工作日依然能做到平均两天带给大家一篇原创文章，纵观公众号圈，这个原创频率的作者又有多少？
+
+不恰饭的博主的确也很多，但相比之下，更新频率的确低了很多，而且又有多少作者真正能坚持？
+
+所以，当你关注的博主开始疯狂更新文章，不是因为他闲了，而是要开始恰饭了，后面你可以放心，哪怕是为了恰饭，他也会带给你更多优质的内容~
+
+![](https://pic.yupi.icu/5563/202311031343207.png)
+
+#### 怎么看待键盘侠？
+
+我是一个理性的人（理鱼皮），接受批评，而且乐于接受。所以评论区的小伙伴给我指出意见我都会认真回复，有些小伙伴也会因为先前对我的一些误会而道歉。
+
+但总有以下这么几种人：
+
+1. 用词不文明
+2. 明明不了解、也不去了解，就恶意评论
+3. 否定别人的努力
+
+![](https://pic.yupi.icu/5563/202311031343131.png)
+
+毕竟不同的教育程度和认知决定了一个人说出的话，我一般直接拉黑，我也希望大家不要做这种人。
+
+#### 未来的规划？
+
+虽然已经 10 万粉丝了，但我的视频还是没创意、没质量、没有高级感，和其他博主比起来差了很多。
+
+因此我也在努力了，一方面是买了很多设备、逐个研究；另一方面是多去向其他优秀的博主学习取经，努力给大家带来更好的分享。
+
+还有就是前段时间肝学习路线太累了，最近越发憔悴，之后尽量不熬夜了，养养身体，给大家一个正能量的努力，而不是往死里卷。
+
+时间有限，其他的规划留到下个 10 万~
+
+
+
+------
+
+
+我就是一个普通人，只不过出于兴趣而努力。
+
+最后再次 **感谢大家** ！我会继续努力地分享知识滴！
+
+⬇️ 还没关注鱼皮 B 站的小伙伴们，欢迎点击下方阅读原文点个关注啦，转发最新 B 站动态抽 10 万粉大红包哦 🧧🧧🧧
+
+我是鱼皮，**点赞** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311031343243.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\273\254\346\220\236\344\272\206\344\273\266\345\244\247\344\272\213\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\273\254\346\220\236\344\272\206\344\273\266\345\244\247\344\272\213\357\274\201.md"
new file mode 100644
index 0000000..dc2b23d
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\344\273\254\346\220\236\344\272\206\344\273\266\345\244\247\344\272\213\357\274\201.md"
@@ -0,0 +1,83 @@
+# 我们搞了件大事！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+一个月前，某位 B 站知识区的百大 UP 主（以下简称框框）找到我，说想和我一起搞个事。
+
+![](https://pic.yupi.icu/5563/202311031440900.png)
+
+我很好奇：“我除了会做网站，还会啥？找我干啥？”
+
+框框：“你也知道现在很多大学生在进入大学后会对学习、求职等等感到迷茫，也会因为很多负面情绪、低质信息而迷失了方向。这个时候，如果有人能给他们一些建议或指明方向是最好的。”
+
+我：“不能再认同了，像我自己也是受到了一些学长的启发才找到了学习方向。”
+
+框框：“所以我之前公开收集了很多来自各专业前辈的建议，相信可以帮助他们少走很多弯路。”
+
+然后框框给我发了一个他收集到的专业建议表格：
+
+![](https://pic.yupi.icu/5563/202311031440590.png)
+
+仔细一看，光是精选的建议就足足有 4500 多条！！！让我一整个震撼住了，这个工作量属实是太大了。
+
+框框：“随着这个表格里的建议越来越多，我会发现在线表格的形式并不利于大家查询和提交，也没办法去做一些点赞之类的操作，所以想找你来做一个网站，便于所有同学更好地检索和筛选专业建议。”
+
+虽然我平时很忙，但还是二话不说就答应了，而且整个人都激动了起来，全身的血液都在沸腾。因为这真的是一个非常非常有意义的事情。像我自己之前也想过去做一个计算机（编程学习）建议的网站，但由于工作量巨大，就一直搁置了。框框这次邀请我合作也算是替我圆了一个梦想哈哈。
+
+于是我们就开始讨论网站的样式、功能、业务流程、细节等等，确认之后，我就闭关开发了。
+
+![](https://pic.yupi.icu/5563/202311031440000.png)
+
+终于在一个月后，我们的网站【框框大学】上线了！
+
+> 地址：https://kkdaxue.com
+>
+> 刚刚上线，访问人数巨多，服务器带宽有限。如果打不开，请晚点再尝试。
+
+如图，网站非常简洁清爽，进入主页就能看到大大的搜索框和前辈们的建议了：
+
+![](https://pic.yupi.icu/5563/202311031440961.png)
+
+可以筛选你的专业，比如计算机科学与技术，就能看到对应的学习建议。很多内容真的是前辈们智慧和经验的结晶，我自己代入大学生的视角再来看这些建议，也会有种 “听君一席话胜读十年书” 的感觉哈哈。
+
+![](https://pic.yupi.icu/5563/202311031440543.png)
+
+还可以根据学历做筛选，了解读研给大家带来的收获，帮助自己做出选择：
+
+![](https://pic.yupi.icu/5563/202311031440639.png)
+
+当然啦，我们也非常希望有越来越多的学长学姐们给在校的同学提出一些建议，欢迎分享：
+
+![](https://pic.yupi.icu/5563/202311031440781.png)
+
+这个项目的工程量还是很大的，一方面是前期数据的收集、另一方面是需求的讨论与网站的开发实现，我跟框框来来回回沟通了很多次，也都消耗了大量的时间精力（他是博士，我是打工仔，我们都是利用业余时间去做这些事情）。
+
+目前网站已经有 5400+ 条建议，我们真切地希望它会对大家有帮助，也建议在校的同学们都来看一看。
+
+
+
+------
+
+
+再说说这个网站涉及的技术实现吧，其实还是比较简单的。我使用了 React + SpringBoot 主流技术栈开发，也没有用到多复杂的算法和设计。虽然出于安全性和版权的考虑，网站的代码不会开源，但毕竟唯一的开发者是我哈哈，在开发的过程中我抽象出了一套 **通用的信息展示类网站模板** ，有了这个模板基本大家要开发类似的网站全都是洒洒水~
+
+比如花个半小时，一个寻友网站就出来了。
+
+![](https://pic.yupi.icu/5563/202311031440125.png)
+
+今年国庆期间，我也在 [我的知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里用这个项目模板作为示例，带大家开展了一次项目训练营，分享了自己从 0 到 1 从设计、开发、优化到上线的完整做项目方法和经验，也帮助上百位小伙伴完成了项目。
+
+![](https://pic.yupi.icu/5563/202311031440132.png)项目训练营内容
+
+如果你需要这套项目模板、想系统地学习做项目的方法，欢迎加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)（点击了解详情），往期所有的项目讲解、源码、直播回放都可以看到，并且我会 1 对 1 解决你的问题。
+
+
+
+------
+
+
+OK，以上就是本期分享，午休结束，回见~
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\350\242\253\346\234\200\346\201\250\347\232\204\345\205\254\345\217\270\351\207\207\350\256\277\344\272\206\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\350\242\253\346\234\200\346\201\250\347\232\204\345\205\254\345\217\270\351\207\207\350\256\277\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..81dc3f7
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\210\221\350\242\253\346\234\200\346\201\250\347\232\204\345\205\254\345\217\270\351\207\207\350\256\277\344\272\206\357\274\201.md"
@@ -0,0 +1,139 @@
+# 我被最恨的公司采访了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+正如标题所说，前段时间，我接受了一家公司的小采访，主要是分享下 **大三暑假在腾讯实习的经历** 。
+
+这家公司，相信学编程的小伙伴们都不会陌生，就是 `力扣` ，一个在线刷题、学算法的网站。
+
+![](https://pic.yupi.icu/5563/202311031448543.png)
+
+说实在的，这家公司让我又爱又恨。爱的是他们提供了一个好的平台，帮助大家更有目的性地学习算法、通过面试；恨的是当年为了刷算法，实在是掉了不少头发，而且现在网站上很多题目都收费了。
+
+![](https://pic.yupi.icu/5563/202311031448374.png)
+
+下面把采访的对白分享给大家，对还在校园或求职的小伙伴，应该会有些帮助。
+
+## 实习经历访谈
+
+### 正题
+
+**问：你是怎样进入腾讯的？**
+
+答：机缘巧合，大三上学期找日常实习时投递简历，结果到了下学期 2 - 3 月份腾讯才给我打来电话邀请面试！而且我当时一听地点是深圳（学校在上海），立刻就给拒绝掉了。
+
+也是真没想到后来又有上海的部门来捞我，最后通过电话面试，拿到暑期实习机会，并通过实习转正。
+
+![](https://pic.yupi.icu/5563/202311031448607.png)
+
+**问：找公司的时候有哪些考量？为什么会选择腾讯？**
+
+答：我肯定不能直接说是钱多吧！
+
+对我来言，我最看重的是 **公司知名度** ，因为对毕业生来讲，你未来的发展机会很多，在大公司工作过顶一个光环是很香的，后面万一想要跳槽，经历这一块起码不会有问题，再努力准备准备面试就好了。
+
+然后我会看重 **工作匹配度** ，比如岗位使用的编程语言、技术方向和自己的技术发展目标是否一致。像我用 Java 多，所以更倾向于找 Java 方向的工作，腾讯也是有不少 Java 开发岗位的。
+
+其次就是行业，比如游戏、广告、电商等。这个还是挺重要的，因为我作为一名程序员，深知技术是为业务服务的，所以肯定要选一个前景比较好、又能学到技术架构的行业，广告就是个不错的选择。
+
+还有就是 **薪资 > 地点 > 工作强度** 了。毕竟当时太嫩了，那个时候觉得自己可以挺、拿肾肝，现在看来不能 all in 工作，让我再选一次肯定是 **工作强度 > 薪资** 了。
+
+![](https://pic.yupi.icu/5563/202311031448259.png)
+
+**问：在实习期间你主要做了些什么？**
+
+答：刚开始就是搭环境，看文档、了解项目，然后根据导师写好的技术方案做需求、写代码。
+
+起初的工作可能是很多实习生可能都会遇到的 —— 重构一个老系统。我觉得千万不要小看这个工作！重构系统可不是换个框架、能运行就完事了，而是在保证业务流程和原系统完全一致的情况下，对系统整体的可维护性、可扩展性、性能等进行优化。因此，除了对老系统架构熟悉外，对业务、对数据流的理解才是关键。我当时也踩了很多坑，但解决之后确实帮助我加深了对整个系统的认识吧。
+
+刚开始我也觉得工作挺没意思的，但后面慢慢地我也有机会直接和产品经理对线了、可以开始自己写技术方案了，在工作中融入了更多独立思考，还是挺有趣的。
+
+其他的时间可能就是看看文档、看看公司内的代码，自主学习。
+
+![](https://pic.yupi.icu/5563/202311031448256.png)
+
+**问：腾讯的转正流程是怎样的？咋定薪资？**
+
+答：大致流程是先工作一段时间，一般是 1 - 2 个月吧。然后参与实习生转正答辩，就是讲 PPT，陈述实习期工作、回答一些大 Leader 们的问题。
+
+实习期间要多请教同事，给他们讲述下你自己对工作、对业务、对技术的理解，最好也请他们帮忙看看 PPT，要相信前辈的经验和实力。
+
+至于薪资的话，毫无疑问，答辩成绩会直接影响你的薪资，还有就是工作态度，从入司那天就要拿捏好。具体薪资我就不多说了，现在应届生的薪资网上都透明可查。**总之不少！**
+
+**问：你觉得自己以不错的成绩转正主要是因为做对了什么？**
+
+答：优秀的人太多了，所以教育要从娃娃抓起。早期的鸟儿有虫吃，我从入职前就会提前了解技术栈，有任何不懂的问题都会思考之后即时询问同事。毕竟实习期时间短暂，因此我必须珍惜时间，加倍努力，有几天真的是住在公司的（行军床）。
+
+![](https://pic.yupi.icu/5563/202311031448481.png)
+
+在做好本职工作的情况下，我会积极自主承担工作，不满足于分配的工作本身。就哪怕是真的觉得工作没啥事干，那就自己向上级和同事主动请缨啊！哪怕没有工作，不也体现了你的自主性么？再说了，不会没有工作做的，梳理文档、优化系统、探索新技术，永无止境。
+
+还有就是多问，在恰当的时机可以向同事、Leader、HR 打听 HC（岗位数）情况。
+
+此外，多总结、平时的积累至关重要。无论成败，自己解决问题的思路和过程都值得记录。
+
+当然了，运气也很重要。
+
+**问：在腾讯工作是怎样一种体验？**
+
+答：这个要看部门和业务。我们这还好，起码没有 996，正常情况 8 点下班，也没有加班。正式员工和实习生除了拿到的钱不同外，区别不大。
+
+主要的工作感受就是大厂资源多、节奏快、有压力，但同样可以收获更多成就感吧。
+
+![](https://pic.yupi.icu/5563/202311031448542.jpeg)
+
+我自己也在做知识分享嘛，网上也有很多形形色色的评论，我发现一个人所在的环境真的会影响他的视野。尤其对技术来说，小公司大多专注于业务，在技术方面大部分情况下只能去效仿大公司、自主解决一些简单常见的问题；只有大公司才有资源和人力去开拓和布道，解决复杂且具体的问题。
+
+**问：对于即将入行的职场后辈们，有什么建议？新人需要避开的坑？**
+
+答：我总结了大概几点：
+
+1. 拒绝不合时宜的事，很多事情你在工作中都可以做，但在有限的时间下，必须有所取舍。身处校园学技术时也是一样，虽说你想学啥都能学，但不要忘了最终目的是找工作。
+2. 尽早准备，有选择总比没有的好。
+3. Speak less do more！少说多做，不是说减少沟通，而是要减少无意义的沟通，踏踏实实做更多实质性工作。
+4. 遇到了问题，要多从对方的角度去思考，遇事不要着急，不了解的事情不要乱说。
+5. 相信自己，无论什么选择都要比其他的做到更好。
+6. 找到自己的那道光，比如优秀的领导和同事。
+
+### 其他
+
+**问：为什么会选择进入计算机行业？**
+
+答：小时候爱打游戏，更爱做游戏，我觉得作为造物者，开发自己的软件是很棒的体验，能带来成就感，帮助自己实现梦想。比如我现在也做了个编程导航网站，帮大家找找编程学习资源啥的，也收到很多感谢和感动吧。
+
+![](https://pic.yupi.icu/5563/202311031448787.png)编程导航
+
+**问：你觉得程序员是一个怎样的职业？**
+
+答：没有天花板、上下差距很大的 **高风险高回报** 职业。虽说大部分程序员都是 CRUD（增删改查）程序员、复制粘贴小能手、调包侠客，但学的好的技术大牛也是真的厉害。
+
+**问：你是如何看待“程序员 35 岁危机”这个话题的？**
+
+答：我从来不会担心这个问题，我也觉得有能力熬过 35 岁危机的程序员不会担心这个问题，起码先活到 35 岁哈哈！
+
+![](https://pic.yupi.icu/5563/202311031448384.png)
+
+总之，保持健康的身体、积极乐观的心态、持续学习的热情就好。
+
+**问：你是怎样结识力扣的？**
+
+答：自己算法很差，大二实习面试因为算法碰壁，后面听说大厂求职要考算法，所以就开始刷力扣，也见证了它从免费到收费的过程。但也是很感谢它吧，提供了这样一个帮助大家学习、双向连接求职者与面试官的平台，起码让大家有了前进的方向。
+
+**问：力扣给你带来过哪些职业上的帮助？**
+
+答：最大的帮助肯定是 **帮我找到了工作** ！此外，学了算法后，你的思维会更开阔；刷题多了后，写程序也会自然保持好的习惯，能够大大提升代码质量和工作效率。
+
+
+
+------
+
+
+以上就是本期分享，采访的视频后面也会发出。
+
+我是鱼皮，求个 **点赞 + 在看** ，这将是我持续创作的最大动力，谢谢 🙏
+
+![](https://pic.yupi.icu/5563/202311031448883.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\235\245\344\272\206\346\235\245\344\272\206\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\235\245\344\272\206\346\235\245\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..8a89d15
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\235\245\344\272\206\346\235\245\344\272\206\357\274\201.md"
@@ -0,0 +1,235 @@
+# 来了来了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+如封面所见，我鱼某人又被评价了！
+
+先向大家道个歉，本来今天是想分享一篇技术文的，但这个问题过于劲爆，没忍住就写了篇近 4000 字的回答。
+
+结果呢？果然不出所料，这个孩子（提问者）**把我的回答删掉了**！🤣
+
+心虚什么呀，真的难以理解哈哈。
+
+还有朋友跟我反馈，本来看到的一些正面评价也被删掉了，那提问者的意图不就很明显了嘛？
+
+![](https://pic.yupi.icu/5563/202311031453254.png)
+
+虽然回答被它删了，但我可以发到自己的公众号上，起码表达一下的看法。
+
+以下是我的回答：
+
+
+
+------
+
+
+可恶啊啊啊啊，来晚了！下次发这种帖子麻烦 @ 下本人啊谢谢~
+
+听说之前就一直有人在某乎评价本人，发帖人的意图不多说了，大家想想也能知道。
+
+**黑呗？来嘛！**
+
+**有本事发提问引战，就别删我的回答！**
+
+之前上班，一直没空，前几天刚刚离职（https://www.bilibili.com/video/BV1iM411T7ey），终于可以做下正面回应了。
+
+**首先本人并不厉害，我也从来没觉得自己厉害，我就是一个运气好的普通人。**
+
+很多黑粉质疑我为什么有那么多粉丝？为什么现在被你们评价的是我？
+
+OK，那下面我来告诉你。
+
+那我只能说是**运气 + 行动力 + 坚持**。
+
+## 我的自媒体之路
+
+运气就不说了，从行动力上，我只要有想法，立刻就会记录下来，等有时间了去调研并果断出手，不会犹豫。这次离职也是如此。
+
+再说坚持，我从 20 年开始在某音分享面试题，当时每天 3 - 4 期，更新了 100 多期，才涨了 100 个粉。。。
+
+**换你，你还会坚持么？**
+
+至少我是坚持下来了，之后就换了个思路分享自己的真实经历。好叭，第一次分享的是自己的大学生活，当时就是简单介绍了自己的学习过程，结果评论区一堆人骂太假了。我寻思这个经历有那么难以置信么？清北大佬多了去了，我不过是个努力的小虫子而已。
+
+也是发了几十期视频，收获了第一批原始粉丝，**真的很感谢这些朋友**。
+
+再后来，我开始做公众号，首先收集了几十个大号的邮箱，然后每篇文章都一个一个地通过 V 信、邮箱、后台留言的方式投稿。
+
+如图，这都是我刚写公众号时的头部大号：
+
+![](https://pic.yupi.icu/5563/202311031453561.jpeg)
+
+从开始做公众号，我的自媒体之旅正式启程。当时也是我刚刚正式工作的 3 个月，工作最忙的时候。但是我在下班之余仍然每天努力肝：曾经在公众号**连续日更几十天**、甚至曾经在 B 站每晚下班后 22 点**连续直播写代码 100 多天**。我早期关注我的朋友会记得。
+
+> 如果大佬觉得直播边聊边写代码是件很容易的事情，可以尝试一下，说不定你就火了！
+
+后面的发展过程就不细说了，至少我敢说，粉丝是通过自己的努力一点一点积累来的 —— 没有爆款就是最好的证明。大家可以去看我 B 站的数据，22 年前，除了 Java 学习路线前段时间刚破百万之外，没有一个几百万播放的视频，因为编程领域本身的受众就是有限的，但我仍然在做。
+
+有同学说我的内容比较小白、说我的技术菜，那我只能说：**你们说的太对了！**
+
+我的确没你们厉害，第一个 B 站视频就说了：**我觉得自己是混进鹅厂的**。当时你们不信，说我凡尔赛，现在又反过来说我菜，我：？？？
+
+至于内容小白，那对你们大佬来说的确内容是很简单了。
+
+但我反问：
+
+**1）我的内容足够小白么？**
+
+很多同学给我的评价是：小白看不懂，大佬不需要。我自己也是非常认可这个观点，这也是我创作内容一直纠结的地方。我不是从 0 开始给大家讲 Java、讲 Python，更多的是给大家分享我学习的经验、我自己做的项目、也免费开源了很多项目。如果我想要更大的流量，我也可以主攻完全 0 基础的同学，带他们入行，花大量时间做个项目也没几个流量的。
+
+当然，大佬们可能觉得我做的项目简单，那没问题呀，因为本来就是**我一个人利用业余时间做的 ，**你们觉得简单很正常（因为我自己也觉得复杂度没法和公司的项目比）。
+
+那问题来了：你们是不是可以给大家开源一些更复杂的项目呢？
+
+如果自己什么都不做，又有什么力度抨击别人开源出的项目简单？
+
+**2）即使内容面向小白，有问题么？**
+
+程序员的刻板印象：程序员必须要钻研技术、分享技术。
+
+**拜托，谁定的这个规则？**
+
+早期我的分享更多的是技术文，但后来分享的多了，就发现了，**技术文其实是最廉价的！也是最好写的。**
+
+为什么？
+
+因为网上完全可以搜到一模一样的！但别人写过的内容，百度都能搜到的内容？为什么还要再去写一遍？
+
+在我看来，**个人的经验是最宝贵的**，所以给大家分享内容的时候，我会加上很多自己的看法。目前看下来，接地气可能也是我有些粉丝的最大原因。
+
+我也很讨厌有些程序员把一些技术吹得天花乱坠，就像互联网黑话一样，非要拉开和别人的距离，为什么不选择说一些能让别人接受的内容呢？
+
+另外，有些同学确实有能力，可以完全利用网上资源自学（包括我也是自学为主的）。那么你们有没有想过：**更多的同学，你即使把资源 ”喂“ 到他们嘴边，他们学起来一样是很困难的。**
+
+这就是为什么培训机构有那么多免费课，一样有大量的人去报培训机构。
+
+所以朋友们，我想说的是，请对学习能力没那么强的、在你们眼里是小白的同学多一些包容。不要觉得自己能轻松学会的东西，别人也可以。这些同学是需要看更多的分享的，也请大家多分享、帮助他们。
+
+当然，我自己也是某些大佬眼中的小白。一方面是因为我确实菜，另一方面，随着粉丝量的增多，我分享内容时的确要考虑更多的受众，这也是我为什么不去分享你们认为的 “深入的知识（高并发、高可用、高可扩展 + 高血压” 、也很少分享自己实际工作中涉及的技术知识。
+
+所以，如果你把 “内容面向小白”，作为喷我的一个点，那我只能反问：“谁不是从小白过来的？”
+
+也许内容对你没有帮助，但对初学者来说，我相信是有用的。
+
+很感谢看到这的朋友，但请别划走，接下来要说的事情更有趣，**要谈钱了~**
+
+### **编程导航知识星球**
+
+2022 年，我开通了自己的 编程导航知识星球 付费社群，目标是打造一个学习氛围超好的编程学习交流圈，集中式地给学编程遇到困难的同学提供答疑、手把手做项目、交流互助等服务。
+
+从开通知识星球起，貌似我的风评就变差了，这个完全可以理解！
+
+因为我赚钱了，赚钱了就有人眼红，眼红了就会难受，难受了就会**匿名**发帖 “如何评价B站【程序员鱼皮】” 来发泄情绪。因为在他们眼里，**我不配赚这个钱！我在嘎韭菜！咔咔割~**
+
+说的对，我也觉得自己不配赚这个钱！因为星球的发展速度是我自己完全没有想到的，现在**已经有 1.7 万人**加入了，真的是远超我的预期。
+
+因为觉得自己不配，所以我更要运营好这个社群不是么？
+
+割韭菜，何为割韭菜？
+
+1）我没有跑路，每天都在高强度运营星球，有问必答：
+
+如图：光是在星球内部，就有近 4000 个回答，而且更多的问题是大家直接加我微信 1 对 1 沟通的。
+
+![](https://pic.yupi.icu/5563/202311031453489.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453433.jpeg)
+
+如果你觉得帮大家解决问题是一件容易的事情，那你大可以自己尝试，体验一下微信消息爆炸的快感。
+
+其他的内容和工作具体可以看看 22 年的星球工作总结（2022 星球年度总结）
+
+2）除了之前短期搞大额优惠的活动外，**加入星球三天内全额退款**，大家完全可以自己加入后体验是否对自己有帮助，公平公正。而且即使有同学忘了退了，我们也把这部分的钱全额返还了！
+
+因为对我们来说，成员人数已经非常多了，比起几个会费，我们当然希望提升星球的影响力。
+
+3）我们从来没有主动拉不学计算机的同学入行，我们做的只是 “**帮助在学计算机的朋友学得更好**”，放一些图吧：
+
+![](https://pic.yupi.icu/5563/202311031453498.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453585.jpeg)
+
+
+
+![](https://pic.yupi.icu/5563/202311031453373.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453429.jpeg)
+
+4）知识付费的价值
+
+如果你觉得我做的星球里的内容简单，那只是说明你并不是星球的受众，星球里的内容对你没用而已，你可以选择不加入，但不要带着刻板的印象一棒子打死知识付费。
+
+星球本身的价格就是一节付费课的价格，如果有同学加入星球后，能学到知识、能得到改变，对他来说，就有价值，不是么？
+
+大家的收获：
+
+![](https://pic.yupi.icu/5563/202311031453515.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453714.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453125.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453296.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453567.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031453710.jpeg)
+
+对于一些眼红的人、或者跟风黑，这些小伙伴的截图反馈，应该是最有力的回击。
+
+对，我不否认星球给我带来了很多的收入，我上面也说了自己不配。但说实话，我需要这些资源，我的目标是：**打造国内第一的编程学习社群，帮更多已经学习编程的同学走的更远。**
+
+在这里也欢迎各位小伙伴们的加入：[编程导航知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247539132&idx=2&sn=45af016dee0c03491750f76ba8fdbd25&chksm=e9c2be4bdeb5375d3253155b4053263109a631620b7cb9074e2fe1b4a5b1604ef92c522b606e&scene=21#wechat_redirect)
+
+如果你是一位技术博主、大厂大佬、或者有强烈的分享欲，欢迎成为星球嘉宾，可加我 v：yupi5927 ，备注来意，让我们一起搞事情！
+
+大家看到这里其实就可以了，因为下面的内容会有些情绪化，别让某些同学看得难受了。
+
+### 回应小黑子
+
+话说现在才刚刚开始，各位难道就已经坐不住了吗？
+
+这样，我也给 Haters 们一些建议：
+
+1. 学会控制自己的情绪，不要在网络上冲动发言或留言。
+2. 与他人交流时要尊重对方，不要使用攻击性语言或词汇。
+3. 学习沟通技巧，包括表达自己的观点、听取他人的意见以及解决冲突的方法。
+4. 如果遇到不愉快的情况，不要采用回应攻击的方式，而是冷静地处理问题。
+5. 学习编程的过程中，耐心和细心是非常重要的品质，不要急于求成，要注重细节。
+6. 与其做键盘侠，不如多给大家分享一些免费的、干货的内容，多去帮大家解决一些问题。
+
+总之，要成为一个优秀的程序员，不仅要掌握技术，还要注重素质和人际交往能力。
+
+（啊不好意思，暴露了这段内容是 ChatGPT 生成的， ）
+
+![](https://pic.yupi.icu/5563/202311031453709.jpeg)
+
+### 有些朋友说被拉黑了？
+
+1. 你不喜欢某 UP 你可以选择拉黑
+2. 你有建议可以语气平和地提出
+3. 发现错误你可以理性指出
+4. 你可以和 UP 友好交流
+
+**但是上来就【骂】别人还要给你们好脸色 ？？？**
+
+**然后再反手指责把你拉黑了？**
+
+甚至还有那个在网上开骂还腆着脸来免费加社群的**小学生**，当时真的给朋友们乐坏了！
+
+**在做黑子的道路上，你真的是 Number One，必须给你发个奖状【功德减亿奖】！**@荆棘Justin
+
+![](https://pic.yupi.icu/5563/202311031453568.jpeg)
+
+当然，也可能会有一些误操作，如果您在某个平台被拉黑了，诚挚地向您道歉！
+
+
+
+------
+
+
+最后：我就是个普通人，运气好罢了，并不是圣人。
+
+感谢朋友们的一路支持，接下来，去干一番大事~
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\257\225\344\270\232\350\277\231\345\271\264\357\274\214\346\210\221\346\210\220\344\270\272\344\272\206\344\270\200\345\220\215UP\344\270\273.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\257\225\344\270\232\350\277\231\345\271\264\357\274\214\346\210\221\346\210\220\344\270\272\344\272\206\344\270\200\345\220\215UP\344\270\273.md"
new file mode 100644
index 0000000..e01b814
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\346\257\225\344\270\232\350\277\231\345\271\264\357\274\214\346\210\221\346\210\220\344\270\272\344\272\206\344\270\200\345\220\215UP\344\270\273.md"
@@ -0,0 +1,193 @@
+# 毕业这年，我成为了一名 UP 主
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，一位编程爱好者和分享者，致力用最有趣通俗的方式帮助大家学习编程知识。
+
+目前刚刚毕业半年，正在鹅厂做应用开发。下面想和大家分享我过去一年的经历和心路历程，希望能对大家有些帮助。
+
+过去一年，我做了。。。
+
+### 远程实习
+
+去年二月，由于疫情，我被困在家里，无法返回学校，也无法回公司继续实习，于是就开始了远程实习工作。本来以为远程实习是一件非常轻松的事情，但没想到刚开工那几天，基本都是零点后才能结束工作，待在家里反而为加班提供了地利。但正是短短的这几天，我在导师的帮助下完成了一个高并发系统，技术能力得到了快速提升。
+
+我把整个系统的设计和开发的完整过程写成了一篇万字长文，[一周上线百万级高并发系统小记](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247484844&idx=1&sn=d9645a20b905feb6589acc68b4a1b7e3&chksm=e9c1e25bdeb66b4d5a8f5999786df8bbd32e039523a2920016bc557ae5f2c9944f63dd7f8cd8&token=1212922013&lang=zh_CN&scene=21#wechat_redirect)。
+
+![](https://pic.yupi.icu/5563/202311031337079.png)
+
+没想到在牛客网还小小的火了一下，当时内心还是挺有成就感的。
+
+### 抖音创作
+
+后来有一天，不是很忙，我就打开了春节时为了红包而下载的抖音。随便翻了几个视频后，我发现好像在抖音，并没有多少做技术分享的程序员，或许是因为抖音偏娱乐向；又或许是因为短视频的限制，很难通过只言片语讲清一个技术。
+
+我是一个比较喜欢尝试新事物的人，正好录制短视频的成本也并不会很高，于是我就在工作之余开始了自己的短视频制作生涯。
+
+由于我在大学期间做过一个面试刷题系统【面试君主】，因此第一个抖音短视频账号就叫 “面试君主”，视频内容专注于程序员高频面试题解析。
+
+![](https://pic.yupi.icu/5563/202311031337559.png)
+
+> 面试君主 APP
+
+真正做短视频后，我才发现事情并没有自己想象的那么简单。
+
+首先是制作成本，做短视频并不只是简简单单用手机拍摄一下、录个屏就完事了，除了选题和最基本的内容外，很多的素材都需要精雕细琢，比如封面、标题、标签、第一眼、开头等。我会先写稿子、打磨和验证内容，然后再录像，结果第一期视频就做了三四个小时。
+
+功夫不负有心人啊！猜猜最后的播放量是多少？
+
+我记得很清楚，一天下来，播放量是整整 18！
+
+我想过新人播放量会比较低，但没想到这么特么低！说不难受是不可能的，但毕竟是第一个视频，而且我当时的目的很纯粹，就是通过分享，**在帮助大家的同时巩固自己的知识**。因此，我没有放弃，又一连坚持了大概一个月，每天至少更新一个视频，周末还会更新三个视频！
+
+虽然每个视频的播放量也只有几十，但是一个多月的坚持，也让我收获了**人生中第一批粉丝**，大概有 100 多个，其中几十个还是我的朋友。最高播放量的一个视频达到了 1800，所以我很喜欢 18 这个数字，他对我很有意义。
+
+![](https://pic.yupi.icu/5563/202311031337879.png)
+
+> 面试题短视频分享
+
+后来有一天，我静下心来思考，这样的坚持是否还具有意义。于是我去看了很多其他同学的视频，发现往往真实的故事最能打动人，于是，我又注册了一个新的抖音号，也是现在的号【程序员鱼皮】，并且第一次通过短视频平台将我的编程学习和求职经历分享给大家。
+
+结果，这次的播放量和点赞量出乎我的意料，第二天醒来，消息已经 99+，当时的心情还是非常激动的。
+
+![](https://pic.yupi.icu/5563/202311031337553.jpeg)
+
+但是，当我打开评论区，心情立刻就跌入低谷。评论区充斥着各种各样的 **怀疑、鄙视、甚至是谩骂**。
+
+![](https://pic.yupi.icu/5563/202311031337632.jpeg)
+
+![](https://pic.yupi.icu/5563/202311031337660.png)
+
+![](https://pic.yupi.icu/5563/202311031337771.jpeg)
+
+很多人说 “又一个营销号” 诞生了，但当时，由于我对创作平台的了解并不充分，甚至都不知道什么是营销号！后来随着对抖音的了解，我才发现，这个平台上的营销号真的太多了，几十万粉的那些编程大号，清一色的培训机构，所有的视频风格都完全一致！比如：程序员如何关机的，安排！
+
+![](https://pic.yupi.icu/5563/202311031337508.jpeg)
+
+好吧，我算是知道这个视频为什么能火了！虽然都是差评，但这**互动率**是真的高。
+
+记得当时有一个骂我的评论点赞数还巨高，都快接近我当时的视频点赞数了，我当时的心理素质不够强，就删掉了评论。现在想想，真的要感谢当时骂我的朋友们。
+
+这条视频过后，我开始思考，如果要分享编程技术，也可以换一种更有趣、更迎合大众、更容易被接受的方式。创作当然可以只顾着自己爽，但是如果能让观众也爽了，岂不是一举两得？
+
+于是，我开始分享一些优质的、易用的编程资源，以及一些自己积累的编程小知识。并在这个期间不断地学习短视频创作技巧，学会看数据，学会优化各项指标，多看他人的视频来学习好的创意和经验。
+
+此外，我尝试了人生中第一次直播，画面是一台电脑，记得当时大概有十几位观众，**我不知道该讲啥，也不知道这十几位观众在看啥**，我就一直在重复 “大家好，这是我第一次直播”。后来，我坚持每晚直播一小会儿，通过在直播间和大家交流编程，我感受到了多样人生，和粉丝朋友们保持了良性互动，也帮助我收获了更多的粉丝。
+
+通过不懈的努力，我的抖音渐渐有了起色，粉丝数和播放量都稳定增长。虽然说抖音是一个偏娱乐和生活的平台，但是我在这里也拥有了一片属于自己的小天地，认识到了很多的朋友。
+
+坚持也让我看到了另一个变化，就是评论区底下对我的怀疑和谩骂变得越来越少，甚至到现在，视频底下基本不会再出现差评了。这让我又开心又难过，开心的是，自己一直在坚持的事情帮助到了更多同学、得到了肯定；难过的是，没人骂我后，评论区的互动率着实降低了很多（开个玩笑哈哈）。
+
+![](https://pic.yupi.icu/5563/202311031337680.png)
+
+> 我的短视频分享
+
+截止到目前，我开设了几个合集，粉丝数也达到了 **7.8w**，这个粉丝量虽然在整个抖音平台可以说是非常非常之低了，但是在编程技术分享这一块，应该也是一个不错的成绩。
+
+![](https://pic.yupi.icu/5563/202311031337959.png)
+
+> 抖音合集
+
+### 毕业设计
+
+在去年 5 月份，我向公司申请了一个半月的假期，在家专心完成自己的毕业设计和论文。有趣的是，明明大学期间我主攻前端和 Java 后台开发技术，也学过一些大数据和区块链的知识，但毕业设计却用 C++ 做了一个图像处理的软件！
+
+![](https://pic.yupi.icu/5563/202311031337971.png)
+
+> 显微图像聚焦识别
+
+### 个人项目
+
+准备好毕业材料后，我决定独立开发一个小程序，小程序的主题依然是【面试君主】，提供一个在线刷面试题、帮助程序员通过面试的平台。
+
+我每天投入 4 个小时左右进行开发，在一个月后，终于大功告成，支持题目的增删改查、标签、语音录题、相似题识别、消息推送、滑动切题、自动推荐、试卷生成等，并且用数据抓取等技术积攒了第一批题库。
+
+![](https://pic.yupi.icu/5563/202311031337990.jpeg)小程序主界面
+
+![](https://pic.yupi.icu/5563/202311031337139.png)添加题目
+
+![](https://pic.yupi.icu/5563/202311031337784.png)标签管理
+
+让我非常遗憾的是，没有流量去推广这个小程序。而且后面正式工作之后，我实在是没有时间维护它了。后面我会分享这个小程序的设计和实现过程，让它给大家带来一些帮助，也算我的努力没有白费吧。
+
+有兴趣的同学可以体验下：
+
+[面试君主小程序](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492957&idx=1&sn=ad214bddcfa79ea3f08cb34941adeed6&scene=21)
+
+### 阅读
+
+在正式工作前，我利用在学校最后的时光，抽时间阅读了几本书。由于我本身是全栈方向，学的技术比较广泛。所以我选择三本书，分别是前端工程化相关、后端云原生相关和大数据实时数据流系统相关的书，读完这几本书后，我变秃了，也变强了。
+
+![](https://pic.yupi.icu/5563/202311031337111.jpeg)
+
+### 转正
+
+拿到毕业证后，开始了我的职场生活。鹅厂的毕业生是有几个月的试用期的，因此，在这期间，我每天都非常拼命地工作，短视频也停更了。由于我已经在鹅厂实习了一年了，在这期间也给公司的开源项目、Apache 开源项目做过贡献，所以转正过程也比较顺利。
+
+### 写文章
+
+从大学起，我就有写文章的习惯。我会经常记录学到的知识，加上自己的理解，然后整理成文发到自己搭建的博客上。
+
+在工作中，我依然保持这个习惯，会将业务中用到的技术，以及自己学到的知识在公司内部进行分享。
+
+后来有一天，我的博客过期了，没地方分享文章是很难受的！于是，我就开设了自己的公众号【程序员鱼皮】，在这里分享自己的编程技术文章。
+
+顶着工作的压力，肝出来的原创文章并不多，但得到了很多前端、后端等方向技术大牛的认可，也被 CSDN、菜鸟教程、51 CTO 等平台多次转载。
+
+比如下面几篇硬核文章：
+
+[大厂机密！30 个提升团队研发效能的锦囊](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247487157&idx=1&sn=8c0d05d93ae84ca3051723f6af42e7f5&chksm=e9c1e942deb66054d1f6480a30455354371c8f06658f9f8052f6696a1a8ccb43377405579c32&scene=21#wechat_redirect)
+
+[揭秘软件开发的达摩克利斯之剑](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247489788&idx=1&sn=37e845a069310e4ec8ab4521b3cd5f73&chksm=e9c1ff0bdeb6761d40f39e4743488dead5d6dab7707e6e39fba49a8e5f47e2b3bff28e1c17f4&scene=21#wechat_redirect)
+
+[小记 | 从 0 到 1，看我玩弄千万日志于股掌](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247485369&idx=1&sn=d125e78d175e38684e92cceee7e09b16&chksm=e9c1e04edeb6695867e1428bdee5dc9404e223a811372cb0330fabcb3acf9d3f59054e438e07&scene=21#wechat_redirect)
+
+由于我是全栈方向，所以原创不限于前端或后端，更多的是编程经验、通用技术，以及一些能提升大家编程兴趣的项目实战。比如：
+
+[奇思妙想，动手 DIY 你的浏览器主页](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492012&idx=1&sn=354f78f0d16545ba76f879251a112057&chksm=e9c2065bdeb58f4d6356d8c51067586a98356ed396bbbd49a2807f09d87ff2914930062cc8b6&scene=21#wechat_redirect)
+
+[腾讯公测云开发低码！全网首篇实战评测](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247491816&idx=1&sn=608580ffbba8de53e1c4181120d37d0f&chksm=e9c2071fdeb58e09559035d0d1dd2ce93f99d0e745655010958b88c51a9da1b61cf8dbcca164&scene=21#wechat_redirect)
+
+[实战 | 尝鲜 Svelte 前端框架，开发读书笔记](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247486075&idx=1&sn=848b89c5adff0e8aa429cae6827aafc2&chksm=e9c1ed8cdeb6649a4d473acf655036768d6f39e20d50ea604cb927c5d457a26d86f7b3843308&scene=21#wechat_redirect)
+
+[实战 | 一不小心创造了新的编程语言！](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247485632&idx=1&sn=64567622d099351c3c890e9ba22ea63f&chksm=e9c1ef37deb666210f28fa02239e0bee87eaa33fd6c021f051f2bd04472dbce3c0d2f7aacfcf&scene=21#wechat_redirect)
+
+通过一段时间的运营，公众号的粉丝也达到了 18000+，感谢大家的支持！后面我会持续更新。并且再等一段时间的技术沉淀后，我也会开设自己的原创系列文章和专栏。
+
+![](https://pic.yupi.icu/5563/202311031337550.png)
+
+### 落户
+
+就在不久前，我拿到了属于自己的上海户口。上海是个我非常喜欢的城市，我也是早在大二就开始计划积分落户了。并且在后面自己开发了一个【上海落户积分计算器】来帮助自己和小伙伴们对落户有一个更清晰的了解，便于提前做规划。
+
+作为本科生，即使成绩非常优异，没有竞赛或专利也是很难落户的。意识到这点后，我是在大三时参加了挑战杯并有幸拿到了国奖，然后毕业前努力争取到了上海市优秀毕业生，才得到了这个落户机会。
+
+我将落户的经验也写成了文章，分享给大家，[落户上海！分享心得，再做个积分计算器](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247490632&idx=1&sn=b969b53f568055a5e4e112c80bb2a978&chksm=e9c1fbbfdeb672a944d57d6eb2cd1ca678215704f1373570f4a985145a4c7b696dfc3e84a0e8&scene=21#wechat_redirect)。
+
+![](https://pic.yupi.icu/5563/202311031337314.png)
+
+> 某竞赛现场
+
+### 编程导航
+
+在工作之后，想要做自己的事情就真的太难了。
+
+顶着大厂工作的压力，我花了一个月的时间独立开发了【编程导航】网站，帮助大家发现优质编程学习资源。
+
+在这个网站，你可以检索自己需要的资源、分享好的资源，并对他人推荐的资源进行评价。好的资源会因此被更多人发现，从而帮助大家学习编程。
+
+![](https://pic.yupi.icu/5563/202311031337050.png)
+
+> 编程导航
+
+### B 站创作
+
+就在上个月，我决定正式在 B 站发布视频，第一条视频和抖音一样，都是分享一下自己的学习经历。虽然有一点点标题党，但内容真实干货，也有幸得到了不错的播放量，收获了很多小伙伴的关注。
+
+在真人出境这一块，我还是有些不自然，有小伙伴发现我还是个歪嘴战神，还要继续练习呀！
+
+![](https://pic.yupi.icu/5563/202311031337354.png)
+
+由于平时工作比较忙，视频很多都是周末和平时熬夜做出来的，但还是会坚持给大家分享实用的编程资源和技术干货！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\347\275\221\347\253\231\345\217\210\350\242\253\346\224\273\345\207\273\357\274\214\346\210\221\345\277\203\346\200\201\345\264\251\344\272\206.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\347\275\221\347\253\231\345\217\210\350\242\253\346\224\273\345\207\273\357\274\214\346\210\221\345\277\203\346\200\201\345\264\251\344\272\206.md"
new file mode 100644
index 0000000..3f11874
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\347\275\221\347\253\231\345\217\210\350\242\253\346\224\273\345\207\273\357\274\214\346\210\221\345\277\203\346\200\201\345\264\251\344\272\206.md"
@@ -0,0 +1,87 @@
+# 网站又被攻击，我心态崩了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。如题，昨天晚上本来想写篇文章的， 但是没想到我的网站又又又又被攻击了，而且这次不止一位同学在同时攻击、十分严重。所以写文章未遂，花了大量的时间来排查和应对攻击。
+
+之前很多朋友在我的网站上只是小打小闹，很多 “攻击” 根本算不上 “攻击”，充其量就是欺负我网站刚上线，找找 Bug 而已。改了几十个 Bug 后，发现常见的攻击其实就这么几类：
+
+#### 1. XSS 脚本注入
+
+最低级的就是在输入框中直接输入恶意 JavaScript 脚本，如果没有对此类文本进行特殊处理，那么会直接在前端执行，从而影响网站的运行，比如弹个框：
+
+![](https://pic.yupi.icu/5563/202311031451326.png)
+
+虽然前端很多富文本编辑器自带了 XSS 处理，但终究是不保险的。所以我给所有用户提交数据的后端接口补充了 XSS 过滤，保证返回给前端的数据已经是 “相对正常” 的了。
+
+比如下面的输入，加载图像时发生了错误，会显示一个对话框：
+
+```
+<img src="#" onError="alert('鱼皮')" />
+```
+
+经过后端处理后，会被转义成：
+
+```
+<img src="#" />
+```
+
+仔细扫了一下数据库，光 XSS 的内容就有上百条了，不愧是最主流、低成本的攻击手段：
+
+![](https://pic.yupi.icu/5563/202311031451593.png)
+
+#### 2. 提交非法数据
+
+非法数据有很多种，比如灌水、无意义的内容：
+
+![](https://pic.yupi.icu/5563/202311031451406.png)
+
+![](https://pic.yupi.icu/5563/202311031451763.png)
+
+又或者绕过前端的字数限制，直接调用后台接口来提交超长内容，从而在展示数据时影响页面的加载时间、甚至导致页面崩溃。比如下面这货，在搜索框里塞了几 MB的数据：
+
+![](https://pic.yupi.icu/5563/202311031451608.png)
+
+也是经验不足吧，我一开始真没想到会有这种骚操作，看来还是得严格限制任何用户提交的内容。
+
+唉，这种攻击是最难防护的。人言可畏，要完全解决根本不可能，只能投入人力来管理了，也欢迎大家随手举报，给网站一个健康良好的生态环境。
+
+#### 3. 频繁提交数据
+
+就是疯狂调后台接口来插入无意义的数据，比如有个同学一次性刷了几千条举报数据来举报我，给我气的不行。
+
+![](https://pic.yupi.icu/5563/202311031451427.png)
+
+所以还是要限制下每位用户提交信息的数量呀！
+
+------
+
+虽然这类攻击很温和，但也是需要人工花时间来处理的，不仅耽误我的时间，也会影响正常用户的体验。所以我在网站主页右侧添加了公告：**即日起，本站禁止任何测试行为，违者直接永久封号！**
+
+反正一个微信号只能注册一个用户，乱搞的成本也是有限的。
+
+但昨天晚上的攻击就不是开玩笑了，有同学直接搞拒绝服务攻击了，平均每分钟调用我的接口 1000 万次！！！
+
+![](https://pic.yupi.icu/5563/202311031451301.png)
+
+这如果没有专业的防护，并发再高，也扛不住啊！所以系统在那段时间完全挂掉了。
+
+其实面对这种量级的 CC 或 DDOS 攻击，不花钱一般是搞不定的，但对于我这样一个完全免费、不赚钱的网站，完全承担不起上高防护产品的费用啊！
+
+而且这种攻击的成本很低、也完全不需要什么技术含量，真的是防不胜防；即使你被攻击了去找云服务商，只要损失金额不大、只要不报警，压根儿没人理你。所以当时搞的我心态有点崩，觉得前途一片迷茫啊。
+
+我真的很难想象，究竟是内心多么黑暗、多么卑微的人，会去做这种事呢？
+
+想想这种人真是可怜哈哈，如果用这点本事攻击我的网站能给他带来一丝慰藉，那我觉得也值了。
+
+![](https://pic.yupi.icu/5563/202311031451558.png)
+
+但是，你把我的网站攻破了、搞崩了，除了暴露了你内心的丑陋，对我来说又有什么影响呢？反正我东西做了、代码有了、经验涨了；再说网站本身也不赚钱，挂了就挂了呗，大不了我就在公众号给大家分享面试题咯。
+
+**而且不会真的以为这点攻击我就放弃了吧？** 天真，我一个 23 岁的程序员大爷，我怕什么？！
+
+![](https://pic.yupi.icu/5563/202311031451792.jpeg)
+
+最后，再发个招募令，有网络安全方面的大佬，欢迎在留言中留下自己的微信号，必有重谢！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\351\261\274\347\232\256\345\267\245\344\275\234+\345\210\233\344\275\234\347\232\204\346\227\245\345\270\270\347\224\237\346\264\273.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\351\261\274\347\232\256\345\267\245\344\275\234+\345\210\233\344\275\234\347\232\204\346\227\245\345\270\270\347\224\237\346\264\273.md"
new file mode 100644
index 0000000..927127d
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\210\233\344\275\234\347\273\217\345\216\206/\351\261\274\347\232\256\345\267\245\344\275\234+\345\210\233\344\275\234\347\232\204\346\227\245\345\270\270\347\224\237\346\264\273.md"
@@ -0,0 +1,67 @@
+# 鱼皮工作+创作的日常生活
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+很多小伙伴比较好奇，我是如何在工作的同时，坚持做技术分享的。今天想和大家聊聊我最近的生活。
+
+### 从前从前
+
+在没有做技术分享前，我可以说是把 99% 的精力全部投入到工作中，为公司卖命。但是很快，我就意识到，对于刚毕业的同学来说，完全把自己交给公司并不是一个正确的选择。
+
+**为什么这么说？**
+
+刚来公司实习不久，我就经历了一次大的组织架构调整，换了部门，也换了项目。而前段时间，因为部门的需要，我的工作又发生了调整，不再负责原来的项目了。这时我才意识到，互联网真的是如外界所说，太不稳定了！我负责了一年多的项目，说换就换了，身不由己。虽然在这个项目中我也学到了不少技术，但毕竟是自己花了一年养大的小孩，突然离家出走，还是非常难过的。
+
+作为打工人，我就是一块砖，哪里需要哪里搬，这种无奈相信很多朋友都体验过。
+
+![](https://pic.yupi.icu/5563/202311031433430.jpeg)
+
+因此，在完成工作之余，我选择投入更多时间在学习、或者培养自己的兴趣上，为自己今后的发展做考虑，而不是和公司的业务绑定。
+
+**我的兴趣是什么呢？**老实说，就是做分享，我喜欢分享自己学到的知识，也希望能因此帮到更多人。
+
+因此，我开始了自己的创作之旅。
+
+### 现在
+
+每天早上 8 点多，还迷迷糊糊的时候，我就会闭着眼睛思考今天要做的事情和时间安排。除了工作外，还要思考今天的创作形式、方向和内容。做好计划，白天我才能更高效地去完成这些事情。
+
+思考的差不多了，大概 9 点多，我会挣扎着从床上起来，看一下昨天的消息和今日新闻，然后整理一下就出门上班了。
+
+![](https://pic.yupi.icu/5563/202311031433780.png)
+
+出租屋离公司很近，每天骑大概十五分钟的小电驴，大概十点左右到达公司，开始一天的工作。
+
+随着加我微信的朋友越来越多，很久之前我就没有时间去一一回复了。毫不夸张的说，光认真回复消息，就足够我过完一天了，还不一定能回完。因此，我会尽可能利用零碎的时间回复消息，比如在等电梯、排队时。
+
+在没开始写文章、剪视频的时候，我每天的午饭和晚饭都是和同事一起吃的，饭点食堂人比较多，每次要排很久。因此自从踏上了创作之路后，为了省时间，我就直接在工位上点外卖了，在工位也比较自由，还能看视频收集一些灵感。
+
+但常吃外卖对身体不好，因此我现在一般会晚一个小时再去楼下食堂恰饭，再忙也要注意身体。
+
+![](https://pic.yupi.icu/5563/202311031433604.jpeg)
+
+以前我一般会午休半个小时，现在我会利用中午的时间写作、和其他创作者或者读者朋友交流。
+
+下午工作一般比较累，我有时会趁着编译的时间看一下微信消息，但需要保持高度专注时，我会把除了工作之外的所有通讯软件关掉，所以这个时候给我收到的消息基本都会被顶下去，一不注意就再也看不到了。
+
+如果工作不忙的话，大概晚上 8 点左右，我就开始准备视频制作了，做视频真的是一件非常麻烦的事，比写文章要麻烦好几倍！从收集素材、确定方向、定大纲、写视频稿、优化稿子，再到设计标题、封面、简介，每一步想要精心制作都会花很多时间，稍微在某一步多纠结一会儿就做不完了。尤其是随着观众的增多，视频的质量也要提升，再也不是以前我随便录两下就能对付的了。
+
+![](https://pic.yupi.icu/5563/202311031433451.jpeg)
+
+大概 22:00 到 22:30 左右，有时间的话，我会在 B 站和抖音开直播，一般是带大家看看好玩的项目，和大家交流一些编程方面的问题，有时还会做一些专题分享。
+
+直播 1 个小时左右，我基本已经身心俱疲了，然后我要完善一下手头的项目，继续为第二天的创作收集素材。
+
+大概凌晨 1 点，准备休息了，睡觉前我会记录一下今天完成和未完成的事，并且提前预定制第二天的计划。每天的事情都非常多，也让我的记性变得越来越差，不记录一下有些事情肯定就忘掉了。
+
+![](https://pic.yupi.icu/5563/202311031433454.jpeg)
+
+------
+
+好吧，这就是我的生活，我自己都觉得无聊。其实到现在，我都没有一个特别专心的打法，写文章、做视频、肝项目、日常直播，能做的我都做了，本来就是随便搞搞，自己开心就好。可如今随着我的读者朋友越来越多，让我不得不认真了，也增加了很多的创作压力。但我的初心还是不会变的，爱好分享，通过传递知识帮到更多人，我相信大部分的创作者也都是这样吧，**都不容易**。
+
+午休时间结束了，就这样吧，谢谢大家的支持，继续加油！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\344\273\216\345\244\247\345\255\246\345\210\260\347\247\213\346\213\233\357\274\214\346\210\221\345\246\202\344\275\225\346\213\277\344\270\213\350\205\276\350\256\257offer.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\344\273\216\345\244\247\345\255\246\345\210\260\347\247\213\346\213\233\357\274\214\346\210\221\345\246\202\344\275\225\346\213\277\344\270\213\350\205\276\350\256\257offer.md"
new file mode 100644
index 0000000..deeae21
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\344\273\216\345\244\247\345\255\246\345\210\260\347\247\213\346\213\233\357\274\214\346\210\221\345\246\202\344\275\225\346\213\277\344\270\213\350\205\276\350\256\257offer.md"
@@ -0,0 +1,167 @@
+# 从大学到秋招，我如何拿下腾讯offer
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+分享一名本科生从大学入学到秋招拿到腾讯offer的完整经历，希望对同学们有所帮助。
+
+**自我介绍**
+
+鱼皮是上海某211学校本科生，网络工程专业，秋招因为有腾讯的实习转正，所以只面了大厂，也拿了几个大厂的offer。
+
+![](https://pic.yupi.icu/5563/202311021509596.jpeg)
+
+我一直对计算机很感兴趣，是兴趣自驱动型coder。学的技术也不少，网络工程专业学的知识就不说了（网络拓扑什么的），主要是自己学习的全栈开发、微服务、区块链和大数据技术。
+
+**目标**
+
+因为高考失利严重（和北邮差1分失之交臂），所以入学起就决定要好好努力，做到不输其他名校的同学。
+
+对自己的实力从来没有过怀疑，因此也有动力去努力，当时就没有考虑过读研，目标只有一个：进大厂！进大厂！！进大厂！！！
+
+入学前几乎是零基础的，也就是用按键精灵写过网游脚本，用frontpage + dreamweaver水到过上海市某信息竞赛的三等奖。
+
+![](https://pic.yupi.icu/5563/202311021509728.jpeg)
+
+虽然追求目标时走了一些弯路，但总体还算顺利，也给大家分享下自己的学习路线。
+
+**学习路线**
+
+总的学习曲线是：先从一个点到一条线，再多几条平行线，然后多几条交叉线，最后构成一个较完整的面。好抽象![](https://pic.yupi.icu/5563/202311021509600.png)
+
+**第一阶段：初入茅庐，海纳百川**
+
+大一上学期加了很多社团，学习也基本划水，加入了一个给学校建网站的工作室。后来意识到自己学校的计算机课程很水，要靠自己学习才能提升，因此开始自学。大一上学期一直在做前端（html\css\js\jquery），给学校建网站。那时以为自己会一辈子做前端（看了几本js书就飘了？），后来开始好奇请求背后的逻辑。于是大一下学期开始学习后端（node\数据库\java ssm），发现打开了新世界的大门，也考取了JAVA OCA8证书。期间跟随学校课程学习了c\c++，自己学了点python\php的皮毛，也水到了一个国家级的科创项目，进入了副院长的实验室做项目（前端和c#）。
+
+![](https://pic.yupi.icu/5563/202311021509582.jpeg)
+
+这个阶段是接触知识最多的时候，可以叫“海纳百川”。但比较迷茫，还不确定自己之后要做什么。但很庆幸，兴趣让我加入工作室，做着和兴趣相关的工作，同时赚到了自己的生活费。申项目的时候不被老师看好，被拒绝了几次，但最后是学院唯一一组大一的国家级项目。也是在一个偶然的时机，我私聊院长，成功争取到了和研究生一起做项目的机会。
+
+总结，8个字：**勇于尝试，把握机会**
+
+
+
+**第二阶段：兴趣使然，纵横交错**
+
+大二上学期，当了学生会部长、社团部长，晋升为工作室的负责人，除了学习外还有很多其他的事情，但我始终坚持每天留给自己几个小时用来提升技术。
+
+大二上学期，学习了微服务技术（dubbo、spring cloud全家桶），其实如果微服务学的深入，你能学到很多理论和实战知识，举例子：分布式理论、服务注册发现、配置中心、链路追踪、熔断限流降级、分布式事务、分布式锁、容器等等。自己也抽空给学校建了个前后端会议室预约系统。
+
+![](https://pic.yupi.icu/5563/202311021509593.jpeg)
+
+大二下学期，意识到自己的前端开发效率好像跟不上，就了解了下vue，发现比之前学的angular爽多了，贼开心，一口气花了一个多月学完了，也相应的了解了很多打包工具和Cordova。后来认识了一个很优秀的学长（目前在阿里巴巴），很多问题向他请教，也一起做了一个比赛项目，有人带的感觉真好_(:з)∠)_。后来学了几种消息队列，学习MySQL优化，深入了解了Redis，手动实现了一些框架代码，如Spring、HashMap等。也意识到了算法的重要性，开始刷LeetCode。
+
+![](https://pic.yupi.icu/5563/202311021509611.jpeg)
+
+后来经常在学院分享自己学到的知识，不得不说，很多东西你会了但讲不出来，说明就不是真的会。大家可以了解一下" 费曼学习法"，自己学过的东西一定要讲清楚，这也对面试有极大的帮助。
+
+**对于学习计算机技术，我也总结了一些技巧和经验，如下：**
+
+1. 对于编程语言，建议看书和文档学习（比如go语言的官方go trip），并能够边看边写
+
+2. 对于框架、中间件和工具，建议先看下官方文档，很多简单的东西文档的quick start就能对付了。复杂的，比如SSM框架，要看视频学习，边学边做，很多项目的雏形就源于demo （ 这里强调，不要看出版超过一年的书，框架更新的很快的 ）
+
+3. 要多逛技术社区，推荐GitHub和牛客网，有很多使用的工具和技巧（比如fastjson\commonutils\swagger）其实很简单，但是你偏偏不知道，就浪费了很多时间去造轮子
+
+4. 多用google/百度/stackover flow
+
+5. 建议写博客来进行积累总结
+
+6. 加入一些优秀的团队，和大佬合作，你也能成为大佬
+
+7. 多做作品，多和他人交流，分享代码（这里支持下CodeReview，有些同学到现在还能把密码以明文存入数据库，给别人一看就笑掉牙了）
+
+![](https://pic.yupi.icu/5563/202311021509703.jpeg)
+
+看到这里，你是不是也发现了，计算机是实践性极强的一门学科！光说不练假把式，很多视频教程中的demo都有可能成为你的主打项目，这里要注重积累，可以把很多重复的代码和架构抽象出来，供自己使用避免自己重复造轮子。而在学习过程中，很多技术都是因为需求而所需的，比如你要做一个APP，要做登录，你就要去了解登录流程；要做即时通讯，你就要了解Socket；性能太低，你就要去优化；被黑了，你就要做好安全；懒得写安卓端，你就发现了Cordova、大前端等等。。。
+
+到这个阶段，你就知道自己是否适合计算机，是否真正热爱，也已经发现了自己最擅长的语言，已经能够在兴趣的引导下按照一个方向深入地走下去。但是还要接触很多相关的技术，做到纵横交错。
+
+总结，8个字：**兴趣激励，学以致用**
+
+**第三阶段：追求前沿，交叉融合**
+
+大三其实我的技术成长是最少的，尤其是在头条实习时用的是自己不主攻的php和go语言，但是对业务能力和眼界的提升都是非常大的（等下聊）。
+
+大三上学期在信息安全实验室做了近半年的区块链项目，也写了教材（快出版了嘿嘿），这段时间自己的进步是飞快的，从没有如此静下心来去钻研一个新技术。当时资料很少，淘宝就那么几本书，csdn就那么几篇收费文档，遇到问题了全网搜破也搜不出来，心态也会有一些炸，但不得不说，只要坚持，问题总会解决的吧，而且后来解决问题的感觉真的很nice！这段时间没怎么做项目，因为大三课比较少，考虑下学期去个大点的公司日常实习给自己镀层金，因此开始刷牛客的面试题，准备常用的面试题（多少还是要背一点的）， 平时刷算法题也不能少，考了PAT 。也很幸运能在字节跳动实习！
+
+![](https://pic.yupi.icu/5563/202311021509685.jpeg)
+
+然而就在大三下学期，自己的心态发生了变化 ![](https://pic.yupi.icu/5563/202311021509678.png)
+
+在4月份左右（已经在字节实习了4个多月，期间拿到了腾讯暑期实习offer），自己突然一改就业的目标，决定要保研了，因此离职，开始带队参加竞赛，复习专业课，准备保研。竞赛时做的是大数据的一个APP，之前了解过大数据，也自己搭过集群，写过MR，但对算法了解较少。借这个机会，自己查了很多资料，写有样学样写了个推荐系统吧。
+
+给我印象比较深的是和机械学院组队的挑战杯项目，让我意识到计算机学科是应该且必须和其他专业融合，才有更大的可能性。后来这个项目果然拿到了挑战杯市特奖，目前也在冲击国赛特等奖。
+
+好在竞赛结果还不错，给自己的简历镀了点小金。但是，捡了芝麻，丢了西瓜，为了等竞赛的结果出来写在简历上，保研夏令营报名我都是卡deadline提交的，投了华师、同济、交大、复旦，后来竟然一个入营offer都没有，看来天意让我选择就业。
+
+这个阶段我是做的不好的，准备保研却不够专心，我和其他目标升学的同学不一样，我完全是抱着试一试的心态去保研（没过就就业呗），因此也根本没有准备考研的复习。后来导致保研面试白准备，不如把时间投入技术的研究上。但目的也是为了给自己多一个选择吧，只是有些东西想的过于理想和简单了。
+
+总结，8个字：**呼吸不停，学习不止**
+
+在这之后，自己学习技术真的非常快，可以和以前的知识网结合起来。比如学React只用几个小时吧，加上Redux、Umi、Dva等一系列也就一两天，当然也不是说太深入。
+
+下面讲一下三段实习经历吧，希望对大家也有所帮助 ![](https://pic.yupi.icu/5563/202311021509674.png)
+
+
+
+**实习经历**
+
+**1. 籽微金融**
+
+一家金融互联网公司，工作是Java微服务后端研发，这是第一次接触企业文化和社会环境，学到了很多知识，坐在导师旁边，工作效率很高。虽然每天要坐高铁（公司在火车站附近）上班，但也没什么压力。业务比较复杂，曾花一周多去画流程图，再用代码去实现，培养了方案建设分析能力和耐心。
+
+也经历了一些特殊的事情，比如一个同事刚进来没多久就因为工作经历多说了一年被查出来开除了（k，唯一的朋友啊），然后帮他收拾代码摊子。还有一个姐姐请我喝奶茶，说她老公想去头条（字节跳动旗下），后来我对字节跳动的关注度就大幅度提升了，预定下一家实习公司。
+
+实习共两个月，后一个月很轻松了，基本天天自己刷算法写博客，也很感谢同事们的帮助，培养了自己的沟通能力。
+
+**2. 字节跳动**
+
+新兴互联网公司，个人非常看好。实习部门是个新部门，地铁每趟要近2个小时，在我走的前两天才建好单独的一层研发中心，之前是马蜂窝办公室（真惨）。虽然使用的是自己不太擅长的Php和Go，但学习起来很容易，导师和上级非常好，给我绝对的发挥空间，从入职起就参与项目的需求评审，甚至后来是自己一个人负责了一个项目的后端，和其他部门的同事打交道也非常多，成长非常非常非常快！而且字节跳动的待遇真的没话说，全员Macbook +免费三餐零食下午茶。
+
+后来快离职了，导师和上级也没给我安排什么任务，就每天刷刷算法，解决下之前的bug。总之，这段工作也很轻松吧~
+
+**3. 腾讯**
+
+从小就想进的公司，我对腾讯是真爱，当时哪怕只有1块钱，我也愿意全部献给我亲爱的宠物鹅。记得是在去年暑假还是10月左右投递了腾讯的实习，然后3月左右我在字节跳动吃饭的某一天，接到了腾讯的面试通知，还两次！这给我吓得，第一次深圳的面试官，我直接拒绝了；第二次说是上海的，我就面试了一下，这段面经在我以前的讨论帖也有。比较轻松地拿到了暑期实习offer，虽然在保研的时间点，但觉得应该也不影响，就还是入职了。
+
+![](https://pic.yupi.icu/5563/202311021509682.jpeg)
+
+在腾讯的工作，和字节跳动感受完全相反。腾讯对实习生的控制非常严格，两个月的实习我没有参与过需求评审，甚至连开发机也没接触到，发布到测服也要靠导师，线上环境就更不说了。但不得不说，有规范性是好事，比如CR，相信字节跳动也会慢慢规范化的吧。因为是做全栈，大部分测试也是自己做的，所以在字节跳动锻炼到的沟通技巧在腾讯暂时没派上用场，但相信以后必然会有用的。
+
+因为是有实习转正机会的，所以要努力争取。正常的下班通常是6点半、8点，而我有段时间甚至是住在公司的，也见识到了加班到2点的同事，很害怕啊！
+
+很幸运吧，得到了上级们的认可，也是一路顺风顺水，拿到了组内答辩最好的成绩，但听说还可能是白菜价，现在慌得不行。不出意外的话，还是会留在腾讯，继续努力提升自己吧！
+
+**当然也有很多后悔的事！**
+
+1. 目标不够坚定，走了弯路，很多时间被浪费掉了
+
+2. 在实验室研究区块链时没考虑写论文，后来才知道论文是多重要
+
+3. 太珍惜自己的时间，有时也伤害到了身边的人
+
+**建议**
+
+给目标直接就业同学的建议：如果时间还多，那么就按照自己的方式和兴趣去学习技术并实践，心无旁骛。你要知道研究生也才多一年多的项目/研究时间，如果本科你把别人准备考研的一年用于学技术，那么竞争实力完全不输研究生。
+
+给考研同学的建议：提前了解目标院校考察的专业课，并在该门课初学时就下功夫。所有实践课要好好学，平时有空也多上牛客，避免考研失败后春招完全小白
+
+给保研同学的建议：如果一心决定读研，担心保不到好的学校，也可以准备下考研，顺便也能复习到一些面试知识
+
+总之，目的是给自己**多一个选择，多一条后路**。
+
+![](https://pic.yupi.icu/5563/202311021509759.jpeg)
+
+**尾声**
+
+以前纠结保研还是就业的时候在某论坛发了一个帖子。有很多热心朋友给我建议，非常感谢和感动。最后自己还是放弃了保研，选择了一条自己更喜欢的路。
+
+还是要坚持自己的初心，知道自己想要什么吧。无论如何，千万不要让别人替你做决定。
+
+自己也不是一个自律的人，很多时候都是在逼自己去做事、去学习：比如接很多项目，提高自己的效率和抗压力；报考证书，逼自己稳稳的复习理论；作为队长参加竞赛，逼自己有了责任感；对学弟妹有了一定的影响，也要逼自己做好榜样。自己也不是一个聪明的人，但我相信“天道酬勤”的。人都会有自己的一个舒适圈，生于忧患，死于安乐，只有跳出自己的舒适圈，选最难的路，才能成功吧。杀不死你的，只会让你更强大。
+
+人越成长，可能性就越少，现在的我已经正式工作一段时间了，也还是要坚持学习，不断进步。
+
+其实并不难，是你太悲观。比你优秀的人都在努力，我们为什么不努力呢？
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md"
new file mode 100644
index 0000000..7fc1b9a
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\345\244\247\345\255\246\357\274\214\346\210\221\346\230\257\346\200\216\344\271\210\350\276\271\345\255\246\347\274\226\347\250\213\350\276\271\350\265\232\351\222\261\347\232\204\357\274\237.md"
@@ -0,0 +1,95 @@
+# 大学，我是怎么边学编程边赚钱的？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 我是如何在大学时就靠编程赚钱的？
+
+大家好，我是鱼皮，前段时间看到一位朋友的问题：
+
+> 穷极客一枚，正值大学，很想自己解决生活问题，不再向父母要钱。
+>
+> 计算机相关专业，喜欢编程，觉得工作当然是对口的最好，既能锻炼技能，又能解决生活问题。
+>
+> 各位前辈赚钱都有什么好的方法？
+
+首先给这位朋友点个大大的赞，我非常支持他的想法，在大学期间想到自己赚取生活费是很棒的，尤其是用自己感兴趣的、和未来发展目标一致的知识技术来赚钱再好不过！
+
+![](https://pic.yupi.icu/5563/202311021518336.png)
+
+我本科也是计算机专业，大部分时间是自学。其实自学编程到一定程度了，就有很多种方式赚钱了，而且赚的钱还不少。虽然没像很多大佬和抖音教育家们那样月入过万，但加起来给自己买了辆小电动车和几台电脑，还是非常奥利给的！
+
+关键是，用技术来赚钱还能提升你的技术实力，激发编程学习兴趣，何乐而不为呢？
+
+![](https://pic.yupi.icu/5563/202311021518269.png)
+
+话说，此前我妈一直劝我用空余时间去当服务员、送外卖跑跑腿啥的，还总跟我说别人家孩子怎么样怎么样的。虽然我明白妈妈的意思是想让我锻炼一下，但还好没听妈妈的话，做了自己认为正确的选择。
+
+![](https://pic.yupi.icu/5563/202311021518360.png)
+
+下面分享下用编程技术来赚钱的几种方式，其中大部分我都有所实践。
+
+### 如何在大学用编程技术赚钱？
+
+#### 1. 找实习
+
+找实习拿到的工资是稳定有预期的，还能在企业中学到东西。可以是暑期、寒假、日常实习，也可以是线上，甚至可以同时兼职。注意参与实习时最好工作内容和自己的发展方向相关，并且不要影响到自己正常的学习进度，翘课实习大可不必。
+
+#### 2. 帮忙做项目
+
+我大学就经常帮老师和学院做项目，还是挺香的。但需求肯定不会主动找上门来，你可以主动请缨，联系辅导员、老师、或者项目组内的学长等，表示出你想做项目的决心和诚意，一般他们都会接受热情主动的学生。一个需求做好后，老师们还会帮你做进一步宣传，需求和钱便会滚滚而来，还能混不少脸熟。
+
+![](https://pic.yupi.icu/5563/202311021518339.png)
+
+#### 3. 维护项目
+
+和上一点类似，学校的很多项目其实都比较老，各个学院也经常找同学来维护和翻新项目，这种难度不大，一般占用时间也不多。像我们当时某个学院的服务器年久失修，经常需要一些同学来维护，解决异常问题。我当时也维护了一个学院的小系统，基本没啥活，也赚了点小钱。
+
+#### 4. 参与竞赛
+
+竞赛档次、获奖级别越高，拿到的奖金就越多，少则几千，多则上万！而且获奖了后对自己的简历帮助也很大。但是这个就得凭本事赚钱了，想拿大奖，还是要付出日以继夜的努力的。
+
+有一说一，我真的羡慕那些实力强劲的同学，一场比赛就几万，学不来学不来。
+
+![](https://pic.yupi.icu/5563/202311021518260.png)
+
+#### 5. 进实验室
+
+加入学院的实验室，跟老师和学长们一起做项目，很大程度意味着你有了一份稳定的收入，毕竟学院的经费通常还是挺多的。我当时就是在实验室做项目，并且跟老师写了一本书，每个月都有几千块钱，最后钱也赚了，还能把经历写在简历上、和面试官吹吹，美哉美哉。
+
+#### 6. 申报项目
+
+现在有很多面向大学生的创业扶持项目，比如大一就有机会申报的国家级创新创业项目、省市级创新创业项目等，难度并不大，对完成度的要求也不高。我当时国家级项目是 10000 经费，听说后来好像涨到了 20000！经费虽然未必能直接提现，但可以拿来购买很多的设备和书籍，还有可能开劳务费，也算是血赚了吧。
+
+#### 7. 搞工作室
+
+如果你对技术有浓厚的兴趣，可以加入或者申请一个自己的工作室，学校也很鼓励这种学生活动，会给一些经费支持。但这个也需要花费很大的精力了。
+
+#### 8. 辅导功课
+
+大学有很多计算机之外的专业，也需要学一至两门编程语言，C 语言、Python、Java、Web 开发都会有。对新手来说，自学会有一些难度，而且毕竟其他专业的同学并不想专注学编程，就愿意花钱找计算机的同学来辅导速成。这个时候你就可以上了，给别人讲的同时，钱也赚了，还能帮助自己复习一遍，发现自己曾经疏忽的一些知识点，一举两得！
+
+![](https://pic.yupi.icu/5563/202311021518284.png)
+
+#### 9. 接外包
+
+网上有非常多的收费 Lab 实验和外包项目平台，像程序员客栈、猪八戒之类的，有短期、也有长周期的，视需求复杂度来给钱。不过我不太建议还在学校的朋友去接大的外包，这玩意一般都比较麻烦，风险很大，面对你一个大学生，甲方爸爸说改需求就改需求了，太恶心！
+
+还在学校的小伙伴一定不要被外包束缚了，也别信网上什么几天一个几万的项目，毕竟人家是老油条了。
+
+
+
+------
+
+
+
+还有一些其他的方式，比如远程帮别人完成一些作业、写付费专栏、在线授课等，这些难度都比较大，但的确收益高。
+
+最后再次提醒在校的朋友们，大学期间无论如何，都要以学习为主，多做和自己未来目标相关的事情。虽然现在网络上赚钱的方式太多了，比如拍抖音、直播带货、做公众号等，但每个人志向和天赋不同，别人的成功不一定是你能够模仿来的，未必能够看到成功背后的故事。
+
+所以，赚钱虽好，但一定要保持清醒，不要掉进钱眼里哦。还是先踏踏实实的，想当程序员的话，就先学好技术再考虑赚钱，或者像上面提到的边学边赚。
+
+最后，祝大家发大财、行大运，听说 **点赞 + 在看** 运气会翻倍哦！
+
+![](https://pic.yupi.icu/5563/202311021518791.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md"
new file mode 100644
index 0000000..6bbbf7b
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\244\247\344\270\211\346\227\266\345\201\232\347\232\204\347\276\236\350\200\273\351\241\271\347\233\256\357\274\201.md"
@@ -0,0 +1,102 @@
+# 我大三时做的羞耻项目！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 大学时期独立开发的作品分享
+
+大家好，我是鱼皮，最近翻留言，发现有不少小伙伴想了解下我大学时做过的项目，必须安排！
+
+下面就分享我在大三下学期时独立开发的 **羞耻** 项目 —— 分布式邮件调度平台。
+
+为什么用 “羞耻” 来形容呢？往下看。
+
+![](https://pic.yupi.icu/5563/202311021521656.png)
+
+### 项目背景
+
+这个项目是为了一年一度的计算机应用能力大赛而准备的参赛作品。因为大二时只拿了三等奖，所以想在大三时扳回一城，于是强行拉了两名室友和我一起报名，准备搞个大计划。
+
+结果呢，因为当时在字节跳动实习，其他空余时间都在刷算法和深入学习 Java 后端，就导致快到比赛结束了才想起来 提交 开始做作品。
+
+![](https://pic.yupi.icu/5563/202311021521680.png)
+
+所以，最后只花了 7 天左右，就把这个作品赶出来了。不仅没有经过充分的测试，写出来的代码也比较粗糙，来不及优化，换言之就是 **能跑就行** ，或者能在 PPT 上展示、有个截图就行。
+
+自己现在回想起来，真的是忘记了自己报名比赛时的豪言壮志。
+
+### 项目介绍
+
+由于大二参赛时做了一个大而全的项目《校园二手交易平台》，所以这次想做个 **技术 + 应用** 相结合的项目，本来的项目名是 “邮件发送平台”，太 low，就改名为 “分布式邮件调度平台”，瞬间高大上了许多~
+
+![](https://pic.yupi.icu/5563/202311021521684.png)
+
+为啥要做这玩意儿呢？
+
+给用户发邮件是开发中很常见的功能。如今技术日新月异，各种框架层出不穷，但是定时邮件、延迟邮件、事件触发邮件等功能需要自己实现，较为复杂；且在邮件数量过多，网络不稳定等因素时，我们很难对发送邮件的结果以及历史进行一个统计管理。
+
+因此我想要通过简洁的界面去集中管理邮件的发送、自动回复、失败重发，并且能够对历史邮件进行统一的日志记录和查看。
+
+![](https://pic.yupi.icu/5563/202311021521738.png)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+      集中管理邮件调度
+  	</div></center>
+
+
+
+对于现在的分布式应用，单机的 “邮件调度平台” 已经难以满足性能需求，因此需要 **分布式** ，利用 RPC 远程调用实现各独立应用与主服务器的交互。
+
+其实整个系统的设计很像开发一个分布式任务调度平台，只不过更专注于邮件而已。
+
+### 技术栈
+
+这是一个前后端兼备的全栈项目。
+
+在技术的选型上，前端使用主流的 Vue 框架、Element UI 组件库，并通过秘技 `IceWork` 快速生成前端页面，要不然 7 天光前端都写不完！
+
+后端就用主流的  Java SpringBoot，用 Quartz 实现定时任务调度、用 Java Mail 实现邮件发送等。由于时间紧急，也没有用关系型数据库，大部分数据都直接在内存用 HashMap 和 Redis 存储了。
+
+此外，为了保障服务端的稳定性，用时序数据库 InfluxDB + Grafana 搭了一个应用监控。
+
+![](https://pic.yupi.icu/5563/202311021521000.png)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+      Grafana 应用监控
+  	</div></center>
+
+
+
+### 项目演示
+
+用图文来展示项目没那个味儿，所以我特地录制了视频，并且上传到小破站了，欢迎大家观看~
+
+视频地址：https://www.bilibili.com/video/BV1t54y177qs/
+
+（或者点击文章下方 **阅读原文** 直达）
+
+![](https://pic.yupi.icu/5563/202311021521961.png)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+      项目截图
+  	</div></center>
+
+
+
+### 项目资料
+
+虽然由于时间紧，导致项目做得并不完善，但应该还是有值得参考的地方，索性就将项目的设计文档、答辩 PPT 还有所有的源代码全部给大家！
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311021521965.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\255\246\350\256\241\347\256\227\346\234\272\347\232\204\345\233\233\345\271\264\357\274\214\345\205\261\345\213\211\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\255\246\350\256\241\347\256\227\346\234\272\347\232\204\345\233\233\345\271\264\357\274\214\345\205\261\345\213\211\357\274\201.md"
new file mode 100644
index 0000000..0e0da74
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\346\210\221\345\255\246\350\256\241\347\256\227\346\234\272\347\232\204\345\233\233\345\271\264\357\274\214\345\205\261\345\213\211\357\274\201.md"
@@ -0,0 +1,243 @@
+# 我学计算机的四年，共勉！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+前几天在某乎上看到一个问题：大学计算机系最努力的同学都是如何学习的？
+
+![](https://pic.yupi.icu/5563/202311021502417.png)
+
+看了几个高赞回答后，真的是感同身受，也想和大家分享一下自己大学的学习经历，算是给自己一个继续前行的动力吧。
+
+**与君共勉！**
+
+## 我的大学四年
+
+**论努力，我不会输给任何人。**
+
+认识我的朋友都知道，即使目前在鹅厂的高压下工作，我也依然坚持利用午休和下班后的时间创作，每晚都是接近 2 点才上床休息。
+
+朋友们总劝我，你别肝了，我说：大学的时候，可比这累多了。
+
+**下面分享一下我通过自学，最终拿到大厂 offer 的故事。**
+
+![](https://pic.yupi.icu/5563/202311021502441.jpeg)
+
+### 前言
+
+我是上海一所 211 学校的本科生，网络工程专业，虽然学校不算太差，但在各种 985 面前，是没有竞争力的，只能说学历不拖后腿。
+
+我从小就对计算机很感兴趣（主要是喜欢打游戏），由于高考时失利严重，所以在进入大学前，就给自己定下了一定要进大厂的目标，决定要好好努力，不输其他名校的同学，我要证明自己不比他们差。
+
+不过现在回想起来，当时确实是年少轻狂啊，也没有想到零基础学习计算机，竟然需要那么漫长的努力。
+
+还好，虽然在追求目标时走了一些弯路，但总体还算顺利。
+
+下面分享我大学四年的学习和求职经历、方法、技巧经验，在最后精心总结，建议大家收藏，并定期和自己的现状来对比，按照我的经历，每位同学都可以进大厂！
+
+### 大一
+
+其实，我的大一比较滑水，新鲜的事物太多，让我渐渐忘了入学前的目标，忽略了学习的重要性，不过这也应该是大多数同学的真实写照吧。刚入学时我加了很多社团，每天就是和兄弟姐妹们开心滴玩耍，完全不在意自己的成绩。但幸运的是，我加入了一个给学校开发网站的工作室，老大给我布置了一些学习网站开发的任务，因此上学期也学到了一点课本之外的知识，但专业课的成绩着实一般。
+
+寒假回家跟名校的朋友交流后，我意识到自己忘记了曾经的目标，于是决定洗心革面，发奋图强。和朋友的交流中，我意识到想要学好编程，仅通过学校的计算机课程是远远不够的。于是，我买了几本书，在大学的第一个寒假，学完了 Java 这门编程语言、数据库理论和 MySQL 数据库的使用。刚开始自学的确比较困难，所以整个寒假 **每天早上 8 点钟爬起来就是学习，一直学到晚上**，那段时间几乎是 **闭门不出**，所以感觉时间过的很快。自己对这个寒假也没有什么深刻的记忆了，有时 **因为一个 bug 熬到半夜** 的郁闷心情。
+
+在刚开始学 Java 时，我看书上的例子是看一遍忘一遍，看了半天啥也没学会。于是，我就跟着书本敲代码，把每一个例子，每一行代码都理解、啃头，认真完成课后练习，并且将练习的代码结合自己的想法做了些修改，试着自己开发了一些小软件，比如整人儿程序，打开软件后就会在屏幕上出现无数个关不掉的窗口。自己开发和设计程序的过程是非常爽的，没有课本和作业的束缚，让我渐渐对编程产生了兴趣，也为后面持续努力自主学习埋下了种子。
+
+在大一下学期，我首先端正态度，开始认真学习学校的计算机专业课程，希望能得到一个好的成绩。除了学校教的基础课外，我在网站开发工作室中学习了更多网站开发知识，主动承担校园网站建设任务，并且用学到的技术手动为自己开发了个人博客，来记录自己的学习过程。
+
+随着前端学习的逐渐深入，我开始好奇前端页面背后的请求逻辑，于是开始自主学习 Java 后端的知识，刚开始接触后端，感觉像是打开了新世界的大门，我意识到， 握草，编程真的是这辈子都学不完啊，然后开始更努力地学习。
+
+与此同时，在这学期，我抓住了两个机会，首先是作为队长申报了国家级大学生创新创业项目，这个项目的申报属实不易，我被老师拒绝了好几次，他每拒绝一次，我就重新提一个想法、设计一个方案，最终终于成功抓住了机会，带领团队开发了一个一站式校园信息整合系统。做这个项目的时候，正是课程最繁忙的时候，那段时间，光是做课程 oj，就让我很头疼了，但还好有责任心驱使我前进，每天晚上肝到 2 - 3 点，我也能够将项目做好。
+
+![](https://pic.yupi.icu/5563/202311021502985.png)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+      参与创业项目学习
+  	</div></center>
+
+第二个机会是，我加入了导师的研究生团队一起做项目，机会是靠自己争取的，简单的说就是毛遂自荐，虽然当时我只学了简单的 Spring 后端开发，但我相信自己能够通过爆肝，虽不奢望追上师兄们的步伐，也要不拖大家的后腿，为项目多做贡献。
+
+光通过做项目，我就赚到了几万块钱，做到了经济独立，同时也积累了一些经验，在专业课上取得了不错的成绩。
+
+当时的我，天真的以为，照这个节奏努力下去，已经足够了。
+
+但随着我看到了身边更多优秀的人（比如我表哥，在清华，**大一发论文**，他是我最优秀的榜样），学到了更多的知识，我发现，自己还是太嫩了，那个时候的自己，根本谈不上努力，只是个沉迷学习的傻子。
+
+### 大二
+
+大二这一年，除了担任班长，我还当了学生会部长、社团部长、网站开发工作室的负责人，因此，除了专业课学习外，还有非常非常多其他的事情要处理。但是，不论其他事情要处理到多晚，我都始终坚持每天留给自己几个小时用来自学技术，哪怕熬夜到凌晨三四点，然后第二天 8 点接着醒来上课。课上犯困的时候，我会做一些相对不用动脑的工作，比如记录一些实验课的报告。然后等回了寝室，躺在床上，把电脑放被子上，我便会打起精神，开始自主学习编程。
+
+虽然此前我已经学了很多编程语言，但是，从大二开始，我坚定地选择 Java 作为自己的主语言。
+
+大二上学期，我几乎每天都是在教学楼、学院楼或是图书馆度过的。为了巩固自己的 Java 基础，我不仅上网看了一套完整的 Java 视频教程，还读了《 Java 核心技术卷》这一经典书籍。为了检验自己的学习成果，我自主报考了国外的 Java 等级认证，特地办了张跨境银行卡来支付报名费，还好通过努力复习，高分通过。Java 基础打扎实后，我开始学习主流的 Java 开发框架、微服务技术等。我的记性比较差，但还好学编程不靠死记硬背，背代码的肯定是比不过自己做项目、多写代码的。因此我学编程知识时有个特点，就是边学、边敲代码做项目，每学完一个技术，我都会独立开发一个项目，比如团队协作系统、CRM 管理系统、校园通讯系统、即时聊天系统等。
+
+哦对了，那会儿，之前的网站工作室负责人毕业了，临走时，把工作室托付给了我，当时工作室成员不多，光我自己，就独立做了 5 个以上的网站。在老师的推荐下，我还去给其他学院的老师开发系统，而且那段时间，在上数据结构和算法这门课，我还在研究 ACM 方面的题目，所以有时会忙到连中午吃饭的时间都没有，直接待在其他学院的老师办公室吃盒饭。
+
+我会整理自己做过的项目，慢慢地竟也积累了不少，有一些项目改造改造，拿去完成课程大作业，或者参加比赛，都非常不错。
+
+我也经常在自己写作的地方分享自己做过的项目和经验，欢迎大家看一下。
+
+大二寒假，我参加了一个计算机作品竞赛，有幸找到一位很优秀的学长，他做后端，我做前端，我们一起开发了一个大学二手置换平台。在这个过程中，我学到了很多团队开发的技巧，也从学长身上学到了很多编程小姿势。学长校招拿到了阿里的 offer，也是给我带来了不少的鼓励吧。
+
+这个寒假，除了开发作品外，我看了一些计算机网络方面的书籍，补充自己的理论知识，基本也是全天都在学习，只有晚上跟朋友出去玩玩桌游，即使在玩时，可能抽空还会想想白天遇到的难题，痛并快乐着吧。
+
+![](https://pic.yupi.icu/5563/202311021502471.jpeg)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+      学院楼自习
+  	</div></center>
+
+通过不断开发作品，我意识到自己的前端网站开发效率好像不太高，于是在大二下学期，我开始学习前端框架 Vue，比 jQuery 更加高效地开发体验带给我极大的学习兴趣，一口气学了一个多月，看完了 2 套 Vue 完整教学视频，并且自己动手写了几个 Vue 完整项目，同时还学到了很多打包工具，自己也实践了他们的配置方式。
+
+当时觉得大二暑假好像没什么事做，就计划要不用技术赚点钱吧，因此我没有选择去做兼职，而是想找一份和自己职业目标相关的实习，于是我开始跑到大公司的官网去投递简历，即使简历上什么内容都没有。结果可想而知，像阿里巴巴这种一线大厂根本就不鸟我，**朋友们觉得真实么？**
+
+没办法一次进大厂实习，那就一步一步往上爬吧。那我就在各种求职网站去海投简历，终于有幸在实习僧上收到了几家公司的面试邀约，基本都是要坐几个小时地铁的公司，但肯定也都要去试试吧。当时自己虽然做了不少网站，但由于面试准备不充分，屡战屡败，结果只有一家公司肯要了我，岗位正好是 Java 后端开发。
+
+于是那年暑假，我每天早上 6 点就要起床赶高铁去上班，学校在郊区，我要先骑着我的小、小电动车去地铁站，然后坐地铁，换乘 2 次，再走老长一段路，来回四个小时的车程。后来，为了省时间，我发现了一条更精妙的路线，公司在高铁站附近，那我干脆就坐高铁去！于是，每天可以节省近一个小时的时间来学习。
+
+![](https://pic.yupi.icu/5563/202311021502407.jpeg)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+      实习的地方夜景
+  	</div></center>
+
+当然，在车上的时间我并没有浪费，而是利用这些零碎时间用手机刷 Java 等知识的练习题、看其他同学的面经、或者阅读公众号上的技术文章。我给自己定了一个每日任务，每天读 4 篇文章，刷 30 道牛客 Java 题目，经过两个月的时间，题目刷通了两遍，也学到了很多技术知识。
+
+那段时间，我白天在公司上班，晚上还要回到学校去接着跟老师做项目或者自主学习，弥补面试时发现的自身的不足。
+
+即使在工作中没什么活的时候，我也会刷算法题，带薪刷算法题，绝对不让自己闲下来，因为我怕我一放松，就会懈怠。等我走的那天，刷了估计也有几十题了。不过有一说一，那会儿网上的算法教程和经验分享都不多，所以我也走了很多弯路吧。给大家整理了一些学算法的资源，希望大家不要像我刚开始一样，随缘刷题，低效又无趣。
+
+还好，整个实习真的非常愉快，虽然只有两个月，但我真的收获爆表。
+
+学到了很多技术和业务知识，开拓了眼界，也明确了我今后的职业发展方向；学会了团队沟通和协作，懂得了诚信的重要，也收获了人脉。当然，最重要的是收获了人生一段难忘的回忆。
+
+![](https://pic.yupi.icu/5563/202311021502746.png)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+     当时的工位
+  	</div></center>
+
+这也是为啥我建议大家在学了一些技术后，**趁早去找一份实习**，不用担心自己的经验不足，通过面试和企业工作的磨练才能让你积累更多的经验和技术，也能帮助你明确自己的目标。
+
+不过遗憾的是，到最后也没赚多少钱，饭钱自己掏，高铁费齁贵，哈哈。
+
+在今年，为了解决学了就忘的问题，我开始使用一种新的学习方法 —— 费曼学习法。每次学到一些知识，我会尝试用自己的方式进行复述，并和其他同学进行分享。只有能清晰地讲述所学知识，并让他人能够理解，才算是真正学会了。用这种方法，我不仅加深了对知识的印象，语言表达能力也得到了很大的提升，还有了更多给学院同学分享的机会，开过几场讲座，而这些都对我今后的面试非常有帮助！
+
+让我欣慰的是，自主学习课外技术竟也帮助我理解了一些学校的课程，因为很多理论知识之间是有关联的吧，所以今年的成绩还算不错，拿到了国家奖学金。我用奖学金的钱，再加上之前做项目的钱，买了配置更高的电脑和设备，激励自己学习。
+
+![](https://pic.yupi.icu/5563/202311021933500.png)
+
+  <center><div style="color:orange;
+    display: inline-block;
+    color: #999;
+    padding: 2px;">
+     自己赚钱买的电脑
+  	</div></center>
+
+### 大三
+
+在之前的几次面试失利中，我感觉自己的编程知识是缺斤少两的。一方面我要学习更多且更深层的后端知识，不能仅停留于 “会用”，而是要 “活用”。因此在大三这一年，我又学了像消息队列、搜索引擎等企业后端必备的技术，以及 MySQL 优化、虚拟机调优、Redis 底层，并且通过阅读源码，自己搞了一些框架。另一方面，我意识到了数据结构和算法的重要性，开始刷算法题目，每天早上花 2 - 3 个小时搞几道题，坚持了近一年，总共搞了 1000 道题吧，也顺便考了一些算法类证书。
+
+学的技术越多，我越发现啊，学编程还真是得靠敲的！光说不练假把式，其实很多视频教程中的小 Demo 都蛮不错的，要注重积累，并试着将重复的代码进行抽象，避免重复造轮子。很多技术都是因为有实际应用需求，才被人创造，才需要你去学习，比如你要做一个支持用户登录的 APP，你就要学习登录机制；要做即时通讯，你就要了解 RTC、Socket；性能低了，你就要去优化；担心网站被黑了，你就要做安全措施；懒得写重复代码，你就要学低代码、大前端等等。
+
+直到现在，我依然是一名兴趣驱动型 coder，会经常带着小伙伴们一起做一些好玩轻松的项目，提升兴趣的同时学到不少编程小技巧，欢迎朋友们来看看。
+
+正因为明白兴趣和实践的重要性，所以我大三一整年都沉迷于做项目、找实习、参加竞赛，乐此不疲。
+
+上学期先是在实验室跟着老师研究区块链技术，不得不说，实验室的环境更适合学习，从早上起床就来实验室，直到晚上十点多甚至是十一点才走，感觉真是很充实！几个月过去，终于开发出了落地应用并出版了一本教材（个人编写占比超过 50%），也是这段时间的研究让我浮躁的内心渐渐变得平静。
+
+![](https://pic.yupi.icu/5563/202311021502387.png)
+
+在寒假前我向字节跳动投递了简历，在一份实习经历和坚持刷算法题的加成下，我很顺利地成功通过了面试，开始了日常实习生活，在不敲任何一节课的情况下，每周上班 3 ~ 4 天。（好奇为啥没翘课还能一周上这么多天班么？后面详细给大家分享，欢迎关注我呀！）
+
+实习部门是个新部门，地铁每趟要近 2 个小时。虽然使用的是自己不太擅长的 Php 和 Go，但学习起来很容易，导师和上级非常好，给我绝对的发挥空间，从入职起就参与项目的需求评审，甚至后来是自己一个人负责了一个项目的后端，和其他部门的同事打交道也非常多，成长非常非常非常快！而且字节跳动的待遇真的没话说，全员 Macbook +免费三餐零食下午茶。
+
+后来快离职了，导师和上级也没给我安排什么任务，除了解决下之前写的 Bug 外，我不会闲着，有空就坚持刷算法，LeetCode、交大 OJ、浙大 OJ、牛客、PAT、北大 OJ，我都刷了几十道题，其中 LeetCode 刷了 600 多道！顺带一提，在来回四个小时的车程中我依然会看技术文章、背单词、看面经、或者刷刷面试题目。不得不说，字节跳动真的是一家很好的公司，他的价值观（字节范儿）也带给了我很大的激励吧，共勉。
+
+![](https://pic.yupi.icu/5563/202311021502690.jpeg)字节范儿（当年是 5 条）
+
+实习四个月后，我跑路了，原因是自己还在纠结到底是保研还是就业，不妨两者都试试，到时候再选择一个更优解。所以回到学校后，为了丰富简历、给上海落户凑一些积分，我参与了一些大型竞赛，像挑战杯、互联网+、三创赛，在所有团队成员共同努力并让我抱大腿的情况下，也获得了一些奖项。
+
+![](https://pic.yupi.icu/5563/202311021502630.png)
+
+后来，某天在校溜达时，我突然收到了腾讯的电话面试邀请，总共只有两轮面试，都是些后端问题，还好我每天都在看面试题，有备而来，所以答得还行，也就顺利搞到了暑期实习的 offer。
+
+大三这一年，我专门搞新技术的时间并不多，但是通过不断做项目、刷算法、不断发现和解决问题，我的基础和技术能力都有了很大的进步。有了更多的知识积累，在学新技术时，我可以将一些新知识和以前的知识对照和串联，从而理解的飞快！比如学过前端 Vue 框架后，再学习 React 框架就轻而易举，我的技术栈也越来越丰富了。
+
+### 大四
+
+大三暑假，我开始了在腾讯的实习生活，刚开始还是挺不适应的，总是在简单的工作上翻车，但后来多花了些时间学习，也渐渐能独立完成工作了。后来，我在实习转正答辩中取得了同组第一的成绩，顺利搞到了不错的 offer，并成功签约。不知道小伙伴们是否需要我出一期实习转正的视频呢？
+
+整个大四，我基本都在腾讯实习，每天依然是坐地铁往返学校和公司，在路上坚持学习。疫情期间，我就在家里远程实习，下班的时间除了做毕业设计、写论文之外，我还独立开发和上线了一个完整的小程序【面试君主】。
+
+等毕业证搞到手，我已经在腾讯实习了近一年，后面的转正也都非常自然。
+
+不过转正之后，激动的同时，身上的责任和压力也大了许多。想了解我转正经历的朋友，请点赞后在评论区告诉我吧，让我知道有人看了几千个字后，来到了这里~
+
+
+
+------
+
+
+
+这就是我的大学生活，一段平凡的奋斗史。
+
+当然，想要进大厂，只靠努力还是不够的（但不能不努力），我认为进大厂还需要以下要点：
+
+1. 兴趣，学自己喜欢的，这是你前进的主要动力
+2. 目标，有目标才有规划，才能避免像我一样走了弯路浪费了些时间
+3. 自学，只有持续自学，你才能看到更大的世界。其实现在网上好的学习资源非常多，为了帮助大家发现优质编程资源，我花了 200 个小时开发了编程导航，还整理了免费编程资源大全。
+4. 实践，纸上得来终觉浅，对编程来说更是如此，必须要多加练习
+5. 机会，在我的故事中看似有很多的幸运，但其实每一个机会都是要自己争取来的，你变强了，更多机会和幸运才会眷顾你。而每个机会都可能会改变你的命运。
+6. 突破，打破自己的舒适圈，这样才能给自己多一点选择，多一点成功的可能性。
+7. 时间，珍惜你大学的时间，这段时间的努力会在未来，给你带来更大的价值
+8. 生活，保持健康规律的生活，不要像我一样因为常年熬夜，记性越来越差，头发掉的越来越快。
+
+**最后再给在校的同学们一些建议。**
+
+### 建议
+
+给目标直接就业同学的建议：如果时间还多，那么就按照自己的节奏和兴趣去学习技术并实践，心无旁骛。你要知道研究生也才多一年多的做项目和研究时间，如果本科你把别人准备考研的一年用于学习技术，那么技术实力完全不输于研究生！
+
+给考研同学的建议：提前了解目标院校考察的专业课，并在该门课初学时就多下功夫。所有的实践课要好好学，平时有空也多上牛客等平台认识更多的朋友，了解找工作常用技术和其他同学的情况，避免考研失败后春招完全小白。
+
+给保研同学的建议：如果 **一心决定读研**，担心保不到好的学校，也可以准备下考研，顺便也能复习到一些面试知识。
+
+总之，给自己 **多一个选择，多一条后路**。
+
+
+
+------
+
+
+
+我的座右铭：**相信自己有能力，那么你就真的会有！**
+
+希望这句话可以鼓舞到更多的同学吧。
+
+另外，很多同学对知识博主的生活可能比较好奇，我是怎么做到 **连续日更不中断**、同时维护两个公众号、又做视频、又写文章、又做直播，又能作为项目主负责人，和小伙伴们一起持续开发自己的网站【编程导航】的呢？
+
+![](https://pic.yupi.icu/5563/202311021502779.png)
+
+我工作之后的日常，可以看这篇文章：[聊聊最近的生活](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247493379&idx=1&sn=2dd40dac552b3415438b77404d3da082&chksm=e9c200f4deb589e217d24726c480f944c54df667a300ac7c096c765fbfa8e871f6d2f42f2bbb&scene=21#wechat_redirect)
+
+**因为热爱，所以坚持！**
+
+一起加油吧！
+
+![](https://pic.yupi.icu/5563/202311021502808.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\345\234\250\345\256\236\351\252\214\345\256\244\345\207\272\347\211\210\346\225\231\346\235\220\347\232\204\347\273\217\345\216\206.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\345\234\250\345\256\236\351\252\214\345\256\244\345\207\272\347\211\210\346\225\231\346\235\220\347\232\204\347\273\217\345\216\206.md"
new file mode 100644
index 0000000..8ac3b54
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\345\234\250\345\256\236\351\252\214\345\256\244\345\207\272\347\211\210\346\225\231\346\235\220\347\232\204\347\273\217\345\216\206.md"
@@ -0,0 +1,283 @@
+# 鱼皮在实验室出版教材的经历
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 第一次写书的经验和感悟
+
+大家好，我是鱼皮。
+
+之前给大家分享过自己大学四年的经历：[我学计算机的四年，共勉！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496429&idx=1&sn=fd8c23892964e8d96b2f5698ea2cd0e2&scene=21#wechat_redirect)
+
+在文章中，我提到自己在大三的时候，跟着学院的老师在实验室研究区块链技术，并且成功出版了一本 **教材**。
+
+![](https://pic.yupi.icu/5563/202311021528057.png)
+
+> 区块链教材
+
+虽然这本书的销量可怜，如今更多的是躺在一些学校的图书馆里，但毕竟是我第一次参与写书，对我的意义还是非常大的。
+
+正好也有不少小伙伴好奇：大学时我是怎么写书的？写书要做哪些事？写书难不难？自己也想写本书怎么办？
+
+今天就扯扯当年写书那些事儿~
+
+![](https://pic.yupi.icu/5563/202311021528904.png)
+
+## 第一次写书杂感
+
+本文大纲：
+
+![](https://pic.yupi.icu/5563/202311021528062.png)本文思维导图
+
+### 为什么要写？
+
+一个很偶然的机会，大二暑假的时候，学院信息安全实验室的老师找到我，想邀请我加入实验室，带我一起来学习研究下区块链技术。正好当时那段时间我也出于兴趣学了些这方面的知识，于是就非常激动地加入了。
+
+进入实验室后，刚开始只是学习一些区块链概念和开发技术，并且目标是开发一个区块链落地项目。后来，老师考虑要不要出一本相关的教材，问问我的想法。
+
+起初我是非常犹豫的，一方面觉得写书很难，距离自己太遥远了，担心自己能力不够，怕写不出来耽误事儿；另一方面是本来当时的自己就忙的焦头烂额了，再摊上这么个大活，不得发如雨下？
+
+![](https://pic.yupi.icu/5563/202311021528046.png)
+
+但经过一番考量后，我还是决定要写，为啥呢？
+
+首要原因是 **兴趣**。我做事情是必须要有兴趣和动力的。况且写书是要长期坚持的事，如果我对它没有兴趣，哪怕给我再多时间我也是写不好的。但写书本身对我来说是比较新鲜和神秘的，我自己也一直在写博客，所以想试试写书和博客到底有什么区别，也想挑战一下自己。
+
+但我感兴趣的事情实在太多了，毕竟时间有限，不是说有兴趣的事都能做，所以除了兴趣之外，我还会思考这件事对我的意义。
+
+#### 写书的意义
+
+当时我列了个表，总结了如下几点写书对我的意义：
+
+1. 技能提升：通过写书，肯定可以锻炼我的文笔和思维逻辑。
+2. 磨练心性：自己当时处于一个很浮躁的阶段，手头的事情很多，但基本没有静下心来把一件事做到完整和完美，所以想借这个机会让自己慢下来，踏实一点。
+3. 历练机会：大学期间，有老师指导的写书机会可不多，何况还是自己感兴趣的方向！这对自己来说也是一次挑战，机不可失。
+4. 积累经验：考虑到未来自己可能也会写书，提前接触一下、熟悉流程，很有必要。
+5. 履历：如果能成功出版教材，写在简历上肯定是很有牌面的。事实证明后来的面试中，很多面试官都被我的这个经历晃了下眼，面试的内容也变得有趣起来。
+6. 反馈：虽然我对学习技术很感兴趣，但孩子天性就是爱玩和懒惰。通过参与写书，能够进一步激励和督促我持续学习，通过输出反哺输入（我现在也是这么个状态哈哈）。
+7. 利他：书本是知识传播的介质，我当然也希望通过它，帮助更多人学到技术，这会让我感到快乐。
+8. 金钱：早就说过了我是俗人，跟着老师写书，钱还是很多的哈哈~
+
+![](https://pic.yupi.icu/5563/202311021528075.png)
+
+除了兴趣和意义外，还要再考虑下写书的成本（性价比）。
+
+反正我当时自己也要学区块链方面的技术，也要在自己的网站上写博客，那为啥不顺便把博客文章优化下，整理成书本中的内容呢？
+
+所以真正写书的原因，竟然只是因为顺手！
+
+### 怎么写？
+
+在写书技巧上，我并不专业，所以这里就简单分享下我当时写书的过程吧。
+
+#### 目标
+
+首先，要明确你的创作目标、方向和受众，它们会决定你的实际内容。
+
+比如我写的这本书名叫《区块链智能合约技术与应用》，所以创作内容一定围绕 **区块链智能合约技术**，并且有理论有实际应用。书定位是 **区块链教材**，所以要保证内容完全准确、通俗易懂、适合入门。
+
+#### 大纲
+
+确定目标后，必须先根据目标编写大纲，也就是目录。而不是走一步算一步，先写内容再设置目录。
+
+写大纲的时候，一定要站在一个上帝视角，结合书的目标来编写，注意两个点：
+
+1. 合理设置每个章节的页数、分清主次，不要让和书本主题无关的内容占用了过多篇幅。
+2. 注重章节的顺序和章节间的关联性，由浅入深，或者添加引导（比如本章为附加内容，未学过 xx 技术的读者可跳过），千万不要让读者感觉到断层。
+
+我当时在讲解区块链超级账本技术时，也是站在读者的角度，先从前置基础技术讲起，再循序渐进地介绍新技术的入门、基础篇、提高篇。
+
+![](https://pic.yupi.icu/5563/202311021528064.png)大纲
+
+#### 内容
+
+想要写出内容，肯定是先要下功夫好好研究技术的。
+
+比如说我要写的书是区块链智能合约技术，当时国内对这方面的研究有一些，但实际应用很少，所以我翻遍了国外各主流区块链技术的官方文档、国外的博客文章、国内的技术书籍等，甚至还阅读了一些国外的论文，混进了很多区块链交流技术群！
+
+![](https://pic.yupi.icu/5563/202311021528273.png)部分群依旧健在
+
+有了一定积累后，就可以开始创作内容了，个人觉得不必在第一次写的时候就追求完美，可以先写草稿，把思路串通（先把程序跑起来）。理论章节就多查阅一些资料，像上课记笔记一样写；实战章节就像做实验一样，像写实验报告一样写。
+
+#### 调优
+
+写完内容草稿后呢，就需要反复阅读内容，从以下几个方面不断优化：
+
+**1. 内容细化**
+
+可以对重点内容补充更多的讲解，或者拆分成小点，讲的更清晰透彻。还可以尝试思考读者可能产生的问题，并通过注释的方式补充，比如下图：
+
+![](https://pic.yupi.icu/5563/202311021528191.png)
+
+**2. 提升专业度**
+
+对于教材而言，知识的正确性是很重要的，尤其是理论章节！所以，一定能要充分查阅中英文资料，并在适当的地方补充参考依据，让读者感受到你的专业，并且给读者深一度学习的机会。
+
+常见的参考内容有官方文档、博客、论文等，比如我书本中的这段：
+
+![](https://pic.yupi.icu/5563/202311021528255.png)
+
+**3. 提升可理解性**
+
+以小白的视角来阅读自己的内容，通过添加案例、图片、引导语等方式，让内容更生动，更通俗易懂。比如典型的流程图：
+
+![](https://pic.yupi.icu/5563/202311021528870.png)
+
+**4. 提升内容关联性**
+
+每章的内容都要做到承上启下，开篇承接上文，介绍本章内容；文末总结本章内容，引出下文。
+
+![](https://pic.yupi.icu/5563/202311021528648.png)
+
+#### 排版
+
+技术类书籍的内容很丰富多样，有文字、有小图、有长流程图、有代码等等。所以要注重内容排版和风格的统一规范。比如说正文字体都用 16 像素、提示内容都用灯泡图标等。
+
+![](https://pic.yupi.icu/5563/202311021528979.png)统一排版
+
+OK，以上都完成之后，就可以把稿子交给老师 / 出版社了，等待他们的反馈意见。
+
+### 困难和教训
+
+写书的过程中，也遇到了一些麻烦事儿，总结了一些经验教训。
+
+其中让我印象最深刻的有三件事。
+
+#### 毫无头绪
+
+如果现在让你针对一个技术写一篇文章，你也许能写出来。但如果让你写一本书呢？怎么把这个技术展开或深入地去讲呢？划分为哪些方面呢？
+
+万事开头难，我刚开始也是一头雾水、一脸懵逼。
+
+但我们程序员最喜欢的就是复制粘贴了对吧？复制代码的事儿，那能叫抄么？！
+
+![](https://pic.yupi.icu/5563/202311021528296.png)
+
+自己不会写大纲，没有思路，那不妨多去看看其他的技术书籍是怎么写的，怎么掌控内容的比例（理论 or 实战），怎么由浅入深等等。多借鉴借鉴不就好了？
+
+此外，自己没思路的话，不妨和老师、同学多交流，共同探讨，汲取灵感。
+
+于是，我在最初下笔前，参阅了十几本技术书籍。并且和老师交流探讨，最终共同确认了大纲。
+
+所以在写书前，要多借鉴、多交流，有了大纲，再往里面填内容就行了。
+
+> 开发项目也一样，自己没灵感，那就找一个已有的项目，效仿学习。
+
+#### 资源爆炸
+
+我在写书的过程中，积攒了各种各样的资源文件，比如文字片段、代码、参考资料、PDF、图片、绘图源文件等。
+
+![](https://pic.yupi.icu/5563/202311021528599.png)各种文件
+
+起初没有想到文件会那么多，就没做整理，下载一个图片就随便一丢省事儿～ 结果到最后想找一个已下载的文件都找不到，很多临时想到的好句子也因未及时整理而丢掉了，非常可惜。
+
+所以之后，我在写文章之前会和做项目一样，新建一个独立的目录，把资料按照类别再放到对应子目录中，时常整理，并且把一些好的句子、段落、灵感也集中存到单独的文件中。还可以利用 Everything 等软件帮助自己检索，能很大提高效率，专注写文。
+
+#### 修改噩梦
+
+我记得当时写完文章后，如释重负般提交到出版社，却没想到，这只是噩梦的开始。出版社直接给我打回来修改，改完一遍再提交，结果又被打回来修改，反反复复很多次，有内容问题、有排版问题，其恶心程度和改 Bug 可以一战！
+
+比如这里，就放了一张图，结果出版社的老师给了 4 点建议：
+
+![](https://pic.yupi.icu/5563/202311021528790.png)
+
+后来，我总结了下稿子频繁被打回的原因，一方面是第一次写书没有经验，很多内容确实写的不够好，不够注重上下文的关联；另一方面是有些排版、图文形式没有在最初就统一确定，导致文章写好后再修改时，很容易出现遗漏。还有最致命的一个地方 —— 内容过长，就是文章篇幅没有把控好，于是我不得不把写过的文章又通读了几遍，依依不舍地做减法，白写了很多内容。
+
+所以，在写书前，能确定的事尽早确定，比如排版、内容要求等，不要吃了哑巴亏。
+
+> 做项目也一样，事先明确规范，而不是出事后，再手忙脚乱去弥补，这样只会打消你的积极性。
+
+### 收获与感悟
+
+#### 改变
+
+从起草到出版，整整半年多的时间，对我带来的改变是巨大的。
+
+文笔和思维得到了提升、变得更沉稳、积累了写书经验、简历了添彩、学到了区块链技术、传播了知识、赚钱买了电脑等等，基本我此前的预期全部被满足了。
+
+最重要的是，我收获了一段永生难忘的回忆，真想再回去看看那时在实验室静下心来专注敲键盘的自己啊。
+
+![](https://pic.yupi.icu/5563/202311021528542.png)
+
+> 实验室我的小桌
+
+#### 感想
+
+此前，我觉得能出版书的人都老牛逼了，让自己写一本书简直想都不敢想。
+
+所以教材出版后，我最大的感触是：啊，自己竟然做到了！原来这就是写书，感觉也没有自己想的那么难！
+
+此外，还有一些其他的感想，比如：
+
+1. 写书一定不能硬写，必须得有明确的创作方向，有东西，才能写出来。像我写的章节分为理论和实战两部分，实战部分写的贼快贼爽，因为都是自己做过的实验、写过的代码，轻轻松松就能写一大堆，也无比真实；但理论部分就跟挤牙膏一样，一个字一个字地往外挤，这就是因为自己还缺乏一定的知识储备。
+2. 写书不难，但写好书难于上青天。正是因为我缺少经验、内容写的不够好，不足以出版，才多次被老师和出版社打回修改。说实话，如果没有他们的指点和建议，我写的东西真的太烂太烂了。还是要继续努力，和敲代码一样，多写多看，才能创作出更优质的内容。
+
+![](https://pic.yupi.icu/5563/202311021528116.png)
+
+#### 遗憾
+
+唯一的遗憾就是我为这本书贡献了一半以上的章节，但书的封面却没有我的署名，只是在书本的开头提了一笔。但这也是国内教育现状吧，学生给老师打工呗~
+
+不过我倒觉得无所谓了，本来我参与写书的原因里也没有这点，而且这也并不是真正属于我的书，以后相信还会有机会的！
+
+![](https://pic.yupi.icu/5563/202311021528177.png)
+
+### 以后还会写书么？
+
+有读者问我这个问题，我的回答是：**一定会写**，但至于是否会出版，我可不敢乱立 Flag。虽然很多出版社联系过我，但近两年内，我并没有写书的计划和打算。
+
+原因如下：
+
+**1. 专业度不够**
+
+刚刚毕业一年，还是太嫩了，越成长越发现自己的眼界还是太小，很多事情没自己想的那么简单。所以还是要先持续学习，积累经验，摸透一个领域或行业，等变得更专业了再王者归来。
+
+我自己看书时也更倾向于阅读行业专家的著作，有些东西，即使你天赋异禀，缺少企业的磨炼也是写不出来的。
+
+**2. 没有选题**
+
+就目前为止，我还没有很好的、能打动自己的选题和创作灵感。
+
+自己虽然看过很多技术类书籍，但老实说，现在国内的技术书籍有些功利化（国内技术都是如此），大部分是带你入门或者教你找工作；要不就是各种生搬硬套、依葫芦画瓢的，就拿我当时看的基本区块链书籍一样，开篇理论全是抄来抄去，把国外的文章拿来翻译。
+
+哎，国内真正有深度、有思想的技术书籍还是太少了，你看那些经典书籍，基本都是国外的。
+
+![](https://pic.yupi.icu/5563/202311021528107.jpeg)
+
+我觉得一本好书应该不仅能教读者学到技术，还要让读者能跟着作者的思路，进入到他的世界，学习他的思想，就像是在和朋友交流一样，而不是干巴巴地讲技术。
+
+但我现在也写不出来这样的书，所以再学习学习哈哈。
+
+**3. 个人性格**
+
+我其实是很麻烦的人，不习惯被某种事物束缚，而是喜欢按照自己的节奏来做事。之前在学校的写教材经历已经让我感受到了写书的麻烦，各种修改、各种 deadline（最终期限），还是会给我很大压力的，毕竟工作之后更懂得了自由的可贵。
+
+![](https://pic.yupi.icu/5563/202311021528570.png)
+
+但即使不出版书籍，我也会持续输出。毕竟现在网上的创作专区这么多对吧，哪里不能写文章写专栏呢？
+
+
+
+------
+
+
+最后，碎碎念。
+
+坚持更文 **半年**，今天这篇文章已经是我的 **第 110 篇** 原创了，粉丝数也在朝 5w 进发。
+
+![](https://pic.yupi.icu/5563/202311021528573.png)
+
+打死我也想不到，曾经语文成绩那么烂、阅读理解和作文都是小菜鸡的自己，竟然有朝一日能出版教材、甚至公开向那么多的读者分享自己的文章。
+
+不过这并不是偶然。
+
+始于兴趣，持于负责。从早期草草写文、应付了事、自己都看不懂；再到后面每一篇都精雕细琢、因为一个词句纠结半天，这是我不断尝试和努力的结果，也是我向越来越多的读者交上的答卷。相信早期关注我的读者，都能感受到这半年来我文章的进步。（不是说现在写得好，而是之前写的太烂了哈哈 🐶）
+
+还有太多话放到后面说吧，午休又要特么的结束了，我会继续加油创作滴~
+
+**相信自己有能力，那么你就真的会有。** 希望大家也能勇敢尝试，不断进步！
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，感谢朋友们的支持，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311021528290.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\346\204\237\345\217\227.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\346\204\237\345\217\227.md"
new file mode 100644
index 0000000..c7bff71
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\346\204\237\345\217\227.md"
@@ -0,0 +1,209 @@
+# 鱼皮的毕业感受
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 全新出发！
+
+大家好，我是鱼皮。
+
+毕业季到了，最近也在朋友圈看到很多朋友在分享自己的毕业照，不禁让我回忆起了自己的大学生活和毕业往事，今天就给伙伴们分享下我毕业时的感悟。
+
+> 我是东华大学计算机学院 20 届本科毕业生~
+
+回忆一起，便如断线风筝般收不住了。要说的话实在太多，我就简单总结一下吧。
+
+![](https://pic.yupi.icu/5563/202311021538517.jpeg)我校大学生活动中心
+
+### 回忆
+
+大学这四年，有快乐、有幸运、有感动、有遗憾。
+
+#### 快乐
+
+我觉得自己的大学生活还是很愉快和丰富多彩的，社团、班长、学生会、搞活动、打游戏、合唱、竞赛、实习、讲座、入党、志愿者、工作室、做项目、做实验、和室友吹牛皮、谈恋爱一样都没落下。
+
+大一的快乐是最纯粹的，没有任何课程的时候，跟刚认识的同学们一起寝室狼人杀、玩桌游、出门团自助，真美滋滋！可惜再也回不去咯~
+
+![](https://pic.yupi.icu/5563/202311021538440.jpeg)寝室玩桌游
+
+但要说最快乐的事情，还是一次次成功解决了 Bug、通过自己的努力完成目标，收获了成就感吧。
+
+#### 幸运
+
+我曾经很不幸，高考语文考了 99 分，离上一志愿 **仅差 1 分**！所以我理解高考失利的痛。
+
+但如今，我却感觉非常幸运，并且很热爱和感激自己的学校。
+
+很幸运，学校提供了那么多帮助学生成长的活动和空间，让我可以自由地闯、野蛮生长。
+
+很幸运，学校为家境不太好的我提供了大量的助学金，让我能够购买书籍，集中精力学习。
+
+很幸运，辅导员和老师们十分尊重学生的想法，让我能够灵活安排时间，去做自己认为正确的事。
+
+再次感谢学校，感谢所有帮助过我的人。
+
+这一刻，我一定要为母校代言！**欢迎学弟妹们报考东华大学~**
+
+![](https://pic.yupi.icu/5563/202311021538335.jpeg)
+
+再放张图招招生哈哈：
+
+![](https://pic.yupi.icu/5563/202311021538594.jpeg)
+
+**这不比招生简章好使？**
+
+#### 感动
+
+我是一个很容易被感动的人（也可能是没出息哈哈），大学期间打动我的事实在太多了。甚至是有一些曾经不起眼的小事和物件，放到现在来看，也变得弥足珍贵，更添了一份感动。
+
+**比如下面这些 👇**
+
+大一时养的第一盆植物：
+
+![](https://pic.yupi.icu/5563/202311021538605.jpeg)
+
+第一辆自己组装的自行车儿：
+
+![](https://pic.yupi.icu/5563/202311021538681.jpeg)
+
+楼下的喵：
+
+![](https://pic.yupi.icu/5563/202311021538717.jpeg)
+
+第一次在课上打斗地主（年少无知，后来再也不敢了）：
+
+![](https://pic.yupi.icu/5563/202311021538684.jpeg)
+
+参与轮滑社得到的小挂件：
+
+![](https://pic.yupi.icu/5563/202311021538650.jpeg)
+
+我们的寝室，猜猜门上的画是哪个灵魂画手搞的？
+
+![](https://pic.yupi.icu/5563/202311021538643.jpeg)
+
+第一次 流浪 参加头脑风暴竞赛，买了个冰淇淋被偷拍下黑历史（那会儿头发好茂密啊）：
+
+![](https://pic.yupi.icu/5563/202311021538776.jpeg)
+
+学校爱打架的喵：
+
+![](https://pic.yupi.icu/5563/202311021538715.jpeg)
+
+学校的断桥和神秘岛，直到毕业了也没上去过：
+
+![](https://pic.yupi.icu/5563/202311021538413.jpeg)
+
+第一次在学校开店：
+
+![](https://pic.yupi.icu/5563/202311021538306.jpeg)
+
+第一次创业竞赛，和学校的图咖合作，上面有我们品牌的 Logo：
+
+![](https://pic.yupi.icu/5563/202311021538316.jpeg)
+
+第一次带工作室开会，学弟妹们现在有的刚刚毕业，有的拿到了阿里的实习，有的已经出国，不知近来可好？
+
+![](https://pic.yupi.icu/5563/202311021538381.jpeg)
+
+我喜爱的自习小角落（学院楼）：
+
+![](https://pic.yupi.icu/5563/202311021538394.jpeg)
+
+自己赚钱买的电脑，毕竟这影响我后面的学习、做项目效率，所以电脑算是我为数不多的追求之一了：
+
+![](https://pic.yupi.icu/5563/202311021538302.jpeg)
+
+实验室，环境还是不错的，很安静，我很喜欢~
+
+![](https://pic.yupi.icu/5563/202311021538372.jpeg)
+
+哎，就放这么多吧，再看到这些还是挺感动的。
+
+#### 遗憾
+
+其实本来觉得大学的遗憾还挺多的，但如今回想起来，有些当时的遗憾、未做的事，也已经风轻云淡了，未必真的可惜。
+
+真正让我遗憾的还是大四这一年，因为疫情，导致驾照考了一半中止；因为疫情，导致没能在学校维护项目团队、创业项目被扼杀在萌芽；因为疫情，仅仅只能在最后毕业时返校办办手续，没能在学校多吃几顿、感受下最后的校园时光（本来我因为实习，在学校待的时间就已经很少了）；同样是因为疫情，没能带女朋友多拍点毕业照，自己拍毕业照的时间也只有不到 2 个小时，就把衣服匆匆还掉了。。。
+
+![](https://pic.yupi.icu/5563/202311021538360.jpeg)小毕业照
+
+今后有空了，一定要再回学校看看，弥补下这些遗憾。
+
+> 不过有失必有得，大四那一年，我干了点别的事，之前给大家分享过：[毕业这一年，我成为了一名程序员 up 主？](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492957&idx=1&sn=ad214bddcfa79ea3f08cb34941adeed6&scene=21#wechat_redirect)
+
+### 小建议
+
+最后，给正在校园，或即将步入校园的小伙伴们一些小建议。
+
+**1. 尽早规划**
+
+提前规划自己的大学生活，而不是走一步算一步。很多同学都是因为缺少规划，直到快毕业找不到工作的时候才幡然醒悟，那个时候就会压力山大，追悔莫及。
+
+**2. 勇于尝试**
+
+大学是很好的修炼场，可以给我们比真实社会更多的机会和包容，试错成本比较低（尤其是在大一、大二）。因此大学期间，要多接触新事物，勇于尝试，勇于挑战，无畏失败。
+
+**3. 培养兴趣**
+
+大学之后便是社会，因此建议大家培养至少一个兴趣，任何积极的兴趣都可以，不必受到专业的束缚。日后也许这个兴趣会成为你的职业，成就你的发财致富之路。
+
+**4. 学会独立**
+
+大学期间，一定要养成独立的习惯！一方面是要学会自己照顾自己，为今后步入社会独立生活做准备；另一方面是要修炼独立的心性，决定要自己做，遇到问题和麻烦尽量不要依赖他人。
+
+俗话说得好，吃人嘴短拿人手短，到了社会后我更加明白了这点。人心隔肚皮，没有人有义务帮助你，帮助你的人也未必替你着想，所以，一定要学会独立，有自己的处事方法。
+
+**5. 结交伙伴**
+
+大学你会参与各式各样的社交活动，接触到形形色色的人。虽然大部分人只是一面之交、过眼云烟，属于无意义的社交，但我们仍需要想办法找到可靠的挚友，积累一定的人脉。今后走向社会，朋友多，路子广。
+
+**6. 珍惜时间**
+
+大学四年，看似很长，实则很短。所以我们要珍惜时间，按照自己的规划，分清主次，多做对自己未来发展有意义的事。
+
+**7. 珍惜眼前**
+
+虽然要朝着目标奋力前进，但不能因此忽视了眼前。要多陪伴亲人和朋友，珍惜每一个瞬间的美好事物，不要给自己留下遗憾。毕竟有些事情现在不做，一辈子都不会做了。
+
+**8. 保持健康**
+
+再忙也要注意身体，坚持锻炼。利用好白天的时间，能不熬夜就尽量不要熬夜！我在大一的时候还坚持晨跑，体测时名列前茅，脸不红气不喘；但后来熬夜熬的记性和精神越来越差，犯胃病、掉头发、走两步路就气喘吁吁。
+
+为了追梦却熬坏了身体，真的是得不偿失！
+
+**9. 懂得取舍**
+
+到了大学，新鲜的事物太多，各种社团、学生会、组织、打工机会、赚钱机会等等，诱惑实在太多了。但一定要懂得取舍，不要被眼前的蝇头小利蒙蔽了双眼，因小失大，从而影响了自己今后的目标。
+
+**10. 仰望星空**
+
+人外有人，天外有天。我们无论收获了多少成就，都不能满足，要多抬头看、向外看、向更优秀的人学习，而不是坐井观天、沾沾自喜。
+
+**11. 脚踏实地**
+
+不仅仅要做到持续努力，还要保持踏实的心态，不能因为别人的成就得失影响了自己。尤其是求职季，有些朋友会因为别人拿到 offer 了而变得浮躁，实际上完全没必要，多向他们学习取经，调整心态强化自己就好了。
+
+**12. 谈场恋爱**
+
+最后这点还是挺重要的！大学期间，遇到喜欢的人就大胆去追吧（缺表白网站找我哈哈）！毕竟工作之后再想谈恋爱，时间少机会更少！
+
+不过这个还是要看缘分啦~
+
+![](https://pic.yupi.icu/5563/202311021538443.png)
+
+
+
+------
+
+
+
+毕业，只是一个全新的开始。未来的社会，有更多机遇和挑战在等待着我们。
+
+但无论遇到什么事情，都不要怕，微笑着面对它。相信自己有能力，那么你就真的会有！
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311021538531.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md"
new file mode 100644
index 0000000..5c56361
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\346\257\225\344\270\232\350\256\276\350\256\241\357\274\214\346\227\266\351\232\224\344\270\200\345\271\264\357\274\214\344\273\215\346\204\237\350\247\211\345\244\264\347\247\203.md"
@@ -0,0 +1,45 @@
+# 鱼皮的毕业设计，时隔一年，仍感觉头秃
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享我的毕设作品【玩毛毛】，以及做毕设、写论文的经验。
+
+大家好，我是鱼皮，毕业季快到了，最近不少读者朋友都完成了自己的毕业设计，也有一些同学答辩没啥底气，找我来帮他们的作品把把关。
+
+我看了一些，大部分同学做的都是网站和 APP，也有做小程序和桌面软件的；方向上也是五花八门，除了基本的前后端开发外，还有云计算、嵌入式、物联网、大数据、区块链、计算机视觉、人工智能等等，基本啥都有。也让我不禁感慨，现在的同学们，真是一代更比一代强，后浪啪啪地往我脸上抽啊。
+
+![](https://pic.yupi.icu/5563/202311021536513.png)
+
+还有些大三、甚至是大二的同学，已经开始考虑自己毕设要做什么了，担心自己学的方向会和毕设有所不同，导致最后无法毕业。
+
+其实啊，完全不用担心，大学期间学习自己感兴趣的技术就好了，毕业设计的难度一般不会很大，而且很多学校应该都是支持自己选择课题的。只要别太过划水，跟导师也不要闹什么矛盾，老老实实的，毕业都是不成问题的，学校巴不得大家快点毕业呢！
+
+![](https://pic.yupi.icu/5563/202311021536480.png)
+
+今天，鱼皮就分享一下自己当时的毕业设计吧。
+
+造化弄人，本来毕业设计是想用自己熟悉的技术快速完成，没想到最后竟然被分配了一个我完全没接触过的领域 —— 图像处理算法研究。研究课题的目标是设计一种算法，能够从一大组显微图像中找出指定焦点位置最清晰的图片。为了优化算法，我还用 C++ 和 Qt 这两个之前没深入学习过的技术来开发了一个实验软件。
+
+诺，就是下面这个，大家可以猜猜软件上的图片是啥？我当时把自己做的这个软件称为 “找毛毛”，能够知道地上哪根头发是我掉的。
+
+![](https://pic.yupi.icu/5563/202311021536986.png)
+
+> 毕业设计作品
+
+除了开发作品外，毕业设计最重要的部分就是写论文啦，我记得大概要写 10000 多字吧，因此让很多同学感到脑阔疼啊，完全不知道要写啥，复制粘贴又不一定能通过论文查重大关。
+
+没关系，我给大家做了一期视频，一方面是分享我的毕设作品【玩毛毛】，另一方面，分享我个人关于做毕设、写论文的经验。欢迎大家来看一下，也希望可以给个三连支持呀 ❤️ ！
+
+视频地址：https://b23.tv/QhHIsJ
+
+⬇️ 也可点击下方阅读原文查看
+
+![](https://pic.yupi.icu/5563/202311021536588.png)
+
+> B 站视频
+
+最后，再说个事儿，俺这两天买了一个 **升降桌**，在公司敲代码的时候用，中午午休时试了一下，感觉还是不错的。久坐不动不仅是肥胖的元凶，还可能会有颈椎病、腰疼背疼等毛病，大家学编程和工作的时候，记得多走动走动，注意身体哈！
+
+![](https://pic.yupi.icu/5563/202311021536941.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\350\200\203\350\257\201\347\273\217\345\216\206.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\350\200\203\350\257\201\347\273\217\345\216\206.md"
new file mode 100644
index 0000000..33da716
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\347\232\204\350\200\203\350\257\201\347\273\217\345\216\206.md"
@@ -0,0 +1,193 @@
+# 鱼皮的考证经历
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 学编程要考证么？聊聊我的经历和看法
+
+大家好，我是鱼皮，有个朋友们一直很关心的问题：学编程到底要不要考证？
+
+今天就结合我的个人考证经历，聊聊我的看法。
+
+**本文大纲：**
+
+![](https://pic.yupi.icu/5563/202311021527163.png)
+
+>  考证经验分享思维导图
+
+### 考证经历
+
+大学期间，我总共考了 6 个和编程沾边儿的证，其中有 5 个证是我主动考的，1 个证是学校安排考的。
+
+#### Java OCA 8
+
+考的第一个和编程有关的证书是 OCA 8（Oracle Certified Associate），是 Oracle 公司推出的面向全球 IT 人员的权威认证。
+
+OCA 考试分为 3 个级别：OCA 认证专员、OCP 认证专家、OCM 认证大师，还有很多技术分类，比如 Java、数据库、中间件等。
+
+![](https://pic.yupi.icu/5563/202311021527330.png)认证技术分类
+
+> 认证官网：https://education.oracle.com/certification
+
+我相信很多同学此前根本没听说过这个认证，那我是怎么了解到的呢？
+
+在大二的时候，我刚刚系统地复习一遍 Java 知识点，但担心掌握的还不够牢固，就想着看看有没有什么 Java 的证书，通过考试来检验一下自己的水平，查漏补缺。
+
+于是就在网上各种搜，起初搜不到什么，然后我一想，Oracle 公司不是收购了 Java 么？那不妨去他们官网看看有什么证可以考，他们的官方认证应该也更专业权威。然后就搜到了 OCA Java 8 认证：
+
+![](https://pic.yupi.icu/5563/202311021527055.png)OCA Java 8 认证
+
+仔细看了看认证要求和考试内容，发现和自己的预期完全一致，于是决定报名。
+
+但考证的报名费还是挺贵的，我当时的价格大概是 1200 元，基本远超国内大部分考证费了。而且必须用美元支付，所以我当时还特地办了一个 VISA 卡，当然大家也可以直接去某宝找代付。
+
+![](https://pic.yupi.icu/5563/202311021527076.png)现在又涨价了
+
+既然交了报名费，肯定要好好准备，我就在寒假阅读了专门应对这个考试的复习资料，包括官方教程、其他同学整理的考点等等。因为考试题目是纯英文，所以看的大部分复习资料也是英文的。
+
+大概复习了 20 天左右，感觉就像是重新学习了一遍 Java 基础知识，但学到了更多的细节。
+
+> 官方教程：https://education.oracle.com/java/java-se/product_267
+
+现在网上也有专门面向这个考试出版的书籍，比如下面这个：
+
+![](https://pic.yupi.icu/5563/202311021527085.jpeg)
+
+最后的考试是在国内的代理考点，考试的环境非常棒，就是把你关在一个独立的小房间里机试，总共有几十道题目，有一些概念题，也有一些代码阅读题目。如果认认真真复习过的话，其实通过并不难，但因为还是有些又坑又绕的题目，所以拿满分还是有难度的，我当时自信满满，但也只考了近 90 分吧（满分 100，及格 65）。
+
+![](https://pic.yupi.icu/5563/202311021527260.png)
+
+>  拿到证书
+
+#### 软件设计师
+
+软件设计师是 **软考** 中级的一个分支，是由工信部颁发的计算机技术和软件技术资格证。
+
+![](https://pic.yupi.icu/5563/202311021527208.png)软考中级
+
+> 软考官网：https://www.ruankao.org.cn
+
+按说，我又不想进国企，考这个证干嘛呢？
+
+我是在大三上学期报考的，因为大一和大二学了很多计算机基础知识，所以我想整体复习一下。正好看到了软件设计师的证书，到网上了解了一下，发现它考查的范围正好都是学校教过的课，那不就是不考白不考么！
+
+于是交了 100 多元的报名费，去某宝花 1 元钱买了一整套软考复习视频和历年试卷，大概复习了 3 周，把视频课看完并且做了 10 套卷子吧，知识点包括：编程语言、数据结构和算法、密码学、软件项目管理、设计模式、数据库设计、操作系统、软件工程等。
+
+最后去考试的时候，我发现其他考生基本都已经工作了，没看到像我一样的学生。不过这也合理，主动去考证书的人还是少，大家基本都是需要用的时候再去考。
+
+考试分为上下两个半场，上半场选择题多，更注重基础知识点；下半场设计题多，更注重软件设计和分析能力。
+
+给大家看一道下半场的题目，就是给你一个场景，让你用专业方法（比如 ER 图）去分析和设计数据库系统：
+
+![](https://pic.yupi.icu/5563/202311021527410.png)软考设计题
+
+不准备的话，题目还是有一定难度的，尤其是下半场，有代码分析题和让你手写代码的题目。代码分析题一般是给你一段运用了某种算法的代码，让你人工指出错误（找 Bug）和填空，如果你不了解这个算法，基本就凉了。手写代码题一般是结合了某个设计模式，如果你正好没用过这个设计模式，或者写不出来，那基本也凉了。
+
+最后我的分数也没有很高，但证书也是拿到了哈哈，还是挺有成就感的（请忽略我的照片）：
+
+![](https://pic.yupi.icu/5563/202311021527132.png)
+
+> 软件设计师证书
+
+#### PAT 乙级 & 甲级
+
+PAT（Programming Ability Test）是近几年逐渐流行的计算机程序设计能力考试，分为四个等级：
+
+![](https://pic.yupi.icu/5563/202311021527514.png)
+
+> PAT 考试大纲
+
+> 官网：https://www.patest.cn/
+
+一般来讲，基础级不要考，直接从乙级或者甲级考起，顶级也完全没有必要。
+
+我是在大二暑假才听说了这个考试，看了下考试内容，有点像 ACM，主要是锻炼数据结构和算法能力。正好我当时找第一份实习的时候被算法虐的体无完肤，正在坚持刷算法题目，所以就想通过参加这个考试来激励自己学习算法，顺便检验一下水平。
+
+我的算法能力一般，其实比较没自信，反正报名费也就几十块钱，那不妨先从乙级试试水。
+
+报名之后，我准备了 2 个多月，除了坚持刷 LeetCode 之外，还特地去 PAT 的官网刷了他们提供的练习题，顺便把牛客的简单题目也刷了个遍，保持手感。
+
+考点是在上海大学，考试内容简单粗暴，就像 OJ（Online Judge），总共 4 - 5 道题目吧，每道题目给你一个场景、示例输入和目标输出，让你设计算法、编写代码来解决问题，并根据通过用例数得分。
+
+乙级的题目难度还是比较简单的，基本是一半以上的 LeetCode 简单题加上 1 道中等题，参与的同学算法水平一般也不高（能力强的都从甲级考起了）。我当时乙级得了 88 分，就排名前 5% 了：
+
+![](https://pic.yupi.icu/5563/202311021527819.png)
+
+>  PAT 乙级证书
+
+考完乙级之后，我又去报考了甲级，甲级的题目难度和大厂面试的算法题难度相当，总共 4 道题，基本是 1 道简单题 + 3 道中等题。我当时只完全做对了 2 道题，剩下两道虽然有思路，但时间没有把握好，也是含泪收场吧。
+
+虽然考试的结果并不理想，但起码又让我意识到了自己的不足，回学校继续卷。
+
+#### 网络工程师
+
+这个证说来尴尬，不是我自己去考的，而是我们学校的网络工程专业有一门课叫 “企业 IT 实训”。
+
+这个课的内容就是请外面的培训机构来给我们讲一些网络方面的知识，最后以成功考取证书来换取学分。
+
+记得当时还得坐 1 - 2 个小时的地铁去他们公司上课，内容水就不说了，关键是最后的考试贼牛逼，先给我们讲一遍考点，然后立刻就开始考试，全部是原题，也不存在监考！甚至是当时那个准考证还打错了，叫什么 “网络工程师 **证证** 考试”，贼有意思。
+
+![](https://pic.yupi.icu/5563/202311021527783.png)
+
+通常，一个证的价值和难度是成正比的，所以这个网络工程师的证书就是意思意思，不是华为思科那种专业认证，没任何用。
+
+值得一提的是，学校的这个课还让我们考了一个创业能力证书，也水的不行，那个创业沙盘系统还全是 Bug。
+
+#### CET 6
+
+最后，再提一下大学生基本都会考的 **全国大学英语四六级考试** ，我是在大一下学期的时候跟着学校的第一梯队一起考过的（大一上考四级），成绩不高也不低。
+
+说实话，这个证对计算机求职的作用不大，并不能对你的简历有加成。但如果今后要从事国际化或对英语有一定要求的工作，如果没过四六级，反而是减分项。再说，真正对英语要求高的工作，你一个小小的英语六级证书也没多大用。
+
+不过无论如何，建议大家还是好好学英语、日常多背背单词。虽说英语不好也能学编程，但英语好可以帮助你更快地阅读代码和英文技术文档，不要依赖自动翻译工具，否则很有可能得到错误的内容！
+
+![](https://pic.yupi.icu/5563/202311021527622.png)
+
+> 蛊哥翻译
+
+### 我应该考证么？
+
+扯完了自己的考证经历，回答下大家的问题：我应该考证么？
+
+做事要有目的对吧，我在选择是否要考证前，会先思考 **两个问题** ：
+
+1. 考证能给我带来什么价值？
+2. 考证的性价比是否高？
+
+#### 考证的价值
+
+回顾我自己考证的初衷，基本都不是因为这个证书含金量很高才去刻意地考，而是通过考证 **激励自己学习、帮助自己复习、检验自己的学习成果** 。考证通过了呢可以收获成就感，考证失败也不可怕，能发现自己的不足，查漏补缺。还能把证书写在简历上，填充一点内容，体现自主性。
+
+但说实话，我考的这些证书难度都不大、认可度一般，所以对以后找工作的 **直接帮助并不大** ，面试也基本没被问到过；但备考过程中，激励我自主学习和巩固了知识点，意义还是很大的。毕竟交了报名费，浪费了也不好对吧。
+
+![](https://pic.yupi.icu/5563/202311021527825.png)
+
+#### 考证性价比
+
+有同学说了，要多考证，肯定不会亏的，证书多一个在手里有什么坏处呢？
+
+但别忘了，考证过程中，你要付出很多时间，这些时间拿来做别的事情，比如参加竞赛、做项目，会不会带来更大的价值呢？
+
+我建议大家仔细考虑这两点，再决定是否考证。
+
+### 哪些证书值得考？
+
+我考的证书其实也不多，没办法给大家列举值得考的证书。
+
+但总结下来，考证书首选要 **结合自己的职业目标** ，考取对未来发展有帮助的，而不是别人考我也考、或者为了考证而考证。还有就是一定要选正规的、有一定规模的证书和考点，不要考了一些黑机构自己虚构的假证，谨防被骗。
+
+![](https://pic.yupi.icu/5563/202311021527500.jpeg)
+
+不过，打算从事开发工作的同学可以试试我考过的那些证书，感觉对我的帮助还是很大的。
+
+还有很多大学生比较关心的计算机二级等级考试，对非科班（计算机相关专业）的同学来说，是有用处的，能学到一些计算机技能，有些企业招聘也可能会有这个要求，还能给上海落户加分。但如果你本来就是科班的话，毕业就相当于达到计算机 4 级的水平了，完全没必要考这个证。
+
+
+
+------
+
+
+以上就是本期分享。我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311021527268.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\350\220\275\346\210\267\344\270\212\346\265\267\345\277\203\345\276\227.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\350\220\275\346\210\267\344\270\212\346\265\267\345\277\203\345\276\227.md"
new file mode 100644
index 0000000..eb46d7e
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\345\244\247\345\255\246\347\273\217\345\216\206/\351\261\274\347\232\256\350\220\275\346\210\267\344\270\212\346\265\267\345\277\203\345\276\227.md"
@@ -0,0 +1,283 @@
+# 鱼皮落户上海心得
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+等了很久，终于收到落户批复啦！就差后面办一些手续。
+
+![](https://pic.yupi.icu/5563/202311021540097.jpeg)
+
+>  落户批复
+
+这篇文章首先分享一下自己作为一名本科生，通过攒积分成功落户上海的一些心得。然后手把手带大家使用 `Vue` 框架开发『 上海应届生落户积分计算器 』网站。
+
+## 落户心得
+
+以前从没想过要留在上海，但后来在上海读书，待了一年后，有些习惯了，也逐渐开始爱上这座城市。
+
+我是从大二开始确定落户目标的，一开始什么都不懂，也根本没想过要落户。虽然家长亲戚一直在我耳边叮嘱落户多么多么重要，但当时我的心态就是 “反正买不起房，落不落户不都一样？”
+
+![](https://pic.yupi.icu/5563/202311021540035.jpeg)
+
+后来，自己上网查询了有关户口的信息，突然发现校园落户比社会落户要容易许多，现在清北复交等多所名校的学生甚至可以直接落户！
+
+如果能在毕业时直接落户，将为以后省去不少的麻烦，即使买不起车房，但是先有一个户口总比没有好。
+
+当时上海市落户积分 72 分才能达标，于是我就按照积分规则来简单计算了一下：
+
+| 积分项           | 情况       | 得分 |
+| :--------------- | :--------- | :--- |
+| 最高学历         | 本科       | 21   |
+| 毕业学校         | 第一类高校 | 15   |
+| 最高学历毕业在沪 | 是         | 2    |
+| 学习成绩         | 一级       | 8    |
+| 外语水平         | 英语六级   | 8    |
+| 计算机水平       | 计算机专业 | 7    |
+| 用人单位分       | 满足条件   | 5    |
+
+除了学历外，上述积分项我都拿到了最高分，但总计也只有 66 分，也就是说，如果没有任何竞赛、荣誉、专利等加分，距离落户还差整整 6 分！
+
+怎么去凑这 6 分呢？在当时来看，我觉得参加竞赛是最好的选择，能抱一个大腿就更好啦！
+
+![](https://pic.yupi.icu/5563/202311021540040.jpeg)
+
+于是，我的 “落户目标” 就简化为 “参加竞赛并拿奖”。首先仔细确认哪些竞赛奖项能为落户加分。
+
+![](https://pic.yupi.icu/5563/202311021540010.png)
+
+> 竞赛加分规则
+
+其实对于计算机专业或者学习编程的同学来说，上面的很多比赛我们都可以参与，比如挑战杯、互联网+、数学建模等，会有一定的难度，所以最好趁早准备、报团取暖。
+
+刚开始我试着自己组团参加了一些比赛，但结果都不是很理想， 后来有幸抱了其他学院的大腿，我们一起参与了挑战杯竞赛，并取得了上海市特等奖、全国二等奖的成绩，直接给落户加了十几分！
+
+![](https://pic.yupi.icu/5563/202311021540229.png)
+
+> 挑战杯现场
+
+后来还拿了上海市优秀毕业生等其他荣誉，把竞赛奖项的加分直接拉满（15 分），最终以 81 分成功积分落户。
+
+总结一下，给想落户的同学的建议是，尽早确认目标，先尽量保证基本分拿满，然后多去参加竞赛、争取一些荣誉称号，能力强的同学还可以试着申请一些发明专利。本科无法直接落户的同学也可以考虑读研，研究生阶段科研竞赛机会更多，落户也更容易。
+
+为了帮助更多同学计算自己的落户积分，之前我也开发了一个单页面网站『 上海应届生落户积分计算器 』，就当一个练手项目了，下面一起来实践下吧！
+
+## 开发落户积分计算器
+
+做一个落户积分计算器非常简单，就是一个单页面网站的 Demo，使用 `Vue` 前端框架，除去输入文字的时间，只用 10 分钟就能完成开发和上线。
+
+说是计算器，其实就是一个累加器，整个网站就是一个表单，用户可以根据自己的情况来选择对应选项，每个选项有不同的分数，在网站底部会实时显示当前的总分。
+
+**最终效果如下：**
+
+![](https://pic.yupi.icu/5563/202311021540353.png)
+
+> 落户积分计算器
+
+#### 1. 创建项目
+
+通过 `Vue` 的脚手架工具 `Vue Cli`，输入一行命令，就可以轻松地搭建一个前端项目，还会自动安装依赖包：
+
+```
+vue create can-i-settle-shanghai
+```
+
+生成如下目录：
+
+![](https://pic.yupi.icu/5563/202311021540391.png)
+
+> 生成的项目文件
+
+有了脚手架，真的轻松不少，不用再自己写项目的基础模板啦！
+
+#### 2. 引入 Vant 组件库
+
+要做一个移动端网页，推荐引入一个精美的组件库，这里我推荐有赞的 `Vant`，精致美观、文档成熟。
+
+![](https://pic.yupi.icu/5563/202311021540536.png)
+
+> 有赞 Vant 组件库
+
+参照官方文档的 “快速上手” 部分，先在项目中引入 `Vant` 依赖：
+
+```
+npm i vant -S
+```
+
+然后直接全局引入，比较方便：
+
+```
+import Vue from 'vue';
+import Vant from 'vant';
+import 'vant/lib/index.css';
+
+Vue.use(Vant);
+```
+
+之后就可以使用 `Vant` 的组件了，参照官方文档，选择组件后复制代码到页面文件即可：
+
+![](https://pic.yupi.icu/5563/202311021540514.png)
+
+> 使用组件
+
+引入组件库后，就可以开发界面了。
+
+#### 3. 开发界面
+
+开发界面就像拼图一样，将一个大的页面拆解为多个小的组件，然后自上而下堆积起来。
+
+如下图，整个页面由 “标题”、“输入框”、“单选按钮组”、“底部展示按钮” 组成。
+
+![](https://pic.yupi.icu/5563/202311021540592.png)页面拆解
+
+在 `Vue` 框架中，通常一个页面对应一个 `.vue` 文件。该文件分为三部分：内容、样式、行为，分别对应 `HTML`、`CSS`、`JavaScript` 代码。
+
+一个标准的 `.vue` 文件如下：
+
+```
+<template>
+ ... 写网页内容和结构
+</template>
+
+<script>
+ ... 给页面添加交互行为
+</script>
+
+<style scoped>
+ ... 写样式，美化网页
+</style>
+```
+
+**通常的开发流程是，先写内容，再去美化，最后再给网站添加交互行为。**
+
+编写内容比较简单，可以直接使用 `Vant` 的对应组件，比如 `Radio 单选框`、`Divider 分割线`、`Field 输入框`。在文档中搜索，然后复制代码到项目页面文件中，部分代码如下：
+
+```
+<template>
+  <!-- 通过 style 属性控制单个标签样式 -->
+  <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa'}">最高学历</van-divider>
+  <van-radio-group>
+    <van-radio name="27">博士27分</van-radio>
+    <van-radio name="24">硕士24分</van-radio>
+    <van-radio name="21">本科21分</van-radio>
+  </van-radio-group>
+</template>
+```
+
+再编写一个按钮用于显示当前分数 `total`，并且当 `total` >= 72 时，改变按钮显示的颜色：
+
+```
+<van-button :type="total >= 72 ? 'primary' : 'info'">当前分数：{{total}}</van-button>
+```
+
+写完结构后，再然后美化一下样式，比如增加间距、调整字体等等，此处代码省略。
+
+#### 4. 实现积分计算功能
+
+开发完网站的界面后，要增加交互行为，实现积分计算功能。每当用户点击选项或输入，都要触发一次计算，更新右下角的 “当前分数”。
+
+可以定义一个 `score` 数组来记录得分，比如 “最高学历” 选项组的得分用 `score[0]` 来记录，“毕业学校” 选项组的得分用 `score[1]` 来记录。当然也可以用其他数据结构，如对象。
+
+```
+<script>
+  export default {
+    name: "Index",
+    // 在 data 中定义变量
+    data() {
+      return {
+        scores: [],
+        show: false,
+      };
+    }
+  }
+</script>
+```
+
+用 `v-model` 指令绑定数组元素到选项组，同时要用 `@change` 指令给选项标签绑定一个点击事件，当用户点击界面选择时，改变当前 `score` 数组元素的值。每个选项有一个 `name` 属性，代表选中时的得分。
+
+代码如下：
+
+```
+<template>
+  <van-radio-group v-model="scores[2]" @change="doChange">
+    <van-radio name="2">上海 2分</van-radio>
+    <van-radio name="0">非上海 0分</van-radio>
+ </van-radio-group>
+</template>
+```
+
+比如我点击了 “上海 2分” 选项，`scores[2]` 的值就为 2。
+
+![](https://pic.yupi.icu/5563/202311021540661.png)
+
+那计算总分也就很简单了，只要将 `score` 数组元素累加求和，利用 `Vue` 的 `computed` 属性，可以轻松实现当 `score` 数组值变化时，自动更新总分 `total` 的值。
+
+```
+<script>
+export default {
+  ...
+  computed: {
+    // 定义 total 变量
+    total() {
+      let total = 0;
+      // 循环求和
+      for (const score of this.scores) {
+        if (score) {
+          total += parseInt(score);
+        }
+      }
+      return total;
+    }
+  }
+}
+</script>
+```
+
+计算功能就实现了！
+
+#### 5. 打包发布
+
+本地开发完成后，怎么将网站发布，让所有人都能看到呢？
+
+首先在项目目录下通过命令打包项目：
+
+```
+npm run build
+```
+
+会在生成 `dist` 目录，结构如下：
+
+![](https://pic.yupi.icu/5563/202311021540632.png)生成的代码文件
+
+怎么发布网站到线上呢？先买台服务器？
+
+大可不必，可以使用 `Vercel`。
+
+![](https://pic.yupi.icu/5563/202311021540941.png)
+
+`Vercel` 是免费网站托管平台，可以帮我们轻松部署网站，并生成可访问的网址。先通过 `npm` 安装 `Vercel`：
+
+```
+npm install -g vercel
+```
+
+安装完成后，进入 `dist` 目录，通过 `vercel` 命令发布网站：
+
+```
+cd public
+vercel deploy --name can-i-settle-shanghai
+```
+
+发布成功，会得到一个网址，打开就能看到积分计算器网站啦！
+
+![](https://pic.yupi.icu/5563/202311021540933.png)
+
+就是这样，**点击下方阅读原文**可以查看项目的源代码。
+
+其实很多问题都可以使用编程来解决，也希望大家在学编程的过程中，多多发挥自己的想象，并动手敲代码来实现创意，就能不断进步！
+
+------
+
+此心安处是吾乡，希望大家都能留在自己喜爱的城市，品味生活。
+
+![](https://pic.yupi.icu/5563/202311021540261.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\344\273\226\344\270\223\344\270\232\347\254\254\344\270\200\357\274\214\345\215\264\346\211\276\344\270\215\345\210\260\345\267\245\344\275\234.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\344\273\226\344\270\223\344\270\232\347\254\254\344\270\200\357\274\214\345\215\264\346\211\276\344\270\215\345\210\260\345\267\245\344\275\234.md"
new file mode 100644
index 0000000..878becc
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\344\273\226\344\270\223\344\270\232\347\254\254\344\270\200\357\274\214\345\215\264\346\211\276\344\270\215\345\210\260\345\267\245\344\275\234.md"
@@ -0,0 +1,126 @@
+# 他专业第一，却找不到工作
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 毕业即失业？学校的教育到底有哪些问题？
+
+大家好，我是鱼皮。
+
+新学期又开始了，最近很多学编程的小伙伴向我吐槽：自己跟着学校的课程学习，明明听的很认真，却还是写不出代码。还有同学表示，跟学校学了四年，稀里糊涂地毕业，然后稀里糊涂地就失业了。
+
+所以今天想通过我自己的亲身故事，聊聊 **学校的教育到底有哪些问题** ？也给还在稀里糊涂的小伙伴敲个警钟、指条明路。
+
+## 我的故事
+
+那年，我有幸成为了我校网络工程专业的第一名。但当我充满信心去找工作时，却被小公司的面试官无情嘲讽了。
+
+![](https://pic.yupi.icu/5563/202311021954445.png)
+
+>  阿巴阿巴公司
+
+事情还要从我年幼时说起，那会儿刚经过了高考的致命打击，我发誓要在大学好好学习，认真听讲，成为国家需要的人才。
+
+但等入学一段时间后，我就发现，好好学习真的是太难了，学校很多专业课竟然还保留着 12 年义务教育的 **教学方式** ！
+
+就比如大一上的第一门编程专业课 —— C 语言，课上大部分时间就是一脸懵逼地看着老师黑板上画代码，很难不睡觉。课后呢，老师给布置的作业就是让自己读几十页书（我记得是本绿皮书）。即使我这个 “乖学生” 很认真地读完了，第二节课还是只能阿巴阿巴，啥都记不住。等到上机练习的时候，别说代码了，Bug 我都挤不出来。所以最后考试，一道现在看来无比简单的链表填空题我都不会写，只考了 91 分，耻辱啊。
+
+不是凡尔赛，这是我所有编程语言课里得分最低的一门了。
+
+![](https://pic.yupi.icu/5563/202311021954080.png)
+
+真不是凡尔赛，接着往下看哈。
+
+在跟学校学完 C 语言之后，我刚开始的反应是：是不是我太菜了，学校教的东西我接受不了？
+
+没错，我产生了自我怀疑。这种状态一直困扰着我，直到寒假和名校同学交流，他说：不是你的问题，是学校应试教育的问题。说白了，就是为了让你不挂科、顺利毕业，强行给你灌输知识，哪怕是背代码，也要让你能写答案到卷子上。这是很多学校的通病，就差把答案直接印到试卷上了！
+
+原来如此，我恍然大悟：**想学好编程，得靠自己** 。不能死记硬背，而是要多写代码、多练习。
+
+所以之后我自学了 C++ 和 Java，结果这两门课我全程没听讲，就只是最后复习了一下，竟然都考了 99 分？！
+
+![](https://pic.yupi.icu/5563/202311021954951.png)
+
+先别急着打我，这恰恰是问题的所在。
+
+为什么我自学之后，哪怕上课不听，都能考到高分呢？
+
+这不是表示我聪明，而是证明了几点：
+
+1. 考卷上的知识点很简单。这是事实，我们很多课都是开卷考。
+2. 学校课堂上讲的东西也很简单，很基础。
+3. 实践学习的效果比填鸭式教学更好。
+
+其中，第三点是关键。发觉了这些后，我更加坚定了 **自学** 。
+
+当然，这并不是告诉大家不用听课，像操作系统、数据库系统原理、计算机组成原理、数据结构、算法、编译原理、计算机网络，很多计算机基础理论我觉得是很有必要听的，但也不能死记硬背，而是要通过多写代码来辅助理解理论。
+
+但切忌，跟着课堂远远不够！我们一定要在课外多自学一些知识，而且最好能 **提前自主学习** 。
+
+像 Linux、企业 Java、web 前端、各种实践类课程，我都是提前利用假期学习，开课后直接写报告、刷作业，能顺便帮我复习一遍；考试前再背背，还能再帮我复习一遍，相当于我总共学了三遍！靠这样学习，我的 Linux 课得了 98 分；web 前端考试，我 10 分钟不到就交卷了，也是 98 分。
+
+![](https://pic.yupi.icu/5563/202311021954969.png)
+
+说实话，连着考了不少高分后，我对自己的学习方式和态度越来越有信心了，甚至可以说有些膨胀。
+
+当时没经历过社会毒打的我，觉得自己一身的 “才华” 无处施展。于是然后我就去参与暑期实习面试，那也是我第一次去面试，一家名不见经传的小公司。
+
+结果，面试官对我的成绩并不感兴趣，而是问了我很多技术问题：
+
+- “Java 匿名内部类有什么优缺点”
+- “volatile了解吗？”
+- “Synchronized 原理，锁膨胀过程 ？”
+- “HashMap 实现数据结构和扩容过程？”
+- “http 和 https 有什么优缺点”
+- “有看过 Spring 源码么，用了哪些设计模式？”
+- “AQS 知道吗？”
+- “CAS 知道吗？”
+- “xxxx”
+
+真的没想到，上来几道题，直接把我问懵了！以至于后面的问题我都记不清了，心里想的都是：师傅，别念了！
+
+![](https://pic.yupi.icu/5563/202311021954076.png)
+
+即便问题基本都没答上来，我当时还心存侥幸，想着面试官会不会因为我的成绩破格录取。但万万没想到啊，面试官直接冷笑了一声，还配上了一句嘲讽，大概的意思是：我是废物。
+
+![](https://pic.yupi.icu/5563/202311021954113.png)
+
+我积累了一年的信心，在那一刻瞬间崩坏！好惨，好惨，好惨。。。
+
+结果我后面又面了几家公司，才终于只有一家肯要我，也决定了我未来的发展方向，改变了我的人生。
+
+有同学说了：你这明明都是自学，没跟着学校学啊？咋还找不到工作呢？
+
+是的，我也以为自己找到了编程学习的真谛，但我只是打破了课堂的限制、教学方式的限制，却忽视了一点，那就是学校环境的 **束缚** 。
+
+没错，**学校和企业是脱轨的** ！
+
+学校从来不会教你写简历、从来不会告诉你企业的核心竞争力、从来不会给你画面试的重点、考察算法的重点、从来不会刻意地把你培养成为某个岗位的人才。这些，都需要你自己来探索、实践和积累。
+
+我们换个思路一想，如果学校的课程正好符合企业的需求，大家都认真听讲就都能通过面试、找到好工作了，那公司直接按学校排名来招人、录用人就好了，非名校的学生还有出路么？
+
+通过这几次面试，也让我重新审视自己。人外有人，山外有山，拿个自己学校小专业的第一名，有什么好嘚瑟的？你不会的东西、比你厉害的人都太多了啊！
+
+![](https://pic.yupi.icu/5563/202311021954470.png)
+
+只有当你跳出了学校的环境，多去向外看看，才能海阔天空。这也就是为什么，双非、二本、甚至是专科的朋友，只要努力，也能进大厂。
+
+所以总结成一句话：**跳出学校，自主学习，多去实践，才能变得更强。** 不只是编程，很多学科也都一样。
+
+明白了这个道理后，我得寸进尺地疯狂自学和实践做项目，才顺利地参与了字节跳动的实习、拿到了腾讯等大厂的 offer，才能拥有很多独特的经历，积累很多实用的自学编程方法。
+
+而如果我当时没有意识到这些，只是一味地乖乖听课、写作业、准备考试。如今的我，应该会在哪个高等学府继续乖乖听课、写作业、准备考试吧。
+
+
+
+------
+
+
+以上就是本期分享，共勉！
+
+也欢迎朋友们点击下方 **阅读原文** 观看视频版哦，感觉这次拍的还挺有趣的，大家的评论也是感慨万千。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311021954491.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\270\200\344\273\275\345\256\236\344\271\240\357\274\214\345\235\220\351\253\230\351\223\201\344\270\212\347\217\255.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\270\200\344\273\275\345\256\236\344\271\240\357\274\214\345\235\220\351\253\230\351\223\201\344\270\212\347\217\255.md"
new file mode 100644
index 0000000..d8ac551
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\270\200\344\273\275\345\256\236\344\271\240\357\274\214\345\235\220\351\253\230\351\223\201\344\270\212\347\217\255.md"
@@ -0,0 +1,307 @@
+# 我的第一份实习，坐高铁上班
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 实习经验分享，六点起床，日薪 100，坐高铁上班，为了什么？
+
+大家好，我是鱼皮。
+
+很多小伙伴私信问我些关于找实习的问题，比如学编程到什么程度可以找实习？到哪儿能找到实习？实习时一般都干点啥？我的技术太菜，实习时会不会啥都干不了？实习能让我学到啥？对我的技术提升有没有帮助？
+
+（不过大家最关心的肯定还是实习能给多少钱对吧！）
+
+![](https://pic.yupi.icu/5563/202311021946827.png)
+
+今天就分享下我人生的转折点 —— 第一份实习。是我从有实习想法，到投递简历、参与面试，再到通过面试、正式工作，再到最后离职的完整经历和心路历程，希望对朋友们有帮助。
+
+内容比较长，先提供个大纲吧，方便大家挑选自己感兴趣的部分阅读。
+
+### 大纲
+
+- 我为什么要找实习
+- 我当时的背景和技术
+- 去哪儿找实习
+- 我的实习面试经历
+- 实习工作内容
+- 收获和感悟
+
+### 为什么找实习？
+
+大家有没有想过，自己为啥要找实习呢？
+
+为了技术？为了钱？还是为了一段写进简历的经历？
+
+我是在大二暑假开始了人生第一份实习，当时想实习的原因主要有 6 点：
+
+1. 整个大一寒暑假我都在看书，只跟着书敲代码也挺无聊的，今年就想看看外面的世界。
+2. 我是个懒人，一个人的时候就老想着睡懒觉，所以我希望有一个环境管着我，不让我睡懒觉。
+3. 听学长说实习经历对今后找工作投简历、面试都很重要，自己也得跟上。
+4. 想检验一下自己近两年的学习成果，更好地应用学到的知识。
+5. 想感受下企业的工作环境和氛围，进一步确定自己的职业目标。要是工作不好玩儿，我就去考个研究生吧。
+6. 我是个俗人好吧，就想通过实习，赚点儿钱给自己换台新电脑。
+
+![](https://pic.yupi.icu/5563/202311021946827.png)
+
+那为啥挑大二暑假这个时间实习呢？
+
+我带大家盘一盘啊！
+
+![](https://pic.yupi.icu/5563/202311021946806.png)
+
+首先，一般的实习时间要保证至少两个月，平时要上课，很难有连续的时间。而寒假本来就短，还要过年回家，也不适合实习。因此实习的最好时间是暑假。
+
+大学四年其实很短暂，就三个暑假。大一啥都不会，得学学基础；而大三又可能要准备考研、争取实习转正或准备秋招提前批。因此我认为整个大学最佳的实习时期就是大二暑假。
+
+决定好找实习后，在当时，我对自己的能力其实还是没 B 数的，于是我就思考了下自己会点儿啥。
+
+跟大家分享下我当时的情况吧。
+
+### 个人情况
+
+好吧，我是四月多开始找暑期实习的，但当时我想来想去，越想越没底，好像自己啥都不会。
+
+![](https://pic.yupi.icu/5563/202311021946845.png)
+
+我当时的情况确实不容乐观，因为大一贪玩，是个混子，导致总成绩一般。自己是做过一些网站和项目，但感觉又拿不出手，我自己都嫌弃。再加上此前我又没有实习经历，所以简历空空如也。
+
+不过这可能也是大部分正常同学的真实写照。虽然在之前我的个人经历分享中提到过自己曾获国家奖学金，但那也是找到实习后才拿到的，我大一的成绩实在有些拉跨。
+
+可以说，当时的我，除了一门心思学到秃的信念和臭不要脸的自信之外，一无所有。
+
+![](https://pic.yupi.icu/5563/202311021946822.png)
+
+再说说我当时会的技术，前端大概是 HTML、CSS、JavaScript 三件套，还有简单的 Vue 框架；后端是 Java + SSM 框架 + 数据库，其实就这些。由于自己前后端都学，导致有些漫无目的、啥都没学好，所以找实习的时候吃了不少亏。
+
+很多朋友担心自己学的不够，找不到实习。其实完全没必要担心，也不用把找实习想的太难，咱也不是说第一段实习就非要进大厂，以后机会多着呢。关键就是要像我一样大胆尝试，如果没有自信，教大家一个小技巧，你换上一身帅气西装，找个镜子给自己磕个头，或者骂几句，就可以了。
+
+![](https://pic.yupi.icu/5563/202311021946825.png)
+
+### 去哪儿找实习？
+
+找实习的方法无非就那么几种，而我全部都试过一遍。
+
+首先，刚开始找实习时，因为涉世未深，就知道 BAT 那么几家公司，所以就不自量力地找到各大厂的官网填了简历。
+
+在填简历的过程中，我再次发现了，自己是个废物。比如阿里的实习生简历填写：
+
+![](https://pic.yupi.icu/5563/202311021946812.png)阿里实习简历填写
+
+天呐，看着这一个个必填项，大赛经历、奖励与荣誉，我啥都没有啊！真的是边填边想放弃，感觉自己毛都没长齐，就想着上天。
+
+果然，投递了很多大厂，但没有一家理我。
+
+不过，这也帮助我意识到了自己的不足，掏出小本本记下了，之后我一定要去参加比赛，得到一些荣誉，给自己挽回面子。
+
+![](https://pic.yupi.icu/5563/202311021946363.png)
+
+大厂投递简历不行，我就向身边的一些拿到 offer 的学长询问，能不能帮自己内推。还问了一些老师，有没有适合自己的实习岗位。但因为自己当时能力不够，比较菜，也没有找到合适的机会。
+
+求人不行，那我就利用自己日积月累的搜索能力，在网上查到了两个找实习的宝贝。一个是实习僧，一个是牛客。通过在实习僧自主选择岗位投递简历，以及在牛客找人内推，我成功拿到了几个公司的面试邀请，开始了人生中第一次实习面试。
+
+![](https://pic.yupi.icu/5563/202311021946358.png)
+
+### 面试经历
+
+面了几家公司，这里分享三段让我最难忘的面试经历吧。
+
+#### 首战，这里水太深
+
+第一次面试，不得整的精神点？
+
+我将头发梳成了大人模样，又换上了一身帅气的西装，甚至还特地掏出了去年买的手表，这一看，好家伙，精神小伙！
+
+![](https://pic.yupi.icu/5563/202311021946661.png)精神小伙
+
+于是，我充满希望地参与了几场面试。好吧，其实内心是没底的，每次面试前，我都会给镜子前的自己磕几个头，就差没拜佛烧香了。
+
+第一次面试的是一家创业公司，坐了两个小时的地铁才来到目的地。刚来到这里，看到遍地的高楼，真的非常激动啊，各种 “欧乎，哇偶！”
+
+![](https://pic.yupi.icu/5563/202311021946688.png)
+
+但后来，我发现，这是一个创业园区，我要面试的公司，是个非常非常小的创业公司，地盘仅仅是一层楼中的一个小角的一间办公室。好吧，往好的角度想，起码我的面试压力少了很多。
+
+![](https://pic.yupi.icu/5563/202311021946601.png)
+
+面试前，先给了我一份试卷，本来以为上面会有什么技术难题，结果是一些简单的智力题和性格测试。比如根据规律填数字、问问你大学时期做过最难忘的事情等。
+
+我很快就填完了，然后开始面试。来面试我的是一位小姐姐，出乎意料的是，她竟然没有问我任何一个技术上的问题，都是问了一些我的个人情况，以及为啥要出来找实习等等，看样子应该是 HR。这些问题都是开放的，所以我答起来也没啥压力。最后，她让我回去等通知，离开前，我还回头看了她一眼，看见她摇了摇头。怪事了，感觉自己答得还行啊，她们选人的标准是啥啊？
+
+我不禁感慨道，爷真是太优秀了，都不敢把我招进去。
+
+嗯，失败了，也要洒脱，要自信！
+
+![](https://pic.yupi.icu/5563/202311021946601.png)
+
+#### 再战，我把握不住
+
+这次是面试前端岗位，依然是坐了两个小时地铁来到敌方阵营。这家公司是我当时看到的给钱最多的了，到地方一看，果然还是挺有牌面的，包了整整一层楼。
+
+我当时激动啊，心想自己要能来这里工作多好，不得起飞啊！于是在门口拍了张照记录一下，保持敬畏的态度，可远观而不可亵玩焉。
+
+![](https://pic.yupi.icu/5563/202311021946800.png)
+
+在当时，我觉得自己的前端还是比后端学的好不少的，因此还比较有信心。
+
+但刚进公司，看到是个男的要面试我，我瞬间心凉了半截。
+
+这个男的带我去了一间小黑屋（会议室），我瞅了一眼他的工牌，好像叫什么杰哥，我瞬间紧张了起来。。。
+
+![](https://pic.yupi.icu/5563/202311021946784.png)
+
+还好，他只是给了我份卷子，让我在这间小黑屋里做题。这次的试卷上，都是些前端技术问题了，有填空题，也有让手写代码的题目，比如 JS call 和 apply 的区别、 CSS 怎么实现左边固定宽度和右边自适应等等。
+
+题目难度一般，数量较少，因此半小时后我就做完了。但没人来把我从小黑屋带出去，我抬头看见上面有个监控，也不敢看手机，不敢轻举妄动。就傻傻的等，越等越着急，杰哥，你快回来带我出去啊！
+
+![](https://pic.yupi.icu/5563/202311021946784.png)
+
+过了几个小时，我实在耐不住了，就走出屋子到前台，正好看见那面试官杰哥了，结果他来了一句：你怎么做这么慢？
+
+卧槽，也没人告诉我要自己交卷啊！长那么大，我一直都只有被考官强行收卷的份。
+
+![](https://pic.yupi.icu/5563/202311021946876.png)
+
+然后正式进入面试，总共有三轮，问题我记不太清了，但印象里对当时的我来说，还是比较难的，没有答出来几道题。也是由于我那时还没怎么看过面试题和面经吧，后来一回想，这些题目不过是基础的前端面试题罢了，问的算法也比较简单，就是字符串匹配啥的。看来杰哥等人的确对我手下留情了，只不过奈何我实在太菜，还是凉凉了，对不住对不住。
+
+![](https://pic.yupi.icu/5563/202311021946601.png)
+
+在这之后的几场面试中，我都把自己的水平表现得淋漓尽致，自己的能力也毫无保留地展现给面试官，结果全挂掉了。
+
+![](https://pic.yupi.icu/5563/202311021946601.png)
+
+#### 赢了，能挣 W 了
+
+还好，最后，终于有一家还不错的金融科技公司把我收了，岗位是 Java 助理工程师。
+
+记得当时的技术面试只有 1 轮，主要问的都是些 Java 的基础知识，比如 Java 集合类、HashMap 等。还问我用过哪些框架？有没有看过 Spring 的源码？我就都如实说了，对不起，没看过没看过。
+
+![](https://pic.yupi.icu/5563/202311021946960.png)
+
+本来以为又要挂了，但没想到，竟然通过了！好像我就投递了这一家后端岗位，结果竟然也是唯一一家要了我的公司，真的是很幸运很幸运了。
+
+实习的薪资是 100 多块钱，当时我觉得已经不少了，起码自己终于能挣 W 了！
+
+唯一难受的是这家公司距离学校实在太远，地铁单程要两个多小时，意味着每天 6 点钟就要起床上班。虽然嘴上说着没事，我能坚持。但实际上，我好像除了接受这份 offer 之外，我也没有其他的选择！
+
+![](https://pic.yupi.icu/5563/202311021946223.png)
+
+所以在这之后，我做任何事情都会去争取多一个机会，或者多一个备选方案，防止自己陷入没有选择的尴尬境地，当然，这也需要付出加倍的努力。
+
+感谢自己当时的决定吧，正是这份实习经历，让我坚定了目标，今后铁了心要朝着 Java 后端的方向发展，再也不迷茫了。
+
+### 工作内容
+
+好了，兴致勃勃去上班吧，第一天，我就意识到，对于我这样一个五星级熬夜选手来说，6 点起床是真特么难受啊！
+
+由于学校在上海郊区，所以我每天都要先骑着我的小电动车去地铁站，然后坐地铁，换乘 2 次，再走老长一段路，夏天又特别热，每次到了公司都是大汗淋漓。
+
+还好后来，我发现了一条更精妙的路线，公司在高铁站附近，那我干脆就坐高铁去不就好了！于是，每天可以节省近一个小时的时间。
+
+![](https://pic.yupi.icu/5563/202311021946332.png)
+
+当然，在路上的那么多空余时间，我也没闲着，而是要完成每天给自己定下的学习目标，比如每天读 4 篇编程技术文章，刷 30 道牛客 Java 题目等。
+
+坚持就是胜利，一个暑假过后，我把牛客的题目刷通了两遍，也学到了更广泛的技术知识。
+
+我当时刷题有个习惯就是写题解，在评论区留下自己的思路，相信应该有不少同学刷牛客题目的时候都看到过我的身影吧。
+
+![](https://pic.yupi.icu/5563/202311021946466.png)
+
+来到公司第一天，认识导师和同事们，领取了办公电脑和一个小本本。当时我还是挺激动的，一是公司的环境确实不错，二是没想到公司竟然提供电脑，亏我还傻傻的带了台自己的电脑过去。
+
+![](https://pic.yupi.icu/5563/202311021946849.png)公司环境
+
+用导师的话来形容，我当时就是两个字：特么青涩！
+
+（后来我进公司都知道主动去要电脑了）
+
+![](https://pic.yupi.icu/5563/202311021946820.png)
+
+在同事们的帮助下，我搞好了办公设备，安装了开发环境，然后我以为第二天就能开始写代码。但是过了整整两周，我竟然都没有写下一行代码！而是先花了一周的时间熟悉企业的业务，说白了就是体验公司的产品，在公司的项目网站上注册账号，然后体验下网站的每个功能。了解公司业务后，把项目代码下载到本地，然后熟悉项目源码，以及公司的各种办公软件和研发流程，这些是每位刚进入公司的同学都要做的事情。
+
+![](https://pic.yupi.icu/5563/202311021946055.png)当时的工位
+
+然后我就开始接需求了，第一次接的需求非常复杂，各种我看不懂的业务逻辑，再加上前人留下的屎山代码，我根本无从下手。不过还好我的性格就是不懂就问，于是主动向导师和同事寻求帮助，而不是闷头干。
+
+导师让我针对这个需求的业务流程画个流程图，我当时想，想代码还要画图？多新鲜呐！但当时毕竟自己年轻，就听导师的，开始画图。
+
+![](https://pic.yupi.icu/5563/202311021946159.png)
+
+刚开始画的也很草，就像小孩涂鸦。给导师看了一下，就被打回去要求重新做。做到最后，终于画了一个相当完整的流程图，每一个步骤都详细标注。画图的过程中，我对业务的理解渐渐清晰，画完图之后，更是感觉茅塞顿开啊！终于在一周后，我开始写代码了，其实理清业务之后，先写写伪代码，再去上手写真实代码就很快了。
+
+万事开头难，第一个需求开发完成、到测试、再到上线之后，我熟悉了企业研发的完整流程，后面的工作也就轻松了不少。
+
+在此之前，我基本都是跟着视频教程写写简单的程序和小的 Demo，从来没有像这次一样在写代码前进行如此精心的设计，第一次有了自己走出校园的感觉。我不禁感慨道，果然是实践出真知啊，学校教的知识太浅，倒是有点像个庇护所了，不出校园，永远不知道自己有多菜。
+
+![](https://pic.yupi.icu/5563/202311021946960.png)
+
+正因为这家公司规模不算很大，所以团队的氛围很好，直接和主管、CTO 等技术大佬的交流机会也很多，我们每天开工前都会开站会来讨论工作，并且定期地举办技术分享，还有培养凝聚力的团建。一切对于当时的我来说，都是那么新鲜有趣，每天过的都很充实，的确在后面的所有实习中，再也没有这种新鲜感了。
+
+再分享一些实习时的奇葩事，首先是打死我也没想到，我来了之后没多久，坐在我左边的同事因为谎报工作经验，被裁员了。他写到一半的代码由我来接受。
+
+![](https://pic.yupi.icu/5563/202311021946552.png)
+
+而坐我右边的导师因为公司当时的效益不好，也被裁员了。
+
+![](https://pic.yupi.icu/5563/202311021946885.png)
+
+最后竟然只剩下我了！用同事的话来说就是，组里有个倒霉蛋，是谁我不说。
+
+![](https://pic.yupi.icu/5563/202311021946879.png)
+
+我当时也很怕自己被裁，同事安慰我说，别怕，你拿的钱少，没事的。
+
+我：“？？？”
+
+在导师走了后，由于公司效益的原因，我这边的工作也少了很多，没什么活的时候，我也不会闲着，尽可能利用时间来提升自己。比如刷算法题目，带薪刷算法，日复一日，等我走的那天，刷了估计也有几十题了，还在个人博客上写了一些设计模式相关的文章。
+
+自主学习的事，能叫摸鱼嘛？
+
+![](https://pic.yupi.icu/5563/202311021946143.png)
+
+还有个不经意间对我影响很大的事。就是当时有位我很喜欢的姐姐经常给我投喂零食，她还悄悄告诉我说，自己有个梦想，就是想去字节跳动，听说字节跳动的工牌值几套房，带上工牌还能出入各种高级场地，成为全场最瞩目的焦点。
+
+虽然当时我还不知道这是一家怎样的公司，但默默记在了心中，算是为我的第二份实习埋下了种子吧。
+
+*“姐姐，你没能完成的理想，让我替你实现吧！”*
+
+![](https://pic.yupi.icu/5563/202311021946170.png)
+
+### 收获和感悟
+
+两个月的时间其实很短暂，回顾整个实习的过程，真的非常愉快，让我收获爆表！
+
+比较官方的说法就是：我学到了很多的技术知识，有了自己对于业务的见解，开拓了眼界；同时也在找实习和工作中意识到了自己的不足，明确了我今后的学习计划，以及职业发展方向。此外，我学会了团队沟通和协作，收获了人脉，更懂得了诚信的重要。当然，最重要的还是收获了人生一段难忘的回忆，也能把我的这段经历分享出来，帮助到更多朋友！
+
+说人话就是，这次实习对我帮助太大了哈哈。
+
+这也是为啥我建议大家在学了一些技术后，**趁早去找一份实习**，不用担心自己的经验不足，通过面试和企业工作的磨练才能让你积累更多的经验和技术，也能帮助你明确自己的目标。
+
+不过可惜的是，每天的饭钱得自己掏，高铁费又贼贵，直到最后也没赚多少钱。实习结束之后，原定的买电脑计划成功取消，我给自己买了身西装，准备下次面试。
+
+对了，还买了顶帽子，在那之后的很长一段时间，我基本天天戴帽子，原因大家猜得到的话可以评论出来。
+
+![](https://pic.yupi.icu/5563/202311021946148.png)
+
+
+
+------
+
+
+
+好了，以上就是我的第一份实习，还在校园的朋友们，一定要主动争取机会，并珍惜机会，不要让自己后悔。
+
+**每一个机会和选择都可能改变你的命运！**
+
+话说，最近有位本科和我同校、研究生在北大的学长来鹅厂实习了，竟然在第一天就通过内部的聊天工具在线催更！
+
+![](https://pic.yupi.icu/5563/202311021946286.png)
+
+![](https://pic.yupi.icu/5563/202311021946334.png)
+
+看来我真的要抓紧肝文了，希望朋友们能 **点赞 + 在看** 支持一下，给俺一点创作的动力。
+
+第二份实习经历分享已经在路上了，很快就到！
+
+![](https://pic.yupi.icu/5563/202311021946577.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\272\214\344\273\275\345\256\236\344\271\240\357\274\214\345\255\227\350\212\202\350\267\263\345\212\250.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\272\214\344\273\275\345\256\236\344\271\240\357\274\214\345\255\227\350\212\202\350\267\263\345\212\250.md"
new file mode 100644
index 0000000..67dbc14
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\346\210\221\347\232\204\347\254\254\344\272\214\344\273\275\345\256\236\344\271\240\357\274\214\345\255\227\350\212\202\350\267\263\345\212\250.md"
@@ -0,0 +1,430 @@
+# 我的第二份实习，字节跳动
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 我的超完整字节跳动实习经验分享！
+
+大家好，我是鱼皮。
+
+前段时间，我收到了这样一条短信：
+
+![](https://pic.yupi.icu/5563/202311021951480.png)
+
+原来是字节跳动公司发来的周年庆祝福，看到这个短信，我真是太激动了！瞬间回想起了当年在字节跳动实习的往事，眼泪止不住地往下流啊，好想大喊一句，爷的青春回来啦！
+
+![](https://pic.yupi.icu/5563/202311021951360.png)
+
+在上篇文章中，我分享了自己人生中 [第一次实习](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496813&idx=1&sn=b61b5ca564d74ac5a5902f755d64acb5&scene=21#wechat_redirect) 的经历，是我人生中的重要转折点，让我确定了自己的重点编程学习方向 —— Java 后端开发。然而，第二次在字节跳动的实习，差点让我再次陷入迷茫，把我带沟里去。
+
+为啥这么说呢？
+
+因为在字节跳动，我的工作和 Java 半毛钱关系都没有，写的是 PHP 语言和 Golang！但还好都是后端开发，大方向没偏。
+
+![](https://pic.yupi.icu/5563/202311021951427.png)
+
+这段实习经历，让我学到了太多牛逼的东西，也真正带我走向了社会，提前体验了一把未来工作后的生活。
+
+下面就分享一下我的第二次实习，依然是我从有实习想法，到投递简历、参与面试，再到通过面试、正式工作，再到最后离职的完整经历和心路历程，可以当个故事看看，希望对朋友们有帮助。
+
+鱼皮比较长，先提供个大纲吧，方便大家挑选自己感兴趣的部分阅读。
+
+### 大纲
+
+- 为什么要找实习
+- 我当时的背景和技术
+- 去哪儿找实习
+- 我的实习面试经历
+- 实习工作内容
+- 收获和感悟
+
+### 为什么找实习？
+
+我是在大三上学期开始找的实习，时间大概是 11 月份吧，这次找的是日常实习。
+
+为啥在这个不寒不暑的时间找实习，而不是待在学校好好上课呢？
+
+**原因有以下几点：**
+
+1. 当时刚刚经历了大二暑假的暑期实习，返回学校休养生息，平时课程比较少，就是在实验室跟着老师做项目，或者自己泡图书馆学学技术啥的，空闲的时间还比较多。
+2. 经历了大二暑假的实习，我感觉企业的环境比较适合我，相对于学校，在公司有更多的实践机会，接触到更多的技术，学到更多的知识。
+3. 在找上一段实习时，我被面试官血虐了，让我意识到自己在面试方面的不足。**男儿雪耻，十年不晚啊！** 又努力学习了一段时间，我不得再出去闯一闯，看看能不能和面试官多来个几回合？
+4. 通过和前辈们的交流，我意识到实习经历和项目经验对应届程序员找工作来说非常重要，大厂的要求很高，我自己也确实没底。既然不能一日同风起，扶摇直上 BAT。那我就一步步来，把每段实习经历当做楼梯，稳扎稳打地爬楼梯进大厂！
+5. 我是一个 **脱离了高级趣味** 的人，我想要钱，尤其是想用技术赚钱。
+
+![](https://pic.yupi.icu/5563/202311021951404.png)
+
+和大二找暑期实习时的迷茫且懵逼相比，这次我的目标明确且坚定、且有野心，剑头直指国内知名互联网公司 —— 字节跳动！
+
+![](https://pic.yupi.icu/5563/202311021951368.png)
+
+有小伙伴好奇了啊，在 18 年底那会儿字节跳动好像也不是顶级巨头啊，你咋不往阿里、腾讯啥的冲一冲呢？
+
+主要是我怂。
+
+其实这东西也比较随缘吧，在这之前，我完全没关注过字节跳动这家公司，毕竟头条咱不看、抖音美女咱不爱，其他的产品更没接触过。但一个人处在不同的环境、遇到不同的人、接触不同的事物，可能都会或多或少地影响他的决定。对我而言，选择字节跳动很大一部分原因是受到了环境的影响，大概有以下几点：
+
+1. 当时身边有个帅学长，大一给我讲过 web 开发课。后来他去字节跳动了，我没事就围观他的朋友圈，发现他经常放一些公司的照片，好几台电脑，文字中透露着骄傲和自信。于是我就去百度了下，卧槽，字节跳动好像挺牛逼？那我不得跟紧大佬的步伐，也混进去看看？（围观朋友圈还是挺有用的，也欢迎大家加我微信好友 liyupi66 哈哈）
+2. 读过我上一篇文章的朋友应该还记得，我在暑期实习时，遇到一个姐姐，她说自己一直想去字节跳动，因为姐姐对我不错，我心里就想：行，我帮你圆梦。男人，说话必须得算数吧！
+3. 我是一个脱离了高级趣味的人，字节跳动当时的实习工资是一天 **400**，在国内绝对是实习薪资天花板了！看到这个数字，我把握不住啊，啥都别说了，就这家公司了！我要去我要去。
+
+![](https://pic.yupi.icu/5563/202311021951391.png)
+
+明确了目标之后，我就准备开始找实习了，找实习的第一步当然是准备简历，大二暑假前的那个肯定不能再接着用了。正好，梳理下自己当时的情况吧。
+
+### 个人情况
+
+大二找暑期实习时，我给自己配了一张图：
+
+![](https://pic.yupi.icu/5563/202311021951046.png)我是废物
+
+在那时，我参加了几次面试，但结果都不太理想。我永远无法忘记，在当时，一些面试官对我投来的鄙夷目光，以及一些员工看着我的怜悯眼神，好像在看一条流浪狗啊！
+
+哈哈开个玩笑，突出一下自己当时内心的难过。
+
+没事，知耻而后勇！于是，我发奋努力，发如雨下，甚至还 **戴上了帽子** 来掩盖自己努力的痕迹。
+
+![](https://pic.yupi.icu/5563/202311021951816.png)
+
+终于，在这次找实习的时候，我可以骄傲地给自己换一张配图了！
+
+![](https://pic.yupi.icu/5563/202311021951049.png)
+
+**虽然我还是废物，但起码站起来了啊！**
+
+首先，这一次，我的简历不再空空如也了：
+
+- 在大二这一年，我洗心革面，好好学习，拿到了国家奖学金，写上去！
+- 大二结束前参加蓝桥杯拿了个奖，写上去！
+- 大二暑假的实习经历也让我多了项目经验，写上去！
+- 在实验室跟着老师做区块链项目，写上去！
+- 自己新开发了个系统，写上去！
+- 新学了微服务之类的技术栈，写上去！
+
+**再次强调，简历真的是太重要了，建议多花点时间去优化简历。** 毕竟在面试官看到你之前，只能通过这么一张纸来了解你，所以自己的荣誉奖项、技术、项目等一定要 **毫无保留** 地写在简历上，并且按照优先级进行排序，取精去糙。没有的话，就要自己抓紧想办法争取，机会不可能自己送上门来。
+
+此外，在大概 3 个月的时间内，我学了 Java 后端的 SpringCloud 微服务全家桶，以及像 Zookeeper 分布式协调工具、RabbitMQ 消息队列、Elasticsearch 搜索引擎等后端常用的技术；并且通过每日坚持训练 3 道题，已经在 LeetCode 上刷了至少 200 道算法题目；还看了几十份面经，像前辈们请教了求职经验。
+
+**总之，这一次，我李某是有备而来。**
+
+![](https://pic.yupi.icu/5563/202311021951273.png)
+
+这里可能会有朋友问了，怎么你这几个月的时间学了这么多东西，开挂了么？
+
+**我李鱼皮没有开挂！**
+
+其实，我最开始学编程的时候，可能书都看不懂，一页看好久、看好几遍，所以只能看些简单的视频教程学习。但随着学编程的时间越来越长，看了更多，并且积累了更多知识和经验后，我发现，在不知不觉中，原来自己已经能看懂书本、看懂官方文档、甚至能看懂源码了！再学习新技术时，很容易 **联想、类比和对比** 自己以前学过的知识，就相对容易了很多，也是越学越快，越学越起劲。
+
+举个例子，前端学完了 Vue 之后，再学 React 就轻松很多，因为前端工程化的应用都是一致的；后端学完一个消息队列，了解了常用模型和概念后，再去学其他的，也能更快上手。
+
+![](https://pic.yupi.icu/5563/202311021951238.png)
+
+### 去哪儿找实习？
+
+上次找暑期实习时，由于我没什么目标，就把各种找实习的方法和平台都试了一遍。比如实习僧投简历、牛客网找内推、咨询学长和老师等。
+
+但这次我的目标明确，所以就没打算在找实习上花太多时间，直接登录字节跳动校园招聘官网，找到自己的意向职位，填写简历投递就行了。不得不感叹，现在字节跳动招人是真的多，实习岗位也非常全面。
+
+![](https://pic.yupi.icu/5563/202311021951744.png)字节跳动校招官网
+
+上次找实习时，简历上没东西可以写，还好我当时掏出小本本记下了，并且告诫自己 “今后一定要去参加比赛，得到一些荣誉，还要多做项目，给自己挽回面子”。这次，我卷土重来，终于可以在简历上写点儿东西了！
+
+好吧，网上看了其他大佬的简历后，我发现跟其他大佬比起来，我的简历虽然能写一张纸了，但上面的荣誉和项目介绍都没什么亮点。于是我赶紧再掏出小本本记下来，决定之后再去参加大点的比赛，做个有新意的项目。
+
+![](https://pic.yupi.icu/5563/202311021951599.png)
+
+当然，我也没有自信一定能面试过字节跳动，所以还投递了一些其他公司。不过大公司的日常实习的机会不是很多，岗位比较流动，放到官网上的更是少之又少。看来大部分还都是以暑期实习为主，所以大家还是要尽量抓住暑期实习的机会。
+
+值得一提的是，其实这次找实习时，我也投递了腾讯，而正是这次投递，竟然直接帮我拿到了暑期实习的 offer！在当时是打死我都想不到的。**当然，这是后话了。**
+
+### 面试经历
+
+在字节官网投递简历后，没过几天，我就收到了面试通知，让我这几天就来面试。当时的我又惊又喜，喜的是没想到这么快就顺利过了简历这关；惊的是太特么快了，我还没做好准备。
+
+不过来都来了，沙雕程序员申请出战！
+
+![](https://pic.yupi.icu/5563/202311021951100.png)
+
+#### 备战
+
+在面试前的这几天，我每天都会狂背知识点、狂看字节跳动相关的面经，并且把自己做过的算法题又完整看了一遍，尽量保证每道题都能清晰地讲出思路。为了面试的时候表现流畅，不出现阿巴阿巴的情况，我还特地练习了自我介绍，并且掏出了自己以前做过的项目，把面前的电脑想象成面试官，尝试着向他复述出项目的设计思路、实现原理和优势等。
+
+强烈建议大家也试试这个方法，可以把曾经最让你感到紧张的老师照片贴到电脑上，对着他讲知识点。此外，网上也有一些 AI 模拟面试的平台，比如 **牛客** 。通过用这个方法一遍遍训练，不仅让我从最初的不知所云、说话老是阿巴阿巴，变成了最后的行云流水；还帮我消除了紧张情绪，习惯了面试。
+
+![](https://pic.yupi.icu/5563/202311021951094.png)
+
+除了硬知识的储备和软实力的锻炼，我还选择相信玄学。当时担心自己头发太长，会被面试官觉得技术不佳，特地去理发店削了一大层，头皮差点没给我削掉。
+
+![](https://pic.yupi.icu/5563/202311021951124.png)
+
+面试那天，我又换上一身帅气西装，戴上我的小手表儿，坐了两个小时的地铁来到字节跳动公司楼下，准备开战！
+
+#### 一面，有惊无险
+
+一面的面试官大孙（我未来的同事）是个男的，看着还挺年轻，头发尚可。大孙走路带风，很有气势，快走到我身边的时候，我甚至感受到了一股凛冽。
+
+还没等他坐到我对面，我就先站了起来，说了句 “您好请坐”，然后我们就都坐下，面试开始。
+
+首先当然是自我介绍，一通阿巴阿巴之后，大孙问了我一个问题，差点让我两股战战几欲先走。
+
+他问：“我刚刚听你介绍自己主要是学习 Java 方向的，可我们这需要写 PHP 和 Go 哎。”
+
+我愣住了：“？？？”
+
+![](https://pic.yupi.icu/5563/202311021951302.png)
+
+不过我很快反应过来，自己当时投递的岗位是 **后台开发工程师** ，PHP 和 Go 语言都经常用于后台开发，面试官这么说，倒也挺合理。反而我在质问自己为什么这几天还看了那么多 Java 知识？！
+
+虽然自己之前写过 PHP 和 Go 语言，但都比较基础，我自知面试大厂完全不够格。但总不能扭头就走吧，于是我停顿思考了一下，一脸天真的说出了那句死亡发言：“没事的，Java 和它们都差不多，我也写过一点 Go 和 PHP ，虽然不多，但我可以学。”
+
+刚说完这句话，我就意识到不对，这几个编程语言哪里差不多了啊？！哪家公司愿意一天花 400 给我培训啊？！
+
+![](https://pic.yupi.icu/5563/202311021951637.png)
+
+然后我灵机一动，把话题带到了后台开发方向，向面试官表达了：虽然语言不对口，但是后台开发的模式、思想、常用中间件、业务设计方法都是一致的，比如设计模式、数据库操作、缓存、消息队列、微服务等。我还通过列举项目来表明自己拥有一定的后台开发经验，也有能力胜任这份工作。
+
+此外，还有非常重要的一点。还好我在面试开始的自我介绍中较详细地列举了自己的学习路线，表示自己现在学习新技术的速度在不断进步、能力也还不错。于是，我在这时给了大孙一个承诺：**这场面试结束后，我会立刻开始 PHP 和 Go 语言的学习，如果有机会入职，会保证以最快的速度上手工作。**
+
+也许是我的 强烈的求生欲 自主性打动了大孙吧，面试得以继续。
+
+![](https://pic.yupi.icu/5563/202311021951727.png)
+
+大孙面试官非常理性，接下来再也没有问我编程语言层面的问题了，而是聊了一些后台技术，像数据库、框架之类的，基本都在我准备的知识范围内，具体的问题由于时间太久记不清了。当时虽然有把问题记录到了个人博客上，但博客早都挂了，有点可惜。
+
+技术聊完后，接下来果然要考察算法。注意，一般大厂的面试是少不了算法题的，**考察算法有几种常见的方式：**
+
+- 远程面试，不要求写，只让你讲述思路
+- 给你纸笔，让你手写，不要求可运行
+- 给你电脑，让你手敲，有时要求可运行并输出正确结果
+- 远程面试，让你手敲，且系统自动判题
+
+这几种方式对算法精准度的要求依次增高，难度也依次增大。这次面试中，大孙把自己的电脑交给我，让我完成一道 “找出指定范围内所有的素数”，用什么编程语言都可以。我接过电脑一看，屏幕上正是我常用的 Sublime Text 编辑器，于是游刃有余地切换语言为自己熟悉的 Java 语言，开始敲代码。
+
+![](https://pic.yupi.icu/5563/202311021951887.png)Sublime Text 编辑器
+
+题目本身难度不大，找素数本身很简单，有好几种方法，是一道 ACM 初级题。但是面试官对题目的描述并不清楚，连数的范围是多少都没有说，也没说对时空间的要求，这些 **对我选择算法很重要** ，于是我再次向大孙确认这些。得到的信息是，数的范围不超过百万，算法越快越好。
+
+因此，我决定用埃氏筛法线性实现来做，这是一种范围取素数的好方法，具体的思路大家可以自行上网查阅。做完之后，我不仅给面试官讲解了这种解法，还结合题目限制条件，从时空间占用、实现难度等角度解释了自己选择这个算法而不用其他算法的原因。此外，我还乘胜追击，简单描述了其他条件下应该选择哪种算法，以及如何实现。
+
+所以，我们在学算法时，不仅要理解和讲述算法的思想，做到 **多题一解** 和 **一题多解** ，还要 **熟练使用开发工具** ，多敲代码多练习，最好保证能写出可运行的代码。
+
+> 关于我学算法的方法，可以阅读这篇文章：[刷了 1000 多道算法题，一点心得](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496505&idx=1&sn=4bf3d2e7ddc7fe6c7bba4da6d174074c&scene=21#wechat_redirect)
+
+接下来，大孙还问了一些业务场景设计题，比如怎么设计一个用户权限管理系统等，我就结合自己以前做过的系统简单说了下，现在想想，感觉当时经验还是不足，答的一般。
+
+最后，就是经典的 “你有什么问题要问我么” 环节。这个环节我一向是比较随意的，没精心准备，也不必那么拘束和官方，就当成是朋友交流，问些满足自己好奇心的问题就行。而且我非常不客气，毕竟接触面试官的机会不多，来都来了，能交流多一点是一点。
+
+像我当时问了公司的工作环境、研发流程、业务侧重的技术等，还问了刚刚面试的问题有没有更好的解决方案，从而试探出面试官对你刚刚表现的评价。问完这些之后，不要忘记再用一句话表达自己对公司的向往和对个人成长的期待。
+
+就这样，本轮面试结束，大孙攻略成功！几分钟后，新的 BOSS 出现了。
+
+![](https://pic.yupi.icu/5563/202311021951061.png)
+
+#### 二面，如沐春风
+
+二面的面试官大赵（我未来的组长）也是个男的，看上去非常沉稳，儒雅随和，说话的方式也很平和，让我一下子就感到放松了。
+
+![](https://pic.yupi.icu/5563/202311021951012.png)面试官大赵
+
+刚开始依然是自我介绍，介绍完后，面试官表示对我做过的一个项目很感兴趣，于是开始问我这个项目中用到的技术相关的问题，比如 MySQL、Redis、消息队列等。
+
+**正中下怀！**
+
+其实，我故意在自我介绍的最后提到了：我做过很多项目，但认为其中 **最优秀** 的项目是 xxx，在这个项目中，我用 MySQL 实现了 xxx，用 Redis 实现了 xxx，用消息队列实现了 xxx 等。
+
+这是一个很实用的技巧，我说这些，就是为了 **引导面试官** 接下来问我这些问题，果不其然，全中！
+
+![](https://pic.yupi.icu/5563/202311021951081.png)
+
+之后的面试就很舒服了，大部分的题目都是我这几天背的八股文原题，我甚至变被动为主动，持续给面试官 “下套”，故意引导他来问我会的问题。
+
+举个例子，他问我：MySQL 有哪些性能优化的措施？
+
+我就从多个角度、结合八股文和自己的实践经历进行了回答，比如硬件层面、网络层面、配置层面、软件层面、语句分析和调优等。我 **故意** 将 MySQL 常见的索引优化手段放到最后说，还提了一下索引最左匹配原则。
+
+果然，接下来面试官就问我最左原则了！稳不稳？
+
+![](https://pic.yupi.icu/5563/202311021951323.png)
+
+总共问了有十几道技术题吧，除了上面说的之外，只记得其中几道了：
+
+1. Redis 为什么是单线程的，有什么好处？
+2. 讲解 NIO 和多路复用机制
+3. 消息队列有几种常用的模型，分别有什么特点？
+
+然后就是两道算法题，都是 LeetCode 上初级难度的原题，一道是动态规划入门题 —— **爬楼梯** ，另一道好像是二叉树相关的，记不太清了，反正都很简单就对了。
+
+这里提醒大家，即使遇到原题，也不要欣喜若狂，反而更应该冷静和自然一些，仔细确认题目是否有更改或者挖坑。既然是原题，就更应该谨慎思考，力求正确又流畅的完美发言。此外，如果有自信，你甚至还可以演一波儿，**撑死胆大的** 。
+
+比如我有一次就装作自己从来没有见过原题一样，假装是在面试官的指点下才恍然大悟，从而给面试官带来成就感：孺子可教啊！
+
+![](https://pic.yupi.icu/5563/202311021951488.png)
+
+最后面试官还问了我一些场景设计题，让我印象深刻的一道题是：如何设计一个实时弹幕系统？
+
+一般这种题目都是开放的，未必有最佳实践，但是要结合你学过的技术和实践经验，尽量给出一个完整可行的设计方案，比如用什么技术实现什么功能，为什么要用这个技术等。光能设计出基本的系统功能还不够，还要再 **全一点、深一点** ，尽量在设计过程中挖掘新的问题，比如同一时刻弹幕数太多怎么处理？有用户刷垃圾弹幕怎么处理？等等等等。然后再试着去解决这个问题。
+
+当然，最好能提出多种方案，然后对比分析多个方案的优劣，从中选择一个相对最合理的。毕竟系统设计是程序员工作中的重要一环，面试官希望能看到你自主分析和解决问题的过程，从而判断你是否具备该岗位要求的工作能力。
+
+![](https://pic.yupi.icu/5563/202311021951621.png)
+
+直到现在，我都觉得这是我经历过最舒服的一场面试了，面试题目的难度恰到好处，和面试官的交流也非常轻松愉快。
+
+几分钟后，就迎来了三面。
+
+#### 三面
+
+实习面试难度会比正式校招难度小一些，我的这次技术面只有两轮，第三面就是 HR 面了。
+
+HR 一般都是小姐姐，这轮面试基本就是问一些你的个人情况、求职动机等，以加深对你的了解。
+
+我印象里比较常见的问题有：
+
+- 为什么想找实习？
+- 为什么选择我们公司？
+- 有没有面试其他公司？
+- 大概什么时候来实习？
+- 对我们公司，还有什么想了解的？
+
+这些问题都比较轻松，我一般实事求是地回答。比如当问到我 “大概什么时候来实习” 时，我内心虽然比较慌，担心因为时间原因不被录取，但还是如实地说自己还要准备考试和课程设计，可能要等寒假。
+
+我注意到 HR 姐姐听到这里时脸色变了变，于是我补充到：考试的知识我会前提复习，也会尽力和老师协调，看看能否提前完成课设，争取尽早入职。而且我可以提前学习技术，尽快上手工作，并且寒假可以全勤。
+
+即使这么说了，我内心还是忐忑不安的，但没想到过了两三天，就给我发 offer 了！字节的效率真是高啊。
+
+![](https://pic.yupi.icu/5563/202311021951582.png)
+
+### 工作内容
+
+因为 HR 表示部门缺人，希望我越早入职越好，所以如面试时承诺的那样，我期末考试还没完全结束，大概还剩 2 门的时候，我就匆匆入职了。
+
+我们部门规定的工作时间是早 10 晚 7，大小周（单周上 6 天，双周上 5 天）。正如前面所说，因为我们学校在 “乡下”，所以每天要坐单程两小时的地铁到公司，路上依然保持背背单词、看看文章的习惯。
+
+哦对了，肯定有同学想问，我学校没有课程了么？怎么能兼顾学校课程和公司实习呢？
+
+其实是这样，我早在大二的时候，就计划自己要在大三时出去实习或者搞竞赛，于是在之前就提前选了些大三的课程，所以整个大三期间，我基本没有几门课，跟领导也商量了下，每周抽 3 - 4 天去实习是完全没问题的，而且寒假可以全勤。
+
+第一天入职，负责 IT 的同学给我拿来了一台全新的苹果电脑，给我讲解公司的一些网络策略，以及如何连接 VPN、远程办公等。然后导师大赵（组长、二面面试官）就来接我了，给我安排了工位，就坐在他旁边！工位上放了一本字节跳动的小本子，上面写了 “Always Day One” 还有字节范儿。
+
+![](https://pic.yupi.icu/5563/202311021951025.png)
+
+然后大赵带我认识了一圈儿同事，并且让大孙（一面面试官）给我安排工作、带我入门。
+
+我记得网上有这么个 “传统”，入职字节跳动的同学都要拍一下公司的办公环境、零食、下午茶、福利啊等等。但因为我这次的实习部门不在上海字节跳动总部，而是在某办公大楼内承包了几层工位，工作环境就是马蜂窝式的独立办公间；再加上也不是第一次实习了，所以并没有什么新鲜感，来到公司就好好干活吧！
+
+工作内容是负责字节跳动旗下某教育产品的后端研发，使用的语言是 PHP 和 Go。入职第一天大孙让我先搭建基础的研发环境，包括 PHP Laravel 框架、数据库、配置密钥、开通一堆权限等，然后用 Laravel 写一个 todoList，说是写完之后再分配工作。我之前自己学过一些 PHP，再加上有备而来，轻轻松松写完了。
+
+![](https://mmbiz.qpic.cn/mmbiz_svg/HmVQlX9WkBsVtLticAQ9cWqy6rTP38sYJVpfd3d5kYm24iaUQ1UlVvPTxibOBQdSV1ZZmcwgIiakfiaRPpxA6AWAiaycNWvfWwib8SF/640?wx_fmt=svg&wxfrom=5&wx_lazy=1&wx_co=1)Laravel 框架环境
+
+之后，我成为了大孙的小弟，他带着我一起参与需求评审，一起开发需求，和前端、客户端、测试同学配合保障整个系统的上线。
+
+工作生活虽日复一日，但也有很多有趣的事。
+
+#### 1. 抢饭
+
+我们那边当时还没有食堂，一日三餐 + 下午茶都是商务订餐（盒饭），每个盒饭里的菜各不相同。所以一到饭点儿，就能听到大地震颤的声音，轰轰隆隆的一大帮子人就去抢饭了。像我们组一般会轮流派两个人帮大家统一去拿。
+
+有一说一，字节跳动的伙食真的是好，六菜一汤、炒饭炒面炒年糕、酸奶水果饮料随便拿，关键还免费，你说气人不？
+
+就是我拍的不太好哈哈~
+
+![](https://pic.yupi.icu/5563/202311021951143.png)
+
+![](https://pic.yupi.icu/5563/202311021951398.png)
+
+#### 2. 追饭
+
+因为每天早上我都是从学校出发，路途遥远，再加上晚上熬夜，第二天有时不得不踩点儿到公司，到了公司吃免费早餐。
+
+公司的早餐还是很丰富的，中式西式都有，肯德基、麦当劳、德克士、手抓饼、早餐粥等等。
+
+![](https://pic.yupi.icu/5563/202311021951345.png)
+
+但是公司有规定，早餐只提供到 10 点。结果有一次，我就在 10 点钟那一刻来到了公司，当时领早饭的房间门正要关上，我就赶紧喊了一句：“等等我，wait me wait me！”
+
+结果餐饮部的同事还是无情地把我拒之门外了，规定就是规定，一秒钟也不能多！
+
+我当时虽心有不甘，但还是非常认可他们的做法，也暗自感叹字节跳动的员工真的很棒。
+
+![](https://pic.yupi.icu/5563/202311021951049.png)
+
+#### 3. 独居
+
+在字节跳动的实习过程中，我有一段独居生活。
+
+为啥要租房呢？
+
+一方面是考虑到整个寒假期间我每天都会到岗，从学校到公司距离还是有点远的，虽然我会利用好路上的时间，但心有余而力不足，来回跑太累了。另一方面是公司有 1000 多块钱的补贴，不用白不用。
+
+所以干脆自己在公司附近短租了个十平米小房子，看一看咯~
+
+![](https://pic.yupi.icu/5563/202311021951247.png)
+
+这么一拍好像不小，实际上就一个小走廊和一张床。
+
+![](https://pic.yupi.icu/5563/202311021951739.png)
+
+是在自如平台租的，价格 2200 / 月，最后不住的话再交给自如平台转租就好了，省时省心~
+
+那会儿脑袋瓦特了，还买了辆 100 多元的自行车，到最后也没组装上。
+
+![](https://pic.yupi.icu/5563/202311021951300.png)
+
+#### 4. 教导
+
+在字节跳动对我影响最大的同事就是大孙了，他为人幽默，很会教人做事（这里是褒义啦）。
+
+每次我写完代码，大孙都要仔仔细细地过一遍，然后专门跑到我工位上跟我讲哪里可以改进，比如不要把一些值写的太死、要多用复制粘贴、减少重复劳动等等。
+
+他还有意锻炼我的逻辑思维能力，比如把整个方案交给我来设计，并且要求给他完整清晰地讲出来，直到他能听懂并且觉得合理了为止；而不是直接帮我想好做什么，把我变成一个写代码的机器。
+
+![](https://pic.yupi.icu/5563/202311021951942.png)
+
+此外，他还教会了很多实用的工作经验，比如怎么高效合作、怎么分清工作主次、怎么防止被甩锅等。像之前有一个前端的妹子来找我帮忙排查问题，我没有仔细思考问题到底出在何处，就开始排查自己的代码了。大孙知道后，第一时间分析这个问题并划分边界，然后给出了一个证明不是我们后端出了问题的理由，直接帮我减少了没有太大意义的工作量。
+
+当然，我的领导大赵也教会了很多处事方法，有些东西我可能会想的简单了，上手就做。而大赵哥思维缜密、顾全大局，让我意识到了冷静分析的重要性。
+
+#### 5. 活动
+
+字节跳动内部还有很多活动，每周三是固定的活动日，大家可以参与社团、一起运动，也可以提早下班。还有各种福利性质的活动，比如七周年的集卡分百万，不过我点儿背，始终集不齐就对了。
+
+![](https://pic.yupi.icu/5563/202311021951650.png)
+
+大概实习了四个多月，我因为一些原因离职了，倒不是因为工作压力太大（毕竟因为学校远，我每天都是 19 点准时下班），而是因为竞赛压力和升学压力等种种原因，最终还是摘下了这个 “价值百万” 的字节工牌。
+
+值得一题的是，就在我要离职的几天前，公司全部搬了新工位，再也不是马蜂窝办公室了，而且还有了自己的食堂、超大会议室等等。真是想吐槽，从小到大，我读过的每个学校都是等我刚刚毕业就装修了，一次都没赶上好时候啊。
+
+![](https://pic.yupi.icu/5563/202311021951687.jpeg)
+
+### 收获和感悟
+
+在字节跳动实习的这段时间，虽然很累，但付出和收获是成正比的。
+
+如果说 [第一次实习](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496813&idx=1&sn=b61b5ca564d74ac5a5902f755d64acb5&scene=21#wechat_redirect) 是帮助我走出校园，积累了一些企业协作开发的经验；那么第二次实习则是帮我真正走进社会，感受到了一名研发工程师应尽的职责和义务。
+
+首先，字节跳动真的非常适合新人成长，这里的员工相对都比较年轻，团队敢用新人、重用新人。进入公司直接上手项目，全程参与项目的设计到研发过程，再加上相对较快的工作节奏，不断给你挑战，从而激励你快速成长。大部分其他的公司都是让你一个实习生打打杂，找找 bug，测试测试就完了。
+
+其次，字节跳动的技术氛围好，像我们组每周都会举办技术分享，大家在一起开发个小项目、或者讨论个技术知识啥的。还有就是大厂的技术沉淀非常多，整个实习期间，我也基本没给自己留下遗憾，有空就翻翻公司内部的文档，了解下字节 **APP 工厂** 的产品矩阵，的确能够大开眼界。
+
+最后还有独居带给我的成长，毕竟这是我人生第一次租房，然后每天从出租屋里头出门上班，只看到太阳升起却不见日落，日复一日地自己赚钱养活自己，算是提前感受到了未来打工人的生活吧。也不禁感叹生活不易，激励自己还是趁着年轻再多努努力。
+
+![](https://pic.yupi.icu/5563/202311021951763.jpeg)
+
+总而言之，字节跳动真的非常好，我后来也去面试过几次。不过最终还是没选择这里，原因大家猜得到的话可以评论出来。
+
+> 卧槽突然想起来，字节跳动还欠我份实习证明，答应给我邮寄的却鸽了！大家进去后麻烦帮我要下谢谢~ 🐶
+
+
+
+------
+
+
+
+好了，以上就是我的第二份实习，还在校园的朋友们，一定要有目标、有规划，必须心里有数，才能脚下有路。然后就奋力去追吧，不要因为外界因素怀疑自己，反正奔跑总比坐以待毙的好。
+
+**相信自己有能力，那么你就真的会有！**
+
+第三份实习经历的分享目前还差十万八千里，希望朋友们能 **点赞 + 在看** 支持下，给俺点创作的动力 ❤️
+
+![](https://pic.yupi.icu/5563/202311021951183.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\351\235\242\350\257\225\351\230\277\351\207\2146\346\254\241\357\274\214\344\273\215\347\204\266\345\244\261\350\264\245\347\232\204\347\273\217\345\216\206.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\351\235\242\350\257\225\351\230\277\351\207\2146\346\254\241\357\274\214\344\273\215\347\204\266\345\244\261\350\264\245\347\232\204\347\273\217\345\216\206.md"
new file mode 100644
index 0000000..975d8e8
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\346\261\202\350\201\214\347\273\217\345\216\206/\351\235\242\350\257\225\351\230\277\351\207\2146\346\254\241\357\274\214\344\273\215\347\204\266\345\244\261\350\264\245\347\232\204\347\273\217\345\216\206.md"
@@ -0,0 +1,147 @@
+# 面试阿里6次，仍然失败的经历
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 6 场阿里面试，全部失败！经验分享
+
+大家好，我是鱼皮。
+
+有一些读者朋友问我：鱼皮，你为啥选择去腾讯工作而不是阿里呢？
+
+我的答案是：对不起，我进不去阿里。
+
+![](https://pic.yupi.icu/5563/202311021956028.png)
+
+其实我在实习 + 正式校招时，总共参与了大概 6 轮阿里面试，但无奈都是在第一轮或第二轮就惨败了。
+
+虽然没拿到阿里的 offer，但我还是要谢谢阿里，从这些面试中我也积累了很多经验教训，下面分享给大家。
+
+### 前言
+
+先聊聊我曾经为什么执着于阿里吧。
+
+其实我以前对阿里并不了解，直到大二才通过学长得知阿里的技术实力很强、薪资很高，是一家很好的公司。
+
+后来，在我自学 Java 的时候，发现很多好用的轮子竟然都是阿里团队开发的！比如 Springcloud Alibaba、Nacos、Seata、Sentinel、Arthas、Canel 等。再加上后来也读了很多阿里相关的书，像《阿里巴巴 Java 规约》、《阿里巴巴中台战略》、《技术之瞳》、《逆流而上》等，真的不得不对它心向往之。
+
+于是下定决心好好读书，争取能进去工作！
+
+![](https://pic.yupi.icu/5563/202311021956947.png)
+
+### 阿里面经
+
+在大二暑假找实习时，我首次向阿里投递了简历，虽然空空如也，但是弥足珍贵。但最后音信全无，也让我意识到了自己太菜了，后面才更有计划地去努力填补简历上的空白。
+
+直到大三找暑期实习的时候，我才终于有机会参与面试。
+
+#### 出师不利
+
+第一轮面试的问题很基础，都是 Java 语言、数据库、Linux 的八股文，但很不巧的是，我虽然看的八股文不少，但因为准备不佳，偏偏记不住。于是心态爆炸，感觉应该是挂了。
+
+结果呢，我竟然收到了二面通知！
+
+但我没想到的是，这轮面试问我的大多数问题都是第一轮面试中我没答上来或者答的不好的问题。结果呢，因为忘了记录和准备，我这次依然没答上来。
+
+![](https://pic.yupi.icu/5563/202311021956010.png)
+
+本来就已经无地自容了，没想到面试官呵呵一笑，问我：“你觉得你一面表现怎么样。”
+
+等面试结束，面试官又呵呵一笑，说了句：“谢谢你的时间。”
+
+![](https://pic.yupi.icu/5563/202311021956998.png)
+
+这轮面试让我明白了：每一轮的面试是有交集的，面试之后，一定要把题目记录下来。尤其是没答出的题目，一定要尽快、重点去复习，不要像我一样被同样的题目反复鞭尸。
+
+后来秋招的时候，我又参与了几次面试。
+
+#### 秋招
+
+记得有一次面试，问的很深，难度很大，我忍不下。
+
+面试官还挺好的，发现我啥都不会，索性让我说一门 **自己学的最深的技术** 。
+
+结果呢，我想了好久，最后只能说一句：感觉自己学的都不深。。。
+
+隔着电话我都能感受到面试官的无奈，终究还是错付了啊。
+
+![](https://pic.yupi.icu/5563/202311021956020.png)
+
+最后呢，这位面试官说了句：以你现在的水平，即使我这轮面试给你过了，后面你也过不了，所以再加油吧。
+
+然后他就挂了电话，我想了想：他说的好有道理，我竟无言以对。
+
+通过这次面试，我明白了：想进大厂，有一门深入学习的知识是必要的，因此后面我就认准了一个 Java 框架的源码去分析学习。
+
+像很多面试官还会问类似的问题，比如：请介绍一项你最热爱、最擅长的专业领域，并且介绍你在这个领域的学习经历和未来的学习规划。你会怎么回答这个问题呢？
+
+**这轮面试的部分题目，分享给大家：**
+
+1. 自我介绍
+2. 介绍做过最有成就的项目
+3. 介绍服务降级和熔断
+4. 服务限流和降级有什么区别
+5. 服务降级原理
+6. 服务限流原理（算法）
+7. 怎么实现令牌桶
+8. 令牌桶中令牌用对象还是计数器，各有什么优缺点（生命周期）
+9. 令牌生产和消费策略
+10. 令牌生产和消费在一个桶和两个桶怎么控制
+11. 怎么保证不脏写
+12. 介绍垃圾回收算法
+13. 介绍复制回收算法
+14. 哪种垃圾回收算法效率最低
+15. 详细介绍标记算法，标记清除流程
+16. 介绍研究最深的技术
+
+#### 再战
+
+还有一次面试官让我介绍自己参与的印象最深刻的项目，给出原因，并且介绍我在项目中的作用。
+
+这也是经典的开场面试题了，我就介绍了自己以前实习的一个项目，结果面试官开始连环嘴炮模式：你这里为啥这么设计呀？为啥用这个技术呀？为啥不用那个技术呀？你是怎么测试的呀？有没有参考同类呀？
+
+各种问题秀的我头皮发麻。虽然我自认为项目经历还算丰富，但面对这些问题，还是力不从心。
+
+![](https://pic.yupi.icu/5563/202311021956034.png)
+
+最后面试官说：虽然我们做业务开发，但也是很需要技术的呀！换句话说：我们的工作不是拧螺丝。
+
+我信了。
+
+通过这次面试，我看到了业务开发程序员更多的可能性，把没答出来的问题熟记于心，在今后做项目的时候，更多地思考如何更合理地运用技术来解决问题、思考业务的本质。
+
+#### 咕咕咕
+
+对了，还有一次面试竟然被放了鸽子，我特地挑了一个很安静的地方，结果等了快两个小时都没有消息。
+
+这是我第一次也是唯一一次被面试官毫无征兆地放鸽子，哎，还是挺受伤的。
+
+![](https://pic.yupi.icu/5563/202311021956341.png)
+
+就是这样，我来到了腾讯，这里很不错，所以后面我也没有再去面试阿里了。直到后来有一些阿里的朋友向我抛出了橄榄枝，但考虑到很多因素，我也都婉言拒绝了。
+
+### 总结
+
+在网上看到太多对互联网公司的负面评价了，合情合理。
+
+首先，没有完美的公司，再光明的地方，也有黑暗。
+
+我们能做且应该做到的，是学习他们的闪光点，利用他们的资源给自己带来价值。
+
+对追求技术，尤其是 Java、前端、AI 方向的小伙伴来说，阿里的技术贡献和实力绝对是最棒的。求职时，也建议大家去投递各个大公司，通过参与面试提升自己才是正道，拿到了实习机会也建议去体验一番，每个公司不同部门的氛围也是天差地别，道听途说永远不如自己感悟。
+
+有选择总比没有选择好对吧，能拿下阿里的 offer，也是对自己实力的证明，到时候你再综合考虑要不要去就好。
+
+
+
+------
+
+
+就写到这儿吧，其实这期内容我也录制了个视频发 B 站了，有一些话放到视频中分享了，欢迎大家观看。
+
+⬇️ 点击下方阅读原文跳转至视频
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311021956405.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/2022\357\274\214\345\244\247\345\256\266\350\277\207\345\276\227\346\200\216\344\271\210\346\240\267\345\221\242\357\274\237.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/2022\357\274\214\345\244\247\345\256\266\350\277\207\345\276\227\346\200\216\344\271\210\346\240\267\345\221\242\357\274\237.md"
new file mode 100644
index 0000000..36c5dab
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/2022\357\274\214\345\244\247\345\256\266\350\277\207\345\276\227\346\200\216\344\271\210\346\240\267\345\221\242\357\274\237.md"
@@ -0,0 +1,84 @@
+# 2022，大家过得怎么样呢？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+2022 年已经过去了，不知道大家去年过得怎么样呢？有没有实现自己的小目标呢？
+
+前两天，我 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里的很多学编程的朋友就已经陆续发布自己的年终总结了，一起来看看大家的 2022 都做了些什么吧！
+
+## 大家的 2022 年度总结
+
+### @鱼皮（两年半）
+
+今年对我来说的确是 “变化多端” 的一年，无论是工作内容还是我自己的职业发展上，都有些不尽人意。
+
+> 详见这篇文章：[大厂做程序员两年半，我终于学会了。。。](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247533877&idx=1&sn=cd20ef476d9f56c7ca0c1f06b3a673de&chksm=e9c2a2c2deb52bd474fb98c48a1b68e52d014536af609d327ebcce81577f8767f1159d6f0189&scene=21#wechat_redirect)
+
+因为发生了太多事情，让今年的我并没有实现预期的目标，自己的很多想法也还没有去尝试。
+
+希望明年的自己除了编程技术和知识分享外，可以多去探索更多未知的领域。让自己变成一个更优秀、更乐观的人，才能带领支持我的朋友们一起进步。
+
+### @阳树（大二）
+
+大一下到大二上，去蔚来啦！
+
+今年 1 - 2 月处于摆烂状态，每天都熬夜玩游戏看小说，不断的透支着自己的身体。3 - 6 月才醒悟，先是明确了自己的目标 —— 直接找前端实习。然后开始发力学习，几个月内完成了：
+
+- 刷力扣 100+
+- 刷网课：Vue 全套教程等
+- 阅读了《你不知道的JS》、《HTTP权威指南》、《Vuejs 快跑》等
+- 开发前端项目
+- 准备面试题
+- 搭建了自己的新博客网站
+
+感觉自己终于走到了正轨上，虽然自己还并没有在开发上有什么成就，但我相信接下来要做的就是 **坚持** 了。
+
+后来，我报名了字节的前端青训营、持续地刷题和海投简历，终于上岸了蔚来的实习，心满意足，努力真的会有收获。
+
+### @一杯好心情（大三）
+
+2022 年的我，一直在准备比赛、准备着专升本，生活里基本上就只有机房 + 食堂 + 寝室三地跑。
+
+![](https://pic.yupi.icu/5563/202311041338883.jpeg)
+
+本来想着争取比赛的一等奖来免试专升本，可命运有时候也像我开玩笑一般，因为疫情被告知要延期比赛，这意味着我要同时准备比赛和专升本，压力还是挺大的。但坚信自己明年可以上岸！
+
+### @Geng（大二）
+
+2022 我给自己立的目标是实习找工作。
+
+专业课到现在为止学了Java、python、HTML + CSS、javaweb、数据库、软件工程，虽然基本都是学了就忘，但也顺利拿到了国家励志奖学金，算是一点鼓励吧。
+
+今年在学校里担任了学生会的部长，感觉对我的锻炼还是很大的，我上台演讲的时候不再怯场了，和别人交流也更自然。
+
+但参与学生会也会占用不少的时间，因为大三上学期就要出去实习了，要学的东西也很多、时间就非常紧张，还是会有些焦虑。所以给自己的寒假做了一个计划 —— 系统学完前端三件套，提升一下自己的编程能力，明年继续加油！
+
+### @还在路上.（大二）
+
+2022 年完成了项目的部署上线，学习了 Vue、Node、MySQL、Nginx、C 语言、微信小程序、区块链开发等技术。 希望新的一年，我能完成 2 个小程序项目＋ 1 个 Vue 项目 ＋ 1 个 React 项目，后端能多学一点 Node.js 的开发框架，找到一个适合自己的实习！
+
+### @木尘（大三）
+
+我是从 2022 年 3 月份才开始学编程的，刚开始是跟着广告课学 Python，后来转战 Java。有了 Python 基础后学 Java 也更轻松一些，只花了三个月，我就学了 Java SE、Javaweb、MySQL、Spring Boot、Redis、Vue 等技术，我自己都不敢相信。这三个月是我上大学以来最充实的三个月，每天七点半起床，然后去自习室一直学到晚上十一点，在这期间，写了七十多篇博客，真正让自己实现了蜕变，找到了奋斗的方向，2022 真的对我意义非凡！
+
+事虽难，行则将至。2023 年，我的愿望是能在秋招找到一份实习，对爱自己的人更温柔一点。
+
+## 完
+
+总结过去是为了更好地规划未来，欢迎读者朋友们也 **留言分享自己 2022 的年度总结或者对新年的目标与展望**。明年同一时间，如果你实现了自己的目标，可以来找鱼皮领红包哦 🧧~
+
+我在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里也发布了一个 2022 年度总结的征稿活动：https://t.zsxq.com/09KBFrnxt，欢迎朋友们参与，参与就有红包 🧧，还有机会获得我自购的企鹅公仔哦。
+
+
+
+------
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。
+
+元旦星球 **限时优惠 50 元** ，感兴趣的同学可以先加入体验，白嫖上述资料，三天内不满意可以全额退款~
+
+![](https://pic.yupi.icu/5563/202311041338880.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\344\274\221\345\201\207\347\273\223\346\235\237\357\274\214\345\256\232\344\270\252\346\226\260\347\233\256\346\240\207\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\344\274\221\345\201\207\347\273\223\346\235\237\357\274\214\345\256\232\344\270\252\346\226\260\347\233\256\346\240\207\357\274\201.md"
new file mode 100644
index 0000000..2880fdc
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\344\274\221\345\201\207\347\273\223\346\235\237\357\274\214\345\256\232\344\270\252\346\226\260\347\233\256\346\240\207\357\274\201.md"
@@ -0,0 +1,78 @@
+# 休假结束，定个新目标！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。时间过得真快，一转眼，我长达 17 天的假期竟然只剩下最后一天了！必须要告别在家混吃混喝的日子了。
+
+![](https://pic.yupi.icu/5563/202311041340262.png)
+
+临行前，给大家分享一下这个假期中让我比较有感触的事情：
+
+#### 1. 爱惜书本
+
+大学时期每次假期我都会带很多书回家，每次都读不完。然而今年就带了一本工具书《软件开发的 201 个原则》回家，结果直到现在，我都没有把这本书从包里翻出来！
+
+我当时的想法是就算没读书，也能拿它当鼠标垫，然而万万没想到，我回到家之后，鼠标也没有用过。。。
+
+太真实了！
+
+#### 2. 家人
+
+放假回家前，我就告诉自己，无论再忙，都要多陪家人和朋友。所以在大年初一那天，我特意买了一张我们县城的电影票，带我妈一起去看电影《水门桥》。
+
+到了电影院，我妈说了一句话：“长那么大，第一次来这种电影院。”
+
+说实话，我当时心里挺不是滋味的。我家是在小县城下的某个屯子，平时只有一个给职工放票的电影院，不仅观影体验一般，而且关键是每次我们都只能混进去看。。。
+
+“没事，以后多来！”
+
+现在自己有能力了，当然希望让爸妈过上更好的日子，带他们体验更多新事物。
+
+#### 3. 朋友
+
+回家后，很多天晚上我都会出去和老同学们玩耍，打打桌游、打打乒乓球之类的。不得不说，感觉熬夜多了后，无论是脑力还是体力，都大打折扣了。
+
+最让我难过的是，在毕业之后，一年年的，能聚在一起的朋友越来越少了。我大学那会儿还能约够十来个人打打狼人杀，如今桌游能约到 6 人局就已经是奇迹了，甚至有一天晚上我和两个朋友沦落到只能在线下一起打线上斗地主。。。
+
+忙，都忙，忙点儿好啊。
+
+真是羡慕学生时代，那种随叫随到、霸店打桌游的日子。
+
+#### 4. 闲
+
+从踏进家门、感受到温暖的那一刻，我就意识到，给假期定的计划是铁定完不成了。
+
+假期这些天，我每天办公时间不超过 6 小时（平时上班时间还 8 小时呢），而且效率奇低（梦回上课开小差的年代），总共只更新了 2 期视频，再加上给自己的网站做了些简单的优化、筹备了自己的知识星球等。
+
+所以我不禁感慨，真的是生于忧患死于安乐。平时忙的时候，做事效率都是被逼上去的；一旦闲下来，学习？学个 P！
+
+![](https://pic.yupi.icu/5563/202311041340241.jpeg)
+
+### 之后的目标
+
+从上大学后，我总是会习惯性地给自己定一些目标，感觉执行起来才会更有动力和效率一些。就好比在黑夜中航行，有了灯塔才有方向。
+
+今年上半年，我给自己定的几个目标如下：
+
+1. 投入更多的时间在工作和学习上，减少视频制作的时间投入（但不会停止分享）。再过 4 个月，不出意外的话，我将面临第一次晋升高级工程师的答辩，如果毕业两年就能晋升高级，毫无疑问是对我自己实力的证明。那些质疑我的人，我要好好打你们的脸！
+
+   但说实话，我现在慌得一批，因为高职级答辩往往需要有深入的辩题，不是说简单列举你的工作就能通过的了。然而我现在完全没有计划答辩要讲什么，只能先深入研究下别人的系统，然后找找突破口。
+
+2. 开创并维护好自己的付费知识圈子 —— 【编程导航】知识星球。目前还在审核中，即将开放，到时会发文通知并详细介绍，欢迎自学编程迷茫、想进步的同学提前加 **QQ 群 897288134** 获取 60 元优惠券（原价 300，提高门槛，混子别来）。
+
+   ![](https://pic.yupi.icu/5563/202311041340383.png)
+
+   **既然要做，就要做到最大最好，对大家有用才是硬道理！**
+
+3. 早睡早起，不能再一觉睡到快 10 点了，尽量在公司吃早饭，千万不要 “我变强了，也变秃了”。
+
+   
+
+------
+
+
+最后，我必须要说：中国女足牛逼！中国女足无敌！中国女足 YYDS！🇨🇳🇨🇳🇨🇳
+
+**坚持不懈，努力拼搏，永不放弃！**
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\206\215\350\201\212\350\201\212\350\277\231\345\221\250\347\232\204\347\212\266\346\200\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\206\215\350\201\212\350\201\212\350\277\231\345\221\250\347\232\204\347\212\266\346\200\201.md"
new file mode 100644
index 0000000..17cd77b
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\206\215\350\201\212\350\201\212\350\277\231\345\221\250\347\232\204\347\212\266\346\200\201.md"
@@ -0,0 +1,87 @@
+# 再聊聊这周的状态
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，跟大家分享一下我这周的工作 / 创作 / 生活。
+
+先说工作吧，这周仍然是居家办公，但工作效率一般。现在让我比较难受的一点是：我自己会习惯性地制定工作计划，比如上午开发新需求 A，下午开发新需求 B。但是实际工作中往往在我专心做需求时，就突然有用户反馈说系统哪里有问题、哪里我不太会用之类的，就导致我每次完成工作的实际时长都会大于预期，就很难受。。。
+
+不知道大家有没有什么好的解决方法？我目前的做法是根据用户反馈的紧急程度来决定我是否要中断现在正在进行的工作。
+
+估计有同学要吐槽了，用户有问题你竟然不第一时间处理？
+
+我曾经是这样的，始终把反馈放到第一位，但是后来发现，有很多问题用户是完全可以自己解决的，只不过他换了一种偷懒的做法：出了问题直接来问你罢了。而且如果你不合理分配自己时间的话，有可能你一整天都在和用户友好交流，新需求就只能加班做了。
+
+当然，紧急的 Bug 和问题不得不优先修复。
+
+再说说创作，最近没有太多的时间写公众号文章。之前我也说过，做知识分享只是我的个人兴趣，我不会因此影响我自己的计划和生活，所以不可能每天都有原创文章出来，当然了，看见了好的文章还是会给大家分享~
+
+这周我做了一件大事，那就是把之前业余时间带队开发了 2 个月、日均用户过万的 面试刷题 攻击测试网站完完整整的开源了！并且还录制了一期视频，来演示如何运行项目：
+
+![](https://pic.yupi.icu/5563/202311041332517.png)
+
+有一说一，根据我给学校做了 3 年多网站的经验和市场价格来看，这套源码卖个几千块钱绝对不是问题（虽然因为时间原因，里面有些写法不是最优）。直接完整开源出来了，难道不值得一个三连 + star 么（狗头）？
+
+> 视频地址：https://www.bilibili.com/video/BV1LZ4y1B7Q1/
+>
+> 开源地址：https://github.com/liyupi/mianshiya-public，后面会在星球里给大家讲透这个项目
+
+这周四晚上应母校的邀请给大学的学弟妹们做了一场线上讲座，主要是分享从大一到大四的学编程建议和方法。有个哥们在听讲座的时候打 lol 不小心开麦喊了出来，给我整乐了。
+
+![](https://pic.yupi.icu/5563/202311041332555.png)
+
+此外，这周大多数的时间还是投入到我自己的 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 上，除了日常回答问题、修改简历外，这周继续带大家直播做项目（持续 3 个小时），快把星球内的第一个项目搞定了（下周上线）。理论上这个项目学会了，开发任何的管理系统都是洒洒水~
+
+![](https://pic.yupi.icu/5563/202311041332591.png)
+
+这个项目以及上面提到的讲座分享的直播回放都放在星球里了，加入后往期所有的回放都能无限观看。
+
+> 可试看一整集：https://docs.qq.com/doc/DUG93dVNHbVZjZXpo/
+
+星球小伙伴的评价：
+
+![](https://pic.yupi.icu/5563/202311041332496.png)
+
+还有个我自己都没有想过的事情哈哈：
+
+![](https://pic.yupi.icu/5563/202311041332617.png)
+
+然后周末这整整两天我都在给大家整理操作系统的学习路线，为啥花了 2 天呢？为了整理这个路线，我几乎把操作系统又完完整整复习了一遍！自从进入大厂后，我做梦都没想到自己竟然有一天还要再从 0 开始学操作系统。
+
+操作系统知识思维导图如下，整理了考研和求职面试中的重点（非重点一笔带过）：
+
+![](https://pic.yupi.icu/5563/202311041332532.png)
+
+完整的学习路线、学习资源、学习方法以及思维导图源文件都放到 [知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 的专属知识库中了。我现在又开始复习设计模式了，大家懂我的意思吧。星球资源版图如下：
+
+![](https://pic.yupi.icu/5563/202311041332852.png)
+
+> 知识星球专属知识库
+
+我专门新开了一个微信号来 1 对 1 邀请星球的小伙伴加入 500 人群，目前星球和群内的学习氛围还是不错的，看看小伙伴的反馈：
+
+![](https://pic.yupi.icu/5563/202311041332959.png)
+
+也有同学顺利拿到了大厂的 offer，陆续在星球里分享经验：
+
+![](https://pic.yupi.icu/5563/202311041332068.png)
+
+此外，大家学编程的过程中需要什么资源，我都会尽力在星球里给大家提供最大的帮助，毕竟咱是个技术人，搭个平台、提供一些服务完全不在话下。比如免费高速的图床（后面还会开放给大家现成的数据接口，前端学习者的福音）：
+
+![](https://pic.yupi.icu/5563/202311041332105.png)
+
+好吧，又吹多了，各位在学编程的小伙伴如果缺乏学习动力想和大家一起交流进步；或者比较迷茫需要指点；又或者想学习做项目的经验、提高编程能力的话，都欢迎加入鱼皮的编程知识星球。
+
+目前已经有 4000 多名小伙伴加入，发完这篇文章后，再小等几天就涨价了。欢迎扫下方二维码 **领 60 元优惠券** 加入：
+
+> 可以访问 dogyupi.com 详细了解星球。或者加我微信 yupi5927，备注【了解星球】直接向我本人咨询。
+
+![](https://pic.yupi.icu/5563/202311041332225.png)
+
+> 星球宣传
+
+另外，最近好像我又带了一波风气，有些圈内的朋友也陆续开星球了。这本跟我没关系，要模仿我的星球介绍、互相学习也可以，但是咱能不能别不打招呼就抄、还抄的那么像呀？？？这位也是抄袭老手了，具体是谁我就不说了，好自为之。
+
+咦，好像没提生活？对不起，疫情原因，这周没有。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\244\247\345\256\266\344\277\235\351\207\215\345\225\212\342\200\246.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\244\247\345\256\266\344\277\235\351\207\215\345\225\212\342\200\246.md"
new file mode 100644
index 0000000..4b0f37f
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\244\247\345\256\266\344\277\235\351\207\215\345\225\212\342\200\246.md"
@@ -0,0 +1,54 @@
+# 大家保重啊…
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。相信很多同学都知道了，这两天又发生了一件不幸的事，而且又是在互联网大厂发生的。。。
+
+![](https://pic.yupi.icu/5563/202311041326918.jpeg)
+
+为什么要说 “又”，因为我记得上次网传这种事好像就在不久前吧。虽然这种事的发生有很多原因，但熬夜、压力大绝对是主要原因之一。当时就有很多朋友关心我，让我注意身体，不要太肝了。
+
+但大家看我每天做的事情也知道，压力怎能不大？
+
+不过在那之后，我的确意识到了事情的严重性。即使不想睡、睡不着，我也会躺在床上 “放幻灯片”，强迫自己睡得再早一点。
+
+今天这篇文章呢，想以我自己的亲身经历说事，给大家分享下熬夜的危害吧。
+
+由于我高考之后天天跑步，所以大一刚入学时身体还是倍儿棒的，还能坚持每天早起，跑步在几十个人中还能排名数一数二。但后来，因为算法题做不出来、作业完不成，我就走上了熬夜的不归路 —— 不解出来题不睡觉的那种。再加上后来我加入了越来越多的组、会、部，导致白天很少有时间去做自己的事，只能熬夜去学习自己感兴趣的编程技术。久而久之，我睡的一天比一天晚，周末的时候经常是 3 点后睡，第二天中午起。。。
+
+大二暑假的某一天，室友突然发现我的头发后面怎么少了一块，跟被 “蹭掉” 似的。也是直到那时，我才发现自己原来早就加入了脱发的大军。此后，脱发一直困扰着我，我先后不知道去过多少家医院，尝试过多少种不同的药，但都无济于事。
+
+要问脱发的原因，熬夜绝对是罪魁祸首。但没办法，事情多、我又要强，明知熬夜的危害，但又不得不走向这个无底深渊。
+
+![](https://pic.yupi.icu/5563/202311041326881.png)看图说感想
+
+就这样，在大三的时候，我成功熬坏了胃。那段时间，除了炸鸡汉堡外，我基本上是吃不下东西的，吃两口就觉得恶心，不知道这是不是叫做 “厌食感”。吃的汉堡越多，胃口越差，当时我真的是非常地绝望。那段时间正好在字节跳动实习，自己租了个出租屋，每天都会喝中药来续命。
+
+![](https://pic.yupi.icu/5563/202311041326323.png)
+
+在那之后，我也注意到自己真的不能再这样下去了，所以每天坚持跑跑步锻炼身体。事实证明还是有效果的，大概半年后，我的胃口开始好转，慢慢地回复了正常。
+
+在那之后便是工作，老实说，刚开始实习的时候，压力真的特别大。现在想想，主要都是自己给自己施压吧，有些事你不做，日子不也是一样过？但没办法，我还是太固执了，每天总想着多做一点事情，还总安慰自己 “以后就轻松些啦”。但事实上，我只会一天比一天更忙，尤其是做知识分享后，大家有目共睹。
+
+长期熬夜，除了脱发之外，我的智力真是越来越不行了，以前想问题很快的，思路也很清晰。但后来感觉自己笨得一批，甚至有时会佩服自己学生时代写的代码了。。。记忆力也是越来越差，有时自己刚做过的事情就忘了，复制粘贴的效率都大打折扣了！
+
+此外，身体的变化是很明显的，皮肤变得粗糙、脸开始长痘、身体爱出汗、整个人也变得油腻了，唉。。。
+
+这些其实都还好，最让我后怕的是，记得去年有一次在公司健身用力过猛，导致我当时头晕目眩，有一种窒息感、或者叫濒死感，赶紧找了个地方躺下了，也没人过来问我。不过还好还好，天不亡我，这也是为啥我后来就不去健身了。
+
+唉，且行且珍惜。
+
+
+
+------
+
+
+以上这些都是我自己亲身经历过的，毫无保留地分享给大家，也是希望朋友们注意身体，少熬夜、健康饮食、适度锻炼、保持乐观的心态。实在撑不过去了，就想想鱼皮，压力这么大、天天被人骂都还时刻保持着笑容呢，有什么坎儿过不去呢？
+
+为了激励自己和大家都能养成良好的生活习惯，我在自己的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 内开设了健康打卡，希望大家不仅能在这里学到知识、也能拥有强健的体魄。
+
+![](https://pic.yupi.icu/5563/202311041326096.png)
+
+大概就这样，再写又要熬夜了，大家早点休息，提前晚安！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\344\270\215\346\230\257\344\270\200\344\270\252\350\207\252\345\276\213\347\232\204\344\272\272.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\344\270\215\346\230\257\344\270\200\344\270\252\350\207\252\345\276\213\347\232\204\344\272\272.md"
new file mode 100644
index 0000000..3092c37
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\257\271\344\270\215\350\265\267\357\274\214\346\210\221\344\270\215\346\230\257\344\270\200\344\270\252\350\207\252\345\276\213\347\232\204\344\272\272.md"
@@ -0,0 +1,90 @@
+# 对不起，我不是一个自律的人
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是 🐟💨。
+
+前天，[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) 的一位大学生朋友问了我几个问题：
+
+1. 你大学时如何安排每日的时间？为什么能学那么多技术？
+2. 你会学习到很晚吗？
+3. 你是如何保持自律的？
+
+我觉得这几个问题都蛮好的，又让我回忆起了那段头秃的 “青葱岁月”。
+
+![](https://pic.yupi.icu/5563/202311041324402.png)
+
+### **我的大学生活**
+
+我的大学确实是蛮充实的，从各种意义上讲 —— 做了班长、加过社团、加过学生会、加过工作室、做过志愿者、带过团队、参加过各种竞赛、给学弟妹讲过课、给老师做过项目（打杂）、进实验室写过书、拿到保研名额、外出实习等等，基本上大学能干的事都干过了，可以说是没有遗憾。
+
+不过抛去上面的种种经历或尝试，我大学期间投入最多的事情肯定还是自学技术。
+
+寝室、图书馆、教学楼、实验室、工作室，一人一桌一电脑，没人打扰，感觉大好。
+
+为什么我在保证成绩的同时，还能做这么多事呢？
+
+答案其实挺简单：**做计划 + 挤时间** 。
+
+可能是我从小养成的习惯，我随时都在给自己做计划，比如：
+
+- 大计划：我这个学期要参加哪些竞赛，下个学期要参与实习
+- 短期计划：我要做完这个新项目，预计花多少天做完
+- 每日计划：我今天早上要做 2 道算法题目，中午要读 2 篇文章，下午要上课做作业，晚上要做自己的项目
+
+多做计划后，其实你会发现，你能做的、应该要做的事情真的很多，没时间给你去玩了。
+
+当然，和朋友们一样，我也总是完不成自己的计划，我也时刻处于焦虑之中。。。怎么办呢？
+
+那就熬夜吧。年轻人熬灵魂都像千杯不醉。
+
+记得我大二大三的时候，白天经常会有一些奇奇怪怪的事情，导致我没有完整的时间、静不下心来学习。所以我喜欢夜深人静的时候抱起电脑学编程，摒除任何杂念，甚至听不到键盘的声音。
+
+那段时间我一般是学到凌晨 2 - 3 点半，早上没课的话就 10 点起。
+
+有时候为了让项目尽早上线，我甚至会熬到 4 点左右，然后第二天再睡一上午。
+
+结果虽然技术学到了、项目上线了，但后脑勺秃了、肠胃不行了。
+
+所以这里还是不建议朋友们熬夜，不熬夜 + 早起也一样能学很多时间，养成好的习惯还是很重要的。
+
+### **关于自律**
+
+在很多朋友眼里，我学编程很努力、很自律。但是我必须承认：我不是一个自律的人。
+
+何为自律？自我约束么？
+
+我还真的做不到这点。
+
+从小就偷玩电脑、高考前熬夜打手游、天天熬夜不运动、很多自己想坚持的事坚持不下来、就连晚上 12 点前睡觉的 Flag 我也一次都没完成过。
+
+仔细想想，我只不过是对自己感兴趣的事情格外认真罢了。比如努力学习编程技术，其实是想更快地做出自己的作品。
+
+但有时，的确很多事情是我不喜欢的、不想做的，怎么办呢？
+
+我一般会使用 2 种方法：
+
+1）自我激励
+
+比如要做某些课的作业（没人喜欢写作业，我也一样），我一般是赶早不赶晚，会尽快、超前地完成作业，而不是等最后一天去补作业。前者能带来更大的成就感，而后者只会给你带来 “你 ~~ 干 ~~ 嘛 ~~” 的感慨。
+
+做知识分享，也是一种自我激励，你做的内容有人看，就会让你更想做。
+
+2）约束
+
+比如要组队完成一个项目，我会尽可能让自己成为队伍的组长，这样就会有一种 “我不能划水、要带队伍走向胜利” 的责任与使命感。会比我一个人做事更积极。
+
+做知识分享，也是一种约束，大家都在看着你，你必须要往前走。
+
+希望朋友们也都能找到自我激励和约束，让自己行动起来。
+
+
+
+------
+
+
+OK 感谢朋友们阅读到这里，最后还是欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247521173&idx=1&sn=00e79de2ac253248e33c764f137e317b&chksm=e9c27462deb5fd747092c34d1bff990102cab5df7733d95ee21f5b0090b398b8f3d79c293e6c&token=1288511242&lang=zh_CN&scene=21#wechat_redirect) （点击了解详情），一起加油走起来~
+
+![](https://pic.yupi.icu/5563/202311041324435.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\274\200\345\267\245\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\256\263\346\200\225\344\272\206.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\274\200\345\267\245\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\256\263\346\200\225\344\272\206.md"
new file mode 100644
index 0000000..39f6505
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\345\274\200\345\267\245\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\256\263\346\200\225\344\272\206.md"
@@ -0,0 +1,69 @@
+# 开工第一天 ，我害怕了
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。
+
+今天是开工第一天，来到公司后，就看到桌上摆了个公司发的好运对联，应该是我年前因为请假没带回去：
+
+![](https://pic.yupi.icu/5563/202311041328899.png)
+
+算法数据思路清晰，编程代码一气呵成，秒啊！把这个祝福同样送给在看文章的朋友们。
+
+在工位上坐了一会儿后，突然一帮子人冲到我们的办公区，我正纳闷呢，一看旁边的同事都跟过去站队了，原来是组团找老板要红包来了~
+
+![](https://pic.yupi.icu/5563/202311041328850.png)
+
+说到这里真的是羡慕深圳鹅厂的同学，据说以前是 Pony 马总亲自给大家发红包，现场气氛非常热闹。但上海这边就没有那味儿了。
+
+除了老板发的红包外，鹅厂这边每次开工都会发几百元的红包，部门也会发自己的红包。今年领部门红包时，还要立下一些 Flag，以下是我自己的几个小目标：
+
+![](https://pic.yupi.icu/5563/202311041328060.png)
+
+一般来说，开工第一天不会有啥工作，有些同学领了红包后就溜走了。但是我这就不一样了，打开企业微信，就看到一位同事给我送上了新年祝福。然后我看到她的输入状态是 “正在输入”，我就预感不妙。。。
+
+果然，Bug 来咯！
+
+![](https://pic.yupi.icu/5563/202311041328551.png)
+
+正好，过了半个多月，我写过的代码基本忘得精光了，用这两个 “小 Bug” 来恢复下功力。希望是小 Bug 吧。。。
+
+接下来，老板就过来给我分配年后的工作了。好嘛，这今天是闲不得了，立刻开工！
+
+中午，我们组的同事一起吃了个饭，也就是所谓的 **春茗**（指在春节后，与亲友 / 同事相聚品茶用点心或聚餐的意思），当然是不用自己掏钱的哈哈。
+
+![](https://pic.yupi.icu/5563/202311041329805.png)
+
+吃饭的时候，坐我们后桌的是一些隔壁的字节员工。为啥能认出来是字节员工呢？这里小小吐槽一下，这吃饭的时候一个个都挂着字节工牌呢！（无恶意）
+
+快吃完的时候，跟同事聊到有关钱的话题，有人说：我要是有 1000 万美金，咋花呢？
+
+另外一个同事说：别做梦了，吃完饭接着回去打工。
+
+给我整乐了，太真实了！
+
+等等，小丑竟是我自己？！🤡
+
+![](https://pic.yupi.icu/5563/202311041328493.png)
+
+吃完饭后，利用午休期间水出了这篇文章，然后就准备接着打工了。上半年一定要加油，积极主动高效务实，冲！
+
+在本文的最后，要回归封面和标题了。
+
+很多朋友也都听说了，最近 B 站也出现了一位年轻员工猝死的事情，我姐看到之后给我发来了一些消息，提醒我悠着点儿：
+
+![](https://pic.yupi.icu/5563/202311041328908.png)
+
+最后的那句话属实扎心了：
+
+![](https://pic.yupi.icu/5563/202311041328958.png)
+
+老实说，我看到这位小伙子后第一时间想到的也是自己。。。
+
+太悲哀了。
+
+老实说，我害怕的一批，所以在之后一定要早睡晚起，尽量不熬夜了。
+
+也希望大家都能注意身体，健康快乐最重要！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\346\224\276\345\201\207\345\225\246\357\274\201\350\277\23122\345\244\251\345\271\262\347\202\271\345\225\245\345\221\242.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\346\224\276\345\201\207\345\225\246\357\274\201\350\277\23122\345\244\251\345\271\262\347\202\271\345\225\245\345\221\242.md"
new file mode 100644
index 0000000..672fa45
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\346\224\276\345\201\207\345\225\246\357\274\201\350\277\23122\345\244\251\345\271\262\347\202\271\345\225\245\345\221\242.md"
@@ -0,0 +1,72 @@
+# 我放假啦！这 22 天干点啥呢
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，如标题所说，我已经放假了，假期长达 22 天！
+
+先别羡慕了，这个假期是我用 21 年基本全年未休攒下的年假 + 22 年的年假 + 法定节假日凑出来的，我个人的习惯就是先工作再放假。
+
+![](https://pic.yupi.icu/5563/202311041339874.png)
+
+这个假期的长度也快赶上一个小寒假了，为了不虚度这个寒假，我在昨天（假期第一天），就给自己这 22 天安排了一个详细的计划。
+
+这也是我个人的一个习惯，做计划真的能有效防止浪费时间！
+
+正好最近 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 很多放寒假的小伙伴跟我抱怨说自己寒假没有动力学习、不知道怎么做计划，下面我就分享一下自己的计划，给大家做一个参考。
+
+![](https://pic.yupi.icu/5563/202311041339868.png)
+
+## 我的假期计划
+
+定计划不单单只是列举自己每天要做什么事，而是要先给自己定一个大的目标，整个假期内的所有工作尽量围绕目标去安排。
+
+比如我的目标：
+
+#### 健康目标
+
+调整作息：早上睡懒觉不超过 9 点，晚上必须 12：30 前睡觉！
+
+#### 工作目标
+
+1. 发布 4 个长视频
+2. 2 个公众号的日常发文维护
+3. 短视频学习探索，整理自己的短视频秘诀手册
+4. XX 相关知识学习，至少看完一本书 / 一套课
+5. 星球内部直播、星球年度总结、星球项目整理
+6. 公开直播做项目 + 公开直播答疑，预计 6 - 7 场
+7. 编程导航新平台开发建设
+8. 每天星球日常答疑指导，修改简历
+9. 整理去年的工作产物（比如视频剪辑），后续陆续对外发出
+
+定好目标之后，就可以详细地计划每一天的工作了。
+
+有同学说了，我根本想不到未来的某一天具体要做什么，咋办？
+
+我自己的方法是，先确定关键节点，比如我计划 1 月 13 日（周五）开展星球年度总结大会，那么就先在这一天记录上这件事。然后呢，列举出开会前要做的准备工作，比如整理星球年度数据和工作、对外宣传、星球内部通知等等，依次安排到前几天就好了。
+
+于是就有了下面这个文档：
+
+![](https://pic.yupi.icu/5563/202311041339958.png)
+
+有一说一，看着自己定的计划，我觉得自己这假期估计比上班工作还累了，但在完成计划后打上 ✅ 的那一刻，感觉又是很欣慰的，也更有动力去执行后续计划。
+
+最关键的是，这么做之后，我根本没有任何迷茫，也不用纠结今天做啥，直接每天按计划去做就行了！大幅节省时间，这也是我高效做事的一个小技巧。
+
+对学编程的同学来说，如果你实在很迷茫、不知道干啥，那就参考我的学习路线，在假期看完 2 - 3 套课程，每天写一些代码，基本寒假也能过得挺充实。
+
+> 当然，[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的小伙伴也可以直接在微信上问我。
+
+## 尾声
+
+OK，以上就是我的计划，虽说计划赶不上变化，但是有个方向让自己行动起来肯定是好的。强烈建议大家都做一个假期计划！有没有用我们节后再看~
+
+
+
+------
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，鱼皮会 1 对 1 回答您的问题、直播带你做出项目、为你定制学习计划和求职指导，还能获取海量编程学习资源，和上万名学编程的同学共享知识、交流进步。
+
+可以加微信 yupi1085，备注【加入星球】和自己的情况 **领取优惠** 加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\350\242\253\351\232\224\347\246\273\344\272\206\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\350\242\253\351\232\224\347\246\273\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..c786313
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\350\242\253\351\232\224\347\246\273\344\272\206\357\274\201.md"
@@ -0,0 +1,41 @@
+# 我被隔离了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+正如标题所说，事发很突然。。。
+
+周五上午，公司群里突然发了一个公告，说是：我们这栋办公楼的 XX 层出现一个新冠的密切接触者，请大家不要去该楼层。
+
+虽然我们组的工位和他不在一层楼，但这也给大家吓了一跳，毕竟很多同学和我一样，都是第一次离新冠那么近，然后大家就都纷纷带上口罩了。
+
+为了保险起见，中午我也没去食堂吃饭，选择在一个人相对少的时间到楼下的美食广场吃。但让我震惊的是，坐电梯下楼的过程中，电梯内竟然很多人没带口罩，而且都是非行政人员，竟然要去那位密切接触者所在的楼层！
+
+所以我就赶紧提前下了电梯，再等另一班。结果等的下一个电梯竟然也是到那层楼的，里面也没有行政人员！天呐，这是什么情况？！大家都不怕的么？
+
+于是我又提前下了电梯。。。
+
+下午，大家还依然和没事一样上班，丝毫没有那种紧张感，反而让我紧张的一批。
+
+于是，我就加快了写代码的速度，并且跟前端同学说我们得赶紧上线。终于在 18 点左右成功上线发布了，验证也没啥问题，然后我就赶紧溜回家了。
+
+结果，没过多大会，公司就传来了封楼的消息，晚走的同学都必须要被关在公司里隔离了。。。
+
+没想到我在公司屯的行军床竟然派上了用场：
+
+![](https://pic.yupi.icu/5563/202311041325387.jpeg)
+
+![](https://pic.yupi.icu/5563/202311041325266.jpeg)
+
+![](https://pic.yupi.icu/5563/202311041325298.jpeg)
+
+所以我觉得危机意识真的是很重要的！
+
+不过并不是说我提前回家了就不用隔离了，也要在家先隔离 2 天，做两次核酸检测，然后再社区观察 12 天的。本来说今天社区要上门核酸检测，结果也没来，我只能明天戴上口罩自己去做了。
+
+大过年的，我刚抢到回家的车票，就遇到这种事，也是真特么倒霉了！
+
+不过请大家放心，目前公司的同事核酸检测均为阴性，那位密切接触者具体是否被感染也还不确定，应该没啥问题。也请所有朋友们注意防范，这个该死的疫情还没过去，春节将近，大家更要小心！
+
+所以我今天就是老老实实宅在家，上午写视频稿子、下午敲代码剪视频、晚上回回消息跟家人视频聊聊天，一天就过去了。哎，真希望这狗疫情赶快结束吧！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\351\230\263\350\277\207\344\272\206\357\274\214\345\210\253\346\213\205\345\277\203\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\351\230\263\350\277\207\344\272\206\357\274\214\345\210\253\346\213\205\345\277\203\357\274\201.md"
new file mode 100644
index 0000000..eb0b44d
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\210\221\351\230\263\350\277\207\344\272\206\357\274\214\345\210\253\346\213\205\345\277\203\357\274\201.md"
@@ -0,0 +1,70 @@
+# 我阳过了，别担心！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。上周不幸成为了小阳人，在家躺了一周。目前身体好的差不多了，也已经复工了。想把这段经历分享给大家，希望大家都能好好的，也不用那么担心。
+
+先说背景，我至始至终只打了一针疫苗（还是在听说要放开前抓紧去打的），不曾想还没有撑到第二针疫苗，就已经阳了。
+
+![](https://pic.yupi.icu/5563/202311041337623.png)
+
+再说说我的感染历程。我盲猜自己是因为周日下午去了一趟火车站送人才被感染的，当时有个大爷摘口罩咳嗽来着，给我留下了深刻的印象。
+
+然后周一早上我的嗓子就没有平时那么舒服，但因为我本来就有咽炎，所以没那么在意。不过中午的时候还是去做了个核酸，看到结果是绿码，就放心了，告诉自己不用瞎想。
+
+到了周三，我的嗓子又不舒服了，而且这次的症状更严重一些，所以我到了公司后立马就做了个抗原自测。等了十几分钟后结果只有一道杠（正常），于是我又放心了，上午还正常工作，和一个哥们近距离交流。
+
+但万万没想到，等我中午吃完饭回来一看，抗原就突然多了一道杠！还贼明显！我立刻就跟同事说了这个情况。但抗原试剂上写着以 15-30 分钟检测结果为准，所以我还是心存一丝侥幸。比较纠结的是我要不要立刻回家，但最终还是被工作打败了，我又去做了个抗原 + 单管核酸，然后就继续工作了。
+
+虽然第二次做的抗原还是一道杠，但当天下午我能明显感受到身体的不适，最主要的是头疼 + 嗓子疼，等下午 5 点半左右（我们的饭点儿），我基本上已经头痛欲裂了，赶紧打了个车回家。等回到家之后，水都没喝、药也没吃就摇摇晃晃钻进了被窝。
+
+我睡觉时最明显的几个症状：头痛、恶心、全身发寒，一丁点儿风进来就让我全身哆嗦。
+
+直到当天夜里 2 点半，我白天的核酸结果才终于出来了，果不其然阳了。但我也没感觉到担心吧，毕竟之前很多朋友就已经沦陷了，躲不掉躲不掉。
+
+![](https://pic.yupi.icu/5563/202311041337770.png)
+
+看来阳性果然是有前兆的，身体不适、抗原只要出现 2 道杠，就应该做好休息的准备了，千万别再工作了，没必要。
+
+我接下来几天的症状大概是这样的：
+
+- 第一天：低烧、头疼、头晕恶心、全身发寒怕冷、嗓子有点堵
+- 第二天（最严重）：继续低烧、头疼、头晕恶心，眼睛疼、嗓子堵，四肢无力、走路只能弯着腰
+- 第三天：继续低烧，头没那么疼了，眼睛疼、嗓子更堵了，四肢无力、走路只能弯着腰
+- 第四天：不再头疼，但是精神很差，走路的时候感觉还是轻飘飘的。上火症状更明显，比如眼睛更疼了、嘴唇干裂，嗓子开始发疼、开始咳痰。虽然没有打喷嚏，但是鼻子有一点点堵、会流一点清涕。
+- 第五 ~ 六天：身体的力气开始渐渐恢复，但嗓子和喉咙越来越疼，也开始咳嗽。刚开始吞咽的时候感觉像在 “吞刀片”，后来不吞咽的时候喉咙也会突然干疼。我感觉这两天是继第二天之后最难受的了。
+- 第七天：其他症状基本恢复了，除了嗓子还在咳咳咳，精神也还没有完全恢复到正常，但行动工作已无大碍。
+
+总结一下，除了没发高烧之外，我的症状和恢复情况基本是和网上的描述一致的，就像是把常见的小病组合起来，得了个 “小病全家桶”，还是非常难受的。。。
+
+（有些同学可能会出现腰疼、腿疼之类的症状，也是正常的。）
+
+![](https://pic.yupi.icu/5563/202311041337903.png)
+
+也分享下我这几天养病的一些措施和建议吧，仅供参考。
+
+1）多喝水，多喝水，多喝水！
+
+2）觉得身体稍微好一些的时候，可以做这么几件事：
+
+1. 赶紧吃东西，我的感觉是能吃下东西基本就已经熬过最难受的时候了
+2. 适当开窗通风、吸氧，不要连续一周都呼吸 “浊气”
+3. 适当走动，可以收拾下家里，也能改善下心情
+
+3）适量吃药，不要乱吃药。我的话是在第 2 和第 3 天每天吃了两粒布洛芬，第 4 天 ~ 第 7 天吃了西瓜霜清咽含片缓解嗓子疼痛，感觉稍微好一些的时候就不继续吃药了。
+
+4）饮食方面，千万不要因为嘴馋就吃辣的、炸的、冷的东西，亲测会加重病情（我在第 4 天的时候吃了个清汤麻辣烫，没想到里面有辣椒咳咳）。
+
+建议吃点清淡不腻的，比如我在刚开始那两天吃的是白粥、榨菜、白面小馒头哈哈，清淡到爆炸。
+
+![](https://pic.yupi.icu/5563/202311041337722.png)
+
+在嗓子疼得时候，注意不要吃酸的、硬的东西，否则吞咽一下那个感觉真的是要命了。建议大家多吃吃水果，像我这些天吃了很多梨、草莓、苹果、橙子、葡萄、奇异果什么的。可以补充一些维 C，对嗓子的恢复也有利。尤其是要多吃梨，嗓子疼得时候吃梨感觉非常爽！
+
+5）心态一定要好。大家可以这么想：鱼皮只打了一针疫苗、还常年熬夜，他这体质都能正常地挺过去，我有什么好担心的呢？
+
+还有非常重要的一点，就是他们说在阳康之后的这段时间（大概一个月），身体其实是最脆弱的。所以我这段时间还是要继续注意休息，也希望朋友们都多多保重，能不阳就不阳，万一中招了，也都快快好起来。
+
+![](https://pic.yupi.icu/5563/202311041337588.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\226\260\345\271\264\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\260\261\350\232\214\345\237\240\344\275\217\344\272\206\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\226\260\345\271\264\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\260\261\350\232\214\345\237\240\344\275\217\344\272\206\357\274\201.md"
new file mode 100644
index 0000000..d0a405f
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\346\226\260\345\271\264\347\254\254\344\270\200\345\244\251\357\274\214\346\210\221\345\260\261\350\232\214\345\237\240\344\275\217\344\272\206\357\274\201.md"
@@ -0,0 +1,55 @@
+# 新年第一天，我就蚌埠住了！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。首先祝大家新年快乐，身体健康，心想事成~
+
+不知道大家新年第一天都做了些什么呢？
+
+是出去玩耍？还是宅在家看动漫？或者又努力了一天，争取弯道超车？
+
+![](https://pic.yupi.icu/5563/202311041327582.png)
+
+下面分享下我新年第一天的 “生活” 吧，就两个字：枯燥！
+
+![](https://pic.yupi.icu/5563/202311041327519.png)
+
+前几天 年终总结 的时候立了个小目标，说是新年绝对不熬夜了，但没想到昨天还是超过凌晨 1 点才睡觉，而且超了不止一点点。特么的没办法，我又重温了一遍鬼灭之刃动漫（无限列车篇），配上弹幕实在是太好看了！
+
+![](https://pic.yupi.icu/5563/202311041327699.png)大哥
+
+所以今天早上起床的时候，就已经是 11 点多了，醒来之后点了份外卖（养生粥和汤圆），然后接下来就开始干那件事了。。。
+
+没错，就是咱的本职工作 —— 敲代码。
+
+编程交流群里有人问：今天还有人在写代码吗？
+
+开玩笑，我从起床一直写到发文前！
+
+![](https://pic.yupi.icu/5563/202311041327517.png)
+
+其实本来今天是想出去溜溜的，但情况有变，就只能在家敲代码了。大概 5 - 6 个小时吧，给即将上线的个人新项目增加了几个功能、做了一些优化。
+
+![](https://pic.yupi.icu/5563/202311041327648.png)
+
+在敲代码之前，没觉得怎么枯燥。毕竟平时工作日很难有连续的时间去做自己感兴趣的项目，所以假期一个人敲代码、听听音乐也挺安心的，一旦投入进去，时间真的过的很快。
+
+但等我敲完代码后，我就实在是蚌埠住了（绷不住了），新年第一天，我怎么还在做跟平时一样的事呢？！苍天啊，大地啊，我特么枯燥啊！
+
+正好这时网抑云也开始给我推荐了几首令人惆怅的歌，直接给我整破防了。
+
+- 《你曾是少年》：却在北京上海广州深圳某天夜半忽然醒来 站在寂寞的阳台，只想从这无边的寂寞中逃出来
+- 《百年孤寂》：可是当我闭上眼，再睁开眼，只看见沙漠，哪里有什么骆驼
+- 《孤独》：我的 Home 里只有 Me
+
+唉，觉得还是学生时代好啊，青涩！
+
+![](https://pic.yupi.icu/5563/202311041327525.png)
+
+晚上的话打算点个豪华点的外卖，然后开箱下自己到了一周都没空拆的新电脑，再写写稿子啥的吧。明天要是没什么事，再出去蹦跶！
+
+再次祝大家新年快乐~ 感兴趣的话，也可以看看鱼皮的年终总结哦（点文末 **阅读原文** 跳转），让我们新的一年一起加油吧！
+
+![](https://pic.yupi.icu/5563/202311041327837.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\350\201\212\350\201\212\346\234\200\350\277\221\347\232\204\347\212\266\346\200\201\345\220\247.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\350\201\212\350\201\212\346\234\200\350\277\221\347\232\204\347\212\266\346\200\201\345\220\247.md"
new file mode 100644
index 0000000..31bb0f7
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\350\201\212\350\201\212\346\234\200\350\277\221\347\232\204\347\212\266\346\200\201\345\220\247.md"
@@ -0,0 +1,98 @@
+# 聊聊最近的状态吧
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近疫情又严重了，希望大家注意防范。这篇文章和大家聊聊天，分享一下我最近的状态。
+
+首先聊聊工作，由于疫情原因，我这周全程居家远程办公，仿佛时间又回到了我大四下学期远程实习的时候。
+
+刚听到居家办公消息的时候，其实我内心还是挺开心的，毕竟对我这种每天忙的连运动时间都没有的人来说，不用出门上班就意味着可以省下半个多小时的时间。而且自己在家办公非常自由，累了可以躺着、还可以外放音乐，简直爽歪歪！
+
+![](https://pic.yupi.icu/5563/202311041331839.png)
+
+但事实上，这一周我怎么感觉比以前在公司的时候更累了呢？！
+
+![](https://pic.yupi.icu/5563/202311041331829.png)
+
+为啥这么说呢？这一周，我基本上每天睡觉前把电脑放到床头，然后第二天有意识的时候就得抱起电脑、开始靠在床上工作。因为自从居家办公后，我们每天早上都要在工作群里发日报，就是讲一下今天要做什么，发的太晚了肯定不合适，所以也就根本没有机会睡懒觉了。
+
+有同学会问：那你发完日报后接着睡就是了？
+
+想的倒挺美啊，摸鱼 / 睡懒觉的前提是你的工作先能做完、没有工作需要处理。但事实上，从我睁眼起，就要处理公司内系统的问题、客户的反馈、同事之间的工作对接等等。尤其是最近因为一些工作调整和变动，我手头的活、负责的系统范围又增加了，所以想忙里偷闲都不可能。
+
+以前在公司，下班了就是下班了。但现在居家办公，电脑 24 小时在身边，简直是为处理工作问题提供了地利呀！
+
+再加上我家里只有一个屏幕，而在公司是有 2 个外接扩展屏的，导致我的开发效率也没有之前那么高了；而且线上会议的效率我感觉也不如线下更高效。。。
+
+所以这一周统计下来，我每天的工作时长竟然比平时还要多！
+
+此外，居家办公还有一些让我很烦的事情，比如我得天天吃外卖、不定期去做核酸等等，真希望疫情能快点过去呀 🙏🏻 。
+
+
+
+------
+
+
+聊完了工作，再聊聊我的兴趣爱好吧。在家办公的某一天，我突然发现自己还有个吉他，于是在思考问题的时候也会抱起来弹几下，毕竟弹吉他不影响思考，都是肌肉记忆。这也是为啥有同学发现我的右手指甲非常长（方便拨弦），不是懒得剪啊喂！
+
+除了吉他外，我基本就没有能在家干的爱好了，以前还会打游戏，但自从我做了知识分享后，再也没有时间去打了，当然也的确没有兴趣了。曾经称霸沙场的梦想，和那个眼神清澈的少年一同消逝了。
+
+我目前主要的时间还是投入到知识分享中，大家也知道我上个月开通了自己的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) ，相当于我自己的一个私圈。既然是向大家收费了，那我自己肯定要付出对等的代价（相对于我自己时间的价值而言），并且为加入星球的同学提供超额的服务。
+
+开了星球后，有一些玩意儿开始排队酸你，diss 你，这也没办法，毕竟我只是出于自己的兴趣，随心所欲地玩玩、简简单单分享了一些他们认为 “没价值” 的东西，就得到了他们眼中的俗物（老凡尔赛了）。
+
+但还是那句话，我背后消耗的时间，我背后投入的精力，我每天 24 小时承担的压力，你们绝对无法想象！！！换言之，你们看得到我付出的代价了么？
+
+这一个月，拉了近 4000 名新同学加入，绝大多数早期的小伙伴都是我 1 个 1 个加好友来邀请的。光在星球里面我就回答了 500 多个问题，两三点睡觉对我来说是家常便饭：
+
+![](https://pic.yupi.icu/5563/202311041331901.png)
+
+帮星球的小伙伴修改了几十份简历，其中有一部分还是我一对一的通过屏幕分享 + 视频的方式连线修改的，平均每位同学会花费 30 分钟左右：
+
+![](https://pic.yupi.icu/5563/202311041331925.png)
+
+日常维护星球，精选近 200 篇内容，并且出版了 5 期精选汇总：
+
+![](https://pic.yupi.icu/5563/202311041331928.png)
+
+建设了星球专属知识库，持续编写和丰富里面的内容。目前已经整理了近万本编程电子书，各主流学习方向的视频教程、面试题、知识总结、软件工具等：
+
+![](https://pic.yupi.icu/5563/202311041331929.png)
+
+学习路线也陆陆续续整理了，都是参考了大量的资料 + 面试题 + 本人经验 + 其他大厂同学的经验手敲而成，不会说直接拿外面现成的东西来敷衍大家（如果要敷衍，那我早就可以在公众号里放各种学习路线了）。
+
+比如今天周末肝了一整天的算法与数据结构路线：
+
+![](https://pic.yupi.icu/5563/202311041331141.png)
+
+还有星球内部专属的直播，真正的从 0（想法）到 1（实现）带大家去动手做自己的项目，讲的非常地细，分享做项目的思路、编程知识、编程技巧、系统设计的思路、优化代码的方法等，还通过追踪源码来帮助大家学会解决问题的方法。
+
+最近的一次直播，时长 3 小时 26 分，我不说自己是一个怎么样的身份和 up 主，就单从市价来看，补习班一堂课的价格就足够加入星球了，只不过加入前希望大家以自己的实际情况为准。
+
+![](https://pic.yupi.icu/5563/202311041331358.png)
+
+> 直播回放
+
+当然，以上这些都只是我的一面之词，星球到底有没有帮助，大家说了才算：
+
+![](https://pic.yupi.icu/5563/202311041331231.png)
+
+![](https://pic.yupi.icu/5563/202311041331284.png)
+
+![](https://pic.yupi.icu/5563/202311041331445.png)
+
+看到这些小伙伴的感受，我也更坚定自己在做有意义的事情。
+
+**“自己没有做过，就别随便去评价你不了解的东西；自己不去努力，就别去嫉妒别人拼来的战果；你行你也上！”**
+
+对我的质疑不可能消除，换句话说，我从前年发第一个视频时就被质疑过，早就习惯了~
+
+但我要做的事依然不变，继续努力为大家提供有价值的东西，感谢支持我的朋友。也要感谢一些无脑的小喷喷，你们的质疑越多，我反而越要努力去打你们的脸，这反而会成为我努力的动力之一呢~
+
+好吧，今天聊天到这里~ 如果有想要 [加入星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247505617&idx=1&sn=73c5e2b1ad9b22d93e8fd6153199ab22&scene=21#wechat_redirect) 的朋友，请尽快扫下方的二维码加入哈，马上就涨价了，有星球相关的问题可以加我工作微信 yupi5927，备注【了解星球】。
+
+![](https://pic.yupi.icu/5563/202311041331631.png)
+
+> 扫码加入
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..eca3edf
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\203\275\350\277\231\344\270\252\347\202\271\345\204\277\344\272\206\357\274\214\350\277\231\345\270\256\344\272\272\347\253\237\347\204\266\345\234\250\343\200\202\343\200\202\343\200\202.md"
@@ -0,0 +1,53 @@
+# 都这个点儿了，这帮人竟然在。。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，最近真的是非常地忙，忙工作、忙星球、忙着补一些分布式知识等等，因此也几乎没什么时间写文章了。
+
+就在今天晚上，手忙脚乱中，不小心把一杯水洒在了电脑键盘上，然后就。。。
+
+![](https://pic.yupi.icu/5563/202311041333334.png)
+
+如图，我赶紧先吸水，再把电脑倒置，最后用吹风机狂吹一通，死马当做活马医。
+
+> 禁止吐槽！要不是因为上海的疫情，我肯定抱着电脑去专业维修点了。
+
+刚开始电脑还开不了机，吹了一会儿能开机了，但电脑屏幕上多了一大块的淡红色区域，感觉可能是显卡啥的受影响了。又吹了一个多小时，电脑上的红线终于消失了，也能正常开机了。为了保险起见，打算再吹一晚上。
+
+在抢救电脑的过程中，闲来无事，我就打开手机看看星球里的小伙伴们在干嘛，这一看，我血压就上来了，没想到都 23 点了，这帮人竟然还在做这种事！
+
+![](https://pic.yupi.icu/5563/202311041333348.png)
+
+没错，就是学习，就是卷！
+
+认识我的朋友都知道，我是个 “卷王”，除了肝之外没啥别的特点了。但是作为卷出了一点儿浪花的人来说，我相信努力是可以改变命运的，所以一直在自己的知识星球中鼓励大家学习，将星球打造成了一个绝佳的学习圈子。每天晚上 22 点到 24 点，正是大家分享今日所学知识以及明日计划的黄金时间。
+
+一起来看看大家都学了些什么内容吧！
+
+这是一位考研的同学，除了上课之外，在背单词、刷高数之余，还学习了后端方面的知识，感觉今天过的很充实：
+
+![](https://pic.yupi.icu/5563/202311041333193.png)
+
+再看下这位准备求职的同学，他今天看完了我直播带大家做的项目第四期，通过自己的踩坑最后终于完成了项目。晚上还刷了 5 道 LeetCode 的中等难度题目，还是挺厉害的！（我一天刷 3 道题撑死了，还必须得有 1 道简单题目）
+
+![](https://pic.yupi.icu/5563/202311041333190.png)
+
+再看下这位同学，刚刚进入公司实习，也意识到了学校知识和企业需求的差距（大家一定不能只跟着学校学习！）。在星球氛围的感染下，这位同学也励志要加入 “卷王大军” 了，拒绝躺平！
+
+![](https://pic.yupi.icu/5563/202311041333494.png)
+
+再看下这位同学，应该也是在准备找工作吧，看了前端 JS 高级知识、复习了一些面试题目啥的。这里值得表扬的是他对于明日的计划，有了计划后，第二天做事不仅会更有动力，还能够提高做事效率。不用纠结自己到底该做啥了，也更不容易懈怠。
+
+![](https://pic.yupi.icu/5563/202311041333450.png)
+
+星球里类似上面这样的热血小伙伴们还有太多太多，大家如果还在迷茫、不知道自己该干什么、或者始终学不下去、又或者每天都很懒散，不妨试着融入这样一个学习圈子，看看大家在做些什么、和大家一起交流、以及向鱼皮等已经上岸大厂的同学提问、得到清晰的学习规划。相信坚持一周后，你会有很大的改变！
+
+通过看星球小伙伴们的打卡，我也属实被激励到了，放下了手机，写下了这篇文章。写完之后，决定读 30 页书籍再睡觉！！！
+
+访问 dogyupi.com 或点击阅读原文可以了解星球详情，也欢迎直接扫码领优惠券加入，和 5700 多名小伙伴一起进步吧！
+
+![](https://pic.yupi.icu/5563/202311041333643.png)
+
+>  知识星球优惠券
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\232\217\344\276\277\350\201\212\350\201\212.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\232\217\344\276\277\350\201\212\350\201\212.md"
new file mode 100644
index 0000000..58af1f3
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\347\224\237\346\264\273\346\227\245\345\270\270/\351\232\217\344\276\277\350\201\212\350\201\212.md"
@@ -0,0 +1,120 @@
+# 随便聊聊
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+家好，我是鱼皮，今天这篇文章真就是随便聊聊了，编程、工作、生活、💰 都会聊一点~
+
+### 1
+
+这周技术圈内比较大的一件事就是：前端打包工具 Webpack 的创始人推出了一款比 Webpack “快 700 倍” 的新打包工具 —— Turbopack。
+
+Webpack 的知名度和流行度在前端领域一直是领跑地位，也基本是前端同学必学、面试常考的技术。没想到这次作者团队超越了自己的极限，又搞出来一个开源的新轮子（听说是下一代 web 打包工具）。
+
+不得不感叹，编程真的是一辈子学不完，一个技术还没搞懂，又来一个新技术。后端 Java 的发展还好说，基本都是 Java 8 吃遍天，但前端技术更新迭代地真是太快了。
+
+昨天还有星球的同学问我说，技术迭代那么快，应该怎么学？主要是担心刚学完就过期了：
+
+![](https://pic.yupi.icu/5563/202311041335888.png)
+
+我给他的建议是，既然技术一直在更新迭代，那我们就应该学好那些 **相对不变** 的东西。
+
+对计算机专业的同学来说，无非就是计算机基础（操作系统、计算机网络、算法数据结构）等，但是这些都更偏理论一些，而且需要一个长期的过程来积累。
+
+除了基础理论之外，对于想快速找工作、开发项目的同学，最好的学习方式就是先学会 **一个** 开发框架，然后持续做项目，在做项目的过程中，提升自己的 **文档阅读能力、自主解决问题的能力** 等。
+
+有了这些能力，无论技术再怎么更新迭代，你都能通过官方文档和搜索引擎（甚至是看源码）的方式来快速上手。
+
+举个例子，我之前也被前端框架的版本更新坑了一把，带大家做的项目用的是 v4 版本的框架。结果刚做完项目，框架就升级到 v5 了，然后大家就懵逼了。
+
+但事实上，无论框架更新到什么版本，我们都可以通过阅读官方文档来搭建项目、学会它的使用。这种独立于技术之外的能力，才是能真正决定你开发水平的高低的。
+
+所以有句话广为流传：Talk is cheap, show me your code.
+
+在真正的大佬面前，我管你用的是什么框架，Vue 3 也好、React 18 也好，全都被自动翻译成原生 JS 了。
+
+![](https://pic.yupi.icu/5563/202311041335023.png)
+
+### 2
+
+给大家推荐一个开源项目【sql-father】，基于 React + SpringBoot 开发的【代码 + 数据生成平台】，完全足够作为毕设项目了。
+
+![](https://pic.yupi.icu/5563/202311041335957.png)
+
+没错，是我自己做的哈哈！前几天还上了 GitHub Trending 热榜。
+
+指路：https://github.com/search?q=sql-father
+
+![](https://pic.yupi.icu/5563/202311041335936.png)
+
+话说我记得之前 GitHub 不是说 9 月底要关闭 Trending 功能么？不知道是不是产品经理又改需求，决定不关了（狗头）。
+
+### 3
+
+最近除了每天在 [我的知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里回答大家的问题、修改简历之外，我更新了一年前发布的 Java 学习路线，补充了一些知识、并替换了一波教程资源。
+
+此外，肝了一份 Redis 学习路线图，学过 Redis 的同学可以拿来查漏补缺：
+
+![](https://pic.yupi.icu/5563/202311041335013.png)
+
+> Redis 学习路线 by 程序员鱼皮
+
+[星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 的同学可以阅读：https://t.zsxq.com/07K7MpNAx，有更多教程和学习方法。
+
+### 4
+
+最近这个月没有以前那么肝了，主要是身体并没有以前那么能熬了，熬夜 + 强压给身体带来的负面影响也更明显了。
+
+所以我这段时间每天都会坚持散步、跑步、做一些简单的运动：
+
+![](https://pic.yupi.icu/5563/202311041335055.png)
+
+虽然再过几天就 24 了，但我还想让自己始终保持 18 岁的活力呀！！！
+
+想当年我大一的时候，每天早上 6 点多起床晨跑，那会儿体测跑 1000M 可以取得组内第一的成绩。。。
+
+唉，时光不再。
+
+奉劝还在学校的朋友们，趁现在没有工作压力，再多运动一下。我自认为身体底子还算不错，工作后熬了 2 年大夜，也是回到解放前了。
+
+### 5
+
+今年我要争取一下职级晋升，所以最近也在阅读一些关于晋升、职场发展的书籍。
+
+其中有个点让我印象蛮深刻的，大佬说：很多人之所以在职级晋升时翻车，是因为对晋升的底层理解有误。不是说你做好本职级的事情、天天按时完成工作就能够晋升了，而是要突破自己，提前去尝试下一个职级的工作。比如 T2 要求负责项目的某个功能，T3 要求负责整个项目。如果你 T2 就已经负责了整个项目，那么跨职级晋升的成功率当然会更高。
+
+希望这一点也能给大家启发，提升自己工作熟练度的同时，多去用下一级的标准来要求自己。
+
+### 6
+
+最近秋招快结束了，不少同学也在问我 offer 选择相关的问题。这里我只说一个建议，其他条件差不多的情况下，优先去 base（基础月薪）比较高的公司吧，其他股票啊、期权什么的风险会高一些，虽然总包可能差不多，但到手的钱才是最实在的！而且跳槽下家的时候，base 高会更有优势一些。
+
+别问我为什么这么说，看看前几天中概股跌得有多惨就知道了，我 20 届入职我司还算幸运了，也就是刚刚治好了自己的低血压而已。至于 22 届股价高点入职的同学，你们还好么？
+
+![](https://pic.yupi.icu/5563/202311041336849.png)
+
+### 7
+
+最后再说个事，今天晚上 8 点在 B 站和抖音直播带大家做新项目，这次做的依然是一个网上找不到视频教程的、简历上也几乎没有同学写到过的项目哦！
+
+感兴趣的同学可以来直播间：http://live.bilibili.com/337857（B 站 / 抖音 🔍 程序员鱼皮）
+
+> 本来是只在 [星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 里直播的，但由于是第 1 场，也希望让更多同学了解一下，感兴趣的话可以再加入星球进行后续的学习。
+
+已经完结的往期项目，[加入星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) 后可获取全部回放、笔记，有问题可以随时问我：
+
+- [移动 H5 全栈网站 - 伙伴匹配系统](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247527878&idx=1&sn=00ef3e8862cec2570eeb2e74a232c700&chksm=e9c28a31deb5032784071939437fba3fd6fdb810f0f849aa90536259d8d8bc25453328b86c12&token=1949212772&lang=zh_CN&scene=21#wechat_redirect)
+- [企业开发流程实战 - 用户中心项目](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508517&idx=1&sn=66803910cf2e7d88e6cab30df9271d5d&chksm=e9c245d2deb5ccc4a2287198f594e7fbcb43d00b0101d9cab77ff17c1412c46e5d99a438e48d&token=1949212772&lang=zh_CN&scene=21#wechat_redirect)
+- 项目训练营（https://t.zsxq.com/07g8VKgdC）
+
+
+
+
+
+------
+
+
+感谢您的阅读。欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect)（访问 https://yupi.icu 了解详情），带你一起学编程、做项目、向鱼皮 1 对 1 提问、帮你做学习和求职的规划指导、修改简历等。可以加我微信 yupi5927，备注【加入星球】和自己的情况优惠加入星球，不备注不通过，非诚勿扰谢谢。
+
+![](https://pic.yupi.icu/5563/202311041335346.jpeg)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/Java\345\274\200\345\217\221\350\200\205\345\267\245\344\275\234\351\203\275\345\201\232\344\273\200\344\271\210\357\274\237.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/Java\345\274\200\345\217\221\350\200\205\345\267\245\344\275\234\351\203\275\345\201\232\344\273\200\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..1a67ea0
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/Java\345\274\200\345\217\221\350\200\205\345\267\245\344\275\234\351\203\275\345\201\232\344\273\200\344\271\210\357\274\237.md"
@@ -0,0 +1,118 @@
+# Java 开发者工作都做什么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+作为一名 **在大、中、小微企业都待过** 的 Java 开发者，今天和大家分享下自己在不同公司的工作日常和收获。包括一些个人积累的工作提升经验，以及一些 Java 学习的方法和资源。
+
+先从我第一份 Java 开发实习工作说起吧！
+
+## 实习生工作日常
+
+我是在大二暑期开始了我人生的第一次实习，岗位正是 Java 开发，还混了个 title 叫 “助理 Java 工程师”！
+
+这家公司属于一家中型企业，作为第一份实习，我已经很满足了。
+
+刚进入公司的第一天，在导师和运维同学的帮助下，搞好办公设备，安装开发环境，本以为第二天就能开始写代码。但是整整两周，我都没有写下一行 Java 代码！而是先花了一周的时间熟悉企业的业务、我要参与的项目源码（Spring 全家桶 + Dubbo）、以及公司的各种办公套件和研发流程。这些几乎是每位刚刚进入新公司的同学都要做的事情。
+
+![](https://pic.yupi.icu/5563/202311031013602.jpeg)
+
+>  实习工位
+
+然后我就开始接需求了，面对前人留下的 xx 一样的代码和复杂的业务，我根本无从下手。那么这一周我做了些什么呢？在导师的指导下，我针对这个需求涉及的业务流程画了一个很完整的流程图，并且在流程图上进行了详细的标注。画完流程图之后，我突然感觉思路清晰了很多，接下来就是写伪代码，终于在一周后，我才正式开始写 Java 代码了。
+
+在此之前，我基本都是跟着视频教程写写简单的 Demo 程序，或者自己为了学习做做简单的小项目。从来没有像这次一样在写代码前进行如此精心的设计，第一次有了自己走出校园的感觉，这种体验和成长是在学校无法感受到的。这也是为什么我建议计算机专业的同学在学了一些开发技术后，**趁早去找一份实习**，不用担心自己的经验不足，通过面试和企业工作的磨练才能让你积累更多的经验、提升技术，也能帮助你明确自己的目标。现在也有很多帮助大学生找实习的平台，像 **牛客网、实习僧** 都是很不错的。
+
+实习的这家公司虽然不大，但是团队的氛围非常好。也正因为公司不大，和技术主管、CTO 等大佬的交流机会也非常多，我们每天开工前都会开站会（敏捷开发）来讨论工作，并且定期地举办技术分享。
+
+整个实习过程真的非常愉快，学到了很多技术和业务知识，也开拓了眼界，明确了我今后的职业发展方向。最爽的事是工作不忙的时候也摸鱼儿刷了一些算法，真的非常感谢公司和这段实习经历！
+
+然后分享我目前在 **腾讯** 做 Java 开发的日常。
+
+## 鹅厂工作日常
+
+没错，鹅厂并不是只有 C++ 这一门后端开发语言，其实鹅厂的 Java 程序员数量也是很多的！
+
+我从大三暑假开始就在腾讯实习，并通过答辩转正，虽然只毕业半年，但至今累积在鹅厂写 Java 已经一年半多了，那除了偶尔摸鱼外，我平时的工作都做些什么呢？
+
+![](https://pic.yupi.icu/5563/202311031013480.jpeg)
+
+起初我以为大厂程序员的工作日常也就是写代码、造轮子，在大公司，就得写更多的代码！
+
+结果在刚入职时，由于经验不足，再加上年轻气盛，有着莫名的自信。刚拿到需求后，我觉得特别简单，不就是 CRUD（增删改查）么？于是，我就懒得设计方案了，没怎么思考就直接上手写代码了，结果不断翻车，出现了很多细节问题，比如数据没有访问权限获取不到、和其他部门的同学接口字段没对齐等等，甚至还出现需求理解错误的情况！最后导致的结果就是做了很多无用功，把本来几天就能做完的需求一拖再拖，一度以为自己要被劝退了！o(╥﹏╥)o
+
+经历了一次次的翻车后，我开始思考自己的问题到底出在哪里，为什么我总感觉自己什么都知道、可以写出代码，但写出的代码却经常错误连篇呢？
+
+我向导师和其他的同事请教后发现，其实大家更多的时间并不是在写代码，而是在 **开会讨论、核对需求、沟通对齐、设计技术方案、测试等**。写代码的时间其实很少很少！
+
+导师对我说：“其实写代码并不难，关键是**要明确为什么要写代码、怎么写代码、写什么代码。**”
+
+原来，相比写代码，更重要的是写代码前的**技术方案设计**和写代码后的**测试**！
+
+### 技术方案设计
+
+当程序员确认完需求后，要先根据需求来给出一个清晰明确的技术方案，一方面是证明需求的可行性，另一方面是对自己之后的代码实现有一个大致思路。很多的问题其实是可以在设计阶段去发现和规避的，而不是等你写代码的时候，才发现之前的设计有问题、甚至是需求本身就不合理！到时候耽误了项目上线，背锅的就是程序员自己！
+
+之前有朋友问，在大公司，万一写着写着代码，没思路了、写不出来了怎么办？这种问题其实就是可以通过前期的技术方案设计来规避的。**毕竟老板才不关心你代码写的怎么样，他只关心你的技术方案，换句话说，是关心你能不能按时完成项目！**
+
+此前，我即使画了一些流程图，目的也仅仅是在于帮助自己写代码。觉得代码能写出来后，我就不再去考虑方案设计了。
+
+而在意识到技术方案的重要性后，我会在理解需求后，先写一份详尽的技术方案，包括需求的合理性分析、选用什么技术来实现指定的功能、怎么设计库表结构、怎么设计类之间的关系（用哪种设计模式）、怎么设计接口、计划工期是多久、有没有什么风险点等等。
+
+### 开发
+
+设计好方案后，就要投入开发。
+
+基本就是先利用一些数据库管理软件或者登陆服务器去配置一些库表，然后选用一些 Java 类库和工具来编写业务代码。说是编写代码，其实 80% 以上都是复制粘贴！复制别人的，复制自己的，积累的代码多了之后，简直爽的飞起！不能复制粘贴的，也可以用一些代码生成工具、甚至是低代码工具来偷偷懒。谁说 CRUD 工程师就没有技术？哼，咱偷懒也要有水平。
+
+写代码的过程中，你要遵循一定的规范，不断地将重复的代码进行抽象、封装和复用，可以利用一些设计模式，并且要多多编写注释，提高代码的可读性和可维护性。
+
+关于代码规范，建议参考 Google 开源的 Java 代码规范或者阿里巴巴的 Java 代码规范，非常专业！
+
+![](https://pic.yupi.icu/5563/202311031013466.jpeg)
+
+写好代码后，你要再次检查自己的代码，可以利用一些代码格式化和代码检查工具来提前发现一些规范问题以及 bug，还要在本地编写单元测试来最细粒度地保证代码的可运行性和正确性。
+
+Java 的单元测试类库一般用 `JUnit` 就行了，本地自己测试请求接口的话可以直接用 IDEA 自带的测试插件，也可以选用 `Swagger` 或者 `YAPI`、`Postman` 等接口管理工具，甚至还可以直接使用命令行 `curl` 等。
+
+![](https://pic.yupi.icu/5563/202311031013591.jpeg)
+
+>  postman
+
+### **测试**
+
+在写完代码之后，要经过**非常非常非常充分**的测试才能提交代码！这个阶段也是非常花时间的，需要配合测试同学，提供一些测试的细节和补充说明，并且对测试中发现的问题进行修复。很多程序员应该都有这种感受：**写 bug 一分钟，改 bug 一小时！**
+
+![](https://pic.yupi.icu/5563/202311031013444.jpeg)
+
+这些就是我目前在鹅厂的日常工作，其实和其他公司不会什么区别，无非就是你负责的业务量级越大，你在设计、测试等环节上投入的时间和精力就要更多；业务团队越大，你在需求沟通和合作上也要花更多的时间。这些工作看似和写代码关系不大，但对于程序员的经验积累以及职业素养、工程能力的提升是至关重要的！
+
+优秀的程序员，不只是有能力写得一手好代码，更多的是需要具备一些工程师素养，比如：
+
+1. 对技术有独特的兴趣和追求，持续学习
+2. 有全局观，总能站在一个更高、更全局的视角去考虑问题
+3. 处理事情小心谨慎，而不是凭直觉和过去的经验主观臆断
+4. 沟通能力强，能够用方便他人理解的方式来描述问题
+5. 强大的设计架构能力
+6. 刨根问题，深究问题本质
+7. 代码洁癖，精益求精
+8. 不止技术，还注重业务底层逻辑，关心用户
+9. 执行力强，有责任心
+10. 懂得利用自动化工具提升效率
+11. 善用绘图、图表来描述技术架构和问题
+12. 乐于分享，积极为他人指路
+
+在工作之余，我也在朝着成为一名优秀工程师的路上而努力。因此，我会利用公司提供的知识平台、问答平台和技术资源进行学习，并且多和身边的技术大牛们交流。大公司技术好，大佬多，提供的资源也真的非常多，这是我认为很多同学应该去大厂的一个原因，而身在大厂的同学更应该利用好这些资源。
+
+我还会积极参与一些公司内外的开源项目，和优秀的程序员朋友一起合作，互相学习进步，提升代码的水平。这里也建议大家多看 GitHub 上的开源项目，先在本地运行并熟练使用它，然后尝试分析源码和贡献代码。
+
+不会找开源项目？我之前分享过一篇文章，能帮到大家：[【硬核干货】如何高效找到优质编程项目？](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247492597&idx=1&sn=a4629094599f5b821ec2698ea4ef11f5&chksm=e9c20402deb58d146fc13fd8594a5e1f99f943bc96f8f63efb9e67feb0ac815a628d3cb7adef&scene=21#wechat_redirect)
+
+此外，提升个人影响力也是很重要的，我认识很多 Java 开发工作者都喜欢写技术文章，并且一些朋友开通了自己的自媒体平台来分享文章，甚至有一些大牛靠自媒体收入还实现了财富自由！在写文章的过程中，我进一步锻炼了自己的文笔，向很多朋友学到了知识，也督促我来不断输入知识、提升自己。
+
+------
+
+以上就是我的 Java 开发日常，你可能会好奇，鱼皮在哪家小微公司待过呢？这是个秘密！
+
+Java 开发者的工作看似平淡，但只要你爱好编程，爱好这个行业，每一天都能过的充实而有意义！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\206\215\350\247\201\344\272\206\357\274\214\350\205\276\350\256\257\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\206\215\350\247\201\344\272\206\357\274\214\350\205\276\350\256\257\357\274\201.md"
new file mode 100644
index 0000000..e0f9506
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\206\215\350\247\201\344\272\206\357\274\214\350\205\276\350\256\257\357\274\201.md"
@@ -0,0 +1,146 @@
+# 再见了，腾讯！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。可能已经有很多朋友看到我新发的 B 站视频了：
+
+> 视频：https://www.bilibili.com/video/BV1iM411T7ey
+
+![](https://pic.yupi.icu/5563/202311031059497.png)
+
+是的没错，我辞职了！
+
+你们看到这篇文章的时候，我已经走完了离职手续，主动离开了我最爱的公司，公司名不说你们也知道 🐶。
+
+这也是我唯一正式工作过的公司，我从大三暑假就在这里实习，然后转正，直到今天，满打满算在这里待了将近四年了，**整整一个大学的时间** 。
+
+所以突然离开，其实内心是非常不舍的。也是想通过视频和文章的方式，给大家分享下自己这段时间的工作感受和离职原因，并且记录下自己这段难忘的打工生涯。
+
+## 工作经历
+
+时间回到大三暑假，终于进了自己梦寐以求的大厂，我的内心是无比激动的，也想通过自己的努力和一腔热血，在这里大干一场。
+
+记得当时还在 QQ 空间发了个朋友圈哈哈：
+
+![](https://pic.yupi.icu/5563/202311031059827.png)
+
+刚进公司的时候，我对这里的一切都充满好奇，发现它真的像大学一样，这里除了工作，还有竞赛、社团、健身房，以及各种活动。
+
+而且那会儿只要有活动，我都会参加，白嫖了公司数之不尽的公仔和穿不完的 t 恤。
+
+![](https://pic.yupi.icu/5563/202311031059513.jpeg)
+
+也让我越来越喜欢这家公司，甚至把头像都换成了公司的吉祥物儿 —— 秃头小企鹅！
+
+记得刚进公司的时候，我的头发还很茂密。为了争取实习转正，我白天努力干活，晚上就去学习公司内的技术文档和项目，最拼的那几天，因为学得太晚没有地铁了，我甚至买了个行军床，直接住在公司。
+
+> 住在公司的体验真心差，保洁阿姨大早上 6 点多就会把你弄醒
+
+我一直相信努力是会有好结果的，当然，也是有很大的运气成分吧，我最终以组内第一名的成绩通过了转正答辩。
+
+考虑到这是一个好机会，而且自己很享受这段时间的工作，所以我放弃了保研名额，成为了一名光荣的打工人。
+
+![](https://pic.yupi.icu/5563/202311031059682.png)
+
+不知道这个决定是否正确，但既然做出了选择，就要一条路走到黑，开弓没有回头箭！
+
+所以转正后，我仍然保持满腔热血，努力工作。
+
+为了提前晋升，我放弃了大四的校园生活，除了请了一个月假写论文之外，一直在公司实习。所以等其他同学毕业的时候，我已经有了近一年的经验，完全习惯了工作。而且我有一个习惯，就是每天记录自己的工作，这个习惯也帮助我很好地复盘，更快地成长，一直坚持到现在。
+
+我是一个野心很大的人，刚刚正式工作，我就跟老板说，我想拿五星（就是我们这的优秀员工）。
+
+也真的是很幸运吧。我正式工作不到一年的时候，老板就让我独立负责了两个新项目的建设，这对我来说是莫大的鼓励，我也是把握住了这个机会，顺利拿到了五星员工，还在同年获得了公司内某开发竞赛的冠军。
+
+![](https://pic.yupi.icu/5563/202311031059455.jpeg)
+
+这件事带给我的启发就是：如果你有想法，一定要主动，积极地跟上级沟通，传达自己的想法。
+
+再后来，我有幸做了新人导师，在帮助新人的同时，也仿佛让我重新回到了学生时代。
+
+![](https://pic.yupi.icu/5563/202311031059475.jpeg)当导师送的小礼品
+
+我真心很感谢这一切，也因此更热爱这里的工作。
+
+而且当时公司的发展也很好，我看得到公司的希望，也看得到自己未来的发展。
+
+聊到这里，好像我一直在走上坡路，无论是工作，还是我的自媒体，似乎有点太顺利了。
+
+那我为什么还要主动离开呢？
+
+## 离职原因
+
+不是因为大厂太卷了，或者我觉得累。很幸运的是，我们这没有 996（也没有 007），我们正常是早 10 晚 6 午休 2 小时，而且绝大多数情况下，晚上7点就走了，所以我才有时间去利用午休和晚上去做自己感兴趣的事，也才有了这期视频。
+
+所以卷不是我离开的理由，而且认识我的朋友都知道，我本身就是个卷王。
+
+![](https://pic.yupi.icu/5563/202311031059091.jpeg)
+
+**但是呢，我当然希望能在自己热爱的事情上去卷。**
+
+所以，我离开的第一个理由，是因为不再热爱当前的工作了。
+
+一切的变故都在 22 年的 3 月，也就是网传的 “毕业季”，因为其他同事的离开，我要去交接他们的工作，所以工作重心也不得不从后端开发逐渐向数据开发。
+
+工作内容也从建设系统变成了写 SQL，啊对，我成为了 SQL Boy！这些经历在之前的 B 站视频中都分享过，大家感兴趣可以去看下。
+
+刚开始的时候还是挺新鲜的，尝试下新工作，也能拓宽自己的边界；但后来，我越来越觉得不对劲。。。
+
+以前我做系统的时候，是不断给系统加新功能、去做优化，看着系统逐渐完善、用户逐渐增多，内心是有成就感的；而做数据开发久了，我会发现自己就是在机械地把别人定的业务逻辑翻译成 SQL，不需要自己去理解业务，也没什么发挥的空间。
+
+我也尝试过去理解业务，但后来发现，逻辑太多、太杂、而且基本都是上面的人定制的，我记不记没什么区别。久而久之，虽然我做了少说几十个数据开发需求，但几乎都是零散的需求，没有自己的知识体系，重复劳动罢了。
+
+我更希望自己是在不断向上爬山，而不是重复劳动、绕山而行。
+
+虽然后者更轻松，但我看不到山顶的风光，也没有成就感，曾经的热爱就慢慢消失了。
+
+这是我离开的第一个理由，但却不是最主要的。
+
+因为工作内容虽然不尽人意，但对我来说，它并不累，反而我觉得是很轻松的，我仍然可以在完成工作的同时，早早地下班做自己的事情。
+
+**而真正促使我离开的，是我自己不安分的性格。**
+
+我是一个有野心、想法很多、喜欢尝试的人，而且我一旦认定了一个想法，就会立刻付出行动以及 100% 的精力去实现这个想法，义无反顾。
+
+但公司却像一个笼子一样，框住了我这只小鸟儿。
+
+首先，工作无疑占用了我每天绝大多数时间，我几乎没有连续的时间来专注于实现自己的想法；其次呢，公司有公司的规则，我是这家公司的员工，就应该老老实实的打工，哪怕完成了工作，也不该干别的事情，这是一种无形的束缚。
+
+即使我不这么想，网上大多数同学可能也是这么想的。当我熬到凌晨三点肝出了一期视频，就会有同学质疑 “你不用上班吗”？
+
+而且有趣的是，甚至还有同事来举报我做自媒体？！
+
+怎么说呢，大厂之大、无奇不有吧，也是通过这件事，我真切地感受到了公司对我的限制。
+
+但很幸运的是，我从没有把自己和公司绑定。通过这几年在自媒体方向的努力和尝试，我已经积累了一些资源，也有很多不错的想法。
+
+我有条件选择离开，为什么还要做自己不喜欢的工作、为什么还要被束缚呢？
+
+就是这些原因，我做出了离职的决定。
+
+## 离职感受
+
+要走了，其实内心真的是很不舍的，毕竟在这儿待了近四年，我甚至有了一种大学时毕业的感觉。
+
+我不舍自己做了多年的项目，不舍自己写的文档和烂代码，不舍食堂免费送我汤喝的阿姨，不舍这个熟悉的环境、熟悉的伙伴、熟悉的路线、熟悉的作息。
+
+> 有同学吐槽这段话过于官方，但这确实是我自己真实的感受，谁会舍得放弃自己做了几年的项目呢？
+
+但我最不舍的，还是和过去的自己告别。
+
+而且现在真的离职了，也没有想象的那种轻松，更多的是焦虑。
+
+焦虑自己未来的路，该怎么走，焦虑自己的选择是否正确。
+
+但是，人总要向前看，有舍才有得嘛。
+
+
+
+------
+
+
+最后，再次感谢公司的陪伴，曾经我把最好的 4 年给了你，现在我决定把时间留给自己。
+
+谢谢朋友们看到这里，请祝福我吧！
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\244\247\345\216\202\345\201\232\347\250\213\345\272\217\345\221\230\344\270\244\345\271\264\345\215\212\357\274\214\346\210\221\347\273\210\344\272\216\345\255\246\344\274\232\344\272\206\343\200\202\343\200\202\343\200\202.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\244\247\345\216\202\345\201\232\347\250\213\345\272\217\345\221\230\344\270\244\345\271\264\345\215\212\357\274\214\346\210\221\347\273\210\344\272\216\345\255\246\344\274\232\344\272\206\343\200\202\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..cfad154
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\244\247\345\216\202\345\201\232\347\250\213\345\272\217\345\221\230\344\270\244\345\271\264\345\215\212\357\274\214\346\210\221\347\273\210\344\272\216\345\255\246\344\274\232\344\272\206\343\200\202\343\200\202\343\200\202.md"
@@ -0,0 +1,163 @@
+# 大厂做程序员两年半，我终于学会了。。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮，今天给朋友们分享一下自己这几年的职业生活吧，希望对大家有收获。
+
+> 本文的视频版本：https://www.bilibili.com/video/BV15M411m7nR/
+
+如果用一个词来形容我的职场经历，那肯定是 “离谱”。
+
+为什么这么说呢？
+
+虽然我是在同一家公司正式干了两年半（算上实习就是三年半了，可我非要写两年半 🐔），但这期间，我经历了三次 “转行”、换过几次项目、见证了公司的巅峰、也目送了数位同事奔赴美好前程。
+
+所以如果你问我工作这些年最大的收获是什么，那一定是：**我学会了 “拥抱变化”。**
+
+### 实习期
+
+我是从大三暑假就来到了公司实习，职位是应用开发工程师，就是开发应用的工程师。
+
+刚进来的时候，和很多同学一样担心自己做不好。所以为了转正，我几乎把 24 个小时都投入到了工作中，白天做需求、完成导师分配的任务，晚上自学公司的源码、积极参与公司的开源项目，甚至学得太晚了就直接睡在公司。
+
+如果你问我为什么要这么卷？
+
+因为那个时候的我相信努力就有回报，所以有无限的热情。
+
+最后我果然顺利转正了。然后为了更快地积累经验、得到晋升，我在大学毕业前也一直留在公司实习。
+
+那会儿负责的业务不错、增长很快，项目用的是 Java，也用得到各种主流技术、需要考虑高并发高可用等等。
+
+当时我感觉自己的前途一片光明，已经想着自己可以走软文上所谓：一年小成，三年高级，五年专家，七年行业翘楚的路线。
+
+![](https://pic.yupi.icu/5563/202311031057774.jpeg)
+
+但没想到，后来。。。
+
+### 组织架构调整
+
+还在我实习期间，公司的组织架构就突然调整了！
+
+我从一个赚钱的业务部门调整到了一个做运营分析的部门。
+
+然后呢，刚到新部门不久，我就被安排去支援其他部门的前端项目了。
+
+**没错，我突然就从 Java 转到前端了。**
+
+本来以为只是临时支持一下，结果后来老板跟我说，让我转到那个组下做前端，还要换个导师。
+
+我当时人都傻了，这么随意的嘛？
+
+![](https://pic.yupi.icu/5563/202311031057578.jpeg)
+
+**那是我第一次感受到互联网公司的变化。**
+
+得到这个消息后，我内心非常惶恐不安，赶快做了 2 件事来应对变化。
+
+1. 背面试题，参与春招，给自己留个后路。
+2. 主动跟老板说，自己不太想从 Java 转到前端。
+
+好在老板对我很好，还是把我留在了组内。
+
+但从那时起，我就多了个心眼。开始更努力地自学知识、并且对外做分享，避免自己和公司绑定。
+
+20 年和 21 年，我几乎是没日没夜的学习、工作和分享，这就是为什么你们看到了 “程序员鱼皮”。
+
+![](https://pic.yupi.icu/5563/202311031057775.png)
+
+### 2021，好的一年
+
+我刚毕业的那两年，是公司的巅峰，也是我个人的巅峰。
+
+换了新部门后，老板让我独立负责了 2 个新项目，一个算法相关的模块，还有一个 BI 系统。从调研、技术选型、系统设计再到开发上线，我都全程负责和主导后端开发，用的还是我的主语言 Java，那段时间我的成长是最快的。
+
+而且那段时间公司的发展很不错，对校招生的待遇也很好。甚至网上流传一个口号，叫 “有鹅选鹅，无鹅延毕” 嘛。
+
+所以那段时间感觉每天的工作都是动力满满，我又开始幻想美好未来了！
+
+![](https://pic.yupi.icu/5563/202311031057608.jpeg)
+
+然而，没想到的是。。。
+
+### 2022，两级反转
+
+2022 年，一切都变了。
+
+首先就是一波互联网寒冬来临，我们的组织架构又发生了调整，大家的工作也发生了一些变化。
+
+比如我的 Java 导师被拉去负责 PHP 的项目，没过多久就跑路了。
+
+不过我的导师走了后，我变成了导师，带一位新同事负责项目。
+
+![](https://pic.yupi.icu/5563/202311031057656.png)
+
+看着新同事积极工作的样子，我仿佛看到了自己刚实习时充满激情的自己，也决定在工作上更努力一些。
+
+但万万没想到的是，还不到两周，毕业季突然就来了。
+
+很多公司都在开猿节流，我们这也是损兵折将，甚至一些我很佩服的技术大佬也没能躲过去。
+
+![](https://pic.yupi.icu/5563/202311031057589.jpeg)
+
+但没办法，人少了，业务还是要一样做。
+
+于是呢，我就突然接手了同事的工作，**无缝转行成了一名大数据开发** ！
+
+本来做应用开发呢，是用别人算好的数来做系统；现在别人 “无了”，只能我自己算数，自己做自己的上游。
+
+唉，交接工作真的是太累了，业务不熟、技术不熟、代码逻辑又复杂，就导致那段时间经常加班。不过幸运的是，那段时间正好被封控在家，为加班提供了有利的条件；而且看同事的代码，治好了我多年的低血压。
+
+![](https://pic.yupi.icu/5563/202311031057364.jpeg)
+
+因为这个变化，刚开始我的心态确实是有点炸的，因为新的工作和我的职业规划并不一致。
+
+但做了一段时间数据开发后，我觉得还是很有收获的，除了拓宽了自己的技术边界外。现在的我对整个业务、整个数据流更了解了，不再只专注我做的那个业务系统，还清楚数据从哪儿来、为什么来、有什么价值。
+
+也是换了岗位后，我才更加坚信：真的是 **得业务者得天下**。无论是做后端开发也好、数据开发也罢，甚至是产品经理、运营销售等等任何岗位，只要你对业务足够熟悉，换岗位的成本就会很低，工作的效率也会更高。
+
+所以这里建议刚入行的朋友们，在关注技术、完成需求的同时，多思考需求背后的价值、分析整个业务流程和技术运用的合理性，不要为了用技术而用技术、或者只会跟着命令做需求，成为一个机器人。
+
+### 现状
+
+做了半年数据开发后，我就发现很多工作都比较机械了，天天就是写 SQL 再调调参、真正地面向需求编程，缺少了系统设计的乐趣，在技术上也没有明显的进步。
+
+但有句话说得好：当你觉得事情已经是最糟糕的时候。。。别急，还有更糟糕的。
+
+因为又一位同事选择了去奔赴美好前程，我也又 “转行” 了。
+
+而且你们绝对猜不到我最近在做什么工作？
+
+嗯，**最近这两周我在写前端 和 PHP** ！
+
+![](https://pic.yupi.icu/5563/202311031057351.png)
+
+就是我刚毕业的时候完全不能接受的工作，因为那时的我，总是期待公司能给我带来成长，我又要赚钱，又要成长。
+
+但经历了这么多次变化后，现在的我完全能接受它。因为我意识到了：绝大多数情况下，工作不会给我们带来满意的成长。工作的本质就是一笔交易，你付出劳动，公司给你钱，这是现实。
+
+希望大家明白 2 点：
+
+1. 成长的机会是需要自己来争取的，比如学习公司的项目源码、试着在项目中引入自己学到的新技术等
+2. 不要把自己和公司绑定，也不要因为工作内容不满意就让自己的职业发展躺平了。既然改变不了环境，那就改变自己，坚持学习、发展自己的特长。这样哪怕变化来了，我们也能很快地找到新的去处。
+
+所以往好处想，现在的我终于成为了一名真正的全栈（指啥都能干）。
+
+![](https://pic.yupi.icu/5563/202311031057430.jpeg)
+
+### 尾声
+
+以上就是我的工作经历分享。
+
+这三年来，我真的是经历了各种变化，带走了我的头发；但同样我也学会了拥抱变化：你让我离开舒适区，那我就努力找到下一个更好的舒适区。
+
+始终坚持学习，心怀希望，相信我们的明天都会更好。共勉！
+
+
+
+------
+
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加微信 yupi1085，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\267\245\344\275\234\345\220\216\357\274\214\346\210\221\345\235\232\346\214\201\344\272\206\345\244\232\345\271\264\347\232\204\344\271\240\346\203\257.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\267\245\344\275\234\345\220\216\357\274\214\346\210\221\345\235\232\346\214\201\344\272\206\345\244\232\345\271\264\347\232\204\344\271\240\346\203\257.md"
new file mode 100644
index 0000000..384d014
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\345\267\245\344\275\234\345\220\216\357\274\214\346\210\221\345\235\232\346\214\201\344\272\206\345\244\232\345\271\264\347\232\204\344\271\240\346\203\257.md"
@@ -0,0 +1,72 @@
+# 工作后，我坚持了多年的习惯
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 在腾讯两年，做好这一件事
+
+大家好，我是鱼皮。
+
+从实习至今，我已经在腾讯工作两年了。今天分享下我自从入职腾讯就一直在坚持的习惯，说出来可能会有点土哈哈，这个习惯就是 **写日报** 。
+
+![](https://pic.yupi.icu/5563/202311031052449.jpeg)
+
+没错，每天下班前，我都会用 `Typora` 软件在自己电脑上记录一下当天完成的工作，并且计划好第二天要做的事，其实有点像写日记。
+
+![](https://pic.yupi.icu/5563/202311031052388.png)
+
+> 日常工作记录
+
+为啥要写日报呢？
+
+起初只是为了记录自己实习期间的工作，帮助自己实习转正。毕竟我记性很差，不记录的话隔几天就忘了自己做过的事了，在写转正答辩 PPT 的时候漏掉了工作，那岂不是白给？
+
+![](https://pic.yupi.icu/5563/202311031052411.png)
+
+日报中都写了什么呢？给大家看我实习期间写的一篇：
+
+![](https://pic.yupi.icu/5563/202311031052469.png)
+
+先说说 **今日计划** 部分，除了列举要做的事，我还会给每项工作一个预期完成时间，有点类似之前提到的目标拆解，可以帮助自己更好地把握整体工作进度。
+
+再说说 **实际工作** 部分，记录了自己完成计划所做的事项以及耗费的时间，可以帮助自己事后复盘。比如这一天我计划 1 个小时完成本地项目搭建，但实际消耗了 2.5 个小时，我就会在另一个文档记录工作中遇到的问题，并且思考：如果再让我做这件事，用什么方法能按预期时间完成呢？
+
+通过坚持记录，我很轻松地做出了转正答辩 PPT，并且顺利通过。而如果没有写日报的这个习惯，可能我要再想破脑袋去梳理自己的工作内容了，要额外花费很多时间精力。
+
+![](https://pic.yupi.icu/5563/202311031052430.png)
+
+所以在转正后，我会在日报上记录更多的内容，比如在工作中的思考、收获感悟、导师的教诲等。
+
+比如之前有段时间，我投入了大量精力去调研某个系统的各种技术实现方案，结果到最后也没给出一个确定的结论。后面冷静分析了下，确实从高层的视角来看，这段时间我啥代码都没写、零产出。所以有了如下思考：
+
+![](https://pic.yupi.icu/5563/202311031052519.png)
+
+把这点记录下来，在之后的工作中，我会更注重 **结果导向** ，调整自己在不重要事情上投入的时间，不要为了学技术而学技术。
+
+不得不说，写日报真的给我带来了很大的价值。因此，即使后来换部门后老板要求写周报就行了，但我始终保持写日报的习惯，每周再对日报汇总，提炼出有价值的工作，周报自然就轻松完成。
+
+![](https://pic.yupi.icu/5563/202311031052149.png)
+
+很多同学抱怨自己工作效率低，日复一日，很是迷茫。那不妨试试写日报，当你持续总结和计划后，会发现每一天都有盼头，每一天都无比充实。
+
+万事开头难，刚开始写日报时，我会花不少时间，有时候也会偷懒随便写写。但当养成习惯后，每天只需要花 2 - 3 分钟就能完成。
+
+不要觉得写日报浪费时间！一般公司内每次评估绩效和晋级前，都需要汇报自己的工作内容。这种时候，我只需掏出日报，两年内的工作尽收眼底、历历在目，有了平日点滴的积累，何愁没有东西写呢？
+
+
+
+------
+
+
+最后，其实我真正的坚持的是 **计划** 和 **总结** ，写日报只是一种方式罢了。除了总结工作内容，我还会总结用过的技术和平台、读过的文章、写过的 Bug 等。比如我在公司两年总结的所有内部平台和技术，做了分类：
+
+![](https://pic.yupi.icu/5563/202311031052177.png)
+
+毕竟腾讯很大，各部门都有自己的轮子，都总结起来，可以方便自己今后的技术选型，提高工作效率。
+
+还在学校的同学，更要意识到 **计划** 和 **总结** 的重要性哦！
+
+以上就是本期分享，我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311031052198.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\344\273\216\345\257\274\345\270\210\350\272\253\344\270\212\345\255\246\345\210\260\344\272\206\344\273\200\344\271\210\357\274\237.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\344\273\216\345\257\274\345\270\210\350\272\253\344\270\212\345\255\246\345\210\260\344\272\206\344\273\200\344\271\210\357\274\237.md"
new file mode 100644
index 0000000..9cfe9fa
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\344\273\216\345\257\274\345\270\210\350\272\253\344\270\212\345\255\246\345\210\260\344\272\206\344\273\200\344\271\210\357\274\237.md"
@@ -0,0 +1,261 @@
+# 我从导师身上学到了什么？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+B 哥是我的导师，记得我刚进入腾讯实习的那天，是他出来接我。当时我有点怀疑，不会吧，不会吧，我的导师这么年轻？和我想象中的经验丰富的程序员的样子简直天壤之别。
+
+![](https://pic.yupi.icu/5563/202311031018892.png)
+
+>  想象中的程序猿
+
+后来确认了，他就是我的导师，怎么会这么年轻呢？惊讶之余，我也在期待他有没有什么过人之处，可以带我学习带我飞。
+
+直到现在认识 B 哥已经一年多了。老实说，刚开始我还并没有觉得他特别厉害，但是随着和他在工作中的合作交流，渐渐地加深了对他的了解，我才越来越发现，这个人是真的强啊！
+
+![](https://pic.yupi.icu/5563/202311031018444.png)
+
+有多强呢？
+
+B 哥本科毕业后直接工作，经历了四年的打拼，如今的他已经是腾讯的高级软件开发工程师和技术 owner，在上海有好车、买得起市区房，前段时间还和漂亮妹子领了结婚证，真是典型的人生赢家啊！关键还很帅，发量足，你说酸人不？
+
+![](https://pic.yupi.icu/5563/202311031018298.jpeg)
+
+>  酸了
+
+那么 B 哥是怎么做到年轻有为、有事业、有车房妹的呢？
+
+曾经 B 哥也和我讲过他的成长经历，但是今天我要分享的不是他的奋斗史，而是想和大家聊一聊，我作为他的徒弟，和他发生了那么多故事，从他的身上看到了哪些**优秀的技术人应该具有的特质**，也是我认为 B 哥牛逼的原因。
+
+------
+
+#### 技术控
+
+很多优秀的程序员应该都有对技术的追求，或是见多识广，或是深入研究，而且非常乐于将他们懂的技术分享给更多人。
+
+B 哥就是这样一位技术控，他刚毕业的时候，就通读了很多知名框架的源码，并且能够将他们清晰地讲出来。记得我刚进腾讯的时候，听的第一场技术分享就是 B 哥的《深入 Netty》，从分享中，能明显地感受到 B 哥对这个技术的深入理解和融会贯通，让我们这些小白也能深入浅出。而让我震惊的是，B 哥早在多年前，就已经了解并学习了这门技术。
+
+如果不是对技术有独特的追求，怎么能坚持这么多年去深入学习一门技术呢？真的很佩服。
+
+![](https://pic.yupi.icu/5563/202311031018297.jpeg)
+
+#### 全局观
+
+我觉得跟 B 哥开会老有意思了。
+
+每次和 B 哥一起开会讨论技术方案，在我们其他人觉得这个方案没问题时，B 哥都会说一句：“我建议大家再好好想想，有没有什么遗漏的点，我觉得这里面可能有坑！”
+
+其实我当时心想：能有啥问题啊，多好的方案啊！
+
+![](https://pic.yupi.icu/5563/202311031018262.jpeg)
+
+>  陷入沉思
+
+然后 B 哥和大家就陷入了沉思，一会儿之后，果然 B 哥发现了这个方案的漏洞。
+
+原来，我们很多同学都只考虑这个方案对自己团队的项目是否适用，保证自己的负责的数据是否正确，而忽略了大家的项目是要紧密协作、相互配合的，视野太过局限。而如果将这个方案应用到完整的大项目中，各个团队的数据可能出现不一致，就是一个很大的问题！
+
+后来和 B 哥接触多了，发现 B 哥非常有全局观，总能站在一个更高、更全局的视角去考虑问题。在设计方案时，不仅考虑自己的负责的系统，还要想想这个方案会对其他团队的系统、以及整个大项目会有什么影响。因此，规避了很多的风险，也在各团队中树立了自己 “稳” 的形象。
+
+想成为优秀的技术人，一定要培养全局观，否则在负责大的项目时可能会力不从心。
+
+#### 慎行
+
+B 哥做事非常小心谨慎，体现在多个方面。
+
+在设计方案时，B 哥会尽力验证方案的可行性，而不是凭直觉和过去的经验主观臆断。
+
+在编写代码时，B 哥坚守『 软件世界中的不信任原则 』，采用防御性编程，在每个可能的风险点加上异常处理机制，并利用监控告警即时发现线上问题。
+
+在测试时，B 哥会考虑到很多的极端情况，保证测试有效且完整。
+
+在提交代码时，B 哥会再次整体通读代码，并让我们其他同事参与代码审核，保证代码的质量。
+
+正是因为 B 哥的慎行，跟他一起做项目非常放心，几乎没有出过线上问题。唉，好久没有体验过改 bug 的紧张刺激感了。
+
+![](https://pic.yupi.icu/5563/202311031018285.jpeg)
+
+> 平淡
+
+#### 沟通
+
+在企业中，高效沟通太重要了。
+
+记得有一次我遇到了一个问题，就拉了一位相关的业务负责人来讨论，然后这个负责人又拉了一个产品经理，然后这个产品经理又拉了一个开发，最后这个开发又找到了 B 哥，然后 B 哥又来找我。
+
+![](https://pic.yupi.icu/5563/202311031018218.jpeg)
+
+> 禁止套娃
+
+最后局面非常尴尬，其实是我自己沟通不当，没把问题描述清楚就去找别人帮忙了，浪费了大家的时间。在 B 哥的指导下，我整理了自己的思路，清晰地描述问题，然后直接找到相关负责人，打个电话问题就解决了。
+
+优秀的技术大佬，他们的沟通能力通常是很强的，他们能够用方便他人理解的方式来描述问题，比如提供文档、图片、甚至是视频等，拒绝无效沟通。而沟通能力也是需要实际锻炼才能提升的，每个人沟通和表达的方式也不同，还是要多和他人沟通，并且向沟通达人学习和积累经验。
+
+#### 架构能力
+
+B 哥很会架构。就拿我们负责的这个项目来说，短短几个月，业务功能已经变得复杂不堪，而且请求量也已经增长了上千倍。
+
+但是 B 哥在设计程序架构时，用了很多的设计模式，使得程序变得易于扩展。即使业务增长很快，我们仍然可以轻松应对业务的扩展，每次新增一个功能也几乎不需要改动现有的代码，而是新增代码即可，不仅开发效率更高，风险也大大降低。
+
+B 哥在很早前就考虑到了业务增长的可能性，因此给项目采用微服务架构，针对部分性能瓶颈，采用可扩容设计，使得提升项目的性能和吞吐量变得易如反掌。请求量增长，咱加机器就行了！
+
+![](https://pic.yupi.icu/5563/202311031018189.jpeg)
+
+> 轻轻松松
+
+我问 B 哥：“你的架构能力是怎么提升的？”
+
+B 哥却告诉我，没有捷径。想要提升架构能力可不简单，不仅仅需要阅读大量的书籍，更重要的是在企业中不断参与项目实践，积累经验。
+
+#### 刨根问底
+
+刚来实习的时候，对公司的很多技术框架、业务知识都不太懂，就经常去请教大佬们一些问题。但是每次只要成功地解决了问题，我就心满意足了，而不去关心问题背后的原因。
+
+比如有一次程序挂了，后来又恢复了，我就没去排查。
+
+然后 B 哥问我：“程序为什么挂了？”
+
+我根本没去查，所以也没办法回答 B 哥，就说了一句：“现在好了不就行了么？”
+
+B 哥语重心长地说：“程序出现问题不可怕，但是出现了问题不去追溯原因，下次再出现相同的问题，怎么办？尤其是偶发问题，是最致命的！”
+
+我觉得有理，就去分析日志，查出来是有一段时间数据库宕机了，就赶紧开心地告诉 B 哥。
+
+结果 B 哥很严肃：“数据库宕机不是小事！你知道数据库为什么宕机么？”
+
+我心想：我怎么知道啊！去问运维啊？
+
+后来我就去问运维，发现是由于数据库压力过大导致的宕机，就又屁颠屁颠地告诉 B 哥。
+
+B 哥依然严肃：“数据库压力为什么大？”
+
+我就又去分析日志，联合运维一起进行排查，最后发现是其他共库业务的慢查询导致的数据库请求阻塞。这才终于真相大白！于是我们将数据库独立迁移，很好地规避了日后的风险。
+
+这件事之后，我开始像 B 哥一样，遇到问题刨根问底，深挖问题的本质，我认为这个过程远远比解决问题更重要，让我得到了更大的成长。
+
+![](https://pic.yupi.icu/5563/202311031018140.jpeg)
+
+> 打破砂锅问到底
+
+#### 洁癖
+
+有一次，我写了一坨自认为不错的代码，提交前把代码先交给 B 哥来检查一下。
+
+然后 B 哥看了一会儿，神情凝重，缓缓转过身问我。
+
+“你有洁癖么？”
+
+我当时一愣，随即明白 B 哥是在说我写的代码不够整洁。
+
+作为一个读过《代码整洁之道》的程序员，我很自信地回答：“当然有洁癖！”
+
+![](https://pic.yupi.icu/5563/202311031018503.png)
+
+B 哥就给我指出了代码中的问题，原来有一段逻辑我使用了多个 if-else，其实应该用设计模式来代替。
+
+我当时还振振有词：“我觉得这里直接用 if-else 就行了，省事儿啊！”
+
+B 哥：“不通过，改！”
+
+后来我乖乖地改了。果然之后这段代码增加了一些复杂的逻辑，如果用原先 if-else 的方式，代码的改动工作量非常大，还容易出错。而用了设计模式，程序变得更加可扩展、可维护。感谢 B 哥和代码洁癖！
+
+现在想想，当时的自己不过为偷懒找个理由罢了。
+
+#### 用户为本
+
+B 哥非常宠用户，体现在两个方面。
+
+首先，他在和产品讨论需求和设计方案时一切从用户出发。只要对用户真的有帮助、能提高他们的使用体验，哪怕工作量多一点，只要性价比是合理的，B 哥也会去做。因此，我们的产品才能变得更加易用，得到用户的好评。
+
+此外，每次出现线上用户的问题和反馈，B 哥都会在第一时间积极地配合产品进行处理和引导。在帮助用户解决问题后，B 哥会记录这些问题发生的原因，并思考如何改进程序来防止类似问题的发生，以及如何进一步提升用户的体验。
+
+不仅仅是产品经理才要坚持 “用户为本” 的原则，优秀的技术人也会关心用户、倾听用户，而不是一门心思陷到代码中，只想着如何把代码写的又好看又简洁。
+
+![](https://pic.yupi.icu/5563/202311031018386.jpeg)倾听用户
+
+#### 执行力
+
+B 哥做事一向快、狠、准，有着极强的执行力，只要答应过别人的事情都会按时完成。
+
+曾经我也一直觉得自己的执行力很强，但到了公司后，发现很多事情也喜欢拖延。比如答应给别人提供接口文档，结果后来就忘了，直到别人再三催促才草草写了几笔应付了事。
+
+我就很好奇 B 哥是如何做到 “雷厉风行” 的？
+
+![](https://pic.yupi.icu/5563/202311031018810.jpeg)好奇
+
+暗中观察 B 哥一段时间后，发现 B 哥始终保持对工作的热情和积极性，别人有事找他时，他能够站在对方的角度去考虑这个事情的紧急程度，然后将其进行记录，并和自己正要处理的其他事情按优先级进行排序。有时，B 哥还会设置一个定时提醒防止自己忘记。
+
+安排好要做的事后，B 哥就保持专注地一件一件去处理事务，并在完成后及时回复对方。即使有时实在太忙，也会提前告诉对方自己暂时无法处理，并给对方一些临时的处理方案。
+
+比起乱序地同时去处理多个事，B 哥的这种工作方式显得更加沉稳，这也是 B 哥能持续保持强执行力的原因吧。这么一想，很多技术大佬好像都是这样。
+
+#### 懒
+
+刚刚夸完 B 哥执行力强，怎么又提到 “懒” 了呢？
+
+的确，无论是在处理业务还是具体到敲代码，B 哥都很懒。
+
+![](https://pic.yupi.icu/5563/202311031018812.jpeg)
+
+比如，由于网络等原因，我们的定时任务程序可能执行异常，就需要重新去执行一次。最开始都是我们人工去平台上点重新执行的，但次数多了就比较烦了。B 哥懒啊，就提出写个程序自动重跑执行失败的任务。后来我们再也不用人工去操作了，巴适得很！
+
+用 B 哥的话来说，所有人工的操作本质上都可以交给机器自动来完成，只是实现的难度不同罢了。如果编写一个小程序就能省去重复的工作，何乐而不为呢？
+
+其实，大部分优秀的技术人都很 “懒”。懒得写重复代码，我们就抽象、封装、组件化、复用；懒得去核对数据，就写任务定时自动去检测数据；懒得写代码，就使用一些脚手架、框架、低代码构建平台等。
+
+懒人推动世界。
+
+#### 画图能力
+
+这里的画图不是指电脑上的 “画图程序”，而是指计算机相关的图片，比如系统架构图、部署图、UML 类图、时序图等。
+
+在认识 B 哥前啊，我觉得自己画图老厉害了，简直 “灵魂画手”，巧夺天工啊。
+
+直到后来看了 B 哥画的一些架构图、时序图、状态机图等等，我才发现自己真的是井底之蛙。B 哥画的图不仅大气干净，而且利用一些小技巧帮助大家更快地理解这些图要表达的意思，比如用不同的颜色来区分关键信息等。
+
+最佩服的是，B 哥画图不仅好看，还特别快。有时画图的速度甚至超过了我们去阅读理解图的速度，恐怖如斯！
+
+后来，在公司待久了，阅读了更多的技术方案，才发现优秀的画图能力是技术大牛的必备技能。很多复杂的系统和方案，我们无法单纯地用语言去表达，而使用图片的形式能够帮助大家理解。
+
+当然，想画好图本身并不容易，也是需要设计思维和经验的。因此，我们需要多多锻炼自己的画图能力。建议多看他人的图，模仿的多了，说不定就超越了呢？
+
+![](https://pic.yupi.icu/5563/202311031018043.png)
+
+> 复杂的架构图
+
+#### 引路人
+
+我放弃保研，选择直接实习转正留在腾讯，很大一部分是因为 B 哥。
+
+B 哥可能不是技术最强的师傅，但一定是一位好师傅。别的不说，B 哥给新人非常多的发挥空间，让我自己去思考和设计方案来实现需求。在我遇到一些问题后，并不是直接帮助我解答，而是引导我自己去解决这个问题。
+
+B 哥非常信任新人，一些项目的技术选型、方案调研、架构设计，B 哥都能够交给我来做。因此，我非常有动力，也变得更加自主，在短时间内得到了很大的成长。
+
+B 哥还非常关心新人的成长，经常和我交流，给了我很多实用的意见，真的很感谢 B 哥。
+
+此外，B 哥还经常耐心地帮助其他同学解答问题，不是简简单单三言两语就完事儿，而是直到提问的同学彻底理解，方才罢休。
+
+优秀的技术人不仅要自身技术过硬，还应该懂得如何分享传授技术、带领他人进步，不断提升自己的影响力，甚至是成为某项技术的布道者。
+
+![](https://pic.yupi.icu/5563/202311031018114.jpeg)
+
+#### 爱生活
+
+最后啊，分享 B 哥保持年轻的秘诀吧！
+
+B 哥不像大家想象中的程序员，双眼无神、眼圈发黑、脊背弯曲、格子衬衫、不爱运动。相反，B 哥非常热爱生活，每周会坚持健身、自己下厨做饭、养了一只布偶猫，还经常带妹子去各种地方玩！
+
+![](https://pic.yupi.icu/5563/202311031018026.jpeg)
+
+羡慕了，什么时候我能像 B 哥一样，平衡工作和生活，活的潇潇洒洒啊！
+
+------
+
+其实，还要很多优秀的技术人需要具备的其他特质，比如追求极致、洞察力、决策力、创造力等等。学无止境，我们仍然需要不断努力和成长。
+
+最后，正好 B 哥的生日也在这个月，就提前祝 B 哥生日快乐叭！
+
+希望能够继续跟着 B 哥混啊，有朝一日青出于蓝而胜于蓝，我也能成长为一名优秀的技术人，成为别人的导师，帮助更多人进步！
+
+![](https://pic.yupi.icu/5563/202311031018431.jpeg)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\205\245\350\201\214\344\270\200\345\271\264\347\232\204\346\204\237\345\217\227.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\205\245\350\201\214\344\270\200\345\271\264\347\232\204\346\204\237\345\217\227.md"
new file mode 100644
index 0000000..8703afd
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\205\245\350\201\214\344\270\200\345\271\264\347\232\204\346\204\237\345\217\227.md"
@@ -0,0 +1,164 @@
+# 我入职一年的感受
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享入职腾讯一年的经历和感受
+
+大家好，我是鱼皮。
+
+周末了，从早上起床就在敲代码，实在太累了，所以今天给大家聊点轻松的话题~
+
+昨天是我正式入职腾讯的一周年啦，也收到了组织送来的祝福礼物，是一本小卡册：
+
+![](https://pic.yupi.icu/5563/202311031033335.png)
+
+卡册里还有一些小礼品，至于具体是什么就不透露啦，感谢组织！有心了！
+
+虽然是正式入职一周年，但其实我在大三暑假实习时就来到腾讯了，所以满打满算已经 2 年了。
+
+今天给大家分享下我这两年在腾讯的经历和心得感悟。
+
+## 入职腾讯周年分享
+
+### 经历
+
+记得我是在大三那年 4 月份左右收到了腾讯暑期实习的 offer，那会儿其实还在纠结是保研还是就业。但我觉得大厂实习的机会还是很可贵的，所以还是选择接受实习，大不了边实习边准备保研 / 秋招呗，累点就累点。
+
+#### 实习
+
+大概 6 月底，我开始了腾讯的实习生活。
+
+刚开始的工作没有什么压力，感觉就是打打杂，写写增删改查。但还是年轻气盛，把工作想的太简单了，即使是增删改查的简单工作，但在大公司写和自己写个 Demo 还是有很大区别的。
+
+果然，工作没两周，我就翻车了，由于对系统不够熟悉就上手写代码，所以出现了不少问题，导致没有按自己的预期交付工作。
+
+![](https://pic.yupi.icu/5563/202311031033197.png)
+
+知错就改，后来我渐渐养成了写代码前多思考、多设计、顾全大局的好习惯。
+
+再到大四上学期，通过暑期实习转正的答辩后，我请了一个月的假回到学校，一方面用心思考自己的人生，到底读研还是就业；另一方面是等待公司的 offer 沟通。一番纠结后，我还是选择了直接工作，接了腾讯的 offer。
+
+在那之后，本来应该好好待在学校，享受大学最后的美好时光。但我看了公司的晋升制度，了解到提前作为毕业生实习是可以提前晋升的，因此义无反顾地选择继续在腾讯实习，每天往返于学校和公司，那挤到爆的上海地铁 9 号线我真的不像再坐了。
+
+![](https://pic.yupi.icu/5563/202311031033270.png)
+
+随着实习时间越来越长，导师给我了更多自己发挥的空间，我逐渐接触和研究了更多公司的新技术。
+
+记得大四下学期，因为疫情我无法返校，于是只能继续在腾讯线上实习，那段时间，我独立设计开发了一个高并发系统，给大家分享过：[一周上线百万级高并发系统](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247484844&idx=1&sn=d9645a20b905feb6589acc68b4a1b7e3&scene=21#wechat_redirect) ，虽然现在看起来一般般，但当时的确是挺有成就感的。
+
+这段实习和转正经历后面会单独写一篇文章给大家分享。
+
+#### 正式工作
+
+首先是经历了好多次培训，有公司级的、BG 级的、组织级的、部门级的，太多太多了。
+
+让我印象最深的还是整个上海的公司级封闭培训，同届毕业生们关在一个酒店里，一起相互了解、学习公司的文化，还是很有趣的。
+
+话说最开始大家围成一个圈自我介绍的时候，真的吓坏我了，虽然不是人均清北复交，但绝大多数也是海外、985、211 名校，我一个 211 小本真的是很受惊了（真实）。
+
+![](https://pic.yupi.icu/5563/202311031033154.png)
+
+但后来跟他们一起培训交流的时候，发现大家都是很真诚友好的，也认识了不少学霸朋友。
+
+培训时大家给我的画像，还原度真的极高啊：
+
+![](https://pic.yupi.icu/5563/202311031033297.png)
+
+因为我在正式工作前，已经实习一年了，所以没有第一次进入公司那么生涩，很轻松地上手了工作。
+
+正式工作内容其实就跟之前一样，每天依然是开会探讨需求、设计方案、写代码、改 bug，也没啥特别的，程序员不都干这些么？
+
+但是，身上的压力大了一些，毕竟没有学校这个保护伞了，即使工作不满意也不能跑了哈哈。随着工作时间越来越久，负责的工作越来越多，也更有责任感了吧，如今我已经能独立扛起一个新项目的小旗了。
+
+![](https://pic.yupi.icu/5563/202311031033237.png)
+
+刚开始工作时，自己劲头十足，那会儿每天都是晚上 10 - 11 点下班，偶尔还得加个班。我知道对很多同学来说，这个时间其实不算晚对吧，但其实除了基本工作外，我还试着尝试参与公司的一些项目建设，阅读公司知识库的文章、自己写一些文章等。
+
+但后来，我发现毕业生是需要有对工作的激情没错，但不能 all in 工作，把自己 “卖” 给公司，还是要给自己一些时间学习和培养兴趣。这也是我最初做知识分享的原因之一。
+
+### 变化
+
+经历了从校园实习到正式工作、从学生到职场的无缝衔接，让我也有了很大的变化。
+
+#### 成长
+
+工作两年，成长还是挺多的，虽然基本都是一些官话哈哈，比如：
+
+1. 技术成长了，学到了很多此前没听说过的技术
+2. 视野开拓了，看到了比技术更重要的东西，增加了对业务、对行业的理解
+3. 思考问题更全面，更顾全大局
+4. 沟通能力提升，少说废话抓重点
+
+还有需求设计能力、写文档能力等等，心态也更沉稳了。
+
+![](https://pic.yupi.icu/5563/202311031033939.png)
+
+#### 其他
+
+有得必有失吧，除了成长之外，还有一些 “难以启齿” 的变化。
+
+比如在工作中学到技术的同时，也忘记了很多技术。工作中使用较多的是前端 React 和后端 Java，此前学的框架语言太久不用就忘掉了，更别提面试时刷过的题、背过的知识点了哈哈。
+
+然后，工作的确没有学校那么有趣，每天日复一日庸庸碌碌，除了沟通需求外，也基本不和人说话。工作中遇到困难归根结底是要自己解决，遇到烦心事也只能学会忍受。**才意识到很多现实真的是很真实** ，打工人没脾气啦。
+
+还有就是头真的秃了！不能说是发如雨下，也是挥发如雨吧，一个大太阳正在冉冉升起。
+
+![](https://pic.yupi.icu/5563/202311031033006.png)
+
+### 感受
+
+其实这两年的职场生活，有喜悦、有心酸；有懈怠、有爆肝；有成就、有不甘，太多想说的了，这里列举几点我最深刻的感受吧。
+
+#### 卧虎藏龙
+
+首先是大公司里厉害的人真的是太多了，虽然有本科及本科以下学历进入公司的例子，但大多数还是研究生和名校本科。打开公司内部的知识分享平台，看看大佬们的文章，真的是佩服的五体投地。
+
+![](https://pic.yupi.icu/5563/202311031033102.png)
+
+虽然如此，但是你并不比他们差。工作之后，和太多厉害的同学交流协作了，其实感觉也没什么，不会因为他们的学历比你好、资历比你老感到自卑，反而能从这些厉害的人身上学到很多知识、态度、思考问题的方式等。他们都是优秀的 “资源”，可以助我成长。
+
+#### 工作节奏快
+
+大厂的工作节奏真的快，虽然我是做 ToB 业务的，但也感受到了这点，真的是没办法松懈。有的时候想给自己放个假，但一想到第二天来了还是要把昨天欠的工作补上，就还是算了算了，所以这一整年我的年假一天都没用掉！
+
+不过我也有应对快节奏工作的办法，一方面是梳理好手头的工作，把大的需求拆分为多个子需求，分清主次，然后按照优先级来逐个完成；另一方面是做需求前多设计、顾全大局，尽量避免白做和重复工作，同时保持工作时的绝对专注和高效（所以工作时间给我发微信，大概率我是看不到的）。
+
+![](https://pic.yupi.icu/5563/202311031033141.png)
+
+虽然节奏快，但相对的，能给我带来更快速地成长。而且腾讯相对其他大公司来说已经非常人性化了，大部分情况下，晚上 8 点是可以下班的，而且周末双休~ 别信什么大公司都是 996 之类的鬼话，不同公司、不同部门、甚至是同一部门的不同成员，下班时间可能也是天差地别。
+
+#### 不稳定
+
+互联网真的是太不稳定了！实习期间，我就经历了一次组织架构调整，换过一次部门。而且换了部门后，我的工作内容也是变来变去，一会写这一会写那，有的项目做到一半就摊着了。直到最近才开始专注负责了一个新的项目。
+
+不止我一个人是这样，之前和其他小伙伴交流的时候，发现他们也面临或经历过砍需求、部门 “优化” 和组织架构调整，所以还是不要把自己 all in 工作，保持警戒和弹性。
+
+#### 有目标又没有目标
+
+相对于在学校的时候，工作之后需要面向需求编程，好像是有了目标 —— 完成需求、升值涨薪。
+
+但重复的工作不可避免，有时会让人麻木，在地球的引力下自然躺平，渐渐失去目标，只剩下日复一日的重复工作。
+
+![](https://pic.yupi.icu/5563/202311031033150.png)
+
+所以我们的眼光一定要放长远，多接触比自己更优秀的人，多看看外面的世界，给自己找找 **斥力**。
+
+互联网工作的不稳定对我们来说就是一种斥力，所以要多自学，多参与开源项目、提升技术、积累总结，最好的状态是时刻准备着、能够做到随时跳槽。
+
+#### 谣言粉碎
+
+在腾讯工作后，才意识到此前外面很多关于公司的传闻都是谣言，比如上面提到的 “大公司都是 996、007”、“腾讯的程序员只会 C++”、“大厂程序员每天敲代码会更多” 等，现在就当个笑话看了。
+
+#### 福利待遇好
+
+最后，大公司的福利待遇真的是没得说，工作环境也不错。当然，最主要的还是钱多，对我这样一个刚毕业的穷学生来说，钱真的是太重要了。
+
+![](https://pic.yupi.icu/5563/202311031033461.png)
+
+综上，作为一名毕业就加入鹅厂的小同学，我觉得自己还是非常幸运的。大公司节奏快、资源多、技术强、有机会接触更大量级的项目，能带给自己更大的挑战和成长空间。所以再给我一次机会，我还是投互联网一票。
+
+当然，我不是劝大家都要进互联网大厂，毕竟压力还是挺大的。但无论如何，希望大家都能以进大厂为目标，多学习技术，总不会亏的。不要向网上那些脑袋里都是酸葡萄的人一样，听风是雨，无脑劝大家放弃。
+
+先有条件去选择，再去考虑是否要进大厂，总比没得选要好。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\215\207\347\272\247\344\270\272\344\272\221\345\274\200\345\217\221\351\253\230\347\272\247\345\270\203\351\201\223\345\270\210\345\225\246.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\215\207\347\272\247\344\270\272\344\272\221\345\274\200\345\217\221\351\253\230\347\272\247\345\270\203\351\201\223\345\270\210\345\225\246.md"
new file mode 100644
index 0000000..754d826
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\215\207\347\272\247\344\270\272\344\272\221\345\274\200\345\217\221\351\253\230\347\272\247\345\270\203\351\201\223\345\270\210\345\225\246.md"
@@ -0,0 +1,231 @@
+# 我升级为云开发高级布道师啦
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 继续致力云开发技术分享
+
+大家好，我是鱼皮，今天想和朋友们分享一个好消息，再分享一波技术！
+
+好消息就是，我被任命为『 腾讯云开发高级布道师 』啦！
+
+![](https://pic.yupi.icu/5563/202311031028582.png)
+
+这是腾讯对云开发技术达人的一项荣誉认证，虽然我的技术和见闻远配不上 “达人” 这一称号，但也算是对自己小小的认可吧。
+
+感谢冠宇哥、博群哥、李东哥、天杰哥等所有帮助过我的大佬们。
+
+下面先聊聊我和云开发的故事吧。
+
+### 我和云开发
+
+我是从大三时开始正式使用云开发的，当时正好要上线一个小程序，了解到云开发可以大大提高开发效率，还提供免费空间，就试了一下，然后就真香了。
+
+在越来越多的使用云开发后，我已经爱上了用云开发，虽然我的后端主语言是 Java，但只要是做小程序，我都会将云开发作为第一技术选型，无服务开发部署、免运维、集成 SDK、打通微信生态，太香了！
+
+之后，在云开发做校园推广的时候，我在学校开展了云开发校园技术小作坊，给同学们科普了一波小程序云开发。
+
+![](https://pic.yupi.icu/5563/202311031028343.png)
+
+随着对云开发的了解逐渐深入，以及看了更多的成功案例，我发现用云开发做网页也是一个不错的选择。因此在开发『 编程导航 』网站时，我选择了云开发，不仅作为整体后端技术栈，还用于前端动态及静态站点的部署。
+
+通过不断地实践和踩坑，我对云开发产生了信赖，对于云开发的使用也有了一些自己的方法和见解。所以作为一名知识博主，我经常用各种不同的形式来宣传云开发，好的东西就是要让更多人知道！
+
+比如之前写了几篇云开发的文章：
+
+- [实战 | docsify+云开发，高效创造你的文档网站](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247483812&idx=2&sn=baf9b9ebdb79a0f00cb2c5031e58b06c&chksm=e9c1e653deb66f45c42ecbf761a95090d3292e16fbbd265ff8f318fb862feba7fcf648de0e3a&scene=21#wechat_redirect)
+
+- [腾讯公测云开发低码！全网首篇实战评测](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247491816&idx=1&sn=608580ffbba8de53e1c4181120d37d0f&chksm=e9c2071fdeb58e09559035d0d1dd2ce93f99d0e745655010958b88c51a9da1b61cf8dbcca164&scene=21#wechat_redirect)
+
+- [一起来做个免登录资源导航小程序吧！](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247494704&idx=1&sn=302ae99d3e10f3ed032128a8f27726c9&chksm=e9c20bc7deb582d153da04d9c92980dcdd0c5a80dfb91a122c31fb7dd134298b937d047105c7&scene=21#wechat_redirect)
+
+
+
+还出过很多介绍云开发的视频：
+
+![](https://pic.yupi.icu/5563/202311031028635.png)
+
+此外，在直播的时候，也有很多朋友对这项技术感兴趣，我都会耐心解答。
+
+平时，我也在持续记录自己在使用云开发中的问题，并且向云开发团队反馈。
+
+今后我会更加努力，产出更多的云开发实践类文章，普及云开发技术知识，带大家感受高效的开发模式！❤️
+
+好了，听到这里，很多朋友可能还完全不了解什么是云开发，那接下来就是科普时间。
+
+## 腾讯云云开发技术
+
+> 如果你想要有自己的项目或产品，小程序是你的不二之选，而云开发将帮助你事半功倍倍倍倍倍。
+
+目前，各大主流互联网公司都在推行小程序生态建设，比如微信小程序、支付宝小程序、百度小程序、字节跳动小程序等。
+
+根据 QuestMobile 提供的行业研究报告，截至 19 年 4 月底，微信、支付宝和百度的小程序数量分别为 230 万、20 万和 10 万个，估计而如今，从阿拉丁研究院发布的《2020年小程序互联网发展白皮书》 来看，微信小程序数量已超 380 万！小程序的数量甚至超越了原生 APP，成为第一应用生态！
+
+这一趋势归因于小程序的独有优点，以 **微信小程序的优点** 为例：
+
+1. 用户多（十几亿），流量大
+2. 小程序无需安装，使用方便，用户体验好
+3. 依托平台，社交裂变，易于分享
+4. 对于开发者，相对于APP更易开发，生态广
+5. 小程序功能强大，足以满足大部分需要
+6. 依托微信，安全可信
+
+![](https://pic.yupi.icu/5563/202311031028292.jpeg)
+
+在介绍主角云开发之前，我们先了解一下小程序的传统开发方式。
+
+### 传统开发
+
+一般开发一个系统，我们需要开发**前端**和**后端**。
+
+前端即用户看得见、听得见、点得到、可操作性的界面。
+
+后端则支持前端，默默提供数据操作等各种服务。
+
+同样，开发小程序，我们也需要开发前端和后端。
+
+**小程序前端的开发方式主要有：**
+
+1. 官方原生语法（wxml、wxss）
+2. 封装框架（ WePy \ MpVue 等）
+3. 跨端开发框架，一套代码可编译至多端运行（Taro \ Chameleon 等）
+4. 低代码，可视化拖动（腾讯云微搭）
+5. 直接购买
+
+![](https://pic.yupi.icu/5563/202311031028433.png)
+
+而后端呢，我们可以自己开发，各大主流语言如 Java、Python、Golang 都可以。开发完成后，然后还要搭建一个数据库，租一个服务器等等。非常麻烦，这也是导致很多同学的技术栈过窄，只局限于前端或后端，无法开发出功能丰富的项目的主要原因。
+
+重复工作做多了也很累，谁不想简单一点呢？
+
+后来，『 小程序云开发 』出现了，让很多没有后端基础的同学也可以成为 **全栈开发者**！
+
+为了更好地了解小程序云开发，首先介绍一下何为云。
+
+### 何为云？
+
+云有如下定义和特点：
+
+1. 成千上万的服务器，组成了海量网络节点，像云一样无处不在
+2. 用户无需购买硬件，即可迅速创建、释放或使用任意资源
+3. 云已覆盖全球，足不出户使用世界各地的云设备
+4. 包含云服务器、云计算、云存储、云数据库、云函数等各种资源
+5. 由专业厂商提供服务，如腾讯云、阿里云、百度云、搬瓦工、Vultr 等
+
+![](https://pic.yupi.icu/5563/202311031028374.jpeg)
+
+那么什么是云开发呢？
+
+### 何为云开发？
+
+早期腾讯云官方的定义是：**云 + 端一体化，快速构建小程序、Web和移动应用**。
+
+![](https://pic.yupi.icu/5563/202311031028052.png)
+
+而如今，云开发概念升级，已经是一套完整的云原生产品解决方案。
+
+![](https://pic.yupi.icu/5563/202311031028186.png)
+
+在传统开发中，我们需要自己开发增删改查等接口，准备后端服务器、安装搭建数据库环境等。此外，如果是企业级应用，可能还需要考虑如下特性及功能：
+
+- 文件存储、内容加速、冷备热备、网络专线
+- 负载均衡、容器服务、弹性伸缩
+- 监控告警、安全加固、网络防护、异地容灾
+- 高可用、高并发、高扩展
+
+听着就很麻烦！
+
+而实际上，我们的核心关注点应该是 **业务逻辑**，即实现功能。是否有一种新的开发模式，可以让开发者可以更专注于业务逻辑呢？
+
+**云开发应时而生。**
+
+云开发是由腾讯云和微信团队联合开发，集成于小程序控制台的一站式后端云服务，帮助开发者快速全栈开发并上线小程序。
+
+![](https://pic.yupi.icu/5563/202311031028373.png)
+
+云开发包含以下核心功能：
+
+| **能力**     | **作用**                             | **说明**                                                     |
+| :----------- | :----------------------------------- | :----------------------------------------------------------- |
+| **云函数**   | 无需自建服务器                       | 在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码 |
+| **数据库**   | 无需自建数据库                       | 一个既可在小程序前端操作，也能在云函数中读写的  JSON 数据库  |
+| **存储**     | 无需自建存储和  CDN                  | 在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理  |
+| **云调用**   | 原生微信服务集成                     | 基于云函数免鉴权使用小程序开放接口的能力，包括服务端调用、获取开放数据等能力 |
+| **HTTP API** | 通过HTTP，实现小程序外访问云开发资源 | 使用  HTTP API 开发者可在已有服务器上访问云资源，实现与云开发的互通。 |
+
+乍一看好像云开发也挺复杂的，不妨用两张图来对比下它和传统开发模式的区别。
+
+### 传统开发模式 VS 云开发模式
+
+传统开发模式：
+
+![](https://pic.yupi.icu/5563/202311031028245.png)
+
+云开发模式：
+
+![](https://pic.yupi.icu/5563/202311031028527.png)
+
+绝大多数业务之外的问题，都可以交给腾讯云提供的统一服务来解决！
+
+此外，云开发的一大亮点是提供了非常方便的集成 SDK，直接操作数据库、上传下载文件；打通了微信生态，一行代码就能调用微信开发者接口，比如发送模板消息等；此外，还提供了一些强大的开放能力，如音视频、内容安全审核、图像识别、AI、智能对话、短信等。
+
+![](https://pic.yupi.icu/5563/202311031028495.jpeg)
+
+**以开发 “文件上传” 功能为例来对比：**
+
+传统开发：前端 + 后台 + 运维，估计耗时 120 分钟。
+
+云开发：仅前端，仅需 5 分钟！通过 wx.chooseImage 和 uploadFile 接口，直接将文件直接上传至腾讯云存储和托管，省时、安全、可监控，免运维。
+
+![](https://pic.yupi.icu/5563/202311031028716.png)
+
+**再以开发 “插入数据” 功能来对比：**
+
+传统开发：前端 + 后台 + 运维，自己搭建维护数据库，至少耗时 90 分钟。
+
+云开发：仅前端，仅需 2 分钟。通过云开发的数据插入接口，快速入库至腾讯云，保障高性能和安全性，在小程序控制台还可以随时对数据库进行可视化监控及管理。
+
+![](https://pic.yupi.icu/5563/202311031028987.png)
+
+可视化管理数据库：
+
+![](https://pic.yupi.icu/5563/202311031028956.png)
+
+真的是非常贴心了，那么如何使用云开发呢？
+
+### 如何使用云开发？
+
+如果要在小程序中使用云开发，很简单，创建小程序后，直接打开微信开发者工具，点击 “云开发”，申请就可以了，10 秒钟自动得到一套环境。
+
+**对于小型产品，免费版完全够用！**
+
+![](https://pic.yupi.icu/5563/202311031029110.png)
+
+如果要使用云开发做网站或移动应用，可以在腾讯云开发官网开通环境。
+
+具体的云开发使用方法就不在文章中介绍了，腾讯云官方和云开发爱好者们提供了非常贴心的教程。
+
+### 学习资源
+
+最后给大家推荐一些学习资源。
+
+**云开发学习指南**
+
+这里的教程都是精品，可以学到云开发的基础使用和所有的高级特性。
+
+![](https://pic.yupi.icu/5563/202311031029436.png)
+
+**云开发官方文档**
+
+![](https://pic.yupi.icu/5563/202311031029342.png)
+
+**微信小程序云开发官方文档**
+
+![](https://pic.yupi.icu/5563/202311031029434.png)
+
+**腾讯云云开发 B 站官方账号**
+
+这里有很多优质的云开发视频教程，还会定期请讲师直播教学答疑。
+
+![](https://pic.yupi.icu/5563/202311031029841.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\345\222\214\345\255\227\350\212\202\347\232\204\345\267\245\344\275\234\346\204\237\345\217\227.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\345\222\214\345\255\227\350\212\202\347\232\204\345\267\245\344\275\234\346\204\237\345\217\227.md"
new file mode 100644
index 0000000..6d4e44f
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\345\222\214\345\255\227\350\212\202\347\232\204\345\267\245\344\275\234\346\204\237\345\217\227.md"
@@ -0,0 +1,129 @@
+# 我在腾讯和字节的工作感受
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享我对两家互联网大厂的了解和主观感受
+
+大家好，我是鱼皮，最近这段时间，应该是正值大三的小伙伴最忙碌的时候，不少同学都在准备秋季校园招聘。
+
+我当时是通过暑期实习转正进入的腾讯，再加上之前也在字节跳动实习过，所以今天就分享下我对这两家互联网公司的了解和工作感受，希望能帮助大家选择，也可以给还在校园的小伙伴一些坚持的动力吧。
+
+![](https://pic.yupi.icu/5563/202311031024633.png)
+
+### 工作感受
+
+接下来我会从多个方面来分享。
+
+> 由于公司很大，不同部门存在差异，所以工作感受比较主观，不代表整个公司的情况。
+
+#### 薪资
+
+互联网公司的薪资还是挺高的。
+
+像我当时在字节跳动实习时开发岗位是 400 每天的固定薪资 + 1.5k 房补，在腾讯实习薪资稍微低一点，从校招薪水小程序上查询今年的实习生大概是 5k - 7k 再加 2k 房补，也很不错了。
+
+![](https://pic.yupi.icu/5563/202311031024557.png)
+
+> 图片源于网络
+
+大厂正式员工的工资反而差不多（某多多除外），一般都会划分为几个档位，根据面试情况和能力定级定薪，开发岗大致范围在 30w - 60w，上不封顶，也是从网上都能查到。
+
+同级别的话，字节跳动的 base（基础月薪）可能稍微高一点，而且以前有加班费（虽然现在取消了）；但腾讯这边年终奖的潜力比较大，所以总包不会有什么差别，而且今年年终腾讯给不少员工发了 100 股，也是相当有牌面的福利了。
+
+#### 工作环境
+
+我在字节跳动实习时是在教育部门，并不是在总部，刚开始是在马蜂窝一般的小办公间中工作，虽然老走错工位，但比较安静。不过在我离职的时候这边也新建了办公区，和总部的工位基本一致了，网吧式工位，还是比较优雅舒适的。
+
+![](https://pic.yupi.icu/5563/202311031024516.jpeg)
+
+> 字节工位
+
+腾讯的很多工位设计是 4 人围成一个圈，每人独占一角。我更喜欢这种工位，感觉空间更大、工作体验更好，因此也诞生了不少 “艺术殿堂”。
+
+![](https://pic.yupi.icu/5563/202311031024697.jpeg)
+
+> 腾讯工位
+
+#### 福利待遇
+
+字节跳动的日常福利真的没得说，一日三餐免费 + 下午茶 + 不限零食 + 过节时各种别出心裁的小福利早就刷爆了全网，我在实习时也没忍住发过几个朋友圈哈哈。
+
+腾讯是早餐免费，晚餐可以刷夜宵券抵扣（一般都用不完）。虽然小礼物感觉没有字节跳动多，但公司内经常搞各式各样的小活动，参与就有奖励，比如多到爆炸的文化衫，我记得当时有个活动 1 天送 1 件文化衫，我直接拿了 5 件当睡衣。。。
+
+此外，腾讯的员工福利和关怀真的没得说，茶水间、健身房、生日礼、关爱讲堂、周年礼等超过 50 个特殊福利，还有前段时间网上传遍的最高 90w 免息购房贷款，从入司、日常出行到终身大事，都为你保驾护航，的确能减少不少压力。
+
+![](https://pic.yupi.icu/5563/202311031024593.png)
+
+#### 新人培养
+
+字节跳动和腾讯都有着优秀的新人培养机制。首先在入职时会分配一名导师，帮助你快速适应工作和成长。还有多级新人培训制度，带你学习企业文化、技术业务、认识更多优秀的小伙伴。
+
+就我实习期的感受而言，字节跳动新人更多、给新人的机会也更多，敢用新人，再加上是新项目，大概一周不到我就已经开发完成了一个功能，后面也跟着参与各种需求评审，了解需求从产生到上线的全部过程。
+
+腾讯对新人也是非常照顾和包容，我也是一上手就参与项目了，但毕竟是成熟的项目，所以新人很容易踩一些坑，还是要多花些时间、多问问题，做到真正熟悉项目。也因为业务逻辑相对复杂，进公司很久我都没有参与需求评审，而是等导师写好技术方案再给我分配需求。
+
+不过你能接收到怎样的新人培养，除了公司的文化外，最主要的还是取决你的导师。像我后面就 **主动** 请求导师带我参与需求评审，后来也就慢慢承担了更多的工作和责任吧。
+
+#### 技术
+
+从编程语言来看，字节跳动后台以 Go 语言为主；而腾讯以 C++ 为主，其他编程语言像 Java 用的也不少，技术栈相对更丰富。
+
+![](https://pic.yupi.icu/5563/202311031024054.png)
+
+> 鹅厂研发
+
+从知识沉淀来看，两家公司都有自己的知识库，但腾讯由于发展时间更长，知识的沉淀相对更多，像微信、支付、朋友圈的架构设计和升级过程我们都可以学习。
+
+两家公司都有自己的基础建设，比如各种公司级、组织级的通用平台和轮子，提高工作效率和研发效能。腾讯有专门的技术工程事业群，再加上 19 年自上而下全面推动的内部开源协同，我能够明显感受到公司正在统一战线，基础设施做的越来越好，越来越方便。
+
+此外，还有大大小小的技术分享，各种和大佬面对面交流的机会，还是很有助于提升技术、开拓眼界的。
+
+#### 工作氛围
+
+字节是一家相对年轻的公司，每年招的新人巨多，年轻的 90 后 Leader 也不少，所以在工作中很容易和同事打成一片，认识更多小伙伴。但同样，大家都是新人，都在寻求晋升机会，所以竞争还是很激烈的。
+
+![](https://pic.yupi.icu/5563/202311031024494.jpeg)
+
+腾讯作为一家发展了 20 多年的公司，领导层基本都是经验丰富的老手，平均工龄会更大一些，所以新人相对没有那么卷，前几年一般是可以稳定晋升的。
+
+不过，近几年公司也非常注重新力量的注入，也在变得更加年轻化，像我在的部门这两年就有很多新人的加入，也有不少聊得来的朋友。
+
+#### 工作节奏
+
+我在字节跳动实习的时候，每天早上都会准时看到领导组织开站会，整组的人探讨工作进度和计划（虽然我当时没参与）。由于是实习期 + 学校比较远，我基本是到了晚上 7 点就准时跑路了。但听同事说，他们一般都不会在这个点下班，毕竟是新部门，工作节奏还是很快的，不过现在字节已经取消大小周了啦。
+
+相比之下，我还是比较适应腾讯这边的工作节奏，虽然还是存在加班的部门和项目组，但我们这儿一般是 8 点多下班，周末也基本不加班，所以还是有很多时间做自己的事情，平衡工作和生活吧。不过是否加班和自己也有很大关系就是了。
+
+![](https://pic.yupi.icu/5563/202311031024623.png)
+
+#### 业务
+
+我是 18 年底开始在字节跳动实习的，当时的字节以抖音和头条为主打。毕竟是一家年轻的公司，新项目巨多，很多业务处于上升期，但也有很多不稳定、寻求突破的项目，比如当时的 “多闪”。
+
+![](https://pic.yupi.icu/5563/202311031024576.png)
+
+我当时做的也是此前完全没听说过的教育线新项目，如今也不知道这个项目怎么样了。对于新人来说，新业务确实更有挑战、有更多的机会，但同样，风险也很大，说不定搞了 1 年的项目突然就终止了。所以还是建议大家选择成熟稳定的业务部门，一线业务和其他业务的部门待遇也可能是天差地别。
+
+腾讯的业务相对成熟，社交、游戏、广告等等，经历了十余年的沉淀，发展都比较稳定、可预见，所以在这边工作感觉更安心一些。而且公司内有很多产品方法论和业务的文档，我有时也会看一看，真的很有收获。
+
+![](https://pic.yupi.icu/5563/202311031024691.jpeg)
+
+不过互联网本身就是不可预测的，所以组织架构的调整也屡见不鲜，总之还是多提升自己的能力，时刻准备拥抱变化吧！
+
+#### 企业文化
+
+“字节范儿” 是字节跳动的文化核心，总共包含 6 条，如图：
+
+![](https://pic.yupi.icu/5563/202311031024527.jpeg)
+
+> 字节范儿
+
+其中，追求极致对我的影响是最大的，在字节跳动实习前，很多事情我都是以完成它为目标；但在工作中，身边很多同事都是在思考如何把一件事做到最好。还有我始终坚持的 “延迟满足感”，不要因为自己现在拥有的而骄傲，始终有人比你做的更好，要多向他们学习。更高的目标、更高的追求激励着我更努力前行。
+
+腾讯全新的使命愿景是 “用户为本，科技向善”，全新的价值观是 “正直、进取、协作、创造”。在进公司前我是完全感受不到这些的，也曾在小时候因为充值游戏却抽不出卡而对腾讯心生怨气。
+
+但入司之后，“一切以用户价值为依归” 的理念真的对我影响很大，在讨论和实现需求时我们会从用户出发，更关注用户、更全面的思考所做之事的意义。还有 “瑞雪” 文化，无时无刻不在提醒着我规范言行举止，抵制不诚信行为。
+
+![](https://pic.yupi.icu/5563/202311031024811.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\347\232\204\350\257\225\347\224\250\346\234\237\346\200\273\347\273\223.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\347\232\204\350\257\225\347\224\250\346\234\237\346\200\273\347\273\223.md"
new file mode 100644
index 0000000..d98a056
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\345\234\250\350\205\276\350\256\257\347\232\204\350\257\225\347\224\250\346\234\237\346\200\273\347\273\223.md"
@@ -0,0 +1,222 @@
+# 我在腾讯的试用期总结
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 在腾讯的 3 个月，我经历了些什么？
+
+大家好，我是鱼皮。
+
+最近不少小伙伴顺利毕业，入职了新公司，开始了人生第一段正式工作经历。但对于很多公司，如果你想要成为正式员工，是需要先经历几个月的试用期的。
+
+记得去年这个时候，我也曾担心过自己会不会遭遇试用期被裁的尴尬局面，但后来发现其实只要你或者公司没有出什么问题，基本都是可以顺利转正的。
+
+![](https://pic.yupi.icu/5563/202311031022015.png)
+
+腾讯的试用期一般是 3 个月，在 1 个月左右就会让你写一份阶段性总结，最后还会要求你填写一份试用期总结报告，有些部门可能还要当面给领导汇报。
+
+今天就给大家分享下我的试用期总结，可能会有点官方~
+
+不敢说写的很好，但绝对真实，希望能给大家一些参考（不要复制粘贴哈哈）。
+
+> 以下内容已脱敏
+
+## 我的试用期总结
+
+在腾讯已经实习近一年，终于正式入职，激动的同时，身上的责任和压力也大了许多。
+
+即将转正，下面是我对自己试用期的工作、成长与不足的总结。
+
+大纲：
+
+![](https://pic.yupi.icu/5563/202311031022167.png)
+
+>  我的试用期总结 导图
+
+### 工作
+
+在试用期，我做了很多事情。
+
+#### 本职
+
+试用期间，我完成了多个需求，同时帮助排查及处理了多个线上问题。
+
+**1. 任务调度系统升级**
+
+随着系统相关定时任务增多，管控困难。我 **主动** 升级现有任务系统，搭建任务调度平台集中管控定时任务，通过界面高效灵活地控制和监测定时任务的启停状态、查看执行日志等。
+
+考虑到实现成本和复杂度，任务平台基于知名开源系统进行二次开发。在搭建过程中遇到了 DB 资源申请、网络受限、驱动冲突等问题，但最终通过请教同事和自行查阅资料成功解决，让我更加熟悉了公司内部资源申请的方式。
+
+![](https://pic.yupi.icu/5563/202311031022247.png)
+
+> 任务调度平台 xxl-job
+
+**2. 运营平台支持**
+
+紧急支持运营平台的面板项目。在短期内快速了解需求，熟悉整体项目的代码、规范以及开发、测试、部署的 **一条龙** 流程，并积极和其他同学沟通协调，最终 **提前** 交付。
+
+由于项目中很多代码进行了封装，遇到的一些技术细节问题，通过询问项目负责同学得到解决并加以记录。通过开发该项目，我不仅了解了该平台的主要功能，还在前端开发技术（TypeScript、React Hooks 等）取得了较大的进步。
+
+**3. 数据整改**
+
+紧急响应外部要求，为数据补充新字段，并完成历史数据的刷新及检测任务。
+
+通过该需求，我意识到自己负责的业务的重要性。在设计系统时必须考虑全面，要有能力应对可能出现的突发情况。
+
+![](https://pic.yupi.icu/5563/202311031022172.png)
+
+**4. 数据查询接口性能及稳定性优化**
+
+由于某用户下的资源列表数据量很大，单纯在业务层面采用并发查询会导致线程池任务队列爆满、连锁导致接口调用超时或失败。
+
+通过批量并发查询，提高查询性能；通过线上数据及大量实验确认批量查询粒度，最终将接口性能提升了 **3 倍** ，且请求耗时分布更平稳。
+
+通过这次优化，我意识到了实验和测试的重要性，在后面的优化需求中也会更注重实际的优化结果，而不是单纯凭借经验值或理论进行优化。
+
+![](https://pic.yupi.icu/5563/202311031022053.png)
+
+**5. 任务补偿机制**
+
+由于各子项目中都可能会出现接口调用失败、系统异常等，导致数据不一致。所以需要统一通用的任务补偿机制，便于记录及处理补偿任务。因此我设计了 **通用** 任务补偿机制，在任务调度平台可视化查看需要补偿的任务，并通过自动调度 + 动态参数的方式实现灵活高效的可选任务补偿。
+
+**6. 处理系统相关反馈**
+
+由于对业务和系统越来越熟悉，能够更快地排查问题，即时处理用户的反馈。
+
+![](https://pic.yupi.icu/5563/202311031022064.png)
+
+除了上述工作，我每天都会去观察系统的负载，定期查看业务日志，以保障系统平稳运行。通过日志发现了数据查询接口中潜在的应用假死问题（Tomcat v 9.0.26 的 bug）并进行修复。此外，我改进了自己开发的实时通讯机器人 SDK，支持发送 Markdown 等多种格式的消息，以应对日后更灵活多样的通知、告警需求。
+
+#### 培训
+
+积极参与公司级、BG（事业群）级、业务线级的培训。
+
+在公司级培训中，担任班长，组织且参与封培晚会视频的制作，获 “优秀班委” 称号。
+
+在 BG 培训中，担任组长，帮助大家顺利通过培训。
+
+在业务线级培训中，荣获优秀小组及优秀个人。
+
+![](https://pic.yupi.icu/5563/202311031022100.png)
+
+#### 基建
+
+补充业务线公共 Java 知识库，搭建公用脚手架，编写 IDEA 开发工具的使用及业务环境搭建等文档，帮助同事快速上手项目开发。
+
+#### 知识
+
+利用公司内部资源，在知识平台阅读很多技术文章、建设了自己的知识库，并且在 IT 交流问答平台开拓思路、学习解决问题的方法，在开源社区和技术大牛进行思维碰撞。
+
+我注重知识储备和个人成长，对于应用开发岗位来说，知识的广度和深度同样重要。因此我会积极参与公司的分享，比如《XX 架构与实践》、《数据分析课程》等。
+
+在工作之余，我仍然坚持每天学习新知识，比如阅读源码、阅读技术文章、搜集常用业务解决方案、优秀系统架构等，近期在学习大数据批流处理方面的知识，希望日后有机会可以给大家分享。
+
+![](https://pic.yupi.icu/5563/202311031022953.png)
+
+#### 其他
+
+持续制定每日目标，并归纳总结日常工作。
+
+### 成长
+
+相对实习期，我对待工作更加热情，也付出了更多时间精力。天道酬勤，这几个月我在多个方面取得了不小的进步。
+
+#### 养成习惯
+
+正式入职以来，每天早上我会提前来公司阅读技术或业务文档；每天晚上下班前会归纳总结今日工作，整理当日文件，写技术文档；回家后阅读技术书籍。已经适应了忙碌而充实的工作生活。
+
+#### 主动性
+
+我总结了实习期的一些不足，认为自己对业务的了解度还不够，因此在正式入职后，我主动要求参与需求评审和各种讨论会，希望能得到第一手信息，避免后期因为信息不足导致的错误（这里感谢导师 B 哥为我提供了许多机会）。
+
+此外，我积极主动地承担工作以及帮忙排查和解决问题。对于现有系统的一些不足，也会主动进行技术调研，尝试优化，降本增效。
+
+![](https://pic.yupi.icu/5563/202311031022028.png)
+
+#### 资源收集
+
+在工作中，资源太重要了，通过几个月的努力，我收获了大量人力资源和信息资源：
+
+- 人力资源：通过参与培训，我认识了太多优秀的小伙伴，和他们产生了很多技术和业务上的交流，增大了自己的视野，拓展了人脉。
+- 信息资源：通过持续的文档阅读和归纳总结，我整理了自己的工作文件夹、网页资源收藏夹，建设了自己的知识库。不仅让自己寻找信息更方便，也能为帮助其他人快速了解某业务和技术。
+
+#### 沟通能力
+
+这几个月，我多次和 **跨部门** 的同事沟通，尽可能清晰地表达自己的观点，便于对方快速理解，提升沟通效率。主动和产品、测试同学沟通，积极表达自己观点的同时虚心接受他人的信息和建议。
+
+#### 悲观思维
+
+工作中也曾出现过一些 “想当然”，把很多的第三方依赖当成了可信的，在导师 B 哥的指导下，在写程序和想问题时，我逐渐养成了悲观思维：尽可能地把事情往坏的结果想，做需求时要掌握更多更全面的信息，做好万全的兜底措施。
+
+![](https://pic.yupi.icu/5563/202311031022029.png)
+
+#### 影响力
+
+我希望能将工作中所学所积累的知识回馈给其他人，对同事、对公司、对社会产生积极的影响，也希望自己未来能够成为一个有影响力的人。通过持续编写技术文档、在交流社区回答问题，已经帮助到了很多的同学。
+
+> 这也是我如今做知识分享的一个关键因素。
+
+#### 全局观
+
+实习期的很多时候，做需求时我仅仅考虑和需求相关的因素，对其他合作部门的业务了解甚少。随着我们负责的业务对接方越来越多，系统越来越复杂，我需要更了解合作方的视角，站在全局的角度去考虑问题。
+
+现在我会去主动了解合作同事的业务，多问 “为什么”，不断提升自己对业务的熟悉度和全局观。
+
+#### 技术能力
+
+我深知技术能力对研发工程师至关重要，感谢公司提供的平台资源，让我有机会和很多大佬共同交流，阅读他们的代码，让我的技术水平和知识面得到了很大的提升。
+
+![](https://pic.yupi.icu/5563/202311031022056.png)
+
+#### 业务能力
+
+通过参与需求评审以及各种需求讨论会，让我了解了更多 **一手** 业务信息；通过和同事的合作和交流，让逐渐学会高效地处理问题。很多问题的解决也比以前更迅速了。
+
+### 不足
+
+取得进步的同时，工作中也遇到了一些困难，发现了自己的不足之处。
+
+#### 效率
+
+我的工作效率还不够高，并行工作能力较差，同时处理多个需求时，偶尔会感到手足无措，并且有时工作计划会被其他事情打断。
+
+之后，我会多做计划，合理安排工作，尽量给自己完整的时间去设计方案和写代码，其他时间去解决处理问题（前提是问题的紧急度不高）。
+
+#### 专业度
+
+随着系统日渐复杂、代码冗余等，我的开发效率逐渐降低，常常想要重构，但感到无力。我觉得这和自己专业度不够、设计系统时欠考虑关系很大。
+
+![](https://pic.yupi.icu/5563/202311031022130.png)
+
+我会多学习其他系统的架构模式，同时保留重构和优化的想法，在合适的时机去执行。
+
+#### 冲动
+
+在解决线上问题时，我常常想着更快地帮忙排查问题，因此回复地很快，有时自己还没调查清楚就瞎猜原因，自己都不知道自己在扯什么，结果适得其反。
+
+今后还是要做充足的排查，确定问题或有了一些清晰的想法后，再去发声。
+
+#### 哑巴
+
+由于对一些合作业务的熟悉程度还不足，目前在讨论整体方案时，我还很难提出自己的想法，只能默默听从其他同学的分析。
+
+还是要继续努力、多看文档，让自己尽快熟悉业务。
+
+![](https://pic.yupi.icu/5563/202311031022587.png)
+
+最后，希望自己能够成功转正，我会继续努力，上下求索，做到正直、进取、协作、创造（腾讯新的使命愿景），为公司带来更大的价值！
+
+
+
+------
+
+
+
+哈哈，一年之后再来看这篇总结，深有感触。如今的自己比当时又有进步了，工作效率比以前高了很多、设计系统时考虑的更加全面可扩展、面对问题更加冷静、讨论需求时也能更有主见了。
+
+不得不感叹，压力和积累的确能使人成长，继续加油吧~ 建议大家也多记录自己的学习和工作经历，日后都是无价之宝。
+
+我是鱼皮，**点赞 + 在看** 还是要求一下的，祝大家都能心想事成、发大财、行大运。
+
+![](https://pic.yupi.icu/5563/202311031022771.png)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\350\216\267\345\276\227\344\272\206\350\205\276\350\256\257\345\206\205\351\203\250\347\253\236\350\265\233\347\254\254\344\270\200\345\220\215\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\350\216\267\345\276\227\344\272\206\350\205\276\350\256\257\345\206\205\351\203\250\347\253\236\350\265\233\347\254\254\344\270\200\345\220\215\357\274\201.md"
new file mode 100644
index 0000000..2f2fd2e
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\346\210\221\350\216\267\345\276\227\344\272\206\350\205\276\350\256\257\345\206\205\351\203\250\347\253\236\350\265\233\347\254\254\344\270\200\345\220\215\357\274\201.md"
@@ -0,0 +1,184 @@
+# 我获得了腾讯内部竞赛第一名！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 分享一点喜悦和云开发技术知识~
+
+大家好，我是鱼皮，前段时间，我花费了大量精力在公司内部举办的 **腾讯云 · 云开发技术竞赛** 上。
+
+先介绍下，这是一场关于腾讯 · 云开发技术应用的竞赛，简单的说，就是用云开发技术来完成一个作品，比如网站、小程序等。
+
+我本来没打算参加的，因为竞赛中有我很讨厌的拉票环节，而且我也不是那种贪图奖金的人。但后来在队友的提议下，我开始重新思考参赛的意义，最终还是参加了，原因如下：
+
+- 想学习更多技术，发现更多创意
+- 通过比赛促使自己优化代码、整理文档
+- 检验自己的作品，希望得到建议
+- **参与就有 T 恤，奖金还挺多**（ 我也不是那种贪图奖金的人 ）
+
+![](https://pic.yupi.icu/5563/202311031037440.png)
+
+既然参加了，我就投入了 99 % 的精力，参赛作品是【编程导航】网站。且不说作品的开发过程，光比赛前梳理和补充文档、再根据评审规则针对性地优化文档，就承包了我整整一周的夜晚时间，再加上白天要工作，真是压得我喘不过气。
+
+不过还好，最后顺利拿到了 **一等奖** ！围观我朋友圈的小伙伴应该之前就看到了~ 😋
+
+![](https://pic.yupi.icu/5563/202311031037582.png)
+
+可惜工作比较忙，没有机会去深圳领奖啦，非常感谢我的队友锋哥，还有其他朋友，以及每位用户大大们的支持 ❤️。
+
+![](https://pic.yupi.icu/5563/202311031037635.png)
+
+近几年腾讯云开发技术持续发力，更新升级速度非常迅猛，功能也是越来越强大易用，这场公司级竞赛的举办也足以证明云开发的破茧化蝶。而通过这场比赛中大家提交的作品，我也看到了云开发的无限可能。
+
+> 还不了解云开发的同学，可以阅读这篇文章：[感谢，我升高啦！](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247496246&idx=1&sn=37f24454572ce1b73f593c8fc44dd172&scene=21#wechat_redirect)
+
+为什么编程导航作品能拿到一等奖呢？我盲猜很大一部分原因是该网站的实现几乎用到了云开发所有的主流功能，应用大赛不就讲究个技术应用么？合理应用技术去解决系统中的问题。
+
+下面就给大家分享下云开发在编程导航中的应用吧。
+
+## 云开发在编程导航中的应用
+
+> 该项目已开源，对想学习云开发的朋友有实践意义。
+>
+> 地址：https://github.com/liyupi/code-nav
+
+先放一张全部功能的思维导图：
+
+![](https://pic.yupi.icu/5563/202311031037648.png)
+
+### 基础能力
+
+#### 云数据库
+
+存储编程导航网站的业务数据，比如用户、资源等。通过在云开发网页控制台配置索引来加速查询。
+
+![](https://pic.yupi.icu/5563/202311031037431.png)
+
+> 云数据库管理
+
+#### 登录鉴权
+
+用户未登录时，使用云开发 **匿名登录** 访问云开发资源；当用户输入动态码登录后，使用 **自定义登录** 实现用户登录态的前后端 token 存储和交互。
+
+#### 云函数
+
+编程导航业务后台采用 serverless 架构，把后端打碎，每个接口都是一个云函数，独立部署。用于实现对数据库的增删改查、用户登录等功能。
+
+通过云函数 **定时触发器** 实现用户排行周榜、月榜。
+
+![](https://pic.yupi.icu/5563/202311031037435.png)
+
+> 云函数管理
+
+#### 云存储
+
+存储用户头像、资源图片等文件。
+
+![](https://pic.yupi.icu/5563/202311031037077.png)
+
+> 云存储管理
+
+#### 静态网站托管
+
+一键部署编程导航静态网站，通过云开发提供的 CDN 加速网站的访问。
+
+![](https://pic.yupi.icu/5563/202311031037049.png)
+
+> 静态网站托管
+
+#### HTTP 访问服务
+
+暴露云函数，使其可供其他服务器调用，并通过配置多个域名实现网站域名重定向。
+
+![](https://pic.yupi.icu/5563/202311031037078.png)
+
+> 开放 HTTP 接口
+
+#### 云托管
+
+以 Docker 容器集群的方式部署网站前端、微信公众号后台等服务。
+
+#### 安全规则
+
+控制云开发资源的默认访问权限，保护数据安全，防止小贼偷家。
+
+![](https://pic.yupi.icu/5563/202311031037400.png)
+
+> 设置安全规则
+
+#### 日志管理
+
+云开发默认提供了日志记录，并且通过在云函数中使用日志 SDK 实现自定义分级日志。可以通过这些日志，定位故障、分析异常流量来源。
+
+![](https://pic.yupi.icu/5563/202311031037422.png)
+
+> 查看业务日志
+
+#### 监控告警
+
+通过在云开发网页控制台配置云函数等资源的监控告警规则，即时发现问题，保护业务。
+
+![](https://pic.yupi.icu/5563/202311031037471.png)
+
+> 告警管理
+
+### API 能力
+
+#### 服务端 SDK 访问云函数
+
+让多个零散的云函数能够互相调用，可用于访问公共云函数，比如发送系统消息、增加用户积分等。（类似微服务架构的公共服务）
+
+#### 数据库事务
+
+支持提交和回滚，用于保证数据库一致性，防止用户发布资源后没有增加积分等问题。
+
+#### 聚合查询
+
+云开发的数据库聚合查询能力非常强大，通过随机查询实现对资源的随机推荐；并通过流水线、关联查询提高查询的灵活性和效率，比如查询评论列表的同时关联查询用户头像、昵称等信息。
+
+![](https://pic.yupi.icu/5563/202311031037532.png)
+
+> 评论列表
+
+#### 数据库实时推送
+
+这是大家经常好奇的 socket 长连接解决方案，云开发允许用户实时监听数据库字段的变化，透明化底层 socket，从而实现网站实时公告、实时聊天室等功能。
+
+![](https://pic.yupi.icu/5563/202311031037676.png)
+
+> 实时聊天室
+
+### 扩展能力
+
+#### 云 CMS 内容管理系统
+
+提供了集中式可视化数据管理功能，便于管理员定义数据模型、全局管理数据，非常方便！
+
+![](https://pic.yupi.icu/5563/202311031037946.png)
+
+> 可视化管理数据
+
+#### 云 Redis
+
+云开发支持内网访问 Redis 中间件，非常安全。我们编写了 Redis 内部公共服务，通过 setnx 等方式对接口进行限流，保证接口安全。
+
+### 工具插件
+
+#### CloudBase CLI
+
+直接在本地一行命令就能快捷发布静态网站、部署云函数、触发器等。
+
+#### CloudBase Framework
+
+和 CLI 类似，使用 CloudBase Framework 命令工具，一键部署云开发完整应用，比如静态网站、云托管容器等。
+
+### 其他能力
+
+#### 云环境共享
+
+最开始编程导航只有网站，后来开发了小程序。总不能再单独给小程序开发一套接口（也就几十个）、提供一套数据吧？
+
+![](https://pic.yupi.icu/5563/202311031037994.png)
+
+所以我们通过云环境共享能力，直接复用 web 项目的接口、数据等资源。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\347\246\273\345\274\200\345\255\246\346\240\241\345\220\216\357\274\214\346\210\221\346\211\215\346\230\216\347\231\275.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\347\246\273\345\274\200\345\255\246\346\240\241\345\220\216\357\274\214\346\210\221\346\211\215\346\230\216\347\231\275.md"
new file mode 100644
index 0000000..ea254cf
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\347\246\273\345\274\200\345\255\246\346\240\241\345\220\216\357\274\214\346\210\221\346\211\215\346\230\216\347\231\275.md"
@@ -0,0 +1,52 @@
+# 离开学校后，我才明白
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 无比的真实
+
+大家好，我是鱼皮。不知不觉，来到鹅厂两年半了（正式工作一年半、实习一年）。
+
+今天我想和大家分享一下自己离开学校、进入公司后才明白的 **真相** 。
+
+> 本来标题想取 “进入大厂后，我才明白”，但有很多道理，不是大厂教会我的，而是身为 “社会人” 本能的领悟吧。
+
+其实以下每个点我都有很多的心得感悟，但时间有限，就先用最精简的文字总结一下吧，后面再慢慢出视频来展开分享。
+
+1. 有时，自己在工作中写的代码，自己也看不懂。
+2. 在大厂，好的基础建设（框架轮子）会让你用着很爽，但同样会让你的代码能力越来越差。
+3. 有时，不写文档未必是不想写，而是真的身不由己。
+4. 做项目时，最开始的架构设计真的是太重要了，但无论再怎么设计，始终都跟不上需求的变化。
+5. 无论做什么事，新鲜感总会过去，唯有不断给自己设立目标、享受完成目标的过程，才更容易坚持。
+6. 没有上下文的情况下，永远不要吐槽别人的代码辣鸡。因为在同样的条件下，如果交给你来做，你未必能做的更好。
+7. 不要觉得大厂的同事都是神，也有猪一样的队友。（别产生奇怪的误会！）
+8. 加班不等于拿高绩效，领导在意的是你的价值。
+9. 在计划工作时，不要过于乐观和紧绷，你可能会为自己的 “自信” 付出代价。
+10. 想摸鱼，需要本事。
+11. 原来，提前下班比提前下课爽多了！
+12. 我是真的想和产品经理打一架！
+13. 团队协作永远比单兵作战重要。你可能很强，但总有一天，你也会向那些所谓 “技术差” 的同学寻求帮助。毕竟，每个人都有自己擅长的方向和掌握的信息。
+14. 曾经以为出了学校就会省去很多破事、可以专注于某个目标；但工作后才发现，破事也很多，反而更容易焦虑和迷茫。
+15. 曾以为程序员的工作就是写代码，而如今写代码占工作的比重不到 1 / 3。
+16. 在工作后，很难有真正的朋友。
+17. 工作之后，想再坚持做一件事，真的很难！很多所谓的坚持，会被一天的加班而冲垮；很多还在萌芽的兴趣，会因为担心时间不够而扼杀。
+18. 有过那么一个瞬间，很想把压抑的情感爆发出来，但最终还是屈服于现实。
+
+应该还有很多点，一时间想不起来了，欢迎大家留言说说自己的生活感悟吧。
+
+最近我的工作压力其实还是比较大的，倒不是因为说工作真的很忙、加班带给我的压力，而是我越努力工作、越感觉自己看不到未来。
+
+我做任何事情前都会思考它带给我的价值，哪怕是能让我一乐，也是好的。
+
+曾经我以为工作会给我带来持续的、更大的成长，也许一开始的确是的，但现在，工作带给我的成长曲线正在趋于平缓。虽然仍在成长，但很难有惊喜感了，不过造成这种情况的因素有很多，比如环境、项目、时间和怠惰的自己。
+
+所以，我也在努力寻找工作上的突破，比如放宽眼界，多看看外面同类的产品，将它们的精华应用到自己负责的项目中。希望可以给枯燥的工作加一些挑战，有挑战才会有更大的成长。
+
+如果有一天，工作带给我的价值真的只有金钱，那么我会毫不犹豫地离开。
+
+> 当然，“离开” 这件事本身就是需要努力去争取的哈哈。
+
+总之，相信自己吧，是金子总会发光，不是金子，就想办法变成金子！
+
+共勉！
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\275\254\350\241\214\345\244\247\346\225\260\346\215\2561\344\270\252\346\234\210\357\274\214\346\210\221\351\272\273\344\272\206\343\200\202\343\200\202\343\200\202.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\275\254\350\241\214\345\244\247\346\225\260\346\215\2561\344\270\252\346\234\210\357\274\214\346\210\221\351\272\273\344\272\206\343\200\202\343\200\202\343\200\202.md"
new file mode 100644
index 0000000..0d87d04
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\275\254\350\241\214\345\244\247\346\225\260\346\215\2561\344\270\252\346\234\210\357\274\214\346\210\221\351\272\273\344\272\206\343\200\202\343\200\202\343\200\202.md"
@@ -0,0 +1,94 @@
+# 转行大数据 1 个月，我麻了。。。
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+大家好，我是鱼皮。因为种种原因，最近我接手了组内部分大数据开发工作，对我来说是一个几乎完全陌生的领域；大学虽然也自学过，但也都是浅尝辄止，面对企业项目还是有点虚的，所以最近抽了很多时间在自学大数据，很少写文章了。
+
+现在算下来做大数据工作也一个多月了，今天给大家分享一下我从后台开发无缝转行到大数据的学习过程、工作心得、以及自己对后台和大数据这两个岗位的看法。
+
+## 自学过程
+
+其实工作中很难有机会利用上班时间去学习，感觉会有种摸鱼的负罪感。而且虽然说我接手了大数据的工作，但并不是说就不做后台开发，我还要接着维护之前负责的系统。所以基本只能下班后每天挤时间学一会儿，周末再多一点。
+
+![](https://pic.yupi.icu/5563/202311031056357.png)
+
+在工作中学习的心态和在学校那会儿还是很不一样的。在学校的时候时间多，一套教程能完整看完，看完后还能自己再做点儿东西；但在工作中学习有点赶鸭子上架，需求已经排给你了，不能拖延。
+
+所以接手工作第一天就直接上手看代码，我就看别人怎么写，然后复制粘贴过来自己修改一下，能运行就问题不大。但是你不知道别人为什么要这么写，所以哪里看不懂呢我就去网上查、零零散散学一点，下班再看教程把这些知识串起来。
+
+看教程的时候我也全程 1.5 倍速，忽略了像环境搭建、课后练习之类的章节（工作中环境别人都搭好了、做需求本身就是练习嘛）更多的是去了解框架的原理和开发经验，比如 Spark 的任务提交流程、Shuffle 过程、调优手段等等。因为自己记性比较差吧，所以也整理了下自学笔记。
+
+![](https://pic.yupi.icu/5563/202311031056423.png)星球资料库
+
+我个人感觉如果已经有一定开发经验了，用这种带着目的去方式学习可能会更快一点。就比如你想做一个聊天软件，那你可以针对性地去学即时通讯相关的技术。工作之后，我学新技术时也会思考能否运用到自己的项目中。
+
+## 工作心得
+
+记得我在学校第一次学大数据的时候感觉这东西老牛逼了，但实际工作后发现，并没有我想的那么复杂和高深，只是换了一种搬砖的方式而已。。。因为现在拜这个 Spark SQL 之类的牛逼框架所赐，实际工作就是根据需求写 SQL 跑数据，说白了就是 SQL Boy。而且有一些优秀的产品懂 SQL，他直接在需求文档上就把你需要的 SQL 写好了，你甚至都不用思考逻辑，就复制粘贴 SQL 到代码里就行。
+
+有同学会说大数据开发还要建设数仓、搞分层、搞资源的分配，但问题是等我接手开发的时候，前人都已经把这些建设好了呀。就跟造车一样，别人把车壳子都搭好了，我在车底拧螺丝不就行了么？
+
+![](https://pic.yupi.icu/5563/202311031056464.png)
+
+虽然听我描述挺简单，但自从做了大数据开发后，我下班时间会比平时更晚。不是因为开发很难，而是因为调试程序麻烦、很费时间。
+
+因为啥呢？
+
+首先要计算的数据量非常大，很多任务基本都是要 几千核 CPU、几个 T 的内存去计算几个小时才能完成；还有就是每个组的资源是有限的，就分给你那些 CPU 和内存，资源不够你自己想办法。
+
+> 想起之前一些同学的吐槽：说什么 SQL 竟然能运行超过 1 分钟？对大数据离线计算来说，这真的是家常便饭了。
+
+在这种情况下，先不说我们有足够的资源去测试啊，有的时候线上任务的资源都不够，Leader 还经常要去借资源。
+
+所以我们每个大任务什么时候执行都得安排好，上午跑 A、下午跑 B。想要调试呢，就只能见缝插针，比如我中午吃饭前，看看现在资源利用率没那么满，我就赶紧跑个测试任务，观察一下；晚上睡觉前，看看这会儿其他同事没跑任务，那我赶紧测试，还得熬夜观察一下。大家谁要跑大任务的测试之前，最好在群里打个招呼：这个集群我占用了，大家先等会儿。
+
+![](https://pic.yupi.icu/5563/202311031056216.png)
+
+当然我们也一直在对任务进行优化，不断地缓解上面这些情况。不过目前感觉我还是经验不足，很多时候都是 Leader 找到了优化思路，然后我按他的思路去改代码。所以还是得持续学习吧。
+
+下班晚还有一个原因就是跨语言开发的成本。我之前写 Java 比较多，现在开发大数据用 Scala 和 Python，我就对自己很不自信了。比如有一次看到同事之前在代码中写了个 `if 1 == 1` ，于是我复制粘贴的时候也把这个 `1 == 1` 一起站过来了，都不敢删掉，生怕出什么问题。后来问同事说可能是当时为了测试方便吧，把 1 改成 0 就可以忽略底下那部分代码，像这样：
+
+```
+if 1 == 0:
+  do_something()
+```
+
+这样就不用把代码注释掉了。
+
+优雅，太优雅了！（用一个变量来判断感觉会更可读一些）
+
+![](https://pic.yupi.icu/5563/202311031056252.png)
+
+## 后台 VS 大数据
+
+都说隔行如隔山，我却觉得后台和大数据开发有很多相似之处。比如：
+
+- 都是写代码、都可以复制粘贴
+- 都需要明确需求、都侧重于理解逻辑
+- 开发流程基本一致，都要测试验证后再上线
+- 都需要比较强的 SQL 能力
+- 都注重时间、空间、稳定性的优化等等
+
+也有很多同学问我啊，比较纠结大数据和后台开发选哪个，这两个工作体验下来，我还是更倾向于后台开发的，感觉个人发挥和思考的空间会多一些。
+
+个人感觉大数据开发有一点点机械，从需求和实现上来看，基本都比较明确，产品要这些字段，你就给我写 SQL 输出这些字段，做完不会有太大的成就感；从技术上看，很多东西框架都帮你搞定了，调优方法也相对比较固定，要想自己大刀阔斧改造几乎是不可能的，除非你学的很深很深，导致大多数同学要么是 SQL Boy 要么是 SQL 之父（大牛）。
+
+但后台开发的变数可能更多一些，你有机会去扩展需求、提出见解，也可以设计不同的方案去实现需求，和产品一起把系统做的更好，会有一种积累带来的成就感；从技术上来看，后端相关的技术多种多样，数据库、缓存、队列、网关等等，你有很多的学习空间，而且每学一个知识基本都是有机会运用的，可以逐步提升。
+
+当然无论你选哪个工作，都要持续提升知识广度、思维深度、认知高度，多站在上层、宏观的角度去看待问题，而不要只满足于在车底拧螺丝吧。共勉！
+
+
+
+------
+
+
+
+总之我觉得有机会尝试不同的工作还是挺好的，我也又复习了像 Scala、Python 这种语言，拓宽了边界和视野、积累很多经验。学习大数据的过程中也给了我一些后台开发的思考和启发，后面给大家分享一下。
+
+当然了，以上只是我自己的感受啊，仅仅是记录一下，供大家参考，也许我的心态和看法会随着未来的工作而发生变化吧~
+
+最近每天我都会在自己的 [编程知识星球](http://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247508640&idx=1&sn=b02fff3533f18b5d0bfbf714b127c140&chksm=e9c24557deb5cc41b1f2ecefdd23eb1370e261a47c23ad89b1d1428537fd1e8fe39762e707e1&scene=21#wechat_redirect) 里写工作日记，给大家分享工作心得和工作中用到的技术知识（已经坚持快 20 天了）。感兴趣的同学欢迎加入，和 8700 多名小伙伴一起交流学习。我每天都在更新星球里的学习资料、项目源码、求职信息，也在持续回答星球里小伙伴的问题、帮忙修改简历，欢迎大家~ 可以访问 https://yupi.icu 来了解详情。
+
+![](https://pic.yupi.icu/5563/202311031056159.jpeg)
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\277\231\345\221\250\346\262\241\345\206\231\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\234\250\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\277\231\345\221\250\346\262\241\345\206\231\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\234\250\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md"
new file mode 100644
index 0000000..fb815ac
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\350\277\231\345\221\250\346\262\241\345\206\231\344\273\243\347\240\201\357\274\214\347\253\237\347\204\266\345\234\250\345\201\232\350\277\231\344\273\266\344\272\213\357\274\201.md"
@@ -0,0 +1,131 @@
+# 这周没写代码，竟然在做这件事！
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> [最近在带大家做新项目，欢迎参与](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247529515&idx=1&sn=eb5e2af507ce35e3c4159dad7e1424f1&chksm=e9c293dcdeb51acac148fd14c0677ab3c1076c47ab52a33ffe7d682a3e1d1d8f37c4d3c7d167&token=1411297570&lang=zh_CN&scene=21#wechat_redirect)
+
+大家好，我是鱼皮。
+
+这周，我的老弟小阿巴最近找到了份寒假实习，岗位是 Java 后端开发工程师。
+
+![](https://pic.yupi.icu/5563/202311031046882.png)
+
+入职第一天，他在导师的帮助下熟悉了公司的办公系统、搭好了开发环境。但当他兴致冲冲地准备熟悉业务大显身手的时候，一个同事满面笑意地对他说：小伙子，先别急着做需求，现在有个艰巨的任务要交给你。。。
+
+小阿巴非常开心，心想：天将降大任于是人也！
+
+同事接着说：公司最近在对所有项目的代码质量进行评分，包括代码规范分（代码格式化、缩进、圈复杂度等）和代码安全分（检查你的代码中有没有漏洞）。现在需要你这边帮忙把项目 A 提升到满分。
+
+小阿巴：可是我才来第一天，还不熟悉项目呢？而且为什么这么艰巨的任务要交给我，不是项目 A 的负责人来做呢？
+
+同事：没关系的，我们有现成的代码分析工具，会自动扫描出漏洞并且给你修改建议，你就按他说的做就好了。你来的时候项目 A 的负责人刚刚离职，这不巧了么这不是？
+
+听到这，小阿巴有种不好的预感：扫描出漏洞？离职？马萨卡。。。
+
+![](https://pic.yupi.icu/5563/202311031046516.png)
+
+小阿巴打开代码分析工具，扫描了一遍项目 A，果不其然，映入眼帘的是满屏的漏洞。
+
+| 漏洞名称              | 异常文件        |
+| :-------------------- | :-------------- |
+| 安全问题 - 硬编码密码 | application.yml |
+| 安全问题 - SQL 注入   | userMapper.xml  |
+| 安全问题 - XSS        | Test.java       |
+
+小阿巴大惊：好家伙，原来是前人挖坑我来填！
+
+![](https://pic.yupi.icu/5563/202311031046903.png)
+
+那还能怎么办呢？一个个修复呗！毕竟办法总比 bug 多。
+
+其中有一条漏洞让小阿巴犯难了：禁止将密码直接填写到项目的配置文件中。
+
+配置文件如图：
+
+![](https://pic.yupi.icu/5563/202311031046530.png)
+
+小阿巴心想：奇怪了，我之前做 Spring Boot 项目一直都是这么写的，**从来没有人告诉我这样做是错的呀** ？！再说了，密码不写到配置文件里，写到哪里呢？
+
+于是他找到了我，我解释到：我们在自己做项目的时候，**为了方便** 直接把密码写在 application.yml 等配置文件中，是没有任何问题的。但是在团队开发中（尤其是大公司），如果我们把密码直接写在配置文件里并提交到代码仓库中、并且把代码仓库内部公开，那么其他协作者就可以直接看到明文的密码了，这是非常不安全的！
+
+小阿巴：原来是这样，有代码库权限的同学，也未必要给他们查看密码。那应该把密码写在哪里呢？
+
+鱼皮：密码是极度敏感的信息，比较常见的做法是保存到独立的 **密码管理平台** 或者是 **有严格权限控制的配置中心**，由运维、开发 owner 等角色来管理。然后我们的项目可以通过 API 调用的方式从这些地方动态获取到密码，再来初始化数据库、Redis 等客户端连接。
+
+大致流程如下：
+
+![](https://pic.yupi.icu/5563/202311031046558.png)
+
+小阿巴：原来如此，但是 Spring Boot 项目不是只有在启动时才会读取 application.yml 来初始化客户端连接 Bean 么？我怎么控制它从密码管理平台拉取密码后，再去创建 Bean 呢？
+
+鱼皮：阿巴阿巴，你这是被框架束缚住了呀！虽然 Spring Boot 能帮你自动创建 Bean，但别忘了我们是可以自己定义 Bean 的，就像下面这段伪代码：
+
+![](https://pic.yupi.icu/5563/202311031046801.png)
+
+小阿巴：对哦，把这茬忘了！我这就去改。
+
+鱼皮：且慢！我们做需求时并不是说找到一个方案就一拍脑袋决定了，还要思考一下有没有其他的方法，选择一个相对最优解。
+
+比如你用的是 Spring Cloud 的话，应该接触过上面提到的 “配置中心”，Spring Cloud 在启动时会优先读取 bootstrap.yml 的配置（比如连接配置中心）来从远程加载其他配置（比如密码），可能也不需要你自己去创建 Bean 了。
+
+鱼皮：话说你还能想到其他方法不？
+
+小阿巴：阿巴阿巴。。。
+
+![](https://pic.yupi.icu/5563/202311031046417.png)
+
+鱼皮：刚刚讲到的这个方法存在的问题是，我们要修改加载 Bean 的方式，也就是说必须要改动代码。对于之前不了解这个项目、或者不熟悉 Spring Boot 运行机制的新人来说，这是一个风险很高的方法，一旦数据库连不上，几乎整个项目就 “瘫了”，估计你就要跑路了。
+
+小阿巴：好嘛，难道还有能不改代码的方法？
+
+![](https://pic.yupi.icu/5563/202311031046483.png)
+
+鱼皮：当然嘿嘿，咱们来一手移花接木！先问你个问题：咱们的项目从开发到运行，要经历哪几个阶段呢？
+
+小阿巴：这个简单，开发 => 编译构建 => 运行。
+
+![](https://pic.yupi.icu/5563/202311031046476.png)
+
+鱼皮：不错，那既然 Spring Boot 会自动读取 application.yml 文件，咱们就不把这个文件提交到代码仓库中（.gitignore 忽略），而是在后续阶段把配置文件 “扔进去”，不就可以了么？
+
+比如：
+
+1）构建阶段：在使用流水线构建项目时，把配置文件从远程配置中心拉取下来，放到项目目录下，一起打到 jar 包里。
+
+![](https://pic.yupi.icu/5563/202311031046671.png)
+
+2）运行阶段：启动项目时，通过 shell 脚本把配置文件从远程拉取下来，放到项目目录下，在运行 jar 包时指定读取该配置文件。
+
+![](https://pic.yupi.icu/5563/202311031046918.png)
+
+鱼皮：上述方案的具体实现也非常简单。Spring Boot 其实不仅能读取 resources 目录下的 application.yml 配置文件，还能在打完 jar 包后，找到和 jar 包同目录的配置文件，基于它来运行！
+
+下面是 Spring Boot 加载配置文件的优先级（先读取上面的）：
+
+1. jar 包目录配置文件：config/application.yml 和 application.yml
+2. 项目类路径目录的配置文件：如 config/application.yml 和 application.yml
+3. 项目代码目录中的配置文件：如 resouces/application.yml
+
+其实方法还有很多，选择你认为最合适的一种吧~
+
+小阿巴：学到了，我觉得还是不改代码的方式更稳一些，这就去做。
+
+#### 几天后。。。
+
+小阿巴：我成功地把代码质量分提高到了 100%，谢谢鱼皮，之前完全没考虑过要做这种工作哈哈。
+
+鱼皮：那导师又给你分配了什么工作呀？
+
+小阿巴：他给我 **点了个赞** ，让我再去提升另一个项目的代码质量分。。
+
+![](https://pic.yupi.icu/5563/202311031046061.png)
+
+
+
+------
+
+
+
+欢迎学编程的朋友们加入我的 [编程知识星球](https://mp.weixin.qq.com/s?__biz=MzI1NDczNTAwMA==&mid=2247524980&idx=2&sn=9ddcdb6c52aa096ed4c5ad0ced946a7d&chksm=e9c28583deb50c95f3c2665713a8bbc372c68332b3bfb846cf4b23af3f1cc07164832a291335&token=689599617&lang=zh_CN&scene=21#wechat_redirect) ，我会 1 对 1 解决你的问题，并且直播带大家开发完整项目（第三期项目进行中）。可以加微信 yupi1085，备注【加入星球】和自己的情况领取优惠加入星球，不备注不通过，非诚勿扰谢谢。
\ No newline at end of file
diff --git "a/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\351\261\274\347\232\256\350\277\231\344\270\252\346\234\210\345\260\261\345\206\231\344\272\206\350\277\231\347\202\271\345\204\277\344\273\243\347\240\201\357\274\237.md" "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\351\261\274\347\232\256\350\277\231\344\270\252\346\234\210\345\260\261\345\206\231\344\272\206\350\277\231\347\202\271\345\204\277\344\273\243\347\240\201\357\274\237.md"
new file mode 100644
index 0000000..52262c5
--- /dev/null
+++ "b/\350\207\252\345\255\246\344\271\213\350\267\257/\350\201\214\345\234\272\345\267\245\344\275\234/\351\261\274\347\232\256\350\277\231\344\270\252\346\234\210\345\260\261\345\206\231\344\272\206\350\277\231\347\202\271\345\204\277\344\273\243\347\240\201\357\274\237.md"
@@ -0,0 +1,121 @@
+# 鱼皮这个月就写了这点儿代码？
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+
+> 猜猜写了多少行？都写了哪些语言呢？
+
+大家好，我是鱼皮。
+
+时间过得真是太快了，又到月底了。对于程序员来说，总结还是挺重要的，我也一直保持着一个习惯，就是每个月末都要看一下自己这个月的代码统计情况，比如写了多少行代码、写了哪些语言的代码、占比是多少等等。
+
+接下来就带大家看一看咯~
+
+### 本月不摸鱼情况
+
+首先，代码统计肯定不是我自己来做的，总不可能一行行代码去数、再去分类吧！所以，我一般直接看公司提供的代码提交报告，根据你每个月的代码 git 提交数，自动统计生成。
+
+比如下面这个代码提交语言饼图：
+
+![](https://pic.yupi.icu/5563/202311031043133.png)本月代码提交语言
+
+从饼图中，就能看出我这个月写了 23.58 % 的 Java、写了 30 % 左右的前端（TypeScript + JavaScript + CSS）、写了 12.67 % 的 Markdown、还有 30 % 左右的其他语言。
+
+等等，Others 是其他我能理解，这个 UNKNOWN 是什么鬼？！我就当是系统的 Bug 了吧哈哈。
+
+![](https://pic.yupi.icu/5563/202311031043960.png)
+
+那大家是否好奇这其他语言都有什么呢？
+
+我举一些例子，比如 Java 和前端项目的一些配置和数据交换文件，比如 xml、yaml、yml、properties、conf、 json、proto 等。还有一些脚本文件，像 bash 脚本、bat 脚本、SQL 脚本等。还有一些工程化的文件，比如 gradle 项目管理，以及自动构建项目用到的 jenkinsfile 等。
+
+之前有小伙伴质疑我的工作不是全栈（啥都干），这回可以相信了吧！
+
+![](https://pic.yupi.icu/5563/202311031043040.png)
+
+不过，不是说只有全栈工程师才要写各种语言。要做一个完整的项目，不可能只局限于一个编程语言本身，相关的技术栈像上面提到的配置文件、数据交换文件、脚本、工程化文件等，其实是每个程序员都应该熟悉或了解的。只有这样，你才能算是一名工程师，而不是靠复制粘贴度日的码农。
+
+哦对，好像我现在大部分代码也靠复制粘贴，我搁这儿打脸放鞭炮呢？
+
+这个月我新写了 15.8 万行代码，平均每天 500 行，也不是很多。但是这个只会统计你最后通过提交的代码，也就是经过我优化后的，所以实际上每天估计也会写近千行代码吧。
+
+![](https://pic.yupi.icu/5563/202311031043039.png)本月代码行数
+
+不过，关注代码行数也没太大的意义，自己看着爽就完事儿，也能侧面反映出我没怎么摸鱼哈哈！
+
+### 意义何在？
+
+看自己的代码统计有什么意义呢？对我来说至少有三点：
+
+#### 1. 复盘
+
+首先，帮我回顾这个月的工作和效率。
+
+其实这半年来，大部分情况下我都是在做调研、技术选型和场景分析，除了这个月写的代码比较多之外，其他时间很少写代码。因此，当我意识到代码写的少了时，我会有意在工作之余去花更多的时间来做自己的项目，多写一些代码，不让自己生疏。
+
+那这个月代码写的比较多了，我又会警醒自己不要只沉迷于写代码，成为了项目和老板的工具人。我会在之后有意让自己更多关注代码之外的东西，比如业务场景；还会思考写这么多代码来实现这个需求是否真的有意义，能否换一种方式。
+
+另外不知道大家是否注意，Markdown 文档语言在我本月的代码中占比 12 % 左右，也意味着最近我写了不少文档，多写文档对项目来说是很有帮助的！
+
+![](https://pic.yupi.icu/5563/202311031043958.png)
+
+#### 2. 未来
+
+通过分析代码统计，可以确定我未来的重点学习方向，比如有个月我在做一个用 Java 实现的项目，写了 80 % 的 Java 代码，那我自然会把重心放在 Java 上，在工作之余去深入看一些 Java 的东西。
+
+#### 3. 成就感
+
+不要小瞧这一点，回顾自己写的代码数的确能帮助你收获成就感，就像是打怪升级一样，看看自己上个月刷了多少只怪、爆了多少装备，这个月才会更有动力去冲！
+
+当然，代码写的多也不一定是好事，有些程序员老奸巨猾的，为了凑行数，特么的一行代码后面跟一个空行，一行代码写完的功能拆成十行来写！没必要没必要。
+
+![](https://pic.yupi.icu/5563/202311031043038.png)
+
+### 如何统计？
+
+看到这里，肯定有同学也想统计下自己写的代码行数，这里简单介绍几种方式。
+
+#### 1. GitHub
+
+如果使用 GitHub 来管理你的代码，可以进入 `insights` 面板，能够看到指定时期的提交数、文件修改数、代码新增和删除数。
+
+![](https://pic.yupi.icu/5563/202311031043982.png)
+
+> GitHub 统计分析
+
+#### 2. 编辑器插件
+
+很多编辑器像 WebStorm、IDEA、VSCode 等，都提供了代码行统计插件，比如 JetBrains 全家桶通用的 `Statistic` 插件。
+
+![](https://pic.yupi.icu/5563/202311031043929.png)代码统计插件
+
+安装之后，就能看到代码中各个语言的行数、占比等信息了。
+
+![](https://pic.yupi.icu/5563/202311031043981.png)
+
+> 代码行统计
+
+#### 3. 工具
+
+还有一些现成的代码统计工具，比如 `cloc` 。通过命令行使用，可以直接分析本地或者 GitHub 上的代码包。支持按语言分类统计代码空行、注释行、自然行数等，还能单独分析指定提交。
+
+![](https://pic.yupi.icu/5563/202311031043980.png)
+
+> cloc 工具分析
+
+#### 4. 硬核命令
+
+如果你的 git 命令耍的很溜，也可以直接写命令来统计代码，根本不需要什么工具！
+
+不过看这狗命令就知道，这种方式过于硬核：
+
+```
+git log --author="_your_name_" --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { printf "added lines: %s, removed lines: %s, total lines: %s\n", add, subs, loc }' -
+```
+
+------
+
+好了，以上就是本期分享，原创不易，如果觉得文章不错，希望 **点赞 + 在看** 支持下，给俺点创作动力。
+
+![](https://pic.yupi.icu/5563/202311031043078.png)
\ No newline at end of file
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/API \345\274\200\346\224\276\345\271\263\345\217\260.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/API \345\274\200\346\224\276\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..64e7dd1
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/API \345\274\200\346\224\276\345\271\263\345\217\260.md"	
@@ -0,0 +1,315 @@
+# API 开放平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+> 
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 
+
+## 项目简介
+
+### 项目介绍
+
+提供 API 接口供开发者调用的平台，基于 Spring Boot 后端 + React 前端的 **全栈微服务项目**。
+
+管理员可以接入并发布接口、统计分析各接口调用情况；用户可以注册登录并开通接口调用权限、浏览接口、在线调试，还能使用 **客户端** **SDK** 轻松在代码中调用接口。
+
+项目的前端并不复杂，更侧重后端，包含丰富的编程技巧和架构设计层面的知识。
+
+主页（浏览接口）：
+
+![](https://pic.yupi.icu/1/(null)-20231026152048190.(null))
+
+接口管理：
+
+![](https://pic.yupi.icu/1/(null)-20231026152048617.(null))
+
+在线调试：
+
+![](https://pic.yupi.icu/1/(null)-20231026152048976.(null))
+
+使用自己开发的客户端 SDK，一行代码调用接口：
+
+![](https://pic.yupi.icu/1/(null)-20231026152049252.(null))
+
+项目架构图：
+
+![](https://pic.yupi.icu/1/(null)-20231026152049478.(null))
+
+### 项目特点
+
+首先是它非常 **新颖** ，不同于大家在学校时做的管理系统、商城项目等，开放平台通常是知名企业（产品）才会建设和提供的。开放平台类的项目不要说现成的教程了，连相关的文章都少的可怜！
+
+如下图，有点儿人看的文章基本都是几年前的了：
+
+![](https://pic.yupi.icu/1/(null)-20231026152049847.(null))
+
+此外，开放平台项目涉及 **多个系统** 的交互（不止有一个后端），包含了 API 签名认证、网关、RPC、分布式等 **后端必学** 知识，很适合帮助后端同学开拓眼界、提升系统设计和架构能力，而这点是很多网课不能做到的。
+
+![](https://pic.yupi.icu/1/(null)-20231026152050073.(null))
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长 **近 20 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+除了学做项目之外，还能学会很多 **思考问题、对比方案** 的方法，提升排查问题、自主解决 Bug 的能力。还能学习到 **最方便的项目开发方式** ，熟练后 **几分钟开发一个新功能** 轻轻松松！
+
+### 项目收获
+
+1. 掌握做项目的完整流程，能独立开发上线项目
+2. 学会企业主流前后端开发技术的应用（如 Spring Boot、React、网关等）
+3. 学到新版前后端脚手架的使用，掌握快速生成代码、前后端协作的方法，提高数倍开发效率
+4. 跳出传统的 CRUD，学习企业级第三方平台的架构设计和开发
+5. 学到客户端 SDK、API 签名认证、API 网关、RPC 分布式等知识及编程技巧
+6. 鱼皮带你读文档！让你掌握阅读官方文档的方法技巧，提高自学能力
+7. 带你分析解决项目中的问题，提升自主解决问题的能力
+
+### 本项目适合的同学
+
+1. 学过基本后端（Java Web）或前端技术（HTML + CSS + JS）
+2. 缺少项目，想给简历增加项目经验和亮点
+3. 想通过实践项目快速学习主流前后端技术
+4. 想学习到快速开发前后端全栈项目的技巧
+5. 想掌握独立开发完整项目的方法
+6. 想提升做项目的经验、系统架构设计能力
+7. 想全方位提高编程及问题解决能力
+
+### 技术选型
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Ant Design & Procomponents 组件库
+- Umi 4 前端框架
+- OpenAPI 前端代码生成
+
+#### 后端
+
+- Java Spring Boot 框架
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- API 签名认证（Http 调用）
+- Spring Boot Starter（SDK 开发）
+- Dubbo 分布式（RPC、Nacos）
+- Spring Cloud Gateway 微服务网关
+- Swagger + Knife4j 接口文档生成
+- Hutool、Apache Common Utils、Gson 等工具库
+
+## 项目大纲
+
+### 第一章：项目诞生
+
+1. 项目介绍和计划
+2. 需求分析
+3. 业务流程介绍
+4. 架构图和子系统介绍
+5. 技术选型（各技术作用讲解）
+6. 数据库表设计
+7. 项目初始化 | 前端 Ant Design Pro 框架新版教程
+8. 项目初始化 | 后端  Spring Boot 万用模板使用
+9. 代码自动生成 | 后端 Swagger 文档
+10. 代码自动生成 | 前端 Open API（强推，大幅提高效率）
+
+### 第二章：核心业务开发
+
+1. 用户登录页面开发
+2. 接口管理功能开发（Ant Design 高级组件）
+3. 模拟接口项目 | 示例接口开发
+4. 模拟接口项目 | HTTP 客户端调用
+5. API 签名认证详解及实战
+6. 客户端 SDK 开发（Spring Boot Starter）
+7. 接口管理功能 | 发布 / 下线接口开发
+8. 接口管理功能 | 前端页面开发
+9. 接口列表页面开发
+10. 在线调试接口功能 | 后端接口开发
+11. 在线调试接口功能 | 前端页面开发
+
+### 第三章：开发及优化
+
+1. 接口调用统计功能 | 后端开发
+2. 接口调用统计功能 | 优化方案分析及对比
+3. API 网关详解 | 网关介绍及优点
+4. API 网关详解 | 10 种网关应用场景
+5. API 网关详解 | 网关分类及技术选型
+6. API 网关详解 | Spring Cloud Gateway 实现
+7. API 网关详解 | Spring Cloud Gateway 教程
+8. 接口调用统计功能 | 统一业务处理（鉴权 + 统计）
+9. 分布式改造 | 公共模块抽象
+10. 分布式改造 | RPC 和 HTTP 调用详解
+11. 分布式改造 | Dubbo 框架讲解及示例开发
+12. 分布式改造 | Dubbo 业务实战
+13. 管理员统计分析功能 | 前端 2 种可视化库用法
+14. 管理员统计分析功能 | 后端聚合查询接口开发
+15. 项目扩展点及上线分析
+
+## 项目资料
+
+### 学习计划
+
+项目学习计划：[https://bcdh.yuque.com/staff-wpxfif/resource/ma2fsuvmiozzfghl](https://bcdh.yuque.com/staff-wpxfif/resource/ma2fsuvmiozzfghl)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 视频教程
+
+项目完整视频教程：[https://bcdh.yuque.com/staff-wpxfif/resource/dnolv8ypvnsn2bpu](https://bcdh.yuque.com/staff-wpxfif/resource/dnolv8ypvnsn2bpu)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目笔记
+
+鱼皮直播笔记：[https://bcdh.yuque.com/staff-wpxfif/resource/sntu12](https://bcdh.yuque.com/staff-wpxfif/resource/sntu12)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+项目笔记详细版：[https://bcdh.yuque.com/staff-wpxfif/resource/ypeuo3f8tx4bee3x](https://bcdh.yuque.com/staff-wpxfif/resource/ypeuo3f8tx4bee3x)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+其他星球学员的笔记：
+
+- [https://t.zsxq.com/11YlRR7Fl](https://t.zsxq.com/11YlRR7Fl)             By 哒（全集及扩展）
+- [https://t.zsxq.com/09kxtPrFS](https://t.zsxq.com/09kxtPrFS)         By 墨枫（全集）
+- [https://t.zsxq.com/0cUsrUT6j](https://t.zsxq.com/0cUsrUT6j)             By 落魄的校花（全集）
+- [https://t.zsxq.com/0cIA5buiN](https://t.zsxq.com/0cIA5buiN)      By 游戏人生（全集）
+- [https://t.zsxq.com/11CTkOxm7](https://t.zsxq.com/11CTkOxm7)    By reflux（全集）
+- [https://t.zsxq.com/11aU84q8F](https://t.zsxq.com/11aU84q8F)     By 宁西（全集）
+- [https://t.zsxq.com/11XNd4EYr](https://t.zsxq.com/11XNd4EYr)     By Vector<>（测试覆盖率报告）
+- [https://t.zsxq.com/11p3uBo9h](https://t.zsxq.com/11p3uBo9h)     By Vector<>（部署上线）
+- [https://t.zsxq.com/117Y0GkbY](https://t.zsxq.com/117Y0GkbY)    By Vector<>（涉及的安全知识总结）
+- [https://t.zsxq.com/11NF46q06](https://t.zsxq.com/11NF46q06)    By Tarnished（部署上线）
+- [https://t.zsxq.com/11n0Cv5bb](https://t.zsxq.com/11n0Cv5bb)     By 玄德（无限循环问题）
+- [https://t.zsxq.com/11qcjnyVv](https://t.zsxq.com/11qcjnyVv)       By gongwx（中文乱码）
+- [https://t.zsxq.com/11m4tHIzo](https://t.zsxq.com/11m4tHIzo)        By 爱蒲蒲（部署上线）
+- [https://t.zsxq.com/11RQ20nXP](https://t.zsxq.com/11RQ20nXP)        By YukeSeko（点两次登录问题）
+
+### 直播大纲
+
+直播大纲：[https://bcdh.yuque.com/staff-wpxfif/resource/sf3p8kuwhfi90pqq](https://bcdh.yuque.com/staff-wpxfif/resource/sf3p8kuwhfi90pqq)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目源码
+
+项目完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/engcisrcqsd1nf6t](https://bcdh.yuque.com/staff-wpxfif/resource/engcisrcqsd1nf6t)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目答疑
+
+项目问答专区（请在 PC 端访问星球链接）：[https://wx.zsxq.com/dweb2/index/tags/API%E5%BC%80%E6%94%BE%E5%B9%B3%E5%8F%B0/48884884822418](https://wx.zsxq.com/dweb2/index/tags/API开放平台/48884884822418)
+
+可以在星球中更好地解决项目中遇到的问题：[编程导航 1 对 1 免费答疑服务](https://yuyuanweb.feishu.cn/wiki/FY7DwfanEikgzuk3yJlcXRWLnZc)
+
+项目问题答疑汇总：[https://bcdh.yuque.com/staff-wpxfif/resource/eslhtang9btwqhvx](https://bcdh.yuque.com/staff-wpxfif/resource/eslhtang9btwqhvx)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目交流群
+
+加群方式请见星球帖子：[https://t.zsxq.com/11dtAMfs8](https://t.zsxq.com/11dtAMfs8)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 简历写法
+
+项目简历写法：[https://bcdh.yuque.com/staff-wpxfif/resource/qms81hql75v7zh8s](https://bcdh.yuque.com/staff-wpxfif/resource/qms81hql75v7zh8s)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面试题
+
+项目面试题：[https://bcdh.yuque.com/staff-wpxfif/resource/qvvfumg8v8n6nuzm](https://bcdh.yuque.com/staff-wpxfif/resource/qvvfumg8v8n6nuzm)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面经
+
+- [https://t.zsxq.com/0cngfX6Ll](https://t.zsxq.com/0cngfX6Ll)     By 404ERROR（API项目面经）
+- [https://t.zsxq.com/1109N1Hiw](https://t.zsxq.com/1109N1Hiw)    By fenglinglingling（API项目面经）
+- [https://t.zsxq.com/11CCXbnZP](https://t.zsxq.com/11CCXbnZP)   By 只争朝夕（API项目面经）
+- [https://t.zsxq.com/11CPYhPUG](https://t.zsxq.com/11CPYhPUG)   By NO（API项目面经+智能BI平台面经）
+- [https://t.zsxq.com/13Le0lqxb](https://t.zsxq.com/13Le0lqxb)      By 蓝莓（API项目面经+智能BI平台面经）
+- [https://t.zsxq.com/11CJJui0A](https://t.zsxq.com/11CJJui0A)      By 哒（API项目面经）
+
+## 学员反馈
+
+> 展示部分学员的真实反馈，也欢迎星球鱼友私信星球管理或鱼皮反馈，认真完成项目会有小奖励哦 🧧！
+
+### 项目总结
+
+1. [https://t.zsxq.com/11l8VW4Me](https://t.zsxq.com/11l8VW4Me) By reflux
+2. [https://t.zsxq.com/11WQRTkML](https://t.zsxq.com/11WQRTkML) By k
+3. [https://t.zsxq.com/1158to3tM](https://t.zsxq.com/1158to3tM)   By 问琴
+4. [https://t.zsxq.com/11C9sWc65](https://t.zsxq.com/11C9sWc65)  By 欧文
+
+### 上岸报喜
+
+![](https://pic.yupi.icu/1/(null)-20231026152050325.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152050614.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152050826.(null))![](https://pic.yupi.icu/1/(null)-20231026152051112.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152051301.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152051585.(null))![](https://pic.yupi.icu/1/(null)-20231026152052037.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152052306.(null))![](https://pic.yupi.icu/1/(null)-20231026152052646.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152052921.(null))![](https://pic.yupi.icu/1/(null)-20231026152053250.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152053506.(null))![](https://pic.yupi.icu/1/(null)-20231026152053771.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152054092.(null))![](https://pic.yupi.icu/1/(null)-20231026152054386.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152054606.(null))
+
+### 学员评价
+
+文章链接：[https://t.zsxq.com/11ngfX6Ll](https://t.zsxq.com/11ngfX6Ll)
+
+![](https://pic.yupi.icu/1/(null)-20231026152054865.(null))
+
+文章链接：[https://t.zsxq.com/11CPYhPUG](https://t.zsxq.com/11CPYhPUG)
+
+![](https://pic.yupi.icu/1/(null)-20231026152055180.(null))
+
+文章链接：[https://t.zsxq.com/1118iktIC](https://t.zsxq.com/1118iktIC)
+
+![](https://pic.yupi.icu/1/(null)-20231026152055424.(null))
+
+文章链接：[https://t.zsxq.com/1107K48qw](https://t.zsxq.com/1107K48qw)
+
+![](https://pic.yupi.icu/1/(null)-20231026152055676.(null))
+
+### 成品展示
+
+文章链接：[https://t.zsxq.com/12SKBFutp](https://t.zsxq.com/12SKBFutp)
+
+![](https://pic.yupi.icu/1/(null)-20231026152055923.(null))
+
+文章链接：[https://t.zsxq.com/11V8hfdaa](https://t.zsxq.com/11V8hfdaa)
+
+![](https://pic.yupi.icu/1/(null)-20231026152056327.(null))
+
+文章链接：[https://t.zsxq.com/11CTkOxm7](https://t.zsxq.com/11CTkOxm7)
+
+![](https://pic.yupi.icu/1/(null)-20231026152056709.(null))
+
+文章链接：[https://t.zsxq.com/11E2FVGoQ](https://t.zsxq.com/11E2FVGoQ)
+
+![](https://pic.yupi.icu/1/(null)-20231026152056994.(null))
+
+文章链接：[https://t.zsxq.com/11aU84q8F](https://t.zsxq.com/11aU84q8F)
+
+![](https://pic.yupi.icu/1/(null)-20231026152057349.(null))
+
+文章链接：[https://t.zsxq.com/11PcX53Se](https://t.zsxq.com/11PcX53Se)
+
+![](https://pic.yupi.icu/1/(null)-20231026152057758.(null))
+
+## 更多项目
+
+请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md"
new file mode 100644
index 0000000..9edbaa2
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/Java \345\220\216\347\253\257\344\270\207\347\224\250\351\241\271\347\233\256\346\250\241\346\235\277.md"	
@@ -0,0 +1,85 @@
+# Java 后端万用项目模板
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习并获取模板：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 
+
+基于 Java SpringBoot 的项目初始模板，整合了常用框架和主流业务的示例代码。
+
+只需 1 分钟即可完成内容网站的后端！！！大家还可以在此基础上快速开发自己的项目。
+
+## 模板源码
+
+模板完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/gz47w7](https://bcdh.yuque.com/staff-wpxfif/resource/gz47w7)（附有快速使用教程）
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+## 模板能力
+
+> 开发提效 100 %
+
+### 主流框架 & 特性
+
+- Spring Boot 2.7.x（新）
+- Spring MVC
+- MyBatis + MyBatis Plus 数据访问（开启分页）
+- Spring Boot 调试工具和项目处理器
+- Spring AOP 切面编程
+- Spring Scheduler 定时任务
+- Spring 事务注解
+
+### 数据存储
+
+- MySQL 数据库
+- Redis 内存数据库
+- Elasticsearch 搜索引擎
+- 腾讯云 COS 对象存储
+
+### 工具类
+
+- Easy Excel 表格处理
+- Hutool 工具库
+- Gson 解析库
+- Apache Commons Lang3 工具类
+- Lombok 注解
+
+### 业务特性
+
+- Spring Session Redis 分布式登录
+- 全局请求响应拦截器（记录日志）
+- 全局异常处理器
+- 自定义错误码
+- 封装通用响应类
+- Swagger + Knife4j 接口文档
+- 自定义权限注解 + 全局校验
+- 全局跨域处理
+- 长整数丢失精度解决
+- 多环境配置
+
+## 业务功能
+
+- 提供示例 SQL（用户、帖子、帖子点赞、帖子收藏表）
+- 用户登录、注册、注销、更新、检索、权限管理
+- 帖子创建、删除、编辑、更新、数据库检索、ES 灵活检索
+- 帖子点赞、取消点赞
+- 帖子收藏、取消收藏、检索已收藏帖子
+- 帖子全量同步 ES、增量同步 ES 定时任务
+- 支持微信开放平台登录
+- 支持微信公众号订阅、收发消息、设置菜单
+- 支持分业务的文件上传
+
+### 单元测试
+
+- JUnit5 单元测试
+- 示例单元测试类
+
+### 架构设计
+
+- 前后端分离架构
+- 文件目录合理分层
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/OJ \345\210\244\351\242\230\347\263\273\347\273\237.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/OJ \345\210\244\351\242\230\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..2347444
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/OJ \345\210\244\351\242\230\347\263\273\347\273\237.md"	
@@ -0,0 +1,318 @@
+# OJ 判题系统
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 项目简介
+
+### 项目介绍
+
+这次带做的是一个让很多同学 “望而生畏” 的硬项目， 基于 Vue 3 + Spring Boot + Spring Cloud 微服务 + Docker 的 **编程题目在线评测系统** （简称 OJ）。
+
+在系统前台，管理员可以创建、管理题目；用户可以自由搜索题目、阅读题目、编写并提交代码。
+
+在系统后端，能够根据管理员设定的题目测试用例在 **代码沙箱** 中对代码进行编译、运行、判断输出是否正确。
+
+其中，代码沙箱可以作为独立服务，提供给其他开发者使用。
+
+题目搜索页面：
+
+![](https://pic.yupi.icu/1/(null)-20231026151906178.(null))
+
+在线做题页面，支持代码编辑器、代码高亮：
+
+![](https://pic.yupi.icu/1/(null)-20231026151906503.(null))
+
+题目提交列表页面：
+
+![](https://pic.yupi.icu/1/(null)-20231026151906750.(null))
+
+创建题目页面，包含 Markdown 富文本编辑器、动态增删测试用例：
+
+![](https://pic.yupi.icu/1/(null)-20231026151906966.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026151907197.(null))
+
+项目业务流程图：
+
+![](https://pic.yupi.icu/1/(null)-20231026151907345.(null))
+
+感兴趣的同学可以 **免费试看** 第一期项目回放：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+### 为什么带大家做这个项目？
+
+1. 资料少：OJ 系统网上几乎找不到教程
+2. 比较新颖，有亮点、有区分度（人家写外卖，你写 OJ）
+3. 能学到东西：能够学到很多传统 CRUD 开发外的知识点和编程思想
+4. 复杂度 “高”：很多同学觉得 OJ 是个很复杂的项目，一起攻克它
+5. 可扩展性强，有很多区别于 CRUD 的功能可做
+
+### 项目特点
+
+该项目选题非常 **新颖** ，不同于泛滥的管理系统、博客、商城，不同于只有增删改查的业务系统，本项目会基于 **Docker** **虚拟化技术** **+ 多种设计模式** ，从 0 开始手把手带大家实现一个安全的、可复用的 **代码****沙箱** ，并通过 **微服务架构** 实现一个可扩展的在线判题系统。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长超 **30 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+### 项目收获
+
+鱼皮给大家讲的都是通用的项目开发方法和架构设计套路，从这个项目中你可以学到：
+
+- 如何从设计到开发一套完整系统？
+- 如何在应用中使用 Docker 隔离程序？
+- 如何从 0 打造前端项目模板？
+- 单体项目如何改造为微服务？
+- 如何保证用户执行代码的安全？
+- 如何使用消息队列解耦程序？
+- 如何巧妙利用设计模式来优化代码？
+
+此外，还能学会很多作图、思考问题、对比方案的方法，提升排查问题、自主解决 Bug 的能力。
+
+值得一提的是，我带大家做这个项目的过程是先做完单体项目、再改造为微服务，所以哪怕你还没接触过微服务、或者时间紧急，也可以分阶段来学习~ 而且学完这个操作后，你的任何单机项目都可以升级成微服务了，不用再单独做一个微服务新项目，大幅节省时间。
+
+### 本项目适合的同学
+
+本项目同时适合前端和后端，是一套完整的全栈项目。
+
+如果你是后端，已经学习过 Java Web 开发技术，希望做一个新颖的、有亮点的、写在简历上加分的项目，学习 OJ 系统的设计实现、微服务项目的设计实现、Docker 技术的实战运用、设计模式的实战运用、提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+如果你是前端，最好已经学习过 Vue 或 React 框架，可以通过本项目学习到快速开发前端项目的技巧、自主编写一套前端通用模板的方法。
+
+### 技术选型
+
+#### 前端
+
+- Vue 3
+- Vue-CLI 脚手架
+- Vuex 状态管理
+- Arco Design 组件库
+- 前端工程化：ESLint + Prettier + TypeScript
+- ⭐️ 手写前端项目模板（通用布局、权限管理、状态管理、菜单生成）
+- ⭐️ Markdown 富文本编辑器
+- ⭐️ Monaco Editor 代码编辑器
+- ⭐️ OpenAPI 前端代码生成
+
+#### 后端
+
+- ⭐️ Java Spring Cloud + Spring Cloud Alibaba 微服务 
+  - Nacos 注册中心
+  - OpenFeign 客户端调用
+  - GateWay 网关
+  - 聚合接口文档
+- Java Spring Boot（万用后端模板）
+- Java 进程控制
+- ⭐️ Java 安全管理器
+- ⭐️ Docker 代码沙箱实现
+- ⭐️ 虚拟机 + 远程开发
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- Redis 分布式 Session
+- ⭐️ RabbitMQ 消息队列
+- ⭐️ 多种设计模式 
+  - 策略模式
+  - 工厂模式
+  - 代理模式
+  - 模板方法模式
+- 其他：部分并发编程、JVM 小知识
+
+再列举下项目的大纲，只是部分关键环节。此外，直播过程中还讲了很多平时大家自己看视频根本学不到的做项目经验和编码技巧，比如：如何自定义代码模板、规范的前后端开发流程、代码抽象复用的小技巧等。
+
+## 项目大纲
+
+这个项目内容非常多，大家可以看看有没有自己想学的知识点。
+
+### 第一章：项目诞生
+
+1. 项目介绍 | OJ 系统常用概念
+2. 项目介绍 | 企业项目开发流程
+3. 项目介绍 | 主流 OJ 系统调研
+4. 项目介绍 | 核心实现模块介绍
+5. 项目介绍 | 核心业务流程（2 种作图）
+6. 项目介绍 | 系统功能梳理
+7. 项目介绍 | 技术选型
+8. 项目介绍 | 系统架构设计（架构设计图）
+9. OJ 系统实现方案（5 种方案讲解）
+10. 前端项目初始化 | Vue-CLI 初始项目搭建
+11. 前端项目初始化 | 组件库引入
+12. 前端项目初始化 | 项目通用布局开发及优化
+13. 前端项目初始化 | 全局状态管理
+14. 前端项目初始化 | 全局权限管理
+15. 前端项目初始化 | 通用菜单组件开发
+16. 前端项目初始化 | 全局项目入口
+17. 前端项目初始化 | 多套布局支持
+18. 后端项目初始化（Spring Boot 万用模板讲解）
+19. 前后端联调 | 用户登录页面开发
+20. 前后端联调 | 前端请求代码生成
+21. 前后端联调 | 用户自动登录
+
+### 第二章：单体项目开发
+
+1. 后端接口开发 | 库表设计
+2. 后端接口开发 | 数据库索引知识
+3. 后端接口开发 | 后端开发流程讲解
+4. 后端接口开发 | 代码自动生成
+5. 后端接口开发 | 开发题目相关接口
+6. 前端页面开发 | 整合 Markdown 编辑器
+7. 前端页面开发 | 整合 Monaco Editor 代码编辑器
+8. 前端页面开发 | 题目页面开发（自定义代码模板）
+9. 前端页面开发 | 题目管理页面开发
+10. 前端页面开发 | 题目更新页面开发
+11. 前端页面开发 | 题目列表搜索页面开发
+12. 前端页面开发 | 在线做题页面开发
+13. 判题机架构 | 判题机模块划分
+14. 判题机架构 | 判题服务开发
+15. 判题机架构 | 工厂模式优化
+16. 判题机架构 | 代理模式优化
+17. 判题机架构 | 策略模式优化
+
+### 第三章：代码沙箱实现
+
+1. 代码沙箱 Java 原生实现 | 执行原理
+2. 代码沙箱 Java 原生实现 | 核心流程开发
+3. 代码沙箱 Java 原生实现 | Java 程序漏洞讲解（6 种）
+4. Java 程序安全控制 | 超时控制
+5. Java 程序安全控制 | 资源控制
+6. Java 程序安全控制 | 权限控制
+7. Java 程序安全控制 | 安全管理器
+8. Java 程序安全控制 | 环境隔离
+9. Docker 从入门到实战 | Docker 入门讲解
+10. Docker 从入门到实战 | 虚拟机 + 远程开发环境搭建
+11. Docker 从入门到实战 | Docker 命令实操
+12. Docker 从入门到实战 | Java 操作 Docker
+13. 代码沙箱 Docker 实现 | 核心流程实现
+14. 代码沙箱 Docker 实现 | Docker 容器安全性
+15. 代码沙箱优化 | 模板方法模式
+16. 代码沙箱开放 API（API 安全性）
+
+### 第四章：项目微服务化
+
+1. 微服务入门 | 基本概念
+2. 微服务入门 | 微服务实现技术
+3. 微服务入门 | Spring Cloud Alibaba 入门
+4. 微服务改造 | Redis Session 分布式登录
+5. 微服务改造 | 服务划分
+6. 微服务改造 | 路由划分
+7. 微服务改造 | Nacos 注册中心
+8. 微服务改造 | Maven 子父工程生成
+9. 微服务改造 | 代码依赖同步
+10. 微服务改造 | Open Feign 服务内部调用
+11. Gateway 微服务网关 | 接口路由
+12. Gateway 微服务网关 | 聚合文档
+13. Gateway 微服务网关 | 跨域解决
+14. Gateway 微服务网关 | 权限校验
+15. 消息队列解耦 | RabbitMQ 项目异步化改造
+
+## 项目资料
+
+### 学习计划
+
+项目学习计划：[https://bcdh.yuque.com/staff-wpxfif/resource/kopt9cghiz3fos5o](https://bcdh.yuque.com/staff-wpxfif/resource/kopt9cghiz3fos5o)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 视频教程
+
+项目完整视频教程：[https://bcdh.yuque.com/staff-wpxfif/resource/ghtqs44k9dq1shin](https://bcdh.yuque.com/staff-wpxfif/resource/ghtqs44k9dq1shin)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目笔记
+
+鱼皮直播笔记：[https://bcdh.yuque.com/staff-wpxfif/resource/rls4he4gffa1g1ob](https://bcdh.yuque.com/staff-wpxfif/resource/rls4he4gffa1g1ob)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+星球学员笔记：
+
+- [https://t.zsxq.com/11DU38GGj](https://t.zsxq.com/11DU38GGj) By 大洲（部署笔记）
+- [https://t.zsxq.com/112Z9qaI2](https://t.zsxq.com/112Z9qaI2) By cq2022（C++ 项目扩展）
+- [https://t.zsxq.com/113jApDpH](https://t.zsxq.com/113jApDpH) By cq2022（第四期项目拓展）
+- [https://t.zsxq.com/11dpmRzKA](https://t.zsxq.com/11dpmRzKA) By cq2022（第三期项目拓展）
+- [https://t.zsxq.com/11VXVabH1](https://t.zsxq.com/11VXVabH1) By cq2022（第一期项目拓展）
+- [https://t.zsxq.com/11ABlDSDF](https://t.zsxq.com/11ABlDSDF) By 林寻
+
+### 直播大纲
+
+直播大纲：[https://bcdh.yuque.com/staff-wpxfif/resource/krg656f95hsgdncf](https://bcdh.yuque.com/staff-wpxfif/resource/krg656f95hsgdncf)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目源码
+
+项目完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/iazdpwvvl5xyz6hi](https://bcdh.yuque.com/staff-wpxfif/resource/iazdpwvvl5xyz6hi)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目答疑
+
+项目问答专区（请在 PC 端访问星球链接）：[https://wx.zsxq.com/dweb2/index/tags/%E5%9C%A8%E7%BA%BF%E5%88%A4%E9%A2%98%E9%A1%B9%E7%9B%AE/88888144288522](https://wx.zsxq.com/dweb2/index/tags/在线判题项目/88888144288522)
+
+可以在星球中更好地解决项目中遇到的问题：[编程导航 1 对 1 免费答疑服务](https://yuyuanweb.feishu.cn/wiki/FY7DwfanEikgzuk3yJlcXRWLnZc)
+
+项目问题答疑汇总：[https://bcdh.yuque.com/staff-wpxfif/resource/wnpwfmhqnqc2928v](https://bcdh.yuque.com/staff-wpxfif/resource/wnpwfmhqnqc2928v)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目交流群
+
+加群方式请见星球帖子：[https://t.zsxq.com/11dtAMfs8](https://t.zsxq.com/11dtAMfs8)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 简历写法
+
+项目简历写法：[https://bcdh.yuque.com/staff-wpxfif/resource/doi0w3pcuxgwmno7](https://bcdh.yuque.com/staff-wpxfif/resource/doi0w3pcuxgwmno7)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面试题
+
+项目面试题：[https://bcdh.yuque.com/staff-wpxfif/resource/qzyitesgu4glm7te](https://bcdh.yuque.com/staff-wpxfif/resource/qzyitesgu4glm7te)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+## 学员反馈
+
+> 展示部分学员的真实反馈，也欢迎星球鱼友私信星球管理或鱼皮反馈，认真完成项目会有小奖励哦 🧧！
+
+### 项目总结
+
+1. [https://t.zsxq.com/11KzB2Utk](https://t.zsxq.com/11KzB2Utk) By 心宿二（React + Ant Design Pro 重写前端）
+2. [https://t.zsxq.com/11S6NEfz2](https://t.zsxq.com/11S6NEfz2) By 八月点灯笼
+3. [https://t.zsxq.com/12HLpAQDI](https://t.zsxq.com/12HLpAQDI) By 猫十二懿
+
+### 上岸报喜
+
+![](https://pic.yupi.icu/1/(null)-20231026151907552.(null))
+
+### 学员评价
+
+文章链接：[https://t.zsxq.com/11O6Y8b7e](https://t.zsxq.com/11O6Y8b7e)
+
+![](https://pic.yupi.icu/1/(null)-20231026151907704.(null))
+
+### 成品展示
+
+文章链接：[https://t.zsxq.com/11KzB2Utk](https://t.zsxq.com/11KzB2Utk)
+
+![](https://pic.yupi.icu/1/(null)-20231026151907914.(null))
+
+文章链接：[https://t.zsxq.com/11DU38GGj](https://t.zsxq.com/11DU38GGj)
+
+![](https://pic.yupi.icu/1/(null)-20231026151908124.(null))
+
+文章链接：[https://t.zsxq.com/12nE2Jrdg](https://t.zsxq.com/12nE2Jrdg)
+
+![](https://pic.yupi.icu/1/(null)-20231026151908292.(null))
+
+文章链接：[https://t.zsxq.com/12HLpAQDI](https://t.zsxq.com/12HLpAQDI)
+
+![](https://pic.yupi.icu/1/(null)-20231026151908469.(null))
+
+## 更多项目
+
+请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/README.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/README.md"
new file mode 100644
index 0000000..e103398
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/README.md"
@@ -0,0 +1,204 @@
+# 项目实战 - 鱼皮原创项目教程系列
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+鱼皮原创项目系列以 **实战** 为主，用全程直播的方式，从 0 到 1 带大家学习技术知识，并立即实践运用到项目中，做到学以致用。
+
+此外，还提供如下服务：
+
+- 详细的直播笔记
+- 完整的项目源码
+- 答疑解惑
+- 专属项目交流群
+- ⭐️ 现成的简历写法（直接写满简历）
+- ⭐️ 项目的扩展思路（拉开和其他人的差距）
+- ⭐️ 项目相关面试题、题解和真实面经（提前准备，面试不懵逼）
+- ⭐️ Java 后端万用项目模板（快速创建项目）
+
+比起看网上的教程学习，鱼皮项目系列的优势：
+
+> 从学知识 => 实践项目 => 复习笔记 => 项目答疑 => 简历写法 => 面试题解的一条龙服务
+
+| 对比维度 | 跟学鱼皮项目                                                 | 自学网上免费项目                                             | ⭐️ 鱼皮项目优势               |
+| -------- | ------------------------------------------------------------ | ------------------------------------------------------------ | ---------------------------- |
+| 项目选题 | ✅ 选题新颖，刻意避开网上热门项目                             | 传统项目场景（博客、商城、管理系统）                         | 增加区分度，提高简历通过率   |
+| 学习人数 | ✅ 少，不容易撞车                                             | 百万以上，烂大街                                             | 增加区分度，提高简历通过率   |
+| 教学方式 | ✅ 全程直播，带你敲每一行代码、带你踩坑和解决 Bug，不漏过每一个细节 | 录制课程，视频虽然看起来简短、一帆风顺，但你遇到错误无从下手 | 降低学习门槛，减少学习时长   |
+| 直播笔记 | ✅ 详细的官方笔记 + 精选学员优质笔记                          | 有笔记，但未经筛选                                           | 学到更多知识细节             |
+| 视频内容 | ✅ 项目教程 + 经验分享                                        | 项目教程                                                     | 学到更多编程经验             |
+| 项目源码 | ✅ 完整源码仓库 + 每章的提交记录 + 定期更新                   | 只有代码包、不更新                                           | 节省时间，避免踩坑           |
+| 项目答疑 | ✅ 各项目交流群 + 答疑解惑 + 常见问题整理                     | 无免费的答疑服务，遇到问题自行解决                           | 节省时间                     |
+| 简历写法 | ✅ 现成的简历写法                                             | 无                                                           | 节省时间、提高简历通过率     |
+| 项目扩展 | ✅ 给出扩展思路 + 学员作品共享                                | 无                                                           | 开拓思路、拉开和其他人的差距 |
+| 项目面试 | ✅ 项目相关面试题、题解和真实面经                             | 无                                                           | 提前准备，面试不懵逼         |
+
+每个项目的侧重点不同，全都是前端 + 后端的 **全栈****项目** 。
+
+> 所有 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 的同学可获鱼皮授权将项目作为毕业设计，并获取毕设建议~
+
+
+
+## 🔥 最新原创项目
+
+### OJ 判题系统
+
+基于 Vue 3 + Spring Boot + Spring Cloud 微服务 + Docker 的编程题目在线评测系统。系统学习并实践前后端模板开发 + 多种设计模式 + 单体项目微服务改造 + Linux 虚拟机远程开发 + Docker 代码沙箱 + Java 安全控制。
+
+> 已加入编程导航，开始学习：https://t.zsxq.com/11mwXa0oK
+>
+> 未加入编程导航，详细了解：[OJ 判题系统](https://yuyuanweb.feishu.cn/wiki/LhjxwgFjwiovTVk9w2vcJoj4nid) 
+>
+> 试看一集：https://www.bilibili.com/video/BV1k841127EK
+
+
+
+### 智能 BI 项目
+
+基于 React + Spring Boot + AIGC 的智能数据分析平台。系统学习并实践异步化 + 线程池 + RabbitMQ 消息队列 + AIGC Prompt 优化。
+
+> 已加入编程导航，开始学习：https://t.zsxq.com/11gr5a5so
+>
+> 未加入编程导航，详细了解：[智能 BI 平台](https://yuyuanweb.feishu.cn/wiki/GOyNwwip0iwGBck7NtxcpxPlnRf) 
+>
+> 试看一集：https://www.bilibili.com/video/BV1Cg4y1G7oy
+
+
+
+## 往期原创项目
+
+### 用户中心系统
+
+基于 React + Spring Boot 的 PC 网站。适合学完框架的新手入门，系统学习完整的项目开发流程和上线方法。
+
+> 已加入编程导航，开始学习：https://t.zsxq.com/117JIQ6dC
+>
+> 未加入编程导航，详细了解：[用户中心项目](https://yuyuanweb.feishu.cn/wiki/DclswHMhkiRXckkWve1ckXTonDh) 
+>
+> 试看一集：https://www.bilibili.com/video/BV1ze4y1471b
+
+
+
+### 伙伴匹配系统
+
+基于 Vue 3 + Spring Boot + Redis 的移动端 APP。帮助巩固开发流程，学习 Redis、事务、并发编程、大数据推荐思想等后端知识。
+
+> 已加入编程导航，开始学习：https://t.zsxq.com/110gXpMea
+>
+> 未加入编程导航，详细了解：[伙伴匹配系统](https://yuyuanweb.feishu.cn/wiki/UHbLwJ5l7i6GJkkKI4Oc26Y6n1g) 
+>
+> 试看一集：https://www.bilibili.com/video/BV1hP411P7Eg
+
+
+
+### API 开放平台
+
+基于 React + Spring Boot + Dubbo 的分布式项目。系统学习并实践前后端模板开发 + 架构设计 + SDK 开发 + API 签名认证 + Dubbo RPC + Gateway 微服务网关。
+
+> 已加入编程导航，开始学习：https://t.zsxq.com/112ul8nbI
+>
+> 未加入编程导航，详细了解：[API 开放平台](https://yuyuanweb.feishu.cn/wiki/T4XgwM2Ynib71TkeGS5cXA0pn4e) 
+>
+> 试看一集：https://www.bilibili.com/video/BV1Nd4y157Dm
+
+
+
+### 聚合搜索平台
+
+基于 Vue 3 + Spring Boot + ES 的搜索中台项目。系统学习并实践爬虫 + Elastic Stack + 设计模式 + 数据同步 + JMeter 压力测试。
+
+> 已加入编程导航，开始学习：https://t.zsxq.com/11fR6zvjB
+>
+> 未加入编程导航，详细了解：[聚合搜索平台](https://yuyuanweb.feishu.cn/wiki/RigVw1gAdiXIfLkj6ktclEDQn7e) 
+>
+> 试看一集：https://www.bilibili.com/video/BV1ks4y1V7jC/
+
+
+
+## Java 后端万用项目模板
+
+基于 Java SpringBoot 的项目初始模板，整合了常用框架和主流业务的示例代码。
+
+只需 **1 分钟** 即可完成内容网站的后端！！！大家还可以在此基础上快速开发自己的项目。
+
+详情请见：[Java 后端万用项目模板](https://yuyuanweb.feishu.cn/wiki/Nnu3wSBrri3umyk1StnctK0LnAd) 
+
+
+
+## 项目训练营
+
+[项目训练营（寻爱网项目）](https://t.zsxq.com/06EIMNr3R)：学习从立项到上线的完整做项目流程 + 优化思路
+
+> 免费试看：[点击在线观看](https://www.aliyundrive.com/s/rcFczasMKVK)，提取码: cu89
+
+
+
+## 项目经验分享
+
+1. [Web 终端项目经验分享](https://t.zsxq.com/04bqFI66M)：前后端技术选型 + 系统设计 + 源码解读 + 简历亮点全面分享
+2. [面试刷题网站项目经验分享](https://t.zsxq.com/03auZnAM3)：从 0 到 1 分享数万用户网站的创作过程和经验分享
+3. [编程导航兑奖系统开发](https://t.zsxq.com/0aJywwhj6)：编程导航网站真实开发过程大揭秘
+4. [SQL 代码数据生成项目分享](https://t.zsxq.com/07fBxVsyC)：系统设计 + 源码解读 + 简历亮点全面分享
+5. [SQL 闯关式自学网站项目](https://t.zsxq.com/10npBujFl)：纯前端 Vue3 + 代码编辑器项目，适合参与开源贡献
+6. [分布式邮件调度平台](https://t.zsxq.com/12WIEE7D5)：Vue + Spring Boot + Redis + InfluxDB 的分布式项目，含设计说明书、竞赛展示 PPT
+
+
+
+## 项目导学
+
+1. [苍穹外卖 - 外卖点餐小程序](https://t.zsxq.com/105X9LhNG)：Java Spring Boot 入门级项目，业务流程完整、功能丰富、技术多样、适合刚学完框架的同学（相比于下面的瑞吉外卖，知识更多）
+2. [瑞吉外卖 - 外卖点餐系统](https://t.zsxq.com/07Yr7i6ai)：Java Spring Boot 入门级项目，适合刚学完框架的同学
+3. [尚医通 - 在线预约挂号平台](https://t.zsxq.com/07EEiyfq7)：业务功能完整的 Java Spring Cloud 微服务项目，适合刚学完微服务的同学
+4. [硅谷课堂 - 在线学习平台](https://t.zsxq.com/07e2FIMzb)：业务功能完整的 Java Spring Cloud 微服务项目，适合想学习第三方服务对接的同学
+5. [黑马点评 - 类似大众点评的移动 APP](https://t.zsxq.com/07JMnQvne)：专门为学习 Redis 定制的单体项目，适合刚学完 Spring Boot、想系统学习 Redis 的同学
+
+
+
+## 开源项目
+
+鱼皮 GitHub：[https://github.com/liyupi](https://github.com/liyupi) （国内：[https://gitee.com/liyupi](https://gitee.com/liyupi)）
+
+SQL 闯关式自学网（纯前端项目）：[https://github.com/liyupi/sql-mother](https://github.com/liyupi/sql-mother)
+
+极客范儿浏览器主页（重前端项目）：[https://github.com/liyupi/yuindex](https://github.com/liyupi/yuindex)
+
+SQL 数据生成器（React + Java）：[https://github.com/liyupi/sql-father-frontend-public](https://github.com/liyupi/sql-father-frontend-public)
+
+免费网络安全自学网（纯前端项目）：[https://github.com/liyupi/ceshiya](https://github.com/liyupi/ceshiya)
+
+结构化 SQL 语句生成器：[https://github.com/liyupi/sql-generator](https://github.com/liyupi/sql-generator)
+
+面试刷题网（React + Node）：[https://github.com/liyupi/mianshiya-public](https://github.com/liyupi/mianshiya-public)
+
+编程资源网（React + 云开发）：[https://github.com/liyupi/code-nav](https://github.com/liyupi/code-nav)
+
+AI 自动回复工具（Java 项目）：[https://github.com/liyupi/yu-auto-reply](https://github.com/liyupi/yu-auto-reply)
+
+鱼了个鱼（纯前端项目）：[https://github.com/liyupi/yulegeyu](https://github.com/liyupi/yulegeyu)
+
+表情包网站（Vue + Java）：[https://github.com/liyupi/father](https://github.com/liyupi/father)
+
+静态文档网站：[https://github.com/liyupi/code-xingqiu](https://github.com/liyupi/code-xingqiu)
+
+Ikun 测试器（Vue）：[https://github.com/liyupi/ikun-test](https://github.com/liyupi/ikun-test)
+
+名称生成器（Vue）：[https://github.com/liyupi/good-name](https://github.com/liyupi/good-name)
+
+
+
+## 更多项目推荐
+
+更多项目推荐可以在 [原创编程学习路线](https://t.zsxq.com/03VFiaIQb) 和 [星球原创编程学习知识库](https://t.zsxq.com/13nb1snxh) 中查看。
+
+
+
+## 加入学习
+
+微信扫码加入编程导航，开启您的编程项目学习之旅~
+
+> 更多关于编程导航的信息，请阅读：[💎 编程学习 - 编程导航知识星球](https://yuyuanweb.feishu.cn/wiki/VC1qwmX9diCBK3kidyec74vFnde) 
+
+![](https://pic.yupi.icu/1/(null)-20231026151721193.(null))
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..6e4e54f
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/\344\274\231\344\274\264\345\214\271\351\205\215\347\263\273\347\273\237.md"
@@ -0,0 +1,305 @@
+# 伙伴匹配系统
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+
+## 项目简介
+
+### 项目介绍
+
+帮助大家找到学习伙伴的移动端 H5 网站（APP 风格），基于 Spring Boot 后端 + Vue3 前端的 **全栈项目**，包括用户登录、更新个人信息、按标签搜索用户、建房组队、推荐相似用户等功能。
+
+主页：
+
+![](https://pic.yupi.icu/1/(null)-20231026152128531.(null))
+
+找伙伴：
+
+![](https://pic.yupi.icu/1/(null)-20231026152128796.(null))
+
+组队功能：
+
+![](https://pic.yupi.icu/1/(null)-20231026152129230.(null))
+
+创建队伍：
+
+![](https://pic.yupi.icu/1/(null)-20231026152129657.(null))
+
+个人信息及修改：
+
+![](https://pic.yupi.icu/1/(null)-20231026152130004.(null))
+
+### 项目特点
+
+该项目基本 **覆盖企业开发的常见需求** 以及对应的解决方案，比如用户登录、批量数据导入、信息检索展示、定时任务、资源抢占等。并且涵盖了分布式、并发编程、锁、事务、缓存、性能优化、幂等性、数据一致性、大数据、算法等 **后端程序员必学** 的知识与实践。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长 **近 40 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发、再到最后上线，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+除了学做项目之外，还能学会很多 **思考问题、对比方案** 的方法，提升排查问题、自主解决 Bug 的能力。还能学习到 **最方便的项目上线方式** ，轻轻松松 **几分钟上线项目** ！
+
+### 项目收获
+
+1. 全程直播开发，带你了解并巩固做项目的完整流程，能够独立开发及上线项目
+2. 学会前后端企业主流开发技术（如 Vue 3、Spring Boot 等）的应用，提升开发经验
+3. 学习 Java 8 特性、接口文档、网页内容抓取、分布式登录、大数据量导入、并发编程、Redis、缓存及预热、定时任务、分布式锁、幂等性、算法、免备案上线项目等重要知识
+4. 通过多次带大家思考和对比实现方案，帮你开拓思路，学习系统设计的方法和经验
+5. 学到项目开发、调试和优化技巧，比如开发工具使用技巧、组件抽象封装、问题定位、性能优化、内存优化等
+6. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+7. 学习一些思考底层原理的方式、以及源码阅读技巧
+
+### 本项目适合的同学
+
+1. 学过基本后端（Java Web）或前端技术（HTML + CSS + JS）
+2. 想通过实践项目快速学习主流后端和前端技术
+3. 缺少项目，想给简历增加项目经验和亮点
+4. 想学习并实践 Vue 移动端开发
+5. 想掌握独立开发完整项目的方法
+6. 想提升做项目的经验、方案对比和系统设计能力
+7. 想全方位提高编程及问题解决能力
+8. 想开发和上线属于自己的网站
+
+### 技术选型
+
+#### 前端
+
+- Vue 3
+- Vant UI 组件库
+- Vite 脚手架
+- Axios 请求库
+
+#### 后端
+
+- Java SpringBoot 框架
+- MySQL 数据库
+- MyBatis-Plus
+- MyBatis X 自动生成代码
+- Redis 缓存（多种 Java 实现方式）
+- Redis 分布式登录
+- Redisson 分布式锁
+- Easy Excel 数据导入
+- Spring Scheduler 定时任务
+- Swagger + Knife4j 接口文档
+- Gson：JSON 序列化库
+- 相似度匹配算法
+
+#### 部署
+
+- Serverless 服务
+- 云原生容器平台
+
+## 项目大纲
+
+### 第一章：项目诞生
+
+1. 项目简介和计划
+2. 需求分析
+3. 技术选型（各技术作用讲解）
+4. 前端初始化 | 脚手架
+5. 前端初始化 | 组件和类库引入
+6. 前端页面设计
+7. 前端通用布局开发
+8. 数据库表设计 | 标签表
+9. 数据库表设计 | 用户表
+
+### 第二章：基础开发
+
+1. 标签搜索用户功能 | 后端接口开发
+2. 标签搜索用户功能 | 接口性能分析
+3. 标签搜索用户功能 | 搜索接口调试
+4. 标签搜索用户功能 | 前端页面开发
+5. 标签搜索用户功能 | 前端路由整合
+6. 标签搜索用户功能 | 后端 Knife4j 接口文档
+7. 扩展小知识 | 网页内容抓取流程
+8. 用户搜索页 | 前端开发
+9. 用户搜索页 | 后端开发
+10. 用户搜索页 | 前后端联调
+11. 用户登录功能 | Session 共享
+12. 用户登录功能 | 后端分布式登录
+13. 用户登录功能 | 前端开发
+14. 个人信息修改功能 | 前端开发
+15. 个人信息修改功能 | 后端开发
+16. 基础功能 | 前后端联调
+
+### 第三章：开发及优化
+
+1. H5 主页开发 | 抽象通用列表组件
+2. 批量导入数据 | 多种方案介绍及对比
+3. 批量导入数据 | 并发编程（线程池）
+4. 批量导入数据 | 测试及性能优化
+5. 主页性能优化 | 缓存和分布式缓存
+6. 主页性能优化 | Redis 入门
+7. 主页性能优化 | 缓存开发和注意事项
+8. 主页性能优化 | 缓存预热设计与实现
+9. 主页性能优化 | 定时任务介绍和实现
+10. 主页性能优化 | 锁 / 分布式锁介绍
+11. 主页性能优化 | 分布式锁注意事项讲解
+12. 主页性能优化 | Redisson 分布式锁实战
+13. 主页性能优化 | 定时任务控制方案及对比
+14. 组队功能 | 需求分析
+15. 组队功能 | 系统设计
+16. 组队功能 | 基础接口开发及测试
+17. 组队功能 | 前端多页面开发
+18. 组队功能 | 权限控制
+19. 随机匹配功能 | 匹配算法介绍及实现
+20. 随机匹配功能 | 性能优化及测试
+
+### 第四章：上线及扩展
+
+1. 项目优化 | 前端优化
+2. 项目优化 | 后端优化
+3. 免备案上线 | 前端 Serverless 方案
+4. 免备案上线 | 后端容器托管
+5. 项目改造小程序思路
+
+## 项目资料
+
+### 学习计划
+
+项目学习计划：[https://bcdh.yuque.com/staff-wpxfif/resource/zg6rmqee6s1xo0xh](https://bcdh.yuque.com/staff-wpxfif/resource/zg6rmqee6s1xo0xh)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 视频教程
+
+项目完整视频教程：[https://bcdh.yuque.com/staff-wpxfif/resource/rwarhrp0zsumzmw8](https://bcdh.yuque.com/staff-wpxfif/resource/rwarhrp0zsumzmw8)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目笔记
+
+鱼皮直播笔记：[https://bcdh.yuque.com/staff-wpxfif/resource/co4pu1](https://bcdh.yuque.com/staff-wpxfif/resource/co4pu1)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+星球学员的笔记：
+
+- [https://t.zsxq.com/0drteBtkI](https://t.zsxq.com/0drteBtkI)            By 沙鱼（全集）
+- [https://t.zsxq.com/113A7YH4c](https://t.zsxq.com/113A7YH4c)           By Rokie（全集）
+- [https://t.zsxq.com/11tEPR1jG](https://t.zsxq.com/11tEPR1jG)           By Lmeng（全集）
+- [https://t.zsxq.com/11ugzVUZQ](https://t.zsxq.com/11ugzVUZQ)         By 爱蒲蒲（本地部署+线上部署）
+- [https://t.zsxq.com/0dQJuCeFQ](https://t.zsxq.com/0dQJuCeFQ)            By 行云（全集）
+- [https://t.zsxq.com/0ddmWEy0H](https://t.zsxq.com/0ddmWEy0H)      By 猫十二懿（全集）
+- [https://t.zsxq.com/0drI3VVCQ](https://t.zsxq.com/0drI3VVCQ)             By Tangerine（全集）
+- [https://t.zsxq.com/0dbjWcbGG](https://t.zsxq.com/0dbjWcbGG)       By 墨枫（全集）
+- [https://t.zsxq.com/0dzDwViy6](https://t.zsxq.com/0dzDwViy6)        By 等待救赎的波（宝塔部署上线）
+- [星球直播踩坑总结-伙伴匹配系统](https://t.zsxq.com/07YzrNFmq)       By 等待救赎的波
+- [星球直播笔记-伙伴匹配系统（第 1-4 期）](https://t.zsxq.com/04YvFMjMz)By 十一
+- [星球直播笔记-伙伴匹配系统（第 5 期）](https://t.zsxq.com/04EYvNrVR)By 十一
+- [星球直播笔记-伙伴匹配系统（第 1-4 期）](https://t.zsxq.com/07VJ62fMv) By 川行子
+
+### 直播大纲
+
+直播大纲：[https://bcdh.yuque.com/staff-wpxfif/resource/mpvpwt4li77ri97k](https://bcdh.yuque.com/staff-wpxfif/resource/mpvpwt4li77ri97k)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目源码
+
+项目完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/ccwgnivouvp1il0e](https://bcdh.yuque.com/staff-wpxfif/resource/ccwgnivouvp1il0e)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目答疑
+
+项目问答专区（请在 PC 端访问星球链接）：[https://wx.zsxq.com/dweb2/index/tags/%E4%BC%99%E4%BC%B4%E5%8C%B9%E9%85%8D%E9%A1%B9%E7%9B%AE/28858515122281](https://wx.zsxq.com/dweb2/index/tags/%E4%BC%99%E4%BC%B4%E5%8C%B9%E9%85%8D%E9%A1%B9%E7%9B%AE/28858515122281)
+
+可以在星球中更好地解决项目中遇到的问题：[编程导航 1 对 1 免费答疑服务](https://yuyuanweb.feishu.cn/wiki/FY7DwfanEikgzuk3yJlcXRWLnZc)
+
+项目问题答疑汇总：[https://bcdh.yuque.com/staff-wpxfif/resource/qmciplb2xlw8gv65](https://bcdh.yuque.com/staff-wpxfif/resource/qmciplb2xlw8gv65)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目交流群
+
+加群方式请见星球帖子：[https://t.zsxq.com/11dtAMfs8](https://t.zsxq.com/11dtAMfs8)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 简历写法
+
+项目简历写法：[https://bcdh.yuque.com/staff-wpxfif/resource/auagof53x65484wt](https://bcdh.yuque.com/staff-wpxfif/resource/auagof53x65484wt)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面试题
+
+项目面试题：[https://bcdh.yuque.com/staff-wpxfif/resource/zshifwz6evcv1az1](https://bcdh.yuque.com/staff-wpxfif/resource/zshifwz6evcv1az1)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+## 学员反馈
+
+> 展示部分学员的真实反馈，也欢迎星球鱼友私信星球管理或鱼皮反馈，认真完成项目会有小奖励哦 🧧！
+
+### 项目总结
+
+1. [https://t.zsxq.com/11frosWSQ](https://t.zsxq.com/11frosWSQ)    By 哒
+2. [https://t.zsxq.com/11BmmnC5Q](https://t.zsxq.com/11BmmnC5Q)  By Felix
+3. [https://t.zsxq.com/11ZfkHDLo](https://t.zsxq.com/11ZfkHDLo)     By 札克
+4. [https://t.zsxq.com/0d6ZQBCkG](https://t.zsxq.com/0d6ZQBCkG)  By 星汉
+
+### 上岸报喜
+
+![](https://pic.yupi.icu/1/(null)-20231026152130475.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152130744.(null))![](https://pic.yupi.icu/1/(null)-20231026152131134.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152131397.(null))
+
+### 学员评价
+
+文章链接：[https://t.zsxq.com/11Fa9HCXV](https://t.zsxq.com/11Fa9HCXV)
+
+![](https://pic.yupi.icu/1/(null)-20231026152131705.(null))
+
+文章链接：[https://t.zsxq.com/11BmmnC5Q](https://t.zsxq.com/11BmmnC5Q)
+
+![](https://pic.yupi.icu/1/(null)-20231026152132016.(null))
+
+文章链接：[https://t.zsxq.com/11Bc1KiuI](https://t.zsxq.com/11Bc1KiuI)
+
+![](https://pic.yupi.icu/1/(null)-20231026152132299.(null))
+
+### 成品展示
+
+文章链接：[https://t.zsxq.com/111pDqpHh](https://t.zsxq.com/111pDqpHh)
+
+![](https://pic.yupi.icu/1/(null)-20231026152132694.(null))
+
+文章链接：[https://t.zsxq.com/11h0P4Pp2](https://t.zsxq.com/11h0P4Pp2)
+
+![](https://pic.yupi.icu/1/(null)-20231026152133032.(null))
+
+文章链接：[https://t.zsxq.com/11vvAb8cj](https://t.zsxq.com/11vvAb8cj)
+
+![](https://pic.yupi.icu/1/(null)-20231026152133675.(null))
+
+文章链接：[https://t.zsxq.com/11hmiwxlE](https://t.zsxq.com/11hmiwxlE)
+
+![](https://pic.yupi.icu/1/(null)-20231026152133930.(null))
+
+文章链接：[https://t.zsxq.com/11QhGQL89](https://t.zsxq.com/11QhGQL89)
+
+![](https://pic.yupi.icu/1/(null)-20231026152134201.(null))
+
+文章链接：[https://t.zsxq.com/11JYmIHCb](https://t.zsxq.com/11JYmIHCb)
+
+![](https://pic.yupi.icu/1/(null)-20231026152134428.(null))
+
+文章链接：[https://t.zsxq.com/115n8RkBl](https://t.zsxq.com/115n8RkBl)
+
+![](https://pic.yupi.icu/1/(null)-20231026152134810.(null))
+
+文章链接：[https://t.zsxq.com/123hVHaLn](https://t.zsxq.com/123hVHaLn)
+
+![](https://pic.yupi.icu/1/(null)-20231026152135097.(null))
+
+## 更多项目
+
+请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"
new file mode 100644
index 0000000..1602c55
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/\346\231\272\350\203\275 BI \345\271\263\345\217\260.md"	
@@ -0,0 +1,299 @@
+# 智能 BI 平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 项目简介
+
+### 项目介绍
+
+基于 React + Spring Boot + MQ + AIGC 的智能数据分析平台。
+
+区别于传统 BI，用户只需要导入原始数据集、并输入分析诉求，就能自动生成可视化图表及分析结论，实现数据分析的降本增效。
+
+AIGC：AI 生成内容
+
+智能分析页面：
+
+![](https://pic.yupi.icu/1/(null)-20231026151929666.(null))
+
+我的图表页面：
+
+![](https://pic.yupi.icu/1/(null)-20231026151930674.(null))
+
+支持异步分析：
+
+![](https://pic.yupi.icu/1/(null)-20231026151930933.(null))
+
+项目架构图：
+
+![](https://pic.yupi.icu/1/(null)-20231026151931197.(null))
+
+### 项目特点
+
+该项目选题非常 **新颖** ，不同于泛滥的管理系统、博客、商城，本项目是结合当下最火的 **AIGC 技术** + 企业级 BI 业务场景的综合实战，紧跟时代潮流！
+
+项目中会带大家学习和实战：前后端高效开发方式、AIGC 应用开发、AI 提问技巧、系统优化、分布式限流、线程池、异步化、消息队列等一系列 **重点** 知识。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长近 **20 小时** ！从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+除了学做项目之外，还能学会很多 **思考问题、对比方案** 的方法，提升排查问题、自主解决 Bug 的能力。
+
+还能获取到鱼皮的 **万用后端项目模板**，学习到最方便的全栈项目开发方式，熟练后 **几分钟开发一个新功能** 轻轻松松！
+
+### 项目收获
+
+1. 跟着从 0 到 1 的直播，掌握做项目的完整流程，能独立开发上线项目
+2. 学会企业主流前后端开发技术的应用（如 Spring Boot、React、RabbitMQ 等）
+3. 学习 AIGC、AI 工具、AI 编程的玩法和技巧，开拓思路
+4. 学习最新版本前后端开发脚手架的使用，掌握快速生成代码、前后端协作的方法，提高数倍开发效率
+5. 学到系统优化、分布式限流、线程池、异步化、消息队列等一系列重要知识，提升系统设计能力
+6. 学到项目开发、调试和优化技巧，如开发工具技巧、抽象封装、问题定位、性能优化等
+7. 鱼皮带你读文档！让你掌握阅读官方文档的方法技巧，提高自学能力
+8. 所有 Bug 和问题均为直播解决，带你提升自主解决问题的能力
+
+### 本项目适合的同学
+
+本项目同时适合前端和后端。
+
+如果你是后端，已经学习过 Java Web 开发技术，希望做一个新颖的、有亮点的、写在简历上加分的项目，学习热门的 AIGC 应用开发、提升自己的编程和架构设计能力，那么非常欢迎来学习！
+
+如果你是前端，最好已经学习过 Vue 或 React 框架，可以通过本项目学习到快速开发前端项目的技巧，并且通过保姆级的入门实战学会一些后端技术。
+
+### 技术选型
+
+#### 前端
+
+- React 18
+- Ant Design Pro 5.x 脚手架
+- Umi 4 前端框架
+- Ant Design 组件库
+- Echarts 可视化库
+- OpenAPI 前端代码生成
+
+#### 后端
+
+- Java Spring Boot（万用后端模板）
+- MySQL 数据库
+- MyBatis-Plus 及 MyBatis X 自动生成
+- Redis + Redisson 限流
+- RabbitMQ 消息队列
+- 鱼聪明 AI SDK（AI 能力）
+- JDK 线程池及异步化
+- Easy Excel 表格数据处理
+- Swagger + Knife4j 接口文档生成
+- Hutool、Apache Common Utils 等工具库
+
+## 项目大纲
+
+### 第一章：项目诞生
+
+1. 项目介绍和计划
+2. 需求分析
+3. 技术选型
+4. 业务流程和系统架构
+5. 前端初始化 | Ant Design Pro 项目搭建
+6. 前端初始化 | 初始化项目精简
+7. 后端初始化 | Spring Boot 万用模板使用
+8. 后端初始化 | 库表设计
+9. 后端初始化 | 基础代码生成
+10. 前端初始化 | OpenAPI 代码生成
+11. 前端初始化 | 模板代码优化
+12. 前端开发 | 登录页面开发
+
+### 第二章：基础开发
+
+1. 智能分析业务 | 业务流程梳理
+2. 智能分析业务 | AI 助手使用
+3. 智能分析业务 | 原始数据压缩
+4. 智能分析业务 | AIGC 入门实战
+5. 智能分析业务 | AIGC 提问技巧
+6. 智能分析业务 | 3 种 AI 调用方式
+7. 智能分析业务 | 后端接口开发
+8. 图表管理功能 | 前端开发
+
+### 第三章：开发及优化
+
+1. 系统分析及优化 | 文件安全性
+2. 系统分析及优化 | 数据存储（分库分表）
+3. 系统分析及优化 | 限流 - 4 种限流算法
+4. 系统分析及优化 | Redisson 分布式限流实战
+5. 系统异步化 | 异步化业务流程
+6. 系统异步化 | 线程池精讲（入门 + 原理 + 实战 + 面试）
+7. 系统异步化 | 前端开发
+8. 系统异步化 | 后端开发
+9. 系统异步化 | 优化点扩展
+10. 系统现状分析
+11. 消息队列 | 基础概念
+12. 消息队列 | 应用场景
+13. 消息队列 | 主流队列技术选型
+14. RabbitMQ 入门实战 | AMQP 协议和基础概念
+15. RabbitMQ 入门实战 | 5 种队列模型理论及实战
+16. RabbitMQ 入门实战 | 核心特性 - 消息过期
+17. RabbitMQ 入门实战 | 核心特性 - 消息确认
+18. RabbitMQ 入门实战 | 核心特性 - 死信队列
+19. RabbitMQ 入门实战 | 客户端介绍及 demo 开发
+20. BI 项目分布式队列改造
+
+## 项目资料
+
+### 学习计划
+
+项目学习计划：[https://bcdh.yuque.com/staff-wpxfif/resource/fg47t5hz9sg0rpfn](https://bcdh.yuque.com/staff-wpxfif/resource/fg47t5hz9sg0rpfn)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 视频教程
+
+项目完整视频教程：[https://bcdh.yuque.com/staff-wpxfif/resource/cx0200r4a5pfie10](https://bcdh.yuque.com/staff-wpxfif/resource/cx0200r4a5pfie10)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目笔记
+
+鱼皮直播笔记：[https://bcdh.yuque.com/staff-wpxfif/resource/oywzglpnxegf579a](https://bcdh.yuque.com/staff-wpxfif/resource/oywzglpnxegf579a)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+项目笔记详细版：[https://bcdh.yuque.com/staff-wpxfif/resource/yfzxxotgubval5de](https://bcdh.yuque.com/staff-wpxfif/resource/yfzxxotgubval5de)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+星球学员的笔记：
+
+- [https://t.zsxq.com/11Xu6joPL](https://t.zsxq.com/11Xu6joPL)         By 小智（全集）
+- [https://t.zsxq.com/11PaZYOmZ](https://t.zsxq.com/11PaZYOmZ)         By 捕风（全集）
+- [https://t.zsxq.com/11c1VH4ph](https://t.zsxq.com/11c1VH4ph)         By 猫十二懿（全集）
+- [https://t.zsxq.com/11v0VkflR](https://t.zsxq.com/11v0VkflR)         By 橘子皮（全集）
+- [https://t.zsxq.com/11ADT17mz](https://t.zsxq.com/11ADT17mz)         By 爱蒲蒲（Dokcer 部署 + 后端笔记）
+- [https://t.zsxq.com/11egCd5gz](https://t.zsxq.com/11egCd5gz)         By 蓝莓（宝塔部署）
+- [https://t.zsxq.com/11hhU3kEF](https://t.zsxq.com/11hhU3kEF)         By 捕风（自动化部署笔记）
+- [https://t.zsxq.com/11CLJFAme](https://t.zsxq.com/11CLJFAme)         By fhc1515（部署上线）
+- [https://t.zsxq.com/11itEWCqc](https://t.zsxq.com/11itEWCqc)         By 小彭同学（Vue 版本笔记）
+
+### 直播大纲
+
+直播大纲：[https://bcdh.yuque.com/staff-wpxfif/resource/htw4iwlen3bp7fr7](https://bcdh.yuque.com/staff-wpxfif/resource/htw4iwlen3bp7fr7)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目源码
+
+项目完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/vhux26yxmqez00co](https://bcdh.yuque.com/staff-wpxfif/resource/vhux26yxmqez00co)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 毕设指南
+
+如何将智能 BI 项目作为毕设：[https://bcdh.yuque.com/staff-wpxfif/resource/umsfu2bgg8d0k8bo](https://bcdh.yuque.com/staff-wpxfif/resource/umsfu2bgg8d0k8bo)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目答疑
+
+项目问答专区（请在 PC 端访问星球链接）：[https://wx.zsxq.com/dweb2/index/tags/%E6%99%BA%E8%83%BDBI%E5%B9%B3%E5%8F%B0/15555511524452](https://wx.zsxq.com/dweb2/index/tags/智能BI平台/15555511524452)
+
+可以在星球中更好地解决项目中遇到的问题：[编程导航 1 对 1 免费答疑服务](https://yuyuanweb.feishu.cn/wiki/FY7DwfanEikgzuk3yJlcXRWLnZc)
+
+项目问题答疑汇总：[https://bcdh.yuque.com/staff-wpxfif/resource/aheshn3k89adldlv](https://bcdh.yuque.com/staff-wpxfif/resource/aheshn3k89adldlv)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目交流群
+
+加群方式请见星球帖子：[https://t.zsxq.com/11dtAMfs8](https://t.zsxq.com/11dtAMfs8)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 简历写法
+
+项目简历写法：[https://bcdh.yuque.com/staff-wpxfif/resource/wf86k6mkngk9mftb](https://bcdh.yuque.com/staff-wpxfif/resource/wf86k6mkngk9mftb)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面试题
+
+项目面试题：[https://bcdh.yuque.com/staff-wpxfif/resource/nswmqguxto1gwucz](https://bcdh.yuque.com/staff-wpxfif/resource/nswmqguxto1gwucz)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面经
+
+- [https://t.zsxq.com/11CPYhPUG](https://t.zsxq.com/11CPYhPUG)   By NO（API项目面经+智能BI平台面经）
+- [https://t.zsxq.com/13Le0lqxb](https://t.zsxq.com/13Le0lqxb)      By 蓝莓（API项目面经+智能BI平台面经）
+
+## 学员反馈
+
+> 展示部分学员的真实反馈，也欢迎星球鱼友私信星球管理或鱼皮反馈，认真完成项目会有小奖励哦 🧧！
+
+### 项目总结
+
+1. [https://t.zsxq.com/110fVYbhr](https://t.zsxq.com/110fVYbhr)           By 小輝
+2. [https://t.zsxq.com/11uaSU4vC](https://t.zsxq.com/11uaSU4vC)    By yingzi
+3. [https://t.zsxq.com/11c1VH4ph](https://t.zsxq.com/11c1VH4ph)     By 猫十二懿
+4. [https://t.zsxq.com/11jPE4Wh5](https://t.zsxq.com/11jPE4Wh5)     By adorabled4
+
+### 上岸报喜
+
+![](https://pic.yupi.icu/1/(null)-20231026151931393.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026151931649.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026151931887.(null))![](https://pic.yupi.icu/1/(null)-20231026151932063.(null))
+
+### 学员评价
+
+文章链接：[https://t.zsxq.com/110fVYbhr](https://t.zsxq.com/110fVYbhr)
+
+![](https://pic.yupi.icu/1/(null)-20231026151932248.(null))
+
+文章链接：[https://t.zsxq.com/11qb7KtRJ](https://t.zsxq.com/11qb7KtRJ)
+
+![](https://pic.yupi.icu/1/(null)-20231026151932475.(null))
+
+文章链接：[https://t.zsxq.com/11uaSU4vC](https://t.zsxq.com/11uaSU4vC)
+
+![](https://pic.yupi.icu/1/(null)-20231026151932715.(null))
+
+文章链接：[https://t.zsxq.com/117MDAS2F](https://t.zsxq.com/117MDAS2F)
+
+![](https://pic.yupi.icu/1/(null)-20231026151932936.(null))
+
+文章链接：[https://t.zsxq.com/11mLUFTfZ](https://t.zsxq.com/11mLUFTfZ)
+
+![](https://pic.yupi.icu/1/(null)-20231026151933151.(null))
+
+### 成品展示
+
+文章链接：[https://t.zsxq.com/11ADT17mz](https://t.zsxq.com/11ADT17mz)
+
+![](https://pic.yupi.icu/1/(null)-20231026151933333.(null))
+
+文章链接：[https://t.zsxq.com/11dKmSMgP](https://t.zsxq.com/11dKmSMgP)
+
+![](https://pic.yupi.icu/1/(null)-20231026151933574.(null))
+
+文章链接：[https://t.zsxq.com/117MDAS2F](https://t.zsxq.com/117MDAS2F)
+
+![](https://pic.yupi.icu/1/(null)-20231026151933750.(null))
+
+文章链接：[https://t.zsxq.com/11itEWCqc](https://t.zsxq.com/11itEWCqc)
+
+![](https://pic.yupi.icu/1/(null)-20231026151933927.(null))
+
+文章链接：[https://t.zsxq.com/11GWzRzs0](https://t.zsxq.com/11GWzRzs0)
+
+![](https://pic.yupi.icu/1/(null)-20231026151934449.(null))
+
+文章链接：[https://t.zsxq.com/11qb7KtRJ](https://t.zsxq.com/11qb7KtRJ)
+
+![](https://pic.yupi.icu/1/(null)-20231026151934632.(null))
+
+## 更多项目
+
+请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md"
new file mode 100644
index 0000000..8e1d5f4
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/\347\224\250\346\210\267\344\270\255\345\277\203\351\241\271\347\233\256.md"
@@ -0,0 +1,328 @@
+# 用户中心项目
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 项目简介
+
+### 项目介绍
+
+企业核心的用户中心系统，基于 Spring Boot 后端 + React 前端的 **全栈项目** ，实现了用户注册、登录、查询等基础功能。
+
+如图：
+
+![](https://pic.yupi.icu/1/(null)-20231026152155215.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026152156150.(null))
+
+### 项目特点
+
+本系统功能并不复杂、代码量也不多，但是正因如此，大家才不需要关注特定的、复杂的业务流程，可以更轻松地学习到 **通用的技术和做项目的经验**。主要帮助大家轻松学会从 0 到 1 **独立开发项目** 的方法。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发并上线了项目，总课程时长 **超过 24 小时** ！从产生想法、到需求分析、技术选型、系统设计、项目初始化、编码实现、测试、再到最后的部署上线，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+开发中踩的各种坑我也都带大家分析解决，相信可以帮助大家 **走出书本和校园** ，学到企业真正需要的技术和经验。
+
+鱼皮可以负责任地说，如果你有过前端或后端基础知识，学完并实践本项目教程后，你绝对 **能独立开发和上线** 大多数常见系统！
+
+### 项目收获
+
+1. 学会前后端企业主流开发技术的应用
+2. 了解做项目的完整流程，能够独立开发及上线项目
+3. 学到系统设计的方法和经验
+4. 学到一些实际的编码技巧，比如开发工具、快捷键、插件的使用
+5. 学到代码的优化技巧，比如抽象、封装、提高系统性能、节约资源的方法
+6. 学习登录态、代理、多环境、容器、跨域等重要的开发知识
+7. 学到一些源码阅读的技巧
+8. 提升自主解决问题的能力
+
+### 本项目适合的同学
+
+1. 学过基本的前端（HTML + CSS + JS 三件套）或后端开发技术（Java Web）
+2. 还不知道怎么独立做出完整的项目，想了解规范的开发流程
+3. 想快速学习自己不熟悉的技术并且了解其应用（比如你只会前端，想了解后端）
+4. 想全方位提高自己的编程能力
+5. 想提升做项目的经验和系统设计能力
+6. 想学习更多企业主流开发技术
+7. 想给简历增加项目经验
+8. 想开发和上线自己的网站
+
+### 技术选型
+
+#### 前端
+
+主要运用阿里 Ant Design 生态：
+
+- HTML + CSS + JavaScript 三件套
+- React 开发框架
+- Ant Design Pro 项目模板
+- Ant Design 端组件库
+- Umi 开发框架
+- Umi Request 请求库
+- 正向和反向代理
+
+#### 后端
+
+- Java 编程语言
+- Spring + SpringMVC + SpringBoot 框架
+- MyBatis + MyBatis Plus 数据访问框架
+- MySQL 数据库
+- jUnit 单元测试库
+
+#### 部署
+
+- Linux 单机部署
+- Nginx Web 服务器
+- Docker 容器
+- 容器托管平台
+
+## 项目大纲
+
+### 第一章：项目诞生
+
+1. 项目简介和计划
+2. 企业做项目完整流程介绍
+3. 需求分析
+4. 技术选型（各技术作用讲解）
+5. 前端初始化 | Ant Design Pro 框架介绍
+6. 前端初始化 | Ant Design 组件引入
+7. 前端初始化 | 框架瘦身
+8. 后端初始化 | 3 种方式初始化 Java 项目
+9. 后端初始化 | 环境搭建
+10. 后端初始化 | Spring Boot 框架整合
+11. 后端初始化 | 项目分层介绍
+
+### 第二章：项目开发
+
+1. 数据库表设计
+2. 注册功能 | 详细设计
+3. 注册功能 | 前端 - 快速页面开发
+4. 注册功能 | 前端 - 表单组件使用
+5. 注册功能 | 后端 - 代码生成器的使用
+6. 注册功能 | 后端 - 接口逻辑开发
+7. 注册功能 | 后端 - 单元测试
+8. 注册功能 | 后端 - API 接口测试
+9. 登录功能 | 详细设计
+10. 登录功能 | 前端 - 登录态管理
+11. 登录功能 | 前端 - 请求库的使用
+12. 登录功能 | 前端 - 页面开发及验证
+13. 登录功能 | 后端 - 登录态管理（Cookie 和 Session）
+14. 登录功能 | 后端 - 接口开发及测试
+15. 登录功能 | 前后端联调
+16. 代理知识 | 正向代理
+17. 代理知识 | 反向代理
+18. 代理知识 | 本地开启代理
+19. 用户管理功能 | 前端开发
+20. 用户管理功能 | 后端开发
+21. 用户注销功能 | 前端开发
+22. 用户注销功能 | 后端开发
+
+### 第三章：项目优化
+
+1. 前端优化 |  全局请求响应拦截器封装
+2. 前端优化 |  用户体验优化
+3. 后端代码优化 | 通用返回对象
+4. 后端代码优化 | 自定义异常及错误码
+5. 后端代码优化 | 全局异常处理器
+6. 后端代码优化 | 用户校验
+
+### 第四章：项目上线
+
+1. 项目部署 | 多环境理论及实战
+2. 项目部署 | 四种部署方式实战
+3. 项目部署 | 原始 Nginx + Spring Boot
+4. 项目部署 | 宝塔 Linux 服务
+5. 项目部署 | Docker 容器（常用命令演示）
+6. 项目部署 | 容器托管平台
+7. 项目上线 | 域名解析
+8. 项目上线 | 跨域问题解决（3 种方法）
+9. 项目扩展思路和优化点
+
+## 项目资料
+
+### 学习计划
+
+项目学习计划：[https://bcdh.yuque.com/staff-wpxfif/resource/efp44r7am8ac5eeq](https://bcdh.yuque.com/staff-wpxfif/resource/efp44r7am8ac5eeq)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 视频教程
+
+项目完整视频教程：[https://bcdh.yuque.com/staff-wpxfif/resource/zpt1pizqgml2i8lc](https://bcdh.yuque.com/staff-wpxfif/resource/zpt1pizqgml2i8lc)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目笔记
+
+鱼皮直播笔记：[https://bcdh.yuque.com/staff-wpxfif/resource/diuioo](https://bcdh.yuque.com/staff-wpxfif/resource/diuioo)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+星球学员的笔记：
+
+- ⭐️ [https://t.zsxq.com/0dvc3LLQN](https://t.zsxq.com/0dvc3LLQN)  By 沙鱼（全集）
+- ⭐️ [https://t.zsxq.com/0djKZFK1V](https://t.zsxq.com/0djKZFK1V)   By 炎（全集）
+- ⭐️ [https://t.zsxq.com/0dZIHUFol](https://t.zsxq.com/0dZIHUFol)    By 大虾（全集）
+- [https://t.zsxq.com/11dUCeDpN](https://t.zsxq.com/11dUCeDpN)         By Louis bril*（全集）
+- [https://t.zsxq.com/11mFplBPc](https://t.zsxq.com/11mFplBPc)        By 晴天（全集）
+- [https://t.zsxq.com/11e7UQkD6](https://t.zsxq.com/11e7UQkD6)       By 猫十二懿（全集）
+- [https://t.zsxq.com/11myJNcJ7](https://t.zsxq.com/11myJNcJ7)        By 外星桃子（全集）
+- [https://t.zsxq.com/11JJAGJn9](https://t.zsxq.com/11JJAGJn9)        By dd（全集）
+- [https://t.zsxq.com/0dQpF49bI](https://t.zsxq.com/0dQpF49bI) 项目笔记 By Annike Van
+- [https://t.zsxq.com/119Hj3TX4](https://t.zsxq.com/119Hj3TX4)   By zzz（服务器购买、部署、解析、备案）
+- [https://t.zsxq.com/11KtG93hE](https://t.zsxq.com/11KtG93hE)   By 未来（前端操作）
+- [https://t.zsxq.com/11eUrru0Z](https://t.zsxq.com/11eUrru0Z)    By 泡椒（部署踩坑记录）
+- [https://t.zsxq.com/11YOq7NY8](https://t.zsxq.com/11YOq7NY8)  By 你这个小猪（Ant design pro踩坑实记）
+- [https://t.zsxq.com/11socHvGh](https://t.zsxq.com/11socHvGh)   By 香香（前端初始化踩坑记录）
+- [https://t.zsxq.com/11j7wcGkH](https://t.zsxq.com/11j7wcGkH)   By Vector<>（前后端初始化问题）
+- [https://t.zsxq.com/116ZCDIVC](https://t.zsxq.com/116ZCDIVC)   By 编程进修（初始化问题）
+- [https://t.zsxq.com/0dinF7ft1](https://t.zsxq.com/0dinF7ft1)      By Okay（踩坑笔记 ）
+- [https://t.zsxq.com/0dc5flIr9](https://t.zsxq.com/0dc5flIr9)      By 鱼皮（Ant Design Pro 官方文档问题）
+- [https://t.zsxq.com/0dRw3CMP7](https://t.zsxq.com/0dRw3CMP7)（Ant Design Pro 初始化）
+- [https://t.zsxq.com/0dfjkT0DQ](https://t.zsxq.com/0dfjkT0DQ)   （Ant Design Pro 初始化）
+- [https://t.zsxq.com/0d2pcsMxs](https://t.zsxq.com/0d2pcsMxs)  （Ant Design Pro 构建踩坑记录）
+- [https://t.zsxq.com/0dcq8i4dC](https://t.zsxq.com/0dcq8i4dC)   （初始化笔记）
+- [https://t.zsxq.com/0dYARttrK](https://t.zsxq.com/0dYARttrK)   （Ant Design Pro 初始化 和 mybatis-plus）
+- [https://t.zsxq.com/0d7PDHWRd](https://t.zsxq.com/0d7PDHWRd)（Nodejs 初始化总结）
+- [https://t.zsxq.com/0dNOaKYhU](https://t.zsxq.com/0dNOaKYhU)（无法跳转欢迎页）
+- [https://t.zsxq.com/0dB2YmK42](https://t.zsxq.com/0dB2YmK42)（前端踩坑分享）
+- [https://t.zsxq.com/0dRmXOblA](https://t.zsxq.com/0dRmXOblA)（前端踩坑记录）
+- [https://t.zsxq.com/0dqBRxJ4u](https://t.zsxq.com/0dqBRxJ4u)（userRegister()踩坑记录）
+- [https://t.zsxq.com/0dpvRMSM3](https://t.zsxq.com/0dpvRMSM3)（版本问题、测试类和依赖问题）
+- [https://t.zsxq.com/0dMuDj54S](https://t.zsxq.com/0dMuDj54S)（身份认证和跨域笔记）
+- [https://t.zsxq.com/0dUDSyDXt](https://t.zsxq.com/0dUDSyDXt)（跨域分享）
+- [https://t.zsxq.com/0dMndaIzj](https://t.zsxq.com/0dMndaIzj) （踩坑记录分享）
+- [https://t.zsxq.com/0dw4ZlmM8](https://t.zsxq.com/0dw4ZlmM8)（单元测试踩坑记录）
+- [https://t.zsxq.com/0dH4JGOAF](https://t.zsxq.com/0dH4JGOAF)（部署上线排坑记录分享）
+- [https://t.zsxq.com/0dMevdD6P](https://t.zsxq.com/0dMevdD6P)（部署上线排坑记录分享）
+
+### 直播大纲
+
+直播大纲：[https://bcdh.yuque.com/staff-wpxfif/resource/qvevvtc9bd46g6tp](https://bcdh.yuque.com/staff-wpxfif/resource/qvevvtc9bd46g6tp)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目源码
+
+项目完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/ldpz8ffnm7eamo3d](https://bcdh.yuque.com/staff-wpxfif/resource/ldpz8ffnm7eamo3d)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目答疑
+
+项目问答专区（请在 PC 端访问星球链接）：[https://wx.zsxq.com/dweb2/index/tags/%E7%94%A8%E6%88%B7%E4%B8%AD%E5%BF%83%E9%A1%B9%E7%9B%AE/28855144548181](https://wx.zsxq.com/dweb2/index/tags/%E7%94%A8%E6%88%B7%E4%B8%AD%E5%BF%83%E9%A1%B9%E7%9B%AE/28855144548181)
+
+可以在星球中更好地解决项目中遇到的问题：[编程导航 1 对 1 免费答疑服务](https://yuyuanweb.feishu.cn/wiki/FY7DwfanEikgzuk3yJlcXRWLnZc)
+
+项目问题答疑汇总：https://bcdh.yuque.com/staff-wpxfif/resource/iq6bgl6ix409qdoa
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目交流群
+
+加群方式请见星球帖子：[https://t.zsxq.com/11dtAMfs8](https://t.zsxq.com/11dtAMfs8)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 简历写法
+
+项目简历写法：[https://bcdh.yuque.com/staff-wpxfif/resource/ygrwez2g8lu6zncd](https://bcdh.yuque.com/staff-wpxfif/resource/ygrwez2g8lu6zncd)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面试题
+
+项目面试题：[https://bcdh.yuque.com/staff-wpxfif/resource/bf1v9gv232ou7ak3](https://bcdh.yuque.com/staff-wpxfif/resource/bf1v9gv232ou7ak3)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+## 学员反馈
+
+> 展示部分学员的真实反馈，也欢迎星球鱼友私信星球管理或鱼皮反馈，认真完成项目会有小奖励哦 🧧！
+
+### 项目总结
+
+1. [https://t.zsxq.com/11RyQGfKN](https://t.zsxq.com/11RyQGfKN)    By Hipopaaaaa
+2. [https://t.zsxq.com/0dTMz7Vng](https://t.zsxq.com/0dTMz7Vng)   By yyccqquu
+3. [https://t.zsxq.com/0dy4MwEer](https://t.zsxq.com/0dy4MwEer)   By NaHCOOO
+4. [https://t.zsxq.com/11uuFncCr](https://t.zsxq.com/11uuFncCr)     By 宏夏
+5. [https://t.zsxq.com/11keMoXYJ](https://t.zsxq.com/11keMoXYJ)    By cloud
+6. [https://t.zsxq.com/11J8092QA](https://t.zsxq.com/11J8092QA)    By Enndfp
+7. [https://t.zsxq.com/11mFplBPc](https://t.zsxq.com/11mFplBPc)     By 晴天
+8. [https://t.zsxq.com/116DRO7mp](https://t.zsxq.com/116DRO7mp)   By 苦行修士 
+9. [https://t.zsxq.com/11e7UQkD6](https://t.zsxq.com/11e7UQkD6)    By 猫十二懿
+10. [https://t.zsxq.com/119bww16a](https://t.zsxq.com/119bww16a)    By 火柴
+11. [https://t.zsxq.com/0dWveQevZ](https://t.zsxq.com/0dWveQevZ)         By 吟游梦想家
+12. [https://t.zsxq.com/0d84Dko6w](https://t.zsxq.com/0d84Dko6w)         By 小雨便是晴天
+13. [https://t.zsxq.com/0dZHnt4VG](https://t.zsxq.com/0dZHnt4VG)        By FNHAH
+14. [https://t.zsxq.com/0d7rw0xb7](https://t.zsxq.com/0d7rw0xb7)     By 🙃
+15. [https://t.zsxq.com/0dndcYaDK](https://t.zsxq.com/0dndcYaDK)        By 空格
+
+### 学员评价
+
+1）文章链接：[https://t.zsxq.com/11keMoXYJ](https://t.zsxq.com/11keMoXYJ)
+
+![](https://pic.yupi.icu/1/(null)-20231026152156644.(null))
+
+2）文章链接：[https://t.zsxq.com/11e7UQkD6](https://t.zsxq.com/11e7UQkD6)
+
+![](https://pic.yupi.icu/1/(null)-20231026152156970.(null))
+
+3）文章链接：[https://t.zsxq.com/11myJNcJ7](https://t.zsxq.com/11myJNcJ7)
+
+![](https://pic.yupi.icu/1/(null)-20231026152157186.(null))
+
+4）文章链接：[https://t.zsxq.com/11LxrlWuC](https://t.zsxq.com/11LxrlWuC)
+
+![](https://pic.yupi.icu/1/(null)-20231026152157392.(null))
+
+5）文章链接：[https://t.zsxq.com/11rC05yFV](https://t.zsxq.com/11rC05yFV)
+
+![](https://pic.yupi.icu/1/(null)-20231026152157592.(null))
+
+### 成品展示
+
+1）Go 版本改造：[https://t.zsxq.com/11TolfCe7](https://t.zsxq.com/11TolfCe7)
+
+![](https://pic.yupi.icu/1/(null)-20231026152157823.(null))
+
+2）毕设改造：[https://t.zsxq.com/11i0ITuez](https://t.zsxq.com/11i0ITuez)
+
+![](https://pic.yupi.icu/1/(null)-20231026152158052.(null))
+
+3）文章链接：[https://t.zsxq.com/114ijElLD](https://t.zsxq.com/114ijElLD)
+
+![](https://pic.yupi.icu/1/(null)-20231026152158386.(null))
+
+4）结合科研经历改造：[https://t.zsxq.com/114FGKUEg](https://t.zsxq.com/114FGKUEg)
+
+![](https://pic.yupi.icu/1/(null)-20231026152158603.(null))
+
+5）文章链接：[https://t.zsxq.com/11dUCeDpN](https://t.zsxq.com/11dUCeDpN)
+
+![](https://pic.yupi.icu/1/(null)-20231026152158850.(null))
+
+6）结合寻爱网改造：[https://t.zsxq.com/11uuFncCr](https://t.zsxq.com/11uuFncCr)
+
+![](https://pic.yupi.icu/1/(null)-20231026152159200.(null))
+
+7）文章链接：[https://t.zsxq.com/11e7UQkD6](https://t.zsxq.com/11e7UQkD6)
+
+![](https://pic.yupi.icu/1/(null)-20231026152159477.(null))
+
+8）微服务改造：[https://t.zsxq.com/11cFmthOo](https://t.zsxq.com/11cFmthOo)
+
+![](https://pic.yupi.icu/1/(null)-20231026152159813.(null))
+
+9）Go 语言改造：[https://t.zsxq.com/11f7DptLI](https://t.zsxq.com/11f7DptLI)
+
+![](https://pic.yupi.icu/1/(null)-20231026152200259.(null))
+
+## 更多项目
+
+请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。
diff --git "a/\351\241\271\347\233\256\345\256\236\346\210\230/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md" "b/\351\241\271\347\233\256\345\256\236\346\210\230/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
new file mode 100644
index 0000000..8756939
--- /dev/null
+++ "b/\351\241\271\347\233\256\345\256\236\346\210\230/\350\201\232\345\220\210\346\220\234\347\264\242\345\271\263\345\217\260.md"
@@ -0,0 +1,294 @@
+# 聚合搜索平台
+
+> 本文作者：[程序员鱼皮](https://yuyuanweb.feishu.cn/wiki/Abldw5WkjidySxkKxU2cQdAtnah)
+>
+> 本站地址：[https://codefather.cn](https://codefather.cn)
+>
+> ⭐️ 加入项目系列学习：[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb)
+
+## 项目简介
+
+### 项目介绍
+
+企业级一站式聚合搜索平台，基于 Vue 3 前端 + Spring Boot 后端 + Elastic Stack 的 **全栈项目**。
+
+对用户来说，使用该平台，可以在同一个页面集中搜索出不同来源、不同类型的内容，提升用户的检索效率和搜索体验。
+
+对企业来说，当企业内部有多个项目的数据都存在搜索需求时，无需针对每个项目单独开发搜索功能，可以直接将各项目的数据源接入搜索中台，从而提升开发效率、降低系统维护成本。
+
+聚合搜索页面 - 搜文章：
+
+![](https://pic.yupi.icu/1/(null)-20231026151955760.(null))
+
+聚合搜索页面 - 搜图片：
+
+![](https://pic.yupi.icu/1/(null)-20231026151956460.(null))
+
+聚合搜索页面 - 搜用户：
+
+![](https://pic.yupi.icu/1/(null)-20231026151956668.(null))
+
+Elastic Stack - Kibana 数据看板：
+
+![](https://pic.yupi.icu/1/(null)-20231026151957009.(null))
+
+项目架构图：
+
+![](https://pic.yupi.icu/1/(null)-20231026151957203.(null))
+
+此外，这个项目中还应用到了鱼皮提供的万用后端项目模板，熟练之后，**几分钟开发一个新功能** 真的轻轻松松！
+
+### 项目特点
+
+该项目非常 **新颖** ，不同于泛滥的管理系统、商城项目，而是企业架构层面的 **通用搜索能力** 的抽象，之后你在做任何系统时，都可以复用本项目的搜索能力。
+
+项目中会带大家学习和实战：多种数据爬虫方法、4 种数据同步方法、接口优化、**多种设计模式**、Elastic Stack、压力测试等一系列 **后端必学** 知识。
+
+鱼皮 **从 0 到 1 全程直播无剪辑** 地带大家开发完成项目，总课程时长 **12 小时**，十分精炼。从需求分析、技术选型、系统设计、项目初始化、前后端开发，每个环节我都 **从理论到实践** 给大家讲的明明白白、每个细节都不放过！
+
+除了学做项目之外，鱼皮还在直播过程中聊到了不少知识点，帮助大家提升架构设计思维、学会对比方案、阅读文档的套路；所有 Bug 和问题均为直播解决，带大家提升自主排查问题、解决 Bug 的能力。
+
+还能获取到鱼皮的 **万用后端项目模板**，熟练后 **几分钟开发一个新功能** 轻轻松松！
+
+### 项目收获
+
+1. 掌握做项目的完整流程，能独立开发上线项目
+2. 学会企业主流前后端开发技术的应用（如 Spring Boot、Vue 3、Elastic Stack 等）
+3. 学到数据爬虫、数据同步、接口优化、多种设计模式、Elastic Stack、压力测试等一系列重要知识
+4. 学到对比方案的方法，帮你开拓思路，提升系统设计能力
+5. 学到项目开发、调试和优化技巧，如开发工具技巧、抽象封装、问题定位、性能优化等
+6. 鱼皮带你读文档！让你掌握阅读官方文档的方法技巧，提高自学能力
+7. 带你分析解决项目中的问题，提升自主解决问题的能力
+
+### 本项目适合的同学
+
+本项目前后端都有，但更侧重后端。
+
+如果你是前端，也可以通过这个项目学习到一些前端开发的小技巧（比如页面状态同步），但是最好学习过 Vue 或 React 等至少一门开发框架。
+
+1. 学过基本后端（Java Web）或前端技术（HTML + CSS + JS）
+2. 缺少项目，想给简历增加项目经验和亮点
+3. 想通过实践项目快速学习主流前后端技术
+4. 想学习到快速开发前后端全栈项目的技巧
+5. 想掌握独立开发完整项目的方法
+6. 想提升做项目的经验、系统架构设计能力
+7. 想全方位提高编程及问题解决能力
+
+### 技术选型
+
+#### 前端
+
+- Vue 3
+- Ant Design Vue 组件库
+- 页面状态同步机制
+
+#### 后端
+
+- Spring Boot 2.7 框架
+- springboot-init 项目模板
+- MySQL 数据库
+- Elastic Stack 
+  - Elasticsearch 搜索引擎
+  - Logstash 数据管道
+  - Kibana 数据可视化
+- 数据抓取
+  - 离线和实时抓取
+  - Jsoup 和 HttpClient 库
+- 设计模式 
+  - 门面模式
+  - 适配器模式
+  - 注册器模式
+- 数据同步（4 种方式） 
+  - 定时
+  - 双写
+  - Logstash
+  - Canal
+- JMeter 压力测试
+
+## 项目大纲
+
+### 第一章：项目诞生
+
+1. 项目介绍和计划
+2. 需求分析
+3. 技术选型
+4. 业务流程
+5. 系统架构介绍
+6. 前端初始化 | 前端脚手架使用
+7. 前端初始化 | 框架 + 组件库 + 请求库整合
+8. 后端初始化 | Spring Boot 万用模板使用
+
+### 第二章：基础开发
+
+1. 搜索功能 | 前端聚合搜索页面开发
+2. 搜索功能 | 前端记录搜索状态
+3. 搜索功能 | 前后端联调
+4. 数据源获取 | 多种方式和抓取流程介绍
+5. 数据源获取 | HttpClient 接口方式获取文章
+6. 数据源获取 | JSoup 实时获取图片
+7. 聚合搜索功能 | 业务场景分析
+8. 聚合搜索功能 | 接口开发 - 门面模式
+9. 聚合搜索功能 | 接口性能测试
+
+### 第三章：开发及优化
+
+1. 聚合搜索优化 | 统一标准
+2. 聚合搜索优化 | 适配器模式
+3. 聚合搜索优化 | 注册器模式
+4. 聚合搜索优化 | 前端调用优化
+5. Elastic Stack 实战 |  Elasticsearch 概念及倒排索引原理
+6. Elastic Stack 实战 |  Elasticsearch + Kibana 安装
+7. Elastic Stack 实战 |  Elasticsearch + Kibana Dev Tools 实战
+8. Elastic Stack 实战 |  Elasticsearch 多种调用方式
+9. Elasticsearch 搜索引擎实战 | 多种 Java 客户端
+10. Elasticsearch 搜索引擎实战 | 标准开发流程
+11. Elasticsearch 搜索引擎实战 | 动静分离
+12. Elasticsearch 数据同步 | 定时
+13. Elasticsearch 数据同步 | 双写
+14. Elasticsearch 数据同步 | Logstash
+15. Elasticsearch 数据同步 | Canal
+16. Elasticsearch 搜索引擎实战 | Kibana 看板搭建
+17. JMeter 接口性能测试
+18. 项目扩展点和优化思路
+
+## 项目资料
+
+### 学习计划
+
+项目学习计划：[https://bcdh.yuque.com/staff-wpxfif/resource/ltntuw41ghadth67](https://bcdh.yuque.com/staff-wpxfif/resource/ltntuw41ghadth67)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 视频教程
+
+项目完整视频教程：[https://bcdh.yuque.com/staff-wpxfif/resource/cee2bkbnp0k1gyy9](https://bcdh.yuque.com/staff-wpxfif/resource/cee2bkbnp0k1gyy9)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目笔记
+
+鱼皮直播笔记：[https://bcdh.yuque.com/staff-wpxfif/resource/ic46ng54qy6bh52n](https://bcdh.yuque.com/staff-wpxfif/resource/ic46ng54qy6bh52n)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+星球学员的笔记：
+
+- [https://t.zsxq.com/0crgriSHO](https://t.zsxq.com/0crgriSHO)            By Layman（全集）
+- [https://t.zsxq.com/11Tj8gQ2H](https://t.zsxq.com/11Tj8gQ2H)        By reflux（全集）
+- [https://t.zsxq.com/11JqJuHBN](https://t.zsxq.com/11JqJuHBN)        By 哒（全集）
+- [https://t.zsxq.com/11cCniNxP](https://t.zsxq.com/11cCniNxP)                By 小屁不划水（全集）
+- [https://t.zsxq.com/11JSeMFPn](https://t.zsxq.com/11JSeMFPn)        By 小屁不划水（ES+Linux部署笔记）
+- [https://t.zsxq.com/11vkcahF9](https://t.zsxq.com/11vkcahF9)                By 学习快乐y.（全集）
+- [https://t.zsxq.com/11hc5FGWT](https://t.zsxq.com/11hc5FGWT)        By 子仪（全集）
+- [https://t.zsxq.com/11VdKQbCp](https://t.zsxq.com/11VdKQbCp)        By 明生真命（部署上线）
+- [https://t.zsxq.com/11L53ePa5](https://t.zsxq.com/11L53ePa5)                By &少年（部署上线）
+- [https://t.zsxq.com/11CTtXEwr](https://t.zsxq.com/11CTtXEwr)           By yes.（Canal Bug）
+
+### 直播大纲
+
+直播大纲：[https://bcdh.yuque.com/staff-wpxfif/resource/yryclgr56v4xcfa5](https://bcdh.yuque.com/staff-wpxfif/resource/yryclgr56v4xcfa5)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目源码
+
+项目完整源码：[https://bcdh.yuque.com/staff-wpxfif/resource/zs456bh0nqdybc65](https://bcdh.yuque.com/staff-wpxfif/resource/zs456bh0nqdybc65)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目答疑
+
+项目问答专区（请在 PC 端访问星球链接）：[https://wx.zsxq.com/dweb2/index/tags/%E8%81%9A%E5%90%88%E6%90%9C%E7%B4%A2%E5%B9%B3%E5%8F%B0/28885128185851](https://wx.zsxq.com/dweb2/index/tags/聚合搜索平台/28885128185851)
+
+可以在星球中更好地解决项目中遇到的问题：[编程导航 1 对 1 免费答疑服务](https://yuyuanweb.feishu.cn/wiki/FY7DwfanEikgzuk3yJlcXRWLnZc)
+
+项目问题答疑汇总：[https://bcdh.yuque.com/staff-wpxfif/resource/zl5vaz5ek9w6akcr](https://bcdh.yuque.com/staff-wpxfif/resource/zl5vaz5ek9w6akcr)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目交流群
+
+加群方式请见星球帖子：[https://t.zsxq.com/11dtAMfs8](https://t.zsxq.com/11dtAMfs8)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 简历写法
+
+项目简历写法：[https://bcdh.yuque.com/staff-wpxfif/resource/blaxc6v5fxgmy02p](https://bcdh.yuque.com/staff-wpxfif/resource/blaxc6v5fxgmy02p)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+### 项目面试题
+
+项目面试题：[https://bcdh.yuque.com/staff-wpxfif/resource/htiy8ei9o0kn8516](https://bcdh.yuque.com/staff-wpxfif/resource/htiy8ei9o0kn8516)
+
+密码见星球语雀知识库：[https://t.zsxq.com/12nb1snxh](https://t.zsxq.com/12nb1snxh)（[加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) 后可见）
+
+## 学员反馈
+
+> 展示部分学员的真实反馈，也欢迎星球鱼友私信星球管理或鱼皮反馈，认真完成项目会有小奖励哦 🧧！
+
+### 项目总结
+
+1. [https://t.zsxq.com/0cnevaht0](https://t.zsxq.com/0cnevaht0)         By yes
+2. [https://t.zsxq.com/11K9SxNW2](https://t.zsxq.com/11K9SxNW2)    By wawer
+3. [https://t.zsxq.com/11CVS9eMg](https://t.zsxq.com/11CVS9eMg)     By tyc
+4. [https://t.zsxq.com/11Tj8gQ2H](https://t.zsxq.com/11Tj8gQ2H)        By refulx
+5. [https://t.zsxq.com/11ebTWC0F](https://t.zsxq.com/11ebTWC0F)     By Lacy
+6. [https://t.zsxq.com/11ZRQ2vch](https://t.zsxq.com/11ZRQ2vch)        By 渲染
+
+### 上岸报喜
+
+![](https://pic.yupi.icu/1/(null)-20231026151957420.(null))
+
+![](https://pic.yupi.icu/1/(null)-20231026151957596.(null))
+
+### 学员评价
+
+文章链接：[https://t.zsxq.com/11GoQftlH](https://t.zsxq.com/11GoQftlH)
+
+![](https://pic.yupi.icu/1/(null)-20231026151957812.(null))
+
+文章链接：[https://t.zsxq.com/11UxZ7TVm](https://t.zsxq.com/11UxZ7TVm)
+
+![](https://pic.yupi.icu/1/(null)-20231026151958010.(null))
+
+文章链接：[https://t.zsxq.com/11hc5FGWT](https://t.zsxq.com/11hc5FGWT)
+
+![](https://pic.yupi.icu/1/(null)-20231026151958224.(null))
+
+### 成品展示
+
+文章链接：[https://t.zsxq.com/11QrKpSRg](https://t.zsxq.com/11QrKpSRg)
+
+![](https://pic.yupi.icu/1/(null)-20231026151958466.(null))
+
+文章链接：[https://t.zsxq.com/11Tj8gQ2H](https://t.zsxq.com/11Tj8gQ2H)
+
+![](https://pic.yupi.icu/1/(null)-20231026151958738.(null))
+
+文章链接：[https://t.zsxq.com/11wGuZXf8](https://t.zsxq.com/11wGuZXf8)
+
+![](https://pic.yupi.icu/1/(null)-20231026151959000.(null))
+
+文章链接：[https://t.zsxq.com/11VdKQbCp](https://t.zsxq.com/11VdKQbCp)
+
+![](https://pic.yupi.icu/1/(null)-20231026151959459.(null))
+
+文章链接：[https://t.zsxq.com/11K9SxNW2](https://t.zsxq.com/11K9SxNW2)
+
+![](https://pic.yupi.icu/1/(null)-20231026151959754.(null))
+
+文章链接：[https://t.zsxq.com/11ebTWC0F](https://t.zsxq.com/11ebTWC0F)
+
+![](https://pic.yupi.icu/1/(null)-20231026151959995.(null))
+
+文章链接：[https://t.zsxq.com/11XnH2EqJ](https://t.zsxq.com/11XnH2EqJ)
+
+![](https://pic.yupi.icu/1/(null)-20231026152000307.(null))
+
+## 更多项目
+
+请见：[项目实战 - 鱼皮原创项目教程系列](https://yuyuanweb.feishu.cn/wiki/SePYwTc9tipQiCktw7Uc7kujnCd)
+
+## 加入学习
+
+点击 [加入编程导航](https://yuyuanweb.feishu.cn/wiki/SDtMwjR1DituVpkz5MLc3fZLnzb) ，鱼皮原创项目均可学习。