- 博客(155)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx
vite打包报错 Rollup failed to resolve
2022-12-02 16:54:04
10575
原创 npm发包以及问题
文章目录注册账号上传E403问题以及修改源注册账号npm上传在你需要上传的包的当前文件夹打开终端,准备登录你刚刚注册(已有)的账号登录账号：npm adduser然后根据提示输入账号、密码、邮箱；输入完后会给你提示，你当前的源是在哪，有的可能装cnpm那么就会是在别的源，那么就需要切换到https://registry.npmjs.org源；在下边问题统一发布：npm publishE403问题以及修改源源不正确的话，需要切换源查看源：npm config get regi
2022-01-21 10:16:18
1955
原创 vue3.x中使用vue-cropper进行图片裁剪
在vue3.x中使用应该使用vue-cropper@next版本github详解npm install vue-cropper@nextimport 'vue-cropper/dist/index.css'//组件中使用import { VueCropper } from "vue-cropper";自己可以把裁剪二次封装成一个组件，用在自己项目中可以使用一个dialog承载它，当你上传完图片，展示裁剪dialog进行裁剪 <el-dialog v-model=".
2021-12-22 16:28:25
8018
2
原创 element-plus的el-date-picker中value-format属性失效以及只选择到时分值
element-plus,vue3.0,value-format
2021-12-08 10:10:52
6263
原创 vue项目打包文件chunk-vendors过大优化以及其他的优化方案
直接看我看过的吧点击 这个比较多点击2 这个直接配置点击3 关于一个webpack版本的报错，我用的是webpack@^4.23.0 的，某些新版本的库要求 webpack@5，更新依赖时，根据依赖选择的规则，就以 webpack@5 作为主依赖安装。然而 @vue/cli 依赖 webpack@4，它自带的 webpack 配置无法兼容 webpack@5 ，于是就报错，不能继续编译。点击4 关于Cannot read property ‘tapPromise‘ of undefine.
2021-09-29 10:21:46
1107
2
原创 vue使用Geetest进行滑动验证
文档地址参数配置首先到官方的demo中去下载gt.js文件，gt.js地址在main.js中引入gt.js文件，这样就能使用它的初始化api，挂在到了windows上// 使用Geetest 滑动校验import "@/assets/js/gt"//在登录页面<template> <section> <div id="test"></div> </section></template>&l.
2021-09-18 11:33:41
884
原创 vue3.0 深度选择器被弃用 the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
在使用vue3.0的结婚element-plus的时候，修改element的一个组件样式的时候，报警告：the >>> and /deep/ combinators have been deprecated. Use :deep() instead. >>> 、/deep/、::v-deep 被弃用了，需要用:deep()来代替。 :deep(.el-scrollbar__view) { height: 100%; }...
2021-09-16 10:28:47
768
原创 vue3.x使用element-plus组件默认英文
我使用的时候是[email protected] 这版本，引入组件发现是英文的，后来查看官网，原来要所谓的，国际化，说白了，elementPlus默认是英文，需要手动配置中文，import {createApp,h} from "vue"import ElementPlus from "element-plus"import locale from 'element-plus/lib/locale/lang/zh-cn' //中文createApp(App).use(Elem.
2021-09-15 10:23:23
553
原创 Cannot use ‘in‘ operator to search for ‘path‘ in undefined
在搭建vue3.0项目的时候，配置路由这一块，变化还很多的，遇到这个错，找半天也没发现，最后才发现在定义路由模式的时候，之前的做法是mode属性来定义，vue3.x废除了mode改用history ,而从vue-router 中对应的模式api实现，createWebHistory -> history 它就对应vue2.x版本的history模式import { createRouter, createWebHistory } from "vue-router";import Lay.
2021-09-14 15:28:49
3171
原创 node版本对应的mode-sass和sass-loasder
新创建的vue3.0项目，用的node版本是@14.16.0的，"node-sass": "^4.14.1""sass-loader": "^7.3.1"亲测有效
2021-09-10 14:02:06
766
原创 el-popover的使用
之前在做pc端接通腾讯IM聊天的时候，需要发送表情包，这里用到了element-ui的el-prpover 组件，具体使用也是参考了别人的一篇文章 点击下边是我自己使用的<tempalte> <el-popover placement="top-start" width="400" trigger="click"> <div class="emojis"> <.
2021-08-24 15:05:23
2486
原创 使用font-spide压缩字体文件
注：我压缩.otf格式的没有成功，.ttf的可以，（没有研究过，有的可以指出来）全局安装 npm install font-spider -gfont-spider -V 查看有没有安装上在桌面上新建一个文件夹(我在桌面上新建的)，（不在桌面也行，想在哪在哪）我的目录格式：1、在css下创建index.css文件,代码如下@font-face { font-family: "SSB"; src: url("../font/SourceHanSansCN-Bold.tt
2021-08-17 11:10:12
435
原创 vue+blob文件流下载导出world、excel、pdf文件
function exportMethod(data) { axios({ method: 'get', url: 'https:xxx/xxx' + data.url,//接口地址 params: data.data,//如果是post参数放到请求体data中 responseType: 'blob', headers: { 'Content-Type': 'application/json' } }).then((res) =>
2021-08-13 16:01:16
1326
原创 使用vue-pdf预览pdf文件
本地预览的话，如果是使用cli/3，需要把pdf文件放到 public 文件下中，新建一个 static 文件夹，放入其中使用安装 vue-pdf只能使用绝对路径，而且 / 就表示 public 文件夹，所以需要忽略掉，如下<pdf src="/static/aaa.pdf"></pdf> ...
2021-08-13 14:54:05
291
原创 webpack打包图片的时候，发现图片的src的值是[object Moudle]的值
在打包xxx.html中的img的时候，需要通过html-loader进行处理，如果不用则xxx.html中的img不会被打包，这个loader的作用就是，负责引入img，从而能被url-loader进行处理问题：html-loader引入图片是以commonjs(node的)，而url-loader默认是以es6模块化解析，所以导致出错解决：需要在进行图片处理的loader中进行处理rules:[{test:/\.(png|jpg|gih)$/,loader:'url-loade.
2021-07-23 17:56:51
95
原创 关于element-ui中table表格的坑
使用element-ui的table的时候，遇到的坑，在使用@row-click和@selection-change 同时的时候，貌似耦合了，直接上：解决方法<el-table @selection-change="onChange_selectChange" ref="twoTable" :data="tableData" style="width: 100%" :expa.
2021-07-16 17:16:01
266
原创 pc端做各个屏幕适配(兼容到移动端屏幕尺寸)
做移动端h5适配的，vue-cli2.x的通过使用 lib-flexable 和 px2rem-loader 其实就是通过去把px转换成rem ; 这里有链接 点击vue-cli3.+webpack安装依赖：npm install lib-flexible -Snpm install postcss-plugin-px2rem -Dpostcss-plugin-px2rem； px2rem是postcss的一个插件在 main.js 中引入flexible.js文件，（如果是需要兼.
2021-06-22 15:01:56
1475
原创 cs3的旋转木马
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-06-16 16:07:07
147
原创 vue监听localStorage数据
在man.js中// 实施监听本地Vue.prototype.resetSetItem = function (key, newVal) { // 创建一个StorageEvent事件 var newStorageEvent = document.createEvent('StorageEvent'); const storage = { setItem: function (k, val) { localStorage.setItem(k, val); .
2021-06-02 13:43:42
549
原创 前端对接stripe支付，创建测试session_is
第一次搞 stripe支付，国外的文档全英文接stripe支付，根据官方文档，首先就是先跟服务端交互，创建session会话，获取id，当服务端不做这个功能时，就需要前端去掉stripe最底层的api，拿到session_id，这时候懵逼了，找吧文档都有官网正常对接服务端的接支付流程：点击创建session会话最底层的api，服务端不对接，需要前端去自己对接，点击这里只是我接触过的，有错误指出来，一起学习，第一次搞这玩意，记录下来，也为后期别的童鞋，让他们少走点弯路.
2021-05-21 18:31:32
1180
3
原创 vue导出excel表格数据
用的vue开发的网站，两种方案，结合element-ui组件库也可以实现，第二种稍微麻烦一点，这里用的第二种1、先下载两个js文件，文件链接在下边，可以直接下载用链接：https://pan.baidu.com/s/1jPSSe5e59k0dKiuLWuRCBw提取码：ymgr复制这段内容后打开百度网盘手机App，操作更方便哦这里单独封装了一下// 封装的导出Excel表格/** * * listArr：导出的表格数据：[{name:'小王',age:'15',gender.
2021-05-17 18:07:04
156
原创 微信小程序的rich-text组件解析带有html标签的内容，以及修改内嵌的图片样式
小程序的rich-text 组件可以解析带有html标签的内容，像vue的v-html一样，具体细节还是以小程序官网为准用法<!-- wxml--> <view> <rich-text nodes="{{shopDetailArr}}"></rich-text> </view>//js var htmlDes= '带有html标签的数据'; //这里要处理内嵌的图片样式，要添加class，进行修改 ht.
2021-04-26 14:37:23
1466
原创 前端使用bat文件，提高生产力
在开发过程用，每天都要面临打开项目，打开cmd，然后输入npm run dev 或者别的运行命令，以及打包等等命令，一个项目还好，如果手上有多个项目，每次都要重复性的操作这些没有技术可言的东西，还怪麻烦！！！简单的bat文件应用1、新建一个文本文档，修改其属性，为 .bat，例如 test.bat2、写入要做的命令；比如：想要运行一个项目（第一行切换到某盘，然后第二行项目路径，第三方命令运行），bat文件是按顺序进行执行的，如果是多个项目运行就往下继续写3、写完就是这个样子，使用的时候双击就.
2021-02-05 14:36:04
721
原创 禁止穿透蒙层滚动
//弹出蒙层调用preventHandle//关闭蒙层调用cancelHandle preventHandle() { //阻止滚动 var mo = function (e) { e.preventDefault(); }; document.body.style.overflow = "hidden"; document.addEventListener("touchmove", mo, false); //禁止页面滑动.
2020-09-13 15:41:14
314
原创 video标签自动播放视频，在wx环境下或者app以及Android或者iOS下的兼容
//WeixinJSBridge 只有在wx环境下才有的这个方法属性, if (typeof window.WeixinJSBridge == "undefined") { document.addEventListener("WeixinJSBridgeReady", res => { this.$nextTick(() => { if ( typeof Weixin
2020-07-23 22:12:15
601
原创 Error: Can‘t find Python executable “python“, you can set the PYTHON env variable.关于解决报错Python的办法
今天遇到一个问题，安装好依赖，运行的时候，一直报关于python的问题，解决方法有，但是不知道为什么，希望大佬可以解释一下解决方法//以管理员身份运行，安装npm install --global --production windows-build-toolsnpm install --global node-gyp...
2020-07-14 20:52:15
625
原创 git clone项目失败，提示Authentication failed报错
1.首先检查user name 和 user email ，输入git config --list，查看user.naem和user.email是否是你的，不是的话进行重新配置git config --global xxxgit config --global [email protected].然后修改一下你的windows凭据，没有就添加，有的话就修改一下...
2020-07-14 20:47:09
1201
原创 小程序订阅消息uni.requestSubscribeMessage(wx.requestSubscribeMessage)遇到的问题
点击，这个概括的比较全我使用的是uni.requestSubscribeMessage其实和微信小程序用法一样，这个 【订阅消息】 你不管点击 取消 或者是 允许 只要接口调用成功它都走的是success回调，但是，你可以通过TEMPLATE_ID(订阅消息id) 去查看是否同意 订阅消息id所对应的模板消息。值包括’accept’、‘reject’、‘ban’。（这里可以根据回调函数返回是否同意订阅消息id所对应的值去进行后续操作） uni.request({ url: '',
2020-07-03 14:12:18
14598
1
原创 element全局点击遮罩层关闭Dialog弹窗
//main.jsimport ElementUI from 'element-ui';// 修改 el-dialog 默认点击遮照为不关闭ElementUI.Dialog.props.closeOnClickModal.default = false;
2020-07-03 13:43:40
3568
3
原创 oss图片处理
https://help.aliyun.com/document_detail/44688.html?spm=a2c4g.11186623.6.1402.200f1729JSctVl
2020-07-02 10:02:27
290
原创 Vue中使用xlsx下载Excel表格
首先安装npm i file-saver -Snpm i xlsx -S<button @click='downTable'>下载表格</button><el-table id="my-table"> </el-table>downTable(){ var xlsxParam = { raw: true }; var wb = XLSX.utils.table_to_book(document.querySel.
2020-06-29 16:34:10
3552
原创 腾讯地图与百度地图经纬度互转
在vue项目中 自定义腾讯 与 百度经纬度互转方法//腾讯地图转百度地图经纬度Vue.prototype.TxMapTransBMap=function(lng, lat) {//经度，纬度 let x_pi = Math.PI * 3000.0 / 180.0;//Math.PI ~ 3.14159265358979324 let x = lng; let y = lat; let z = Math.sqrt(x * x + y * y) + 0.0.
2020-06-16 13:41:42
2438
原创 删除GIt上的远程文件夹
删除：git rm -r --cached 文件夹名git commit -m "删除某某文件"git push origin 分支名有时候不想上传某些文件，比如在用uni-app开发小程序的时候，运行到微信开发者工具的时候，每个人都会打包编译不同的文件，如果很多人开发，有可能会报冲突，所以提交的时候可以把编译的文件夹忽略掉。直接修改.gitignore文件，将不需要的文件过滤掉。（路径要写对，是相对于.gitignore这个文件夹的）/某文件/某文件...
2020-06-15 13:48:52
211
原创 使用zepto库结合weui做移动端选择日期
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。cv走可以直接用<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>WeUI</title> <meta name="viewport" content="width=devic.
2020-06-10 11:05:07
730
原创 vue中上传图片到阿里云oss
在项目中安装 npm i ali-oss -SconfigOss.jslet OSS = require('ali-oss');export function client(){ var client = new OSS({ region: 'oss-cn-hangzhou',//地域// endpoint:"oss-cn-hangzhou.aliyuncs.com",/...
2020-05-01 10:56:26
1099
原创 微信小程序上传文件(图片)到阿里云OSS
官网也有相应的步骤 点击，登录oss控制后台，有新老版本。直接下载所有文件直接可用：这个目录随便取名。config.js配置var fileHost = "https://xxxx.com/";//你自己阿里云oss地址，【一定要在小程序后台开发的uploadFile合法域名白名单中需要配置一下】var config = { //aliyun OSS config...
2020-04-06 19:23:46
5064
3
原创 微信小程序使用setData修改data中的数组或者对象的某一属性
有时候data中是个数组或者对象，但是使用传统的setData修改方式会报错，所以可以使用字符串 拼接起来，然后使用[] 包裹起来当做key；Page({data:{ list:[ {name:'小明',id:'123'} ]},onLoad(options){ this.updataData();},updataData(){ var item="list["+ 0 ...
2020-04-01 19:03:49
927
原创 小程序通过web-view跳转并传参给内嵌的h5页面
微信小程序中可以通过<web-view>标签嵌入h5页面，通过 src属性进行跳转，但是好像只能是https的,因为传参带特殊符号，要进行解析;在小程序中Page({ data:{ src:'https://xx.xx.', name:'名字', id:'123456' }, onLoad(options){ var {src,name,id}=this...
2020-04-01 11:48:12
2307
原创 微信小程序中使用echarts并且动态获取数据
初步的引入在这里 小程序中使用echarts在页面或者自定义的组件中都可以，下边的例子：用的是自定义组件在js文件中import * as echarts from "../ec-canvas/echarts"var Chart = null;Component({ properties: { }, data: { ec: { // onInit:...
2020-03-31 14:26:29
3129
1
原创 Vue中使用select下拉列表以及修改默认样式
element-ui等前端组件库中，都有人家封装好的组件，可以直接拿来用。不想用的那就只能自己写了。<select class="sel-choose" name="" v-model="selId" @change="choose" :class="{'default-color':selected}"> <option value="" id="0" style="...
2020-03-23 13:41:29
8207
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人