原创 v-if和v-show、display: none和visibility:hidden的區別

v-if指令和v-show指令的區別 相同點:都可以控制標籤的顯隱。 不同點: 一、實現本質方法區別 v-if是動態的向DOM樹內添加或者刪除DOM元素 v-show本質是利用標籤的display屬性,通過visibility和

原创 css實現心跳效果

使用css3 animation實現心跳動的效果 直接上代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title>

原创 redux-thunk和redux-saga

redux-thunk和redux-saga都是redux的中間件,都是用來處理異步請求的。中間件是指在action與store之間實現某種功能的函數 redux-thunk的用法 一般redux中action默認值返回對象,不能返

原创 創建一個棧,實現取最小值時間複雜度

問題:如何實現一個棧的方法,它能夠返回棧的最小值且時間複雜度爲O(1)。今天我們來說說幾種解決問題的方式。 結合棧的數據結構和先入後出的特點,如果想實現複雜度爲O(1)的取最小值的方法,就要把最小值保存起來。而且還要隨着出棧,入棧

原创 jsonp跨域原理

什麼是同源政策? “同源”是指“三個相同”: 協議相同 域名相同 端口相同 目的 同源政策的目的,是爲了保證用戶信息的安全,防止惡意的網站竊取數據。 限制範圍 目前,如果非同源,共有三種行爲受到限制。 (1) 無法讀取非同源

原创 MVC與MVVM模式對比

MCV MCV是後端的分層開發概念 MVVM MVVM是前端視圖層的概念,主要關注於視圖層分離,也就是說,MVVM把前端的視圖層分爲三部分,Model、View、VM(ViewModel) 詳情可看下圖:

原创 call、apply和bind的原理

使用模擬實現的方式探究call和apply的原理 call 作用: call() 方法就是使用一個指定this值和若干個指定參數值的前提下調用摸個函數或方法。` var foo = { value: 1 } function b

原创 vue-router

一、 $router和$route的區別 $router是VueRouter的實例,主要是實現路由跳轉使用。想要導航到不同的URL,則使用$router.push()或$router.replace()方法 // 字符串 rout

原创 常用的正則表達式

常用的正則表達式 驗證郵箱 var reg = /^(\w+)(\.\w+)*@(\w+)(\.\w{2,3}){1,3}/ 驗證http或ftp協議 var reg = /^(http | ftp):\/\/([^\/\r\n]+

原创 RDBMS和NOSQL, MongoDB和Mysql區別

名詞解釋: RDBMS:傳統型數據庫系統(如:mysql、oracle) NOSQL:非傳統型數據庫系統(如:mongodb) NOSQL是基於分佈式文件存儲的 分佈式系統 分佈式系統(distributed system)由多

原创 vue-parcel

關於parcel Parcel 是一個前端構建工具,Parcel 官網 將它定義爲極速零配置的Web應用打包工具。複雜繁瑣的 webpack 配置一直是前端項目裏的一個痛點,而新一代的“零配置”打包器 parcel 正在解決這個問題。

原创 瀏覽器兼容性問題

一、使用meta標籤的X-UA-Compatible屬性 X-UA-Compatible是一個設置IE瀏覽器兼容模式的屬性,在IE8瀏覽器之後誕生。 <meta http-equiv="X-UA-Compatible" content

原创 webpack原理

webpack出現的原因 模塊的加載和傳輸過程中,若每個模塊都請求一個,這樣會由於請求次數過多,導致啓動速度過慢。若是把所有模塊打包成一個文件只請求一次,會導致文件太大,每次請求都會消耗很大的流量。最好的方式是把代碼塊按塊區分,按需進

原创 CDN原理

一、CDN是什麼? 轉載:運維部落 8年前,還沒有火車票代售點一說,12306.cn更是無從說起。那時候火車票還只能在火車站的售票大廳購買,而我所住的小縣城並不通火車,火車票都要去市裏的火車站購買,而從縣城到市裏,來回就是4個小時車程

原创 js每隔一秒打印1,2,3,4,5

js怎麼每隔一秒打印出數字呢? 方法一: 自執行函數 for (var i=0; i<5; i++) { (function (i) { setTimeout(() => console.log(i