- 博客(59)
- 收藏
- 关注
转载 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。如果一个人不看下面的图片,那加载下面的图片就是一种浪费。
2015-07-06 14:32:12 477
原创 javascript函数之splice()定义和使用
splice()是js中用于处理数组的一个常用函数。定义和用法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数描述index必需。整数,规定添
2015-07-05 20:31:28 807
原创 js监听浏览器滚轮事件
今天看了一篇关于使用css3方法实现整屏滚动效果的博客,发现里面用到了监听滚轮事件的js代码,于是翻了翻资料,进行了一下学习与总结:下面是实现整屏切换的代码: body, html{ padding: 0; margin: 0; } body, ht
2015-07-03 14:57:07 2972
原创 jquery实现图片预加载
//图片预加载 $.preloadImages = function() { for (var i = 0; i < arguments.length; i++) { var img = $("").attr("src", arguments[i]); } } $.preloadImages("image1.jpg","image2.jpg"); $('#conta
2015-07-02 19:09:08 669
原创 js面试题之数组去重和快速排序
数组去重和快速排序这两个问题是在公司面试web前端常见的两个基础js问题,博主在阿里面试时就遇到过这个问题,现在我讲讲我知道的解决这两个问题的代码答案。(ps:这两个题目都有好多种解决方案,大家可以先了解自己容易掌握的方法,然后再去网上找到最有效率的方法去了解其中的原理)数组去重:Array.prototype.unique=function(){ var n=[];//一个
2015-07-01 14:29:20 3740
原创 写一个通用的事件侦听器函数(兼容多浏览器)
写一个通用的事件侦听器函数1234567891011121314151617181920212223242526272829
2015-06-30 19:24:47 1713
转载 什么才是真正的json
前言写这篇文章的目的是经常看到开发人员说:把字符串转化为JSON对象,把JSON对象转化成字符串等类似的话题,所以把之前收藏的一篇老外的文章整理翻译了一下,供大家讨论,如有错误,请大家指出,多谢。正文本文的主题是基于ECMAScript262-3来写的,2011年的262-5新规范增加了JSON对象,和我们平时所说的JSON有关系,但是不是同一个东西,文章最后一节会讲到新增
2015-06-28 23:50:32 595
转载 web前端面试题3-------http状态码
状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求,并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完
2015-06-28 14:27:08 2996
原创 css属性区分---------word-break与word-wrap
css属性---------word-break与word-wrapword-break与word-wrap这连个属性作用都是控制文本的换行,但是很多人却不太清楚这两个属性的区别,往往是将两个方法一起使用:例如: word-wrap:break-word; word-break:break-all;但其实上述两个属性还是存在一些小区别的,废话不多说
2015-06-27 20:45:21 564
原创 前端开发学习随笔-------jquery.data()
前端开发学习随笔-------jquery.data() 前几天在写推箱子游戏中为了保存游角(即推箱子的人物角色的x,y坐标),第一次使用到了data()方法(使用该方法需要先引入jquery)先上我的代码:oP.data('x',this.nowJson.me.x);//将人物的坐标分别赋值给“x”和“y”oP.data('y',this.nowJson.me.y);
2015-06-27 16:02:57 529
原创 js,jq获取浏览器宽度,高度等值(多浏览器)
js,jq获取浏览器宽度,高度等值1.使用js方法IE 中: document.body.clientWidth ==> BODY 对象宽度 document.body.clientHeight ==> BODY 对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentEle
2015-06-26 21:27:51 907
原创 jq游戏----推箱子
jq游戏----推箱子参考妙趣课堂视频所写的游戏,练练手还是很不错的,下面附上代码:index.html Document index.js$(document).ready(function(){ Game.init($('#div1')); //初始化 // alert("a");});var Game = { gk
2015-06-24 15:27:16 1030
原创 前端开发学习随笔---------$.proxy()
前端开发学习随笔---------$.proxy()今天在学习编写推箱子游戏时,用到了一个新的jquery方法------------proxy();下面我将介绍一下$.proxy()的具体使用方法:jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。jQuery.
2015-06-24 13:56:28 697
原创 web前端面试常见问题三------浮动原理和清除浮动
web前端面试常见问题三 ------浮动原理和清除浮动 面试的时候浮动也是面试官经常问面试者的基础问题之一,浮动(float)也是大家平常在网页开发中经常使用的属性,(主要是为了让一些标签并排显示)。 下面我先讲一下浮动
2015-06-23 11:23:52 6123 1
原创 纯css实现多行文本省略号显示
首先传统的单行文本实现省略号显示代码如下:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;注意点:部分低版本浏览器需要加上固定宽度才支持text-overflow属性。纯css实现多行文本省略号显示:方法一text-overflow: -o-ellipsis-lastline; o
2015-06-22 15:36:20 1504
原创 web前端面试常见问题二 ------css布局(position)
web前端面试常见问题二 ------css布局(position) 前言:博主我今年大三,web前端学了也有小半年啦,因为大四没课啦,所以已经开始找实习,面试了很多大大小小的公司,有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题,希望能和大家相互探讨,共同进步。 二.position p
2015-06-22 14:02:16 3698
原创 web前端面试常见问题一---------css布局
web前端面试常见问题一 ------css布局(display) 前言:博主我今年大三,web前端学了也有小半年啦,因为大四没课啦,所以已经开始找实习,面试了很多大大小小的公司,有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题,希望能和大家相互探讨,共同进步。 一.display
2015-06-22 13:43:16 1054
转载 Yahoo!团队:网站性能优化的35条黄金守则
Yahoo!团队:网站性能优化的35条黄金守则(转)非常实用的35条优化黄金守则。而且也是前端面试常考题目之一。Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳:Best Practices
2015-06-22 13:36:02 607
原创 js模块化开发----sea.js
提供简单、极致的模块化开发体验-seajsSeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重
2015-06-22 11:42:22 1043
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人