qops.blogspot.com
qop's notes: Snap.svg 載入 svg 檔時的兩三事
http://qops.blogspot.com/2013/12/snapsvg-svg.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). Snapsvg 載入 svg 檔時的兩三事. 使用 Snap.load() 時, 載入的檔案內容會變成 Fragment 物件。而 Fragment 物件只有兩個方法: select() 和 selectAll()。 在載入之後, 即刻使用 select() 可以取得一個 Element 物件; 而使用 selectAll() 是將樹狀結構 攤平. 取得符合條件的 Elements, 結果是 type 為 set 的物件 (也可以視為 Array 操作)。 當 Fragment 物件被加到 (append) DOM 裡面時, select() 和 selectAll() 就會失效. 12290;文件上敘述的很少, 只寫到 Fragment.select 同 Element.select, Fragment.selectAll 同 Element.selectAll。一開始使用應該很容易踩到這個雷吧。 Paper 指向 Paper 物件.
qops.blogspot.com
qop's notes: JavaScript 載入資源時的 Sync 和 Async 作法
http://qops.blogspot.com/2014/05/javascript-sync-async.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). JavaScript 載入資源時的 Sync 和 Async 作法. 1 同步執行 JavaScript (Sync). 在現有的 script 之後加入另一個 script 標籤 (嚴格講起來, 不算真的 sync). Var s = document.createElement("script"); s.type = 'text/javascript'; s.src = "js-url.js"; document.write(s.outerHTML);. 2 非同步執行 JavaScript (Async). 在 head 裡加入 script 標籤. 3 使用 XMLHttpRequest 同步取得 JSON (Sync). 4 使用 jQuery 同步取得 JSON (Sync). 5 使用 XMLHttpRequest 在載入文字檔資源前, 先判斷檔案是否存在. 訂閱: 張貼留言 (Atom). 課程規劃: AS, PHP, JS.
qops.blogspot.com
qop's notes: 在 Mac 上昇級 PHP cli 版本的另一種方式
http://qops.blogspot.com/2015/04/mac-php-cli.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). 在 Mac 上昇級 PHP cli 版本的另一種方式. 最近因為 laravel 以 Mac 使用 PHP cli 時,發現 Mac 內附的 PHP cli 沒有 Mcrypt extension。依照 Apple 官方的做法是下載原始碼重新編譯,常常是在 make install 過程得到一堆 warnings 然後就卡住了。 這裡的方式是直接安裝 MAMP 免費版,MAMP 3 本身就包含數個版本的 PHP,包含 PHP 5.5 及 PHP 5.6。 在 terminal 執行上式,可以得知 MAMP 所內附的 PHP 5.6 cli 包含了哪些 modules。 我使用的 Shell 是 ZSH,所以編輯 /.zshrc ,最後面加入下式. Export PATH="/Applications/MAMP/bin/php/php5.5.18/bin:$PATH". 訂閱: 張貼留言 (Atom). 課程規劃: AS, PHP, JS.
qops.blogspot.com
qop's notes: AS3 應用程式設計
http://qops.blogspot.com/p/as3.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). 12300;AS3 應用程式設計」出版至今已超過 5 年,出版商已決定不再印刷。雖然書中的內容有部份已過時,但基本語法和觀念是不變的,為了自己教學方便也讓自學的朋友有參考的資料,將會把書中的內容放到此部落格。礙於時間上的問題,會慢慢的將內容放上來,內容亦會以書上為主,不會做太多更動,格式以方便呈現為主。 Flash/SWF 自從被 Apple 打了一巴掌後,在網頁上漸居劣勢;但在多媒體及遊戲、互動上依然是最容易製作的技術。 Ch01 了解 Flash 編輯架構. 1-1 ActionScript 3.0來襲. 1-7 使用「動作」面板. 訂閱: 文章 (Atom). 課程規劃: AS, PHP, JS. MAMP 的 Apache httpd-vhosts.conf 設定. Adobe User Group (TW). Adobe XML News Aggregator. AUG members' blog roll.
qops.blogspot.com
qop's notes: 從 iframe 取得 document 和 cookie
http://qops.blogspot.com/2014/10/iframe-document-cookie.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). 從 iframe 取得 document 和 cookie. Cordova 製作的 App, 取得 iframe 的 cookie 方式. Var iframe = $('#iiframe')[0];. Var win = iframe.contentWindow iframe;. Var doc = iframe.contentDocument iframe.contentWindow.document;. 訂閱: 張貼留言 (Atom). 課程規劃: AS, PHP, JS. 從 iframe 取得 document 和 cookie. Adobe User Group (TW). Adobe XML News Aggregator. AUG members' blog roll. Watermark範本. 由 Blogger.
qops.blogspot.com
qop's notes: ExtJS 5 專案開發時不使用 bootstrap.js 的方式
http://qops.blogspot.com/2014/08/extjs-5-bootstrapjs.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). ExtJS 5 專案開發時不使用 bootstrap.js 的方式. Sencha 建議使用 Sencha CMD 來建立 ExtJS 5 的專案, 以及進行發佈. 但在較大的專案, 許多現有的工具都比 Sencha CMD 要來得好用, 但目前以 Sencha CMD 建立的專案, 似乎只能用 Sencha CMD 發佈. 為了讓專案有良好的 MVC 架構, 在此依然使用 CMD 建立, 但會考慮以 GruntJS 做發佈。 1 首先在解壓縮的 ext-5.0.1 目錄使用 CMD 建立專案:. Sencha generate app ext501 ./ext501. 2 修改 app.js ( 設定套件名稱對應的路徑. ExtLoader.setPath({ 'Ext': 'ext/src', 'ext501': 'app' });. ExtsyncRequire('Ext.app.Application');. 4 建立 index app.html.
qops.blogspot.com
qop's notes: Mac OS X 上 PhpStorm 8 中文輸入的問題
http://qops.blogspot.com/2015/04/mac-os-x-phpstorm-8.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). Mac OS X 上 PhpStorm 8 中文輸入的問題. 用 vi 編輯 /Applications/PhpStorm.app/Contents/Info.plist. Sudo vi /Applications/PhpStorm.app/Contents/Info.plist. 在 key VMOptions /key 的 string 節點內最後加上. J-Djava.awt.im.style=on-the-spot. 存檔,重新啟動 PhpStorm 就可以了。 訂閱: 張貼留言 (Atom). 課程規劃: AS, PHP, JS. 在 Mac 上昇級 PHP cli 版本的另一種方式. 在 DigitalOcean 上快速建立 LAMP FTP server. Mac OS X 上 PhpStorm 8 中文輸入的問題. Adobe User Group (TW). Adobe XML News Aggregator.
qops.blogspot.com
qop's notes: 九月 2014
http://qops.blogspot.com/2014_09_01_archive.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). 使用 Cordova 打包測試 Android App (Windows 7). 安裝 JDK, NodeJS, Git client (Git client 不是必要的, 不過最好裝起來)。 安裝 Ant build。 以 npm 安裝 cordova (global)。 使用 cordova cli。 JDK, NodeJS 和 Git client 安裝就不贅述。 A 下載解壓縮 adt-bundle (C: Users shinder workspace adt-bundle-windows-x86 64-20140702)。 B 設定系統變數 ANDROID SDK 為 "C: Users hsin-te.lin workspace adt-bundle-windows-x86 64-20140702 sdk"。 3 安裝 Ant build:. C 將 %ANT HOME%/bin 加入系統變數 PATH。 4 以 npm 安裝 cordova:.
qops.blogspot.com
qop's notes: 十月 2014
http://qops.blogspot.com/2014_10_01_archive.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). 從 iframe 取得 document 和 cookie. Cordova 製作的 App, 取得 iframe 的 cookie 方式. Var iframe = $('#iiframe')[0];. Var win = iframe.contentWindow iframe;. Var doc = iframe.contentDocument iframe.contentWindow.document;. 訂閱: 文章 (Atom). 課程規劃: AS, PHP, JS. 從 iframe 取得 document 和 cookie. Adobe User Group (TW). Adobe XML News Aggregator. AUG members' blog roll. Watermark範本. 由 Blogger.
qops.blogspot.com
qop's notes: 「Flash CS3 ActionScript 3.0 應用程式設計」已經出版
http://qops.blogspot.com/2007/11/flash-cs3-actionscript-30.html
Shinder Lin, flash, flex, PHP, JS and RIA (Rich Internet Applications). 12300;Flash CS3 ActionScript 3.0 應用程式設計」已經出版. 前一陣子花了許多時間在編寫此書, blog 就很少更新了 :p. 原則上這本書是「ActionScript 2.0 入門與應用」的改版, 不過後半部幾乎是重新寫過, 把一些比較少用的部份拿掉, 加入常用的基本範例。 當然一本書無法滿足所有讀者的需求, 讀者群定位在有點 ActionScript 編寫經驗, 想跨入 ActionScript 3.0 的讀者。對 Developers 是本入門書, 對 Designers 來說可能歸類進階書, 最好翻翻實體書, 再考慮購買吧。 2007,11,29 - - - - - - - -. 我們這裏要訂3本…還要新德大師簽名!! 如果訂 30 本的話送簽名照哦 XD. Maso, Erin, 邦邦三位大師程度應該早超出這本書的範圍很多 . May the force be with you XD. 請連絡出版商, 他們會為您處理 :).