<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[TomQue的博客]]></title><description><![CDATA[一个人一个世界]]></description><link>https://blog.youkuaiyun.com/TomQue</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; TomQue]]></copyright><item><title><![CDATA[音乐时间过滤器]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/103394524</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/103394524</guid><author>TomQue</author><pubDate>Wed, 04 Dec 2019 21:10:54 +0800</pubDate><description><![CDATA[time = (z) =&gt; {
 // z就是调用函数传过来的值
        let b
        let c
         //取出分钟 
        let zX = Math.floor(z / 60)
        //判断分钟是否大于10  小于就往前面拼接0
        if (zX &lt; 10) {
            zX = "0" + z...]]></description><category></category></item><item><title><![CDATA[vue.js数据绑定 ,通过对象的set/get属性]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/102856418</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/102856418</guid><author>TomQue</author><pubDate>Fri, 01 Nov 2019 14:05:25 +0800</pubDate><description><![CDATA[// Vue.js 数据绑定就是通过对象的set/get属性完成的
		// 在vue组件配置对象中声明的数据,会在创建组件对象时,会以set/get属性的方式将数据作为属性添加到组件对象上,在set方法添加了重新渲染组件的代码.所在,每当组件中的数据发生变化,执行set函数,先做属性赋值,然后执行渲染
		var main = document.getElementById("main")
	...]]></description><category></category></item><item><title><![CDATA[钩子函数,生命周期函数]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/102843900</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/102843900</guid><author>TomQue</author><pubDate>Thu, 31 Oct 2019 19:17:41 +0800</pubDate><description><![CDATA[beforeCreate(){
				console.log("index组件创建之前beforeCreate")
			},
			created(){
				console.log("index组件被创建出来了created")
			},
			beforeMount(){
				console.log("index组件渲染前beforeMount")
			},
	...]]></description><category></category></item><item><title><![CDATA[代理服务器]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/102703540</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/102703540</guid><author>TomQue</author><pubDate>Wed, 23 Oct 2019 16:11:24 +0800</pubDate><description><![CDATA[// 通用的GET代理服务器
router.get("/api/proxy", (req, res)=&gt;{
	// 
	// 拼接完整请求地址
	let url = ""
	for (var k in req.query){
		
		if (k!="url"){
			let v = req.query[k]
			url += `&amp;${k}=${v}`
		}else{
			...]]></description><category></category></item><item><title><![CDATA[异常捕获]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/102703434</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/102703434</guid><author>TomQue</author><pubDate>Wed, 23 Oct 2019 16:08:18 +0800</pubDate><description><![CDATA[/ 正常情况下，如果代码出错，会导致程序直接终止执行

function division(x,y){
	
	if (y == 0){
		// Error 错误类
		// 手动触发一个错误
		throw new Error("除数不能为0！")
	}
	
	return x/y
}


// try{要进行异常检测的代码}catch(error){捕获到异常错误执行处理代码}finally{...]]></description><category></category></item><item><title><![CDATA[对象属性定义]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/102703356</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/102703356</guid><author>TomQue</author><pubDate>Wed, 23 Oct 2019 16:05:42 +0800</pubDate><description><![CDATA[let obj = {}

// 1。给对象添加属性 对象.或对象[]
obj.name = "张三"

console.log(obj.name, obj.age)


// js中可以通过Object.defineProperty()方法，可以为对象添加自定义的属性
// 参数1 添加属性对象  参数2 添加的属性名 参数3 添加的属性值(配置对象)
Object.defineProperty...]]></description><category></category></item><item><title><![CDATA[promise对象  promise含义]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/102554782</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/102554782</guid><author>TomQue</author><pubDate>Mon, 14 Oct 2019 19:29:20 +0800</pubDate><description><![CDATA[Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。
Promise对象有以下两个特点
（1）对象的状态不受外界影响。
（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。
resolved 成功
rejected 失败
let fs = require...]]></description><category></category></item><item><title><![CDATA[url模块 nodejs创建项目 express框架  ejs模板类型]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/101559177</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/101559177</guid><author>TomQue</author><pubDate>Fri, 27 Sep 2019 21:21:32 +0800</pubDate><description><![CDATA[url模块
//url模块是node js 中的内置模块,用于处理url地址
var url =require("url")
//解析一个url地址,返回一个url对象
url.parse()



nodejs 创建项目
在文件夹内打开cmd 命令工具
执行npm init 命令 用于在当前位置创建一个nodejs项目
项目配置创建完成后,会在文件夹内生成一个package.json文件，就是...]]></description><category></category></item><item><title><![CDATA[服务器 http模块   http发送请求]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/101228008</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/101228008</guid><author>TomQue</author><pubDate>Mon, 23 Sep 2019 21:59:39 +0800</pubDate><description><![CDATA[http模块创建
先引入http模块
var http = require("http")
var fs  = require("fs")
http.createServer () 创建一个http服务,参数监听函数 返回一个对象 服务对象
var app = http.createServer(function (req,res){
//req request 服务器请求   res resp...]]></description><category></category></item><item><title><![CDATA[jQuery动画]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100999139</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100999139</guid><author>TomQue</author><pubDate>Wed, 18 Sep 2019 21:39:32 +0800</pubDate><description><![CDATA[jQuery动画
    //  .show() 通过调整display:block 进行显示
   
    //  .hide() 通过调整display:none 进行隐藏  通过调整透明度进行动画
    参数1 动画持续的事件 2. 动画结束时回调的函数
    // fadeIn(1000,function())    显示  通过调整透明度进行动画
    参数1 动画持续的事件 ...]]></description><category></category></item><item><title><![CDATA[构造函数继承  原型链继承  ES6类的声明及继承]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100936462</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100936462</guid><author>TomQue</author><pubDate>Tue, 17 Sep 2019 19:37:49 +0800</pubDate><description><![CDATA[构造函数继承
//通过构造函数创建父类
function People(name,age)
{
  this.name = name 
  this.age = age
}
//通过构造函数的prototype添加函数
People.prototype.say = function(content)
{
  console.log(this.name + "说:" + content)
}
va...]]></description><category></category></item><item><title><![CDATA[构造函数   对象的原型 函数对象的函数指定this调用]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100935774</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100935774</guid><author>TomQue</author><pubDate>Tue, 17 Sep 2019 19:17:18 +0800</pubDate><description><![CDATA[创建对象
字面量方式创建
var p1 = {
name :"张三",
age : 22,
run:function()
  {
     console.log(this.name + "跑步去了!")
  }
}
通过new Object 创建对象 
var p2 = new Object()
//里面的Object为空 需要手动添加
p2.name= "张三"
p2.age = 22
p2...]]></description><category></category></item><item><title><![CDATA[jQuery元素创建 添加 删除   jQuery事件监听  jQuery动画]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100901495</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100901495</guid><author>TomQue</author><pubDate>Mon, 16 Sep 2019 21:19:33 +0800</pubDate><description><![CDATA[创建标签
 $("&lt;标签名&gt;") 创建标签,返回的是一个jq对象
 appendTo() 将标签添加到指定的标签下
$("&lt;div&gt;").appendTo($('body'))

append() 在指定标签中添加新的元素标签
		$("body").append($("&lt;hr&gt;"))

将标签添加到指定标签的前面
        $("&lt;hr&gt;"...]]></description><category></category></item><item><title><![CDATA[jQuery基础 jQueryDOM操作]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100900910</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100900910</guid><author>TomQue</author><pubDate>Mon, 16 Sep 2019 20:52:33 +0800</pubDate><description><![CDATA[jQuery基础
jQuery 经典的前端开发工具包 提供了DOM操作 监听事件,做动画…等功能
使用jQuery之前,先引用后使用
导入jQuery之后 全局作用域下,多出了两个变量
$ 和 jQuery 这两个变量指同一个对象

为了尽可能减少污染js中的全局作用域,jquery将所有的功能函数都封装到了一个对象中,这个对象叫做jquery对象,一般情况下不会再找变量接受返回值,而是直接通过...]]></description><category></category></item><item><title><![CDATA[ready函数  jQuery筛选 事件代理(委托)]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100900414</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100900414</guid><author>TomQue</author><pubDate>Mon, 16 Sep 2019 20:35:36 +0800</pubDate><description><![CDATA[ready 函数
DOM节点加载完毕后,触发执行函数
 $(document).ready(function(){
		console.log($("div"))
		 })
		 缩写为
		 $(function(){}) 就是$(document).ready(function(){})
		 将需要操作DOM节点的代码放在ready函数中执行,可以保证操作的节点肯定加载出来了



jQ...]]></description><category></category></item><item><title><![CDATA[鼠标事件 键盘事件  表单元素事件]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100747876</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100747876</guid><author>TomQue</author><pubDate>Wed, 11 Sep 2019 20:30:33 +0800</pubDate><description><![CDATA[鼠标事件
默全局范围内 , this 执行window
	scDiv.onclick = function(){
			// this 指向scDiv
			console.log("单击")
		}
		点击事件

	// ondblclick 双击事件
		scDiv.ondblclick = function(){
			console.log("双击评论666！")
		}
		双击点击此...]]></description><category></category></item><item><title><![CDATA[滚动事件 事件传播  阻止事件传递 window对象`事件  history对象]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100746552</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100746552</guid><author>TomQue</author><pubDate>Wed, 11 Sep 2019 20:13:38 +0800</pubDate><description><![CDATA[滚动事件
onscroll 元素的滚动事件, 当元素内容发生滚动时触发,会多次触发
clientHeight 元素本身高度
scrollHeight 元素的内容高度
scrollTop 表示纵向滚动偏移量
document.documentElement 根标签(html)
事件传播
事件传递分为两个阶段   捕获阶段.冒泡阶段
先从上层到下层进行捕获阶段,然后从下层到上层进行冒泡
自己理解:’ ...]]></description><category></category></item><item><title><![CDATA[变量  常用基本类型 基本运算符]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100711381</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100711381</guid><author>TomQue</author><pubDate>Tue, 10 Sep 2019 21:10:17 +0800</pubDate><description><![CDATA[变量
var  box
var 声明变量  box 变量名
var box = 10  变量可以在声明的时候直接赋值

常用基本类型
数字类型     number
字符串类型   string
布尔值类型  boolean
var box = 100   数字类型
var box = “我爱你”  字符串类型  使用双引号包裹 也可以使用单引号
var flag = true  布尔值类型 用于...]]></description><category></category></item><item><title><![CDATA[表单元素  viewport视口设置 媒体查询]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100673239</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100673239</guid><author>TomQue</author><pubDate>Mon, 09 Sep 2019 20:10:44 +0800</pubDate><description><![CDATA[表单元素
***input 输入框 行内块元素
type 输入框的类型 text 表示是一个文本输入框
placeholder 占位字符 用于提示输入框应该输入的内容
value 表示输入框中内容
name  输入框的名字
type = password  密码输入框 输入的内容以…形式
type = email 邮箱输入框
type = file  文件选择器
type  数字输入框

view...]]></description><category></category></item><item><title><![CDATA[过渡动画 关键帧动画]]></title><link>https://blog.youkuaiyun.com/TomQue/article/details/100672978</link><guid>https://blog.youkuaiyun.com/TomQue/article/details/100672978</guid><author>TomQue</author><pubDate>Mon, 09 Sep 2019 20:01:53 +0800</pubDate><description><![CDATA[过渡动画
transition-property 表示哪些样式可以参与过渡效果 单个
默认是都可以
transition-duration 过渡动画持续的时间
transition-timing-function 过渡动画的速率 ease 先快后慢
linear 匀速 ease-in 先慢后快 ease-out 先快后慢  ease-in-out
默认值  先加速后减速 开始慢中间快结束慢
tra...]]></description><category></category></item></channel></rss>