原创 vue雙向綁定原理之Object.defineProperty的應用

衆所周知,vue2.0的雙向數據綁定使用es6的Object.defineProperty方法實現的,本文我講會爲大家仔細講解之間的實現原理。 Object.defineProperty() 法會直接在一個對象上定義一個新屬性,

原创 webpack4從零開始項目構建(entry,output,module,plugins, devServer)介紹和使用

webpack作爲我們項目開發中廣發應用的一款模塊打包工具,如果你對它還不熟悉的話,如果你還停留在npm run dev的話,接下來就跟我一起來走近webpack,瞭解它,擁抱它,本文介紹的是webpack4的版本。 1. web

原创 javascript特效之滑動滑塊登錄

在網上經常看到那種登錄的時候有個滑塊可以拖動,拖到到最右側然後自動登錄的效果,今天我來自己實現一下,大家一起學習。 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

原创 axios請求封裝,實現get,post(json格式),postForm(表單提交)方法

在我們項目開發過程中,離不開與後臺的交互,那就是我們常說的掉接口,在脫離了jquery開發體系,在我們的框架vue,react,等的開發中axios脫穎而出,下文代碼示例工作中自己封裝的請求。 import axios from

原创 js實現二分查找法

二分查找法: 對於有序的數列, 才能使用二分查找法。 ()假設有一個數組長度爲n,開始查找範圍爲[0,n-1],從一個數組的中間位置m,開始查找,如果這個數是,那我們就找到了,如果不是,比較要找的這個數和中間數的大小,如果大於中間

原创 vue前端面試題彙總(常問-進階篇)

vue中computed和watch的區別 1.computed的用法 是一個計算屬性,類似於過濾器,對綁定到view的數據進行處理。computed上面的屬性不可在vue data中聲明,不能做異步處理 data: {

原创 localStorage工具類的封裝分享

在實際項目開發的過程中,我們難免會用到本地緩存這些東西,像cookie,localStorage,sessionStorage啊,雖然這些很簡單,今天分享一個基於localStorage工具類的封裝。 /** * localSt

原创 js精度計算問題,結合decimaljs的解決方法

在我們日常開發中,經常遇到兩個數的加減乘除,通常正常的加減一般沒有問題,但是遇到小數點,此時就很令人頭痛了,例如 0.1+0.2 === 0.3 ???? 打開控制檯一看暈了 0.1+0.2 = 0.300000000000000

原创 js將數字的金額轉換成中文大寫金額

最近在工作的時候遇到要把數字的金額轉成中文大寫,例如,600.99 轉成陸佰元玖角玖分!好了廢話不多說,開始上代碼。 function moneyToCapital(num) { var fuhao = ""; v

原创 web前端面試題(常問-概念篇)

1、http與https的的區別 https協議需要到ca申請證書,一般免費證書較少,因而需要一定費用。 http是超文本傳輸協議,信息是明文傳輸,https則是具有安全性的ssl加密傳輸協議。 http和https使用的是完全

原创 javascript特效之瀑布流

最近給大家分享一下在項目中用原生js實現的瀑布流特效。 要實現瀑布流,先讓我們來看看他的實現步驟。 1.給div設置浮動。 float:left。 2. 計算可視寬度下,每一行能放多少個 3. 把第一排的的元素的高度,存入一個數組

原创 javascript之箭頭函數

箭頭函數有幾個使用注意點。 (1)函數體內的this對象,就是定義時所在的對象,而不是使用時所在的對象。 (2)不可以當作構造函數,也就是說,不可以使用new命令,否則會拋出一個錯誤。 (3)不可以使用arguments對象,該對

原创 javascript之原型鏈和繼承

今天我和大家一起復習學習一下javascript中的原型鏈和繼承。 原型鏈 下面用一張圖帶大家看清楚原型鏈 構造函數的原型有一個constructor屬性指向構造函數本身,實例的隱式原型_proto_指向構造函數的原型。 P

原创 webpack性能優化之DllPlugin插件的使用

在我們的項目開發中,如果使用webpack來打包編譯我們的項目,我們都會遇到一個問題,當項目的依賴變得越來越多時,我們會發現webpack的打包速度會越來越慢,怎麼去解決這個問題呢。首先我們先思考一個問題,webpack打包的時候

原创 websocket之socket.io前後端聯調詳解(nodejs方向)

在我們的開發中,傳統的ajax是客戶端向服務器發送請求,你需要拿什麼數據就要發什麼請求,像那種數據不斷變化的,我們只能隔一會請求一次,隔一會請求一次,這就是我們常說的ajax輪詢,但是websocket的出現極大的改善了這一現狀,