hoboStage

摘要： 上一章节探讨了事件的一些概念，接下来看下jQuery的事件模块。 jQuery对事件的绑定分别有几个API：.bind()/.live()/.delegate()/.on()/click()， 不管是用什么方式绑定，归根到底还是用addEventListener/attachEvent（IE）处理的 阅读全文

摘要： javascript的异步编程 为什么要使用异步编程？ JS是单线程语言，就简单性而言，把每一件事情（包括GUI事件和渲染）都放在一个线程里来处理是一个很好的程序模型，因为这样就无需再考虑线程同步这些复杂问题。然而从另一方面来看，它也暴露了实际开发中的一个严重问题，单线程环境看起来对用户请求响应迅速 阅读全文

摘要： [TOC] 前言 什么是BFC？ 在解释 BFC 是什么之前，需要先介绍Box（块级，行级...）、FormattingContext的概念。 Box: CSS布局的基本单位&盒模型 盒模型 块级盒/行内盒 一个盒包括了内容(content)、边(border)、内边距(padding)、外边距(m 阅读全文

摘要： 作为前端工程师，也许你对chrome开发工具不陌生，但也谈不上对各个模块有深入了解。 本文主要是为chrome开发工具使用这个系列做个开篇。 参考资料： 谷歌开发者： https://developers.google.com/web/tools/chrome devtools 极客官网：http: 阅读全文

摘要： 1、首先来看下javascript组成：ECMAScirpt（核心）+BOM+DOM 2、如何理解javascript的面向对象？ 面向对象有三个基本特性：封装、继承、多态。其中，对象系统中的继承特性有三种实现方案：基于类的(class-based)、基于原型(prototype-based)的、基 阅读全文

摘要： 一、何时触发这两个事件？1、当onload事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。2、当DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。二、为什么要区分？ 开发中我们经常需要给一些元素的事件绑定处理函数。但问... 阅读全文

摘要： 虽然在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。我们经常在数据库中处理大量结构化数据，html5引入Web SQ... 阅读全文

摘要： 1、为什么要使用懒加载？ 对于图片过多的页面，为了加速页面加载速度， 所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。 这样子对于页面加载性能上会有很大的提升，也提高了用户体验。2、如何实现？其实从原理上看很简单，在页面载入的时候将页面上的img标签... 阅读全文

摘要： (1)、首先来了解下调用Object原型上的方法，toString方法，通过调用该方法可以返回 "[object XXX]"格式的字符串。jQuery内部就是用过这种方式实现了数据类型判断： toString.call(obj) 返回值为 (2)、看下扩展了那些类型判断的方法： isFunction 阅读全文

摘要： 借用百度百科来说明下回调函数： 回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。... 阅读全文