06 2014 档案
摘要:搞清楚浏览器渲染的过程对于前端优化是很有用处的!最近看了一些博客和文章稍微做些总结,具体细节进一步参照原文链接和相关文章!最终决定浏览器表现出来的页面效果的差异是:渲染引擎 Rendering Engine(也叫做排版引擎),也就是我们通常所说的“浏览器内核”(IE--Trident,FF--Gec...
阅读全文
摘要:内容提纲:1.加载请求2.错误处理3.请求全局事件4.JSON和 JSONP5.jqXHR对象发文不易,转载请注明出处!在 Ajax 基础一篇中,我们了解了最基本的异步处理方式。本篇来了解一下 Ajax 的一些全局请求事件、跨域处理和其他一些问题。一.加载请求在 Ajax 异步发送请求时,遇到网速较...
阅读全文
摘要:内容提纲:1.Ajax 概述2.load()方法3.$.get()和$.post()4.$.getScript()和$.getJSON()5.$.ajax()方法6.表单序列化发文不易,转载请注明出处~一.Ajax 概述Ajax 这个概念是由 Jesse James Garrett 在 2005 年...
阅读全文
摘要:内容摘要:1.显示、隐藏2.滑动、卷动3.淡入、淡出4.自定义动画5.列队动画方法6.动画相关方法7.动画全局属性发文不易,转载请注明出处~一.显示、隐藏jQuery 中显示方法为:.show(),隐藏方法为:.hide()。在无参数的时候,只是硬性的显示内容和隐藏内容。$('.show').cli...
阅读全文
摘要:内容提纲:1.模拟操作2.命名空间3.事件委托4.on、off 和 one发文不易,转载请注明出处!一.模拟操作在事件触发的时候,有时我们需要一些模拟用户行为的操作。例如:当网页加载完毕后自行点击一个按钮触发一个事件,而不是用户去点击。//点击按钮事件$('input').click(functio...
阅读全文
摘要:内容提纲:1.事件对象2.冒泡和默认行为发文不易,转载请注明出处!JavaScript 在事件处理函数中默认传递了 event 对象,也就是事件对象。但由于浏览器的兼容性,开发者总是会做兼容方面的处理。jQuery 在封装的时候,解决了这些问题,并且还创建了一些非常好用的属性和方法。一.事件对象事件...
阅读全文
摘要:写在前面: 有一段时间未更新博客了,利用这段时间,重新看了《jQuery基础教程 第四版》和《锋利的jQuery 第二版》,这两本书绝对是jQuery入门非常好的书,值得多读几遍,并将上面的代码逐个敲一下来体会jQuery的魅力! 利用接下来一段时间结合这两本书对jQuery基础知识做个梳理,算...
阅读全文
摘要:下列文章,转载请亲注明链接出处,谢谢!链接地址:http://www.cnblogs.com/ttcc/tag/JavaScript%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%20%E6%80%BB%E7%BB%93/1. Javascript基础---语法(待...
阅读全文
摘要:内容提纲:1.XMLHttpRequest2.GET与POST3.封装Ajax发文不易,转载请注明链接出处,谢谢!2005年Jesse James Garrett发表了一篇文章,标题为:“Ajax:A new Approach to Web Applications”。他在这篇文章里介绍了一种技术,...
阅读全文
摘要:内容提纲:1.cookie2.cookie局限性3.其他存储发文不易,转载请注明出处链接,谢谢!随着Web越来越复杂,开发者急切的需要能够本地化存储的脚本功能。这个时候,第一个出现的方案:cookie诞生了。cookie的意图是:在本地的客户端的磁盘上以很小的文件形式保存数据(登录账号密码,购物车等...
阅读全文
摘要:内容提纲:1.文本框脚本2.选择框脚本发文不易,转载请亲注明链接出处,谢谢!一.文本框脚本在HTML中,有两种方式来表现文本框:一种是单行文本框;一种是多行文本框。虽然在HTML中有value值,而却没有,但在JS中都可以通过value获取他们的值。 var textField = fm.eleme...
阅读全文
摘要:为了分担服务器处理表单的压力,JavaScript提供了一些解决方案,从而大大打破了处处依赖服务器的局面。发文不易,转载请亲注明出处,谢谢!一.表单介绍在HTML中,表单是由元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承...
阅读全文
摘要:发文不易,转载传播,请亲注明链接出处,谢谢!内容提纲:1.传统事件绑定的问题2.W3C事件处理函数3.IE事件处理函数4.事件对象的其他内容事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一.传统事件...
阅读全文
摘要:发文不易,若转载传播,请亲注明出处,谢谢!内容提纲:1.事件对象2.鼠标事件3.键盘事件4.W3C与IEJavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事...
阅读全文
摘要:内容提纲:1.事件介绍2.内联模型3.脚本模型4.事件处理函数JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。一.事件介绍事件一般是用于浏览器和用户操作进行交互的。最早是IE和Netscape Navigator中出现,...
阅读全文
摘要:内容提纲:1.获取元素CSS大小2.获取元素实际大小3.获取元素周边大小本篇我们主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式。一.获取元素CSS大小1.通过style获取元素的大小var box = document.getElementById('box'); //获取元素box...
阅读全文
摘要:发文不易,若转载传播,请亲注明出处,谢谢!一.操作样式CSS作为(X)HTML的辅助,可以增强页面的显示效果。但不是每个浏览器都能支持最新的CSS能力。CSS的能力和DOM级别密切相关,所以我们有必要检测当前浏览器支持CSS能力的级别。DOM1级实现了最基本的文档处理,DOM2和DOM3在这个基础上...
阅读全文
摘要:DOM在操作生成HTML上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱,导致最终的操作就不是那么简单方便了。本篇章主要了解一下DOM操作表格。一.操作表格标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTML DOM来操作它。(PS:HTML DOM提供了更加方便快...
阅读全文
摘要:内容提纲:1.DOM类型2.DOM扩展3.DOM操作内容一.DOM类型DOM基础篇中,我们了解了DOM的节点并且了解怎样查询和操作节点,而本身这些不同的节点,又有着不同的类型。DOM类型类型名说明Node表示所有类型值的统一接口,IE不支持Document表示文档类型Element表示元素节点类型T...
阅读全文
摘要:发文不易,若转载传播,请亲注明出处,谢谢!DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) 。DOM 描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM 产生于 网景公司及微软公司创始的 ...
阅读全文
摘要:闭包和作用域链是JavaScript中比较重要的概念,首先,看看几段简单的代码。代码1: 1 var name = "stephenchan"; 2 var age = 23; 3 function myFunc() { 4 alert(name); 5 var na...
阅读全文
摘要:匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。一.匿名函数//普通函数function box() { //函数名是 boxreturn 'TT';}//匿名函数function () { //匿名函数,会报错return 'TT';}//通过表达式自我执行(function ...
阅读全文