文章

目前顯示的是 五月, 2017的文章

在 Angular 中以 RxJS 實作無限捲動 Directive

Laravel 5.4 – OAuth2 Passport Authentation via Mobile Web Services

進擊的前端工程師:今天就自己打造 API 吧!

好多的 Dockerfile 可以參考

製作 Deepin 15.4 安裝 USB

下載 深度启动盘制作工具

只是 linux 版的 deb 我在我的桌機 ubuntu 16.04 裝不起來....


方法 1:在 windows 下使用 啟動盤製作工具 操作最簡單

方法 2:在 linux 下操作

假設 USB 隨身碟在 /dev/sdc

sudo dd if=/path/to/deepin.iso of=/dev/sdc


方法 3:解壓縮出來做成 live usb,進入 live 系統後用 啟動盤製作工具 操作

重要提醒:傳統 BIOS 製作出的隨身碟不能用在 UEFI ,要另外製作

[ 好文 ] 輕鬆理解 Ajax 與跨來源請求

Exploring Angular DOM manipulation techniques using ViewContainerRef

angular seo 的範例

How to Build An Ionic App with Firebase and AngularFire 4

運用 combineLatest 管理多個 filter,組合 Query String

Manage your Filters Like a Pro in Angular With combineLatest

文章中的例子有兩組篩選條件,任一個變更時即改變 query string 的內容

利用新增 decorator 自動退訂 Observable

🎩 Automagically Unsubscribe in Angular – NetanelBasal

利用新增 decorator 自動退訂 Observable,也可以選擇性保留某些不退訂

在 Angular 中用 directive 實作 Vue 的 event modifiers for v-on

阮一峰的 WebSocket 基礎教學

angular 事件綁定鍵盤按鍵列表(含組合鍵)

keydown.a
keydown.b
keydown.c
keydown.dot
keydown.Spacebar
keydown.meta.Enter
keydown.alt.Enter
keydown.control.Enter
keydown.shift.Enter
keydown.meta.o
keydown.meta.s
keydown.meta.f
keydown.escape
keydown.ArrowLeft
keydown.ArrowRight
keydown.ArrowUp
keydown.ArrowDown
keydown.0
keydown.1
keydown.2
keydown.3
keydown.4
keydown.5
keydown.6
keydown.7
keydown.8
keydown.9
keydown.tab

meta 就是 window 鍵 / Command 鍵( Mac )

參考資料:

Native Key-Combination Event-Binding Support In Angular 2 Beta 17

Understanding ViewChildren, ContentChildren, and QueryList in Angular

Understanding ViewChildren, ContentChildren, and QueryList in Angular

ViewChild
ViewChildren
ContentChild
ContentChildren
QueryList

搞不清楚這些東西嗎?來看看這篇文章吧

Dynamically Creating Components With Angular

Handling Multiple Checkboxes in Angular Forms

RxJS Subjects for human beings

RxJS Subjects for human beings – NetanelBasal

提供的例子滿好了解的

Implementing Auth Guard with Componentless Route in Angular

Implementing Auth Guard with Componentless Route in Angular

需要做權限控管的可以參考參考

新手向 Webpack 完全攻略

Webpack – Roy 的開發筆記

新手向 Webpack 完全攻略,寫的不錯的系列文章

用 CSS 產生編號

程式語言教學誌: CSS 2.1 快速導覽 - 重設編號 counter-reset

CSS counter-reset property

可以用來產生程式碼行號,也許哪天自己來刻一個顯示行號的東西

相關資源:

Line Numbers ▲ Prism plugins

Component architecture recipes for Angular’s reactive forms

Component architecture recipes for Angular’s reactive forms

GitHub

文章中的作法值得深入思考,另外文章中有一段 code 我覺得特別有趣:

selectTopping(topping:Topping){constindex=this.control.value.indexOf(topping);if(!!~index){this.removeTopping(index);}else{this.addTopping(topping);

傾囊相授 ! MUKI 的 RWD 入門與實戰課程分享

typescript 產生連續數字的 array

不專業網管筆記: javascript 偽 range() 函數:產生連續數字陣列

之前這篇的方法在 typescript 中不適用, Array(5).keys() 的結果並不是陣列,而是 IterableIterator<number>

今天看到另一種方法似乎可行:

Array.from( Array(5).keys() ) ==> [0, 1, 2, 3, 4]


preventDefault vs. stopPropagation vs. stopImmediatePropagation

Termius:跨平台的 ssh client

Cross-Platform SSH Client Termius is available as a Snap app on Linux

Linux 下可以透過 snap 安裝,以下是以 Deepin 15.4 為例:

sudo apt install snapd

sudo snap install termius

json2ts - generate TypeScript interfaces from json

json2ts - generate TypeScript interfaces from json

將 json 轉成 typescript 的 interface

中文假字 plugin for sublime text

Grive2 - An Alternative Google Drive Desktop Client for Linux

Grive2 - An Alternative Google Drive Desktop Client for Linux

可以透過 PPA 安裝,不過....沒試過說....