原创 TypeScript-3.Interface接口

筆記。 // 一、接口定義對象 interface NameInfo { firstName: string lastName: string } const getFullName = ({ firstName, lastN

原创 TypeScript-2.Symbol類型

筆記。 Symbol是獨一無二的值,他可以作爲對象的屬性名,這樣就不會被改寫。 const s1 = Symbol() const s2 = Symbol() //console.log(s1 === s2) // false //

原创 TypeScript-1.基本數據類型

筆記。 // 布爾類型 let bool: boolean = true // 數值類型 let num: number = 123 num = 0b111011 // 二進制 num = 0o171 // 八進制 num = 0x7

原创 JS的數組去重的8種方法

題外話:今天週六openDay,日常上班,上午做做題,下午看看TS,安排的滿滿當當。 前天 Kill Eve Season3 完結。好像大家都比較喜歡最後小變態說的那句:Now we walk, and we never look bac

原创 JS數組扁平化的5種方法

題外話:上班路上聽 陳鋼先生 的《人文通識》,今天是李叔同先生,也就是大家所熟知的弘一法師,講的蠻有意思。 數組扁平化如下示例,簡單來說就是展開。 var arr1 = [1, [2, 3], [[3, 4, 2], 1], 5, [3

原创 按鈕防多次點擊。Vue封裝一個button組件

項目全局都有button,爲了統一風格,方便使用,封個組件。此外還有好多組件要瘋的。。。。 基本的 綁定點擊事件 還有一些狀態判定 <template> <div class="button"> <button :disab

原创 HTTP返回狀態碼詳解

轉自   http://tool.oschina.net/commons?type=5 狀態碼 含 義 100 客戶端應當繼續發送請求。這個臨時響應是用來通知客戶端它的部分請求已經被服務器接收,且仍未被拒絕。客戶端應當繼續發送請求的剩餘部

原创 數組操作方法整理

對數組的操作方法記得有點混亂,這裏整理一下。 1.數組創建 var arr = new Array() var arr = new Array([size])  // 定義數組創建時的長度 2.數組頭部的添加 unshift()、刪除

原创 Vuex Store文件夾內容梳理

vuex之前只看過官方文檔,寫了一點小demo。 播放器在多個頁面可以點擊打開,那麼數據就需要放在一個公共的地方,方便取用,就用到了Vuex。這邊需要自己縷一下思路。 Vuex  store文件夾裏各文件說明   1)首先 index.

原创 扣扣音樂歌曲鏈接抓取

第六章 歌手詳情頁開發-歌曲鏈接抓取遇到了些小問題。 根據視頻中老師的地址直接抓取報403。 分析了一下扣扣音樂的網絡請求,要補充vkey和幾個參數拼到url中才能獲取到。下面整理一下獲取vkey的步驟。 1)分析網絡請求 把 Req

原创 按鈕防多次點擊。。。Vue封裝一個button組件

項目全局都有button,爲了統一風格,方便使用,封個組件。此外還有好多組件要瘋的。。。。 基本的 綁定點擊事件 還有一些狀態判定 <template> <div class="button"> <button :disab

原创 銀行卡四位一空格,輸入格式校驗,解決刪除光標自動後置問題

需求:輸入銀行卡的時候,四位一空格顯示。 後自測的時候,到中間段回刪或者插入的時候,刪一個會自動重新校正光標後置,體驗很差,昨天試了半天,今天早上來修好。 上代碼。 <input class="cardInput" v-mo

原创 RSA非對稱加密傳輸---前端加密&解密(VUE項目)

公司項目說前後端接口數據要加密,想到邢總之前讓我看的RSA加密,這邊總結一下。 比如說A要傳給B一句話(需要保密),就由B生成一對公鑰和私鑰存好,公鑰就好比一把鎖,鑰匙就是私鑰。B只需要把鎖給A,A把那句話鎖起來,交還給B,在這過程中,即

原创 Vuex簡單入門3:Mutations修改狀態

更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation。Vuex 中的 mutation 非常類似於事件:每個 mutation 都有一個字符串的 事件類型 (type) 和 一個 回調函數 (handler)。$st

原创 H5分享頁面背景音樂及播放視頻

背景音樂部分跟視頻播放部分出了點小問題,後來解決了,記錄一下。背景音樂基本需求:在背景右上角定位一個音樂開關,打開H5時自動播放,播放時開關一直旋轉,點擊關閉音樂,開關不旋轉,還有如果播放視頻時,音樂自動停止。視頻基本需求:視頻寬度需考慮