原创 [ String ] 把url字符串參數轉化成對象

查詢字符串參數 location.search 返回從問號到 URL 末尾的所有內容 思路: var url = 'https://baidu.com/vms/api?act=doLogin&userId=user&passw

原创 [ String ] 檢測字符串中字母、數字的出現次數

字符串中某個字母或數字的出現次數 使用indexOf檢測某個字符初始位置 參數1:被查找的元素 參數2:開始查找的位置 如果小於0查找整個字符串(等價於傳入了 0) 思路: 不斷增加 indexOf()方法開始查找的位置,遍歷

原创 防抖與節流

一、防抖  觸發高頻事件後n秒內函數只會執行一次,如果n秒內高頻事件再次觸發,則重新計算時間 思路: 每次觸發事件時都取消之前的延時調用方法。 //防抖 每次都取消之前的延時 function debounce(fn,delay)

原创 [ Object ] 混入mixin

顯式混入 function mixin(souceObj,targetObj){ for(var key in souceObj){ if(!(key in targetObj)){ targetObj[k

原创 《你不知道的JavaScript中卷》知識點筆記

知識點筆記 一、類型 用typeof返回的是類型的字符串值 typeof undefined === "undefined" typeof true === "boolean"; // true typeof 42 === "

原创 字符串:字符串和數字之間的顯式轉換

字符串和數字之間的顯式轉換 1.  String(..) 和 Number(..) var a = 42; var b = String( a ); var c = "3.14"; var d = Number( c ); b; //

原创 [ Array ] - 數組去重

題目: 如傳入的數組元素爲[123, "meili", "123", "mogu", 123],則輸出:[123, "meili", "123", "mogu"] 如傳入的數組元素爲[123, [1, 2, 3], [1, "2", 3]

原创 toString()和toLocalString()有什麼區別

首先這兩個函數都是將數字轉化成字符串 一、將 數字 轉化成 字符串 toString - 將數字轉化成字符串,使用指定的基數; toLocalString - 把數字轉換爲字符串,使用本地數字格式順序;toLocaleString()會讓

原创 關於緩存的一些真相:Cookie && localStorage && Session Storage 緩存相關

Cookie && localStorage && Session Storage 這三個分別的意思爲: Cookie Cookie,有時也用其複數形式 Cookies,指某些網站爲了辨別用戶身份、進行 session 跟蹤

原创 javascript 設計模式(9) —— 裝飾者模式

裝飾者函數 :可以把行爲依照職責分成粒度更細的函數,隨後通過裝飾把它們合併到一起,這有助於我們編寫一個鬆耦合和高複用性的系統。 爲什麼叫裝飾者? 只是在原函數的外部添加了一些裝飾,使執行原函數的同時也會執行新函數! 好處:在不改變

原创 Object 深淺拷貝區別與實現

目錄 一、數據類型 二、淺拷貝與深拷貝 三、賦值和淺拷貝的區別 四、淺拷貝的實現方式 1、Object.assign() 2、Array.prototype.concat() 3、Array.prototype.slice() 五、深拷貝

原创 vue+element-UI 導出表格遇到的問題

需求:   Vue+element UI table下的根據搜索條件導出當前所有數據 準備工作:   1、安裝依賴:npm install --save xlsx file-saver   2、在放置需要導出功能的組件中引入     im

原创 HTML雙飛翼

關於html雙飛翼佈局,前今天看到,之前知道但是不明白是雙飛翼,今天總結一下! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport"

原创 ES6的模塊化管理

ES6的export export用於對外輸出本模塊(一個文件可以理解爲一個模塊)變量的接口 1.1 export // export/index.js const a = "123"; const fn = () => win

原创 關於BFC的理解(補充知識點)

塊格式化上下文(Block Formatting Context,BFC) 是Web頁面的可視化CSS渲染的一部分,是塊盒子的佈局過程發生的區域,也是浮動元素與其他元素交互的區域。 浮動元素:float 除 none 以外的值。 絕對