2008年8月11日

關於教學

领先的 Web 技术教程 - 全部免费
HTML、CSS、JavaScript、jQuery、PHP 等等的學習資料
http://www.w3school.com.cn/index.html

網站製作學習誌
JavaScript、jQuery、PHP等等
http://www.jaceju.net/blog/
其中覺得比較有收穫的幾篇:
 JavaScript 小陷阱 (7) – IE 在處理 nodeValue 上與其他瀏覽器的差異
 JavaScript 小陷阱 (6) – JSON 在瀏覽器上的差異
 JavaScript 小陷阱 (1) – 為什麼資料會送出兩次?

線上網頁編輯工具 jsFiddle 的介紹
http://blog.miniasp.com/post/2011/02/08/Useful-tool-jsFiddle-Online-Editor-for-the-Web.aspx#continue

Web前端程式開發實務
http://ithelp.ithome.com.tw/question/10119305

讓錯的程式看得出錯

讓IE瀏覽器支持HTML5新標籤的方法
http://www.wowbox.com.tw/blog/article.asp?id=3551
 html5shiv
 The Story of the HTML5 Shiv
基本上是利用document.createElement來讓IE看得懂HTML5的新標籤

[小技巧] JavaScript Cross Browser Best Practices
http://blog.wu-boy.com/2013/04/javascript-cross-browser-best-practices/
建立最新網站同時可支援舊版 IE 的 20 個秘訣
http://www.modern.ie/zh-tw/cross-browser-best-practices

CSS基礎教學
http://css.1keydata.com/tw/

理解 margin
http://www.cnblogs.com/scugzbc/archive/2008/06/03/1213102.html

理解 display
http://blog.xuite.net/vexed/tech/29221717

position 參數說明
http://calos-tw.blogspot.com/2011/10/css-position.html

CSS 有關路徑設定
http://bigair.pixnet.net/blog/post/584392

關閉 textarea 調整大小的功能
http://blog.xuite.net/vexed/tech/59214528

關閉 Chrome 瀏覽器物件被 focus 時的金色外框
http://blog.xuite.net/vexed/tech/59216184

個人部落格:mukispace
http://blog.mukispace.com
以下是我覺得特別有用的幾篇

 CSS 選擇器概略說明
 http://blog.mukispace.com/css-selectors/

 常見的 CSS+DIV 問題整理
 http://blog.mukispace.com/css-div-questions/

 基本的 CSS 語法縮寫
 有點可惜的是不夠詳細
 http://blog.mukispace.com/css-shorthand/

 reset.css
 http://blog.mukispace.com/reset-css-share/

 快速寫好CSS 的5種方法
 http://blog.mukispace.com/5-ways-write-better-css/

CSS 实现各类气球泡泡对话框效果
http://www.zhangxinxu.com/wordpress/?p=651
配合Firebug很快就能理解了

一些上流的 CSS3 圖片樣式
http://www.qianduan.net/css3-image-styles.html
用CSS3幫圖片加上一些效果,IE9以下無法使用

The Shapes of CSS
http://css-tricks.com/examples/ShapesOfCSS/
用 CSS 畫出來的一些形狀
連愛心都有唷


JavaScript重新介紹 JavaScript
https://developer.mozilla.org/zh_tw/重新介紹_JavaScript

1.JavaScript 淺析註冊事件
http://www.wowbox.com.tw/blog/article.asp?id=3004
2.淺談 JavaScript 的 DOM Event 註冊方式
http://blog.xuite.net/vexed/tech/25248659

為什麼有時你應該優先考慮 event delegate 而不是 event binding
http://ithelp.ithome.com.tw/question/10120565

JSON
http://blog.roodo.com/syshen/archives/1410294.html
http://blog.xuite.net/vexed/tech/21876708

屬性(Attribute) 與特性(Property)
http://blog.xuite.net/vexed/tech/45260002
http://caterpillar.onlyfun.net/Gossip/JavaScript/AttributeProperty.html

AJAX
http://blog.roodo.com/rocksaying/archives/2090804.html

關於函數
http://www.cnblogs.com/leoo2sk/category/275938.html

大部分是關於 JavaScript 的 function 的一些屬性與方法
arguments, callee, caller, this, apply(), call()
http://fstoke.me/blog/?p=1932

關於「點擊標籤<a>後想執行JavaScript並取消超連結的動作;
href = "javascript:" 與 href = "#" 的差別。」
http://blog.xuite.net/vexed/tech/25193980
http://lindsay.pixnet.net/blog/post/22124772

空路径对页面性能的影响
(此問題與<a>無關)
http://lifesinger.wordpress.com/2011/09/22/empty-src-is-dangerous/
IMG SRC為空字串,可能會造成Session不見
http://blog.darkthread.net/post-2011-11-16-img-empty-src.aspx

(另外作者回應:link/script的src也會導致相同的問題,而且依Yahoo文章的說法,
HTML5規範了img.src空白不發Request,卻沒提link/script,所以也許將來瀏
覽器仍會因此觸發非預期Request。
不過依我個人看法,在網站開發實務上,img.src先給空白再動態設定的情境比
較常看到,link/script src設成空白的應用方式相對罕見,因此潛在危害風險倒
是低一些。)

以 JavaScript 操作 Cookie
http://dob.tnc.edu.tw/themes/old/showPage.php?s=393&t=6
這篇寫得比 W3School 詳細多了

以 JavaScript 操作 textarea
http://www.cnblogs.com/idche/archive/2010/11/15/1877577.html

關於 JavaScript 中物件的 valueOf 方法
http://blog.miniasp.com/post/2013/07/12/Front-end-Research-JavaScript-valueOf-method.aspx

有关 JavaScript 的10件让人费解的事情
http://www.cnblogs.com/lhb25/archive/2010/02/20/1669704.html

那些相见恨晚的 JavaScript 技巧
http://www.cnblogs.com/lhb25/archive/2010/04/25/1720847.html

你可能不知道的10个 JavaScript 小技巧
http://www.cnblogs.com/lhb25/archive/2010/08/12/1797727.html

12种不宜使用的 JavaScript 语法
http://www.ruanyifeng.com/blog/2010/01/12_javascript_syntax_structures_you_should_not_use.html

JavaScript 执行效率小结
http://www.cnblogs.com/gewei/archive/2013/03/29/2988180.html

JavaScript 中的陷阱大集合
http://www.itivy.com/ivy/archive/2011/11/13/my-javascript-gotchas.html

JavaScript 秘密花园
http://bonsaiden.github.com/JavaScript-Garden/zh/

nuysoft's blog
http://nuysoft.com/
http://www.cnblogs.com/nuysoft/
相當多的資料

分享5个有趣的 JavaScript 代码片段
http://www.cnblogs.com/lhb25/archive/2011/07/10/fun-javascript-snippets.html
主要是在網址列輸入javascript:之類的代碼
其中「3. 让网页可编辑」感覺還蠻好玩的~

使用 DocumentFragment 來加快 DOM 操作速度
http://fstoke.me/blog/?p=2487

在網頁模擬時鐘
http://randomibis.com/coolclock/


jQuery
jQuery 1.9 API中文文档(新版)
jQuery UI 1.7 中文文档

jQuery 手冊 – 選擇器(Selectors 1.2)
http://jquery.shian.tw/?m=selectors

colorbox 插件介紹
http://www.star1168.com/blog/index.php/archives/148

除了 JavaScript 與 jQuery 的使用範例
還有很多 jQuery plugins 的介紹
http://abgne.tw/

jQuery事件处理:别再乱用“return false”了
http://heikezhi.com/2011/04/18/jquery-events-stop-misusing-return-false/


Notepad++
Notepad++ 官方用戶手冊

Vexed's Blog
 Notepad++ 自動完成功能
 Notepad++ 註解快速鍵
 Notepad++ 縮排以及取消縮排
 Notepad++ 分割視窗
 Notepad++ 設定可點擊連結
 Notepad++ 自訂副檔名對應程式語言



其他
鳥哥的 Linux 私房菜

=> 按鍵精靈
http://tw.vrbrothers.com/qmacro/usermanual_local/
還可以去官網討論區,知識加。

=> C++
http://caterpillar.onlyfun.net/Gossip/CppGossip/CppGossip.html

=> Perl
網路管理語言 Perl 入門與實作
http://linux.tnc.edu.tw/techdoc/perl_intro/

perl 常問問題集

Perl VS PHP 對照表
http://plog.longwin.com.tw/post/1/115
http://www.cs.wcupa.edu/~rkline/perl2php/



我的技能熟練之路
HTML→CSS→JavaScript
   →按鍵精靈

沒有留言:

張貼留言

Likey
創用 CC 授權條款