原创 Angular 中的 ElementRef

  ElementRef 顧名思義是元素參閱 在實際應用中獲取視圖層的dom元素,藉助Angular提供的依賴注入機制,輕鬆訪問到dom元素 ElementRef的定義 export class ElementRef {

原创 前端必懂EventEmitter

本文說一個EventEmitter.比較簡單,可以直接看代碼 發佈+訂閱 DOM的事件機制就是發佈訂閱模式最常見的實現,這大概是前端最常用的編程模型了,監聽某事件,當該事件發生時,監聽該事件的監聽函數就被調用 發佈訂閱模式,阮一峯在《Ja

原创 什麼是lodash

什麼是lodash? lodash是一個javascript庫,也是Node JS的常用模塊,可以用 npm install -g lodash 命令安裝。 lodash可以用來做什麼? 軟件產品大都是根據廣泛的需求應運而生的,很少有東西

原创 TypeScript ——JavaScript 的超集

Typescript並不是一個完全新的語言,它是JavaScript的超集,爲Javascript的生態增加了類型機制,並最終將代碼編譯爲純粹的Javascript代碼Typescript簡介Typescript由Microsoft(算上

原创 sublime2 中emmet的使用指南

生成 HTML 文檔初始結構HTML 文檔的初始結構,就是包括 doctype、html、head、body 以及 meta 等內容。你只需要輸入一個 “!” 就可以生成一個 HTML5 的標準文檔初始結構,你沒有看錯,輸入一個感嘆號(當

原创 JavaScript設計模式

設計模式應該遵守得原則:(1)最少知識原則:一個軟件實體應當儘可能少地與其他實體發生相互作用(把對象劃分成較小的粒度,以便提高複用性)(2)開放-封閉原則:軟件實體(類、模塊、函數)等應該是可以擴展的,但是不可修改一、原型模式JavaSc

原创 javascript 文檔易忽略知識點整理(二)

HTML  DOM(文檔對象模型)當頁面被加載時,瀏覽器會創建頁面相應的文檔對象模型1. 查找元素        通過id: var x = document.getElementById('intro');        通過標籤:va

原创 Angular4——全向後兼容

Angular2.0版本 與 Angular4.0版本完全向後兼容Angular4版本更新了什麼?體積更小,速度更快,Angular應用程序變得更小更快。更好得模板引擎改進了AoT,將生成的代碼的大小減少約60%。如果模板約複雜,那麼優化

原创 VS Code 快捷鍵(中英文對照版)

按 Press功能 FunctionCtrl + Shift + P,F1顯示命令面板 Show Command PaletteCtrl + P快速打開 Quick OpenCtrl + Shift + N新窗口/實例 New windo

原创 Promise 與 Rx

Promise這個概念在JS開發者裏面可謂是深入人心,主要用它來避免callback hell。1. Promise顧名思義,提供的是一個允諾,這個允諾就是在調用then之後,它會在未來某個階段把異步函數執行的結果傳給then     

原创 hosts 文件的作用

       平常開發或者內測項目的時候,我們通常會配置一個本地的域名,映射到本地的ip(127.0.0.1),訪問項目的時候直接通過域名訪問呢,而不是輸入ip來訪問,那麼這個域名和ip的映射就是在hosts文件裏修改,hosts是怎樣做