High一下!

发表于   |   分类于   |     |   阅读次数

事件委托技术原理（摘自英文davidwalsh）

事件委托（event delegation），使用时间委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到哪个是子元素的事件。

 首先，我们设定一个列表

1
2
3
4
5
6
7
8
<ul id="parent-list">
	<li id="post-1">Item 1</li>
	<li id="post-2">Item 2</li>
	<li id="post-3">Item 3</li>
	<li id="post-4">Item 4</li>
	<li id="post-5">Item 5</li>
	<li id="post-6">Item 6</li>
</ul>

  我们假设要给每个li添加不同的事件，你可以给每个独立的li元素添加事件监听器，但有时这些li元素可能会被删除，可能会有新增，监听它们的新增或删除事件将会是一场噩梦，尤其是当你的监听事件的代码放在应用的另一个地方时。但是，如果你将监听器安放到它们的父元素上呢？你如何能知道是那个子元素被点击了？

阅读全文 »

发表于   |   分类于   |     |   阅读次数

对于前端开发人员，在开发过程中经常需要监控某些表达式或变量的值，如果使用用debugger会显得过于笨重，最常用的方法是会将值输出到控制台上方便调试。最常用的语句就是console.log(expression)了。

从早前一道阿里实习生招聘笔试题目入手

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function f1() {
	console.time('time span');
}
function f2() {
	console.timeEnd('time span');
}
setTimeout(f1, 100);
setTimeout(f2, 200);
function waitForMs(n) {
	var now = Date.now();
	while (Date.now() - now < n) {
	}//空while
}
waitForMs(500);//输出什么？
//->time span: 0ms
//实际测试输出的是 time span: 0.023ms
//实际的time是不确定的接近于0ms的，而不是0ms;
阅读全文 »

发表于   |   分类于   |     |   阅读次数

有人说reduce()是js的二向箔，那我们就从统计字符串中字符出现的次数这个例子领略它的强大！

何为reduce()方法

Array reduce()方法:

  此方法可以对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。最后的返回值是通过最后一次调用回调函数获得的累积结果。

语法结构:

1
array.reduce(callbackfn[, initial])
阅读全文 »

发表于   |   分类于   |     |   阅读次数

说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决。

前言

  由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备必须支持WebSocket，因此都不能算是ST2的原生解决方案，原生的只有AJAX。

————————————————————————————————————————————————————–

阅读全文 »

发表于   |   分类于   |     |   阅读次数

纸上得来终觉浅，绝知此事要躬行

所谓缘由

  总觉得bog是跟自己很遥远的事情，直到现在搭建属于自己的bog，事情总发展的出乎预料。具体的搭建看了很多，主要参考 如何利用GitHub Pages和Hexo快速搭建个人博客，关键是很喜欢这款主题，哈哈，拖延这么久能下静下心来做出来可能也有点这个原因，以前是觉得既然以后想做技术，没个博客总感觉少点啥，但是一直懒惰癌晚期发作，不过做完之后发现也没有想的那么复杂，哈哈！

阅读全文 »