原创 ["1","2","3"].map(parseInt)問題

["1", "2", "3"].map(parseInt)返回結果是什麼?你可能覺的會是[1, 2, 3],但實際的結果爲 [1, NaN, NaN]。 爲什麼是這個結果呢?我們先來看看parseInt和map函數吧。 parseInt

原创 HTML5離線儲存(應用程序緩存,Application Cache)

參考:https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache 在用戶沒有與因特網連接時,可以正常訪問站點或應用,在用戶與因特網連接時,

原创 css預編譯的優缺點

什麼是CSS預編譯? CSS 預編譯,就是預先編譯處理CSS。它擴展了 CSS 語言,增加了變量、Mixin、函數等編程的特性,使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼,隨後經過專門的編譯

原创 手寫實現call函數

在大廠的面試中,手寫實現call,apply,bind(特別是bind)一直是比較高頻的面試題,在這裏我們先來實現一下call函數。 思路 根據call的規則設置上下文對象,也就是this的指向。 通過設置context的屬性,將函數的t

原创 JS判斷數據類型方法(1)- Object.prototype.toString

1.Object.prototype.toString用來判斷類型再合適不過,借用它幾乎可以判斷所有類型的數據。 console.log(Object.prototype.toString.call({}))//[object Obje

原创 npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\...\package.json'問題解決

根據錯誤提示,是系統沒有‘package.json’這個文件導致。這個文件的作用就是管理你本地安裝的npm包。 所以我們要生成一個package.json文件,執行命令: npm init   創建package.json文件,系統會提

原创 關於setTimeout的一道經典面試題

想必大家都見過這一道經典的面試題: for (var i = 1; i <= 5; i++) { setTimeout(function test() { console.log(i) // 依次輸出:6 6 6

原创 正則表達式 - 千分位分隔符

若對下文中 ?= 和 ?: 不是很瞭解的同學可以先看看:正則表達式 ?= ?! 和 ?: 下面來看看給數字添加千分位的正則表達式方法: let num = "12345678"; console.log(num.replace(/(\d

原创 Jquery ajax和Axios區別

Jquery ajax 是對原生XHR的封裝,除此以外還增添了對JSONP的支持。 $.ajax({ type: 'POST', url: url, data: data, dataType: dataType,

原创 win10創建.babelrc文件方法

Windows環境下新建一個文件並將其命名爲.babelrc時,系統會彈出警告:“必須鍵入文件名”。 這個時候怎麼辦呢?Win7以上的系統已經提供了一種命名方法:重命名時鍵入.babelrc.(前後都有一個點)就好了。

原创 forEach、map和filter的區別

forEach forEach() 方法用於調用數組的每個元素,並將元素傳遞給回調函數。注意: forEach() 對於空數組是不會執行回調函數的。 語法: array.forEach(callback(currentValue, in

原创 css實現三角形、圓、橢圓、半橢圓、1/4圓(扇形)

1.三角形 如何使用css生成一個三角形呢? 首先,先編寫一個空元素。 <div class="triangle"></div> 將該元素除了三角形底邊的幾個方向的邊都設置爲透明的即可: .triangle { height: 0

原创 f5和ctrl+f5刷新的區別

頁面刷新時,向服務器發送的請求不同 f5觸發的HTTP請求的請求頭中通常包含了If-Modified-Since 或 If-None-Match字段,或者兩者兼有; crtl+f5觸發的HTTP請求的請求頭中沒有上面的那兩個頭,卻有Pr

原创 正則表達式 ?= ?! 和 ?:

我們先來看 ?= 和 ?! ,它們的作用如下: ?= n 匹配任何其後緊接指定字符串 n 的字符串。 ?! n 匹配任何其後沒有緊接指定字符串 n 的字符串。 零寬斷言是一種零寬度的匹配,它匹配的內容不會保存到匹配結果中,也不會佔用ind

原创 自制VOC2007數據集——train、trainval、val、test文件的生成

文件用途 VOC2007/ImageSets/Main文件夾裏面存放 test.txt train.txt trainval.txt val.txt四個文件。 train.txt 是用來訓練的圖片文件的文件名列表 (訓練集) val.t