前端 简化后台项目【增删该查禁用启用】

前端开发

简单封装后台类项目增删该查

使用webpack发布npm包

webpack

使用npm来管理自己常用的工具类和组件使用和维护起很方便

export一个变量

前端开发

[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下载方法整理

前端开发

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转码和解码

前端开发

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获取本地图片文件尺寸

前端开发

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组件)

vue

阿里oss断点续传(vue组件)

webpack4打包vendor过大问题

webpack

webpack4 vendor过大解决方案,webpack.config中optimization配置多个cacheGroups,对库进行分类打包

真机调试(mac和iphone手机)

前端开发

真机调试(mac和苹果手机)

vue创建一个body作为父元素的弹窗

vue

分别借鉴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>

vue自定义指令(元素出现在可视区域添加class)

vue

自定义指令(元素出现在可视区域添加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中使用配置百度统计和微信分享

vue

vue中使用配置百度统计和微信分享

js实现语音朗读

前端开发

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中使用钉钉群接受运维警报

前端开发

vue中使用钉钉群接受运维警报

使用koa,knex操作数据库

nodeJs

使用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:

标签

  • 全部
  • html
  • css
  • js基础
  • react
  • nodeJs
  • 前端开发
  • 娱乐
  • linux
  • windows
  • 关于我
  • mysql
  • 七牛
  • 微信
  • vue
  • git
  • webpack
  • 小程序
  • docker
  • python