原创 類、變量、方法
$global_name = "Sir" class Customer @@no_of_customers = 0 def initialize(id, name, addr) @cust_id =
2019-02-23 21:11:02
原创 react子組件如何通過父組件傳入的函數，將自己的值再傳回父組件
class Son extends React.Component { render() { return <input onChange={this.props.onChange}/>; } } class Fath
2019-01-25 21:12:15
原创 react協調算法（頁面更新機制）
對比算法：當對比兩棵樹時，React首先比較兩個根節點。根節點的type不同，其行爲也不同 1. 不同類型的元素：卸載（銷燬舊的節點及狀態）舊的元素重建新的元素 <div> <Counter /> </div> <span>
2019-01-18 20:27:59
原创 react中es6的使用
1. class創建組件 class Greeting extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } }
2019-01-18 20:27:59
原创 受控組件與非受控
受控：通過state與onChange控制 class Form extends Component { constructor() { super(); this.state = { name: ''
2019-01-18 20:27:59
原创 react中setState的隱患
隱患出處：setState異步更新狀態 https://ruby-china.org/topics/32715 https://www.jianshu.com/p/c6257cbef1b1 淺合併（shallow merge）：當調用
2019-01-17 20:38:20
原创 利用react的state機制實現鐘錶計時器
涉及：state、生命週期鉤子 class Clock extends React.Component { constructor(props) { super(props); this.state = {dat
2019-01-17 20:38:20
原创 多餘文字隱藏，懸浮顯示
width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &
2019-01-17 20:38:20
原创 解構賦值
解構對象 const tom = { name:'tom', age:21, height:170, greet:function () { return `hello ,I'm ${th
2018-12-27 00:05:25
原创 另一隻快排寫法
function quickSort(arr) { // 交換元素位置 function swap(arr, m, n) { let temp = arr[m]; arr[m] = arr
2018-12-07 21:02:48
原创 瀏覽器發送請求時的緩存判斷順序
瀏覽器發起請求： 是否有緩存？——無：發送請求；有：判斷緩存 驗證Cache-Control中的max-age時間限定、驗證Expires到期日？——未過期：使用緩存（200 form-cache）；過期：發送緩存信息至服務器驗證 驗證E
2018-12-01 00:06:04
原创 快速排序和冒泡排序，二者效率比較
快速排序 let arr1 = [1, 23, 4, 2, 5, 6, 90, 0, 2, 55, 1.3] function quickSort(arr) { if (arr.length <= 1) { r
2018-12-01 00:06:04
1
原创 快速排序
let arr1 = [1, 23, 4, 2, 5, 6, 90, 0, 2, 55, 1.3]; function quickSort(arr) { if (arr.length <= 1) { retur
2018-12-01 00:06:04
原创 https是什麼
本質：在http和tcp之間加了一層ssl用於加密信息 過程： 服務器生成公鑰和私鑰，將公鑰發送給第三方認證機構生成數字證書 然後將數字證書發給客戶端，客戶端解析數字證書並再次加密發送給服務器 服務器解析正確後維持通信 https://s
2018-12-01 00:06:04