js及各种框架
关注
分享
扫一扫
文章平均质量分 62
立早成文
这个作者很懒，什么都没留下…
展开
-
jQuery几个符号的解释
1.$。在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下：HTML代码<input name="newsletter" /><input ...原创 2011-09-30 09:17:41 · 163 阅读 · 0 评论 -
meta viewport标签的使用说明(手机浏览缩放控制)
[quote]点评：网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。[/quote]现有固件的OP打开网页时总是会缩小为50%再显示，不能像iPhone 那样支持viewport设置 。网页中有这么一句时，在iPhone的浏览器中将以原始大小显示，并不允许缩放。其中：width - viewport...原创 2011-12-31 14:09:43 · 332 阅读 · 0 评论 -
jquery同一元素支持单双击事件
发表于 2011 年 01 月 20 日 由 梦三秋大家应该都知道javascript中鼠标单击和双击事件，一般情况下，对一个元素只需要绑定一个单击事件，或者绑定一个双击事件就可以了。但是有些特别的情况下，会对一个元素同时绑定单击和双击事件，并且这两个事件是不能相互干扰的。用jquery的方法给一个元素同时绑定了单击和双击事件时，当我们双击时，结果为浏览器在响应一个双击事件的同时,还会...原创 2012-01-05 00:40:05 · 185 阅读 · 0 评论 -
js浮点数据类型的计算
JS浮点数据类型的计算，如下实例： //说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。 //调用：accMul(arg1,arg2) //返回值：arg1乘以arg2的精确结果 function accMul(arg1,arg2) { ...原创 2012-01-05 23:27:03 · 359 阅读 · 0 评论 -
15 个 HTML5 Canvas 应用欣赏
HTML5呈现了很多的新特性，这在之前的HTML中是不可见到的。其中一个最值得提及的特性就是HTML Canvas，可以对2D或位图进行动态、脚本的渲染。今天，我们收集了15个优秀的canvas应用，每个开发者都应该知道。[url=http://www.canvasdemos.com/2010/02/12/sketchpad/]1. SketchPad[/url]Sketchp...原创 2012-01-06 13:39:15 · 168 阅读 · 0 评论 -
HTML5 Canvas 如何取消反锯齿绘图
HTML5 Canvas 如何取消反锯齿绘图(HTML5 Canvas how to turn off anti-aliasing drawing)一、问题的提出我们都知道反锯齿（anti-aliasing）绘图给我们带来更好的视觉体验，有了这个技术，绘制的图形的边缘再不是以前毛毛躁躁的样子了。这就是采用反锯齿算法的功劳。其实质就是把要绘制的颜色边缘和背景颜色做适当的融合，在人的眼睛看来，有种...原创 2012-01-09 23:28:03 · 1324 阅读 · 0 评论 -
使用jQuery Mobile开发Web App-页面切换动画 android
jQuery Mobile包含一组基于CSS3的过渡动画（又称转场效果），可以应用在任何页面或page组件切换。jQuery Mobile默认对页面切换和返回按钮设置了滑动（slide）效果。要设定一个特定过渡效果，只需要在链接上添加一个data-transition属性，可以使用以下属性值：I'll popjQuery Mobile提供了6种切换动画：slide(滑动)、slid...原创 2012-01-14 00:48:48 · 171 阅读 · 0 评论 -
js与jquery获得页面大小、滚动条位置、元素位置
//页面位置及窗口大小function GetPageSize() {var scrW, scrH;if(window.innerHeight && window.scrollMaxY){ // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight +...原创 2012-01-31 09:07:49 · 145 阅读 · 0 评论 -
jquery实现浮动面板 监听页面滚动和大小变化事件
[code="java"] (function showQQPanel(){ var _windowScrollTop=0; //滚动条距离顶端距离 var _windowWidth=jQuery(window).width(); //窗口宽度 jQuery(window).scroll(actionE...原创 2012-01-31 09:08:02 · 210 阅读 · 0 评论 -
14条改善jQuery代码的技巧
jquery简单易学，但如果你想写出更漂亮更简洁高效的代码，总需要一些技巧。本文就为你总结了14条改善jQuery代码的技巧。1.测试并提升你的jQuery选择器水平这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的html组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。2...原创 2011-11-23 09:46:56 · 84 阅读 · 0 评论 -
[收藏]javascript keycode大全
keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pauseke...原创 2012-02-27 14:14:01 · 117 阅读 · 0 评论 -
javascript深入理解js闭包
一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 var n=999; function f1(){ alert(n); } f1(); // 999...原创 2012-03-02 11:21:22 · 81 阅读 · 0 评论 -
JS 判断浏览器客户端类型(ipad,iphone,android)
[code="java"] var bForcepc = fGetQuery("dv") == "pc"; function fBrowserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent....原创 2011-12-29 10:15:47 · 171 阅读 · 0 评论 -
jquery ajax方法如load,get等 在CHROME下失效的问题（已经解决
最近碰到一个问题。jquery在chrome 5.0+ 的版本中， ajax的load get等方法完全失效。 代码如下：function getHtml(url,ctner){//alert(ctner);//$.get(url,function(data) {$(ctner).html(data);}, "text");try{ $(ctner).load(url); }...原创 2011-12-28 23:08:36 · 259 阅读 · 0 评论 -
jquery读取xml比较js读取xml 比比就知道
[code="java"]test.xml: 猫（māo） 【词性】 动词<br/>【解释】 一个物体的形象倒着映射到另一个物体上。<br/>【例句】 堤岸的杨柳倒映在平静的湖面上 ../../images/flip_pic.png ../../audio/yi4.mp3 狗（māo） ...原创 2011-12-28 22:30:01 · 292 阅读 · 0 评论 -
JQuery 符号 $
原文地址：JQuery 符号 $作者：传传一、JQuery 符号 $() 讲解。 刚接触到JQuery 的时候被$()这个符号搞晕了，一直都不知道是什么意思，到这篇文章以后才知道这个符号是什么意思： 在 prototype 和DWR 的JS类库里也有这个符号，在这两个类库里的这个符号是代表document.getElementByIdx()这个...原创 2011-09-30 09:44:04 · 195 阅读 · 0 评论 -
jQuery 使用的注意事项
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jq...原创 2011-09-30 10:05:47 · 106 阅读 · 0 评论 -
jquery特殊符号含意
jquery写作方式： //完整的写法 jQuery(document).ready(function() { alert("Hello"); }); //jQuery 可简写为 $ $(document).ready(function() { alert("Hello"); }); //$(docum...原创 2011-09-30 10:11:46 · 207 阅读 · 0 评论 -
初探 jQuery 的 Sizzle 选择器 发布日期：2010年7月15日
作者：yleo77类别：JavaScript, 前端技术, 未分类 | 评论(5) 这是一篇关于介绍jQuery Sizzle选择器的文章，由我和obility共同完成。在文中，我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理，以及末了以少许文字给你展示出如何借用Sizzle之手...原创 2011-09-30 11:42:04 · 70 阅读 · 0 评论 -
JS- 操作 XML(兼容IE/FF/Chrome,Safari)
今天同事有需要JS显示XML!后来就做了一个效果!或许以后能用的着呢! ^_^JS读取并输出xml文件节点及属性（兼容IE，FF） !好东东发出来分享一下了!代码如下： [code="java"]Html代码 JS读取XML兼容IE/FF/Chrome,Safari l...原创 2011-12-26 17:26:53 · 232 阅读 · 0 评论 -
DOMContentLoaded事件
今天查看百度空间源代码，发现多了个util.js文件，打开看看。里面里面定义了 addDOMLoadEvent。这是干什么用的？仔细查看代码，发现在Mozilla添加了DOMContentLoaded事件，这个在以前一直没有用过。 if (document.addEventListener) d...原创 2011-12-26 17:30:25 · 126 阅读 · 0 评论 -
javascript模块模式深度探索
前言模块模式是基于js闭包实现的一个模式，这篇文章描述如何用模块模式来支持多人大型项目，此外，需要自己做框架的同学也可以参考。-煎蛋模块模式深度探索模块模式是一个常用的js编程模式。它很好理解，但是还有一些高级的使用方法没有引起广泛的注意。这篇文章，我将回顾一些不寻常的高端话题，其中一个是我自认为原创的。基础我们先来简述一下模块模式。三年前YUI的E...原创 2011-12-26 17:35:32 · 105 阅读 · 0 评论 -
js读取xml
这次准备使用JS来读取XML做一个例子来熟悉下，一共使用了一下几个技术：Json，array排序，读取xml，下面我就贴出代码：第一部：我们需要学习如何判断浏览器的类型：下面是几个主流的浏览器使用js的判断方法[code="java"]function getOs(){ var OsObject = ""; if(navigator.u...原创 2011-12-26 17:43:49 · 95 阅读 · 0 评论 -
js中prototype用法
prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解： 首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量(Arra...原创 2011-12-27 12:00:53 · 79 阅读 · 0 评论 -
js 监听事件,ie 火狐 javascript addEventListener attachEvent
[code="java"]function init() {// 跳转处理var handler = function(){ var host = document.location.href; if(host.indexOf('jx163.cn') >= 0) document.location = "/"; else ;...原创 2011-12-27 23:17:19 · 367 阅读 · 0 评论 -
querySelector 和 querySelectorAll 方法浏览器实现无误，避免将其与 JQuery 的选择器混淆...
规范定义querySelector 和 querySelectorAll 方法是 W3C Selectors API Level 1 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 queryS...原创 2011-12-27 23:20:12 · 247 阅读 · 0 评论 -
JavaScript处理事件的一些兼容写法
绑定事件[code="java"] var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent) { o...原创 2012-08-31 14:01:00 · 100 阅读 · 0 评论