原创 H5 Promise使用方法
Promise 承諾 許諾 -> （可以替代ｃａｌｌｂａｃｋ） 執行 -> 可以去做 -> 有然後 -> then() -> then(function(){ 發生然後得事 }) 執行 -> 不去做 -> 沒有然後 發生異常 -
2020-02-20 21:51:10
原创 深拷貝（多層次數組對象的拷貝）
在開發過程中很多時候需要對多層級數組或者對象中的某一些數據做特殊處理,但是簡單的重新賦值會改變原來的對象，所以處理起來就很麻煩。簡單的淺拷貝就滿足不了我們的需求了。當然 ES6 提供了深拷貝的方法JSON.stringify() 和JSO
2020-02-20 21:51:10
原创 實時錄音監聽 navigator.mediaDevices.getUserMedia（）
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title></head><body><audio></audio><button class="recorderC
2020-02-20 21:51:10
原创 DOM事件，捕獲和冒泡 自定義事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Event</title> </head> <body> <div id="ev"> <st
2019-02-14 22:25:02
原创 原生JS --360度全景展示
介紹：本案是鼠標任意在桌面上（左右）滑動，展示360度各個角度的展示圖。 實現方法：要各個角度的圖片（n張），圖片名序號排列（0,1,2,3……n）,通過鼠標點擊事件（document.onmousedown），鼠標滑動事件（docume
2018-09-30 07:04:45
2
原创 vue 封裝鍵盤組建
本案例是根據實戰需求寫的，所以功能也是根據項目需求來寫的，但是主體思路是大同小異的。先看效果圖 <template>部分html代碼 <template> <div class="keyboard" v-show="showKe
2018-09-19 22:43:55
2
原创 Vue js實時顯示當前時間
首先是要回去當前時間； 這是一個獲取當前時間的函數（不包含秒），記住先在data（）裏面聲明一個全局變量nowTime methods: { timeFormate(timeStamp) { let year
2018-09-15 00:43:24
原创 主輸入框控制子輸入框，單個子輸入框自行控制，實時計算總和
本案是一個遊戲，一個主輸入框輸入金額，全部子輸入框的金額也跟着變化，然後子輸入框單獨輸入金額，自己變化，然後總金額要實時根據所有子輸入框金額計算總價。 以上兩張圖應該可以看明白，但是需要說明一下的是，上面列表的數據是從前一個頁面以數
2018-09-15 00:43:24
2
原创 新增和關閉（新）瀏覽器頁面
從新打開一個瀏覽器窗口頁面（不是在原來的頁面窗口上新建一個頁面） window.location.origin + '/#/help',鏈接路由地址 window.open(window.location.origin + '/#/he
2018-09-15 00:43:24
1
原创 時間戳轉化成時間格式
timestampToTime(timestamp) { var date = new Date(timestamp); //時間戳爲10位需*1000，時間戳爲13位的話不需乘1000 var Y = date
2018-09-05 14:02:28
原创 vue 移動端 封裝分頁插件
分頁插件在手機移動端很常見，插件很多，但是因爲分頁需求不同，所以先選擇什麼插件也是一個糾結的問題。但是分頁插件的核心思路是大同小異的，與其老是用別人的東西，不如自己寫一個來的實在。 本項目技術棧：vue vuex less 效果圖
2018-08-25 00:31:31
原创 前端面試題
前端面試題整理 2017.03.12 Poetry shudong.wang 目錄 $HTML， HTTP，web綜合問題 1、前端需要注意哪些SEO2、<img>的title和alt有什麼區別3、HTTP的
2018-08-25 00:30:56
原创 css3 彈性盒 常用屬性筆記
Css3-3 多列： column-count：設置列的個數 可以把一行文字分割成設置的列的個數。 如果設置了列的寬度 當列的最小寬度和 不夠總寬度的時候 列的數量就會縮小 Column-width:可以設置列的最小寬度 Colu
2018-08-25 00:30:47
原创 Vuex使用實記
我們都知道Vuex是一個專門爲vue.js應用程序開發的狀態管理模式。通俗點說，就是把我們所使用的變量全部放在一個地方（容器）存起來。在頁面複雜而且很多的時候，有些變量是要實時更改變化的，而且很多組件都會用到相同的變量。正因爲把所有的變量
2018-08-25 00:30:45
原创 二級菜單點擊顯示當前內容
案例描述 最近做了一個二級菜單點擊事件的效果，一級菜單有3個，二級菜單是固定的，而且html佈局並不是父子級關係，具體請看效果圖如下 html結構入下 <div> <ul> <li>您好！日期</li>
2018-08-25 00:30:43