Browse by Tags

克服入口網站內嵌其他網站之跨網站存取限制

文章標題有點饒舌難懂，直接說我需求就清楚了。我想在員工入口網站（例如：portal.utopia.com）加入人事、行政、會計、電子表單等現成網站功能，這些應用程式各有自己的網站（例如：webap.utopia.com），最簡單的整合方法是在入口網站放個Iframe將其他網站的網頁內嵌進來，兩分鐘搞定，用膝蓋就能完成。 BUT，人生最機X的就是這個BUT！ PM/老闆/使用者一定不會這麼簡單放過你，既然網頁已經整在一起，那麼切換樣式跟入口網站融為一體，審完表單入口網站的待審數字要減一，非常合情合理...

Posted 07 May 2016 03:00 PM 由 Jeffrey | 6 comment(s) 19,441

Filed under: Javascript, HTML5

【茶包射手日記】勿用UrlEncodeUnicode/escape

寫WebClient.DownloadString()時用了"some.aspx?t=" + HttpUtility.UrlEncodeUnicode("中文")寫法組網址及Query String參，遇到一些問題，學到一些知識，筆記之。 先來個範例好說明。為便於測試，我寫了一個超簡單的ChkQueryString.aspx傳回Request.Url.Query檢查URL查詢參數： <%@ Page Language="C#"%>...

Posted 05 May 2016 12:06 AM 由 Jeffrey | with no comments 8,435

Filed under: Javascript, ASP.NET

【茶包射手日記】JS Bin的無窮迴圈保護機制

同事報案，用 JS Bin 跑迴圈計算從1加到n測試效能，發現 for 迴圈次數增加到100萬後加總結果不對，每次執行會得到小於正確值（499999500000）的隨機數字；但若不用for改用 lodash _.times() ，跑再多次結果也是正確的。 為了調查，先將程式碼簡化到可重現問題的最精簡內容： var count = 1000000; var sum = 0; for ( var i=0;i<count;i++) sum += i; console.log( "Inline...

Posted 27 April 2016 07:41 AM 由 Jeffrey | 1 comment(s) 4,563

Filed under: Javascript

【茶包射手日記】Java內嵌IE網頁疑案

接獲報案：某支Java開發的程式以內嵌IE方式顯示特定網頁，在特定機器執行時網頁出現異常。 初步蒐集情報如下： 於問題機器單獨使用IE或Chrome可正常顯示該網頁 問題機器之IE版本為IE11 問題僅出現在特定機器，同一Java程式於其他機器執行正常 於異常網頁按右鍵檢視HTML原始碼完整，異常部分推測為JavaScript出錯導致 IE在內嵌模式下無法使用F12開發者工具，偵錯困難 沒有F12可用，改用 Fiddler 側錄往來封包，找出後半段Request未發送證據，推測最大可能是JavaScript程式在某階段中止執行...

Posted 19 March 2016 12:27 AM 由 Jeffrey | with no comments 5,146

Filed under: Javascript, IE

C# TypeScript雙頻式View Model型別程式產生器範例

NG筆記3-使用TypeScript 一文曾提及「另建程式碼產生器專案，將ViewModel規格轉成JavaScript(或TypeScript)、C#類別」的做法，方便Client及Server端共享一致的強型別ViewModel，規格如有更動，重跑程式產生器就能同步更新。 日前網友Ark詢問，有無上述做法的實際範例可供參考。先前其他專案也曾有類似程式產生器需求，手邊有運行多時的實例，但綁死過多專屬邏輯，複雜度過高難以抽離重用，算一算手邊的確缺少一組能獨立運行的淺顯範例，索性另起一套簡單的概念驗證...

Posted 21 September 2015 11:47 PM 由 Jeffrey | 4 comment(s) 8,522

Filed under: Javascript, .NET

偵測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 AM 由 Jeffrey | with no comments 6,714

Filed under: Javascript, AngularJS

【茶包射手日記】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 PM 由 Jeffrey | with no comments 11,617

Filed under: Javascript, IE

自製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 PM 由 Jeffrey | with no comments 9,366

Filed under: Javascript, jQuery

【茶包射手日記】Chrome偵錯導致Window.Open失敗

使用 Chrome 偵錯網頁時，意外出現 window.open 失效的狀況。吊詭的是－偵錯是為了抓其他問題，與 window.open 無關，而該網頁運作已久，若 window.open 有問題，根本無法使用，不可能沒被發現。測試過程，window.open 並不是每次都出錯，出錯後重新啟動 Chrome 就會正常，一度讓我懷疑這是 Chrome 的 Bug。 歷經一番比對推敲，終於搞懂是怎麼一回事！ 請看以下示範： 將中斷點設在 window.open()，按 F5 繼續執行可以過關。但如果在中斷點按...

Posted 13 September 2014 07:50 AM 由 Jeffrey | with no comments 7,526

Filed under: Javascript, Trouble-Shooting

杜絕ASP.NET網站JavaScript註解外露

ASP.NET MVC的 壓縮打包 能有效縮小CSS與JS檔案體積，減少HTTP往返次數，進而提升網站效能。JavaScript經壓縮可讀性雖然已大幅下降，但"保護程式邏輯不外洩"的效果仍然有限，不必過度期望。只是壓縮對我還有另一層重大意義: "JavaScript中的註解會被一併移除!" 我很愛在程式裡寫 故事 註解，把程式邏輯修正的來龍去脈交待清楚，例如: //2012-04-01 Bug Fix: VIP級使用者呼叫MehtodA前需呼叫MethodB以校正狀態...

Posted 19 April 2014 04:44 PM 由 Jeffrey | 6 comment(s) 16,704

Filed under: Javascript, ASP.NET, ASP.NET MVC

【茶包射手日記】純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 AM 由 Jeffrey | 19 comment(s) 18,935

Filed under: Javascript

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 PM 由 Jeffrey | with no comments 5,396

Filed under: Javascript, VS2012

【笨問題】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 PM 由 Jeffrey | 2 comment(s) 18,346

Filed under: Javascript, IE

使用PhantomJs產生網頁擷圖

將網頁內容另存圖檔是專案裡三不五時會冒出的需求，但一直沒找到順手好使的兵刃。 不久前介紹過HTML轉PDF的元件 -- Pechkin套件 ，網頁存成PDF已多少有保留擷圖的意義，但文末對本部落格的實測讓人失望，失真嚴重。最近的專案又被逼著設法將現成網頁(由JavaScript動態產生內容)轉存圖檔供其他系統應用，省去另外開發匯出模組的工程。再次Survey解決方案，想起先前流浪小風在 Chutzpath介紹 提過另一個webkit核心的網頁操作引擎 – PhantomJs 。 小試之後驚為天人...

Posted 29 August 2013 10:01 PM 由 Jeffrey | 7 comment(s) 25,900

Filed under: Tools, Javascript

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 AM 由 Jeffrey | 2 comment(s) 20,914

Filed under: Javascript, ASP.NET

搜尋