原创 在Debian9上安裝Travis的正確芝士 在Debian9上安裝Travis的正確芝士

在Debian9上安裝Travis的正確芝士 安裝概要 先反推一下Travis的安裝流程: Travis <-- gem <-- ruby <-- rvm 我們可以看到安裝Travis需要有gem; 安裝gem需要ruby; 而安裝最

原创 使用travis結合docker實現前端自動化部署 使用travis結合docker實現前端自動化部署

使用travis結合docker實現前端自動化部署 2020年接近尾聲,纔剛開始摸索自動化部署,希望一切都來得及 刀跟火種和工業革命的碰撞 農耕時代我們怎麼部署項目? 本地打包編譯yarn build 上傳到服務器scp xxx

原创 JavaScript設計模式——原型模式 原型模式

原型模式 原型模式 (Prototype):用原型實例指向創建對象的類,使用於創建新的對象的類共享原型對象的屬性以及方法。 通過一個簡單的例子,來認識一下: //構造函數 function Person() {} // 原型屬性 Pro

原创 JavaScript設計模式——代理模式 代理模式

代理模式 代理的概念 由於一個對象不能直接引用另一個對象,所以需要通過代理對象在這兩個對象之間起到中介的作用 以上便是代購,不,是中介,嗨,代理的定義了,由此可見,在我們的日常生活中,代理扮演着衆多重要的角色。 在面向對象的編程中,代理

原创 JavaScript設計模式——適配器模式 無問西東 適配器模

無問西東 今日觀影《無問西東》感觸最深的話,記錄於此: 人把自己置身於忙碌當中,有一種麻木的踏實,但喪失了真實,你的青春也不過只有這些日子。 什麼是真實? 你看到什麼,聽到什麼,做什麼,和誰在一起,有一種從心靈深處滿溢出來的不懊悔,也不羞

原创 JavaScript設計模式——外觀模式 外觀模式

外觀模式 接下來,開始學習結構性設計模式 爲一組複雜的子系統接口提供一個更高級的統一接口,通過這個接口使得對子系統接口的訪問更加容易。 小試牛刀 還是通過一個最簡單的例子來呈現外觀模式: function a(paramA) {

原创 CKeditor4 上傳圖片一條龍服務 CKEditor4

CKEditor4 當前版本爲CKEditor4.13.0 下載CKEditor4 選擇基礎組件(Basic) 我們這裏只用到了圖片的上傳,因此選擇基礎組件 進入CKEditor4官網 2.選擇圖片上傳插件 注意⚠️:選擇Fil

原创 JavaScript設計模式——單例模式 孤單是一個人的狂歡——單例模式

孤單是一個人的狂歡——單例模式 喧囂的夜晚,肆無忌憚的人羣,一切都讓人紙醉金迷。越是這個時候,坐在角落的自己越顯得孤單,像極了單例模式。 咳咳咳,扯遠了。 單例模式:又被稱爲單體模式,只允許實例化一次的對象類。即便多次實例化該類,返回的仍

原创 JavaScript設計模式——建造者模式

寫在前面 早該更新文章了,然而最近深陷項(囹)目(圄)。爲了適配萬惡的IE8,不得不使用陳舊的框架Ext,從未接觸過,純英文的文檔,心中的苦悶自是不得而知。因此,拖拖沓沓,迎來了久違的建造者模式。 什麼是建造者模式 將一個複雜對象的構建層

原创 JavaScript設計模式——工廠模式

前言 今天開始學習JavaScript設計模式,每天學一點,希望有所收穫。 今天主要學習工廠模式,包括:簡單工廠模式、工廠方法模式、抽象工廠模式。 設計模式分類 1、創建型 創建型設計模式專注於處理對象創建機制 ,以適合給定情況的方式來創

原创 一起學習、手寫MVVM框架

vue中的數據雙向綁定,其實一句話就可以說清楚了:利用 Object.defineProperty(),並且把內部解耦爲 Observer, Dep, 並使用 Watcher 相連。 那根據這句話我們可以把整一個簡單的MVVM框架粗分爲以下

原创 你對JavaScript面向對象瞭解多少?

你對JavaScript面向對象瞭解多少? 前言 前兩天看到一個有意思的觀點:工具的進步,不代表你能力的進步。前端框架風起雲涌,我們用得得心應手,回過頭來,脫離框架我們還剩下什麼?我覺得這是個值得深思的問題。 扯遠了,本文主要是想把Java

原创 使用 Hexo 和 GitHub Pages 搭建簡單的個人博客

閒來無事,趁着摸魚時間,使用Hexo和 GitHub搭建出最簡單的個人博客。 畢竟磨蹭了很久了,苦於自己的技術水平不夠,加上日常懶癌發作,終終終於找到了最簡單又免費的方式來搭建個人博客,順帶擼出自己的第一個博文。 下面就讓我們愉(tong)

原创 JavaScript 中什麼樣的繼承纔是好的繼承?

JavaScript 繼承 前言 理解對象和繼承是我們學習設計模式,甚至是閱讀各種框架源碼的第一步。上一篇文章,筆者已經把JavaScript對象進行了梳理,今天我們來一起學習繼承。 繼承 原型鏈 基本思想:利用原型讓一個引用類型繼承另一個

原创 echarts各項配置(詳細版)

echarts各項配置 基於版本v4.x 前言 吐血整理。 Echarts的各種配置真的是眼花繚亂,第一次使用的時候,內心真的是崩潰啊,看到就害怕。最近開始搞項目了,面對一堆圖表,更是無所適從,才萌生了整理echarts配置的想法。僅僅整理