填了个大空℃

导出文件

【代码】微信小程序连接标签打印机，打印标签。

export default class Bus { constructor() { this.PubSubCache = { $uid: 0 }; } on(type, handler) { let cache = this.PubSubCache[type] || (this.PubSubCache[type] = {}); handler.$uid = handler.$uid || thi

微信小程序自定义导航栏 wx.getMenuButtonBoundingClientRect() 有时候在ios会返回所有信息都是0globalData: { navBarHeight: 0, // 导航栏高度 menuTop: 0, // 胶囊距导航栏间距 menuBottom: 0, // 胶囊距底部间距（保持底部间距一致） menuRight: 0, // 胶囊距右方间距（方保持左、右间距一致） menuWidth: 0, // 胶囊长度 menuHeight:

若是toDataURL方法报错，是因为图片路径不对，本地图片要转换成base64function dataURLToBlob(dataurl) { let arr = dataurl.split(','); let mime = arr[0].match(/:(.*?);/)[1]; let bstr = atob(arr[1]); let n = bstr.length; let u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bs

MQTT根据QoS定义的等级来传输消息。等级描述如下：level 0：最多一次的传输消息是基于TCP/IP网络传输的。没有回应，在协议中也没有定义重传的语义。消息可能到达服务器1次，也可能根本不会到达。level 1：至少一次的传输服务器接收到消息会被确认，通过传输一个PUBACK信息。如果有一个可以辨认的传输失败，无论是通讯连接还是发送设备，还是过了一段时间确认信息没有收到，发送方都会将消息头的DUP位置1，然后再次发送消息。消息最少一次到达服务器。SUBSCRIBE和UNSUBSCRIBE都使用

商品数量修改VUE中使用<counting :disabled="" // 是否禁用 :numbers="" // 商品数量 :stockNum="" // 商品库存 :maxNum="" // 最大购买值 :minNum="" // 最小购买值 @changeNumber="changeNumber($event, v1.id)" // 改变数量后的方法/>组件<template> <div :class="{ counting: true,

下载npm install vue-count-to -S直接使用<template><countTo :startVal='startVal' :endVal='endVal' :duration='2000'></countTo></template><script>import countTo from 'vue-count-to';export default { components: { countTo }, d

<template> <div id="redEnvelopeRain"> <div class="box" ref="box"></div> </div></template><script>import { random } from "@/utils/index.js";export default { name: "redEnvelopeRain", data() { return {};

// main.js 中// 点击复制import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);项目中this.$copyText("阿大撒大撒").then(() => {// 复制成功后操作});

/* HTML */<!-- 复制按钮 --><div class="copyBtn" onclick="copyContent('adas1165465165');">复制淘口令</div><input id="copy_content" type="text" value="" style="position: fixed;top: -100px;z-index: -10;" /> /*js*/// 点击复制function copyCon

React React上传头像并且裁剪使用一个插件 react-avatar-editor文档地址： https://www.npmjs.com/package/react-avatar-editornpm 下载 npm i react-avatar-editor -S版本最好是10.0.7，新版可能会报错文件不能使用http图片，否则canvas导出会报错跨域，只能从本地上传图片然后转换成base64传给裁剪组件代码和效果（使用antd - ui）import AvatarEditor

// 获取url域名后拼接的参数，并且转换成对象const getLocationSearchQUery = () => { let str = location.search.slice(1); let strArr = str.split('&'); let sendData = {}; strArr.forEach(v => { let newInfo = v.split('='); sendData[newInfo[0]] = newInfo[1]; })

// 改变表单项export const changeForm = (key, value, formData) => { let cloneFormData = { ...formData } return new Promise((resolve) => { if (typeof key == 'object' && typeof key.length == 'number' && typeof value.length != 'number

合并表格中连续的相同的列// antd表格合并列/*key: 键值row：当前行index：当前行索引listData：表格全部数据*/export const rowSpanTable = (key, row, index, listData) => { let rowSpan = 1 let arrIndex = 0 listData.forEach((item, Dindex) => { if (item.id === row.id) { a

组件代码import React, { Component } from 'react'import echarts from 'echarts'class Echart extends Component { constructor(props) { super(props) this.state = { } } // 挂载完成之后，因为React初始化echarts时长宽可能会获取到顶层，所以延迟200去生成，不影响视觉效果 componentDidMo

{ "rules": { "eqeqeq":["off"], "guard-for-in": 0, "max-len" : ["error", {"code" : 300}], "comma-spacing": ["error", { "before": false, "after": true }], "no-mixed-spaces-and-tabs": ["error", "smart-tabs"], "comma-dangle": ["error"

el-image组件它是先渲染好浏览图片的div，当点击图片时直接把隐藏的div显示出来。当关闭时就直接隐藏div，下次点击又是直接显示div，并没有处理图片顺序。所以再次打开就是展示关闭前的图片。//如果想每次点击都显示第一张。目前一个方法就是监听图片添加一个点击事件，对this.srcList重新赋值就可以了mounted() { document.addEventListener('click', (e) => { if (e.target.classList.contains('el

封装js-cookie库import Cookies from 'js-cookie'export const setCookie = (name, value, days) => { return Cookies.set(name, value, { domain: domain, expires: days })}export const getCookie (name) => { return Cookies.get(name, { domain: domain })}

因为有自定义请求头userId和token，所以先会进行options，options后服务端返回了，但是前端浏览器没有进行post，因为后台设置的headers为*，可能ios13/安卓10一下浏览器识别不出来后台允许有自定义请求头的存在所以后台将Access-Control-Allow-Headers: *修改为Access-Control-Allow-Headers: accept, content-type, origin, userid, token将自定义请求头和默认请求头全

表单// 邮箱验证export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}// 手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}// 电话号码export const isPhone = (s) => {

嘤嘤嘤<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table tbody tr

window.location.href = document.referrer;window.history.back(-1);

1.@click=“xxx”,xxx方法没有在methods中定义Cannot read property ‘_wrapper’ of undefined

首先在html中引入sdk，位于head和body之间<!DOCTYPE html><html lang="en" style="font-size: 20px;"> <head></head> <!-- 验证码 --> <script src="https://ssl.captcha.qq.com/TCaptcha...

单页面和多页面的优缺点比较

js 的 padStart() 和 padEnd() 方法将一个 字符串 的长度规定，如果达不到这个长度，则向前/后补充一个值方法参数说明padStart(num, val)规定一个字符串长度为 num，如果长度不够，往 前 补 val（可选）padEnd(num, val)规定一个字符串长度为 num，如果长度不够，往 后 补 val（可选）co...

使用office官方提供的方法let url = ''window.location.href = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}`其中url是要打开的文件，要求必须在公网中可以访问的到，然后直接打开链接就可以在线预览...

无理的新需求。。公司自己内部系统，接入钉钉扫码登录。。。https://ding-doc.dingtalk.com/doc#/serverapi2/etaarr钉钉开发文档注意，上面这一步得联系管理员去操作，因为只有管理员可以登录钉钉开发者平台这里使用方式有 两种第一种是跳转连接到一个页面，扫码登录之后返回第二种是直接在页面上显示扫码这里我用的第二种方式，代码如下首先引入需...

父子组件传值，在父组件中传入，子组件中 props 接收举个例子：// 父组件中引用子组件，并将 addUserInfo 传入子组件<add-user :addUserInfo="addUserInfo" />// 子组件中接收 addUserInfo props: { addUserInfo: { type: Boolean, de...

Vue.use() 在 vue 中使用很多，比如 ElementUI，Router，Vuex 等组件在引用后都会使用 Vue.use 将他们传入作为参数使用，今天记录一下 Vue.use 的用法先看一下官方给的文档说明安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作...

项目中一个简单的方法，传入人民币数值后将数值改变成格式化的人民币格式，代码如下：dealNumber(money){if(money && money!=null){ money = String(money); var left=money.split('.')[0],right=money.split('.')[1]; right = right ? (r...