原创 iview中InputNumber的小數點位數控制(因爲iview中precision屬性在輸入數字時會自動補全影響體驗度,故封裝了一個方法)

data () { return { myNumber: 0 } } // data中定義數據 //組件 <InputNumber placeholder="請輸入..." v-model="myNumber " @on

原创 iview InputNumber中@on-change事件不生效或偶爾生效問題

先看下過程 <InputNumber v-model="num" @on-change="numChange"></InputNumber> data () { return { num: 0, num1: 100

原创 iview 中日期組件 ( DatePicker ) 校驗缺陷問題

** 具體解決方案如下 ** 過程不是太詳細,只做參考 假設該組件在使用時可進行數據的 添加 和 編輯 <Button type="primary" @click="addDate">添加</Button> <Button

原创 微信小程序的生命週期

1、app.js全局生命週期 App({ /* 當小程序初始化完成時,會觸發 onLaunch(全局只觸發一次) */ onLaunch: function () {}, /* 當小程序啓動,或從後臺進入前臺

原创 如何判斷當前設備是pc端還是移動端?

window.navigator 對象包含有關訪問者瀏覽器的信息。 userAgent: 返回由客戶機發送服務器的 user-agent 頭部的值。 var str = window.navigator.userAgent; if(s

原创 原生js實現樓層聯動(只適用W3C標準)

1、複製並運行代碼,即可顯示效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{

原创 數組的排序

1、使用sort() var arr = [1,2,3,4,4,1,1,2,1,1,1,5,6,7,5,6]; arr.sort(); console.log(arr) 2、選擇排序 var arr = [1,2,3

原创 Canvas實現刮刮卡效果

複製並運行代碼,即可顯示效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{

原创 Canvas畫表實現當前時間走動

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{padding: 0;margin:

原创 jQuery實現樓層聯動

1、複製代碼並運行,即可顯示效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- 路徑採用百度CD

原创 隨機驗證碼的實現

思路講解: 利用循環拼接驗證碼字符串,根據字符編碼在[48~122]範圍內生成隨機數,判斷該隨機數是否符合數字、大小寫字母的範圍,如果符合讓變量自增拼接下一個字符,否則變量不增進入下一次循環直到找到符合條件的字符拼接到字符串上

原创 數組去重的方法:

1、使用indexof() function arr(array){ var temp = []; //一個新的臨時數組 for(var i = 0; i < array.length; i++){ if

原创 如何使用原生js寫音頻?

//複製並運行代碼,即可顯示效果 注意:由於該音頻路徑爲本地音頻路徑,所以,運行時請先替換音頻路徑 考慮到新手閱讀,代碼在編寫時並未進行優化,採用基礎代碼編寫 <!DOCTYPE html> <html lang="en"> <hea

原创 Ajax工作原理以及封裝使用

1、什麼是ajax? ajax (異步編程的一種解決方案) 是一種用於創建快速動態網頁的技術。 通過後臺與服務器之間數據的少量交換,在不刷新頁面的情況下,更新頁面部分的數據。 2、工作原理? 相當於在瀏覽器(客戶端)與服務器之間增加

原创 ES5面向對象實現簡單拖拽

//複製並運行代碼即可實現效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d