07 2014 档案

一些JavaScript中的DOM的优化小技巧
摘要：在进行DOM优化时需要关注的问题有：修改DOM的时候，会引起页面的重排，重绘。因为JS是单线程执行的，那么在重排重绘的过程中可能会阻塞用户的操作。为了更好的用户体验，必须要严格控制这些操作。一、对象集合 NodeList当我们调用：getElementsByTagName，getElementsBy... 阅读全文
posted @ 2014-07-31 16:44 april吖～ 阅读(253) 评论(0) 推荐(0)
JavaScript中Ajax
摘要：Ajax技术，就是指：向服务器请求额外的数据而无须重新加载整个页面。其核心就是 XMLHttpRequest对象。（简称：XHR）在这里，我们先讨论IE7及更高版本，以及FF，Opera，Chrome，Safari都支持的XHR。创建一个XHR对象：var xhr = new XMLHttpRequest();XHR对象有几个方法，一个一个来：open()：xhr.open("get","exam... 阅读全文
posted @ 2014-07-31 13:03 april吖～ 阅读(594) 评论(0) 推荐(0)
JavaScript中的防篡改对象
摘要：由于JavaScript共享的特性，任何对象都可以被放在同一环境下运行的代码修改。例如：var person = {name:"caibin'}person.age = 21;即使第一行定义了完整的person对象，那么第二行代码仍然可以对其添加属性，删除属性等。我们有三个方法可以防止你做出这些行为。一、不可扩展对象：先来看person本身的扩展性：Object.isExtensible(pers... 阅读全文
posted @ 2014-07-30 21:58 april吖～ 阅读(261) 评论(0) 推荐(0)
小谈一下JavaScript中的JSON
摘要：一、JSON的语法可以表示以下三种类型的值：1、简单值：字符串，数值，布尔值，null比如：5，"你好"，false，nullJSON中字符串必须用双引号，而JS中则没有强制规定。2、对象比如：1 {2 "name":"蔡斌",3 "age":21,4 "isRich":fa... 阅读全文
posted @ 2014-07-30 00:36 april吖～ 阅读(342) 评论(0) 推荐(0)
利用CSS制作三角形
摘要：在我们看到类似于这样的图片时：我们一般都会想，哎，这还不简单，用一张图片就可以了。的确，用图片可以很轻松地做到。不过我们接下来要讨论的是：如何用css也作出这样的效果。首先，我们来定义一个div:然后给它增加一些样式：.up{ width: 50px; height: 50px; backgroun... 阅读全文
posted @ 2014-07-27 13:46 april吖～ 阅读(371) 评论(0) 推荐(0)
JavaScript中的Math对象
摘要：Math对象中提供的计算功能执行起来比你在代码中写的js要快得多，这是它的一个很好的优点。属性：属性说明Math.E即常量e的值Math.LN10ln10Math.LN2ln2Math.LOG2E2为底e的对数Math.LOG10E10为底e的对数Math.PIπMath.SQRT1_21/2的平方... 阅读全文
posted @ 2014-07-25 18:00 april吖～ 阅读(255) 评论(0) 推荐(0)
jQuery核心之那些有效的方法
摘要：jQuery提供了一些很有效的方法，这些方法都在$命名空间之下，对常规的编码很有帮助，完整的api详见：utilities documentation on api.jquery.com$.trim()：删除多余的空格：// Returns "lots of extra whitespace"$.trim( " lots of extra whitespace " );$.each()... 阅读全文
posted @ 2014-07-25 17:59 april吖～ 阅读(283) 评论(0) 推荐(0)
jQuery核心之jQuery Object及其相关的常用方法
摘要：1、jQuery Object 和 原生的DOM对象之间有许多方法是不一样的，用jQuery的方法大部分情况下返回的是jQuery Object，但是jQuery也提供了一些方法可以很轻松的获取原生的DOM对象。先来看：获取jQuery Object之一，// Selecting only the first element on the page (in a jQuery object) va... 阅读全文
posted @ 2014-07-25 17:58 april吖～ 阅读(2248) 评论(0) 推荐(0)
浅谈JavaScript中的闭包
摘要：浅谈JavaScript中的闭包在JavaScript中，闭包是指这样一个函数：它有权访问另一个函数作用域中的变量。创建一个闭包的常用的方式：在一个函数内部创建另一个函数。比如：1 function compareByProperty(propertyName){2 returnfuncti... 阅读全文
posted @ 2014-07-25 17:53 april吖～ 阅读(223) 评论(0) 推荐(0)
jQuery核心之DOM操作的常用方法
摘要：参考jQuery官网API文档1、.attr()获取 :$( "a" ).attr( "href" );设置:$( "a" ).attr( "href", "allMyHrefsAreTheSameNow.html" ); $( "a" ).attr({ title: "all titles are the same too!", href: "somethingNew.html"})... 阅读全文
posted @ 2014-07-23 21:05 april吖～ 阅读(266) 评论(0) 推荐(0)
jQuery核心之 $
摘要：参考jQuery官网API文档$ 和 $() 的区别很重要：1、$(document).ready() 和 $(document).load() 的 区别： 前者等到DOM准备好了之后就会触发，后者必须等到整个网页（包括图片，iframe）准备好了才触发。 $(function(){ alert("hello jquery"); }); 是 $(document).ready(function(... 阅读全文
posted @ 2014-07-23 21:04 april吖～ 阅读(294) 评论(0) 推荐(0)
Canvas学习
摘要：参考了慕课网课程：炫丽的倒计时效果Canvas绘图与动画基础感谢 liuyubobobo老师 ，提供了这么好的课程1、标签 注意：最好在标签中指定canvas的width 和 height 或者用js : canvas.width , canvas.height 如果你的浏览器支持canvas，... 阅读全文
posted @ 2014-07-22 15:38 april吖～ 阅读(273) 评论(0) 推荐(0)
JavaScript严格模式详解
摘要：转载自阮一峰的博客Javascript 严格模式详解作者：阮一峰一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个： - 消除Java... 阅读全文
posted @ 2014-07-21 17:36 april吖～ 阅读(205) 评论(0) 推荐(0)
制作一个有模态的弹出层
摘要：参考慕课网课程《分享：阿当大话西游之WEB组件》定制不同的皮肤可通过对元素添加或减少class类来实现。首先，模态是指如下图部分的灰色背景部分：（灰色部分不可点击）然后，要记住，模态要加在当前页面的上面，以及当前操作框（通常是一个弹出层）的下面所谓上面，下面是指：如果模态（通常是一个div）的定位是fixed（固定定位）的，那么它将不占据文档空间，所以，将其height和width设置为100%，... 阅读全文
posted @ 2014-07-21 17:23 april吖～ 阅读(445) 评论(0) 推荐(0)
选择器
摘要：CSS中有7种选择器：1、元素选择器例如：h1{font-size:12px;}h2,h3,h4{font-size:23px;}helloworld...2、类选择器：例如：.important{background-color:red;}/*只有包含important 和 warning两个类的元素才会被选中*/.important.warning{background-color:slive... 阅读全文
posted @ 2014-07-21 17:18 april吖～ 阅读(250) 评论(0) 推荐(0)
JavaScript中的事件
摘要：事件流：事件冒泡：（IE的事件流），事件开始时，由最具体的元素接收，然后逐级向上传播到较为不具体的节点。 On Click This Div 点击div标签，事件传播的顺序： → → → document支持大多数新旧版浏览器，放心使用。事件捕获：（NetScape团队提... 阅读全文
posted @ 2014-07-21 17:16 april吖～ 阅读(283) 评论(0) 推荐(0)
JavaScript中的String
摘要：1、基本类型Stringvar str ="helloworld";要记住：保存的是Unicode字符，一旦创建便不可变2、引用类型Stringvar strObj =newString("hello world");要点：字符方法： alert (strObj.charAt(0));// 'h'... 阅读全文
posted @ 2014-07-21 17:10 april吖～ 阅读(281) 评论(0) 推荐(0)