原创 淺談爲何img、input等內聯元素可以設置寬高
1、CSS中元素的分類方式主要有兩種： 1) 替換元素和不可替換元素 ① 替換元素 瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示內容。 eg1：瀏覽器根據<img>標籤的src屬性的值來讀取圖片信息並顯示。 eg2：瀏覽器根據<inp
2020-02-24 08:09:29
原创 淺談ES6的let和const的異同點
1、let和const的相同點： ① 只在聲明所在的塊級作用域內有效。 ② 不提升，同時存在暫時性死區，只能在聲明的位置後面使用。 ③ 不可重複聲明。 2、let和const的不同點： ① let聲明的變量可以改變，值和類型都可以改變；c
2020-02-24 08:09:29
原创 淺談Vue的生命週期模型
淺談Vue的生命週期模型 Vue實例從創建到銷燬的過程，就是生命週期。 Vue的生命週期包括：開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程。 在Vue的整個生命週期中，提供了一系列的事件，可以註冊Java
2020-02-24 08:09:29
原创 淺談JavaScript元素的尺寸和位置相關屬性
1、offsetWidth和offsetHeight 描述元素外尺寸，元素內容+內邊距+邊框，不包括外邊距和滾動條。 2、clientWidth和clientHeight 描述元素內尺寸，元素內容+內邊距，不包括邊框（IE下實際包括）、外
2020-02-24 08:09:29
原创 淺談爲什麼border-radius設置成50%~100%都能畫圓
CSS繪製一個圓，我們很容易想到把border-radius設置成50%，但是，事實上，把border-radius設置成50%~100%都能畫圓。 W3C對於重合曲線有這樣的規範：如果兩個相鄰的角的半徑和超過了對應的盒子的邊的長度，那麼
2020-02-24 08:09:29
原创 淺談React Router入門
1、Router組件 1) history屬性 用於監聽瀏覽器地址欄的變化，並將URL解析成一個地址對象，供 React Router 匹配。 history屬性可以設置三種值： A. browserHistory 瀏
2018-08-21 21:24:36
3
原创 淺談在React中使用Redux數據流（三）
1、react-redux項目結構 幾個文件和文件夾： 1) actions：存放Action，用戶的行爲； 2) components：展示組件； 3) containers：容器組件； 4) reducers：Store裏負責分發用戶
2018-08-21 21:24:36
1
原创 淺談webpack模塊引用的五種方法
1、commonjs格式的require同步語法 const home = require('./Home'); … // 使用 2、commonjs格式的require.ensure異步語法 require.ensure([],
2018-08-21 21:24:35
原创 淺談在React中使用Redux數據流（二）
1、react-redux安裝 安裝命令：npm install react-redux redux 安裝兩個包： redux自身是一個獨立的工作流； react-redux是redux的react綁定，也就是說，利用react來實現了r
2018-08-21 21:24:35
1
原创 淺談React官網學習筆記
1、JSX： JSX代碼中出現的標籤既不是一個字符串，也不是HTML。 JSX是JavaScript的一種語法擴展。建議在React使用JSX編寫代碼，以讓其更直觀。JSX像一種模板語言，但可以使用JavaScript的全部特性。 JSX
2018-08-21 21:24:34
原创 淺談React Router動態路由
1、webpack的codesplitting webpack可以通過require.ensure接口實現按需加載。 require.ensure保證了模塊的異步調用，當callback回調中調用了一個模塊時，可以實現按需加載。 requ
2018-08-21 21:24:34
2
原创 淺談慕課網React入門課程筆記（四）
本文介紹如何監聽、響應React組件上的相關事件。 綁定事件的傳統方法是使用addEventListener。 React的事件綁定預處理的不同在於：React向組件上綁定事件是通過on駝峯式命名的方式來綁定相應的事件的。這與原生JS中
2018-08-21 21:24:34
原创 淺談Git常用命令
1、基本命令 1) 配置版本庫 git config--global user.name "<用戶名>" git config--global user.email <email> 2) 克隆版本庫 git clone <版本庫名> gi
2018-08-21 21:24:34
原创 淺談在React中使用Redux數據流（一）
1、數據流是什麼？爲什麼要用數據流？ 1）數據流是行爲與響應的抽象。 用戶在頁面上輸入表單、按下按鈕、拖拽等行爲，頁面會根據用戶的行爲給出一些響應，如刷新、跳轉、局部刷新、Ajax局部刷新、數據更新等。以對象、方法來把它們抽象出來，這就
2018-08-21 21:24:34
1
原创 淺談sublime常用快捷鍵
Tab：向右縮進 Shift+Tab：向左縮進 Conntrol+G：跳轉到第幾行 Control+Tab：切換窗口 Command+W：關閉當前打開文件 Command+Q：關閉sublime Command+D：選擇相同的單詞，重複可
2018-08-21 21:24:34
2