TomQue-优快云博客

原创音乐时间过滤器

time = (z) => { // z就是调用函数传过来的值 let b let c //取出分钟 let zX = Math.floor(z / 60) //判断分钟是否大于10 小于就往前面拼接0 if (zX < 10) { zX = "0" + z...

2019-12-04 21:10:54 333

原创 vue.js数据绑定 ,通过对象的set/get属性

// Vue.js 数据绑定就是通过对象的set/get属性完成的 // 在vue组件配置对象中声明的数据,会在创建组件对象时,会以set/get属性的方式将数据作为属性添加到组件对象上,在set方法添加了重新渲染组件的代码.所在,每当组件中的数据发生变化,执行set函数,先做属性赋值,然后执行渲染 var main = document.getElementById("main") ...

2019-11-01 14:05:25 1475 1

原创钩子函数,生命周期函数

beforeCreate(){ console.log("index组件创建之前beforeCreate") }, created(){ console.log("index组件被创建出来了created") }, beforeMount(){ console.log("index组件渲染前beforeMount") }, ...

2019-10-31 19:17:41 223

原创代理服务器

// 通用的GET代理服务器 router.get("/api/proxy", (req, res)=>{ // // 拼接完整请求地址 let url = "" for (var k in req.query){ if (k!="url"){ let v = req.query[k] url += `&${k}=${v}` }else{ ...

2019-10-23 16:11:24 3222

原创异常捕获

/ 正常情况下，如果代码出错，会导致程序直接终止执行 function division(x,y){ if (y == 0){ // Error 错误类 // 手动触发一个错误 throw new Error("除数不能为0！") } return x/y } // try{要进行异常检测的代码}catch(error){捕获到异常错误执行处理代码}finally{...

2019-10-23 16:08:18 262

原创对象属性定义

let obj = {} // 1。给对象添加属性对象.或对象[] obj.name = "张三" console.log(obj.name, obj.age) // js中可以通过Object.defineProperty()方法，可以为对象添加自定义的属性 // 参数1 添加属性对象参数2 添加的属性名参数3 添加的属性值(配置对象) Object.defineProperty...

2019-10-23 16:05:42 1710

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise对象有以下两个特点（1）对象的状态不受外界影响。（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。 resolved 成功 rejected 失败 let fs = require...

2019-10-14 19:29:20 290

原创 url模块 nodejs创建项目 express框架 ejs模板类型

url模块 //url模块是node js 中的内置模块,用于处理url地址 var url =require("url") //解析一个url地址,返回一个url对象 url.parse() nodejs 创建项目在文件夹内打开cmd 命令工具执行npm init 命令用于在当前位置创建一个nodejs项目项目配置创建完成后,会在文件夹内生成一个package.json文件，就是...

2019-09-27 21:21:32 247

原创服务器 http模块 http发送请求

http模块创建先引入http模块 var http = require("http") var fs = require("fs") http.createServer () 创建一个http服务,参数监听函数返回一个对象服务对象 var app = http.createServer(function (req,res){ //req request 服务器请求 res resp...

2019-09-23 21:59:39 1046

原创 jQuery动画

jQuery动画 // .show() 通过调整display:block 进行显示 // .hide() 通过调整display:none 进行隐藏通过调整透明度进行动画参数1 动画持续的事件 2. 动画结束时回调的函数 // fadeIn(1000,function()) 显示通过调整透明度进行动画参数1 动画持续的事件 ...

2019-09-18 21:39:32 195

原创构造函数继承原型链继承 ES6类的声明及继承

构造函数继承 //通过构造函数创建父类 function People(name,age) { this.name = name this.age = age } //通过构造函数的prototype添加函数 People.prototype.say = function(content) { console.log(this.name + "说:" + content) } va...

2019-09-17 19:37:49 357

原创构造函数对象的原型函数对象的函数指定this调用

创建对象字面量方式创建 var p1 = { name :"张三", age : 22, run:function() { console.log(this.name + "跑步去了!") } } 通过new Object 创建对象 var p2 = new Object() //里面的Object为空需要手动添加 p2.name= "张三" p2.age = 22 p2...

2019-09-17 19:17:18 383

原创 jQuery元素创建添加删除 jQuery事件监听 jQuery动画

创建标签 $("<标签名>") 创建标签,返回的是一个jq对象 appendTo() 将标签添加到指定的标签下 $("<div>").appendTo($('body')) append() 在指定标签中添加新的元素标签 $("body").append($("<hr>")) 将标签添加到指定标签的前面 $("<hr>"...

2019-09-16 21:19:33 1279

原创 jQuery基础 jQueryDOM操作

jQuery基础 jQuery 经典的前端开发工具包提供了DOM操作监听事件,做动画…等功能使用jQuery之前,先引用后使用导入jQuery之后全局作用域下,多出了两个变量 $ 和 jQuery 这两个变量指同一个对象为了尽可能减少污染js中的全局作用域,jquery将所有的功能函数都封装到了一个对象中,这个对象叫做jquery对象,一般情况下不会再找变量接受返回值,而是直接通过...

2019-09-16 20:52:33 263

原创 ready函数 jQuery筛选事件代理(委托)

ready 函数 DOM节点加载完毕后,触发执行函数 $(document).ready(function(){ console.log($("div")) }) 缩写为 $(function(){}) 就是$(document).ready(function(){}) 将需要操作DOM节点的代码放在ready函数中执行,可以保证操作的节点肯定加载出来了 jQ...

2019-09-16 20:35:36 261

原创鼠标事件键盘事件表单元素事件

鼠标事件默全局范围内 , this 执行window scDiv.onclick = function(){ // this 指向scDiv console.log("单击") } 点击事件 // ondblclick 双击事件 scDiv.ondblclick = function(){ console.log("双击评论666！") } 双击点击此...

2019-09-11 20:30:33 338

原创滚动事件事件传播阻止事件传递 window对象`事件 history对象

滚动事件 onscroll 元素的滚动事件, 当元素内容发生滚动时触发,会多次触发 clientHeight 元素本身高度 scrollHeight 元素的内容高度 scrollTop 表示纵向滚动偏移量 document.documentElement 根标签(html) 事件传播事件传递分为两个阶段捕获阶段.冒泡阶段先从上层到下层进行捕获阶段,然后从下层到上层进行冒泡自己理解:’ ...

2019-09-11 20:13:38 978

原创变量常用基本类型基本运算符

变量 var box var 声明变量 box 变量名 var box = 10 变量可以在声明的时候直接赋值常用基本类型数字类型 number 字符串类型 string 布尔值类型 boolean var box = 100 数字类型 var box = “我爱你” 字符串类型使用双引号包裹也可以使用单引号 var flag = true 布尔值类型用于...

2019-09-10 21:10:17 249

原创表单元素 viewport视口设置媒体查询

表单元素 ***input 输入框行内块元素 type 输入框的类型 text 表示是一个文本输入框 placeholder 占位字符用于提示输入框应该输入的内容 value 表示输入框中内容 name 输入框的名字 type = password 密码输入框输入的内容以…形式 type = email 邮箱输入框 type = file 文件选择器 type 数字输入框 view...

2019-09-09 20:10:44 290

原创过渡动画关键帧动画

过渡动画 transition-property 表示哪些样式可以参与过渡效果单个默认是都可以 transition-duration 过渡动画持续的时间 transition-timing-function 过渡动画的速率 ease 先快后慢 linear 匀速 ease-in 先慢后快 ease-out 先快后慢 ease-in-out 默认值先加速后减速开始慢中间快结束慢 tra...

2019-09-09 20:01:53 549

原创 css选择器的优先级弹性布局 2D变形隐藏标签

!important>行内样式>id选择器 >class选择器>标签选择器 flex弹性布局 **display:flex 开启弹性布局父元素为容器子元素为项目 flex-direction: 设置主轴的方向默认为row 横轴从左向右排列 row-reverse 横轴从右向左排列 colum 设置主轴的方向为数轴默认从上向下进行排列 colum-revers...

2019-09-09 19:53:16 271

原创伪元素伪类背景图片图片精灵边框盒模型浮动布局长度单位

伪类 1.hover 当鼠标悬停时触发 2.visited a标签专用表示访问过的元素 3.focus 当元素成为焦点时触发 4.active 当元素被鼠标按下时触发 5.first-letter 元素内容的第一个字 6.first-line 元素内容的第一行伪元素 1.before 前缀伪元素为元素内容添加一个前缀 2.after 后缀伪元素为元素内容添加一个后缀 backg...

2019-09-09 19:37:50 434

TomQue的博客