2016年05月_babybk

转载 js深拷贝和浅拷贝

js深拷贝和浅拷贝一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr; arrto[1] = "test"; document.writeln("

2016-05-23 10:45:52 472

转载 JS(JavaScript)插入节点的方法appendChild与insertBefore

首先从定义来理解这两个方法： appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild) insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法：insertBefore(newchild,refchild) 相同之处：插入子节点不同之处：实现原理方法不同。　　　　　appendChild方

2016-05-15 15:27:47 5514

转载 JavaScript DocumentFragment：更快捷的操作DOM的途径

我相信很少人知道JavaScript里还有这样一个很有用的东西：DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上，对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构，而效率高是它真正的优势，试验表明，它比直接操作DOM快70%。下面我们就来看看DocumentFragments是如何使

2016-05-15 15:17:54 647

原创 js常用属性及方法总结(温习下旧知识)

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="box" qwe="张展亮" style="background:#000"> asdfsdf </div> </body>

2016-05-09 22:49:15 512

转载 JavaScript history 对象

JavaScript history 对象history – history用于窗体中的导航 history，中文”历史” 引用网址：http://www.dreamdu.com/javascript/window.history/ history对象是window对象的属性浏览者通常可以使用浏览器的前进与后退按钮访问曾经浏览过的页面。JavaScript的history对象记录了用户曾经

2016-05-08 21:49:27 454

转载 location.hash的用法及onhashchange (精华，建议大家没事读一下)

location.hash是什么: 熟悉HTML都知道喵链接，没错，location.hash就是获取或设置喵链接的。上面的用法相信大家都知道，但是下面的就要考细节了。当我们载入一个页面后，然后又去触发了一个AJAX请求去部分改变了页面上的内容，这个时候，你会发现，浏览器其实并没有记录这两个动作，而是把这两个动作记录为了一个动作，即是认为你只打开一个页面，所以“前进/后退”按钮就没有用

2016-05-08 21:36:38 69689

转载 JSON.parse和eval的区别

摘自:http://blog.csdn.net/zk437092645/article/details/8641500 作者:第2016换个昵称JSON(JavaScript Object Notation)是一种轻量级的数据格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是Javascript原生格式，这意味着在javascript中处理JSON数据不需要任何特殊的API

2016-05-08 20:35:26 274

转载 labjs使用教程

知道LABJS这个概念其实早于sea.js，但因为sea.js是中文，并且第一眼就喜欢上sea.js的CommonJS所以并没有深入了解过LABJS。在使用sea.js的时候不可避免的碰到js文件依赖问题，这时候才想起不到5k的LABJS来，看过手册之后俺不禁怀疑“有必要sea.js和labjs一起使用么”，或许俺等到sea.js可以支持文件加载顺序之后再回到sea.js的怀抱？除了看起来美观和支持

2016-05-08 19:05:04 744

转载 CSS3的calc()使用

摘自:http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html 作者:大漠calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，

2016-05-08 18:22:49 844

转载 web移动端页面适配

PPK的关于三个viewport的理论摘自:http://www.cnblogs.com/2050/p/3877280.html 作者:无双ppk大神对于移动设备上的viewport有着非常多的研究（第一篇，第二篇，第三篇），有兴趣的同学可以去看一下，本文中有很多数据和观点也是出自那里。ppk认为，移动设备上有三个viewport。首先，移动设备上的浏览器认为自己必须能让所有的网站都正常显示，

2016-05-08 16:40:57 3358

转载 js事件之event.preventDefault()与event.stopPropagation()用法区别

很多朋友都以为event.preventDefault()与event.stopPropagation()是jquery的方法，其实不是的它们是js本身自带的方法了，下面我来给各位同学简单介绍它们两的用法与区别了。 event.preventDefault()用法介绍该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 “su

2016-05-07 22:00:32 5508

转载手机触屏事件(touch事件,网上资料有限,想具体了解还需要自己研究)

上篇文章我们讲了html的基本事件，这篇文章我们着重讲解下触摸事件，触摸事件触发的条件是手指接触屏幕、手指在屏幕上移动或者从屏幕上离开。事件是触摸的集合，它起始于手指初次放置在屏幕上，终止于最后一个手指离开屏幕。事件从开始到结束过程中的所有触摸操作都存储在相同事件的记录中。 touch事件 touch事件可以分为单点触摸和多点触摸两种，单点触摸高端机一般都支持，Safari2.0、Androi

2016-05-07 19:52:51 585

原创用html5新增的js媒体 API手写的一个视频播放器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html5视频测试</title> <style> *{margin: 0;padding: 0;list-style-type: none;font-family: "微软雅黑";}

2016-05-07 10:53:16 3742

转载 HTML5 audio标签使用 preload属性规定是否在页面加载后载入音频

HTML5 audio标签使用 preload属性规定是否在页面加载后载入音频语法1 <audio preload="load" />属性值描述规定是否预加载音频。可能的 load 值： auto – 当页面加载后载入整个音频 meta – 当页面加载后只载入元数据 none – 当页面加载后不载入音频预先加载音频在实际的开发中，一种对音频很好的处理方法是对其进行预先加载，这样可

2016-05-05 19:05:57 32579

转载 SCSS文件编译乱码解决办法

scss文件编译时候使用Koala，出现Syntax error: Invalid GBK character “\xE5” 检查了好久才发现 scss编译不支持中文字体，请教了下度娘才找到解决方案解决方法很简单进入到Koala 安装目录D:\Koala\rubygems\gems\sass-3.4.9\lib\sass 修改 engine.rb 文件在require 最下面加入以下代码即

2016-05-02 20:55:49 1832

babybk的博客