原创 js字符串換行問題
想讓數組['123','456','789']中的每一項字符串在頁面中分三行輸出。 let strArr = ['123','456','789']; let wrapStr = strArr.join(' \n '); console
2020-06-29 23:02:54
原创 前端面試題整理（帶答案--不定期更新）
1、寫出下面代碼打印結果： function Foo() { Foo.a = function() { console.log(1) } this.a = function() {
2020-06-29 22:20:02
原创 前端零碎知識點（二）
一、數據類型判斷 1、typeof typeof返回一個數據類型的字符串，返回結果有number、boolean、string、object、undefined、function、symbol等7中類型，注意typeof不能判斷null和
2020-06-29 22:20:02
原创 js監聽某個DOM是否渲染完成
// 聲明定時器 var timer = null // 檢查dom是否執行完成 function checkDom() { let dom = document.getElementById('abc') if(d
2020-05-27 01:39:00
原创 canvas簡單demo
顏色取反 點擊取反按鈕，將照片的色值取反，看起來像是照片底片的樣子。 html和css沒什麼說的，幾乎沒有改變樣式，直接標籤寫上去就行，主要說js var canvas = document.getElementById("canv
2019-04-28 17:31:52
原创 強緩存和協商緩存
緩存是啥？ 緩存是一種保存資源副本並在下次請求時直接使用該資源副本的技術手段。 緩存的好處： 1、節省資源，緩解服務器壓力； 2、提升性能，因爲使用本地資源肯定比請求服務要快； 3、降低帶寬消耗； 強緩存：說白了就是給瀏覽器緩存設置過期時
2019-04-25 17:28:38
原创 ES6之for...of和for...in
先說一下遍歷器（Iterator），它是一種接口，爲各種不同的數據結構提供統一的訪問機制。任何數據結構只要部署 Iterator 接口，就可以完成遍歷操作（即依次處理該數據結構的所有成員）。 Iterator 的作用有三個：一是爲各種數據
2019-04-18 06:31:30
原创 node升級導致npm不能用的問題
至於爲什麼要升級node，想必遇到這種問題的人都差不多知道，我這邊是爲了安裝react腳手架，升級了node，升級完之後npm任何指令都不能用了（但cnpm 指令還能用，反正我這能用【手動不知所措】），那些博客說npm install
2019-04-12 07:01:28
原创 很碎很碎的前端知識點，稀碎！！！（不定期更新）
reduce() reduce() 方法接收一個函數作爲累加器，數組中的每個值（從左到右）開始縮減，最終計算爲一個值。 reduce() 可以作爲一個高階函數，用於函數的 compose（compose就是執行一系列的任務（函數））。
2019-04-04 06:40:41
原创 前端零碎知識點（一）
一、防抖、節流 防抖：指觸發事件後在規定時間內回調函數只能執行一次，如果在規定時間內又觸發了該事件，則會重新開始算規定時間。 常見應用場景：百度搜索聯想功能 原理：通過定時器對事件函數進行延時，如果在延時時間內再次觸發該時間，則清楚定時器
2019-02-28 17:21:19
原创 關於H5喚起地圖導航小結
項目需求：在H5頁面中跳轉到地圖App,或者在本地App中加載的H5頁面跳轉到地圖App，喚起App進行導航； 1、騰訊地圖： 調用方式： http://apis.map.qq.com/uri/v1/marker?marker=coord
2018-12-12 17:04:33
原创 vuex使用過程中遇到的小問題
我們都知道，vuex是vue.js的狀態管理模式，在一些簡單的應用中可能還用不到狀態管理，但在一些較大型的應用中，它的作用就顯得很重要了； 閒話不多說，主要描述一下自己遇見的小問題及相應的解決辦法。 問題：在多頁面應用中store中的狀態
2018-10-10 02:13:26
3
原创 說說對深淺拷貝的理解
說到深淺拷貝，那肯定要提到JavaScript的數據類型，先從數據類型說起。 JavaScript有兩種數據類型：基礎數據類型和引用數據類型。 基礎數據類型又有以下幾種： null 、undefined、number、string、Boo
2018-09-30 02:16:26
4
原创 Canvas畫圖形驗證碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圖形驗證碼</title> </head> <style>
2018-09-01 07:52:45
原创 模擬微信打飛機的demo
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>打飛機</title> <style t
2018-09-01 07:52:44
1