原创 設計原則之開放-封閉原則 javascript

當需要改變一個程序的功能或者給這個程序增加新功能的時候,可以使用增加代碼的方式,但是不允許改動程序的源代碼,這就是開放-封閉原則,使用它最重要的就是找出程序中將要發生變化的地方,然後把變化封裝起來,通過封裝變化,我們可以把系統中穩定不變的

原创 ECMAScript6簡介和學習筆記(三)symbol proxy reflect set map

es6確實對es進行了較大的改動,從數據類型的變化就能反映出很大一部分。這一篇主要講一下Symbol、Proxy和Reflect、Set、Map這四方面。 symbol es5的對象屬性名都是字符串,在實際使用的過程中

原创 ECMAScript6簡介和學習筆記(二)數組 函數 對象

這次我們來談談數組、函數、對象,這三個傢伙出現的頻率太高了。在整個js的體系中佔據着非常重要的位置。es6對其的優化擴展也是整個es6比較重要的部分。 數組 首先來談談數組,劃重點開始嘍,個人覺得可能簡潔寫法、

原创 讀you don't know js 有感之作用域

作用域這個詞有過一些編程經驗的猿們應該都不陌生,可是深究下去,他到底是什麼呢? 根據本書所述我的理解是:作用域是在程序中儲存變量值和引用的一套規則。但是深究下去,這套規則到底是在哪儲存變量值和引用?使用時如何取得它們?甚至這套規則是如何設

原创 2017年春招途牛前端初面面經

今天下午去了人生中第一場前端面試,總體來說對自己表現不是很滿意,不過在短短15分鐘確實有一些收穫,在這裏總結一下,提醒自己也造福同學們吧 面試預約15:30,我14:30到達簽到處等待,等了一個小時,因爲自己是第一個到的前端,

原创 JavaScript雜談之iterator for循環

iterator 爲了給表示集合的數據結構如數組、對象、set、map等定義一個統一的接口,方便進行統一的遍歷,ES6新增了一種遍歷器機制即iterator。 其作用有三個,提供統一便利的訪問接口,是數據結構成員按照一定次序排

原创 踩坑之頁端喚醒nativeAPP

最近一直在填坑,好久沒寫博客了,工作終於暫時告一段落,正好趁此機會熟悉一下坑,以後繼續填 在native app綜合表現還是優於web的現在,尤其是用戶也已經習慣於使用native app,從web導流到native的需求還是比較

原创 【轉】快速搭建react的webpack初始環境

因爲技術選型react,所以最近開始學react,首先肯定是搭建個簡單環境,網上找了半天才找到正常的教程,也是本文參考的教程可能是因爲webpack版本等一些其他原因吧,我使用的是webpack3+,當然大家也可以選擇react官

原创 javascript設計模式(五) 裝飾者模式 狀態模式

裝飾者模式是在對象不改變自身的情況下,在程序運行期間給對象動態添加職責。這樣既保證了原來對象的一定封裝性,又保證了裝飾的對象不會太過臃腫,當然如果裝飾得過多,那麼裝飾的鏈條自然會很臃腫,以至於影響性能。 下面看一下如何實現裝飾者模式 F

原创 JavaScript冒泡捕獲事件流詳解

JavaScript事件由來已久,他們是js和html之間交互的橋樑,同時縱觀整個事件響應得過程基本符合觀察者模式,js訂閱html中的事件是否發生,一旦發生即發佈內容,js回調相應做出迴應 在事件的發展史上,曾經有過一個非常

原创 2017年實習春招CVTE一面

在市中心的酒店面試,被百度地圖坑了一把,走錯了路遲到10分鐘,不過微信掃碼排隊,也沒人在乎你遲到吧。 從11點多等到接近12點,面試了半個多小時,通過的應該是直接再進行二面。 1.直接讓敲代碼 比較簡單 return st

原创 JavaScript雜談之promise揭祕

前言 所謂promise就是一個用來傳遞異步操作的消息,他代表了某個未來才能知道事件的結果,我們用這個代表了未來的結果先一步決定其下一步進行的操作,在ES6標準出之前我們是用笨拙的回調函數進行異步操作。 正文 事實上promi

原创 ECMAScript6簡介和學習筆記(一) let const 解構

記得剛開始看《JavaScript高級程序設計》的時候,其實一直搞不懂JavaScript的BOM、DOM、ECMAScript三部分之間的關係,隨着自己的編程經歷豐富,最近再回頭看高程,其實這三者也就越清晰,ECMASc

原创 javascript設計模式(三) 命令模式 享元模式

命令模式的主要用途是讓命令的接收者和命令發送者消除耦合,命令的意思是指執行某些行爲的指令,他的應用場景應該是:有時候想發送一個請求給另一個對象,但是並不知道這個對象是什麼,也不知道這個命令的具體內容。或者換另一種說法就是想要封裝一系列觸發

原创 javascript設計模式(一)單例模式 策略模式

單例模式的定義是指保證一個類僅有一個實例,並且提供一個訪問它的全局訪問點,其核心很簡單就兩點,唯一實例和提供全局訪問, 唯一實例一般都是對當前是否已經創建一個實例進行判斷,至於全局訪問那就是作用域的問題了,只要注意全局變量污染的問題就好,