原创 Angular開發必備插件一覽表

1. Angular-cli 初始化,開發,構建和維護Angular應用程序的命令行界面工具。 安裝 npm install -g @angular/cli 命令列表 ng help ng new my-f

原创 Mac docker 安裝node

docker額外消息 2019年11月13日– 開放雲公司Mirantis 今天宣佈收購Docker的企業平臺業務。其行業領先的容器平臺,員工和數百名企業客戶將加快Mirantis的目標,即爲開發人員在任何雲和本地基礎架構上提供一

原创 【前端】chrome 意料之外的操作

自動devtool //快捷鍵中配置 --auto-open-devtools-for-tabs 顯示繼承樣式 compute 面板中勾線show all 定位未使用的css 在聚焦DevTools的情況下,按Command

原创 Angular1升級到Angular2之組件樣式封裝

背景 angular1升級Angular8需要了解的改變,請移步傳送門。angular8核心思想:模塊化,各組件維護自己的樣式。 樣式升級 angular1代碼 //之前代碼scss, 圖便利,常寫在父組件的scss文件中,

原创 前端Angular Rxjs Stylus d3實踐

技術選型 Angular8-cli -- 構建環境、視圖組件 Rxjs -- 提供數據流 Stylus -- 定製樣式 d3 -- 繪製圖表,使用HTML、SVG和CSS3讓數據鮮活起來 echart -- demo參考

原创 前端Nodejs需要了解的學習內容

Node簡介 Nodejs框架是基於V8的引擎,是目前速度最快的Javascript引擎。 chrome瀏覽器就基於V8,同時打開20-30個網頁都很流暢。 nodejs 實現 commonjs規範 nodejs 讓 js在後端

原创 Angular測試用例編寫總結

測試單獨service - 框架new實例測試 代碼如下: @Injectable() export class ValueService { value:string; constructor() { } getVa

原创 【前端】壓力測試工具ab、siege、webbench

概念 吞吐率(Requests per second) 每秒處理的請求數 併發連接數(The number of concurrent connections) 某個時刻同時存在的連接數。 併發用戶數(The number of

原创 前端開發需要了解的異步請求方式

異步請求 背景: 異步請求,爲了優化用戶體驗,而誕生。 ajax var xmlhttp; if (window.XMLHttpRequest) {// code for IE7 , Firefox, Chrome, Oper

原创 記一次lodash delay引發的tooltip顯示不成功問題

需求背景 D3 tooltip內容過多,需要展示滾動條。鼠標離開定位後,立刻觸發mouseout,此時tooltip會隱藏。但是,需求是不能隱藏。那麼久從離開到隱藏之間,存在一定時間的隱藏。 用delay實現 # 全局變量控制

原创 Angular核心概念一覽表(持續更新中)

ngModule 中小型項目中ngModule往往只有一個,但在大型應用中,往往多個功能相關的ngModule。定義在同一個ngModule中的視圖組件,可以同範圍內直接使用標籤。 import { NgModule }

原创 angular8 日常開發避坑指南

1.else使用 語法糖else <div *ngIf="isLoggedIn; else loggedOut"> Welcome back, friend. </div> <ng-template #l

原创 Angular數據請求之HttpClient

Httpclient引入 模塊引入 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/plat

原创 20個你值得了解的Angular開源項目

1.Angular-CLI - angular工具命令行 GitHub: https://github.com/angular/angular-cli Stars: 23.4k Web-site: https://cli.angu

原创 前端RxJs響應式編程之操作符實踐

常用操作符 本地使用環境爲rollup rxjs,具體的rollup配置,請參考另一篇文章,這裏不再贅述。 import { of,Observable, interval,Subject ,from,bindCallback}