
es6
文章平均质量分 92
codeXml
web developer
展开
-
instanceof原理解析
原理:当A的原型链中包含B的显式原型则匹配成功,否则失败。什么是隐式原型(__proto__)什么是显式原型(prototype)?1.函数的prototype属性:在函数定义时自动添加的,默认值是一个空的object对象2.对象的__proto__属性:创建对象时自动添加对的默认值为构造函数的prototype属性值3.程序员可以直接操作显式原型,但是不能直接操作隐式原型(ES6之前)对象的隐式原型为其对应构造函数的显式原型的值什么是原型链呢?可以看这篇介绍代码实现:functio.原创 2020-11-05 18:19:44 · 283 阅读 · 0 评论 -
vue在列表中使用倒计时
应用场景:订单列表中每个待支付订单的有效时长倒计,或者拼团的倒计时,如下1、html仅展示主要部分,这里limit_time 的值为一个具体时长,如:86400秒,可以根据自己的实际情况进行换算。<div v-for="(spellGroup, index) in groups" :key="index"> <p >剩余 {{spellGroup.limit_ti...原创 2020-02-24 15:49:21 · 5496 阅读 · 6 评论 -
async和await的用法
方法一: async function getData(){ return('这是个异步方法’); } var demo = getData(); demo.then((data) => { console.log(data); //这是个异步方法 })方法二://await可以获取异步方法中的数据,但是只能用在异步方法中 async...原创 2018-12-22 13:36:36 · 2455 阅读 · 0 评论 -
ES6常用语法
一、let、const和var的区别 var 为全局作用域,let和const为块级作用域,var和let用法一致 const定义常量,且必须在定义的同时赋值 const定义的常量名不能重复赋值二、模板字符串的用法 let name = 'slj'; let sex= ‘女’; console.log(`${name}的性别是${sex}`); //slj的性别是女...原创 2018-12-22 13:43:09 · 137 阅读 · 0 评论 -
利用单例优化性能
class DB{ static getInstance(){ //单例 if(!DB.instance){ DB.instance = new DB(); } return DB.instance; } constructor(){ //构造函数 console.log('实例化会触发构造函数'); this.conn...原创 2018-12-24 16:54:16 · 154 阅读 · 0 评论 -
vue同级组件间传值
1、在main.js同级目录下新建new.js文件import Vue from 'vue'export default new Vue()2、在组件a中传出值先引入new.js文件,再通过$emit传值<template> <div @click="onfocus"></div></template><script>...原创 2019-01-13 18:56:49 · 8791 阅读 · 0 评论 -
滚动到一定位置时导航栏置顶-vue
获取距离的id元素和添加样式的元素可以是包含关系也可以是并列关系<div id='testNavBar'> <div :class='{ fixedNavbar: isfixTab }'>这是导航</div></div>或<div id='testNavBar'></div><div :class='{ fi...原创 2019-08-19 14:04:03 · 2692 阅读 · 0 评论 -
vue封装多个filters全局过滤器在一个文件
实现的效果:将所有的全局过滤器方法都放在filter.js文件中,在main.js进行全局注册,在其他vue组件中直接使用。过滤器filters通常用来过滤一些状态为自己想要的形式,比如后台返回status// num等于0, 1, 2// 对应的状态 0:小甲鱼, 1: 带鱼, 2:美人鱼status: num这个时候过滤器就很方便了,如果只在某一个组件有这个状态,那直接在当前组件...原创 2019-09-20 11:06:31 · 873 阅读 · 0 评论