4 我们明天会更好

尚未进行身份认证

我要认证

多学习,多运动。

等级
TA的排名 13w+

js 扫码枪功能面向对象封装

1、Scan类创建/** * @description 封装扫码对象 * @param {Object} {onchange: function(code) {}} 回调函数 */class Scan { constructor({ onchange = null }) { this.code = ''; this.lastTime = ''; this.nextTime = ''; this.lastCode = ''; this.nextCode

2020-07-14 10:45:35

js防抖和节流

// 防抖_debounce (fn, delay) { var delay1 = delay || 200 var timer return function () { var th = this var args = arguments if (timer) { clearTimeout(timer) } timer = setTimeout(function () { timer = null fn.apply(

2020-06-29 18:00:35

js 获取扫码枪输入数据

1、扫码枪相当于键盘输入设备,输入一连串数字后加一个enter键。但在实际开发中需要区分是扫描枪输入还是键盘用户输入,区别在于扫码枪输入很快。 let code = ''; let lastTime, nextTime; let lastCode, nextCode; window.document.onkeypress = (e) => { if (window.event) { // IE nextCode = e.ke

2020-06-08 10:43:23

vue打印功能

1、html<div @click="print"></div><div ref="printContent"> <div style="">要打印的内容</div></div>2、jsprint() { window.document.body.innerHTML = this.$refs.conten...

2020-03-26 16:24:21

js中删除两个数组中id相同的对象

let arr1= [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }, { id: 5 }]; let arr2= [{ id: 1 }, { id: 2 }, { id: 3 }]; let idList= arr2.map(item => item.id); arr1= arr1.filter( item => { retur...

2020-01-14 15:16:27

node.js安装和环境配置

1、官网下载node.js,并安装;2、如果安装路径为:D:\nodejs,则在环境变量中新建变量为:NODE_PATH,值为:D:\nodejs\node_modules;3、在D:\nodejs文件夹中新建node_global和node_cache,然后在cmd窗口中执行:npm config set prefix “D:\nodejs\node_global” 回车npm conf...

2019-09-20 10:45:17

Object.prototype.toString检测对象类型

let arr = [];let obj = {};function fun(){ }let toString = Object.prototype.toString;// 检测数组类型console.log(toString.call(arr) === '[object Array]'); // true// 检测对象类型console.log(toString.call(ob...

2019-09-19 14:00:06

PowerMobile2 表单配置详细说明

配置说明{ "keyword" : "", // 关键词 "keywordType" : "", // BO(关键词类型BO | ViewEntity) "keyField" : "", // 主键, 默认Id "name" : "", // 基础信息(页签名称) "titleField" : "", // 标题字段 "statusField" : "", //主表状态字...

2019-09-18 13:19:49

http缓存:强缓存和协商缓存

一、强缓存1、expires:这是http1.0时的规范;它的值为一个绝对时间的GMT格式的时间字符串,如Mon, 10 Jun 2015 21:31:12 GMT,缺点是服务器时间不一定和浏览器同步2、cache-control,常见的设置是max-age public private no-cache no-store二、协商缓存1、Last-Modified/If-Modified-...

2019-09-03 15:09:53

js实现继承的方式以及各个方式的优缺点

1、借助构造函数实现继承,缺点是不能继承Parent1的原型对象/** * 借助构造函数实现继承 */function Parent1(){ this.name = "parent1";}function Child1(){ Parent1.call(this); this.type = "child1";}2、借助原型链实现继承,缺点是Parent2的原型对象是共用...

2019-08-30 17:11:51

vuex在vue项目中的使用

1、项目目录2、state.jsconst state = { test: ""};export default state;3、getters.jsexport const test = state => state.test;4、mutation-types.jsexport const TEST = "TEST";5、mutations.jsimpo...

2019-08-13 13:56:58

vue组件切换动画

1、在html上加入transition,并命名为slide<template> <transition name="slide" appear> <div></div> </transition></template>2、css如下:// 添加入场和离场动画.slide-enter...

2019-08-13 10:38:12

js原型链继承

父类的实例等于子类的原型//父类function Person(name){ this.name = name; this.sum = function(){ alert(this.name); }}Person.prototype.age = 10;function Children(){ this.name = "children";}Children.protot...

2019-08-05 11:18:13

js call apply实现继承

这样 Class2 就继承Class1了,Class1.call(this) 的 意思就是使用 Class1 对象代替this对象,那么 Class2 中不就有Class1 的所有属性和方法了吗,c2 对象就能够直接调用Class1 的方法以及属性了,执行结果就是:alert(“cc”);function Class1() { this.showTxt = function(txt) ...

2019-08-05 11:01:45

vue解决watch对象属性变化监听不到的问题

<template> <div> <p @click="fun1" style="color: blue">方式一</p> <p @click="fun2" style="color: blue">方式二</p> </div></template><script> exp...

2019-08-02 10:23:25

js递归实现深拷贝

function deepClone(source){ const targetObj = source.constructor === Array ? [] : {}; // 判断复制的目标是数组还是对象 for(let keys in source){ // 遍历目标 if(source.hasOwnProperty(keys)){ if(source[keys] ...

2019-07-26 10:58:36

js日期标准转换格式、日期汉字转换格式

1.日期标准转换格式// 自定义时间格式 :format// "yyyy-MM-dd HH:mm:ss";"yyyy-MM-dd-HH-mm-ss"// "yyyy-MM-ddTHH:mm:ss" ....export function formatDate (time, format) { if (!time) { return '' } if (typeof ti...

2019-07-25 16:22:51

vue axios封装

// axios方法封装import axios from "axios";import qs from "qs"function apiUnit (url, params, method="post") { return new Promise ((resolve, reject) => { let option = { method: method, ...

2019-07-25 16:10:12

vue transition 动画

1、html<div id="example"> <button @click="show = !show">Toggle show</button> <transition name="bounce"> <p v-if="show">Lorem ipsum dolor sit amet, consectetur adi...

2019-07-19 11:33:09

css实现移动端滚动

height: calc(100% - 50px);overflow-y: auto;-webkit-overflow-scrolling: touch;

2019-07-15 10:00:33

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。