毛豆的備忘錄暨開發實記

記錄小系統的開發階段及容易忘卻的東西

Home Contact Syndicate this Site (RSS 2.0) Syndicate this Site (Atom) Login
  54 Posts :: 0 Stories :: 27 Comments :: 0 Trackbacks

每月文章

隨筆分類

影像集

不分類好站


Wednesday, December 23, 2009 #

保哥的介紹

原站

在保哥的網站看到的,先記錄一下,之後再看。

posted @ 10:01 AM | Feedback (0)

Saturday, March 28, 2009 #

小舖上看到有人問怎麼抓取目標網頁內容,並找出想要的區域輸出。找出想要的區域必須靠Regular Expression來配合,以前寫過了,這次記錄的是抓取目標網頁的原始碼。

這裡寫的方法是純粹用ASP.net來抓取而已,還有很多改造的方法可以用,譬如像設定快取以避免被人封ip等,惡搞空間還很大。

jQuery其實也有函式可以用,用client機來跑比較省資源,再加上比起server端的解法,在client做比較不會被封ip…因為都是client的。這也是一種改進的方向。



抓取目標網頁內容(vb.net)



#(4/15筆記:jQuery ajax參考網頁)

posted @ 11:25 AM | Feedback (1)

Wednesday, March 18, 2009 #

連:Flash Charts圖表資源大全-- Flash 版及 JavaScript 版

連:JavaScript的3D旋轉木馬效果

在網路上看到很炫的JavaScript應用,先記錄下來。

posted @ 8:20 PM | Feedback (1)

Monday, March 09, 2009 #

參考資料jQuery無限級改變字體大小

參考資料傳說中 JavaScript 的 parseInt('08')

參考資料Visual jQuery(jQuery 1.2.6 API)

常在網路上看到一些把字體放大縮小的函式,這可以達成很好的效果,讓不習慣看小字的人(像是眼精快壞掉的毛豆)有簡單調整的功能。老闆也要求我要做出相同功能,讓客戶可以爽度提昇,既然都要求了,就當作練習jQuery吧。

首先從網路上找相關範例,仔細審核並找出適合的來,仔細找了後,發現很多來源寫得不夠好,無法符合需求,最後就自己東拼西湊出一個來。

先說發現了哪些問題:

  1. 字體只能分大中小,而有些網站的大字型仍然過小。
  2. 用CSS定許多樣式出來,再動態改變標籤所繼續的樣式,但如果遇到字型寫死在內文的就掛了。
  3. 有放大和縮小了,卻沒辦法復原。

現在目標很明確了:【建立一個可無限級放大縮小的功能,它能復原成初始值,並能修改內文定死的字型】。

 

步驟一:

建立一個可以取所有內文字型大小的函式,在文件讀取時如果沒設定,就加入預設值。

步驟二:

定義一個替內文真正進行放大、縮小的函式。

步驟三:

替函式加上還原的功能就完成了。

 

 

以下就是最後的結果。

但目前還不算寫得很好,像是我把能縮放的標籤名稱定死,還原時也有bug,還得再修修。

posted @ 1:16 AM | Feedback (3)

Tuesday, March 03, 2009 #

原文:瓶水相逢.Net

原站:CSS Table Gallery

最近有一些要做表格美化的需求,而點部落裡的瓶水相逢正好講到這個站。

它裡面是一堆很讚的美化css,你可以切換各種樣式去觀看它的外表,再挑喜歡的下載,正好符合我的需要。

posted @ 12:24 PM | Feedback (4)

Sunday, February 01, 2009 #

學貫官網:深入淺出-設計模式

最近開始在看這本書,裡面講許多不同的程式設計模式,對以物件導向開發有彈性的系統是十分有幫助的,它是替很久以前的【Design Patten】作全新的解釋,作者群十分的用心,書中內容十分有深度,而且它採用大量圖片以及輕鬆口吻幫助你記憶,值得慢慢體悟(注意,是悟而不是品味哦)。

目前看到第三章:裝飾模式,前三章都有許多不一樣的重點,讓我很期待後面十一章會有什麼樣的內容。之後如果我會利用公司的午休時間把一些比較好用的觀念寫成網誌,請期待(它原本採用語言是Java,如果是我寫的心得,就會採用VB.net)。

 

 

想當初…系上開物件導向程式設計,卻都不教物件,只教我們用Java當成c語言來寫程式,害我以為就是這樣子,後來實際看了一些書後才曉得什麼是物件,什麼是設計模式,而且偏偏這類的好書又很難找,更甚者…幾乎都不在.net領域找得到(也有可能是因為我由ASP.net入門的關係)。

有很多人看到一些繪本類的教學書如c語言繪本,都很反彈,總是說這樣的書深度夠嗎?其實這些書才真的是厲害,把很深的觀念用圖型表達出來,俗話說在書中一圖值千金呀,再加上適當的注解,真是好書。

原本在此書以及重構--向範式前進兩本中做抉擇,後來為了一些Patten以及輕鬆有趣的理由讓我選了這本,找到此書真的讓人很高興,推薦有心要走程式的人,為了未來的路好,去細細看過吧。

posted @ 1:43 PM | Feedback (0)

寫案子時,常把可能發生錯誤的地方包起來不讓別人看到,但自己必須瞭解哪邊出問題,所以寫記錄是必須的,常看到的記錄檔有三種方式:

  1. 寫進文字檔
  2. 用mail寄送
  3. 寫進windows內建的事件檢視器中

寫文字檔以及mail都不在今天的討論範圍中,且它們都有機會自己再出錯。

今天要寫的是利用windows的事件記錄器替我們做好記錄,事件檢視器在哪呢,請在【我的電腦】按右鍵→【管理】→【系統工具】中就找得到了。

 

首先是最簡單的寫法(我忘記在哪看到的了,sorry),下面的程式碼貼完它就會寫進去了(另錄:老方法)。

 

不過大家貼完,一定會出現安全性警告,主要是因為ASPNET這個使用者權限不足的關係,請按這個網誌指示加權限,這網誌裡面也貼了許多關於事件檢視器的相關技巧,權限加完後應該就可以順利寫入。

 

再來是看到F6 Team網誌裡寫的,在global.asax寫錯誤處理,凡應用程式層級的錯誤都會跑到這事件中。所以他就在這個區域寫錯誤處理(以下為C#語法),處理完的結果也可以看他的網誌中看到。

 

而根據微軟的建議,其實我們還有Page_Error事件可以用,這樣可以在每一頁自訂錯誤訊息,讓別人可以根據不同的問題看到不同的訊息。當然不能忘了【在Web.config自訂錯誤訊息頁】的方法。

 

我們把事件都寫進去了,那怎麼把事件顯示出來呢?請看【使用ASP.NET 顯示事件日誌紀錄】,裡面它把DataGrid拿來當作顯示介面使用。

posted @ 1:06 PM | Feedback (0)

Friday, January 16, 2009 #

brothersoft:ASP.net maker 3.3

官網下載:ASP.net maker 3.3

今天在看w3c school的ASP.net教學,裡面某一篇提到asp只會出到3.0版,並不會有之後的版本出現了,我當下覺得奇怪,印象中就有啊,於是到Google下了asp 4.0的關鍵字,結果證實的確是有的,我沒記錯。不過如果只是看到這樣的東西,我就不會寫這篇了。

在亂看的同時,不小心在brothersoft中看到這玩意ASP.net maker 3.3,就是.net的自動程式產生器,當下試玩了一下,當我把資料庫設定好,再進去它的程式中設定(因為第一次使用,花了比較久的時間),最後按下產生程式碼,前前後後不到十五分鍾,它就依我設定的資料庫產生好三層式架構程式出來,而且包含有資料庫的增刪修查、檔案格式的匯出以及許多細項設定,連登入都幫我產生好了,當下,只有一個想法…

我在幹什麼…我在幹什麼…我在幹什麼…我在幹什麼…

前兩天剛去聽完jBoss的高雄研討會,才剛剛被它的高品質高產量嚇到,Seam竟然給我拉一拉就完成需要花很久時間才能架好的站,還包括了AJAX也是在網頁拉一拉設定一下,連自然語言都可以拿來用,有夠強的。這次是被這種自動產生器嚇到,我學了這麼久,程式架構卻連它的精細度都達不成…

不過倒是也可以搭配它的後端,自己來寫前端元件…稍微…提高產量。 =_=



話說…學Java的人,不論是補習班老師還是主持人…聽到我是學.net的,都會露出奇怪的表情呢。

posted @ 3:12 PM | Feedback (0)

Thursday, January 08, 2009 #

原文:執行 ASP.NET 的其他選擇 - Cassini Web Server

之前公司經理一直很想把系統開發換成以Java為主,但經理離職後就沒有繼續主導Java了,不過在離職前,經理丟了個問題給我們,就是以未來的狀況看來,IIS其實並不是最好的選擇,有沒有其它的Web Server可以用呢?

這問題困惑了毛豆我好久,後來總算找到相關資料已經關閉的優秀教學站~酷必網),就是用Cassini這個玩意,還沒試用過,不過在我的參考資料中,裡面有商業性版本,也就是說它有針對一些商業考量加了東西,哪天用Virtual PC灌來玩玩看吧。

下載點:microsoft asp.net官網UltiDev Cassini Web Server

posted @ 2:24 AM | Feedback (1)

Tuesday, January 06, 2009 #

原文:增強網路標準以增進存取性

這篇很重要,尤其是寫ASP.net的初學者常常把控制項拉一拉完成網頁就交差了,並沒有考慮到其實網頁還是要方便許多不同的人(裝置)來使用,在這篇文章中表明為什麼遵循標準是重要的,並寫出如何將ASP.net的控制項轉為符合標準的語法。

不過其實寫ASP.net還有個很麻煩的問題到目前都很難解,就是JavaScript,不太清楚現在的其它裝置對JavaScript支援性如何,但要是非必要,儘可能不去使用<a href="javascript:'XXXX'">前往</a>這種東西出來,不是為了網頁標準,是為了避免人家無法使用。但很多時候卻難以避免,畢竟ASP.net的核心就是靠JavaScript模擬出許多事件來的,如果不用就是苦了自己。

posted @ 8:57 PM | Feedback (0)

Saturday, December 13, 2008 #

原資料:水森林


如果不想裝SQL server,卻想使用Asp.net 2.0里面的MemberShip等新功能要怎麼做?

總找算到用法了,先記錄下來

posted @ 9:23 PM | Feedback (1)

Thursday, December 11, 2008 #

原本頁面

<style media="screen" type="text/css">
.wrapper{ width:700px; height:400px; background:#ccc; border:1px #000 solid;}
.holder{width:500px; height:500px; display:table; position:relative; margin:12px auto; border:1px solid #596480; background:#ffc;}
.holder div{*position:absolute; top:50%; left:0; display:table-cell; vertical-align:middle; width:100%;}
.holder p{position: relative; top:-50%; text-align:center; margin:0; padding:0;}

/* 分兩套看 holder的 display:table holder div的 display:table-cell; vertical-align:middle; 就可以實現在ff,safari和opera下的垂直居中,但是對ie系列無效 holder的 position:relative; holder div的 *position:absolute; top:50%; left:0; .holder p的 position: relative; top:-50%; 通過控制絕對層的位置實現ie6,7下的垂直居中 holder div中的*position:absolute是只給ie6和7看的css hack 對於水平居中要說的是如果holder div的width如果未指明100%,在ie7中它是不會自動延伸100%的,也就無法實現水平居中 */
</style>


<div class="wrapper">
    <div class="holder">
        <div><p><img src="filearea/sourcefile/jpg/preview/apc100003-si-tau_tsu_2008020009-0001-i.jpg" /></p></div>
    </div>
</div>


posted @ 3:14 PM | Feedback (0)

Saturday, November 22, 2008 #

最優的解法:GridView 資料列單選功能



最近遇到了個問題,就是要在DataList或是GridView中要使用RadioButton物件。
加進去是很簡單,但問題卻出在它無法進行單選,這樣用它就沒意義了。

目前解法有四,我已經都查到了,先記下最優的解法,其餘的再補。


  • 撰寫JavaScript來判斷,這是可以用,但如果前台不允許JavaScript時就窘了。
  • 改在其它地方放置DrawDownList,但如果是每格看起來都很大時,這方法很不直覺,如果用在簡單列表還可以。
  • 我創的:利用HoldPlace,自己針對每一DataRow撰寫,優點是有,不過失去使用編輯器的所見即所得優勢了。
  • 最優的寫法:利用html標準的Radio,而不是伺服端的RadioButton,再利用Request.Form("RadioName")取值。
posted @ 6:54 AM | Feedback (0)

Friday, November 21, 2008 #


吱吱

這真是個好方法:


:常用的ie filter

posted @ 6:23 PM | Feedback (0)

Friday, October 31, 2008 #

前幾天去郵局辦了點事情,當時因為離我還有三十個人,於是我跑到他們的公佈欄看了下海報,想說學點平面設計的觀念。當時看到了其中一份海報印有【郵局代收貨款】,好奇心驅使我上Google網站查資料。
在找到網站資料後,我順便看一下郵局網站到底能做些什麼。大概使用半小時後,發覺了一些問題和優點,優點就先不談,放到這文章最後去吧,總是要罵一罵,再找理由安慰嘛,呵呵。

首先看看查到什麼資料:


嗯,看完了很簡單明瞭的網頁內容後,我們再看另一份:


這兩頁是同一頁,網址:http://www.post.gov.tw/post/internet/ads/mons/service.htm,平平同一個網頁,為什麼會差這麼多呢?第一張圖是用Firefox 3觀看的,第二張使用的是IE6和Opera 9.6看的結果。

其中落差最大的其實不是畫面的美觀程度,而是頁尾的兩張圖,也就是【(附圖一)代收貸款郵件託運單】以及【(附件二)詳情單】的部份,Firefox 3里看不到這兩張圖片(其實所有圖片都看不到),所以如果使用Firefox 3的人沒注意到,可能會漏看許多資訊。

造成這種嚴重錯誤(因為換瀏覽器而不能觀看正常的內容,對我而言是網頁設計師的嚴重錯誤,尤其它是個html檔而不是動態的伺服器檔)的原因還不清楚,最近在準備考土銀的考試,沒有時間很細心的研究html碼,只看了個大概。

 

優點嘛,只要是圖它們都有滑鼠移過會顯示標題出來,如下圖:


 

這在網頁設計也是很重要的,甚至被列入無障礙設計的一環,因為語音瀏覽器這樣才會把它唸出來,對視力較差的網友們是很友善的設計。




郵局網站系列之一到此完畢。

posted @ 4:33 PM | Feedback (2)