摘要： Web Storage基本介绍 HTML5 定义了本地存储规范 Web Storage ， 提供了两种存储类型 API sessionStorage 和 localStorage，二者的差异主要是数据的保存时长及数据的共享方式。 localStorage 一直存储在本地，数据存储是永久的，除... 阅读全文

摘要： 随着前端JavaScript代码越来越重，如何组织JavaScript代码变得非常重要，好的组织方式，可以让别人和自己很好的理解代码，也便于维护和测试。模块化是一种非常好的代码组织方式，本文试着对JavaScript模块化开发的一些基础知识和具体使用做一些阐释。何为模块化开发？“模块是为完成某一功能... 阅读全文

摘要： /*! * Copyright yunos.com All rights reserved. * jquery.scrollspy.js * @author v10258@qq.com * @version 0-0-1 */(function ($) { // contructor funct... 阅读全文

摘要： 在JavaScript中,提取子字符串主要是通过Slice、Substring、Substr 三个方法之一。　// slice // 语法: string.slice(beginSlice [, endSlice])"Good news, everyone!".slice(5, 9); // 'news'// substring // 语法: string.substring(indexA [, indexB])"Good news, everyone!".substring(5, 9); // 'news'// subs 阅读全文

摘要： BFC的通俗理解： Block Formatting Context（块级格式化上下文）是W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 简单来讲，我们可以把它理解为，我们在进行盒模型布局的时候，如果一个元素符合了成为BFC的条件，该元素成为一个隔离了的独立容器，元素内部元素会垂直的沿着其父元素的边框排列，和外部元素互不影响 。比如浮动元素会触发BFC，浮动元素内部的子元素主要受到该浮动元素的影响，而两个浮动元素之间是互不影响的。 在CSS3 中，BFC 叫做Flow Root。在早期的ie中也有类似的概念haslayout ... 阅读全文

摘要： 【兼容html5方案】百度贴吧，百度图片的实现腾讯isux研究院的实现 淘宝- 我的淘宝页实现同上，只不过是不同版本不得不提的一个插件https://github.com/aFarkas/html5shiv在github 上达到了3453 星的高度，获得了国内外的广泛认可，如果你厌烦了满页面的div 想尽早拥抱html5 元素，就使用它吧。【兼容模式的选择】关于兼容模式百度首页使用的是百度搜索页使用的是百度图片，腾讯isux研究院，淘宝收藏页使用的是X-UA-Compatible 这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式chrome=1写法可以达到 阅读全文

摘要： JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。同源策略限制 同源策略限制：出于安全方面的考虑，浏览器阻止代码获得或者更改从另一个域名下获得的文件或者信息。也就是说我们的请求地址必须和当前网站的地指相同。同源策略通过隔离来实现对资源的保护。这个策略的历史非常悠久从Netscape Navigator 2.0时代就开始了。什么是跨域？简单的来说，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制... 阅读全文

摘要： 预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。方法一：用CSS和JavaScript实现预加载实现预加载图片有很多方法，包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案，十分高效。单纯使用CSS，可容易、高效地预加载图片，代码如下：#preload-01 { background: 阅读全文

摘要： 在过去一些的时候，Web开发人员并没有太多的去关注内存泄露问题。那时的页面间联系大都比较简单，并主要使用不同的连接地址在同一个站点中导航，这样的设计方式是非常有利于浏览器释放资源的。即使Web页面运行中真的出现了资源泄漏，那它的影响也是非常有限而且常常是不会被人在意的。 今天人们对Web应用有了高更的要求。一个页面很可能数小时不会发生URL跳转，并同时通过Web服务动态的更新页面内容。复杂的事件关联设计、基于对象的JScript和DHTML技术的广泛采用，使得代码的能力达到了其承受的极限。在这样的情况和改变下，弄清楚内存泄露方式变得非常的急迫，特别是过去这些问题都被传统的页面导航方法给屏蔽.. 阅读全文

摘要： 1. 请减少HTTP请求 基本原理： 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。 一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信息，服务器在接受到请求的信息后再返回相应的信息，浏览器接收到来自服务器的应答信息后，对这些数据解释执行。 而当我们请求的网页文件中有很多图片、CSS、JS甚至音乐等信息时，将会频繁的与服务器建立连接，与释放连接，这必定会造成资源的浪费，且每个HTTP请求都会对 阅读全文