文章分类 - Jquery JavaScript
Jquery + JavaScript
摘要：那么我们在描述,研究这个语言的时候就会牵扯到这几个问题.值和对象 :Js代码 varobj={}; varnum=9; varstr='string'vararr=[];很明显上面的几个变量都是一个对象,那变量一定是对象吗 ?Js代码 varfoo;var foo;foo是一个变量,但是foo不是对象.对象有个事实上 的特征就是,对象一定有成员 (属性或方法). //全文：http://www.iteye.com/topic/206218foo就没有任何成员,他的值是undefined ,而undefined 的定义是:undefined is a property of th
阅读全文
摘要：全文：http://tech.ddvip.com/2009-05/1243588303121461.html接下来，顺带讲一下Javascript的方法种类。我个人将Javascript的方法分为三种： 类方法 对象方法 原型方法 先看代码，后讲区别：function People(name) { this.name=name; //对象方法 this.Introduce=function(){ alert("My name is "+this.name); } } //类方法 People.Run=function(){ alert("I can run&quo
阅读全文
摘要：javascript定义对象的几种简单方法1.构造函数方式，全部属性及对象的方法都放在构造方法里面定义优点：动态的传递参数缺点：每创建一个对象就会创建相同的方法函数对象，占用大量内存function User1(name, password) {this.name = name;this.password = password;this.login = function(name,password){if(this.name == name && this.password == password) {return true;}else {return false;}};}2.
阅读全文
摘要：程序开发中，编程人员经常要面对的是如何编写代码来响应错误事件的发生，即例外处理（exception handlers）。如果例外处理代码设计得周全，那么最终呈现给用户的就将是一个友好的界面。否则，就会让访问者对莫名的现象感到真正的“意外”。 一、什么是例外处理 当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时，JavaScript解释器就会引发例外处理。 ECMAScript定义了六种类型的错误，除此之外，我们可以使用Error对象和throw语句来创建并引发自定义的例外处理信息。 二、例外处理技术的优点 通过运用例外处理技术，我们可以实现用结构化的方...
阅读全文
摘要：在很多javascript框架中经常可以看到诸如var a={};var b=[];或var c={name:"syj"};这些写法让大家摸不到头脑，由于这些写法中使用了[]{}这类字符，所以在百度中很难搜索，我就曾经尝试搜过javascript简写，但是完全不沾边。 为了让更多人少走弯路，于是决定写篇文章简单介绍下。 var a={}等同于var a=new Object; var b=[]等同于var b=new Array; var c={name:"syj",id:"0"};等同于var c=new Object; c.nam
阅读全文
摘要：这里的var e = _e?_e:window.event; // 获取有效的事件对象，这一句，是不是有没有都可以，我把这一名删除了，效果还是一样的，如果有用的话这一句是什么作用呢？？？这句话的目的是照顾到浏览器的兼容性，不同的浏览器解释js代码的方式不同，这句话将触发的事件对象赋予e这个变量，在ie中事件对象定义为window.event，而在其他一些浏览器，该对象需要作为参数传入，即_e,传入的时候传event,见下面的代码。 你去掉这句话在ie下依然可以的原因是 event == window.event,所有对象都是window对象的属性，所以加不加window浏览器都能认出来。 但是
阅读全文
摘要：event是事件类型，类型包括：blur、flcus、load、resize、scroll、unload、click、dblclikc、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup和error等，当然也可以是自定义名称。data为可选参数，作文event.data属性值传递给事件对象的额外数据对象。全文：http://blog.sina.com.cn/s/blog_c13905400101avuo.html
阅读全文
摘要：兼容性，特别是这几个东西的兼容性是很复杂的，为了简单，建议阅读再谈 document.documentElement 与 document.body 的 scrollWidth、offsetWidth、clientWidth这篇文章。我们这里说说四种浏览器对document.body的clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。文尾的重要
阅读全文
摘要：这二天用prototype.js中的ajax.request做了些东西,闲时看了下源码,体会如下： 在用AJAX部分前，有如下一些函数得了解一下： Class变量varClass={create:function(){returnfunction(){this.initialize.apply(this,arguments);}}} initialize相当于构造器，和java的构造器一样，可以自定义为带参数性质的。prototype中很多对象都是用它来创建的，ajax也不例外。Try.these() 方法这个好像 newAjax.Request 与 XMLHTTPRequest 有些区...
阅读全文
摘要：全文：http://wenku.baidu.com/link?url=fp1MPquv_lytZtB72ITuUmkglYift-gMbQ-4cRb4I-yoPDk7p9Ypo4cAO2xbhF73an3B4VFp4GVzL9jR4B8x0qmEmF5t-kJ0hWZS7Hb8xWm推荐阅读：http://bbs.csdn.net/topics/310093772跨域的理解与实现：http://blog.csdn.net/billfeller/article/details/7770960JSONP 跨域访问代理API-yahooapis实现代码：http://www.jb51.net/art
阅读全文
摘要：XMLHttpRequest对象得到下列浏览器的支持：Internet Explorer5.0+\Safari 1.2,Mozilla 1.0 Firefox,Opera8+以及Netscape7.IE浏览器使用用ActiveXObject,而其他的浏览器使用名为XMLHttpRequest的javascript内建对象，如果需要针对不同的浏览器来创建此对象，可以用Try...catch语句。代码如下：还有一种检测方法：xmlhttp=null;if window.XMLHttpRequest){//code for firefox,Opera,IE7,etc.xmlhttp=new XMLH
阅读全文
摘要：event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。 概念（不是官方，来源于网络）：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY 设置或获取鼠标指针位置相对于触发事件的对象的
阅读全文
摘要：1.1 创建属于jQuery对象的插件前面我看到jQuery插件的方式：通过$.extend方式可以定义属于jQuery本身的全局性的插件，为此我做了下面的测试，大家先看下面这段js代码：;(function($){ // 创建jQuery全局作用域的插件 $.extend({ 'wholeftn':function(){ console.log('你要用jQuery.wholeftn()方式调用，如果jQuery(XX).wholeftn()就会报错'); }, 'wholeattr':'全局jQuery属性...
阅读全文
摘要：jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下:var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象;jQuery
阅读全文
摘要：需要安装SublimeCodeIntel 插件。安装方法：1.前示条件是 sublime text 2 已安装 package controll。(插件管理器) 安装 package control 方法： 按Ctrl + ~ 调出控制台 复制粘贴如下代码，并回车：importurllib2,os;pf='PackageControl.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone;urllib2.install_ope
阅读全文
摘要：看清楚哦~~这是Sublime text 3不是2的版本，两者的安装还是有区别的，下面的方法是我感觉比较简单的，其他的要命令什么的感觉太复杂了，经测试是OK的。先关闭Sublime text 3：第一步：下载sublime_package_control-master.zip，解压命名文件夹为Package Control。(注意大小写)第二步：下载sublime_package_control-python3.zip，解压后覆盖到刚刚的Package Control中，完成插件API函数的更新。第三步：打开Sublime Text 3，选择菜单：Preference-->Browse
阅读全文
摘要：SublimeLinter 是前端编码利器——Sublime Text的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多种开发语言。这篇文章介绍如何在 Windows 中配置SublimeLinter 进行 JS & CSS 校验。 准备工作....略...全文：http://www.cnblogs.com/lhb25/archive/2013/05/01/sublimelinter-for-js-css-coding.htmlSublime Text下配置SublimeLin
阅读全文
摘要：精通 JS正则表达式(精通?标题党)正则表达式可以:•测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证•替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。创建正则
阅读全文
摘要：谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer2. DOM BreakpointsDom元素断点，经常有多处JavaScript操作同一个Dom元素，如果要在JavaScript上下断点，要下好几个地方，不好断到想要的地方，在Dom元素上下断点就方便多了：Break on subtree modifications, Break on attributes modifications, Break on node removal, 可以方便的断到操作Dom的JavaScript。3. XHR Breakpoints, Event listener break
阅读全文
摘要：我是一名忠实Chrome迷，使用它已经快有2年的历史了，整体给我的感觉就是清爽，快速，简洁。又打小广告了……^_^，虽然我知道IE8+也有调试工具，包括火狐的什么XXBUG，但是我用过之后，个人还是十分偏爱chrome的debug。chrome对于在前端打拼的兄弟姐妹是十分有帮助的，它优雅的实时展示DOM，捕获N个ajax传递过来的参数我是一名忠实Chrome迷，使用它已经快有2年的历史了，整体给我的感觉就是清爽，快速，简洁。又打小广告了……^_^，虽然我知道IE8+也有调试工具，包括火狐的什么XXBUG，但是我用过之后，个人还是十分偏爱chrome的debug。chrome对于在前端打拼的兄
阅读全文
浙公网安备 33010602011771号