TomQue-CSDN博客

原创音乐时间过滤器

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 259

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

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

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

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

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

2019-10-31 19:17:41 143

原创代理服务器

// 通用的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 3118

原创异常捕获

/ 正常情况下，如果代码出错，会导致程序直接终止执行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 176

原创对象属性定义

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 1588

原创 promise对象 promise含义

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

2019-10-14 19:29:20 171

原创 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 151

原创服务器 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 908

原创 jQuery动画

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

2019-09-18 21:39:32 124

原创构造函数继承原型链继承 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 266

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

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

2019-09-17 19:17:18 282

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

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

2019-09-16 21:19:33 1151

原创 jQuery基础 jQueryDOM操作

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

2019-09-16 20:52:33 168

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

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

2019-09-16 20:35:36 148

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

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

2019-09-11 20:30:33 225

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

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

2019-09-11 20:13:38 794

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

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

2019-09-10 21:10:17 171

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

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

2019-09-09 20:10:44 190

原创过渡动画关键帧动画

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

2019-09-09 20:01:53 418

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

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

2019-09-09 19:53:16 180

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

伪类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 329

TomQue的博客