摘要: ### 为什么用Ajax? 用Ajax实现翻页等内容切换是有原因的。在传统的无Ajax的站点里,页面A和页面B可能只有10%的地方是不同的,其他90%的内容(尤其是导航、页脚等公用元素)都是一样的,但却仍然需要浏览器下载并显示新的一整个页面。而如果使用Ajax,不仅节省了浏览器需要下载的资源,而且无刷新切换明显比页面跳转更平滑、流畅。 --- ###介绍HTML5 history API ... 阅读全文
posted @ 2016-11-21 01:24 皮囊 阅读(237) 评论(0) 推荐(0) 编辑
摘要: ##前言## SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。 SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来,可以专注于代码本身的逻辑。 SeaJS的作者是淘宝前端工程师玉伯。 SeaJS本身遵循KISS(Ke... 阅读全文
posted @ 2016-11-21 01:23 皮囊 阅读(209) 评论(0) 推荐(0) 编辑
摘要: CSS继承 不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z- 阅读全文
posted @ 2016-11-13 15:31 皮囊 阅读(133) 评论(0) 推荐(0) 编辑
摘要: GET和POST的区别 GET和POST是HTTP的两个常用方法 什么是HTTP? 超文本传输协议(HyperText Transfer Protocol -- HTTP)是一个设计来使客户端和服务器顺利进行通讯的协议。 HTTP在客户端和服务器之间以request-response protoco 阅读全文
posted @ 2016-11-13 15:30 皮囊 阅读(109) 评论(0) 推荐(0) 编辑
摘要: # AJAX #### **创建ajax对象的方法:** ```javascript (function(){ 创建ajax对象的方法 var xhr = new XMLHttpRequest(); IE低版本下创建ajax对象的方法(兼容到IE8以下) var xhr = new ActiveXObject('Microsoft.XMLHTTP'); ... 阅读全文
posted @ 2016-11-06 23:46 皮囊 阅读(147) 评论(0) 推荐(0) 编辑
摘要: # cookie储存数据 ```javascript (function(){ // localStorage.name = 'Bob'; document.cookie = 'name=Bob; expires=Mon, 31 Oct 2016 08:31:36 GMT'; document.cookie = 'age=20'; document.cookie = 'gender... 阅读全文
posted @ 2016-11-06 23:45 皮囊 阅读(93) 评论(0) 推荐(0) 编辑
摘要: ## 一、inner.HTML属性: ## 1.**innerHTML: 设置或获取标签对中的内容( 识别HTML )** 2.** innerText: 获取文字内容( IE ) textContent: 获取文字内容(FF,chrom)** ```html hello js ``` ``... 阅读全文
posted @ 2016-10-31 00:00 皮囊 阅读(151) 评论(0) 推荐(0) 编辑
摘要: ## 总结:事件的捕捉和冒泡 ### 1. 事件绑定### **1.1 JavaScript脚本中绑定事件** ``` html: JavaScript: var btn = document.getElementById("btn"); 方式1: btn.onclick = function() {} 方式2: function test() { console.log(123);... 阅读全文
posted @ 2016-10-30 23:58 皮囊 阅读(108) 评论(0) 推荐(0) 编辑
摘要: # 总结 ## string对象 ### 属性: **length:字符串的长度** ```javascript var str = 'helLo, worLd'; console.log(str.length);//输出 10; console.log(str[3]);//输出l; ``` ### 属性方法: **charAt() 返回在指定位置的字符** ```javasc... 阅读全文
posted @ 2016-10-23 23:31 皮囊 阅读(123) 评论(0) 推荐(0) 编辑
摘要: # 总结 ### 函数的作用域 **概念**:函数内部定义的变量只有在函数的内部使用。 **作用域链** 如果函数里面没有定义变量,浏览器会向它的上一级寻找里面的有相同定义的变量; ```javascript function fn () { a=20; } ``` #### **说明**: 函数提升只有把函数定义的时机,放到当前作用域的开头。在JS当中只有函数才会产生作用域;if... 阅读全文
posted @ 2016-10-23 23:31 皮囊 阅读(92) 评论(0) 推荐(0) 编辑