原创 重寫JavaScript數組7個最常用的原生遍歷方法

前言 數組是JavaScript中最重要的數據格式之一,而對於數組對象實例方法的掌握程度,往往成爲面試官考察面試者的重要依據之一,因此,熟練掌握數組的使用方法,是每一位優秀的前端開發人員的必備條件之一。 本文,將通過重寫數組中7個

原创 詳解:如何在NPM上發佈自己的第一個Vue組件庫

如何在NPM上發佈自己的第一個vue組件庫,是每一名vue前端開發人員必經的進階之路,本文將結合作者的實踐項目,爲各位讀者詳細講解所有的操作步驟,相信你在閱讀本文後,就能立馬動手。 由於本文的主要目的是講解如何創建組件庫併發布到N

原创 思考——console.log(`${1+2}`)===console.log`${1+2}`?

前言 模板字符串是ES6新增的重要語法功能之一,它可以當作普通字符串使用,也可以用來定義多行字符串,或者在字符串中嵌入變量。 示例如下。 // 普通字符串 `In JavaScript '\n' is a line-feed.`

原创 詳解:爲GitHub、Gitlab賬號同時添加、管理多個SSH-Key

GitHub、GitLab是目前最流行的代碼託管平臺,前者常常用於個人代碼託管,而後者常用於企業代碼託管。因此在實際工作中,我們通常會在同一臺電腦設備上,使用這兩個平臺進行代碼託管。 SSH-Key是這兩個平臺的密鑰認證方式,爲自

原创 放下Axios,手寫純原生Ajax通信接口

前言 axios作爲vue框架中最常用的ajax工具包之一,可以與後臺API接口進行通信,傳送或接收數據,在前後端分離開發中,發揮了通信橋樑的重要作用。 雖然像axios這樣的第三方工具包很好用,但是這類工具包並不能很好地幫助前

原创 Git, GitHub初學者使用指南

前言 本文是給Git、GitHub初學者提供的入門教程,將簡單講述Git、GitHub的使用方法和常用技巧。通過閱讀本文,將可以幫助你在GitHub上創建項目,並且通過Git創建本地倉庫,與GitHub的在線倉庫進行連接。 Git

原创 Vue引入echarts使用教程

前言 本文將介紹如何在vue project中引入echarts,在引入echarts之前首先需要添加echarts的依賴包。 vue2.0框架添加方法。 npm install echarts vue3.0框架添加方法。

原创 rm -rf —— 刪庫跑路教程詳解

前言 刪庫跑路是程序員圈子裏面的流行語,rm -rf則是刪庫跑路的代名詞。 本文將爲你解釋這個命令的含義及其使用方法。 含義 首先需要明確rm -rf是Unix/Linux的命令、只有在Unix/Linux的系統中才能正常使用。

原创 詳解:如何在NPM上發佈自己的第一個腳手架工具

前言 腳手架工具能快速生成一個完整的項目結構,幫助開發人員專注於項目開發,十分高效。 表面高大上的腳手架工具,背後的實現原理其實並不複雜。例如 vue-cli 其本質上就是根據不同的操作指令在遠程倉庫(例如:GitHub)把不同的

原创 詳解:如何在Github上搭建自己的博客主頁

前言 好的博客主頁不僅能夠分享自己的技術知識,更能夠展示博主的技術實力。 本文將結合作者的實踐,爲讀者講解如何在GitHub上利用Hexo,快速搭建一個可以在互聯網上自由訪問的博客主頁。 作者的博客主頁:https://jiang

原创 比Switch...Case更加優雅的多條件判斷寫法

前言 前幾天,本人負責編寫網站上線的環境判斷功能,其中涉及到大量多條件判斷的code。對於多條件判斷寫法,大部分程序員都是採用if...else if...else或者switch...case的寫法,但是有一種多條件判斷寫法,比

原创 CSS3盒子模型(FLex彈性佈局)實例代碼全公開

前言 CSS3中的盒子模型(Flex彈性佈局),是目前最流行的佈局方式,相比於傳統的Position,FLoat,Table 佈局,盒子模型可以用更少的代碼,實現更好的效果(比如:各種居中、對齊等)。 本文將把盒子模型中的各種佈

原创 vue-cli@3添加sass(vue項目模板封裝系列)

前言 上一期分享瞭如何在vue-cli3的框架中,封裝mixins,module 。本期將分享如何在vue項目中添加sass。 GitHub項目地址:https://github.com/jiangjiaheng/web-tem

原创 vue-cli@3封裝mixins,module(vue項目模板封裝系列)

前言 上一期分享瞭如何在vue-cli3的框架中,封裝Mock.js。本期將分享如何在vue項目中封裝mixins,module 並使用。 GitHub項目地址:https://github.com/jiangjiaheng/w

原创 vue-cli@3封裝MockJs(vue項目模板封裝系列)

前言 上一期分享瞭如何在vue-cli3的框架中,封裝Vuex。本期將分享如何在vue項目中添加Mock.js,並封裝使用。 GitHub項目地址:https://github.com/jiangjiaheng/web-temp