css 多列布局

二列布局是指侧栏宽度固定,主栏宽度自适应;三列布局是指两侧栏宽度固定,中间主栏宽度自适应。二列布局和三列布局主要思想是类似的,将三列布局的其中一个侧栏去掉即变成二列布局。下面,我们就只讨论三列布局的几种实现方法。

More

JavaScript 函数

【function 命令】和【函数表达式】都是函数定义的方式,他们用法大同小异,在很多场景中可以通用。本文主要讨论一下它们之间的差异,同时也可以更深入地理解执行上下文、this 等概念。

More

跨域解决方案

受浏览器同源策略的限制,ajax 只能向同源(协议、域名、端口都相同)网址发出 http 请求,跨源请求会被阻止、报错。下面介绍 5 种跨域解决方案,具体方案还需要根据实际应用场景来选择。

More

JavaScript 观察者模式

观察者(observer)模式又叫订阅/发布(subscriber/publisher)模式。浏览器的事件监听就是这种模式的实例。订阅者 A 订阅发布者 B 的特定动作,当发布者 B 的特定动作发生后,订阅者 A 便会收到通知,然后订阅者 A 就可以进行相应的处理。

More

JavaScript 单例模式

单例模式保证一个特定类只有一个实例对象。也就是说多次用同一个类来创建对象,得到的都是同样一个对象。严格意义上,JavaScript 没有类,只有对象,对象之间永远不会完全相等,除非它们是同一个对象,所以我们创建的每一个对象都可以看做是单例。比如,我们可以用对象字面量来创建单例对象。

More

ready 方法的实现

很多时候,我们需要在页面加载完成后执行某些方法。我们首先可能会想到 window.onload 事件,但是,该事件会等到 dom、script、css、image 以及 iframe 等所有资源都加载完后才会触发,这么多资源都加载完是很耗时的,所以,比较好的办法是只在 dom 加载完后就执行这些方法。

More