金三银四跳槽面试季，我整理前端知识做了个网站
每年的金三銀四，都將迎來求職面試的一個(gè)高峰期，為什么會(huì)有那么多的求職需求？
多是因?yàn)橐韵聨讉€(gè)來源：
已拿 offer 等年終獎(jiǎng)的：年前已經(jīng)找到機(jī)會(huì)，領(lǐng)了年終獎(jiǎng)辭職要到新公司報(bào)到的
臨時(shí)起意要辭及裸辭的：考慮到領(lǐng)了年終獎(jiǎng)再走，節(jié)后裸辭或者迅速找到工作機(jī)會(huì)，完成辭職的
因職業(yè)發(fā)展而辭職的：節(jié)后發(fā)現(xiàn)老板沒有提拔自己到目標(biāo)職位，自己發(fā)展受阻，離職尋找新工作
工作計(jì)劃新誕生的職位：許多企業(yè)因決策流程長(zhǎng)，常在年后確定來年工作計(jì)劃，包含新業(yè)務(wù)的新職位
公司人才盤點(diǎn)后的 backup：許多公司不喜歡年底裁人，會(huì)在來年春天把與職位不匹配的人員解除勞動(dòng)合同，會(huì)做好備份
如果是因?yàn)橐陨先我庖粋€(gè)想跳槽的，趕緊準(zhǔn)備起來了。
把前端知識(shí)做一個(gè)整體的回顧，疑難困惑點(diǎn)及時(shí)查漏補(bǔ)缺，這樣才能從容面對(duì)接下來的面試。
根據(jù)以往面試的經(jīng)歷，結(jié)合網(wǎng)友的分享，常見的面試題經(jīng)常覆蓋這樣幾個(gè)方面：
JavaScript、CSS、React / Vue、Node等基礎(chǔ)知識(shí)
對(duì)一些前端知識(shí)概念的理解
前端性能優(yōu)化
疑難問題的解法
實(shí)現(xiàn)原理和自己對(duì)源碼的實(shí)現(xiàn)
前端工具篇（常用Git命令或者自動(dòng)化工具的使用等）
于是我將網(wǎng)站進(jìn)行了以下的設(shè)計(jì)：
根據(jù)分類對(duì)應(yīng)到頂部導(dǎo)航欄如下
首頁(yè)是品牌意識(shí)的一個(gè)介紹（https://spacexcode.com/）
點(diǎn)擊中間按鈕，進(jìn)入引導(dǎo)頁(yè)（https://spacexcode.com/guide/）
左側(cè)導(dǎo)航和頂部導(dǎo)航一致，默認(rèn)二級(jí)菜單展開狀態(tài)。右邊內(nèi)容區(qū)域可編寫一些自己的詳細(xì)信息，引導(dǎo)關(guān)注類或者網(wǎng)站總體內(nèi)容的概述。
每個(gè)分類知識(shí)通過二級(jí)三級(jí)標(biāo)題索引展開
下面簡(jiǎn)單講解下如何通過?vuepress?程序?qū)崿F(xiàn)這樣一個(gè)站點(diǎn)，源碼目錄如下：
src：//網(wǎng)站根目錄 ├─.vuepress?//程序主目錄 │??├─components?//組件代碼目錄 │??├─dist?//打包生成代碼目錄 │??├─public?//和主題相關(guān)靜態(tài)資源 │??├─styles?//主題樣式代碼 │??├─components?//組件代碼目錄 │??├─config.js?//配置文件 │??├─enhanceApp.js?//應(yīng)用級(jí)別的配置 ├─assets?//網(wǎng)站靜態(tài)資源目錄 ├─concept?//概念詳解目錄 │??├─README.md?//目錄主頁(yè) ├─css?//CSS目錄 │??├─README.md?//目錄主頁(yè) ├─electron?//Electron目錄 │??├─README.md?//目錄主頁(yè) ├─css?//CSS目錄 │??├─README.md?//目錄主頁(yè) ├─guide?//引導(dǎo)頁(yè) │??├─README.md?//目錄主頁(yè) ├─javascript?//javascript目錄 │??├─README.md?//目錄主頁(yè) ├─node?//node目錄 │??├─README.md?//目錄主頁(yè) ├─performance?//performance目錄 │??├─README.md?//目錄主頁(yè) ├─principle?//principle目錄 │??├─README.md?//目錄主頁(yè) ├─problem?//problem目錄 │??├─README.md?//目錄主頁(yè) ├─react?//react目錄 │??├─README.md?//目錄主頁(yè) ├─source?//source目錄 │??├─README.md?//目錄主頁(yè) ├─tool?//開發(fā)工具目錄 │??├─git.md?//Git命令 │??├─github.md?//Github技巧 ├─vue?//vue目錄 │??├─README.md?//目錄主頁(yè) ├─index.md?//主頁(yè) ├─package.json詳細(xì)配置?src/.vuepress/config.js
module.exports?=?{/*** Ref：https://v1.vuepress.vuejs.org/config/#title*/title:?'太空編程',/*** Ref：https://v1.vuepress.vuejs.org/config/#description*/description:?description,/***?Extra?tags?to?be?injected?to?the?page?HTML?`<head>`** ref：https://v1.vuepress.vuejs.org/config/#head*/head:?[['meta',?{?name:?'theme-color',?content:?'#3eaf7c'?}],['meta',?{?name:?'apple-mobile-web-app-capable',?content:?'yes'?}],['meta',?{?name:?'apple-mobile-web-app-status-bar-style',?content:?'black'?}],['link',?{?rel:?'shortcut?icon',?type:?"image/x-icon",?href:?'/favicon.ico'?}]],/***?Theme?configuration,?here?is?the?default?theme?configuration?for?VuePress.** ref：https://v1.vuepress.vuejs.org/theme/default-theme-config.html*/themeConfig:?{logo:?'/logo.png',repo:?'',editLinks:?false,docsDir:?'',editLinkText:?'',lastUpdated:?false,nav:?[{text:?'JavaScript',link:?'/javascript/'},{text:?'CSS',link:?'/css/'},//?.....{text:?'疑難雜癥',link:?'/problem/'},{text:?'手寫源碼',link:?'/source/'},{text:?'開發(fā)工具',items:?[{text:?'Git命令',link:?'/tool/git'},//?......]},{text:?'聯(lián)系',ariaLabel:?'更多聯(lián)系',items:?[{text:?'Github',link:?'https://www.github.com/fantingsheng'},//?........{text:?'開發(fā)筆記',link:?'http://wiki.i-fanr.com'}]}],sidebar:?[{title:?'JavaScript',???//?必要的path:?'/javascript/',??????//?可選的,?標(biāo)題的跳轉(zhuǎn)鏈接，應(yīng)為絕對(duì)路徑且必須存在collapsable:?false,?//?可選的,?默認(rèn)值是?true},{title:?'CSS',???//?必要的path:?'/css/',??????//?可選的,?標(biāo)題的跳轉(zhuǎn)鏈接，應(yīng)為絕對(duì)路徑且必須存在collapsable:?false,?//?可選的,?默認(rèn)值是?true},//?......{title:?'手寫源碼',???//?必要的path:?'/source/',??????//?可選的,?標(biāo)題的跳轉(zhuǎn)鏈接，應(yīng)為絕對(duì)路徑且必須存在collapsable:?false,?//?可選的,?默認(rèn)值是?true},{title:?'開發(fā)工具',???//?必要的path:?'/tool/',??????//?可選的,?標(biāo)題的跳轉(zhuǎn)鏈接，應(yīng)為絕對(duì)路徑且必須存在collapsable:?false,?//?可選的,?默認(rèn)值是?true,children:?['/tool/git','/tool/github','/tool/web','/tool/run']}]},/*** Apply plugins，ref：https://v1.vuepress.vuejs.org/zh/plugin/*/plugins:?['@vuepress/plugin-back-to-top','@vuepress/plugin-medium-zoom','image'] }左側(cè)菜單除了引導(dǎo)頁(yè)面采用自定義，其它頁(yè)面均通過配置?sidebar: auto?以標(biāo)題索引呈現(xiàn)
--- sidebar:?auto ---我們都知道知識(shí)需要結(jié)構(gòu)化。平時(shí)的總結(jié)和記憶都是碎片化的，要做到由點(diǎn)到面，需要采用合理的分類將知識(shí)串聯(lián)起來形成大綱。
通過分類，把平時(shí)遇到的問題和總結(jié)記錄下來，形成自己的沉淀。
在面試前就有了一份自己的知識(shí)回顧清單。這比看網(wǎng)上的任何一份面試題大全都有用，更重要的是記憶會(huì)更加深刻。
雖然“面試造火箭，工作擰螺絲”，但是及時(shí)地梳理加深自己的專業(yè)知識(shí)是每個(gè)技術(shù)人都應(yīng)該時(shí)刻謹(jǐn)記的。有了這份態(tài)度，才不至于在突如其來的面試面前手忙腳亂。
Respect !
太空編程
分享硬核的編程知識(shí)
分享精彩，碼上快樂。JavaScript已然上天，有朝一日實(shí)現(xiàn)太空編程！回復(fù)【pdf】更有海量的優(yōu)質(zhì)電子書供下載。
spacexcode
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的金三银四跳槽面试季，我整理前端知识做了个网站的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用 VuePress 搭建一个自己的知
- 下一篇： CSS浏览器兼容性问题