寫在前面 一年多沒寫過博客了，工作、生活逐漸磨平了棱角。 寫代碼容易，寫博客難，堅持寫高水平的技術博客更難。 技術控決定慢慢拾起這份堅持，用作技術學習的階段性總結。 返回閱讀列表點擊 這里 開始 大前端時代，最近在面試前端工程師的過程中，有感而發，技術更新迭代快，學習 ...

接下來再做一個常用的組件 - input 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 input 組件有兩種類型，即 input 和 textarea 類型 當類型為 textarea 時，可以自定義行高，但是當類型為 input 時 ...

基礎組件庫先做到這個階段，后面我會繼續新增、完善 接下來，我們對之前做的組件進行打包發布到 npm 返回閱讀列表點擊 這里 組件庫優化 通用層疊樣式表 我想大家都注意到了，前面我們在寫組件的時候，scss 中類的命名都是 jeremy-x 這樣的形式，這是為了用選擇器來做到 ...

接下來做個自定義的表格組件，即 table 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 基於原生 table 標簽的強語義 允許用戶自定義表頭、表體 可選是否具有邊框 那么可以整理出以下參數表格 參數 ...

頂部邊欄做完了，接下來開始做官網的首頁 返回閱讀列表點擊 這里 創建視圖文件夾 讓我們先新建一個 src/views 文件夾，用來存放官網的主要視圖 然后在該文件夾下新建兩個 vue 文件，作為我們的視圖 Home.vue，首頁 Document.vue，文檔頁 ...

官網基本做好了，接下來開始做核心組件 返回閱讀列表點擊 這里 目錄准備 在項目 src 目錄下創建 lib 文件夾，用來存放所有的核心組件吧。然后再在 lib 文件夾下創建 Button.vue 文件。 您也可以進行結構化設計，比如，這里就不進行了。 需求分析 慣例先行 ...

標簽頁是非常常用的組件，接下來我們來制作一個簡單的 Tabs 組件 返回閱讀列表點擊 這里 需求分析 我們先做一個簡單的需求分析 可以選擇標簽頁排列的方向 選中的標簽頁應當有下划線高亮顯示 切換選中時，下划線應當有動畫效果 應當允許更換顏色 那么可以整理 ...

卡片是非常常用也是非常重要的組件，特別是在移動端的眾多應用場景中，隨便打開一個手機 App ，您會發現充斥着各種各樣的卡片。 所以，我們也來制作一個簡易的 Card 組件 返回閱讀列表點擊 這里 需求分析 我們先做一個簡單的需求分析 允許用戶自定義內容 允許更換 ...