摘要：
研究背景：网站中如果图片过多，就会因为加载图片而等待很长时间，此时我们就用到图片延时加载插件jquery.lazyload.js，这个插件可以让我们在向下滚动的时候加载图片。让网页首屏尽可能快的加载进来。 如何使用jquery.lazyload.js： 1、jquery.lazyload.js依赖于 阅读全文
摘要：
更新一下：今天学到一个更牛×的做法！！！【代码在上↑↑↑，受小弟一拜】（iframe设置绝对定位，通过内容去撑开高度。实现效果和iframe自适应一样☺） 华丽分割线 理解了上面的用法，下面就不用看了 第一次用iframe标签代替ajax异步刷新去做后天管理系统，发现iframe的确是个好东西。但有 阅读全文
摘要：
虽然利用原生的JavaScript事件能完成一些交互，但jQuery增加并扩展了基本的事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大地增强了事件处理能力。 1、加载DOM 在JavaScript中，通常用window.onload方法，而在jQuery中，使用的是$(docum 阅读全文
摘要：
jQuery封装了大量DOM操作的API，极大提高了操作DOM节点的效率。 1、查找节点 通过我们上一节介绍了JQuery选择器，可以非常轻松地查找节点元素。不过，这时得到的是jQuery对象，只能使用jQuery的API。 1.1 查找属性节点：attr()方法，可以接受一个参数，也可以接受两个。 阅读全文
摘要：
刚学CSS的时候我们已经接触了选择器，其实就是按照一定的规则选择出来我们想要获取到的元素。在这里，既然选择了用jQuery选择器，首先来谈谈JQuery选择器的优势： 1、简洁的写法：$()函数在很多JavaScript类库中都被作为一个选择器来使用，平时用到的JQuery对象都是通过$()函数制造 阅读全文
摘要：
JavaScript不是一门真正的面向对象语言，因为它连最基本的类的概念都没有，因此它的对象和基于类的语言中的对象也会有所不同。ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。” 严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字， 阅读全文
摘要：
先说一些有关键盘事件的事项：用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，然后是按键 阅读全文
摘要：
JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。 1、事件流：描述的是从页面中接收事件的顺序。 IE提出的事件冒泡流：事件开始由最具体的元素接收，然后向上传播到较为不具体的节点。 Nerscape提出的事件捕获流：由最不具体的元素逐渐传 阅读全文
摘要：
也许大家对于函数的参数都不会太在意，简单来说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。深入研究，你会发现其实没那么简单，这个传参是要分俩种情况（其实这是个错误的说法，ECMAScript中所有函数的参数都是按值传递的——《高程3》原话，之所以这里说俩种，是因为结合 阅读全文
摘要：
DOM 是 Document Object Model（文档对象模型）的缩写。DOM分为核心DOM、XML DOM、HTML DOM，我们接触的主要是HTML DOM，HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。换言之，HTML DOM 是关于如何获取、修改、添加或 阅读全文
摘要：
写在前面的话：这篇博客不适合对面向对象一无所知的人，如果你连_proto_、prototype...都不是很了解的话，建议还是先去了解一下JavaScript面向对象的基础知识，毕竟胖子不是一口吃成的。博文有点长，如果能仔细看懂每一句话（毕竟都是《高程3》的原话）,收获不容小觑。有关面向对象的基础知 阅读全文
摘要：
变量，作为编程语言最基础的部分，每种语言的变量不尽相同，但又大径相庭。大部分编程语言的变量有块级作用域，如if、for、while... 但JavaScript不纯在块级作用域，而是函数作用域，并且有自己独有的特性--变量提升。（ES6新添加的let、const使其可以用块级作用域） 对于函数的变量 阅读全文
摘要：
关于文字和图片的水平垂直居中，在前端界绝对算是一个老生常谈的问题了，尤其是垂直居中，什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法： 一、文本的水平垂直居中： 1、水平居中： 是不是很开心？超级简单的问题，一个text-align：center 就搞定了。过过过... 下面看单行、多 阅读全文
摘要：
先思考一个问题：为什么H5里面又多了那么多看似没用的标签？ 我们知道，<div>能干百分之99的标签能干的事，而标签的主要作用是用来包裹内容，只要把基本内容都包含进去不就好了？？胡闹！不带这么将就了！！程序员大多可都是追求完美的，标签的语义化才是我们选择使用哪个标签的首要因素。当然，H5的很多新标签 阅读全文
摘要：
我们知道，HTML5添加了标签的容错性，在书写方面变得更灵活。不像XHTML那样，有严格的代码规范，不符合规范就不给我们解析。那么，我们在写代码时为什么还要刻意去符合哪些所谓的“规范”呢？ 答案这一个就够了：利人利己，便于维护！如果你写的代码不符合“规范”，查找代码的错误时或者后期的维护会让你痛恨自 阅读全文
摘要：
在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 阅读全文
摘要：
我们知道，图片的加载，特别是资源较大的图片，加载相当耗费时间。为了提高用户体验，不得不使用图片预加载技术来提前加载，以提高用户在浏览时的流畅度。 先来弄明白图片的懒加载和预加载的不同： 1)概念：懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。预加载：提前加载图片， 阅读全文
摘要：
一直以来，对this的讨论都是热门话题。有人说掌握了this就掌握了JavaScript的80％，说法有点夸张，但可见this的重要性。至今记录了很多关于this的零碎笔记，今天就来个小结。 本人看过对this解释的最简单的说法：谁调用这个函数，this指向谁。 好啦，就是这么简单。下面再来具体说一 阅读全文
摘要：
虽然网上有大量的插件供我们去使用，但不一定有一款适合你的，必要的时候还是要自己动手去敲的。下面，开始我的第一个插件... 参考《锋利的JQuery》，JQuery为开发插件增设了俩个方法：$.extend(object), $.fn.extend(object). 这篇博文对插件制作的讲解挺好的，就 阅读全文
摘要：
关于js的宽高，随便一搜就是一大堆。这个一大堆对我来说可不是什么好事，看的头都大了。所以今天就总结了一些比较会常用的，并说明一下应用场景。 先来扯一下documentElement和body的微妙关系： documentElement html >> documentElement.childNod 阅读全文