原创 Git常用命令彙總
版權聲明 摘自https://gist.github.com/guweigang/9848271#file-git_toturial 感謝作者 git init
2020-02-25 13:12:45
原创 CSS實現多行文本溢出顯示省略號
單行文本溢出顯示省略號，可以直接使用 text-overflow:ellipsis; white-space:nowrap; <!DOCTYPE html> <html lang="en"> <head> <meta charset="
2020-02-25 13:12:45
原创 canvas裁剪clip()函數
在canvas中，可以使用clip()函數裁剪區域，設定裁剪區域後，只有在區域內的圖像才能顯示，其餘部分會被屏蔽掉 未使用裁剪繪製一個圓 <!DOCTYPE html> <html lang="en"> <head> <meta cha
2020-02-25 13:12:45
原创 使用base64編碼
什麼是base64編碼： base64編碼是一種用於傳輸8bit字節代碼的編碼方式之一，可用於在HTTP環境下傳遞較長的標識信息 base64編碼的優勢： 正常情況下，我們在網頁上看到的每一張圖片，都需要消耗一個HTTP請求下載而來，當然
2020-02-25 13:12:45
原创 margin-bottom負值實現多列等高佈局
什麼是多列等高佈局？ 經常會有這樣的需求，一個父容器中，存在多列子容器，這些子容器的高度是不固定的，正常情況下，父容器的高度會隨着其子容器最高的那個容器的高度而變化伸縮，但其它子容器的高度並不會變化，導致如下結果 顯然，這並不是我們想要
2020-02-25 13:12:45
原创 Array.prototype.slice.call將NodeList轉換爲Array
NodeList對象是一個節點的集合，一般是由Node.childNodes和document.querySelectorAll返回的 注意，NodeList對象不是一個數組，因此並沒有數組擁有的一些方法，比如forEach和map等，普
2018-08-22 04:30:43
3
原创 H5的postMessage解決跨域問題
爲了解決的問題： 1、頁面與其它窗口的數據傳遞 2、頁面與嵌套的iframe的數據傳遞 3、跨域數據傳遞 HTML5引入了message的API，使用postMessage()方法可以允許來自不同域的腳本異步方式通信，可以實現跨文本檔、多
2018-08-22 04:30:43
原创 JS中對象屬性的可枚舉性
在JS中，對象的屬性分爲可枚舉和不可枚舉，它是由屬性的enumerable值決定的，true爲可枚舉，false爲不可枚舉 JS中預定義的原型屬性一般是不可枚舉的，而自己定義的屬性一般可枚舉 可以通過propertyIsEnumerabl
2018-08-22 04:30:43
原创 React生命週期過程說明
React生命週期過程說明 初始化： （getDefaultProps） -- 只調用一次，可以設置默認的props getInitialState -- 初始化state，此時可以訪問this.props componentWi
2018-08-22 04:30:42
2
原创 React組件之間的傳值
父組件向子組件傳值？傳參，props接收 子組件向父組件傳值？回調函數 這裏重點說一下無關係組件之間的交互 React中沒有任何嵌套關係的組件之間如何傳值？ 方案一：全局廣播的方式，即Publish/Subscribe，需要引入PubSu
2018-08-22 04:30:42
原创 JS對象Object的常用方法彙總
//Object.assign函數，第一個參數爲目標對象，後面依次爲源對象 //將來自一個或多個源對象中的值複製到一個目標對象 var first = {name : 'kong'}; var last = {age : 18}; var
2018-08-22 04:30:42
3
原创 React項目中Fetch無法向後端傳遞參數
問題：React項目中使用fetch向後端傳遞數據，POST請求時，發現把參數裝進一個對象傳遞，後端並不能獲取到數據，拼接成字符串加在URL中傳遞也不行（當然，GET請求可以） 解決：使用FormData傳遞參數 let formData
2018-08-22 04:30:42
原创 多個setState方法的調用原理
React中通過使用setState來更新組件的狀態，觸發render setState被調用時發生了什麼？ React首先將你傳遞給setState函數的對象合併到當前狀態中，然後創建一個React元素樹，對比新舊樹的差別，並根據你傳遞
2018-08-22 04:30:42
3
原创 jquery的trigger方法
trigger方法： 可以手動觸發通過on或其它方式綁定到某元素的事件，例如click、change、submit等 例子： $('#id').on('click', function(){}) $('#id').trigger('cli
2018-08-22 04:30:42
原创 JS中的bind()方法
Function.prototype.bind()方法 bind()方法主要就是將函數綁定到某個對象，bind()會創建一個函數，函數體內的this對象的值會被綁定到傳入bind()第一個參數的值，例如，f.bind(obj)，實際上可以
2018-08-22 04:30:42
1