楊元的博客

摘要： 今天小菜無意間在社區(qū)看到一個(gè)討論：“0~400中1出現(xiàn)了多少次？”。 小菜看到大部分網(wǎng)友給出的算法是基于字符串的處理，思路大致是：把所有數(shù)字拼接成一個(gè)字符串，然后對(duì)字符串進(jìn)行處理，進(jìn)而獲取出現(xiàn)次數(shù)。例如以下代碼： 1 /** 2 * 網(wǎng)友版本 3 * 找出"1"出現(xiàn)的次數(shù) 4 **/ 5 ... 閱讀全文

摘要： 近幾天看了些關(guān)于JavaScript內(nèi)存管理的文章，相對(duì)于Java JVM的內(nèi)存管理，顯得簡(jiǎn)單些。 在學(xué)習(xí)的過程中，發(fā)現(xiàn)有不少網(wǎng)友談到了循環(huán)引用，說循環(huán)引用會(huì)造成內(nèi)存泄漏，垃圾回收器無法回收。 實(shí)際上，并沒有這么可怕，根據(jù)小菜目前的了解，這種循環(huán)引用造成的內(nèi)存泄漏，僅僅會(huì)發(fā)生在低版本的IE瀏... 閱讀全文

摘要： 轉(zhuǎn)眼間到了2015年，小菜早早的回家，利用在家的閑暇時(shí)間，寫了一個(gè)新年小禮物送給大家，小菜在此祝愿廣大網(wǎng)友羊年快樂！新年吉祥！ 這份小禮物是用html5寫的一個(gè)動(dòng)畫賀卡，名字叫：goatyear，以前端組件的形式，很容易引用到自己的網(wǎng)站中。 當(dāng)用戶第一次訪問網(wǎng)站的時(shí)候，會(huì)在屏幕中央彈出賀卡，15秒... 閱讀全文

摘要： JQuery這種Write Less Do More的框架，用多了難免會(huì)對(duì)原生js眼高手低。 小菜其實(shí)不想寫這篇博客，貌似很初級(jí)的樣子，但是看到網(wǎng)絡(luò)上連原生js事件綁定和解除都說不明白，還是決定科普一下了。 首先聲明，小菜懂的也不是很多，只是把我的思路和大家分享一下。DOM0事件模型 事件... 閱讀全文

摘要： 重寫window對(duì)象的方法不是一件新奇的事，比如我們可能需要改變默認(rèn)alert的行為，如何安全的重寫呢？ 小菜看到某知名IT網(wǎng)站是這樣的寫法：1 window.alert = function(){}; 或者1 alert = function(){}; 實(shí)際上，這種寫法有些欠妥。這相當(dāng)于... 閱讀全文

摘要： 本文所指TwoQueues緩存模型，是說數(shù)據(jù)在內(nèi)存中的緩存模型。 無論何種語言，都可能需要把一部分?jǐn)?shù)據(jù)放在內(nèi)存中，避免重復(fù)運(yùn)算、讀取。最常見的場(chǎng)景就是JQuery選擇器，有些Dom元素的選取是非常耗時(shí)的，我們希望能把這些數(shù)據(jù)緩存起來，不必每次調(diào)用都去重新遍歷Dom樹。 存就存吧，但總得有個(gè)量... 閱讀全文

摘要： 前言 imagepool是一款管理圖片加載的JS工具，通過imagepool可以控制圖片并發(fā)加載個(gè)數(shù)。 對(duì)于圖片加載，最原始的方式就是直接寫個(gè)img標(biāo)簽，比如：。 經(jīng)過不斷優(yōu)化，出現(xiàn)了圖片延遲加載方案，這回圖片的URL不直接寫在src屬性中，而是寫在某個(gè)屬性中，比如：。這樣瀏覽器就不會(huì)自動(dòng)加... 閱讀全文

摘要： JSLint是一款JavaScript代碼質(zhì)量審查工具，它可以指出代碼中錯(cuò)誤、不規(guī)范的地方，非常之嚴(yán)格，甚至多寫一個(gè)空格都會(huì)發(fā)出警告。 JSLint的審查規(guī)則，根據(jù)眾多前輩多年編程經(jīng)驗(yàn)而寫，字字珠璣，句句精華。 筆者隨便試了幾段之前寫過的js代碼，警告連篇，慘不忍睹，要想一次性寫出100%通... 閱讀全文

摘要： 移動(dòng)互聯(lián)網(wǎng)時(shí)代已經(jīng)來臨，昨日夢(mèng)中驚醒，發(fā)現(xiàn)自己的博客竟然不支持移動(dòng)端瀏覽，于是趕緊寫了個(gè)傳說中的響應(yīng)式Web設(shè)計(jì)，說白了，就是Media queries。 不知為何博客園官方不做移動(dòng)端適配。 上個(gè)圖吧，Android機(jī)下的微信掃一掃效果。IOS下測(cè)試也還可以。 閱讀全文

摘要： 谷歌瀏覽器不僅僅可以用來上網(wǎng)，對(duì)于開發(fā)人員來說，它更像是一款強(qiáng)大的開發(fā)輔助工具。 工欲善其事必先利其器，接下來筆者給大家分享一些Chrome的使用方法。 假如讀者了解如何在Chrome中添加JavaScript斷點(diǎn)，那請(qǐng)繼續(xù)閱讀；否則，自行腦補(bǔ)。 假如有這樣一段代碼： 1 var a = ... 閱讀全文