随笔分类 - JavaScript&jQuery
javascript和jquey的自定义事件小结
摘要:“通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率。”可以把多个关联但逻辑复杂的操作利用自定义事件的机制灵活地控制好对象之间通过直接方法调用来交互1)对象A直接调用对象B的某个方法,实现交互;直接方法调用本质上也是属于一种特殊的发送与接受消息,它把发送消息和接收消息合并...
阅读全文
创建无障碍的对话框(转)
摘要:如今的web应用程序中,对话框如同在桌面应用程序中一样常见。我们使用较少的JavaScript和CSS就可以很容易的显示或隐藏一个元素,但很少会考虑对话框对可访问性的影响。多数情况下,它是可访问性的一个灾难。输入焦点未能正确处理以及屏幕阅读器无法感知内容变化。其实,使对话框可访问并非如此困难,你只需...
阅读全文
javascript错误处理与调试(转)
摘要:JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try...catch 和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误。一.浏览器错误报告随着浏览器的不断升级,JavaSc...
阅读全文
动态加载脚本和样式(转)
摘要:一.元素位置这次补充一个 DOM 的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、right和 bottom。分别表示元素各边与页面上边和左边的距离。var box = document.getElementById('box');/...
阅读全文
iScroll4.2.5中的无法滑动或点击的解决方案(转)
摘要:又见iScroll问题,特别是三星手机和iPhone,顺便提一句,现在的项目中他们给div加了height属性来解决不能滚动问题,个人认为是个非常愚蠢的解决方案,我必须使用media query来解决随之而来的不同手机有不同高度问题,既不能适应所有手机,万一将来有了新手机型号,也会发生问题。不过他们...
阅读全文
HTML5的 2D SVG和SVG DOM的学习笔记(2)---SVG动画
摘要:SVG支持动画。可以通过以下几种方法获得动画效果:使用SVG动画元素。SVG可以描述随时间变化的图形对象,使用不同的动画元素可以定义运动路径,淡入淡出效果和对象的膨胀、收缩、旋转和变换颜色。使用SVG DOM。SVG DOM兼容DOM1和DOM2,而SVG又定义了一套附加的DOM接口,支持脚本动画。...
阅读全文
HTTP脚本化——XMLHttpRequest对象的学习笔记
摘要:一、 HTTP 请求和响应一个HTTP请求由4部分组成HTTP请求方法(也叫动作Verb)正在请求的URL一个可选的请求头集合(可能包含身份验证信息等)一个可选的请求主体服务器返回的HTTP响应由3部分组成一个数字和文字组成的状态码,用来显示请求的成功和失败一个响应头集合响应主体说明:XMLHttp...
阅读全文
使用JQuery的Ajax调用SOAP-XML Web Services(Call SOAP-XML Web Services With jQuery Ajax)(译+摘录)
摘要:假设有一个基于.Net的Web Service,其名称为SaveProductPOST /ProductService.asmx HTTP/1.1Host: localhostContent-Type: text/xml; charset=utf-8Content-Length: lengthSOA...
阅读全文
mouseover和mouseout多次触发解决方法(兼容ie和firefox)(转)
摘要:在用到mouseover和mouseout事件来作为事件触发的条件,但是如果我们用做触发的元素内部有其他的元素的时候当鼠标移上的时候会反复的触发mouseover和mouseout事件,如导致菜单闪烁等问题。因为内部元素在鼠标移上的时候会向它的父对象派发事件,所以外面元素相当于也触发了mouseov...
阅读全文
javascript DOM操作HTML文档
摘要:文档对象模型(DOM)是W3C为解决浏览器混战时代不同浏览器环境之间的差别而制定的模型标准。W3C将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容、结构和样式的语言平台。提供了标准的HTML和XML对象集,并有一个标准接口来访问并操作他们,即任何一个 html 元素可以使用 Jav...
阅读全文
Javascript 严格模式详解(转)
摘要:一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个:- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;- 消除...
阅读全文
CommonJS规范(转)
摘要:概述CommonJS是服务器端模块的规范,Node.js采用了这个规范。根据CommonJS规范,一个单独的文件就是一个模块。加载模块使用require方法,该方法读取一个文件并执行,最后返回文件内部的exports对象。下面就是一个简单的模块文件example.js。console.log("ev...
阅读全文
HTML5的 2D SVG和SVG DOM的学习笔记(1)
摘要:(项目中要使用SVG,只好补充知识了)HTML体系中,最常用的绘制矢量图的技术是SVG和HTML5新增加的canvas元素。这两种技术都支持绘制矢量图和光栅图。一、SVG概述 可缩放矢量图形(Scalable Vector Graphics,简称SVG)是一种使用XML来描述二维图形的语言(SVG...
阅读全文
JavaScript学习——判断数据类型总结(转)
摘要:一、JS中的数据类型 1.数值型(Number):包括整数、浮点数。 2.布尔型(Boolean) 3.字符串型(String) 4.对象(Object) 5.数组(Array) 6.空值(Null) 7.未定义(Undefined)二、判断一个变量的数据类型1.数值型(...
阅读全文
用JavaScript操作Media Queries
摘要:在响应式(或自适应)设计中要用到Media Queries这个CSS属性,但在某些时候我们需要对Media Queries进行动态操作,这时候可以使用Javascript。如以下Media Queries的代码:@media all and (max-width: 700px) { body ...
阅读全文
Jquery操作select小结
摘要:每次操作select都要查资料,干脆总结一下。为select设置placeholder为Select添加事件,当选择其中一项时触发$("#select_id").change(function(){ //code...});jQuery获取Select选择的Text和Value:var che...
阅读全文
详解Jquery和AngularJs,Servlet中jsonp解决跨域问题(转)
摘要:众所周知,jsonp可以解决跨域问题,下面是我在查阅资料和实际项目使用后的一些总结。Jquery中jsonp的使用//myUrl = "http://localhost:8090/api/test";$.ajax({ type:"GET", url:myUrl, dataType:"jsonp...
阅读全文
jQuery性能优化指南(转载)
摘要:现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了jQuery Performance Rul...
阅读全文
用HTML5实现手机摇一摇的功能(转)
摘要:在百度开发者大会上我介绍过HTML5另外一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。这个特性包括两种事件:1、deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手...
阅读全文
jQuery学习小结3——AJAX
摘要:一、jQuery的Ajax方法jQuery对Ajax 做了大量的封装,使用起来也较为方便,不需要去考虑浏览器兼容性。对于封装的方式,jQuery 采用了三层封装:最底层的封装方法为——$.ajax()而通过这层封装了第二层有三种方法——.load()、$.get()和$.post()最高层是——$....
阅读全文