![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
博客
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 · 261 阅读 · 0 评论 -
vue.js数据绑定 ,通过对象的set/get属性
// Vue.js 数据绑定就是通过对象的set/get属性完成的 // 在vue组件配置对象中声明的数据,会在创建组件对象时,会以set/get属性的方式将数据作为属性添加到组件对象上,在set方法添加了重新渲染组件的代码.所在,每当组件中的数据发生变化,执行set函数,先做属性赋值,然后执行渲染 var main = document.getElementById("main") ...原创 2019-11-01 14:05:25 · 1354 阅读 · 1 评论 -
钩子函数,生命周期函数
beforeCreate(){ console.log("index组件创建之前beforeCreate") }, created(){ console.log("index组件被创建出来了created") }, beforeMount(){ console.log("index组件渲染前beforeMount") }, ...原创 2019-10-31 19:17:41 · 147 阅读 · 0 评论 -
代理服务器
// 通用的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 · 3121 阅读 · 0 评论 -
异常捕获
/ 正常情况下,如果代码出错,会导致程序直接终止执行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 · 178 阅读 · 0 评论 -
对象属性定义
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 · 1591 阅读 · 0 评论 -
promise对象 promise含义
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。Promise对象有以下两个特点(1)对象的状态不受外界影响。(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。resolved 成功rejected 失败let fs = require...原创 2019-10-14 19:29:20 · 176 阅读 · 0 评论 -
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 · 153 阅读 · 0 评论 -
服务器 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 · 912 阅读 · 0 评论 -
jQuery动画
jQuery动画 // .show() 通过调整display:block 进行显示 // .hide() 通过调整display:none 进行隐藏 通过调整透明度进行动画 参数1 动画持续的事件 2. 动画结束时回调的函数 // fadeIn(1000,function()) 显示 通过调整透明度进行动画 参数1 动画持续的事件 ...原创 2019-09-18 21:39:32 · 125 阅读 · 0 评论 -
构造函数继承 原型链继承 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 · 267 阅读 · 0 评论 -
构造函数 对象的原型 函数对象的函数指定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 · 285 阅读 · 0 评论 -
jQuery元素创建 添加 删除 jQuery事件监听 jQuery动画
创建标签 $("<标签名>") 创建标签,返回的是一个jq对象 appendTo() 将标签添加到指定的标签下$("<div>").appendTo($('body'))append() 在指定标签中添加新的元素标签 $("body").append($("<hr>"))将标签添加到指定标签的前面 $("<hr>"...原创 2019-09-16 21:19:33 · 1155 阅读 · 0 评论 -
jQuery基础 jQueryDOM操作
jQuery基础jQuery 经典的前端开发工具包 提供了DOM操作 监听事件,做动画…等功能使用jQuery之前,先引用后使用导入jQuery之后 全局作用域下,多出了两个变量$ 和 jQuery 这两个变量指同一个对象为了尽可能减少污染js中的全局作用域,jquery将所有的功能函数都封装到了一个对象中,这个对象叫做jquery对象,一般情况下不会再找变量接受返回值,而是直接通过...原创 2019-09-16 20:52:33 · 172 阅读 · 0 评论 -
伪元素 伪类 背景图片 图片精灵 边框 盒模型 浮动布局 长度单位
伪类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 · 334 阅读 · 0 评论 -
css选择器的优先级 弹性布局 2D变形 隐藏标签
!important>行内样式>id选择器 >class选择器>标签选择器flex弹性布局**display:flex 开启弹性布局 父元素为容器 子元素为项目flex-direction: 设置主轴的方向 默认为row 横轴 从左向右排列row-reverse 横轴 从右向左排列colum 设置主轴的方向为数轴 默认从上向下进行排列colum-revers...原创 2019-09-09 19:53:16 · 183 阅读 · 0 评论 -
过渡动画 关键帧动画
过渡动画transition-property 表示哪些样式可以参与过渡效果 单个默认是都可以transition-duration 过渡动画持续的时间transition-timing-function 过渡动画的速率 ease 先快后慢linear 匀速 ease-in 先慢后快 ease-out 先快后慢 ease-in-out默认值 先加速后减速 开始慢中间快结束慢tra...原创 2019-09-09 20:01:53 · 420 阅读 · 0 评论 -
表单元素 viewport视口设置 媒体查询
表单元素***input 输入框 行内块元素type 输入框的类型 text 表示是一个文本输入框placeholder 占位字符 用于提示输入框应该输入的内容value 表示输入框中内容name 输入框的名字type = password 密码输入框 输入的内容以…形式type = email 邮箱输入框type = file 文件选择器type 数字输入框view...原创 2019-09-09 20:10:44 · 193 阅读 · 0 评论 -
变量 常用基本类型 基本运算符
变量var boxvar 声明变量 box 变量名var box = 10 变量可以在声明的时候直接赋值常用基本类型数字类型 number字符串类型 string布尔值类型 booleanvar box = 100 数字类型var box = “我爱你” 字符串类型 使用双引号包裹 也可以使用单引号var flag = true 布尔值类型 用于...原创 2019-09-10 21:10:17 · 175 阅读 · 0 评论 -
滚动事件 事件传播 阻止事件传递 window对象`事件 history对象
滚动事件onscroll 元素的滚动事件, 当元素内容发生滚动时触发,会多次触发clientHeight 元素本身高度scrollHeight 元素的内容高度scrollTop 表示纵向滚动偏移量document.documentElement 根标签(html)事件传播事件传递分为两个阶段 捕获阶段.冒泡阶段先从上层到下层进行捕获阶段,然后从下层到上层进行冒泡自己理解:’ ...原创 2019-09-11 20:13:38 · 799 阅读 · 0 评论 -
鼠标事件 键盘事件 表单元素事件
鼠标事件默全局范围内 , this 执行window scDiv.onclick = function(){ // this 指向scDiv console.log("单击") } 点击事件 // ondblclick 双击事件 scDiv.ondblclick = function(){ console.log("双击评论666!") } 双击点击此...原创 2019-09-11 20:30:33 · 226 阅读 · 0 评论 -
ready函数 jQuery筛选 事件代理(委托)
ready 函数DOM节点加载完毕后,触发执行函数 $(document).ready(function(){ console.log($("div")) }) 缩写为 $(function(){}) 就是$(document).ready(function(){}) 将需要操作DOM节点的代码放在ready函数中执行,可以保证操作的节点肯定加载出来了jQ...原创 2019-09-16 20:35:36 · 152 阅读 · 0 评论