摘要:JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录。 注意:1.9以上版本的jQuery 变动较大,为避免一些插件兼容错误,推荐使用1.8.3版本,或者使用 jQuerymigrate 迁移插件。UI: jquery UI(官方的UI插件,精品汇集,功能强大完备,灵活性很强,有十几套主题可供选择,如果你使用他主题的话,注意其样式中使用了CSS3,可能会对你造成一些兼容性的困扰) bootstrapTwitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架,也包括了... 阅读全文
posted @ 2013-08-17 10:09 花落红尘 阅读 (4898) 评论 (33) 编辑
摘要:Web Storage基本介绍 HTML5 定义了本地存储规范 Web Storage , 提供了两种存储类型 API sessionStorage 和 localStorage,二者的差异主要是数据的保存时长及数据的共享方式。 localStorage 一直存储在本地,数据存储是永久的,除... 阅读全文
posted @ 2014-04-30 01:17 花落红尘 阅读 (2060) 评论 (0) 编辑
摘要:随着前端JavaScript代码越来越重,如何组织JavaScript代码变得非常重要,好的组织方式,可以让别人和自己很好的理解代码,也便于维护和测试。模块化是一种非常好的代码组织方式,本文试着对JavaScript模块化开发的一些基础知识和具体使用做一些阐释。何为模块化开发?“模块是为完成某一功能... 阅读全文
posted @ 2014-04-16 12:17 花落红尘 阅读 (799) 评论 (0) 编辑
摘要:/*! * Copyright yunos.com All rights reserved. * jquery.scrollspy.js * @author v10258@qq.com * @version 0-0-1 */(function ($) { // contructor funct... 阅读全文
posted @ 2014-03-21 12:08 花落红尘 阅读 (186) 评论 (0) 编辑
摘要:在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 阅读全文
posted @ 2014-03-20 00:37 花落红尘 阅读 (291) 评论 (0) 编辑
摘要:BFC的通俗理解: Block Formatting Context(块级格式化上下文)是W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 简单来讲,我们可以把它理解为,我们在进行盒模型布局的时候,如果一个元素符合了成为BFC的条件,该元素成为一个隔离了的独立容器,元素内部元素会垂直的沿着其父元素的边框排列,和外部元素互不影响 。比如浮动元素会触发BFC,浮动元素内部的子元素主要受到该浮动元素的影响,而两个浮动元素之间是互不影响的。 在CSS3 中,BFC 叫做Flow Root。在早期的ie中也有类似的概念haslayout ... 阅读全文
posted @ 2014-01-24 13:24 花落红尘 阅读 (3248) 评论 (6) 编辑
摘要:【兼容html5方案】百度贴吧,百度图片的实现腾讯isux研究院的实现 淘宝- 我的淘宝页实现同上,只不过是不同版本不得不提的一个插件https://github.com/aFarkas/html5shiv在github 上达到了3453 星的高度,获得了国内外的广泛认可,如果你厌烦了满页面的div 想尽早拥抱html5 元素,就使用它吧。【兼容模式的选择】关于兼容模式百度首页使用的是百度搜索页使用的是百度图片,腾讯isux研究院,淘宝收藏页使用的是X-UA-Compatible 这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式chrome=1写法可以达到 阅读全文
posted @ 2014-01-20 21:15 花落红尘 阅读 (9641) 评论 (25) 编辑
摘要:JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。同源策略限制 同源策略限制:出于安全方面的考虑,浏览器阻止代码获得或者更改从另一个域名下获得的文件或者信息。也就是说我们的请求地址必须和当前网站的地指相同。同源策略通过隔离来实现对资源的保护。这个策略的历史非常悠久从Netscape Navigator 2.0时代就开始了。什么是跨域?简单的来说,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制... 阅读全文
posted @ 2013-10-23 11:04 花落红尘 阅读 (324) 评论 (1) 编辑
摘要:预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术,来增强网站的性能与可用性。方法一:用CSS和JavaScript实现预加载实现预加载图片有很多方法,包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案,十分高效。单纯使用CSS,可容易、高效地预加载图片,代码如下:#preload-01 { background: 阅读全文
posted @ 2013-10-18 17:22 花落红尘 阅读 (10802) 评论 (1) 编辑
摘要:在过去一些的时候,Web开发人员并没有太多的去关注内存泄露问题。那时的页面间联系大都比较简单,并主要使用不同的连接地址在同一个站点中导航,这样的设计方式是非常有利于浏览器释放资源的。即使Web页面运行中真的出现了资源泄漏,那它的影响也是非常有限而且常常是不会被人在意的。 今天人们对Web应用有了高更的要求。一个页面很可能数小时不会发生URL跳转,并同时通过Web服务动态的更新页面内容。复杂的事件关联设计、基于对象的JScript和DHTML技术的广泛采用,使得代码的能力达到了其承受的极限。在这样的情况和改变下,弄清楚内存泄露方式变得非常的急迫,特别是过去这些问题都被传统的页面导航方法给屏蔽.. 阅读全文
posted @ 2013-10-16 09:12 花落红尘 阅读 (235) 评论 (0) 编辑
摘要:转一篇文章,写得非常好,大家有时间看下,特别是大龄程序员,我是深有感触!眼看自己大学毕业后都快12年了,也快2个孩子的爸爸了,但是有时候还是会有不少不安全的感觉产生。都快奔35了,技术也过得去,收入其实也很稳定,但是偶尔还是会有迷茫的时候,最近有几个朋友,也发QQ聊天信息,同样有类似的感觉。也稍微揣摩了一下,为啥会有这样的感觉产生?其实软件开发也是一个行业,当厨师的也是一个行业,一个厨师干了10多年后,会不会变成国家主席?很可能还是厨师,甚至有有可能一辈子都是厨师,软件开发人员也是一个行业而已,也是为人民服务而已,估计厨师也会有迷茫的时候,我们也照样会有迷茫的时候,05年左右在上海做日本外包时 阅读全文
posted @ 2013-09-28 13:43 花落红尘 阅读 (1012) 评论 (10) 编辑