<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Erosvan的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Erosvan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Erosvan]]></copyright><item><title><![CDATA[WEB前端 | JS基础——(13)JQuery]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/53379081</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/53379081</guid><author>Erosvan</author><pubDate>Mon, 28 Nov 2016 16:01:35 +0800</pubDate><description><![CDATA[jQuery
		

		
	

	
		div1
		div2
		
		div3
		
		div4
		p1
		p2
		
			div5
			div6
		
		div7
	
	
	
		// jQuery 是一个可以帮助我们提升开发效率的框架，本质上就是别人写好的js文件，给我们提供了很多便捷的方法，想要使用jq，就必须在我们自己的js代码之前引入jq
		// $(document]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(12)正则表达式]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/53326255</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/53326255</guid><author>Erosvan</author><pubDate>Thu, 24 Nov 2016 21:23:05 +0800</pubDate><description><![CDATA[正则表达式
	
	
	
	
		// 正则表达式就是一种规则
		
		// 13702775678 112537427@qq.com
		// 手机号：11位，1开头
		// 有@，@前面有2~7个字符 @后面2~4个 .com结尾
		// 把我们一个判定的规则转成计算机能识别的表达式，就是正则表达式
		// 用途：判断用户输入的是否是一个手机号、邮箱、身份证号码、有效的昵称
		
		/]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(11)移动端事件]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/53229643</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/53229643</guid><author>Erosvan</author><pubDate>Sat, 19 Nov 2016 13:53:45 +0800</pubDate><description><![CDATA[移动端事件
		
		
			.div {
				width: 200px;
				height: 200px;
				background-color: red;
			}
		
	
	
		
	
	
		var div = document.getElementsByClassName('div')[0];
//		div.onclick = function() {
//			docu]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(10)存储]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/53212718</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/53212718</guid><author>Erosvan</author><pubDate>Fri, 18 Nov 2016 09:38:39 +0800</pubDate><description><![CDATA[Cookie
	

	
	
	
//		var date1 = new Date();
//		date1.setDate(date1.getDate() + 10);
//		document.cookie = 'best=99;expires=' + date1;
//		document.cookie = 'userName=zhangsan;expires=' + date1;
//		d]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(9-3)事件冒泡与绑定]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/53131532</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/53131532</guid><author>Erosvan</author><pubDate>Fri, 11 Nov 2016 19:03:03 +0800</pubDate><description><![CDATA[事件冒泡和绑定
		
			#reddiv {
				width: 600px;
				height: 400px;
				background-color: red;
			}
			#bluediv {
				width: 400px;
				height: 200px;
				background-color: blue;
				margin: 100px;
			}
			#]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(9-2)键盘事件]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/53046311</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/53046311</guid><author>Erosvan</author><pubDate>Sat, 05 Nov 2016 16:52:05 +0800</pubDate><description><![CDATA[键盘事件
		
			
		
	
	
		
		
		
		
	
	
		var count = 0;
		// 键盘事件
		// onkeydown 键盘按下去的时候触发，如果长按，就会连续触发绑定的方法
		// onkeyup 键盘按下去并抬起来的时候触发，
		
//		document.onkeyup = function(ev) {
//			var evObj = window.e]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(9)JS事件01]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52979401</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52979401</guid><author>Erosvan</author><pubDate>Mon, 31 Oct 2016 08:51:35 +0800</pubDate><description><![CDATA[JS事件01
		
			.reddiv{
				width: 200px;
				height: 200px;
				background-color: red;
			}
		
	
	
		
			
		
	
	
	// 事件 
	// onclick  鼠标点击
	// onmouseover/onmouseenter 鼠标移入 
	// onmouseout/onmouseleave]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(8)DOM]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52963165</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52963165</guid><author>Erosvan</author><pubDate>Sat, 29 Oct 2016 10:31:14 +0800</pubDate><description><![CDATA[BOM
		
			
		
	
	
		
	
	
		// BOM对象就是可以对浏览器进行操作的对象
		// JS里面所有的全局变量都是window对象的属性
		a = 40;
		console.log(window.a);
		window.a = 50;
		console.log(a);
		
		// 所有的函数都是window对象的属性(成员变量)
		function test(]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(7)DOM]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52912506</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52912506</guid><author>Erosvan</author><pubDate>Mon, 24 Oct 2016 15:59:37 +0800</pubDate><description><![CDATA[DOM初识
		
			
		
	
	
		我是大哥
		
			文本
			
			你是P
		
		你是三弟
	
	
		// DOM Document Object Model
		var firstdiv = document.getElementById('firstdiv');
		console.log(firstdiv);
		
		// 插入一个新节点
		var h3 = do]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(6)函数定时器]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52838738</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52838738</guid><author>Erosvan</author><pubDate>Mon, 17 Oct 2016 14:50:23 +0800</pubDate><description><![CDATA[函数定时器
		
			div {
				width: 200px;
				height: 200px;
				background: red;
			}
		
	
	
		
	
	
		// ==  ===
		// == 代表值相等， === 代表除了值相等之外，类型也要一样。
		// !=  !==
		// != 不等于 !== 不全等
		// 一个等号不会判断类型，两个等号会判]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(5)字符串和时间]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52808596</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52808596</guid><author>Erosvan</author><pubDate>Thu, 13 Oct 2016 17:29:50 +0800</pubDate><description><![CDATA[字符串和时间
	
	
		
	
	
	// 创建一个字符串对象，空格也算一个字符
		var string1 = new String("Hello baby");
		console.log(string1);
		// charAt() 取字符串的第几个字符。
		console.log(string1.charAt(1));
		// search 在string1里面查找某个字符串，返回被]]></description><category></category></item><item><title><![CDATA[window对象的属性和方法]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52766444</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52766444</guid><author>Erosvan</author><pubDate>Sun, 09 Oct 2016 14:23:45 +0800</pubDate><description><![CDATA[Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.do]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(4)数组、二维数组和this]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52755267</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52755267</guid><author>Erosvan</author><pubDate>Sat, 08 Oct 2016 11:37:35 +0800</pubDate><description><![CDATA[一、数组


	
		
		数组
	
	
	
	
	// 定义一个空数组arr。
		var arr = [];
		var arr1 = [23, 45, 55, 75];
		console.log(arr);
		console.log(arr1);
		// 数组的取值，直接是 数组名[下标]
		// 注意：下标从0开始
		console.log(arr1[2]);
		// 数组的]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(3)循环]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52712833</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52712833</guid><author>Erosvan</author><pubDate>Fri, 30 Sep 2016 17:38:16 +0800</pubDate><description><![CDATA[循环
	
	
		
	
	
		var isFirst = true;
		if (isFirst) {
			console.log("是真的");
		} else {
			console.log("是假的");
		}
		// for 循环	for(;;){}
		// for 循环就是让大括号里面的代码一直循环执行。
		// 两个分号之间 写的是控制语句，是个条件表达式(真，假)
	]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(2)布尔类型和关系运算符]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52703846</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52703846</guid><author>Erosvan</author><pubDate>Thu, 29 Sep 2016 17:37:46 +0800</pubDate><description><![CDATA[布尔类型和关系运算符
	
	
		
	
	
		/*
			数据类型
			1、number	  var a = 1;
			2、string	  var a = "1";
			3、undefind	  var a;
			4、null		  var a = null;
		*/
		//  5、布尔类型
		var isboy = true;
		var isfirst = false;
		]]></description><category></category></item><item><title><![CDATA[WEB前端 | JS基础——(1)JS初识]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52690002</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52690002</guid><author>Erosvan</author><pubDate>Wed, 28 Sep 2016 14:04:43 +0800</pubDate><description><![CDATA[JS初识
		
			.reddiv {
				width: 200px;
				height: 200px;
				background-color: red;
			}
		
		
		// window.onload 
		// 你知道window.onload的含义吗？它是指：代码中的DOM已经加载就绪了，也就是文档流已经关闭。此时，你再用document.write()是启用了新的]]></description><category></category></item><item><title><![CDATA[H5基础——(5)怪异盒模型、弹性盒模型、倒影及阴影]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52648210</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52648210</guid><author>Erosvan</author><pubDate>Sat, 24 Sep 2016 09:27:53 +0800</pubDate><description><![CDATA[一、怪异盒模型


	
		
		怪异盒模型
		
			.reddiv {
				width: 200px;
				height: 200px;
				background-color: red;
				box-sizing: border-box;
				border: 20px blue solid;
				padding-left: 50px;
				/*怪异盒模型  
	]]></description><category></category></item><item><title><![CDATA[WEB前端 | H5基础——(4)流式布局、响应式布局、Viewport]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52626486</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52626486</guid><author>Erosvan</author><pubDate>Thu, 22 Sep 2016 19:53:37 +0800</pubDate><description><![CDATA[一 、流式布局


	
		
		流式布局
		
			body {
				margin: 0;
			}
			.reddiv {
				width: 30%;
				/*
				单位
					vw ViewWidth
					vh ViewHeight
				*/
				height: 30vw;
				background-color: red;
			}
			.big]]></description><category></category></item><item><title><![CDATA[WEB前端 | H5基础——(3)CSS3选择器]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52598837</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52598837</guid><author>Erosvan</author><pubDate>Tue, 20 Sep 2016 18:46:11 +0800</pubDate><description><![CDATA[CSS3选择器
		
			/*
				子代(兄弟、兄弟相邻)
				nth-child / of-type
				after(before)
				属性(2种)
				input(可用和不可用)
			*/
			/*1、子代选择器
				单指div子代(不包括孙子级..)里面的p标签*/
			div > p {
				background-color: red;
			}]]></description><category></category></item><item><title><![CDATA[WEB前端 | H5基础——(2)2D/3D形变、过渡及渐变]]></title><link>https://blog.youkuaiyun.com/Erosvan/article/details/52585357</link><guid>https://blog.youkuaiyun.com/Erosvan/article/details/52585357</guid><author>Erosvan</author><pubDate>Mon, 19 Sep 2016 14:14:46 +0800</pubDate><description><![CDATA[一、2D变换


	
		
		2D变换
		
			div {
				width: 200px;
				height: 200px;
				background-color: red;
				margin-right: 100px;
				float: left;
			}
			.yuanshi {
				color: white;
				font-size: 50px;
		]]></description><category></category></item></channel></rss>