摘要： grunt-contrib-uglifyuglify是一個文件壓縮插件，項目地址：https://github.com/gruntjs/grunt-contrib-uglify本文將以一個DEMO來展示如何使用uglify插件。DEMO環(huán)境package.json:{ "name": "grunt-demo", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.2", "grunt-c 閱讀全文

摘要： Grunt是什么？Grunt是一個自動化的項目構建工具。如果你需要重復的執(zhí)行像壓縮，編譯，單元測試，代碼檢查以及打包發(fā)布的任務。那么你可以使用Grunt來處理這些任務，你所需要做的只是配置好Grunt，這樣能很大程度的簡化你的工作。如果在團隊中使用Grunt，你只需要與其他人員約定好使用Grunt應該規(guī)避的問題，就能夠很方便的自動化的處理大部分的常見工作任務，你所付出的努力幾乎為0。為什么要使用Grunt？Grunt是一個龐大的生態(tài)系統(tǒng)，每天都在成長。你可以自由的選擇數以百計的插件以幫助你自動化的處理任務。如果你所需要的插件還沒有被人創(chuàng)建, 那么你可以自己創(chuàng)建插件并通過npm很方便的發(fā)布以供更 閱讀全文

摘要： Web服務器會做些什么：1、建產連接：接受一個客戶端連接，或者如果不希望與這個客戶端建立連接，就將其關閉。 1）處理新連接 2）客戶端主機名識別 3）通過ident確定客戶端用戶ident在組織內部可以很好地工作，主要是因為以下原因導致在公共因特網上并不能很好地工作：1、很多客戶端PC沒有運行ident識別協(xié)議守護進程軟件2、ident協(xié)議會使HTTP事務處理產生嚴重的時延3、很多防火墻不允許ident流量進入4、ident協(xié)議不安全，容易被偽偽5、ident協(xié)議也不支持虛擬IP地址6、暴露客戶端的用戶名還涉及隱私問題2、接收請求：從網絡中讀取一條HTTP請求報文3、處理請求：對網絡報文... 閱讀全文

摘要： 近期項目中可能要用到Flash存取數據，并與JS互調，所以就看了一下ActionScript 3.0，現把學習結果分享一下，希望對新手有幫助。目錄 ActionScript 3.0簡介 Hello World 文件讀寫 數據存儲(SharedObject) 與JS互調ActionScript 3.0簡介 ActionScript 3.0 是一種強大的面向對象編程語言，ActionScript 3 符合 ECMAScript Language Specification 第三版。它還包含基于 ECMAScript Edition 4 的功能，比如類、包和名稱空間；可選的靜態(tài)類型；... 閱讀全文

摘要： 效果：原理： 用canvas逐行輸出文字，然后讓背景顏色逐漸加深，再隨機中斷某些列。代碼：HTML：CSS：canvas {display: block;}JS：var c = document.getElementById("c");var ctx = c.getContext("2d");//全屏c.height = window.innerHeight;c.width = window.innerWidth;//文字var txts = "0123456789";//轉為數組txts = txts.split("&qu 閱讀全文

摘要： HTTP通信是由TCP/IP承載的，HTTP緊挨著TCP，位于其上層，所以HTTP事務的性能很大程度上取決于底層TCP通道的性能。 HTTP事務的時延 如圖： HTTP事務的時延有以下幾種主要原因。 （1）客戶端首先需要根據URI確定Web服務器的IP地址和端口號。如果最近沒有對URI中的主機名進行訪問，通過DNS解析系統(tǒng)將URI中的主機名轉換成一個IP地址可能要花費數十秒的時間。 （2）接下來，客戶端會向服務器發(fā)送一條TCP連接請求，并等待服務器回送一個請求接受應答。每條新的TCP連接都會有連接建立時延。這個值通常最多只有一兩秒種，但如果有數百個HTTP事務的話，這個值會快... 閱讀全文

摘要： 報文的組成部分 報文由三部分組成：對報文進行描述的起始行(start line)、包含屬性的首部(header)，以及可選的、包含數據的主體(body)部分。 請求報文格式 響應報文格式 HTTP方法 主要的HTTP方法有：方法描述是否包含主體GET從服務器獲取一份文檔否HEAD只從服務器獲取文檔的首部否POST向服務器發(fā)送需要處理的數據是PUT將請求的主體部分存儲在服務器上是TRACE對可能經過代理服務器傳送到服務器上去的報文進行追蹤否OPTIONS決定可以在服務器上執(zhí)行哪些方法否DELETE從服務器上刪除一份文檔否 另外，HTTP1.1允許擴... 閱讀全文

摘要： URL中的限制字符： 在URL中，有幾個字符被保留起來，有著特殊的含義。有些字符不在定義的US-ASCII可打印字符集中。還有些字符會與某些因特網網關和協(xié)議產生混淆，因此不贊成使用。 下面這些字符是URL中的限制字符，在將其用于保留用途之外的場合時，要在URL中對其進行編碼。 字符保留/受限%保留作為編碼字符的轉義標志/保留作為路徑組件中分隔路徑段的字界符.保留在路徑組件中使用..保留在路徑組件中使用#保留作為分段定界符使用?保留作為查詢字符串定界符使用;保留作為參數字界符使用$ , +保留@ & =在某些方案的上下文中有特殊的含義，保留{ } | \ ^ ~ [ ]由于各種傳輸Ag. 閱讀全文

摘要： HTTP協(xié)議版本： 1、HTTP/0.9：HTTP的1991原型版本稱為HTTP/0.9。這個協(xié)議有很多嚴重的缺陷，只應該用與與老客戶端的交互。HTTP/0.9只支持GET方法，不支持多媒體內容的MIME類型，各種HTTP首部，或者版本號。HTTP/0.9定義的初衷是為了獲取簡單的HTML對象，它很快就被HTTP/1.0取代了。 2、HTTP/1.0：1.0是第一個得到廣泛使用的HTTP版本。HTTP/1.0添加了版本號、各種HTTP首部，一些額外的方法，以及對多媒體對象的處理。HTTP/1.0使得包含生動圖片的Web頁面和交互式表格成為可能，而這些頁面和表格促使萬維網為人們廣泛地接受... 閱讀全文

摘要： 最近園子有一篇文章：因為所謂的代碼性能不高而被離職的程序員，評論者挺多，簡單談談我的看法，大家就當中秋假日茶余飯后的消遣吧。 該文大致是說了一件因代碼性能問題而被離職的事，作者還貼了一段代碼在文中，致于代碼到底有沒有性能問題，有多大性能問題，在評論中好多朋友都給出了自己的看法，有的甚至重構了代碼。大約得出的結論如下：代碼性能、規(guī)范和邏輯上不那么完美，有一定優(yōu)化空間，代碼原因只是被離職的原因之一，還可能因為辦公室政治。 由于已經快一年沒寫.NET代碼了，加上水平本來就有限，對作者的代碼本身我不作評論，我只談談技術之外的一點看法，那就是：技術不是工程師能力的全部。 從該文作者回復的評論：... 閱讀全文

摘要： Sublime Text 2是那種讓人會一眼就愛上的編輯器，不僅GUI讓人眼前一亮，功能更是沒的說，拓展性目前來說也完全夠用了，網上介紹軟件的文章和推薦插件的文章也不少，而且很不錯，大家可以去找找自己需要的。 之前想設置什么都是直接在網上搜，但最近想調行距，這個把我給難住了，軟件上的設置沒找到，網上搜也沒有，最后的最后在Sublime的官方論壇找到了，個人覺得行距還是很影響視覺體驗的，看看下面的對比圖就知道了: 看來想駕馭好這軟件不弄清楚配置文件是不行了，周末找了時間把配置文件的每條配置信息都加上了中文注釋，現在貼出來和大家共享，里面有解釋不清楚的也歡迎大家伙來互相討論:) Pref... 閱讀全文

摘要： 一、數組排序 題目鏈接：http://hero.pongo.cn/Question/Details?ExamID=92&ID=94&bsh_bid=281776595題目詳情： 給定一個包含1-n的數列，我們通過交換任意兩個元素給數列重新排序。求最少需要多少次交換，能把數組排成按1-n遞增的順序，其中，數組長度不超過100。 例如： 原數組是3,2,1， 我們只需要交換1和3就行了，交換次數為1，所以輸出1。 原數組是2,3,1，我們需要交換2和1，變成1,3,2，再交換3和2，變?yōu)?，2，3，總共需要的交換次數為2，所以輸出2。 分析： 通過示例可以看出，可以用數組的第一項跟 閱讀全文

摘要： console.log("%c\n ","font-size:81px;background:url('http://www.baidu.com/img/bdlogo.gif') no-repeat 0 0");console.log("信息%c來自:console","color:red;font-weight:bold;");IE不支持 閱讀全文

摘要： 開始全職前端開發(fā)已經9個月了，在這9個月中收集了一還自認為還不錯的資源，主要有前端資訊、技術博客、精彩文章、實用工具、國內外前端框架，現在分享出來，希望對各位前端攻城師有用。 閱讀全文

摘要： JavaScript使用Unicode字符集。ECMAScript3要求JS的實現必須支持Unicode 2.1及后續(xù)版本，ECMAScript 5要求JS的實現支持Unicode 3及后續(xù)版本。 JavaScript區(qū)分大小寫。 JavaScript代碼建議用空格代替Tab鍵，因為不同IDE對Tab鍵的解析不完全一樣。 在有些計算機硬件和軟件里，無法顯示或輸入Unicode字符全集，為了支持老舊硬件和軟件，JavaScript定義了一種特殊序列，用6個ASCII字符來代表任意16位Unicode內碼。這些Unicode轉義序列均以\u前綴，其后跟隨4個十六進制數（使用數字以及大寫或... 閱讀全文

摘要： var $ = document; // shortcutvar cssId = 'myCss'; // you could encode the css path itself to generate id..if (!$.getElementById(cssId)){ var head = $.getElementsByTagName('head')[0]; var link = $.createElement('link'); link.id = cssId; link.rel = 'stylesheet'; link.ty 閱讀全文

摘要： 一直在找一個比較好的地方存放收藏的網址，但用了好多產品后效果都不理想，于是自己動手，寫了一個Win8 UI風格的，運行效果如下： 首頁： 工具頁： 其中主要收錄了國內前端方面的資訊站和工具類網站，現在把這些網址與各位前端開發(fā)者工共享，本站致力于為前端開發(fā)者提供最好的網址導航，大家有推薦的網站歡迎提供。 beta版網址：http://feinfo.duapp.com/ 對開發(fā)者網址導航站，大家有什么意見建議，都歡迎留言討論。如果有必要，后續(xù)可能會增加用戶功能，讓每個人都可以自己添加收藏。 UPDATE: 今天給部分網址后面加上了該網站最后更新時間，方便判斷是否發(fā)布了新文章，效果... 閱讀全文

摘要： 前一陣子一直在折騰瀏覽器的插件檢測和自定義協(xié)議的支持。經過種種痛苦的折騰，算是對這一領域有了點淺顯的認知。特此記錄一下一、背景知識自定義協(xié)議：常用的協(xié)議有 http:// https:// ftp:// 等然而我們也經常會遇到類似這樣的協(xié)議連接 thunder:// 迅雷的item:// itunes的ed2k:// 電驢的這樣的協(xié)議是需要本地計算機安裝軟件與之接應， 實現相應操作的也就是當你點一個類似的連接，瀏覽器會通知系統(tǒng)以何種程序處理該種協(xié)議的連接，這種對應是通過注冊表來實現的參考資料：http://www.rzrgm.cn/Aricc/archive/2009/03/18/141 閱讀全文

摘要： 緣起 不知道大家有沒有用過google搜索結果頁的“發(fā)送反饋”功能(還沒有用過的，快去體驗一下吧)，個人用過后覺得非?？?，特別適合反饋界面視覺問題，于是就有了本文介紹的小作品。 給不能FQ的截張圖吧：效果 不知道大家有沒有注意到本頁最下面有個“發(fā)送反饋”的固定鏈接，可以點擊看看效果。下面是chrome下的效果： 注：需要瀏覽器支持HTML5原理 通過查看google搜索結果頁反饋時的代碼可以看到，是把頁面生成了一個canvas，然后在canvas上畫矩形來實現的： 所以在不支持canvas的瀏覽器下，是沒有這個效果的。 我的方案是利用html2canvas庫把頁面內容渲染成一個c... 閱讀全文

摘要： function _code($_code_length = 4, $_width = 75, $_height = 25){ for($i=0;$i<$_code_length;$i++){ $_nmsg .= dechex(mt_rand(0,15)); } $_SESSION["code"] = $_nmsg; $_img = imagecreatetruecolor($_width, $_height); $_white = imagecolorallocate($_img, 250, 250, 250); imagefill($_im... 閱讀全文