<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MixedSignals的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/MixedSignals</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; MixedSignals]]></copyright><item><title><![CDATA[vue组件]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/108242418</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/108242418</guid><author>MixedSignals</author><pubDate>Wed, 26 Aug 2020 17:02:03 +0800</pubDate><description><![CDATA[注册局部组件，这个组件只能在这个实例中使用
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;&lt;/title&gt;
	&lt;/head&gt;

	&lt;body&gt;
		&lt;script src="vue.js"&gt;&lt;/script&gt;
		&lt;div id="app"&gt;
			&lt;name&gt;&lt;/name&g]]></description><category></category></item><item><title><![CDATA[Vue样式绑定（切换样式）]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/108218505</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/108218505</guid><author>MixedSignals</author><pubDate>Tue, 25 Aug 2020 11:51:42 +0800</pubDate><description><![CDATA[&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"&gt;&lt;/script&gt;
&lt;style&gt;
.active1 {
	width: 100px;
	height: 100px;
	background: green;
}
.active2 {
	width: 100px]]></description><category></category></item><item><title><![CDATA[Vue监听属性]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/108217620</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/108217620</guid><author>MixedSignals</author><pubDate>Tue, 25 Aug 2020 11:16:25 +0800</pubDate><description><![CDATA[在Vue.js中可以使用watch监听属性的变化
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt;title&gt;&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;script src="vue.js"&gt;&lt;/script&gt;
		&lt;div id="message"&gt;
		&lt;input type="te]]></description><category></category></item><item><title><![CDATA[Vue学习整理（入门）]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/108194831</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/108194831</guid><author>MixedSignals</author><pubDate>Mon, 24 Aug 2020 11:29:19 +0800</pubDate><description><![CDATA[引入Vue&lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;&lt;/script&gt;（开发环境）&lt;script src="https://cdn.jsdelivr.net/npm/vue"&gt;&lt;/script&gt;（生产环境）
▲声明式渲染
&lt;div id="test1"&gt;
  {{ text }} //text的内容通过vue来设定
&lt;/div&gt;

&lt;script&gt;
]]></description><category></category></item><item><title><![CDATA[cookie函数的封装]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/107492295</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/107492295</guid><author>MixedSignals</author><pubDate>Tue, 21 Jul 2020 16:49:29 +0800</pubDate><description><![CDATA[增加/修改cookie：
function setCookie(name,value,iDay){
    var newDate = new Date();
    newDate.setDate(newDate.getDate()+iDay);
    document.cookie=name+"="+value+";expires="+newDate+";path=/";
}

获取cookie函数：
function getCookie(name){     
    let cookie = do]]></description><category></category></item><item><title><![CDATA[调用百度搜索的接口实现简单的百度搜索]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106868070</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106868070</guid><author>MixedSignals</author><pubDate>Sat, 20 Jun 2020 09:41:15 +0800</pubDate><description><![CDATA[&lt;form action="http://www.baidu.com.cn/s" method="get" &gt;    
    &lt;input type="text" name="ss"  placeholder="在这里输入文字..." /&gt;
    &lt;input type="submit" value="百度一下" /&gt;
&lt;/form&gt;

可以正常跳转到百度搜索结果页

...]]></description><category></category></item><item><title><![CDATA[jquery之添加元素]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106756934</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106756934</guid><author>MixedSignals</author><pubDate>Mon, 15 Jun 2020 10:29:55 +0800</pubDate><description><![CDATA[append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
append()：
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&gt;
&lt;/script&gt;
&lt;script&gt;
$(d]]></description><category></category></item><item><title><![CDATA[jquery之设置内容和属性]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106756726</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106756726</guid><author>MixedSignals</author><pubDate>Mon, 15 Jun 2020 09:53:08 +0800</pubDate><description><![CDATA[text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&gt;
&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){]]></description><category></category></item><item><title><![CDATA[jquery之获取内容和属性]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106722375</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106722375</guid><author>MixedSignals</author><pubDate>Fri, 12 Jun 2020 19:44:50 +0800</pubDate><description><![CDATA[jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.m]]></description><category></category></item><item><title><![CDATA[jquery效果之淡入淡出]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106722137</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106722137</guid><author>MixedSignals</author><pubDate>Fri, 12 Jun 2020 19:15:40 +0800</pubDate><description><![CDATA[fadeIn() 用于淡入已隐藏的元素，语法$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒
可选的 callback 参数是 fading 完成后所执行的函数名称
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&gt]]></description><category></category></item><item><title><![CDATA[jquery效果之隐藏和显示]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106716680</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106716680</guid><author>MixedSignals</author><pubDate>Fri, 12 Jun 2020 15:44:44 +0800</pubDate><description><![CDATA[隐藏和显示需要用到hide() 和 show()
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&gt;
&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  ]]></description><category></category></item><item><title><![CDATA[jquery事件]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106715519</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106715519</guid><author>MixedSignals</author><pubDate>Fri, 12 Jun 2020 15:23:36 +0800</pubDate><description><![CDATA[页面对不同访问者的响应叫做事件，事件处理程序指的是当HTML中发生某些事件时所调用的方法
实例：
在元素上移动鼠标
选取单选按钮
点击元素
常见DOM事件：

▲click()，该方法是当按钮点击事件被触发时会调用一个函数，该函数在用户点击HTML元素时执行
&lt;head&gt;
&lt;meta charset="utf-8"&gt; 
&lt;title&gt;&lt;/title&gt; 
&lt;script src="https://cdn.staticfile.org/jquery/1.10]]></description><category></category></item><item><title><![CDATA[jquery选择器]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106714943</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106714943</guid><author>MixedSignals</author><pubDate>Fri, 12 Jun 2020 14:42:15 +0800</pubDate><description><![CDATA[jQuery 选择器允许对HTML元素组或单个元素进行操作。jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素，所有选择器都以美元符号开头：$()
▲元素选择器
&lt;head&gt;
&lt;meta charset="utf-8"&gt; 
&lt;title&gt;&lt;/title&gt; 
&lt;script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"&gt;&lt;/scrip]]></description><category></category></item><item><title><![CDATA[ES6继承的简单实例]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106659307</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106659307</guid><author>MixedSignals</author><pubDate>Wed, 10 Jun 2020 10:00:29 +0800</pubDate><description><![CDATA[class Father{
	constructor(name,age){
	this.name=name;
	this.age=age;}
	hello(){
		console.log("我的名字是"+this.name);
	}
}

class Son extends Father{
constructor(name,age,hobby){ //hobby是子类独有而父类没有的，也要记得写上
	super(name,age); //调用super方法让子类获取this对象
	this.hobby=h]]></description><category></category></item><item><title><![CDATA[闭包学习整理]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106619608</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106619608</guid><author>MixedSignals</author><pubDate>Mon, 08 Jun 2020 15:32:32 +0800</pubDate><description><![CDATA[什么是闭包
概念：是js中函数的一种高级应用方式
作用：调用函数中局部作用域变量，在函数之外可以直接使用。正常情况下只能使用return返回局部作用域变量的数值，要想调用使用int就必须要使用闭包。return只能返回一个数值，使用闭包的形式可以返回调用多个数值
闭包的执行条件
要使用执行闭包，必须要有3个条件，缺一不可
①在函数A中直接返回一个函数B，函数A的返回值是另一个函数B
②函数B中调用使用函数A中的局部作用域变量
③函数A外部有一个变量存储接收函数B
闭包的特点：优点同时也是缺点
①函数执行空间]]></description><category></category></item><item><title><![CDATA[let，const，var的区别]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106531168</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106531168</guid><author>MixedSignals</author><pubDate>Wed, 03 Jun 2020 19:21:26 +0800</pubDate><description><![CDATA[let是ES6新规定的一种声明变量的方法，用来取代ES5中var命令，消除var声明变量的不合理，不严谨之处。const用来声明常量。
let使用规则
1.let声明的变量不存在变量提升的问题，必须遵循 "先声明，后使用"否则会报错。但用var声明不会出现报错。
2.let声明的变量，存在块级作用域。let声明的变量只在所声明的代码块内有效，块级作用域{}，包括if和for
3.let不允许在同一作用域内重复声明同一个变量，var在同一个作用域内声明同一个变量后面会覆盖前面的，但是let会报错。
4.存在暂]]></description><category></category></item><item><title><![CDATA[ajax的封装与简单实例]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106528655</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106528655</guid><author>MixedSignals</author><pubDate>Wed, 03 Jun 2020 19:19:15 +0800</pubDate><description><![CDATA[封装的四个步骤：
①创建ajax对象
②配置定义请求信息内容
③发送ajax请求
④接收响应内容
针对于get请求
      function ajax(url, fnSuccess, fnError) {
        if (window.XMLHttpRequest) { //创建ajax实例化对象
          var xhr = new XMLHttpRequest();
        } else {
          var xhr = new ActiveXObject("Mi]]></description><category></category></item><item><title><![CDATA[cookie的增删改查]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106503496</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106503496</guid><author>MixedSignals</author><pubDate>Tue, 02 Jun 2020 20:30:33 +0800</pubDate><description><![CDATA[添加cookie，默认路径：在当前目录下 默认有效期：浏览器存续期间
document.cookie = "username=abc";

设置cookie的有效期和路径
①expires设置有效期
let oDate = new Date();
//7天之后的日期
oDate.setDate(oDate.getDate() + 7);
document.cookie = "username=abc;expires=" + oDate;

②路径设置
let oDate = new Date();
oDat]]></description><category></category></item><item><title><![CDATA[cookie学习整理]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106497910</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106497910</guid><author>MixedSignals</author><pubDate>Tue, 02 Jun 2020 19:30:50 +0800</pubDate><description><![CDATA[什么是cookie？
cookie是浏览器的一个功能，是前端浏览器的一种存储机制。本质上是在浏览器内建立一个文档文件，来存储浏览器执行页面时产生的一些数据。这些数据是各个浏览器都要使用的公共数据，会存储在cookie
cookie的时效
cookie存储的数据不会一直存储在浏览器的文件中，容易被攻击造成数据泄露。为了确保数据的安全性，cookie存储的数据是有时效性的，也就是有存储时间。如果到达存储事件，浏览器会自动删除cookie中存储的数据
cookie的时效性设定的是一个时间节点，超过这个时间节点的话]]></description><category></category></item><item><title><![CDATA[json字符串]]></title><link>https://blog.youkuaiyun.com/MixedSignals/article/details/106217397</link><guid>https://blog.youkuaiyun.com/MixedSignals/article/details/106217397</guid><author>MixedSignals</author><pubDate>Tue, 19 May 2020 16:31:29 +0800</pubDate><description><![CDATA[json字符串是专门用于数据交互时使用的一种特殊的字符串
不同计算语言，相同的数据类型，语法可能不同。需要将所有的计算机语言的数据内容转化为相同的格式，便于数据交互。计算机程序接收到json字符串之后，再转化为当前计算机语言可以支持的数据类型
PHP中定义一个数组  $arr = ['name'=&gt;'张三' , 'age'=&gt;18];
PHP中数组支持字符串作为索引键名
JavaScript中数组只支持数值作为索引下标
PHP中字符串数组就要转化为JavaScript中对象
不同计算机语言,都有]]></description><category></category></item></channel></rss>