JavaScript

[ng] 讓 SVG 在 ng 裡面不 ng

4 min read JavaScriptAngularJSSafariSVGMobile Safari
只是工作筆記，想想之後一定會忘記這件事情，所以就記錄一下。大抵上就好像是，明知道 transform 搭配 position: fixed 會有雷，然後我還是傻傻的踩下去一樣。 -------------------------------------------------------------------------------- > 關於上面提及的雷，可以參考 這裡 [http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/] ，並不是每一種瀏覽器都會這樣，不過就是 Chrome/Firefox 會爆炸就是了。 這種時候要讚揚一下 IE11，他在搭配使用的時候，fixed

[ng] 從實例來看 ng 應用程序架構

5 min read 筆記JavaScriptAngularJS
為了避免腦袋久了變成水母，所以趁現在記憶鮮明的時候先寫下來，這樣以後被起底才會有東西可以爆料。AngularJS 也不算很新，現在大家都在玩 ReactJS 了，反觀我自己關心的 Famo.us 草都這麼高了（比畫胸口 希望有時間回去整理 Famo.us 啊（遠目 -------------------------------------------------------------------------------- 參考 Gantt chart component for AngularJS [https://www.angular-gantt.com/] 架構規劃 粗略說明一下， * core 核心的檔案都可以放在這裡面

[天真] Angular + $compile + ng-bind-html 你看看你

2 min read 筆記JavaScriptAngularJS
自從我膝蓋中了一箭，AngularJS 什麼的就全部都忘光光惹！本來還天真的以為 ng- 天下無敵，結果本來想偷懶直接 ng-bind-html 然後惡搞一下，結果就 GG 惹！ -------------------------------------------------------------------------------- 具體的需求與作法大概是， * content 是由使用者產生的 HTML 內容，無法有統一的樣版。 * $alert() 透過特殊的 Service 來呼叫一個燈箱，燈箱中顯示 content 內容。 * ng-bind-html 雖然可以透過 $sce 來產出，不過餵給他基本上沒什麼效果。 * $compile 可以用他來重做一次

[Famo.us] inputs 模組 Part 2

4 min read Famo.usInputs ModulesJavaScript
[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github [https://github.com/famous/engine] 接續著講滑鼠、觸控等其他的模組。 MouseSync 顧名思義，就是跟滑鼠控制相關的同步事件模組，預設值有以下項目， MouseSync.DEFAULT_OPTIONS = { direction: undefined, // 方向 rails: false, // 指定單一方向移動 scale: 1, // 滑鼠軌跡放大倍率 propogate: true // 在文件中加入 mouseleave

[Famo.us] inputs 模組 Part 1

3 min read Famo.usInputs ModulesJavaScript
[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github [https://github.com/famous/engine] 在 Famo.us 當中，提供了不少關於輸入（input）的模組，主要是用於接收使用者的操作輸入，諸如滑鼠、捲軸、觸控等等。 -------------------------------------------------------------------------------- 輸入控制 常見的輸入控制，除了滑鼠與觸控外，捲軸與手勢動作也包含在這些模組當中，主要有下列輸入模組可以使用， 非輸入模組 * Accumulator 累加器，他提供一組累加功能，單純的使用