原创 設計模式——適配器模式(適配器模式的定義、實際項目的運用、以及個人對適配器模式的理解)

適配器模式概念 有時候也稱包裝樣式或者包裝(wrapper)。將一個類的接口轉接成用戶所期待的。一個適配使得因接口不兼容而不能在一起工作的類能在一起工作,做法是將類自己的接口包裹在一個已存在的類中。 說人話就是,你的3.5mm耳

原创 函數式編程——編程思想、高階函數、部分es6方法模擬、閉包解析及案例

函數式編程 爲什麼要學習函數式編程 函數式編程的特性(純函數,柯里化,函數組合) 函數式編程的應用場景 函數式編程庫Lodash 爲什麼要學習函數式編程 函數式編程隨着React的流行受到越來越多的關注,例如高階組件、hoo

原创 設計模式——裝飾器模式(作用、意義、實現before、after、es7中的修飾符)

作用及意義 其實使用裝飾器模式就是我壓根不想去關心它現有的業務邏輯是什麼。我只是想對它已有的功能做個拓展,只關心拓展出來的那部分新功能如何實現。 實際工作中的運用(簡單粗暴) 老闆交給小明一個遠古項目,告訴小明相關開發已經跑路離職

原创 設計模式——工廠模式(通俗易懂、徐徐漸進)

看了修言大大的小冊感覺受益匪淺,所以出次讀後感誤人子弟爲道友解惑 簡單工廠模式 小明看到了小王同學的iphone6羨慕不已。突然想到我也可以造一臺啊,說幹就幹。 const xiaoming_iphone6={ name:

原创 設計模式——單例模式(單例模式介紹 實戰案例及vuex的簡單分析)

有一個實例化的過程(只有一次),產生實例化對象 new提供返回實例對象的方法。 每次實例化都會產生一個新的對象這肯定不是單例模式 class SingleCase{ log(){ console.lo

原创 JavaScript異步編程及其工作原理,知其然知其所以然

異步編程 同步模式與異步模式 事件循環與消息隊列 異步編程的幾種方式 Promise異步方案、宏方案/微任務隊列 Generator異步方案、Async/awit 語法糖 常見名詞 CallStatck 調用棧 Even

原创 TyepeScript、Flow入門教程及強類型弱類型簡單闡述

強類型與弱類型(類型安全) (此處存在爭議,以下觀點僅代表個人理解) 編程語言分爲強類型與弱類型,強類型有更強的類型約束,而弱類型中幾乎沒有什麼約束 強類型語言 在語言層面就限制了函數的實參類型必須與形參類型相同 不允許

原创 ES6知識點合集由淺入深

寫在前面的一些話,對於ES6之前一直都是用到哪裏查哪裏。一直也沒有機會完全的讀完阮一峯老師的書。剛好這段疫情時間有充足的時間用來學習,下面這篇文章可以帶你瞭解es6新增屬性、對象、數據結構等。如果真的有時間不妨讀完阮一峯老師的書

原创 21行代碼擼一個表單驗證器(仿lumen Validator)

驗證下面的數據 //等待驗證的數據 let awitWerified = { //必須填寫、必須是string類型、最小長度6位、最大長度10位 name:'123', //必須填寫、必須是手機號

原创 lumen初學教程

文檔傳送 lumen文檔 laravel文檔 laravel命令速查表 安裝 Lumen composer global require "laravel/lumen-installer" 創建新的項目 //通過終端進入所需

原创 網頁水印設置

function watermark(settings) { //默認設置 var defaultSettings={ watermark_txt:"text", watermar

原创 vue-cli rem佈局配置方案

安裝postcss-px2rem npm i postcss-px2rem --save npm install px2rem-loader --save 配置px2rem build目錄下vue-loader.conf.js

原创 git使用

更改指令 狀態 st: git config --global alias.st status 註釋ci: git config --global alias.ci commit 切換分支 co: git config

原创 nginx反向代理

什麼是Nginx Nginx (engine x) 是一個高性能的HTTP和反向代理服務,也是一個IMAP/POP3/SMTP服務。Nginx是由伊戈爾·賽索耶夫爲俄羅斯訪問量第二的Rambler.ru站點(俄文:Рамблер

原创 MUI 混合開發 輪播圖應用

MUI 混合開發 輪播圖應用 在MUI api中輪播代碼 <div id="slider" class="mui-slider" > //輪播盒子 <!--支持循環,需要重複圖片節點-->