令狐蔥@Web前端開發

摘要： 每年過年都會用，但是都忘記怎么搞，在這里記錄一下~ 通過網站測速輸入https://kyfw.12306.cn/，查找響應最快速的服務器節點。 然后配置host，訪問最快的服務器節點，進行購票，提升成功率。 windows訪問C:\Windows\System32\drivers\etc，... 閱讀全文

摘要： 1. Paul IrishGithub主頁：https://github.com/paulirish個人主頁：http://paulirish.com維基百科：http://en.wikipedia.org/wiki/Paul_IrishPaul Irish是著名的前端開發工程師，同時他也是Chro... 閱讀全文

摘要： Immediately-invoked Function Expression（IIFE，立即調用函數），簡單的理解就是定義完成函數之后立即執行。因此有時候也會被稱為“自執行的匿名函數”（self-executing anonymous function）。IIFE的叫法最早見于Ben Alman的... 閱讀全文

摘要： 本專欄嘗試記錄并分享一些個人在學習和使用開源程序代碼的過程中，經意或者不經意間看到的個人感覺比較有參考價值的代碼片段。個人感覺，并不是說能寫或者能看得懂一些晦澀難懂的代碼段子，就可以成為向別人炫耀的資本。本專欄無意炫技，其實也無技可炫。至于讓某些牛人覺得有些小兒科，我只能說，“您老太認真了”。保持元素縱橫比解決問題：頁面尺寸變化（resize）時保持頁面元素縱橫比開源程序：Bootstrap經常，我們會遇到這樣的需求，需要保持頁面上某些元素在頁面大小被改變重新渲染的時候，保持該元素區域的縱橫比不變。最常見的場景，比如頁面上顯示圖片的時候，希望始終保持圖片的縱橫比，哪怕圖片以縮略圖顯示?；蛘撸? 閱讀全文

摘要： 單例模式解決問題：只執行一次的函數開源程序：underscore有時候我們會需要使用單例模式，比如需要一個函數，這個函數在整個應用運行的時候只被訪問一次。如果再次訪問就會訪問上次的執行結果。這個需求的一個經典實現可以在underscore的代碼中找到：_.once = function(func) { var ran = false, memo; return function() { if (ran) return memo; ran = true; memo = func.apply(this, arguments); func = nu... 閱讀全文

摘要： 瀏覽器特性判斷解決問題：判斷某事件/方法在當前瀏覽器中是否支持開源程序：Modernizr眾所周知，各個不同的瀏覽器對于代碼渲染的實現也各自為政百花齊放，雖然有W3C在維護著標準，但是由于市面上存在很多瀏覽器，每個瀏覽器又有數不盡的歷史版本，因此對于瀏覽器兼容性問題的判斷成了在寫JS應用中必不可少的技能。以前大家都傾向于做瀏覽器類型和版本的檢測，現在傾向于做瀏覽器的特性檢測，這樣更有實際用處。今天要提到的是通過判斷事件是否存在來探測瀏覽器兼容性支持。比如onmousewheel事件，并不是所有的瀏覽器都會支持，我們可以這樣：if(document.onmousewheel){ //這里是... 閱讀全文

摘要： 前言在印象中，瀏覽器中的F5和刷新按鈕是一樣的效果，都是對當前頁面進行刷新；Ctrl-F5的行為也是刷新頁面，但是會清除瀏覽器緩存，這在前端調試時候會常用。二者真正的區別是什么呢？在stackoverflow上有人給出了很詳細的解釋，整理如下。說明在不同的瀏覽器中F5和CTRL-F5的行為是不一樣的，但是他們的主要行為還是非常相似的，以下結果是在FF，IE，Opera和Chrome中進行過測試得出。F5使用緩存，并且只有在資源內容發生變化的時候才會去更新資源。當刷新一個頁面的時候，瀏覽器會嘗試使用各種類型的緩存，并且會發送If-Modified-Since頭到服務器，如果服務器返回304 No 閱讀全文

摘要： 前言在文本處理中，CR（CarriageReturn），LF（LineFeed），CR/LF是不同操作系統上使用的換行符，具體如下：Dos和Windows采用回車+換行CR/LF表示下一行而UNIX/Linux采用換行符LF表示下一行蘋果機(MAC OS系統)則采用回車符CR表示下一行區別CR與LF區別如下：CR用符號\r表示，十進制ASCII代碼是13，十六進制代碼為0x0DLF使用\n符號表示，ASCII代碼是10，十六制為0x0A所以Windows平臺上換行在文本文件中是使用0d 0a兩個字節表示，而UNIX和蘋果平臺上換行則是使用0a或0d一個字節表示。問題一般操作系統上的運行庫會自動 閱讀全文

摘要： 在網上搜索關鍵字 “javascript object clone”，可以找到很多實現克隆 Object 的代碼，可是據我測試，讓人滿意的幾乎沒有。今天發現 jQuery 的作者 John Resig 給別人的答復，嘗試了一下確實很好用。方法如下：// 淺層復制（只復制頂層的非 object 元素）var newObject = jQuery.extend({}, oldObject);// 深層復制（一層一層往下復制直到最底層）var newObject = jQuery.extend(true, {}, oldObject);測試如下：var obj1 = { 'a': & 閱讀全文

摘要： 之前一直存在Failed to load resource的報錯信息，我一直以為是原始文件不存在，也就沒去管他，但今天我在調試百度聯盟的代碼的時候，發現Chrome下無法顯示廣告，而我用IE9卻能正常顯示，查了下頁面代碼，發現廣告的js代碼是在的，但為什么不顯示呢？然后我網上搜了一下，在stackoverflow上找到了答案，原來是我裝了AdBlock插件，這插件的功能是屏蔽廣告，挺好用的插件，可以認為是Chrome的必裝插件，從我用chrome開始就一直裝這個了。然后我把博客域名添加到過濾列表里，廣告就能正常顯示了。不過由于現在AdBlock插件的使用量很多，很多網站的廣告被屏蔽，這讓一些站 閱讀全文