一、前言使用npm来管理自己常用的工具类和组件使用和维护起很方便 先附上一个简单的npm包案例地址kuan-utils的github地址，可借鉴webpack配置 二、第一步npm申请账号npm地址官网地址：https://www.npmjs.com/ 申请步骤略过 三、制作自己的npm包 webpack配置需要注意的问题 ==>webpack配置地址示例 发布的包应该是经过babel转 ...
export一个变量
发表于
|
更新于
[js]export一个变量，变量改变后，export出去的结果会变吗 答案： 会改变 test.vue<template> <div> <button @click="handleClick">添加</button> </div></template><script> import {ad ...
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, ini ...
阿里oss断点续传(vue组件)
发表于
|
更新于
点击查看官方文档 (简单demo) 官网sdk介绍中js使用的库和node使用的是同一个包，ali-oss。和nodejs不同的是，js中使用需要在控制台设置允许跨域，和headers暴露信息 注意设置回掉callback中键值对中value必须是string类型 获取文件唯一MD5标识，文件过大会出现错误 安装yarn add ali-oss# ornpm install ali-o ...
webpack4打包vendor过大问题
发表于
|
更新于
webpack4 vendor过大解决方案 webpack.config中optimization配置多个cacheGroups，对库进行分类打包 需要注意window和mac正则分割符，已踩坑 optimization配置代码optimization: { namedChunks: true, splitChunks: { minSize: 3000 ...
真机调试（mac和iphone手机）
发表于
|
更新于
设置电脑safari手机浏览器 safari浏览器 -> 高级 -> 菜单中显示开发 设置手机 设置 -> safari浏览器 -> 高级 -> web检查器 连接 数据线连接 -> 手机safari浏览器打开需要调试页面 -> 电脑safari开发菜单找到对应手机名字
vue创建一个body作为父元素的弹窗
发表于
|
更新于
分别借鉴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= ...
vue自定义指令(元素出现在可视区域添加class)
发表于
|
更新于
自定义指令(元素出现在可视区域添加class)export default { inserted: function (el, binding) { // 聚焦元素 binding.addClass = () => { const { top } = el.getBoundingClientRect() co ...