Browse by Tags

偵測JavaScript物件屬性異動時機
由Knockout跨到Angular半年,對於NG的Dirty Check機制卻始終 沒好感 ,老覺得它髒,為了偷懶不宣告Observable跟少寫一些訂閱連動,卻無法預期程式觸發次數與時機,讓我很沒安全感。如果可以選擇,我寧可乖乖多寫一些Code,100%掌控程式運作,避免陷入程式 一旦複雜就可能失控的擔憂。(註:我想Angular RD也認同這點,在2.0將另推Observable。 參考 :… One approach is to replace the dirty checking that...
Posted 06 February 2015 06:12 AMJeffrey | with no comments 5,461
Filed under: ,
【茶包射手日記】IE CORS跨網域存取的特殊規則
同事報案,安裝SPA專案在localhost,跨網域發出AJAX請求到ServerA時出現存取被拒訊息,而該情況獨獨出現於IE11,Chrome與Firefox並無問題。 排除Web API端的CORS配套機制的問題(由Chrome及Firefox具名擔保,延伸閱讀: CORS OPTIONS Preflight Request與IIS設定 ),且更玄的是問題只發生在同事的IE11,在我的IE11測試本機localhost SPA專案發送同樣的AJAX需求到ServerA,一切正常。 經過一番診察...
Posted 15 January 2015 11:12 PMJeffrey | with no comments 9,098
Filed under: ,
自製jQuery waitFor函式:等待條件成立執行作業
在寫JavaScript程式時,常有協調非同步作業的需求,像是作業B必須等待作業A完成後再進行,傳統做法多使用Callback函式,例如: function doJobA(callback) { //do something callback(); } function doJobB() { //do another thing } doJobA(doJobB); 學會jQuery.Deferred後,我幾乎都改用Deferred處理非同步作業,不管串接多個作業循序執行[ 參考 ]或等待多項作業完成再進行...
Posted 28 December 2014 06:55 PMJeffrey | with no comments 8,115
Filed under: ,
【茶包射手日記】Chrome偵錯導致Window.Open失敗
使用 Chrome 偵錯網頁時,意外出現 window.open 失效的狀況。吊詭的是-偵錯是為了抓其他問題,與 window.open 無關,而該網頁運作已久,若 window.open 有問題,根本無法使用,不可能沒被發現。測試過程,window.open 並不是每次都出錯,出錯後重新啟動 Chrome 就會正常,一度讓我懷疑這是 Chrome 的 Bug。 歷經一番比對推敲,終於搞懂是怎麼一回事! 請看以下示範: 將中斷點設在 window.open(),按 F5 繼續執行可以過關。但如果在中斷點按...
杜絕ASP.NET網站JavaScript註解外露
ASP.NET MVC的 壓縮打包 能有效縮小CSS與JS檔案體積,減少HTTP往返次數,進而提升網站效能。JavaScript經壓縮可讀性雖然已大幅下降,但"保護程式邏輯不外洩"的效果仍然有限,不必過度期望。只是壓縮對我還有另一層重大意義: "JavaScript中的註解會被一併移除!" 我很愛在程式裡寫 故事 註解,把程式邏輯修正的來龍去脈交待清楚,例如: //2012-04-01 Bug Fix: VIP級使用者呼叫MehtodA前需呼叫MethodB以校正狀態...
【茶包射手日記】純JavaScript DOCX套版元件Debug
網友ping 留言 問了JS DOCX套版元件問題,由其所提供下載位置( https://github.com/djpate/docxgen )的Readme文件,判斷是PHP所開發,直覺地認為所謂JS套版是JavaScript呼叫PHP完成。但ping後續補充: 真的是純JavaScript,並提供可執行的程式包,我這才驚覺: 啥咪!! 真有神人用純JavaScript寫出DOCX套版元件? DOCX的本質是ZIP壓縮打包的一堆XML檔案,理論上只要能解壓ZIP、解析及操作XML,就能完成文件修改...
Posted 13 March 2014 12:00 AMJeffrey | 19 comment(s) 13,853
Filed under:
VS2012 JavaScript IntelliSense會忽略底線起首的屬性
我寫了一個CRUD輔助程式庫,內建自動抓取ViewModel進行JSON序列化的功能,其中有條"序列化時排除ViewModel中名稱為底線開頭屬性"的慣例(Convension)。前陣子接到同事回報,配合此慣例宣告ViewModel,卻發現底線起首的屬性會被Visual Studio 2012的JavaScript IntelliSense無視。 寫一小段程式,馬上獲得驗證: 一直沒留意VS2012的JS IntelliSense有此特性,查詢MSDN文件後獲得 證實 (在Handling...
Posted 07 September 2013 11:06 PMJeffrey | with no comments 4,511
Filed under: ,
【笨問題】IE9的「console未被定義」錯誤
一直以來,有個鬼現象纏著我揮之不去,console.log常因不明原因在IE9出現SCRIPT5009: 'console' is undefined (console未被定義) 錯誤! 我當然知道IE從IE8+才支援console物件,但如上圖所示,網頁明明是IE9標準模式,為什麼IE9卻說console物件不存在? 但進行偵錯,console.log()卻又正常! 笨了好久,今天才解開謎團:   IE8/IE9要先按F12開啟IE Dev Tools才能存取console物件啦...
Posted 05 September 2013 10:17 PMJeffrey | 2 comment(s) 16,171
Filed under: ,
使用PhantomJs產生網頁擷圖
將網頁內容另存圖檔是專案裡三不五時會冒出的需求,但一直沒找到順手好使的兵刃。 不久前介紹過HTML轉PDF的元件 -- Pechkin套件 ,網頁存成PDF已多少有保留擷圖的意義,但文末對本部落格的實測讓人失望,失真嚴重。最近的專案又被逼著設法將現成網頁(由JavaScript動態產生內容)轉存圖檔供其他系統應用,省去另外開發匯出模組的工程。再次Survey解決方案,想起先前流浪小風在 Chutzpath介紹 提過另一個webkit核心的網頁操作引擎 – PhantomJs 。 小試之後驚為天人...
Posted 29 August 2013 10:01 PMJeffrey | 7 comment(s) 23,405
Filed under: ,
JSON日期轉換的時區陷阱
在使用Kendo UI DatePicker時,出現選好日期送至後端卻變成前一天的狀況。 以下程式可重現問題,kendoDatePicker所選日期透過.value()可得到一個JavaScript Date物件,JSON.stringify()後傳至Server端,使用Json.NET還原回DateTime後,以ToString("yyyy-MM-dd HH:mm:ss")方式傳回Client端alert顯示。 <%@ Page Language="C#"...
Posted 25 June 2013 06:24 AMJeffrey | 2 comment(s) 18,002
Filed under: ,
我的JSDC 2013筆記
JSDC 是JavaScript Developer Conference的縮寫,是台灣JavaScript開發者的年度盛會,今年5/18-19兩天舉辦,沒有親自參加,但FB、噗浪上的資訊如潮水般湧入,許多講者幾乎是一講完就把投影片上傳到 Slide Share 跟 Speaker Deck ,然後我開始陷入: "哇! 這個我想看、那個我得了解"的焦躁中,一口氣吞下超量資訊,就像: JSDC的議程很多很廣,聲明一下,筆記偏向我的個人觀點,以自己JS程度能理解駕御及與目前學習方向接近的議題為主...
Posted 20 May 2013 12:14 AMJeffrey | 2 comment(s) 15,558
Filed under:
JavaScript端的JSON日期轉換
討論JSON日期轉換已不是第一次[ 1 2 ],但過去多半聚焦在JavaScript與.NET間的格式轉換。近來戰場移到Knockout MVVM,卻發現即使只在JavaScript端,也有日期轉換的小眉角。 在JavaScript的Date型別,經過JSON.stringify(),會轉成 ISO 8601格式 (yyyy-MM-ddTHH:mm:ss.fffZ);有趣的是,將這個字串用JSON.parse()解析,得到的是字串,而不會還原成當初的Date型別。 將ISO 8601格式還原回Date的需求...
Posted 11 May 2013 07:54 AMJeffrey | 2 comment(s) 12,781
Filed under:
IE8 JSON.stringify()的Unicode編碼問題
接獲回報,前幾天釋出的地址輸入輔助元件在IE8上爆炸了,使用loalStorage儲存資料物件的JSON字串時,彈出"記憶體不足"錯誤。 追蹤後,發現問題源於IE8在JSON.stringify()轉換資料物件時,很機車地將中文字元全部換成UCN(Univeral Character Name,即\u1234、\u4e2d這種格式)。用IE Dev Tools即可印證明: 由於地址資料有滿滿的中文,在經過UCN轉換的蹂躪後,大小由1MB爆增到6MB,超出localStorage的容量上限...
JavaScript Eevent偵錯利器–Visual Event 2
開發網頁的朋友應該都有過類似經驗,網頁載入一堆JavaScript,一陣兵荒馬亂後,很難搞清楚最後在哪些元素的哪個動作掛了事件,尤其是JavaScript加掛事件的方式五花八門,可以透過jQuery、element.click = function() { }、element.addEventListener()…,很難由單一處找出所有事件。而理不清事件來龍去脈,要追蹤某個點擊動作背後的程式行為就變得有些困難。 發現一個神奇的JavaScript偵察工具 – Visual Event 2 。 Visual...
Posted 20 March 2013 10:04 PMJeffrey | 3 comment(s) 12,692
Filed under: ,
【茶包射手日記】呼叫showModalDialog時發生"物件不支援此屬性或方法"錯誤
接獲報案,某個在IE7運作已久的網頁改用IE8執行,onblur事件呼叫windows.showModalDialog()開啟新視窗的功能傳回"物件不支援此屬性或方法"(Object doesn't support this property or method)錯誤。showModalDialog確定是window物件的內建函數,同一網頁已在IE7使用多時,window忽然翻臉不認showModalDialog是哪招? 用錯誤訊息 爬文 後,才想起這是個 老問題 -...
Posted 11 March 2013 10:10 PMJeffrey | with no comments 7,413
更多文章 « 上一頁 - 下一頁 »

搜尋

Go

<January 2018>
SunMonTueWedThuFriSat
31123456
78910111213
14151617181920
21222324252627
28293031123
45678910
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication