杨元的博客

摘要： 今天小菜无意间在社区看到一个讨论：“0~400中1出现了多少次？”。 小菜看到大部分网友给出的算法是基于字符串的处理，思路大致是：把所有数字拼接成一个字符串，然后对字符串进行处理，进而获取出现次数。例如以下代码： 1 /** 2 * 网友版本 3 * 找出"1"出现的次数 4 **/ 5 ... 阅读全文

摘要： 近几天看了些关于JavaScript内存管理的文章，相对于Java JVM的内存管理，显得简单些。 在学习的过程中，发现有不少网友谈到了循环引用，说循环引用会造成内存泄漏，垃圾回收器无法回收。 实际上，并没有这么可怕，根据小菜目前的了解，这种循环引用造成的内存泄漏，仅仅会发生在低版本的IE浏... 阅读全文

摘要： 转眼间到了2015年，小菜早早的回家，利用在家的闲暇时间，写了一个新年小礼物送给大家，小菜在此祝愿广大网友羊年快乐！新年吉祥！ 这份小礼物是用html5写的一个动画贺卡，名字叫：goatyear，以前端组件的形式，很容易引用到自己的网站中。 当用户第一次访问网站的时候，会在屏幕中央弹出贺卡，15秒... 阅读全文

摘要： JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。DOM0事件模型 事件... 阅读全文

摘要： 重写window对象的方法不是一件新奇的事，比如我们可能需要改变默认alert的行为，如何安全的重写呢？ 小菜看到某知名IT网站是这样的写法：1 window.alert = function(){}; 或者1 alert = function(){}; 实际上，这种写法有些欠妥。这相当于... 阅读全文

摘要： 本文所指TwoQueues缓存模型，是说数据在内存中的缓存模型。 无论何种语言，都可能需要把一部分数据放在内存中，避免重复运算、读取。最常见的场景就是JQuery选择器，有些Dom元素的选取是非常耗时的，我们希望能把这些数据缓存起来，不必每次调用都去重新遍历Dom树。 存就存吧，但总得有个量... 阅读全文

摘要： 前言 imagepool是一款管理图片加载的JS工具，通过imagepool可以控制图片并发加载个数。 对于图片加载，最原始的方式就是直接写个img标签，比如：。 经过不断优化，出现了图片延迟加载方案，这回图片的URL不直接写在src属性中，而是写在某个属性中，比如：。这样浏览器就不会自动加... 阅读全文

摘要： JSLint是一款JavaScript代码质量审查工具，它可以指出代码中错误、不规范的地方，非常之严格，甚至多写一个空格都会发出警告。 JSLint的审查规则，根据众多前辈多年编程经验而写，字字珠玑，句句精华。 笔者随便试了几段之前写过的js代码，警告连篇，惨不忍睹，要想一次性写出100%通... 阅读全文

摘要： 移动互联网时代已经来临，昨日梦中惊醒，发现自己的博客竟然不支持移动端浏览，于是赶紧写了个传说中的响应式Web设计，说白了，就是Media queries。 不知为何博客园官方不做移动端适配。 上个图吧，Android机下的微信扫一扫效果。IOS下测试也还可以。 阅读全文

摘要： 谷歌浏览器不仅仅可以用来上网，对于开发人员来说，它更像是一款强大的开发辅助工具。 工欲善其事必先利其器，接下来笔者给大家分享一些Chrome的使用方法。 假如读者了解如何在Chrome中添加JavaScript断点，那请继续阅读；否则，自行脑补。 假如有这样一段代码： 1 var a = ... 阅读全文