随笔分类 - javascript便签笔记系列
三言两语记录js中的重要知识点
摘要：1. 引言前端程序猿主要关注的是页面，你可能根本就用不到.net，java，php等后台语言。但是你制作出来的网页总要运行、总要测试吧？——那就免不了用到http server。我先前都是用visual studio的，虽然很好用，功能很强大，但是我就开发一个html、javascript、css，...
阅读全文
摘要：前两天被问到ajax跨域如何解决，还真被问住了，光知道有个什么jsonp，迷迷糊糊的没有说上来。抱着有问题必须解决的态度，我看了许多资料，原来如此。。。为何一直知道jsonp，但一直迷迷糊糊的不明白呢？——网上那些介绍资料都写的太复杂了！我是能多简单就多简单，争取让你十分钟看完！1. 同源策略aja...
阅读全文
摘要：1. 前言昨天写了《js便签笔记（11）——浏览TOM大叔博客的学习笔记 part1》，简单记录了几个问题。part1的重点还是在于最后那个循环创建函数的问题，也就是多个子函数公用一个闭包数据的问题。如果觉得有兴趣，可以再重新翻出来看看。今天继续把剩下的问题写完。2. 作用域链学js的人，即使初级入...
阅读全文
摘要：1. 前言这两天看了一下TOM大叔的《深入理解js系列》中的基础部分，根据自己的实际情况，做了读书笔记，记录了部分容易绊脚的问题。写篇文章，供大家分享。2. 关于HTMLCollection的“实时查询”var divs = document.getElementsByTagName("div"),...
阅读全文
摘要：1. 如何理解“json”首先应该意识到，json是一种数据转换格式，既然是个“格式”，就是个抽象的东西。它不是js对象，也不是字符串，它只是一种格式，一种规定而已。这个格式规定了如何将js对象转换成字符串、以及转换成怎样的字符串——序列化 —— JSON.stringify 接口；以及如何将一个有...
阅读全文
摘要：1. 如何理解“json”首先应该意识到，json是一种数据转换格式，既然是个“格式”，就是个抽象的东西。它不是js对象，也不是字符串，它只是一种格式，一种规定而已。这个格式规定了如何将js对象转换成字符串、以及转换成怎样的字符串——序列化 —— JSON.stringify 接口；以及如何将一个有...
阅读全文
摘要：近来一直利用业余时间在看jquery2.1.1源码，大约看了两千行了。平时看的时候，做了一些笔记，贴出来分享。1.Array.prototype.slice.call 可以将伪数组转化为真正的数组其实，这里所谓的“伪数组”就是有length属性，并且有“0”、“1”、“2”等这些属性的对象，如下代码...
阅读全文
摘要：1. 加载XML文件方法1：ajax方式。代码如下：var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");xhr.open("GET", "data.xml", ...
阅读全文
摘要：转者语：今天看jQuery源码CSS部分，里面用到了currentStyle和getComputedStyle来获取外部样式。因为elem.style.width只能获取elem的style属性里的样式，无法获取外部css文件中定义的样式，所以针对IE8以下以及其他浏览器，需要以这两种不同的方式获取...
阅读全文
摘要：前言：ready()事件的应用，是大家再熟悉不过的了，学jQuery的第一步，最最常见的代码：jQuery(document).ready(function () { });jQuery(function () { });$(document).ready(function () { });$(fu...
阅读全文
摘要：1. 前言：在看Aaron的jquery源码解读时候，看到事件系统那块，作者提到了Dean Edwards的添加事件的设计，于是就点进去看了看。首先让我吃惊的是，代码非常少，寥寥几十行，非常简单。于是我就仔细的看了看（如果代码太多，可能就直接不看了）。这段代码是Dean Edwards在2005年写...
阅读全文
摘要：1.前言：前两天写过一片《分析dom元素的特性Attribute和属性Property》，分析了特性和属性的区别。那篇文章却忽略了一个主要知识点——getAttributeNode()和setAttributeNode()近来看《jQuery技术内幕》，今天正好看到jQuery.attr()那一部分，忽然想起来这个方法。就此简单说一说。2.从jQuery说起：jQuery指出，在IE6、7下，浏览器的getAttribute()和setAttribute()不能正常获取和设置Attribute的值。jQuery做的测试类似于：div1.className = 'aaa';ale
阅读全文
摘要：appendChild()、insertBefore()是移动element节点，看书的时候注意过，也可以做一个简单的例子测试一下： 2014var div1 = document.getElementById("div1");var div2 = document.getElementById("div2");var p1 = document.getElementById("p1");div2.appendChild(p1);以上代码中，P本来是在div1中，hr的上面，执行了appendChild()之后，就移动到了div2中，
阅读全文
摘要：1.介绍：上篇js便签笔记http://www.cnblogs.com/wangfupeng1988/p/3626300.html最后提到了dom元素的Attribute和Property，本文简单介绍一下我的理解。其实Attribute和Property这两个单词，翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”，以示区别。简单理解，Attribute就是dom节点自带的属性，例如html中常用的id、class、title、align等：而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等：2.“脚踏两只船”：另外
阅读全文
摘要：介绍在js的dom操作中，除了常用的document、html**Element之外，还有三个集合对象，即HTMLCollection、NodeList以及NamedNodeMap。试看以下操作： 1 var divs = document.getElementsByTagName("div"); 2 alert(divs instanceof HTMLCollection); //true （chrome中返回false，divs是NodeList对象） 3 4 var div = document.getElementById("div1"); 5
阅读全文