摘要:JavaScript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以用侦听器来预订事件,以便事件发生的时候执行相应的代码。 事件流 事件流描述了从页面中接收事件的顺序,包括事件冒泡和事件捕获。 事件冒泡 事件最开始时由最具体的元素(文档中嵌套层次最深 阅读全文
posted @ 2016-08-24 19:45 MarcoHan 阅读 (1455) 评论 (2) 编辑
摘要:JavaScript中的函数是整个语言中最有趣的一部分,它们强大而且灵活。接下来,我们来讨论JavaScript中函数的一些常用技巧: 一、函数绑定 函数绑定是指创建一个函数,可以在特定的this环境中已指定的参数调用另一个函数。 此处,message为undefined,因为没有保存handler 阅读全文
posted @ 2016-05-12 17:40 MarcoHan 阅读 (1632) 评论 (2) 编辑
摘要:偶获得一批数据,本着好玩的态度绘制下来看看到底是什么鬼,绘制的结果如下: 呵呵,什么都不像。而且中间最重要的部分因数据量过大绘制的已经看不清楚了。于是乎,缩小绘制范围,去除周围没有用的数据。重新绘制结果如下: 呵呵,北京市地图。有点像,大家可以唱五环之歌了。。。 再来一张只有边没有点的,会清晰一点。 阅读全文
posted @ 2016-05-10 13:34 MarcoHan 阅读 (2078) 评论 (4) 编辑
摘要:1、在局部作用域中,使用var操作符定义的变量将成为定义该变量的作用域中的局部变量,省略var的会创建全局变量;在全局作用域中,不管是否使用var操作符定义的变量都会创建一个全局变量。但是,在全局作用域中使用var创建的全局变量是不能被delete删除的,而未使用var创建的变量和局部作用域中未使用 阅读全文
posted @ 2016-04-14 21:55 MarcoHan 阅读 (1496) 评论 (4) 编辑
摘要:前言 在之前的文章 如何优化网站性能,提高页面加载速度 中,我们简单介绍了网站性能优化的重要性以及几种网站性能优化的方法(没有看过的可以狂戳 链接 移步过去看一下),那么今天我们深入讨论如何进一步优化网站性能。 一、拆分初始化负载 拆分初始化负载——听名字觉得高大上,其实不然,土一点将讲就是将页面加 阅读全文
posted @ 2016-03-29 10:47 MarcoHan 阅读 (7371) 评论 (1) 编辑
摘要:前言 随着计算机的发展,Web富应用时代的到来,Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始,Web前端开发也开启了新的纪元。用户需求不断提高,各种新的技术层出不穷,前端工程师的地位也越来越重要。然而任何事物都是有两面性的,随着前端技术的发展,前 阅读全文
posted @ 2016-03-24 17:00 MarcoHan 阅读 (7757) 评论 (3) 编辑
摘要:前言: 在同样的网络环境下,两个同样能满足你的需求的网站,一个“Duang”的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访 阅读全文
posted @ 2016-03-19 15:56 MarcoHan 阅读 (87133) 评论 (13) 编辑
摘要:前言: 在写CSS的时候让元素在高度固定的容器中垂直居中是很简单的,譬如设置容器的padding或者元素的margin之类的都可以做到;让元素在容器中水平居中也有text-align:center、margin:0 auto;之类的属性来帮我们达到目的,但是如何让元素在不确定高度的容器中垂直居中或者 阅读全文
posted @ 2016-03-09 14:15 MarcoHan 阅读 (806) 评论 (3) 编辑
摘要:看到这样一个问题:为什么直接在控制台运行{} + []和用console.log({} + [])输出,两者结果不一样? 于是乎打开chrome的控制台运行了一下: 为什么结果会这样呢?不得已学习一下JS中的{}吧 复合语句 声明对象直接量 声明函数或函数直接量 没有块级作用域 javascript 阅读全文
posted @ 2016-03-07 15:56 MarcoHan 阅读 (3688) 评论 (2) 编辑
摘要:一、同源策略 要理解跨域,我们首先要知道什么是同源策略。百度百科上这样定义同源策略:同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的 阅读全文
posted @ 2016-03-05 18:56 MarcoHan 阅读 (6128) 评论 (0) 编辑