demoshop

demo, trying to be the best_

如果你已經開始使用了 MVC4 而且很不巧的你會使用到 IE6、7、8 那你就會踩到這個雷,demo 一直很鼓吹各位開發 MVC 的朋友要使用 MVC 內建的驗證機制來簡化整個網站表單驗證的部份,當然有雷也必須要和各位誠實稟告,今天要說的就是日期驗證的雷。

這是一套小巧又強大的 HTML 編輯器預設的情況之下只有超小的 8.8k ,如果你不需要用到 CKeditor、TinyMCE這類超多功能的 HTML 編輯器只是要簡單的應用那這套 CLeditor 絕對是你的不二選擇!

demo 剛剛在抓一個 Bug 的時候發現了這個有趣的事情,以往如果我們想利用 HTML 多記錄一些東西可能會使用自定屬性的方式來達成目標,但是在 HTML 5 出現後,這種自定屬性的部份都改用 data-* 來取代,後來 jQuery 也支援直接用  jquery.data() 方法就可以直接取值,於是就沒有不用的道理了,用了那麼久我倒是第一次發生這有趣的問題。

.NET 的開發者如果你有使用過 JSON 應該或多或少都有碰到時間格式轉換的問題,因為原生的 JSON 並沒有相關的日期格式可以使用所以微軟自己發明了"\/Date(1316175498934)\/" 這種表示法,雖然說明確的表示了日期時間,但卻苦了開發人員,好加在網路上好心人相當多,這裡就有一個還不錯的日期轉換模組可以迅速方便的解決這種問題。

這標題看起來好像很猛,但是其實這種需求本身就是沒意義的需求(破解的方式太多種),但是江湖路走多了,還是會遇到這種需求為了避免花費太多時間在這種地方,所以 demo 就整理了這篇文,列出實作方法與破解方法讓遇到此需求的朋友可以明確的知道各種限制的作法與破解方法。

這幾天的文章都有扯到 jQuery ,其中的【實作 GridView 整列選取功能使用 JavaScript】有做了一個隱藏第一個 td 的效果,說行話一點就是隱藏第一個子元素,文章寫完後被人說醜但是我還滿習慣這樣寫的不過被質疑了就懷疑哪種比較好,以下就是簡單效能比較文章。

話說光棒 LinghtBar  這玩意是一個很平常的效果了,記得當初 demo 剛開始在寫程式的時候就有一個想法,想做出一個萬用的方法讓以後很方便,但是那時候我的功力寫不出來,只寫了一個半殘的程式,而日子就這樣過去了我也沒有再去思考過這件事情,直到最近又有機會碰到需要光棒效果的網頁,而且沒有設計人員幫我處理,既然又要自己來了,那就搞好它吧

因為在和設計人員配合的時候,經常會請他們要考量到一些頁面是使用 LightBox 因此客製化後很多頁面開起來的大小都不一樣,之前是請設計人員寫一份清單,後來是請設計人員自己寫 LightBox 叫用的Script ,怎樣都是麻煩所以demo就改請設計人員直接使用class來定義需要開啟的大小。

這標題還真難下,完整的說明應該是「解決需要登入的頁面用 AJAX 動態載入時很容易因為使用者閒置過久導致被導向登入畫面的問題」,很多時候在會員專屬頁面中我們還是會使用 AJAX 技術去動態載入一些頁面,正常使用情況下是非常好的使用者經驗,但是如果會員閒置過久而導致系統早就已經自動登出了,但是因為頁面並沒有重新整理所以當會員又按下某一功能時,AJAX原本要動態換掉的區塊(div)變成了登入畫面甚至於跑回首頁,這是非常非常差的使用者經驗,demo 目前有想到一個很簡單的解決方案,提出來看看有沒有人有更好的解決方式。

最近 javascript 寫到起笑,所以幾乎都是發有關於 javascript 的文章,前幾天介紹了一篇可以在 visual studio 2010 內折疊 javascript 的好工具,文一出就被人嫌說在 aspx 內無法折疊,的確雖然說把 script 全部抽離出來才是正途,但很多時候還是想要直接寫在頁面(aspx)上就好阿....因此再推薦一個可以把寫在 aspx 上的 javascript 也給他折起來的擴充套件。

身為一個 網頁程式開發人員,撰寫了滿山滿谷落落長的 javascript 一點也不為過,不知道各位有沒有感覺,為什麼 javascript 不能折疊呢?像 Code 一樣可以折起來有多好,今天就來介紹一款 Visual Studio 擴充套件 Javascript Outlining 。

在 Visual Studio 2008 以後開發 JS 上有了一個很好的變動,智能提示(Intellisense)的支援,在2010版的時候更加加強了這一塊的資源,使用 Visual Studio 開發 JS 的網友應該都能體會到智能提示(Intellisense)的方便性,但是官方也僅提供了 jQuery 和 jquery.validate 的支援,這些東西網路上一堆API可以查,有沒有提示說真的demo認為沒那麼重要,通常開發網站的時候一定作寫一些自己的 JS 檔,這些 JS 檔才是真正需要智能提示(Intellisense)的支援,當協同開發的時候令一位專案成員不需要每次都還要開啟檔案才知道這功能是幹什麼的、要怎麼用或是會回傳什麼。

之前用過了不少的 Lightbox 後來是有一陣子都使用 FancyBox 但是最近發現了這一套 Colorbox 實在是讓我驚艷,不但檔案小效果多而且和 IE6 配合的還不錯,真是大力的推薦。

對於每天要接觸 jQuery 的我來說面對這多如牛毛的事件、屬性還真的有時候會忘記怎麼使用,每次都要上 jQuery 官網去查詢相關的使用方式,雖然說很方便但是開啟頁面的速度總是不理想,可能只是需要看三秒就知道的功能需要花一分鐘左右去開啟網站(jQuery 官網太熱門很容易塞阿)好在有好心人提供了離線版的API查詢。

一個功能豐富的日期選擇器,而且開啟速度快,程式 Size 小,擁有豐富的事件可以擴充,最棒的是作者真的幫我們想到很多,幾乎你想到的需求它都支援了,demo試用過後真是覺得太佛心了。

現在的網頁連動式下拉選單相當的普遍,之前 demo 也有寫過一篇,當時是利用 AJAX.NET Toolkits 來完成的,現在介紹一下使用 jQuery 的寫法。

因為 jQuery UI 的 Datepicker 有點龐大(約100k),所以 demo 試了幾種較輕量化的 日期選擇器,東挑西挑下選擇了這套,jQuery Date Input (12k)毫無特效,不過對於基礎的選擇日期是堪用了。

因為 jQuery Validate 實在是 Client 端驗證的極品,所以前先日子遇到了個驗證身分證字號的需求,剛好在網路上有找到不錯的範例,使用了以後發生某些英文開頭的身分證字號死都驗證不過於是就修改了一下 code ,再放上來分享給各位。

在MAC的作業系統上內建的選單就是這種樣子,非常的漂亮也有很多Windows的用戶安裝外掛讓自己的作業系統也可以擁有這漂亮的選單,前幾天找到這風格的套件就超想把它實做在專案中,礙於找不到適合的區塊,所以先發篇文紀錄一下啦。

新案子準備要開始了,今天花了一點時間上網找 jQuery 的套件,來看看有沒有辦法讓使用者感覺更美好,晃者晃者就看到了一個相當好的套件, Alert Dialogs 馬上就來推薦給各位朋友啦。