原创 前端刷題 —— 牛客網前端題庫60道詳解(二) 目錄

目錄 引言 將字符串轉換爲駝峯格式(中等) 字符串字符統計(入門) 加粗文字(中等) 段落標識(簡單) 設置文字顏色(較難???) 查找數組元素位置(簡單) 數組求和(入門) 移除數組中的元素(簡單) 移除數組中的元素(中等) 添加元素

原创 學習算法第三天 —— 排序

題目:對數組進行排序 冒泡排序 插入排序 快速排序 歸併排序 題目 對一個數組進行排序,所有的方法: let arr = [48, 35, 18, 45, 12, 68, 33] 冒泡排序 時間複雜度 O() 空間複雜度 O(

原创 Vuex(一) —— 集中式的狀態管理倉庫 目錄

目錄 Vue組件間通信方式回顧 組件內的狀態管理流程 組件間通信方式 父組件給子組件傳值 (最簡單的一種方式) 子組件給父組件傳值 不相關組件之間傳值 其他常見方式($ref) 簡易的狀態管理方案 上面組件間通信方式的問題

原创 Vuex(三) —— 純手寫一個超簡單的Vuex 目錄

目錄 分析Vuex的功能 下載模板 分析模塊結構 實現install函數 實現Store類 替換vuex 前面學了Vuex的概念和使用,還用購物車做了一個完整的案例,下面看看手寫一個簡單的Vuex。 分析Vuex的功能 首先導入vu

原创 Vuex(二) —— 用Vuex完成購物車案例 目錄

目錄 需求 需求分析 組件分析 組件通信 開發 準備環境 準備模塊結構 商品列表組件 展示商品列表 添加購物車 我的購物車組件 購物車列表 商品數量和統計功能 刪除購物車商品 購物車列表組件 購物車列表 全選操作 數

原创 Gulp4(一)——基本使用及核心原理 目錄

目錄 Glup Gulp的使用步驟 Gulp的基本使用 安裝 起步 默認任務 gulp4.0之前的任務註冊 Gulp的組合任務 Gulp的異步任務 回調方式去解決 stream Gulp構建過程核心工作原理 Gulp讀取

原创 VSCode的code spell checker插件 目錄

目錄 插件介紹 這個插件是用來檢查語法規則的。 安裝 首先去VSCode商店進行安裝 配置 Allow Compound Words設置爲false Enable Filetypes中添加要進行檢查的文件類型 Ignore

原创 FIS —— 已經不再維護的前端構建系統 目錄

目錄 FIS FIS3初體驗 —— 發佈文件 FIS編譯與壓縮 sass文件編譯 js文件編譯 文件壓縮 調試 之前工作一直用到FIS,FIS2和FIS3都有用過,現在只是把學習筆記放上來,因爲手中實踐的東西較多,之後有時間

原创 Grunt —— 最早的前端自動化構建系統 目錄

目錄 Grunt Grunt的基本使用 安裝 起步 添加任務描述 默認任務 添加執行任務列表 異步任務 Grunt標記任務失敗 如果任務失敗如何表示? 如何讓後面的任務繼續執行呢? 異步任務如何標記失敗? Grunt配置選項

原创 Plop —— 小而美的腳手架工具 目錄

目錄 Plop介紹 Plop的具體使用 具體步驟 總結 Plop介紹 主要用於創建項目中特定文件類型的小工具,類似於Yeoman中的sub generator,一般不會獨立使用。一般會把Plop集成到項目中,用來自動化的創建同類型

原创 前端工程化 —— 概述及腳手架工具 目錄

目錄 工程化概述 工程化主要解決的問題 工程化的表現 工程化 != 某個工具 一些成熟的工程化集成 腳手架工具 腳手架的本質作用 常用的腳手架工具 腳手架工作原理 腳手架工作過程 開發一個腳手架 工程化概述 工程化主要解決的

原创 Yeoman —— 通用腳手架工具 目錄

目錄 Yeoman 優點 & 缺點 安裝起步 基本使用 sub generator 實例:將項目變成cli項目 使用步驟總結 自定義Generator Generator基本結構 名稱規範 實踐操作 根據模板創建文件 動態接收用

原创 手把手教你如何開發一個簡單的腳手架

目錄 入口文件搭建 實現具體業務流程 入口文件搭建 首先npm init創建一個package.json 在package.json裏面添加一個配置項中添加bin { "name": "node-cli", "versi

原创 GIT實操手冊 —— 如何做到精準回滾 目錄

目錄 一、如何將在工作區中修改的文件進行回滾(git checkout) 恢復單個文件 恢復所有文件 編譯器:VSCcode 源代碼管理 二、如何將暫存區修改的文件進行回滾(git reset) 恢復暫存區指定文件到工作區 恢復暫

原创 GIT實操手冊 —— 值得收藏的GIT常用命令字典 目錄

目錄 git config 配置 git help 顯示有關Git的幫助信息 git init 初始化 git add 將文件內容添加到暫存區 git clone 將存儲庫克隆到新目錄中 git status 查看狀態 git diff