随笔分类 -  JS技术

[置顶] jQuery常用技巧
摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementById(”msg”))则为jquery对象，可以使用jquery的方法。由于jquery对象 阅读全文
posted @ 2012-03-12 14:20 y0umer 阅读(649) 评论(0) 推荐(0)
[置顶] jQuery性能优化的28个建议
摘要：我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来一、选择器性能优化建议1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$('#content').hide();或者从ID选择器继承来选择多个元素:1$('#content p').hide();2. 在class前面使用tagjQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方 阅读全文
posted @ 2012-03-01 08:23 y0umer 阅读(202) 评论(0) 推荐(0)
浅析浏览器引擎对JQuery DOM加载和执行
摘要：摘要：本文浅析浏览器引擎对jquery加载和执行的原理和分析在研究jquery的加载原理，我们首页查看一下浏览器是如何加载页面的。浏览器加载页面首页我们写一个简单的html页面，进行测试，在chorme浏览器下使用的截图：可以观察到浏览器对页面的加载顺序：HTML页面 也就是DOM js文件 css文件 图片资源 有趣的是：无论js和css文件顺序怎么放，都是优先加载js文件，不知道为什么？这里请高手解释一下何为HTML-DOM文件官网定义是：HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。对于这个我的理解就是纯HTML标签语言，浏览器将HTML文档转化为DO 阅读全文
posted @ 2012-02-17 15:48 y0umer 阅读(2146) 评论(0) 推荐(0)
[置顶] 手机访问统计的技术分析
摘要：TD的牌照的事情终于要尘埃落定（或者说是水落石出也不过分），吕廷杰在2007年10月份的一次会议上就曾告诉我们，不出一个月TD就会“试商用”，但结果还是让大家苦等了一年多的时间。不过发了就好，因为这是影响中国手机通信的一件大事，同样，这也将对互联网产业带来一次新的冲击。据用过的朋友说，用TD上网的速度的确是快了，而且还能下载些什么，虽然还不能比ADSL上网，不过肯定有一天会并驾齐驱甚至更快。手机上网随着3G的普及只是时间问题，那么摆在网站分析师面前的问题是，该要如何监测通过手机进行的上网呢？这个问题其实在3G商用之前，大家用GPRS或者用手机Wifi的时候就已经提出来了，只不过那个时候上网速度 阅读全文
posted @ 2012-02-13 17:44 y0umer 阅读(218) 评论(0) 推荐(0)
[置顶] js/jquery学习笔记（附百度统计初探？？）
摘要：javascript简介JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言.不同于服务器端脚本语言，例如PHP与ASP，JavaScript是客户端脚本语言，也就是说JavaScript是在用户的浏览器上运行，不需要服务器的支持而可以独立运行 .JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。解释语言的弱 点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而且由于每次重新加载都会重新解译，加载后，有些代码会延 迟至运行时才解译，甚至会多次解译，所 阅读全文
posted @ 2011-11-10 17:35 y0umer 阅读(353) 评论(0) 推荐(0)
js跨域的理解与实现
摘要：域(Domain)是Windows网络中独立运行的单位，域之间相互访问则需要建立信任关系(即Trust Relation)。信任关系是连接在域与域之间的桥梁。当一个域与其他域建立了信任关系后，2个域之间不但可以按需要相互进行管理，还可以跨网分配文件和打印机等设备资源，使不同的域之间实现网络资源的共享与管理。 有一种简明的说法来解释广域跨域：跨域访问，简单来说就是 A 网站的 javascript 代码试图访问 B 网站，包括提交内容和获取内容。由于安全原因，跨域访问是被各大浏览器所默认禁止的。在广域网环境中，由于浏览器的安全限制，网络连接的跨域访问时不被允许的，XmlHttpRequest也不 阅读全文
posted @ 2011-11-03 15:47 y0umer 阅读(2960) 评论(0) 推荐(0)
HTML5学习笔记
摘要：HTML5可以做的事情1. 制作时尚的表单2. 构建实用的HTML5框架3. 开发丰富多彩的游戏4. 以更直观的方式让数据可视化呈现5. HTML5的未来 – 惊艳的HTML5示例和实验HTML的新特点新特性HTML5 中的一些有趣的新特性：· 用于绘画的 canvas 元素· 用于媒介回放的 video 和 audio 元素· 对本地离线存储的更好的支持· 新的特殊内容元素，比如 article、footer、header、nav、section· 新的表单控件，比如 calendar、date、time、email、url、searchHT 阅读全文
posted @ 2011-10-11 18:15 y0umer 阅读(223) 评论(0) 推荐(0)
node.js入门学习
摘要：什么是Node.js?还服务器端javascript?对于这个概念我在这篇文章不做解释，可以自己去搜索了解下，服务器端js不是新技术，只是最近的node.js的火爆让他爆发了，我会在以后的文章里解释什么是node.js。这里只是纯粹的搭建，连环境都没有，还玩什么服务器端js，一切都成了浮云，让我们先搭建一个环境，输入一个“hello world”的页面。对的，win7下的搭建，你只需一步一步跟着我做，就ok了，不用去了解过多的细节，那不是我们现在要关心的，我们现在首要目的是把环境搭建好，要不然就没有下一步了。Step 1. 下载node.js在windows下是要安装在Cygwin下的，去Cy 阅读全文
posted @ 2011-09-03 15:45 y0umer 阅读(195) 评论(0) 推荐(0)
万能的js复制按钮
摘要：这是模仿优酷视频分享的js复制按钮，兼容各种浏览器 <!--复制按钮js--> <script> function copyToClipboard(txt) { if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text",document.getElementById(txt).value); } else if (navigator.userAgent.indexOf("Opera") != - 阅读全文
posted @ 2011-08-30 08:44 y0umer 阅读(467) 评论(0) 推荐(0)
js定时刷新网页
摘要：直接上代码：实现三个子页面同时刷新页面<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body> <iframe id="ifr" width=400 height=500></iframe> <iframe id="ifr2" width=400 height=500></iframe> <ifr 阅读全文
posted @ 2011-08-29 21:34 y0umer 阅读(990) 评论(0) 推荐(0)
URL解析的几种模式以及拟静态重定向问题
摘要：最近工作遇到关于把长连接变成短连接的问题，于是想起tp里面的几种url解析模式：原文很经典：现在摘录原文；URL模式ThinkPHP框架基于模块和操作的方式进行访问，由于ThinkPHP框架的应用采用单一入口文件来执行，因此网站的所有的模块和操作都通过URL的参数来访问和执行。这样一来，传统方式的文件入口访问会变成由URL的参数来统一解析和调度。ThinkPHP强大的URL解析、调度以及路由功能为这个功能实现提供了有力的保证，并且可以在绝大多数的服务器环境里面部署成功。ThinkPHP支持的URL模式包括普通模式、PATHINFO模式、REWRITE模式和兼容模式，并且都提供路由支持。默认为P 阅读全文
posted @ 2011-08-04 09:20 y0umer 阅读(1919) 评论(0) 推荐(0)
jquery之鼠标滑过图片mousemove事件
摘要：需要解决的问题：鼠标停在图片上面的时候的 现在这个张图片的相关信息，我的第一个感觉是使用鼠标事件：mousemove 当他/她停留在图片上面都 时候就可以触发相应显示的事件， mouseout离开的时候触发隐藏事件但是在实际的完成中发现：鼠标停留在图片上 信息会不停的抖动，查阅相关资料发现，手册对mouseover事件的解释是：注意：用户把鼠标移动一个像素，就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。也就是说：我们鼠标是即使有一个像素的抖动都会触发显示事件 ， 难怪会造成图片信息的资源解决的办法是：使用hover，官方手册对这个方 阅读全文
posted @ 2011-08-01 16:45 y0umer 阅读(9430) 评论(0) 推荐(0)
jquery常用代码片段
摘要：1）判断一个元素是否存在使用jQuery判断元素是否存在，非常的简单。对于一个jQuery对象，我们只需要用length属性即可判断元素是否存在，如果存在肯定是大于0，示例代码：判断这个图片是否存在，如果存在在把这个图片替换<img src="http://www.jquery001.com/images/demo/2010/anyixuan.jpg" style=" float:right" id='uu2'> <script type="text/javascript"> $(documen 阅读全文
posted @ 2011-07-30 16:16 y0umer 阅读(241) 评论(0) 推荐(0)
jquery实现 图片延迟加载
摘要：图片延迟加载的大致的原理是，对于图片标签不是把图片的路径指定到src属性上，src属性指定一个非常小的空白图片，真正的图片地址设置到一个自定义的属性上，比如file，这样img标签就是这样：<img src="blank.jpg" file="00xx.jpg"/>或者背景直接把一张小的空白图作为背景色。我的设计思想采用第二种：1：先把刷新的小图片 作为图片的背景图片，根据onload判断图片是否加载完成，onload官方手册的说明：如果绑定给window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的 阅读全文
posted @ 2011-07-29 14:11 y0umer 阅读(329) 评论(0) 推荐(0)
ajax的理解
摘要：function goe_local(){ //ip同步到服务端 $.ajax({ url:'ajax_ip.php',/*对应的php文件*/ type: 'POST', data:'ip='+$('.srcs').val(), dataType: 'html', timeout: 50000, error: function(){ alert('Error loading XML document'); }, success: function(aaa){ // alert($('.sr 阅读全文
posted @ 2011-07-06 15:40 y0umer 阅读(217) 评论(0) 推荐(0)