作者TonyQ (沉默是金。)
看板Ajax
標題Re: [問題] 有辦法完全不用innerHTML嗎？
時間Sat Jul 10 10:25:26 2010
※ 引述《No (you stay there)》之銘言：
: 以s25大原有的架構
: 改寫成我的作法
: 手邊沒IE6測
: Firefox、Chrome5、IE8都可以run
: 另外有加上一些疊字和嵌入一個youtube影片來測試訴求
: 編輯: http://jsfiddle.net/D349J/1/
: 結果: http://fiddle.jshell.net/D349J/1/show/light/
用自己習慣的方式整理程式碼，順便詳閱一下做了什麼事情 XD
## FIX for ie only script.
http://jsfiddle.net/RNwh8/6/
大概整理的方向如下：
1.固定且重複的字串改用全域變數寫，方便改動。
2.一些跟主軸比較無關的邏輯實作其實可以拆出來（像getElementsByClassName)
有些函式或參數加上底線是為了不要跟default的函式衝到 XD
3.拆出來也比較方便針對不同 browser 去實做不同的邏輯。
4.有扯到regex的盡量放個sample方便瞭解regex行為
5.把複雜的呼叫行為 ex . a.xxx().yyy().ccc(fn()) 盡可能的分開，
除非那些行為本來就是用來設計做 chain method的...
---
不過憑良心講，這個功能我還是比較寧願用 jquery highlight plug-in 寫 XD
http://bartaz.github.com/sandbox.js/jquery.highlight.html
--
我：一半的日子讓你說，我聽你說你的所有
______________________________________
______________________________________一半的日子我想說，對你說過去的所有：我
_______________________________________________________
在討論中妥善扮演兼具聆聽與分享的角色，是我們一生的課題。
_______________________________________________________
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.71.107.241
1F：推 s25g5d4:我是覺得說有支援querySelectorAll的通常也有支援 07/10 11:43
2F：→ s25g5d4:getElementsByClassName 所以擇一使用就好@@ 07/10 11:44
3F：推 s25g5d4:東尼大...為什麼我的firefox與Chrome都crash了呢? 07/10 13:58
4F：→ TonyQ:可能是沒測到吧 ， 我這邊網路很差，記得早上測過ie8/fx :p 07/10 14:40
5F：→ TonyQ:btw 整理程式碼的風險就在於很容易發生這種狀況XD 07/10 14:40
6F：→ TonyQ:我是覺得無妨，只要找到一個好方法implement 就好，只是介面 07/10 14:41
7F：→ TonyQ:拆出來可以針對重點去修改或測試，不用一次帶一串。XD 07/10 14:41
8F：→ TonyQ:s25測哪個字測出crash XD 有空再來debug好了 07/10 14:43
9F：→ TonyQ:-.- 早上網路不順讓我少送一個版本 XD tag.remove是ie on 07/10 14:47
※ 編輯: TonyQ 來自: 111.71.107.241 (07/10 14:57)
10F：推 s25g5d4:沒更新 07/10 23:20
11F：→ TonyQ:fix , thanks XD 07/11 00:00
12F：推 s25g5d4:00:00 真剛好XDDD 東尼大辛苦了 我可以拜你為師嗎 07/11 00:08
13F：→ TonyQ:我也沒很強啊 :p 有問題拿過來一起切磋就是了 07/11 09:41
14F：推 No:整理這樣清楚很多，我想說原po應該看的懂，就寫死它了 07/12 01:29
15F：→ No:要改啥再讓他自己改這樣 (遮臉) 07/12 01:29