小雕雕的家

想跳過廢話前言的可以直接點下面的連結到相關主題

0. 前言

1. RWD 介紹

2. 使用純 CSS 開發 RWD 網頁

2.1. Media Queries 與撰寫習慣

2.2. Fluid Grid

2.3. Fluid / Flexible Image

今天被交付了一個工作....是要在原本的舊表單頁面判斷權限

如果沒有權限的就只能唯讀或 disabled，不能讓使用者修改

就類似下圖這樣，有的可以改有的不能改

但這真的很麻煩.....除了要將每個控制項 (input、select) 都加上額外的標籤外，還要改到後端接值的方式

之所以要加標籤是為了要知道這個 input 是用於哪一個區塊的權限

如果沒有權限就要將 input 改為 disabled

今天在用 ExcelPackage 這個套件要匯出 Excel 的時候發生了一點問題

其實這個問題之前就遇過了，但是年紀大了每次都忘記最後怎麼解決的......

每次都要重頭開始追實在很浪費時間

印象中還遇過另一個問題 (這個套件小問題也是不少，但資源很多所以都可以解決)

故此篇定義為筆記，方便以後有出現這問題可以快速排除

===============================================================

ExcelPackage 的話稍微介紹一下，是個簡單操作 Excel 的套件

這個套件主要功用，是把網頁中的元素載入消耗時間，以熱力圖的方式直接表示在頁面區塊

雖然 Chrome 按 F12也可以看出到底是哪個元素耗最多資源，但還是沒有直接視覺化來的淺顯易懂

這個套件對於網站設計 or 開發者還蠻有用的 (雖然我還是習慣按F12)

 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

套件名稱：Perfmap

位置：https://chrome.google.com/webstore/detail/perfmap/hgpnhiajcdppfbogcpfdgcceepgkhdmk

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

網路上找到這個方法超好用的

原網址在此：http://yiding-he.iteye.com/blog/58180

在此筆記一下

一直以來都覺得 javascript 的字串有點麻煩

因為它不像C#一樣可以直接用如下的方式表示一個字串

string Str = @"

111

因為pixnet 的文章編輯有些問題所以第二篇一直難產，有時打了 {{  }} 會直接消失

回報之後到現在過了一個禮拜還沒找到問題，只好先直接發布了

=================================================

繼上一篇學習了 AngularJS 的架構、表達式、Controller、Module 的用法

這次要來玩玩看內建的指令 (Directive) 

Directive 的官方說明在此

https://docs.angularjs.org/guide/directive

廢話前言：

說教學有點那個，但是它的確可以幫助跟我一樣的初學者慢慢進入AngualrJS的世界

因為我就是初學者啊

然後這篇實在是寫超久的....

因為開發時程的關係，而且jQuery 還是比較熟，所以工作上還沒辦法改用AngularJS

然後就斷斷續續的有空玩一下玩一下，轉眼間就已經是去年五月的事了，已經八個月 = =

去年五月就開始寫了啊~~~難產到這個地步

我覺得這篇一定很好寫.....因為一直貼圖就好了~

這個展從去年底就開始了，沒記錯的話是2014/12/27 or 28 開始的

在活動還沒開始的幾個月之前，我們就已經先上網買了$140的早鳥票了~

原價要$250喔，本來以為這個展跟多數在華山的展覽一樣

都是很單薄的那種.....(我有花錢看過很弱的展，而且還不准拍照)

但是"阿朗基愛旅行"非常有誠意，是可以拍照的喔~

我覺得可能是，就算你看到人家拍的照片了，你還是會想要自己來看