原创 DOM繼承樹，增刪改操作(精簡版)
對節點進行查詢 doaument代表整個文檔 document.getElemnetByID(); var div = document.getElemnetByID();//元素id在IE8以下的瀏覽器不區分大小寫，而且
2020-06-27 15:44:47
原创 ES6:var、let、const的區別
從ES6開始 js 申請變量的方式有：var、let、const。今天我們來一起討論這三種的區別。 關於變量提升 想必大家都知道，用var聲明變量，js會在預編譯時進行變量提升。即如下代碼，不會報錯。 function a(){
2020-06-27 15:44:47
原创 原生javascript實現圖片放大鏡
效果如圖 所用知識點 offsetTop屬性: 此屬性可以獲取元素的上外緣距離最近採用定位父元素內壁的距離，如果父元素中沒有采用定位的，則是獲取上外邊緣距離文檔內壁的距離。所謂的定位就是position屬性值爲relative
2020-06-27 15:44:47
原创 JS事件冒泡 事件委託
如何綁定事件處理函數 ele.on+事件類型 = function(event){}（句柄式） 兼容性好，但是在一個元素的同一個事件上只能綁定一個處理程序 基本等同於寫在HTML上 程序this指向Dom元素本身 obj.add
2020-06-27 15:44:47
1
原创 數據結構與算法——樹的基本概念與存儲結構
一、樹的定義 樹（tree）是包含n（n>=0）個結點的有窮集，其中： （1）每個元素稱爲結點（node）； （2）有一個特定的結點被稱爲根結點或樹根（root）； （3）除根結點之外的其餘數據元素被分爲m（m≥0）個互不相交的集
2020-06-27 15:44:47
原创 CSS3 3D立體旋轉
用到的知識點 最重要的一個屬性 transform-style:flat|preserve-3d;該屬性默認值爲 flat。 當我們指定一個容器的 transform-style 的屬性值爲 preserve-3d 時，容器的子
2020-06-27 15:44:47
4
原创 JS防抖節流其實很簡單
情景 在日常生活中，不難見到驗證碼已發送後按鈕變灰倒數內不能再次觸發、搜索框輸入後1000毫秒搜索、表單驗證輸入1000毫秒後驗證，這些場景都是防抖節流的應用。具體哪個對應防抖，哪個對應節流，先不急。 防抖 什麼是防抖？ 我們讀讀
2020-02-24 13:08:11
原创 redux
前言 在我做第一個項目時，並沒有使用redux,但是大家都說redux很重要,那我們怎麼判定自己項目是否需要redux？ 有人說過一句話：“如果你不知道是否需要 Redux，那就是不需要它。” 好像說了，大家可能還是不懂如何區分？
2019-08-23 06:25:06
原创 圖片裁剪
概述 在項目中，我們常常遇到圖片裁剪的問題。不論是某個博文封面或者頭像，都會用到裁剪。今天我們就來說說大致的思路。 圖片準備 如果是寫在項目中的裁剪，我們最好將它封成組件，這樣在需要的地方方便調用。巧婦難爲無米之炊，所以我們的第一
2019-08-14 05:57:04
原创 npm install、npm install -g、npm install --save與npm install --save-dev區別
異同一覽 異同點 npm install npm install -g npm install --save npm install --save-dev 模塊安裝至node_modules目錄下 √ ×（安裝至全局
2019-08-09 06:58:38
2
原创 預處理語言less
預處理語言 預處理css， 可以使用 變量 、循環 、繼承 、自定義方法等多種特性的標記語言，邏輯性得以大大增強。包括Sass、Less 、Stylus 。 Less Sass 與 Stylus 相比於 Less 功能更爲豐富，
2019-08-06 06:06:51
原创 react 常用 hook
Hook是什麼 Hook 是一個特殊的函數，它可以讓你“鉤入” React 的特性。例如，useState 是允許你在 React 函數組件中添加 state 的 Hook。 什麼時候使用Hook 編寫函數組件並需要向其添加一些
2019-08-06 06:06:51
原创 react-router-dom 學習總結
說在最前 使用React構建的單頁面應用，要想實現頁面間的跳轉。就需要使用到路由，在React中，常用的有兩個包可以實現這個需求，即react-router和react-router-dom。那麼這兩個包有什麼區別呢？不同之處就是
2019-06-11 16:02:05
原创 在react項目中使用阿里iconfont字體庫的svg圖標
阿里矢量圖庫 阿里矢量圖標庫是國內功能很強大且圖標內容很豐富的矢量圖標庫，提供矢量圖標下載、在線存儲、格式轉換等功能，是阿里巴巴體驗團隊傾力打造，設計和前端開發的便捷工具。 在很多項目中，我們會使用到大量的小圖標，這種情況下，使用
2019-06-11 16:02:05
20
原创 js獲取並改變僞元素的值
說在前 本文主要說一下::before ::after，因爲剩餘::first-letter、::first-line、::selection等沒有content屬性，方法是一樣的。 雖然僞元素可以被瀏覽器渲染引擎識別並正確渲染，然而
2019-04-26 17:52:11