35条记录
468 阅读
3 评论

理解浏览器的并发请求

最近看了月光的《为什么要少用 iframe ?》,很受启发,上面不但说了 iframe 的创建比其它包括 scripts 和 css 的 DOM 元素的创建慢了 1-2 个数量级,还说到了 iframe 阻塞页面加载,占用浏览器并发连接数的问题,因为 window 的 onl...
2018年01月11日 14:01
356 阅读
3 评论

利用图片延迟加载来优化页面性能(jQuery)

图片延迟加载也称懒加载,常用于页面很长,图片很多的页面,以电子商务网站居多,比如大家常上的京东,淘宝,页面以图居多,整个页面少说几百K,多则上兆,如果想一次性加载完成,不仅用户要哭了,服务器也得哭了。 为了避免这种请况发生,目前主流的做法是页面初次加载时,只显示当前可视区域的图片,...
2018年01月11日 14:00
283 阅读
3 评论

让 Firefox 支持 offsetX、offsetY

前不久做了一个效果,需求是鼠标划上显示大图,并跟随鼠标移动,效果很简单,利用 offsetX/Y 分别判断出鼠标指针位置相对于触发事件的对象的 X 坐标和 Y 坐标,但坑爹的是 firefox 不支持这个方法,这一下就蛋疼了… 在网上看了很多兼容的方法,感觉最可靠的方法是利用...
2018年01月11日 13:58
274 阅读
3 评论

让 Firefox 支持 offsetX、offsetY

前不久做了一个效果,需求是鼠标划上显示大图,并跟随鼠标移动,效果很简单,利用 offsetX/Y 分别判断出鼠标指针位置相对于触发事件的对象的 X 坐标和 Y 坐标,但坑爹的是 firefox 不支持这个方法,这一下就蛋疼了… 在网上看了很多兼容的方法,感觉最可靠的方法是利用...
2018年01月11日 13:58
287 阅读
3 评论

Block Formatting Context 能帮助我们做什么?

Block Formatting Context(块格式化上下文)是个很重要的概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 举个好理解的例子:可以把页面想象成一个社区,这个社区里的建筑就是 HTML 元素。而为了避免不同社区里的建筑相互混淆,开发商都是把...
2018年01月11日 13:57
294 阅读
3 评论

最基础的控件H5焦点图

焦点图算是最基础的控件了,很多地方都在用,在网上找了一圈,没发现原生JS的,都是各种框架和库,正好自己写一个,发现里面小门道还挺多的,想要体验好,各种细节都要去抠才行: 1、大家都知道,一般翻页都是滑动距离超过 50% 才翻页,但如果快速滑动,即使滑动距离很短,也是可以翻页的,。 ...
2018年01月11日 13:55
278 阅读
3 评论

现阶段正常使用google的方法

现在很悲催,大家用 google 搜索的时候就算勉强打开,里面的搜索结果却没法打开,搜索结果没有提供真实的地址,因为 google 要经过一个转发(redirect), google 要记录很多东西。 现在给大家推荐个 chrome 的插件,就是解决这个问题的,他能把搜索结果的链接...
2018年01月11日 13:54
356 阅读
3 评论

三种纯CSS实现三角形的方法

看到像上图这样的 tip 的小三角,你会怎么办? 切个图上去?恩,不错,简单,兼容性也一级棒,不但好控制,那点小东西也增加不了多少图片的大小。但有没有更好更讲究技巧的办法呢?哈哈,那必须有啊,而且还不止一种呢:) 纯 CSS 做三角形的方法,目前我知道三种,分别是利用 b...
2018年01月11日 13:51
289 阅读
3 评论

xmlHttpRequest对象的一些总结

总结,五个步骤: 1.创建XMLHttpRequest对象。 2.设置连接信息 xmlhttp.open(请求方式,url,是否同步); 3.注册回调函数 xmlhttp.onreadystatechange = 函数名 (函数名后面不要加括号);  4.发送...
2018年01月11日 13:49
810 阅读
3 评论

chrome点击链接变成下载

在使用电信宽带的时候,用 chrome 浏览器有时会碰到这种情况: 1.点击任何链接,不会正常跳转,而是变成了下载文件; 2.书签栏里的任何书签点击都没反应; 3.F5没反应,想刷新页面只能去点击刷新按钮,刷新后还是老样子; 4.在地址栏里敲东西,感觉 ctrl 键默认...
2018年01月11日 13:49
279 阅读
3 评论

firefox 的 fixed 滚动 bug

这个 bug 很纠结,让我觉得这篇文章的题目到底能否让人理解,不废话了,先来描述下这个 bug: 在 firefox 中,如果 A 元素的 position 值是在拖动滚动条的时候变成 fixed, B 元素也在拖动滚动条时 position 的值变为 fixed,并且 ...
2018年01月11日 13:48
273 阅读
3 评论

Chrome取消-webkit-text-size-adjust支持

最近更新了chrome27正式版后,发现原来用到 -webkit-text-size-adjust  的地方已经失效了,搜索了一下发现这个属性不被支持了,囧….那么还有什么办法能在chrome下设置12px以下的字体呢? 第一步:设置css部分为12px 第二步:使用sc...
2018年01月11日 13:48
326 阅读
3 评论

整理:目前移动端部分问题汇总

伪类 :active 生效 要CSS伪类 :active 生效,只需要给 document 绑定 touchstart 或 touchend 事件 <style> a {  color: #000; } a:active { &n...
2018年01月11日 11:50
265 阅读
3 评论

Google JavaScript代码风格指南

原文:http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml 每个风格点都有一个展开/收起按钮以便你可以得到更多的信息:▶. 你可以将全部展开或收起: 背景 JavaScrip...
2018年01月11日 11:47
276 阅读
3 评论

思考:为何jQuery去掉了浏览器检测

由于做HTML5相关的项目,许多前卫时髦的前端技术就需要考虑一下IE是否支持。要是在以前,可以很方便地调用jQuery的jQuery.browser来实现。 If(jQuery.browser.msie) alert(“DIE IE!”) 但这一便利在jQuery 1.9之后就不复...
2018年01月11日 11:46
298 阅读
3 评论

用CSS3开启GPU硬件加速来提升网站的动画渲染性能

CSS3为咱们开发动画效果大大提升了效率,但有些动画效果,如果涉及的DOM元素比较多,会发现有“卡卡”的感觉,为动画DOM元素添加CSS3样式 -webkit-transform:transition3d(0,0,0) 或 -webkit-transform:tra...
2018年01月11日 11:45
411 阅读
3 评论

HTML5音乐播放器(三):播放进度,时间显示以及音量的调节

时间真是不够用,只能晚上抽空把功能完善了,这节我们说下歌曲播放进度,时间显示以及音量的调节这三个部分。一.歌曲播放进度这个功能用到的 audio api 主要有:currentTime() :以秒为单位返回从开始播放到目前所花的时间,也可设置 currentTime 的值来跳转到特定位...
2018年01月11日 11:44
273 阅读
3 评论

HTML5音乐播放器(四):播放列表与播放方式

发现播放列表和播放方式切换两个功能是连在一起的,单独一个拿出来说不太合适,所以就都一块弄完了。废话不多说,进入主题,功能的逻辑我是这么设计的: 把整个歌曲文件的信息都写在 json 文件里,获取并生成播放列表。当播放歌曲时,系统会生成当前播放歌曲的引索值(例如:1,2,表示第二张专...
2018年01月11日 11:41
275 阅读
3 评论

用小技巧来优化大数据量的网页

有些网页忒坑爹,里面数据量大的惊人,都上兆了,先不说下载了,就是浏览器去渲染都得渲染好久。当然了,说的这个例子比较极端,但比较长,渲染比较耗时的页面还是会碰到的,想给用户很“快速”的感觉,得想点办法:) 页面里数据量太大,对元素进行解析和渲染会耗费很多时间,但如果我们先让第一屏的内...
2018年01月11日 11:40
289 阅读
3 评论

用Jquery.cookie判断用户是否第一次访问

挺长时间没更新博客了,最近事很多,公司的,家里的…还拖着HTML5的播放器的歌词功能没完成呢,惭愧啊,哈哈,近期回更新上:) 最近经常用到要判断用户是否第一次访问该网站,如果是的话,就出现一些帮助的 tips,现在的网站做的都越来越复杂了,这样对用户体验很有帮助。 这个功能如果...
2018年01月11日 11:39
新上文档

Hive教程

Hive是一个数据仓库基础设施工具,用于处理Hadoop中的结构化数据

Scala教程

Scala是一种现代多范式编程语言,旨在以简洁,优雅和类型安全的方式表达常见的编程模式。

Hbase教程

HBase是一个数据模型,类似于Google的大表

R语言教程

R是用于统计分析,图形表示和报告的编程语言和软件环境

PHP Calendar函数

PHP Calendar函数的使用、详解