文章

目前顯示的是 十二月, 2016的文章

Package an Angular CLI Application into Electron

Package an Angular CLI Application into Electron | Bruno d'Auria

Electron Tutorial - YouTube

Packaging and distributing your electron/angular 2 desktop apps. - YouTube

electron-userland/electron-packager: Package and distribute your Electron app with OS-specific bundles (.app, .exe etc) via JS or CLI

使用 electron-packager 時可能會出現不知道 electron 版本的問題,在下指令時指定即可:

electron-packager dist --asar --platform=linux --arch=x64 --version=1.4.13
指令下在 angular-cli project 根目錄

先用 ng build 產出 dist 目錄(參數可省略)
 ng build --prod --aot=true -sm=false --asar:保護原始碼不會被直接看到(需要安裝 asar :npm install -g asar)

--platform=win32 可編譯成 windows 的程式,不過要裝 wine 才可以

electron-userland/electron-builder: A complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box

electron-builder 是另一套打包工具,不過我沒用過....

electron 官網文件:Documentation - Electron

electron type 定義檔:@types/electron


electron-forge  可以打包成 deb / rpm / zip ..... 等檔案格式

使用 Docker 建立 Laravel 環境的例子

Snapper-GUI:snapper 的 GUI

Libraries.io : 找 library 的一個好地方

Search for angular2 - Libraries.io

Search for angular 2 - Libraries.io

關鍵字分別是:angular2 與 angular 2

angular2-modal:不錯的 modal 套件,還有產生器可用

HTML5 Drag and Drop file upload

Create a MEAN app with Angular 2 and Docker Compose

Create a MEAN app with Angular 2 and Docker Compose | Scotch

重點在 docker 與 docker-compose ....

JavaScript — Observables Under The Hood

JavaScript — Observables Under The Hood

雖然後面的 code 看不太懂,不過前面的比喻還蠻貼切的,希望以後能完全看懂....

angular2 讀取 excel 資料表 part 2

上一篇

這次安裝 typescript wrapper,angular-cli.json 不用改了


1: /* app.component.ts */ 2: 3: import { Component } from '@angular/core'; 4: 5: @Component({ 6: selector: 'app-root', 7: templateUrl: './app.component.html', 8: styleUrls: ['./app.component.css'] 9: }) 10: export class AppComponent { 11: 12: title = 'app works!'; 13: dropzoneStyle: any = null; 14: 15: reader: FileReader = new FileReader(); 16: files: FileList = null; 17: 18: workBook: IWorkBook = null; 19: workSheetNames: string[] = []; 20: workSheets: { [sheet: string]: IWorkSheet } = null; 21: currentWorkSheet: IWorkSheet = null; 22: currentData: any[]=[]; 23: 24: constructor() { 25: this.reader.onload = this.setReaderOnloadHandler(); 26: } 27: 28: /** 29: * drop event handler 30: * 31: * @param e 32: */ 33: readFile(e: DragEvent): void { 34: e.stopPropagation()…

Typescript — Integrate jQuery Plugin in your Project

Typescript — Integrate jQuery Plugin in your Project – Medium

一個在 angular-cli 下新增自定義 type 的例子

Angular 2 — Take Advantage Of The exportAs Property

Angular 2 — Take Advantage Of The exportAs Property

雖然不太有機會自己寫 directive,不過很少看到 exportAs 的例子說....

exportAs ==> 將 instance export 給樣板參考變數

就像:

#f="ngForm"

Angular 2 : Deal with Different Form Controls Cheat Sheet

Persisting user authentication with BehaviorSubject in Angular

Persisting user authentication with BehaviorSubject in Angular

利用 BehaviorSubject 取得最近一次的值 或 初始值的特性,讓寫法簡潔許多。

最好將 Observable 利用 share(),避免多個 subscriber 時的問題。(文末有說明)

External JavaScript dependencies in Typescript and Angular 2

External JavaScript dependencies in Typescript and Angular 2 - Rick Strahl's Web Log

當使用的套件沒有 type 定義檔時真的很傷腦筋.....

文章中幾種方式可以嘗試看看

angular2 讀取 excel 資料表

圖片

無密碼登入實作 in Laravel 5.2

Let's Kill the Password! Magic Login Links to the Rescue!

其實就是使用 email 接收一次性的登入連結啦

Angular 2.3 新功能:Component Inheritance 範例

如何在PhpStorm活用PHPDoc

LaravelInstaller: A web installer for Laravel 5.1

RachidLaasri/LaravelInstaller: A web installer for Laravel 5.1

Laravel Installer - YouTube

挺方便的工具,聽說 5.* 可用,有機會來試試

Query Mongo: MySQL to MongoDB Query Translator

Query Mongo: MySQL to MongoDB Query Translator

好工具,雖然還沒開始學 MongoDB....

functional programming 的一些資料收集

整合 TinyMCE 與 Angular2

Rxjs 教學影片

Angular 2 Lifecycle Hooks

My Right To Code - Angular 2 Lifecycle Hooks

有一段短片可以觀察 lifecycle hook 的順序

constructorOnChangesOnInitDoCheckAfterContentInitAfterContentCheckedAfterViewInitAfterViewCheckedOnDestroy 參考: https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html

pipe for ng2

danrevah/ng2-pipes: Useful pipes for Angular2

不想自己寫 pipe ?先看看需要的 pipe 有沒有現成的吧。