简单封装后台类项目增删该查
使用npm来管理自己常用的工具类和组件使用和维护起很方便
[js]export一个变量,变量改变后,export出去的结果会变吗 答案: 会改变 test.vue <template> <div> <button @click="handleClick">添加</button> </div> </template> <script> import {add, num} from './test.js' export default { methods: { handleClick(
js下载方法整理 整理了几个简单的下载方法 // 通过路径下载 export function download(href, name = `${Date.now()}.txt`) { const a = document.createElement('a') a.download = name a.style.display = 'none' a.href = href document.body.appendChild(a) a.click() document.body.removeChild(a) } // 下载blob
js进行Base64转码和解码 // base64编码 const b = window.btoa('1234') console.log(b) // base64解码 const a = window.atob(b) console.log(a) // 中文在base64处理之前需要转换 encodeURIComponent() console.log(encodeURIComponent('哈哈哈'))
js获取本地图片文件尺寸 第一次碰到这种需求,随手记录一下 <!doctype html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'> &l
阿里oss断点续传(vue组件)
webpack4 vendor过大解决方案,webpack.config中optimization配置多个cacheGroups,对库进行分类打包
真机调试(mac和苹果手机)
分别借鉴elementui的dialog和mint-ui的toast组件 最新版弹窗 <template> <div v-if='visible' class='my-model center-flex'> <div @click='close' ref='model' class='bg'></div> <div class='wrapper'> <slot></slot>
自定义指令(元素出现在可视区域添加class) export default { inserted: function (el, binding) { // 聚焦元素 binding.addClass = () => { const { top } = el.getBoundingClientRect() const h = document.documentElement.clientHeight || document.body.clientHeight if (top < h) { el.classNam
vue中使用配置百度统计和微信分享
js实现语音朗读 文章原文 <!doctype html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'> <meta http-equi
vue中使用钉钉群接受运维警报
使用koa,knex操作数据库 重新整理了一下增删改查的方法,中间没有做任何安全判断,但是个人使用感觉很方便 knex官网 另一篇knex入门 /** * mysql helper * author: luzhongk@126.com */ const db = require('../utils/mysql.js') // knex const moment = require('moment') function formatData(data = []) { const FORMAT = 'YYYY-MM-DD HH:mm: