- 博客(59)
- 收藏
- 关注
RSS订阅转载 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
Lazy Load 这个 jQuery 插件，是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话，下载图片就需要很多时间。而这款插件，会检测你的滚动情况，只有你要看到那个图片的时候，它才会从后台请求下载图片，然后显示出来。使用这个插件，可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载。如果一个人不看下面的图片，那加载下面的图片就是一种浪费。
2015-07-06 14:32:12
473
原创 javascript函数之splice()定义和使用
splice()是js中用于处理数组的一个常用函数。定义和用法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释：该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数描述index必需。整数，规定添
2015-07-05 20:31:28
802
原创 js监听浏览器滚轮事件
今天看了一篇关于使用css3方法实现整屏滚动效果的博客，发现里面用到了监听滚轮事件的js代码，于是翻了翻资料，进行了一下学习与总结：下面是实现整屏切换的代码： body, html{ padding: 0; margin: 0; } body, ht
2015-07-03 14:57:07
2965
原创 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
664
原创 js面试题之数组去重和快速排序
数组去重和快速排序这两个问题是在公司面试web前端常见的两个基础js问题，博主在阿里面试时就遇到过这个问题，现在我讲讲我知道的解决这两个问题的代码答案。（ps：这两个题目都有好多种解决方案，大家可以先了解自己容易掌握的方法，然后再去网上找到最有效率的方法去了解其中的原理）数组去重：Array.prototype.unique=function(){ var n=[];//一个
2015-07-01 14:29:20
3733
原创 写一个通用的事件侦听器函数（兼容多浏览器）
写一个通用的事件侦听器函数1234567891011121314151617181920212223242526272829
2015-06-30 19:24:47
1704
转载 什么才是真正的json
前言写这篇文章的目的是经常看到开发人员说：把字符串转化为JSON对象，把JSON对象转化成字符串等类似的话题，所以把之前收藏的一篇老外的文章整理翻译了一下，供大家讨论，如有错误，请大家指出，多谢。正文本文的主题是基于ECMAScript262-3来写的，2011年的262-5新规范增加了JSON对象，和我们平时所说的JSON有关系，但是不是同一个东西，文章最后一节会讲到新增
2015-06-28 23:50:32
591
转载 web前端面试题3-------http状态码
状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求，并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完
2015-06-28 14:27:08
2978
原创 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
559
原创 前端开发学习随笔-------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
523
原创 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
901
原创 jq游戏----推箱子
jq游戏----推箱子参考妙趣课堂视频所写的游戏，练练手还是很不错的，下面附上代码:index.html Document index.js$(document).ready(function(){ Game.init($('#div1')); //初始化 // alert("a");});var Game = { gk
2015-06-24 15:27:16
1023
原创 前端开发学习随笔---------$.proxy()
前端开发学习随笔---------$.proxy()今天在学习编写推箱子游戏时，用到了一个新的jquery方法------------proxy（）；下面我将介绍一下$.proxy()的具体使用方法：jQuery.proxy(),接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文(context )语境。jQuery.
2015-06-24 13:56:28
691
原创 web前端面试常见问题三------浮动原理和清除浮动
web前端面试常见问题三 ------浮动原理和清除浮动 面试的时候浮动也是面试官经常问面试者的基础问题之一，浮动（float）也是大家平常在网页开发中经常使用的属性，（主要是为了让一些标签并排显示）。 下面我先讲一下浮动
2015-06-23 11:23:52
6112
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
1486
原创 web前端面试常见问题二 ------css布局（position）
web前端面试常见问题二 ------css布局（position） 前言：博主我今年大三，web前端学了也有小半年啦，因为大四没课啦，所以已经开始找实习，面试了很多大大小小的公司，有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题，希望能和大家相互探讨，共同进步。 二.position p
2015-06-22 14:02:16
3689
原创 web前端面试常见问题一---------css布局
web前端面试常见问题一 ------css布局（display） 前言：博主我今年大三，web前端学了也有小半年啦，因为大四没课啦，所以已经开始找实习，面试了很多大大小小的公司，有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题，希望能和大家相互探讨，共同进步。 一.display
2015-06-22 13:43:16
1050
转载 Yahoo!团队：网站性能优化的35条黄金守则
Yahoo!团队：网站性能优化的35条黄金守则（转）非常实用的35条优化黄金守则。而且也是前端面试常考题目之一。Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。原版猛戳：Best Practices
2015-06-22 13:36:02
605
原创 js模块化开发----sea.js
提供简单、极致的模块化开发体验-seajsSeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重
2015-06-22 11:42:22
1037
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人