技術(shù)弟弟

摘要： 【概述】 在這一章，我們會聚焦在前端性能:外部的Css 和 JavascriptCss 和 Javascript 的 迷你化 與 合并圖片的最佳化Css 圖片拼合器【外部的CSS和Javascript】 幾乎所有的CSS和Javascript 都應(yīng)該放在外部文件減少頁面的尺寸允許重用允許使其過期可讀性更高把css 和 js 文件放到外部文件的確可以讓頁面看的更加清爽，同時減小了頁面本身的尺寸。在外部的文件可重用性更高，例如你可以在一個css文件中定義整體布局。并且讓每個頁面的元素都遵從它。在上一節(jié)中，我們提到了瀏覽器過期的重要性，所以在外部引用css和js文件也是非常重要的。最后是可讀性，有超 閱讀全文

摘要： 【概述】在這一章節(jié)，我們的主題聚焦在基礎(chǔ)設(shè)施建設(shè)上。Http Compression（壓縮）Content Expirations (內(nèi)容過期）Content Distribution Networks - CDN(內(nèi)容分發(fā)網(wǎng)絡(luò))Etags （E標(biāo)簽）去掉沒必要的Http header【Compression】 我們前邊提到過，性能規(guī)則中的一條就是在服務(wù)器和瀏覽器之間傳輸?shù)臄?shù)據(jù)越少越好。介于此規(guī)則，我們可以使用一個比較成熟的技術(shù)：Http Compression。 Server 端會評估客戶端發(fā)來的http request中header里的"Accept-Encoding”。來確定客 閱讀全文

摘要： 上一章我講了很多關(guān)于Fiddler的東西。其實有很多檢測工具可以使用，如 Fiddler 、chrome、firebug、Network Monitor、IIS 和一些第三方的service。首先我們還是先繼續(xù)回顧一下fiddler的功能【fiddler】追蹤工具，尤其針對Http展示完成的request和response可以保存session存檔在提高我網(wǎng)站性能之前，我先把網(wǎng)站相關(guān)信息保存起來。等我優(yōu)化之后，我可以拿出來做對比。哦，原來我的站點性能提高了這么多！網(wǎng)頁加載耗時時間軸統(tǒng)計。還是以微軟的網(wǎng)站為例：我們可以很清楚的看到加載了哪些類型的文件，已經(jīng)文件的大小。【Chrome 瀏覽器】Ch 閱讀全文

摘要： 【概觀】什么使我們的網(wǎng)站變慢？Http 協(xié)議通過更好的性能省錢和賺錢性能規(guī)則【什么使網(wǎng)站變慢】對于大多數(shù)現(xiàn)代的網(wǎng)站，僅僅有10%-20%的響應(yīng)時間是用于生成和加載html document的。 那么，其他的時間用于加載什么呢？確切的說，如下：cssjavascript（jquery，plugin 等等）images 讓我們使用一個工具去看看-Fiddler (http://www.fiddler2.com/fiddler2/) 首先打開fiddler，然后使用瀏覽器訪問 www.microsoft.com 這時候我們可以看到fiddler監(jiān)控到客戶端與微軟網(wǎng)站服務(wù)器之間的交互情況如... 閱讀全文

摘要： 接上一章，我們要對我們的trend chart 進行修改。讓它看起來更專業(yè)。要實現(xiàn) filter，自定義，3d，drill down等功能。【讓報表看起來更正規(guī)】 接上一章，我們的trend chart 還沒標(biāo)題呢。點擊圖標(biāo)標(biāo)題。直接在上邊修改就行。如果想高級設(shè)定，需要進到標(biāo)題屬性里。vs這個地方做的不太好。經(jīng)常點不到。我們先點下下邊的trend chart 的線。再點標(biāo)題，再右鍵。在這里可以大家可以自己試探著來修改一下配置。請注意下邊圖中右邊的fx。這是一個函數(shù)表達式。他的功能很強大：點開fx，可以看到現(xiàn)在的標(biāo)題是 Trend Chart Demo。下邊有常量、內(nèi)置字段、參數(shù)、字段、數(shù)據(jù)集、 閱讀全文

摘要： 有些朋友要問，為什么要用vs2008 而不用vs2010.因為我們使用的是sql2008R2，默認(rèn)在vs2008里可以創(chuàng)建report 項目。如果使用sql 2012的話，在vs2010中或許也會帶吧。（vs 2010中我們可以使用report reviewer，道理是一樣的）不過使用vs創(chuàng)建的report 只是把db里的數(shù)據(jù)組織好格式展示一下。真正對report 的管理還是要在安裝reporting service 的那臺服務(wù)器上。要展現(xiàn)一張報表給用戶看，需要如下過程：1.使用vs創(chuàng)建相關(guān)報表。2.部署到指定的report 服務(wù)器上。3.配置報表服務(wù)器。【創(chuàng)建報表】這里我們先來講如何使用vs 閱讀全文

摘要： 接上一章，我們要創(chuàng)建一個commandline 應(yīng)用程序，通過輸入?yún)?shù)，可以讓它去指定目錄讀取文件，并且導(dǎo)入數(shù)據(jù)庫【設(shè)計】在編寫這個程序之前，我們要想想這個程序都需要做什么？1.讀取commandline 參數(shù)。一個目錄，taskid 和taskName 3個參數(shù)。2.到指定目錄讀取csv/txt 文件，把csv/txt 轉(zhuǎn)成 DataTable （這里有兩種txt文件，trend 和bar）3.去數(shù)據(jù)庫中查詢，如果當(dāng)前taskid 沒有記錄則插入記錄。否則更新記錄。根據(jù)上邊需要，我們需要創(chuàng)建如下類/方法:點擊解決方案->Add new project->Console Appli 閱讀全文

摘要： 結(jié)合EntityFramework 開發(fā)reporting service 閱讀全文

摘要： 也許有人問，為什么要用EF創(chuàng)建愛你數(shù)據(jù)表，code first好處是什么？使用EF創(chuàng)建數(shù)據(jù)庫/表，只需要設(shè)計簡單的C#類，再表內(nèi)容變化的時候他會自動更新數(shù)據(jù)庫結(jié)構(gòu)，并且保留原有數(shù)據(jù)。EF很強大，支持主外鍵并且能生成和db里一樣的數(shù)據(jù)類型。由于我們這兩個表簡單，關(guān)于進階的知識我會放在這篇文章的底部作為附錄。根據(jù)需求，我們有兩種 input 文件。一種是trend 的一種是bar的 我們先來看看這兩種文件里的數(shù)據(jù)：Trend ：id taskid taskname time b1 equal b2 uncertain grandtotal 0 ... 閱讀全文

摘要： 先看效果.由于時間的原因。這個demo只兼容IE8，IE9。其他瀏覽器暫時不支持。不過jsplumb本身是支持各種瀏覽器的。寫這篇文章是因為我在實際開發(fā)中遇到一個需求，支持拖拽模塊到指定的容器里。并且每個模塊會有自己的output 和input。開始覺得很酷也很變態(tài)。經(jīng)過一段時間的調(diào)研，特把結(jié)果分享給大家。不足之處，敬請指正。看了題目里的3個J。可能有的朋友覺得頭暈，需要這么多東東？我先逐一介紹一下。第一個jquery是我們平時經(jīng)常使用的jquery 庫。它可以讓你用很少的代碼實現(xiàn)一些很酷的js功能（實際它封裝了很多js）。第二個JQueryUI提供了一整套核心交互插件，UI部分用jQuery 閱讀全文