js
文章平均质量分 68
huihui10086
这个作者很懒,什么都没留下…
展开
-
js模块化开发----sea.js
提供简单、极致的模块化开发体验-seajsSeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重原创 2015-06-22 11:42:22 · 1039 阅读 · 0 评论 -
event.currentTarget与event.target的区别介绍
event.currentTarget与event.target的区别想大家在使用的时候不是很在意,本文以测试代码来讲解它门之间的不同。即,event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。翻译的不专业,好拗口啊,还是直接上测试代码吧: click here! $('#wrapper').click(function原创 2015-07-15 15:00:06 · 1662 阅读 · 3 评论 -
js正则表达式--验证表单
检测手机号码:/0?(13|14|15|18)[0-9]{9}/检测用户名:(数字,英文,汉字,下划线,中横线):/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/密码:(数字,英文,下划线,中横线)/^[A-Za-z0-9_-]+$/身份证:/\d{17}[\d|x]|\d{15}/非空:/^\S+$/IP地址:/((?:(?:25[0-5]|2[0-4]\d|原创 2015-07-17 14:22:02 · 940 阅读 · 0 评论 -
JS的基础类型与引用类型
js两种类型:1. ECMAScript变量包含两种不同类型的值:基本类型值、引用类型值;2. 基本类型值:指的是保存在栈内存中的简单数据段;3. 引用类型值:指的是那些保存在堆内存中的对象,意思是,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象;两种访问方式:4. 基本类型值:按值访问,操作的是他们实际保存原创 2015-07-20 09:58:36 · 713 阅读 · 0 评论 -
jQuery.outerWidth() 函数详解
outerWidth()函数用于设置或返回当前匹配元素的外宽度。外宽度默认包括元素的内边距(padding)、边框(border),但不包括外边距(margin)部分的宽度。你也可以指定参数为true,以包括外边距(margin)部分的宽度。如下图:如果你要获取其它情况的宽度,请使用width()和innerWidth(),你可以点此查看三者之间的区别。该函数属于jQuery对象(实例原创 2015-07-20 13:50:37 · 1751 阅读 · 0 评论 -
js闭包初体验
对于js的闭包,一直以来只有书面上的了解,却从来没有在实战中使用,最近两天看了很多关于js的博客,了解了一些js闭包的作用,于是有了以下的代码:闭包演示 p {background:gold;} function init() { var pAry = document.getElementsByTagName("p"); var Ar原创 2015-08-03 09:50:06 · 576 阅读 · 0 评论 -
完美的jquery事件绑定方法on()
在讲on()方法之前,我们先讲讲在on()方法出现前的那些事件绑定方法:.live()jQuery 1.3新增的live()方法,用法如下:$("#info_table td").live("click",function(){/*显示更多信息*/});这里的.live()方法会把click事件绑定到$(document)对象,而且只需要给$(documen原创 2015-07-23 14:40:24 · 2458 阅读 · 0 评论 -
js为字符串编码
js 提供了两组函数来进行字符串的编码与解码:escape()与unescape(),decodeURI()与encodeURI();JavaScript escape() 函数定义和用法escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。语法escape(string)参数描述原创 2015-08-17 14:25:09 · 1577 阅读 · 0 评论 -
视差滚动---parallax.js
最近在看视差滚动的原理和实现方法。最简单的是使用css的属性background-attachment: fixed || scroll || local,使用这个便可以实现简单的视差滚动效果,但是想完成一些更加炫酷的效果。就得使用js啦,其中最简单的莫过于使用parallax。js插件。下面有个使用该插件的html代码(ps:这个代码是从网上扒的,里面的一些js的引用还有图片原创 2015-08-05 14:34:29 · 6666 阅读 · 0 评论 -
js核心--------作用域链了解
最近公司事情少,于是今天花了一上午时间去学习有关js函数作用域的知识点,查看了很多资料并且写了一些简单的demo加以验证与学习,接下来我为大家分享总结一下我一上午的有关作用域链的成果:当定义一个函数时(注意,是定义的时候就开始了),它实际上保存一个作用域链。当调用这个函数时,它创建一个新的对象来储存它的参数或局部变量,并将这个对象添加保存至那个作用域链上,同时创建一个新的更长的表示函数原创 2015-09-01 14:12:23 · 1136 阅读 · 0 评论 -
对比jQuery和AngularJS的不同思维模
对比jQuery和AngularJS的不同思维模Question假设我已经熟悉了如何使用jQuery来开发客户端应用,我现在打算使用AngularJS。请描述一下有那些思维模式方面的东西需要转变吗?下面是举出一些具体的问题,用来帮助你回答我的这个问题:我应该以何种不同的方式来架构和设计客户端web应用?最大的不同点是什么?我应该停止使用哪些东西;又应该开始使用哪些东原创 2015-08-18 16:17:22 · 800 阅读 · 0 评论 -
很火的ES5(js数组函数)初体验
今早看到一篇关于一道面试题(原文链接),发现评论区有人使用ES5中的方法来解决,我发现此方法比传统的js方法更简单于是查找了相关资料加以了解。 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:forEach (js v1.6)map (js v1.6)filter原创 2015-09-05 11:04:01 · 1415 阅读 · 0 评论 -
Angular.js初体验
首先什么是 AngularJS?"AngularJS 是专门为应用程序设计的 HTML。"AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。AngularJS 把应用程序数据绑定到 HTML 元素。AngularJS 可以克隆和重复 HTML 元素。AngularJS 可以隐藏和显示 H原创 2015-09-10 11:02:59 · 743 阅读 · 0 评论 -
js实现表格的排序功能
之前的阿里线上笔试最后一道就是实现表格的排序功能,但当时由于时间有限没能完成,于是今天趁着午休时间完成了这个功能。下面附上代码(有注释):(该功能是完成了对age的升序(从小到大)的排序) Document table { border: 1px solid #ccc; width: 1000px; margin: 20px auto; borde原创 2015-09-06 14:59:15 · 7119 阅读 · 0 评论 -
jq优化法则25条
1. 从Google Code加载jQueryGoogle Code上已经托管了多种JavaScript类库,从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽,能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是,如果用户访问那些发布在Google Code上的站点后它会被缓存下来。这样做很有意义。有多少站点使用了没有原创 2015-09-06 16:47:35 · 719 阅读 · 0 评论 -
jquery插件开发基础知识点
学习了一段时间的jquery,感觉已经是时候开始更进一步啦,于是开始学习并尝试开发jquery插件,扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称:.代码如下:原创 2015-10-08 11:38:12 · 477 阅读 · 0 评论 -
js基础及面试重点--------this
this的查找this的查找是很多人迷茫的一点,也似乎有很多人抱有this不稳定这样的看法,实在令人无语。this的查找可以说是3种对象查找中最为简单的,因为其实this对象的确定根本没有一个“查找”的过程。首先,this对象只会在一个函数中需要确定,如果是在全局域下,this永远为Global对象,在浏览器中通常就是window对象。而在javascript中,函数的调用一共有4种方式:原创 2015-08-24 11:35:25 · 1420 阅读 · 0 评论 -
js面试题--js的继承
js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现方式可以实现多继承)实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键字给所有的属性和方法赋值Js代码 function P原创 2015-07-16 14:09:39 · 1577 阅读 · 0 评论 -
js面试题--------JS中数字和字符,布尔类型相加相减问题
JS中数字和字符相加相减问题 var a = 100; var b = "100"; alert(b- a); alert(typeof (b- a)); alert(a + b - a); alert(typeof (a + b - a)); alert(a + b); alert(ty原创 2015-07-16 09:58:19 · 4448 阅读 · 0 评论 -
前端开发学习随笔---------$.proxy()
前端开发学习随笔---------$.proxy()今天在学习编写推箱子游戏时,用到了一个新的jquery方法------------proxy();下面我将介绍一下$.proxy()的具体使用方法:jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。jQuery.原创 2015-06-24 13:56:28 · 693 阅读 · 0 评论 -
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 · 902 阅读 · 0 评论 -
前端开发学习随笔-------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 阅读 · 0 评论 -
什么才是真正的json
前言写这篇文章的目的是经常看到开发人员说:把字符串转化为JSON对象,把JSON对象转化成字符串等类似的话题,所以把之前收藏的一篇老外的文章整理翻译了一下,供大家讨论,如有错误,请大家指出,多谢。正文本文的主题是基于ECMAScript262-3来写的,2011年的262-5新规范增加了JSON对象,和我们平时所说的JSON有关系,但是不是同一个东西,文章最后一节会讲到新增转载 2015-06-28 23:50:32 · 591 阅读 · 0 评论 -
js面试题之数组去重和快速排序
数组去重和快速排序这两个问题是在公司面试web前端常见的两个基础js问题,博主在阿里面试时就遇到过这个问题,现在我讲讲我知道的解决这两个问题的代码答案。(ps:这两个题目都有好多种解决方案,大家可以先了解自己容易掌握的方法,然后再去网上找到最有效率的方法去了解其中的原理)数组去重:Array.prototype.unique=function(){ var n=[];//一个原创 2015-07-01 14:29:20 · 3734 阅读 · 0 评论 -
js方法fromCharCode()实现中文字输出
fromCharCode()定义和用法fromCharCode() 可接受一个指定的 Unicode 值,然后返回一个字符串。语法String.fromCharCode(numX,numX,...,numX)参数描述numX必需。一个或多个 Unicode 值,即要创建的字符串中的字符的 Unicode 编码。原创 2015-07-08 23:14:33 · 13025 阅读 · 3 评论 -
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 · 666 阅读 · 0 评论 -
写一个通用的事件侦听器函数(兼容多浏览器)
写一个通用的事件侦听器函数1234567891011121314151617181920212223242526272829原创 2015-06-30 19:24:47 · 1708 阅读 · 0 评论 -
js监听浏览器滚轮事件
今天看了一篇关于使用css3方法实现整屏滚动效果的博客,发现里面用到了监听滚轮事件的js代码,于是翻了翻资料,进行了一下学习与总结:下面是实现整屏切换的代码: body, html{ padding: 0; margin: 0; } body, ht原创 2015-07-03 14:57:07 · 2968 阅读 · 0 评论 -
jQuery powerSwitch万能slide(切换)插件
jQuery powerSwitch万能slide(切换)插件by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3758测试页面、demo页面、API文档测试页面: http://rawgithub.com/zhangxinxu/powerSwi转载 2015-07-12 20:02:29 · 1944 阅读 · 0 评论 -
javascript函数之splice()定义和使用
splice()是js中用于处理数组的一个常用函数。定义和用法splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。语法arrayObject.splice(index,howmany,item1,.....,itemX)参数描述index必需。整数,规定添原创 2015-07-05 20:31:28 · 802 阅读 · 0 评论 -
缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。如果一个人不看下面的图片,那加载下面的图片就是一种浪费。转载 2015-07-06 14:32:12 · 473 阅读 · 0 评论 -
jq仿京东图片放大效果
今天在公司接到任务做一个商品图片放大的效果,于是查了很多资料花了一下午时间写了一个jq插件,废话不多说直接上代码我已经写了大量注释,大家可以自己看看。(function($){ $.fn.jqueryzoom = function(options){ var settings = { xzoom: 200,//宽度 yzoom: 200,//高度 offset原创 2015-07-07 14:25:49 · 1409 阅读 · 0 评论 -
jquery 事件冒泡的介绍以及如何阻止事件冒泡
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理,挺起来感觉这么不可思议,接下来为大家解除疑惑什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那原创 2015-07-27 13:05:05 · 732 阅读 · 0 评论 -
移动端js手指滑动事件初体验
今天在公司遇到做一个移动端手指滑动的效果,刚开始用了swiper.js插件发现效果不好(文字存在模糊效果)。后来查了一些资料,自己手写了一个使用原生js写的滑动效果。下面直接上代码: Document #id { width: 1150px; height: 150px; background: r原创 2015-07-14 17:31:22 · 12345 阅读 · 1 评论 -
js获取事件源及触发该事件的对象
如何获取事件源及触发该事件的对象,方法有很多,js中可以通过event来实现,下面有个不错的示例,感兴趣的朋友可以参考下:function myfunction(event) { event = event ? event : window.event; var obj = event.srcElement ? event.srcElement : event.target; //这时o原创 2015-07-15 14:22:16 · 4736 阅读 · 0 评论 -
js编译与执行顺序
JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。那么JavaScript是怎么来进行解析的吗?它的执行顺序又是如何的呢?在了解这些之前,原创 2015-11-20 09:26:18 · 9025 阅读 · 2 评论