Browse by Tags

MEMO-用Javascript RegExp將<x>置換成<span class="x">

每次都記不太住Javascript RegExp要怎麼做複雜的Replace(例如: 將比對相符的字串內容變成新置換文字的一部分，標題說的"將<x>換成<span class='x'>"就是典型案例)，特別記錄一下供未來年老回憶之用。我遇到的實際需求是想將Sharepoint查詢結果中的高亮註記<c1>, <c2>分別轉成<span class='hl1">, <span class="hl2">。例如: 、<c2>晶圓</c2>雙雄...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 02-06-2010
【茶包射手日記】失落的change事件

有個網頁在某欄位的change事件掛了一段邏輯，依輸入內容連動其他欄位值。使用者抱怨上個月第一次使用完全正常，這個月再用時，在該欄位中輸入資料，其他欄位卻未跟著連動... 我用自己的Client連到同一網頁，跟User輸入同樣的值，一切正常。移駕到使用者座位，使用"肇事"機器實地操作，連動功能也完全正常! 莫非，這程式會認主人，只要遇到拎杯親自操作就不敢造次? 世界上有很多無法解釋的玄妙事件，但本案例並不包含在內。依茶包射手實戰手冊第748頁的記載，此種靈異現象通常是User與Developer在操作上有細微差異才造成不同結果，最好的處理方式是請User依"平日習慣"操作一次...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 01-26-2010
jQuery 1.4 小閱兵

為了歡度jQuery四歲生日(jQuery由John Resig 於 2006/01/14 在 BarCamp NYC 首次發表 [註] )，jQuery開發團隊在2010/01/14釋出了 jQuery 1.4版。簡單整理一下我所理解的1.4改版重點: 大量重構常用的函數，降低程式複雜度(主要是減少內部函數彼此呼叫的次數)，達到改善效能的目標。 * .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 01-15-2010
CODE-滲透式jQuery.live()

手上有個需求，要掌握網頁裡所有連結被點擊的狀況。對jQuery來說這是小菜一碟，利用$("a").live("click", function() { ... });就可在使用者點擊連結時加入自訂邏輯。不過，有挑戰性的部分在於網頁中可能穿插IFrame內嵌其他網頁，原本這個手腳只想動在MasterPage，就打算一口氣將網站所有網頁一網打盡，但$("a")的範圍只限於jQuery所在的window物件範圍，如果連內嵌網頁都要涵蓋，感覺上得在內嵌網頁裡也加上jQuery，也跑一次$("a").live("click"...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 01-04-2010
MEMO-網頁列印強迫分頁

專案裡有個網頁列印的需求，在一份清單中，每個項目以Table方式呈現，而列印時不希望項目Table跨頁。以下是我搞出來的解決方案: < style type ="text/css" > .cPrintOnly { page-break-before: always; display: none; } </ style > < script type ="text/javascript" > $( function () { //DataList的每六列加一個表頭 var $rows = $( "#DataList1...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 11-04-2009
Build JScript.NET DLL

稍早發表利用JScript eval()函數提供高彈性的自訂條件運算式一文，隨即獲得網友ChrisTorng迴響，提出了關於eval運算式中可能被放入大量迴圈邏輯的問題以及Build JScript.NET DLL滅少CodeDom及Reflection使用的建議。(感謝!!) 關於第一點，的確，只要在執行階段允許外界輸入程式碼執行就要承擔風險!! 即便依照MSDN的說法，eval預設只能在被限制的環境中執行，被禁止接觸檔案、網路等本機資源，已大幅減少被誤用於入侵系統的可能性。但既然開放讓別人自由寫Code，就無法杜絕別人做傻事或做壞事的可能性，這是應用此一技術時必須要有的認知。因此我補充一下自己的實務應用情境...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 10-01-2009
輕量級的js檔打包解決方案

最近在嘗試將一個功能強大的jQuery Plugin【 jqGrid 】整到專案裡，它的功能與彈性讓人印象深刻(不過要上手得花點時間摸索)，大家可以直接看線上展示，應該就能感受其威力。 jqGrid有個貼心的設計--將功能模組化。各模組的程式分散在多個js檔，有用到才需要載入，避免Client端載入肥大js只使用其中一丁點功能，白白浪費載入時間及頻寬。(剛好前些時候James Padolsey也提到這點，甚至覺得殺雞不必用牛刀，小功能或許自己寫會更有效率兼便練功) jqGrid提供了兩種做法: 線上挑選模組後打包成單一js檔，或透過jquery.jqGrid.js動態載入。在開發階段我選擇了動態載入法...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 09-17-2009
再探Javascript字串表示的特殊字元處理

之前寫過文章談 Javascript字串的特殊字元處理，今天在研究如何自己DIY處理簡單的JSON轉換(網站非.NET 3.5，沒法用內建的 JavaScriptSerializer ；也不想引用 JSON.NET 增加部署複雜性)，無意中找到完整的特殊字元轉換規格，就再寫了一次更完整的轉換函數。由於要換的字元數高達10個，想到是否該用Dictionary<string, string>來維護置換對照表? 用Dictionary改寫後的程式碼看起來雖然比較高級，但動用物件又衍生額外迴圈的代價，是多少會拖累效能。會慢多少? 值不值得? 要試試才知! 順便寫了一個300萬次迴圈的測試...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 09-03-2009
來自Yahoo Javascript大師的程式效能提示

在 James Padolsey 的Blog看到這個， Nicholad Zakas ，Yahoo首頁的主要前端工程師、YUI作者之一、也是多本Javascript書籍的作者，前些時候在Google演講: "Speed Up Your JavaScript"(YouTube上有全程錄影 ) 身為Yahoo網站前端程式的苦主，Zakas的經驗分享肯定不是嘴砲，絕對是拳拳到肉的紮實功夫。James整理的五則筆記挺扼要的: 為Global Object建立Local Variable分身為深層Property建立Local Variable分身用Reverse Loop...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 08-15-2009
在Firefox中透過Javascript存取剪貼簿

在上一篇強化程式範例複製功能裡，其實迴避了一個問題: 使用者真正想要的操作是點一下就搞定呀! "點一下->Ctrl-A->Ctrl-C"的操作步驟肯定會被嫌棄。不過，據我先前的了解，存取剪貼簿的Javascript存在跨瀏覽器的問題，除了IE內建支援外，其他瀏覽器等靠另嵌Flash物件達成，以前找到的解決方案在Flash Player 10 改變剪貼篿存取政策後就壞了，我也一直發懶沒去找替代方案。無法解決IE以外瀏覽器的複製功能，獨厚IE必會引發民怨，為了公平起見，索性就不加自動複製功能了。(謎之聲: 真的是因為這樣嗎? 懶鬼!) 琛哥說，出來混，遲早是要還的...

公佈在黑暗執行緒 (Weblog) 由 Jeffrey 發表於 06-20-2009

第1頁，共8頁 (74個項目) 1 2 3 4 5 下一頁 > ... 最後一頁 »