原创 詳解Vue 生命週期函數

先來看看vue官網對vue生命週期的介紹 Vue實例有一個完整的生命週期,也就是從開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、銷燬等一系列過程,我們稱這是Vue的生命週期。通俗說就是Vue實例從創建到銷燬的過程,就是生

原创 docker 入門 及VUE項目部署

一、常用指令 docker images       ####查看當前鏡像列表; docker rmi  鏡像ID或鏡像名  [-f]            ####刪除指定鏡像,-f表示強制刪除; docker pull 鏡像名[:版本

原创 jquery 3.0變化

Query 3.0 的變化 時隔 3 個月,jQuery 團隊終於發佈了 3.0 Alpha 版本。有兩個版本 jQuery compat 3.0 和 jQuery 3.0。 jQuery compat 3.0 對應之前的 1.x, 兼容

原创 VueRouter守衛和鉤子的總結

守衛:即路由觸發時,在被確認之前所要執行的函數,可以啓到本次跳轉的攔截作用,可以決定本次跳轉成功與否。 鉤子:即路由觸發時機要執行的函數,不能起到攔截組用,不能干預本次跳轉的成功與否。 一、分類 1.從調用時機來分,爲兩類:守衛、鉤子 守

原创 根據身份證生成規則,校驗身份證

沒啥說的,直接上代碼,有用就拿去 HTML: <input type="text" id="card" onblur="checkCard()" /> Js: var checkCard=function(){ var car

原创 vue-cli創建項目特別慢解決方法

雖然設置過淘寶鏡像npm install-g cnpm --registry=https://registry.npm.taobao.org 但是通過vue init webpack projectName新建項目是和淘寶鏡像沒關係的,因

原创 小程序開發規範文檔

目錄規範   1.目錄概述   組件文件 所有組件相關文件統一放在components目錄下。   圖片文件 項目圖片文件放置於根目錄的images文件夾下,組件獨有的圖片放在當前組件images目錄下   模型文件 模型文件主要用於

原创 jenkins+docker 持續集成 持續交付

引言 面對越來越多的微服務,越來越頻繁的版本發佈,上週末在家倒騰了jenkins+docker的持續集成和持續交付。 ==實現了push tag 到git服務器後坐等新版本發佈的郵件通知==,她會自動觸發工程構建和版本發佈,那叫一個爽歪歪

原创 git 操作命令總結

首先感謝廖雪峯老師的細心講解https://www.liaoxuefeng.com/wiki/896043488029600。 本文只是自己的學習後的總結,沒什麼邏輯可言。 git add 文件名  ##把文件從工作區添加到暫存區,注意g

原创 Vue+Sass實現動態換膚

言明,本文實現的動態換膚並非elementUi官網那種隨意用ColorPicker實時更改主題的效果,而是爲系統預設的幾種主題事先配置顏色,然後線上觸發更改主題的事件。 首先感謝luanxiyuan老師的博文引導。 此方案涉及Sass的m

原创 如何自學 D3

在數據可視化的世界中,D3 可謂極其耀眼的明星。 很多人着迷於 D3 那近乎無限可能的圖形開發能力,而又被 D3 那海量的 API 所困住,往往學了很久卻不得其道。 (還不瞭解 D3 的同學,可看《D3 vs G2 vs Echarts》

原创 SVG之Path

SVG之Path 目錄   一、Path概述      1、控制命令      2、格式      3、簡單的演示編輯器  二、移動和直線命令  三、弧線命令  四、貝塞爾曲線命令      1、貝塞爾曲線概述      2、二次貝塞

原创 爲什麼在vue中的methods中箭頭函數的this指向undefined

先聲明,本文站在巨人的肩膀上發散的思維。如題,首先this不會是vm,這一點很篤定。但爲何是undefined不是window,想着有些困惑。 搞明白這個,首先得曉得這幾個前提: 1.箭頭函數的this是在定義函數時繼承了其父級作用域的t

原创 禁止eslint對指定代碼檢測

有時候我們引入外部文件的API時,eslint無法識別,編譯的時候就會出現warn,如下圖 image.png VueAwesomeSwiper 是全局對象所以在這個文件不用另外導入,但是eslint 並不清楚這些邏輯,它會以爲是你寫錯

原创 啓動本地服務+配置反向代理

首先目前前端市場中,啓動前端本地服務和配置反向代理的技術已經太多了,隨隨便便就能列出個一二三四,我這裏只是記錄自己用到的兩種方式,以及自己遇到的遺留問題: 第一種:Nginx    第二種:node+express 一、先說第一種,比較傳