原创 puppeteer初體驗

puppeteer 其實就是無界面chrome瀏覽器 適合用於自動化測試,爬蟲   > puppeteer 國內下載 https://brickyang.github.io/2019/01/14/%E5%9B%BD%E5%86%85%E4

原创 flutter 開箱嚐鮮記

終端開發框架flutter dart 編譯vs解釋 widget class Container嵌套

原创 react 的key值問題

react中使用map遍歷數組的key值爲什麼不能取Array的index呢 看到一篇Stack Overflow的回答 就是在類似[{name:'test',age:12},{name:'ds',age:12},{name:'dsa',

原创 ES6 class語法糖與ES5的原型鏈

ES5    function Obj(){}    var person=new Obj();    person.__proto__.constructor===Obj.prototype.constr

原创 react組件分類

1,有狀態組件, 有自己的state 在constructor中定義 繼承Component基類的方法能夠在生命週期內通過setState方法改變state改變Virtul DOM從而從新渲染DOM    eg: export defau

原创 preceived time passes

preceived time passes

原创 select操作的小問題

在使用原生select 不使用div模擬的情況下,同一個option重複選擇的小bug可以用添加一個diaplay:none的option解決function init(wrapper) { var pro

原创 什麼是前端工程化

目前來說,Web業務日益複雜化和多元化,前端開發已經由以WebPage模式爲主轉變爲以WebApp模式爲主了。現在隨便找個前端項目,都已經不是過去的拼個頁面+搞幾個jQuery插件就能完成的了。工程複雜了就會產生許多問題,比如:如何進行高

原创 從virtualDOM說開去

我們知道,前端開發的最佳實踐意義包括性能優化,前端的性能優化就包括儘可能的減少DOM操作1.性能    1.1注意作用域                避免全局查找完全用 let 代替 var (避免變量聲明提升) const 代替 不可

原创 從零開始搭建前端工程化

技術的發展是不可抵擋的,只能追隨,如今(國內)早已不是寫幾個html放點後端語言的模板就可以完成所有項目需求的年代了,伴隨着組件化,工程化,es6的發展前端越來越複雜,越來越富應用化,業務邏輯更多的遷移到前端來,前端點對點的搬磚開發模式已

原创 test

"太子,看看窗外,這都是朕爲你打下的江山"(我是你爸爸)

原创 JavaScript要素

1.JavaScript是一種腳本語言,其源代碼在發往客戶端運行之前不需經過編譯,而是將文本格式的字符代碼發送給瀏覽器由瀏覽器解釋運行。解釋型語言的弱點是安全性較差,而且在JavaScript中,如果一條運行不了,那麼下面的語言也無法運行

原创 什麼是JavaScript中的執行上下文和堆棧?

在這篇文章中,我將深入分析JavaScript中最基本的部分之一Execution Context。 在這篇文章的最後,你應該更清楚地瞭解解釋器試圖做什麼,爲什麼一些函數/變量可以在聲明之前使用,以及它們的值如何確定。什麼是執行上下文?當

原创 mind

這是一個娛樂至死的時代,天天耳邊都充斥折X音,X手,XX頭條,金融,房地產。。。,我們的人工智能卻沒有自己核心的算法,頂會上發佈論文數量屈指可數,還大部分是美籍華人,最近的中興事件真的是讓很多人驚愕,唉,科技纔是發展強大的根本之道,Ai和

原创 自己實現一個react基本功能

1.react解決的問題組件化一個簡單的點贊功能我們會從一個簡單的點贊功能講起。 假設現在我們需要實現一個點贊、取消點讚的功能。如果你對前端稍微有一點了解,你就順手拈來:HTML: <body> <div class='wrap