小毛的Blog

很棒的網站設計風格眼睛一亮!!!

好有才的設計方法厲害厲害…

https://www.carce.cc/goodcar

http://written.localhost-8080.com/

無名搬家 Blogger

2013/9/2 ~ 2013/12/26 無名末日倒數
該逃去哪呢眾說紛紜
本人決定逃到 Blogger

這時候就問題來了

文章? 回文? 照片? 影片? 音樂?

搬個家還怪痛苦的.

再來無名一連串的政策失誤真的也讓我見識到了
應該說燒到我一次也是最後一次了

廢話不多說進入正文

搬家寶典 (無名 to Blogger)

1.付費(含測試5篇文章) 1篇2元圖片不失連(無名相簿的圖) 感覺不錯~
http://tw.piliapp.com/move/?ref=top

2.手動加工 (免費-災難連連~but堪用)

2.1.
轉-重灌狂人
無名要倒了？如何幫「無名小站」部落格搬家到 Google 的 Blogger 去？
http://briian.com/?p=10534

2.2.
轉-阿榮福利味
iWretch 1.7.5.0 免安裝中文版 – 無名相簿下載程式無名關站相簿備份專用
http://www.azofreeware.com/2012/06/iwretch-1730.html
成果:

2.3.
可是影片,音樂怎麼辦咧…?
其實還是有辦法…
(雖然本人完全不推薦無名官方的做法因為鎖定blog後台之後就是悲劇的開始)

依照官方提供的新式備份
[請務必先留下舊的備份因為不先拿出來之後就沒辦法救了~!]

{帳號}-dataalbumdetail.html
{帳號}-dataaudiodetail.html
{帳號}-datavideodetail.html

打開 ?.txt後可以看到一整串連結

這時候就可以用 JDownload 迅雷等等的續傳軟體下載了

或者參考此方式:
轉-免費社群資源
從無名小站批次合併、下載、打包實體照片教學，可一次下載全部相簿照片
http://www.freegroup.org/2013/09/wretch-album-combine-download-all-photos/#comment-139167

[轉貼]Google Chrome F12 開發者工具

轉載 http://fundesigner.net/chrome-dev-tool/

每次當要寫網頁時，不外乎就是時常打開瀏覽器來看顯示是否正常，看看是不是哪邊語法錯誤等等。而如果發現錯誤，我第一個不是回去看程式碼有沒有問題，而是使用Google Chrome開發者工具(Developer Tools)，這個工具相當方便，不但在開發時能夠讓CSS快速完成，並且能夠即刻查看效果，沒錯，我平常都是這樣用的。

什麼是「Google Chrome Developer Tools 開發者工具」?

有些讀者可能沒使用過這個工具，其實這個工具在Google Chrome中就已經內建了，只要用Chrome開啟任一網頁按下「Ctrl+Shift+I」就會開始這個開發者工具。

另法：直接用滑鼠，按右鍵點「檢查元素」。

如上圖，會跳出一個Developer Tools開發者工具。這時候我們就可以來好好利用這個工具囉！

另外，也可以讓他固定在瀏覽器的下方，不獨立出一個視窗。只要點開發者工具視窗的左下角，第一個按鈕，就可以了。

然後就可以固定住了。

選取某區塊、段落

當我們要開始使用之前，當然要先選到要修改的地方，不需要再一直從開發者工具去打開層疊樹找指定區塊。

所以，我們先把滑鼠移到某區塊上面，並點選「檢查元素」：

這樣一來開發者工具就會自動固定到該區塊，然後看到下圖的右邊，出現了可以修改的樣式！

CSS 調較樣式、新增樣式功能

這個功能是我最常用的一項功能，因為用他來開發 CSS 樣式真的非常快。

承上一節，我們看到右方的樣式部分：

從上圖可以看到，怎麼會出現兩個font-size？因為我在開發的時候不小心前面打過了後面又再打一次，所以，前面的15px會自動被後面的16px覆蓋掉，而15px會被劃刪除線，意思就是這句已經被覆蓋掉不會生效。

修改顏色

在開發過程中常常會修改顏色，到最好看的地方。承上圖，我們可以看到在background: 右邊有一個正方形的顏色塊，我們可以點一下。

點一下之後我們就可以選其他顏色，而且這個調色盤的功能相當完整，是用漸層來讓你選顏色，而且還有透明度的調整。

另外你還可以發現點了之後，在網頁中的該區塊顏色會立即被更改成你選擇的顏色，方便立即查看效果。

（當然，這邊的修改在重新整理之後就會恢復原本的樣子）

修改值

很簡單，在每一個樣式上按一下就會自動變成編輯狀態，然後就可以修改成你要的樣子。

如下圖，我將留白改為左右各60px。

小技巧：將數值反白後，可利用鍵盤的↑↓鍵來調整數值，一次單位為1。

自動完成功能

此外開發者工具也很貼心的有自動完成的功能，只要輸入字頭，就會自動跳出自動完成的字了，這時候只要按下TAB鍵就可以自動完成拼字了。

取消樣式

當然，也可以把不需要用到的樣式，或不要用的樣式讓他不生效，很簡單，在屬性的左邊有一個打勾勾的地方，把他勾掉就不會套用該行樣式。

新增樣式

新增樣式的方法也很簡單，只要在旁邊的空白處按一下左鍵，就會出現新增屬性的框框了。

把自動完成發揮到極致，如下圖，選擇border，按下Enter，再按下TAB輸入值即可。

然後就可以整個把他輸入完囉，最後再按一下Enter就可以完成編輯。

HTML 新增、刪除、更名元素

Google當然也有想到這一點，所以在開發者工具裡面也可以把元素做一些調整，如刪除、新增和修改。

而要做這一些步驟，只要在開發者工具左方的元素上按下右鍵即可。

這邊可以做很多項調整，像是可以刪除該元素，如上圖。

如果你想要改class屬性的值，就在那上面快點兩下，就會變成編輯的狀態，就能修改。

偵錯功能

當然，開發者工具一定要有偵錯功能才稱的上是開發者工具嘛，要看目前的網頁有沒有錯誤，就點一下Console標籤即可。

這時候就可以知道哪邊有問題、想辦法要如何解決了。像是第二行的錯誤很明顯就是找不到檔案，這時候就可以去想是不是檔案名稱打錯了之類的解決方式。

務必記得

請注意，在這個開發者工具內做的所有動作都是暫時的，所以當你使用開發者工具修改了某元素之後，請務必也將原始檔案做更改的動作，才會生效。否則重新整理之後還是會恢復原來的樣子。

使用開發者工具的好處就是可以馬上添加某樣式下去看效果，修改樣式。Yuxin都是使用這個將覺得不好看的樣式先用開發者工具做修改，然後再將修改後的樣式程式碼複製，再貼回原始檔。

就這樣，真的能讓網頁設計開發的速度變得更快，時間是很寶貴的，能省時間，當然就要盡量去省。如果你也是Chrome的愛好者並且常常開發網頁，您不妨也用用看這個開發者工具的功能吧！

css學習之路

最近把css 仔細的學了一番
發現用處還真不少

看來我的Table排版真的如同他人所說的 Table已死
Div真的很好用阿…(雖然後面的程式碼好雜…

JS修改css樣式切換 js css 收闔效果

#html
＜a href=”#tr1″ class=”Tableslide”＞
＜table border=”0″ width=”100%”＞
＜tr＞
＜td＞
＜samp＞連結＜/samp＞
＜/td＞
＜td ID=”img_title_ar” Class=”title_ar1″ ＞

＜/td＞
＜/tr＞
＜/table＞
＜/a＞

＜div id=”tr2″＞
…
＜/div＞

#js
$(“.Tableslide”).click(function() {
var _this = $(this).attr(“href”);
if ($(_this).css(“display”) == “none”) {
$(_this).slideDown();
//$(this).html(“-“);
document.getElementById(“img_title_ar”).className = “title_ar1”;
} else {
$(_this).slideUp();
//$(this).html(“+”);
document.getElementById(“img_title_ar”).className = “title_ar2”;
}
$(“#msg”).html($(_this).css(“display”));
return false;
});

#css
.title_ar1
{
background: url(‘../images/title_arup.gif’);
}
.title_ar2
{
background: url(‘../images/title_ardw.gif’);
}

[Chrome] 網頁快速簡址 Native URL Shortener

網頁快速簡址 Native URL Shortener

http://goo.gl/QlmCN

[轉貼] PHP資料加密

http://www.hkcode.com/programming/242

這裡是將用戶密碼用 MD5() 加密後加插入資料庫:

PLAIN TEXT
CODE:
<?php
$db_conn = mysql_connect(“host”, “db_user”, “db_pass”);
mysql_select_db(“db_name”, $db_conn);
// 插入資料表的 $password 用了 md5 加密
mysql_query(“insert into users values
                        (‘$username’, ‘”.md5($password).“‘)”);
?>
檢查用戶名稱及密碼:
PLAIN TEXT
CODE:
<?php
$db_conn = mysql_connect(“host”, “db_user”, “db_pass”);
mysql_select_db(“db_name”, $db_conn);
$sql = mysql_query(“select * from users where
                        `username`=’$username’ and
                        `password`='”.md5($password).“‘”);
if (mysql_num_rows($sql) > 0) {
    // 用戶名稱及密碼正確
} else {
    // 用戶名稱及密碼錯誤
    exit();
}
?>
用以上方法寫出來的登入系統，只用用戶是知道自己的密碼，系統管理員最多只能夠修改密碼，而不能看到源始密碼是什麼。

opencart step_3 安裝出錯

opencart step_3 安裝出錯
問題在於不要使用 WAMP 2.6.0 安裝包
原因不明~
(事後猜測可能是我腦殘 Win7裝這包…appserv-win32-2.6.0)
解說:win7 是 win64位元的使用32位元的去裝 "可能" 會有問題…

使用 AppServ_2.5.10 就可以安裝的很開心 Orz…

另外win7可能發生的問題 [轉貼]Win7 MySQL的phpmyadmin無法開啟

進階閱讀
OpenCart後台簡易防駭防入侵

[轉貼]Win7 MySQL的phpmyadmin無法開啟

http://cabuchi.pixnet.net/blog/trackback/c366cbf8e4/37900431

http://cabuchi.pixnet.net/blog/post/37900431-appserv%EF%BD%9Cphpmyadmin%E7%84%A1%E6%B3%95%E7%99%BB%E5%85%A5%EF%BC%8C%E9%96%8B%E5%95%9F%E5%BE%8C%E4%B8%80%E7%89%87%E7%A9%BA%E7%99%BD

安裝好AppServ重新開機後

要開啟localhost/phpmyadmin無法進入

一直loading一片空白

是因為Windows7的hosts預設是空的

解法：

修改C:WindowsSystem32driversetc　的host

把127.0.0.1的#拿掉

若不是使用管理者帳號修改此檔案會無法修改

可使使用複製修改後，再覆蓋的方式，就可以解瞜！

[LINQ] LINQ to SQL 筆記

SQL To LINQ
TOP = .Take
取表格標頭 .FirstOrDefault()

[創作]編碼黑手

電腦玩家們注意還活在停滯的生活中嗎? Word 2003 比 Word 2010好?.. 牽制自己就完了

活在校園教導的VB6就想統治這網路世界嗎…非也..以下就說說我一路上學習的血淚史

本人從兩個地方起家

1.遊戲外掛腳本起家 EZScrip
2.基本HTML做遊戲的介紹
上面兩項本人在小學完成的.

國中已經可以簡易的做出 HTML+JavaScript 的特效網頁 (基本上就是二合一了)
高中進入VB6的學習..有了以前寫腳本EZScript的底子 VB6進步的神速阿.. (一路寫到WinAPI控制) (現在回想起來還是底子orz..)

不過光學會 HTML , VB6 實在是無用阿!!! 最重要的是資料庫!!!

辛苦的學習下勉強達成了VB6對資料庫的使用… (SQL也多少有些許明白雖然幾乎叫做不明不白…)

大學時期就去摸PHP Java JSP ASP VB.Net IP協定 IIS WAMP 防火牆設定架設Server 網路結構 SQL(MySQL,Access) ComPort 藍芽無線傳輸 WiFi 分享器網路監控遠端遙控分離Web與資料庫 FTP Mail Server GoogleMapAPI Flash FlashAS Sketchup 3DMax Yahoo的網頁JS即時通Facebook聯外通 … RO機器人大戰(?!..囧…) (哭哭大概是大家去趴馬子的時候的時間很充裕讓我學習吧…別逼我Q_Q…)

當兵 … ASP.Net (VB) GoogleMapAPI Sketchup SQL(MySQL,MS SQL)

工作 ASP.Net(C#,VB) ,VB6 , SQL(MS SQL) , Anddrid

很努力的在自學…老師會教嗎…? … 別想太多了故認真打電動,看FB,聊通通都來不及了還怪老師…

努力就有未來嗎?…希望上天不會辜負努力的我…(掯..100元樂透又沒中…

[轉貼]【PHP】防止SQL注入攻擊 (mysql_real_escape_string)

http://www.wretch.cc/blog/sos80065/34790453

mysql_real_escape_string()會自動在特殊字元前面加上\
例如: $a =what's
就會變成
what\'s
這樣一來就可以防止SQL攻擊。

例如有段程式碼如下:
$sql="SELECT * FROM test WHERE id = ' ".$id." 'pass= ' ".$passwd." ' ";

如果有人在pass裡面輸入 ' or '1'='1
那這樣不就會變
$sql="SELECT * FROM test WHERE id = ' test 'pass= ' ' or '1'='1 ' ";

所以我們把程式碼改成
$sql="SELECT * FROM test WHERE id = ' ".mysql_real_escape_string($id)." 'pass= ' ".mysql_real_escape_string($passwd)." ' ";

這樣就不怕有心人了

[網頁程式.SQL] 時間處理

Asp.Net (VB)
Now.AddSeconds(-1) '減一秒
String.Format("{0:yyyy/MM/dd HH:mm:ss}", Now) '時間格式

SQL
CONVERT(varchar(10),CONVERT(datetime,time,108),108) '時間格式資料欄位格式

[SQL]資料庫型態比較

資料庫型態比較

char

varchar

text

nchar

nvarchar

ntext

自動填滿

最大

8,000

2^31-1

(2,147,483,647)

4,000

2^31-1

(2,147,483,647)

英文

中文

詳細：http://itgroup.blueshop.com.tw/hanae/it?n=convew&i=3389

[ASP.Net][AJAX]聊天室局部刷新區域刷新

仿製聊天室
總不能打字的時候跳離打字框
這時候區域更新就很重要

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="10000">
</asp:Timer>
<asp:ListBox ID="lst_text" runat="server" Height="282px" Width="225px"></asp:ListBox>
</ContentTemplate>
</asp:UpdatePanel>

時間刷新要包在 UpdatePanel ContentTemplate 內可避免注點的跳離

[轉貼][ASP.NET] C# 與 VB.NET程式碼互轉

http://itgroup.blueshop.com.tw/topcat/aspx?n=convew&i=6095

很多人在網路上找相關的參考資料，都會遇到一個問題，那就是：【我是學VB.NET的，C#的程式碼看不懂。】或者【我是學C#，VB.NET寫的內容我看不懂。】其實這是很可惜的，因為您對於C#或者VB.NET的不熟悉，可能跳過可以解決問題的方法。

其實網路上有很多的資源，可以幫C# 與 VB.NET 的程式碼互轉。當然，不見得所有的轉換後都可以使用，不過經過轉換後，多多少少可以讓自己能夠閱讀別人程式碼。並且試過一個不行，可以再試第二個轉換的服務。

小喵列出幾個提供線上轉換服務的網址

有需要的可以去試試看

更多的資源可以自己到Google去搜尋【C# 轉 VB.NET】這樣的關鍵字

http://www.developerfusion.com/tools/convert/csharp-to-vb/

http://www.kamalpatel.net/ConvertCSharp2VB.aspx

http://www.dotnetspider.com/convert/Csharp-To-Vb.aspx

以上資訊提供大家參考

^_^

[心情]開發效率

ASP.Net (C#.VB)
開發效率好高Orz…(雖然檔案也很肥…

感覺我的PHP整個弱掉了…><

不過重點是… 未來在哪…

[轉貼][ASP.NET]ViewState、Session、Cookies、Application State比較

http://www.dotblogs.com.tw/hatelove/archive/2009/06/28/viewstate-session-cache-cookies-application-of-user-state.aspx

簡單整理一下重點：

ViewState

●只存在於正在執行那一頁，通常用於postback記值(因為http無狀態)。
●原理是HTML上的hidden field，會透過Base-64編碼
●webconfig裡可以透過設定來加密：
●通常server control會透過viewstate來保存其屬性值，也是傳統ASP.NET web form重整頁面最容易碰到的效率問題。可透過EnableViewState屬性開關。
●可存放可序列化的Object (一般程式用到普遍最大的應該也只是hash table吧 )

Session

●可存在於該連線，不同頁面，通常用來跨多頁傳些比較重要、需要安全的值。如果是前後頁面關連性的值，只需要用URL parameter即可。Session的意義比較像是在什麼樣的情況下，開始或變更了某個Session的值。
●類似跨網頁的全域變數
●佔用Server端記憶體，連線數量一暴增，記憶體很可能被操掛。
●預設存在記憶體裡，可以改存在Session State Server或DB。(如果放在Session State Server或者DB，存放的物件也必須是可序列化的)
●可設定存活時間，但發生錯誤或特定情況時，會導致Session遺失，請參考：[ASP.NET]Session遺失的幾種可能

●單一使用者，存在client端，讀的到就活著。
●需注意安全性考量，通常用在個人化portal或profile。
●有些single sign on會透過cookie(加密)來存放帳號資訊。
●String格式存放。

Application

●在Server上所有User存取同一份。
●當Web application重起或關閉時結束。
●吃Server記憶體。

Cache

●吃Server記憶體。
●可設定時間、hit rate或先進先出來當作條件。
●通常應用在靜態網頁快取。