摘要：幾乎所有構建系統都選擇使用watch機制來解決開發過程中需要反復生成構建后文件的問題，但在watch機制下，長期以來我們必須忍受修改完代碼，保存完代碼必須喝口茶才能刷新看看效果的問題。在這里我們嘗試探討為什么watch不是銀彈，并嘗試尋找一種更好的方案來解決這個問題。watch基于的事實當一個文件修... 閱讀全文
我們的前端模版引擎更新總結
2014-09-28 23:12 by Justany_WhiteSnow, 1699 閱讀, 0 推薦, 收藏,
摘要：最近花了些時間更新了下我們的模版引擎。就像構建工具一樣，模版引擎也基本是大家玩爛的內容，什么運行速度啊，編譯速度啊，大家也談了很多。讓我們講些不同的東東^ ^原文地址：https://app.yinxiang.com/shard/s30/sh/83bcf109-aee4-44df-ab01-4990... 閱讀全文
小矮人Javascript模塊加載器
2014-02-05 14:54 by Justany_WhiteSnow, 1443 閱讀, 0 推薦, 收藏,
摘要：https://github.com/miniflycn/webkit-dwarf短小精悍的webkit瀏覽器Javascript模塊加載器Why我們有許多僅基于webkit瀏覽器開發的應用無論是使用requirejs還是seajs都需要先加載完模塊加載器本身之后才能加載其他模塊無論出于首屏優化需要，還是手機2G優化需要，我們都需要一個足夠小的模塊加載器內置CDN失敗回源策略AMD & CMDrequire([module], callback);這是AMD規范中模塊引用的經典方式。實際上CMD規范在異步引用上也與之類似。require.async([module], callback 閱讀全文
Javascript模版引擎簡介
2014-01-16 10:40 by Justany_WhiteSnow, 663 閱讀, 0 推薦, 收藏,
摘要：回顧Micro-Templating出自John Resig 2008年的一片文章，以及其經典實現：// Simple JavaScript Templating// John Resig - http://ejohn.org/ - MIT Licensed(function(){ var cache = {}; this.tmpl = function tmpl(str, data){ // Figure out if we're getting a template, or if we need to // load the template - and be sure t... 閱讀全文
bootstrap 3.0 LESS源代碼淺析（二）
2013-11-21 19:57 by Justany_WhiteSnow, 2091 閱讀, 0 推薦, 收藏,
摘要：border-radius是最常見的CSS3屬性，但你知道他多少東西呢？比如：border-radius:2em;相當于什么？border-top-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em;實際上，其首先都是水平方向（top or bottom）的弧度，然后才是垂直方向的弧度（left or right）。忘記在哪里的一道題目請用CSS實現如上圖一樣的橢圓，有興趣的同學可以思考一下。回到Bootstrap 3.0OK，我們回到B 閱讀全文
bootstrap 3.0 LESS源代碼淺析（一）
2013-11-19 16:15 by Justany_WhiteSnow, 6080 閱讀, 0 推薦, 收藏,
摘要：我一直以為Bootstrap的LESS源代碼精髓在mixins.less，所以這個系列主要也是講解mixins.less的。什么是mixins？混入，或者翻譯成混合。官網的說法是：我們可以定義一些通用的屬性集為一個 class，然后在另一個 class 中去調用這些屬性。看起來非常難理解，沒事，我們來看例子，比如有這樣一個class：.bordered { border-top: dotted 1px black; border-bottom: solid 2px black;}那如果我們現在需要在其他 class 中引入那些通用的屬性集，那么我們只需要在任何 class 中像下面... 閱讀全文
你可能不知道的跨域解決方案
2013-11-18 19:34 by Justany_WhiteSnow, 2250 閱讀, 0 推薦, 收藏,
摘要：出于瀏覽器的同源策略，我們經常會遇到瀏覽器跨域的問題。簡單的說跨域基本解決方案是：GET請求用JSONP其他請求用同源iframe做代理JSONP的介紹很多，這里就不多說了。而同源iframe做代理主要是主窗口與iframe的通訊問題，因為這里也有同源策略。常見的方法是使用window.name或者通過url param來通訊。但這些方法都需要反復加載iframe來完成的，資源消耗較高，有沒有更好的方案呢？window.postMessagewindow.postMessage最早由IE8引入，主要為了解決跨文檔通訊問題，以下使其支持列表：FeatureChromeFirefox (Gecko 閱讀全文
高級Javascript調試——console.table()
2013-11-18 11:58 by Justany_WhiteSnow, 12103 閱讀, 12 推薦, 收藏,
摘要：原文：http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable本文只是簡單翻譯，部分不重要部分略去，請原諒。通過console.log()打印數組試想一下，假如你創建了一個編程語言以及其文件后綴名列表：var languages = [ { name: "JavaScript", fileExtension: ".js" }, { name: "TypeScript", fileExtension: ".ts& 閱讀全文
NodeJS的url驗證庫模塊url-valid
2013-11-17 15:31 by Justany_WhiteSnow, 3978 閱讀, 0 推薦, 收藏,
摘要：這是我10月份做的項目其中的一個部件，主要用于url檢驗的。我們知道Javascript做url檢驗，通常是使用正則表達式來判定，其格式是否正確，例如：/^https?:\/\//.test(url);當然還有更好的檢測方法比如基于RFC 3986, RFC 3966, RFC 4694, RFC 4759, RFC 4904等標準的進行驗證的valid-url庫。不過個根據格式進行驗證當然不能確定該url是否存在啦，所以就有了url-valid，我們基于HTTP請求進行驗證。接口設計實際上我們只需要一個函數傳入一個url地址，并回調返回該鏈接是否可用。但請求容易產生未知錯誤，所以我們在回調函 閱讀全文
NodeJS的url信息截取模塊url-extract
2013-09-12 22:49 by Justany_WhiteSnow, 3270 閱讀, 0 推薦, 收藏,
摘要：上一篇文章，介紹了怎么利用NodeJS + PhantomJS進行截圖，但由于對每次截圖操作，都啟用了一個PhantomJS進程，所以并發量上去后，效率堪憂，所以我么重寫了所有代碼，并將其獨立成為一個模塊，方便調用。 閱讀全文
浙公網安備 33010602011771號