原创 對於height :100%的理解

最近在做項目的時候,在調樣式的時候,給一個元素的樣式設爲height:100%,發現沒有達到效果,最後發現給他的父元素設了高度之後就有反應了。難道這樣就解決了?還沒有,我還要去查一查! 搜了w3cschool的文檔,看到這個: 這

原创 變量的作用域是聲明時決定的,而不是運行時

今天一位朋友發了一個題目,我看了下竟然答錯了,感覺以後在面試後會遇到,所以在這裏寫下。 //變量的作用域是“聲明時”決定的,而不是運行時 var food = "milk"; function f1() {

原创 在vue中使用cube-ui的better-scroll插件出現兩次點擊的問題

最近在vue項目中用cube-ui裏的better-scroll時候,出現兩次點擊的問題,在網上查了下,說是可以是用“防止短時間內請求提交”解決,具體代碼如下: var DEBOUNCE_TIME = 400 new Vue({

原创 js裏的if判斷裏面用()之後,可以同時加上|| 和 &&,或與且

自己之前在if判斷的時候,要不就只有|| 或者&&,比較少寫過&&和||同時寫的情況,其實我們還可以這樣寫,如下: //比如在vue裏面的v-for的裏面的時候 v-if="!item.canReceiveAward &&(ite

原创 在vue中用動態class綁定實現根據不同的狀態呈現不同的顏色顯示

又隔段時間沒寫博客了,今天寫下博客。之前在項目遇到要實現這樣一個需求,如下圖所示: 就是根據不同的狀態呈現不同的顏色,一開始拿到這個需求的時候有點迷惑,後來自己查了下文檔,發現可以這樣做,廢話不多說,直接上代碼(相關邏輯代碼可以

原创 JavaScrip在字符串裏如何實現連續數字不能超過11位這一需求

前幾天在做一個項目裏遇到了一個這樣的需求,就是用戶填寫收貨信息這一欄時,連續填寫數字時不能超過11位。在網上找到一種方法,是這樣的 var str = "ren12民BI30kuai" console.log(str.replac

原创 三元表達式可用於函數參數

最近在vue項目裏嘗試在函數參數裏寫三元表達式,發現是可以的,列下所寫代碼,僅作爲參考。 <div class="countdown flex flex-align-center" v-if="sourceType==='kil

原创 結合vue、react、angular簡談MVC、MVVM框架

React 如其官方介紹:React - A JavaScript library for building userinterfaces, React是一個爲數據提供渲染爲HTML視圖的開源JavaScript庫。從這個定義來看

原创 vue中radio單選框單擊取消選中狀態

最近在項目實現一個問卷調研的功能,發現正常情況下,多選框是可以單擊取消選中狀態的,單選框就不行,單選框選中了就不能再取消,剛開始自己不知道怎麼解決,然後自己百度了下,果然還是有大神解決了。 1、問題就是將input radio單

原创 關於數組的splice用法

之前在複習的時候,想到如何刪除數組裏面的某一項,上網一搜,就查到用splice,剛開始以爲一個數組調用splice的方法之後,會返回刪除後的數組,像數組的filter,map這些方法類似,結果並不是,它是會返回包含被刪除項目的新數

原创 關於vue-bus的理解

自己之前也查看vue-bus插件裏的源碼封裝,其實基於vue的實例,實現全局可以調用on,on,on,once,$ off,$emit,其實自己也可以手動封裝,但是感覺這個插件也不大,所以爲了效率直接下載進項目裏面。 下面介紹它的

原创 兩個數組中,一個數組去掉另外一個數組裏有的東西

這個在我們平時開發需要用到的,比如購物車將選中的商品刪掉等等,下面以一個簡單例子來實現下,用三種方式實現: const oneArr = [2, 1] const twoArr = [1, 2, 3]

原创 數組map,filter,forEach的區別

今天自己練手的時候,分析了下這三個方法的用法。 一. map 它是由原數組每一項調用一個函數之後,返回一個新的數組 。 const array1 = [1, 4, 9, 16]; // pass a function to ma

原创 vue.extend與vue.component

Vue.extend({}) 簡述:使用vue.extend返回一個子類構造函數,也就是預設部分選項的vue實例構造器。(說那麼多還是創建一個組件的意思,個人覺的有點類似於原生的createElement()的意思) 可以結合以下

原创 關於vue中的extends,mixins,extend,mixin理解

其實extends,mixins,extend,mixin簡單來說,就是用來抽離出組件間公用的部分,從而使整個代碼達到封裝的目的。 一. mixins mixins 選項接收一個數組,這個數組可以包含着對象,這個對象裏可以包含着各