原创 debug覆盤

首先是簡單的經驗 不要用array[0]來判斷空數組,有可能array[0]是null/undefined而後面有東西 Dec-25th-2017 項目中的google-map中的map.fitbounds(bounds)很詭

原创 css的常見套路

佈局 float在佈局中的使用往往是兩三個div用float,然後用margin或者position之類的調節其中1/2個的位置 float使開發者可以用類似inline正常流的思維處理block position:relative的位移

原创 改別人代碼&理解業務的方法論

    不要嘗試瞭解他人代碼的全貌,或者鑽牛角尖,尤其是聯繫不上作者的情況。 試着建立抽象模型 通過打斷點來了解每個變量是什麼 先確立自己的目的,以“改好”爲引導,點到爲止 看代碼前自己設想一個方案。 從別人口中瞭解一個事情 -> 消化 

原创 改別人代碼的方法論

不要嘗試瞭解他人代碼的全貌,或者鑽牛角尖,尤其是聯繫不上作者的情況。試着建立抽象模型通過打斷點來了解每個變量是什麼先確立自己的目的,以“改好”爲引導,點到爲止看代碼前自己設想一個方案。

原创 機器學習基礎

線性代數 In matrix,one col means one vector, the amount of rows means the amount of dimensions of vector; one equation mean

原创 編程形而上學

函數式編程 柯里化的目的有時是爲了定製多個相似的函數,例如函數(a) => (b) => (c) => a + b +c。目的是爲了得到一個(c) => someValue +c,someValue 取何值要視具體場景而定,這有點像一個

原创 觀/臨摹 他人網頁/代碼 所得瑣碎tips

蝦米 data-* 用於在元素中嵌入數據,可供js調用 如<element data-what="somevalue">background: linear-gradient(to bottom, #FA8723 0, #333 50%)

原创 node學習

1. All objects that emit events are instances of the EventEmitter class.2. require('name'),按照module.paths的順序查找模塊。3. 若re

原创 前端自動化工具

模塊化: webpack parcel,使js文件中可使用import和require,打包相關文件和模塊,生成瀏覽器可解析的js文件。webpack打包原理(commonJS): 1.把每個模塊封裝爲匿名函數,引用了其他模塊的模塊會設

原创 HTML&CSS特性(CSS權威指南)

HTML href中的相對url,用../表示向上(父元素)CSS style中或.css文件中可以使用@import url(__.css); 來加載一個外部樣式表,和類似。 /* 必須放在文檔的最上端 ,元素的inline-style

原创 DOM編程藝術筆記

window對象對應瀏覽器窗口 也稱爲BOMnode.getElementsByClassName("className1 className2 ...") return一個array 可輸入多個className<a src="../"

原创 javascript 中的函數,特性

generator中,可以把yield看成一個gap,`var a = yield c`中,a的值和c沒有關係,a的值由next()傳參。keyword & methodsvar bar = prompt(); /* get用戶的輸入,括

原创 code skills(front end)

bugs(js) 使用constructor前面沒加new,const marker = google.maps.Marker() Game.prototype.play() = function(){console.log("are

原创 Headfirst 知識點(讀完後整理爲html)

一個以上的空格會顯示爲一個空格 <meta charset="">語言設置? 元素分類:塊元素&內聯元素&void character entity: &lt;html&gt;  ->  <html>, &amp; ->& (別漏了分號

原创 flux redux

1. View-Controller是root組件,是UI中面向Store的接口。 2. 有了flux,View上的交互只產生Action(通過調用actionCreator),類似水中輪胎破洞冒出的氣泡。 3. Actio