原创 總結短信驗證碼倒計時封裝

function timer() { var count = 120; //倒計時時間 var timerr2 = setInterval(function() { count–; $(’.verifyBtn’).attr(‘di

原创 防抖、節流總結

一、what? 防抖 debounce 和節流 throttle 的概念並不是 JS 所特有的。它們是在對函數持續調用時進行不同控制的兩個概念。 1、防抖是爲了避免用戶無意間執行函數多次。比如有些用戶喜歡在點擊的時候使用 doub

原创 總結artTemplate格式化

1,//金額格式化 template.defaults.imports.moneyFormat = function (money) { if(money){ return money.toFixed(2); } return

原创 秒殺倒計時封裝總結

/* 功能:兩個日期的時間差 參數: start 開始時間 Date類型的對象 end 結束時間 Date類型的對象 返回值:返回一個對象(Object類型) */

原创 css總結(2) filter濾鏡效果

注:css3,不兼容ie { filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px

原创 css總結(1)flex佈局

一、瀏覽器兼容性: 設置爲 Flex 佈局後,子元素的 float、clear、vertical-align 屬性都將失效 寫法: display: box; /* 2009 version 老語法

原创 javascript數組方法總結(1)

1,join() join()方法以指定參數作爲分隔符,將所有數組成員連接爲一個字符串返回。如果不提供參數,默認用逗號分隔。 var a = [1, 2, 3, 4]; a.join(’ ‘) // ‘1 2 3 4’ a.join(

原创 js去除字符串空格

方法一:使用replace正則匹配的方法 去除所有空格: str = str.replace(/\s*/g,""); 去除兩頭空格: str = str.replace(/^\s*|\s*KaTeX parse error: Expe

原创 CSS 高級技巧總結

1、用all簡寫來指定所有元素的屬性。 將該值設置爲unset會將元素的屬性更改爲其初始值: button { all: unset; } 2、使用 :not() 選擇器來決定表單是否顯示邊框 先爲元素添加邊框 /* 添加邊框 / .

原创 Vuex與Redux對比

Vuex與Redux對比 VUEX是吸收了Redux的經驗,放棄了一些特性並做了一些優化,代價就是VUEX只能和VUE配合。 而Redux則是一個純粹的狀態管理系統,React利用React-Redux將它與React框架結合起來。

原创 vue.js總結---(1)mvvm開發思想

1、主要關注:視圖層分離,把前端視圖層分爲三個部分Model(頁面中需要用到的數據),View(頁面中的HTML結構),ViewModel(中間的調度者,提供了雙向數據綁定的概念) 總結:爲什麼有了MVC還要有MVVM MVC是後端開

原创 vue.js總結---(2)指令

vue指令 1、插值表達式:{{}} 注意:不能在屬性節點中使用,只能在內容節點中使用 2、v-cloak 解決插值表達式閃爍問題 {{msg}} style裏需要設置:display:none; 應用場景:網絡比較卡時候可以在最外層

原创 jQuery總結

jquery入口函數和window.onload的區別 1、window.onload需要等頁面所有資源都加載完畢後(元素、外聯樣式或js文件、圖片、視頻等等),才執行的程序 2、jQuery中的入口函數只需要等元素加載完就可以執行了

原创 關於頁面有太多圖片,加載慢問題

一個頁面上有大量的圖片,加載很慢,你如何優化? 1.圖片爲css圖片: 可以使用:CSSsprite,SVGsprite,Iconfont,Base64(精靈圖,小圖標…) 2.圖片過大: 可以使用特殊編碼圖片,先加載一張壓縮

原创 jquery----下拉菜單

Document 一級菜單1 二級菜單11 二級菜單12 二級菜單13 一級菜單2 二級菜單21 二級菜單22 二級菜單23 一級菜單3 二級菜單31 二級菜單32 二級菜單3