- 博客(60)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 小程序开发报错 使用wx.reLaunch跳转报错 Expected updated data but get first rendering data如何解决 ？？？
页面跳转 使用wx.reLaunch({url: ‘/pages/list-item/list-item’}) 报错VM15485:5 Expected updated data but get first rendering data解决办法 ：跳转外面加一层定时器 延时 跳转就可以解决问题setTimeout(() => { wx.reLaunch({url...
2019-09-25 16:05:18
2302
原创 wx.reLaunch和wx.navigateTo，wx.navigateTo的区别
wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。wx.redirectTo 当页面过多时，被保留页面会挤占微信分配给小程序的内存，或是达到微信所限制的 5 层页面栈。这时，我们...
2019-03-23 11:18:05
36441
15
原创 Vue el-select无限滚动，二次封装el-select实现下拉滚动加载
二次封装el-select实现下拉滚动加载;Vue el-select无限滚动
2023-05-17 17:33:58
4196
6
原创 vue项目构建后CSP报错解决办法
页面报错Refused to load the font '<URL>' because it violates the following Content Security Policy directive: "font-src 'self'".解决办法：修改 webpack.base.conf.js 文件中关于图片 png|jpe?g|gif|svg字体 woff2?|eot|ttf|otf 的配置，根本原因：之前默认limit是1000,1000的话会把字体转成
2022-10-24 09:30:16
2300
原创 Mac下如何查找自己的公钥私钥，以及配置Github/Gitlab/Gitee的SSH
Mac下如何查找自己的公钥私钥，以及配置Github/Gitlab/Gitee的SSH
2022-06-03 11:11:22
9681
原创 访问网站提示“您的时钟快了” 如何解决？阿里云如何部署SSL证书？
访问网站提示“您的时钟快了您计算机的日期和时间不正确，因此无法与 xxx 建立私密连接。”
2022-05-17 17:03:35
15540
2
原创 nvm安装 nodejs 时报错:http://your_urllatest/SHASUMS256.txt.
Windows电脑使用nvm命令切换node版本报错Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.如下图如何解决添加如下代码：arch: 64proxy: nonenode_mirror: http://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/切换本地nvm下载命令获取获取依赖地址，手动改成
2022-05-13 15:25:40
717
原创 小程序中setInterval定时器无限轮询问题
日常开发中可能会遇到每过2秒请求接口的问题，查询某种状态的问题，通常应用于支付的场景，最近项目开发中遇到这种需求，页面二维码每过2秒请求支付状态，如果接口返回支付状态显示成功，则跳转到【评价】页面，然后执行后续的操作，如果支付状态一直是“未支付”，则还是停留在当前页面。下面是项目需求需求：每间隔2秒请求支付接口查看是否完成支付，完成支付—> 跳转到 评价页未完成支付 —> 继续停留在当前二维码页面第一感觉大家都会想到使用setInterval 无限定时器解决就好了，但是这里面会遇
2021-10-24 10:43:21
3853
原创 webpack warning : 入口点大小超过了建议的限制（244kB）
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).This can impact web performance.Assets: bundle.js (1.55 MiB)WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the
2020-12-21 16:56:49
4970
原创 http请求的思考
http请求分类：get 请求 一般是获取列表数据 ，获取信息post 请求 一般是提交数据，常用于新增接口put请求 一般是修改数据，常用于编辑接口delete请求 一般是用于删除接口请求分为两种：1. 简单请求get， post 属于简单请求2. 非简单请求put delete属于非简单请求另外还有一种情况，content-type 为 application/json 类型时，也是属于非简单请求，例如，有些post请求，content-type 有时候为 applicatio
2020-10-28 16:59:30
128
原创 vue中赋值操作深入
直接对computed的变量进行赋值，这个操作说不行的，如果需要改变computed里面变量的值，需要改变这个变量里面依赖的变量，依赖的变量值发生了改变，computed里面就能监听到变化，自然而然computed里变量的值就发生了变化；引用赋值的思考 data() { return {productTypeList: [] }; }, created() { this.productTypeList = this.$store.state.productT..
2020-10-28 16:13:49
3872
原创 element-ui form表单键盘回车键enter会导致整个页面的刷新问题
问题以下代码，此时按 enter 回车键，整个页面都会刷新<el-form /> <el-form-item> <el-input v-model="query"></el-input> </el-form-item></el-form>原因当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。所以整个页面就刷新了。解决办法在el-form便签里加上 @submit.native.prevent
2020-10-26 15:21:21
2504
原创 vue项目如何配置rem
在config文件夹下 新建一个rem.js文件(function(d, w) { const doc = d.documentElement; function rem() { const width = Math.min(doc.getBoundingClientRect().width, 768); doc.style.fontSize = width / 7.5 + 'px'; } rem(); w.addEventListener
2020-10-24 14:26:14
3546
原创 使用Vuex项目中刷新页面权限码消失的解决方案
开发项目中，关于项目中权限模块，前端的处理方式，存在本地sessionStorage 或者 localStorage里不太安全，存在vuex里，也就是存在内存里，是比较安全的，但是存在vuex内存里的话，会遇到一个问题，那就是刷新页面，vuex中存的权限对象就会消失，这也是vuex本身的缺点 。解决方案：在项目的路由守卫里，进行下处理，做个判断，每次进去一个新的路由模块的时候首先都会进入路由守卫，如果路由守卫里没有权限变量users，那么就再请求一次权限接口，然后从接口中把权限变量存到vuex中。上代
2020-09-17 11:56:59
720
原创 vue项目打包优化之-productionSourceMap设置
这个是优化之前项目打包后dist目录文件大小，约为20.6MB打包后里面的js文件****打包后每个js文件都有一个map文件map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。 有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。productionSourceMap: 改成false后优化后，打包目录大小优化后打包目录里的前端文件productionSourceMap: 改成false后 所有打包生成
2020-08-31 11:15:07
21443
4
原创 vue 中全局filter过滤器的配置及使用
在项目中使用到的经常用到过滤器，比如时间，数据截取等过滤器，如果在每个.vue中都可以复制同一个过滤器，这可以达到目的，但是遇到方法有bug时就需要诸葛修改进入不同的页面修改，这样既费时又费力，优先可以考虑注册全局的过滤器。定义方法如下：新建filters/index.jsconst isNullOrEmpty = function(val) { if (val == null || val == "" || typeof(val) == undefined) { return
2020-08-26 11:16:50
1739
原创 Vue打包后JS文件夹中出现一些map文件的解决方法
1.在项目下进入目录：项目包/config/index.js找到productionSourceMap /* Source Maps */ productionSourceMap: true, // https://webpack.js.org/configuration/devtool/#production devtool: '#source-map',2.将productionSourceMap的true改为false即可 productionSo
2020-08-19 15:14:09
2331
原创 强制SPAN不换行
HTML代码 <span class="spanStyle">80000000</span> css代码.spanStyle{ white-space: nowrap; /*强制span不换行*/ display: inline-block; /*将span当做块级元素对待*/ width: 32px; /*限制宽度*/ overflow: hidden; /*超出宽度部分隐藏*/ text-overf
2020-08-17 17:15:36
700
原创 原生js实现上传文件模块
老版本写法 <!-- 文件上传 --> <form id='uploadForm' method='POST' style="display:none;" enctype="multipart/form-data" action='/api/v1/monitor/authentication-setting/upload' > <input type='file'
2020-08-12 18:02:06
646
原创 Safari输入框input使用line-height文字不居中问题
测试中出现的问题，Safari输入input文本框有设置padding时，css样式设置 line-heigh t与 height等高，并不能使提示文本垂直居中，如下：padding: 4px 5px;height: 32px;line-height: 32px;123解决方案一：使用padding使提示文字居中，如果font-size:14px,UI高度为40px,我们可以设height：14px,padding:13px 0;如下：height: 16px;padding: 12p
2020-08-11 09:18:29
638
原创 vue中关于数据是在父组件中获取还是子组件中获取的问题
描述：如果现在有一个父组件，3个子组件。 每个组件展示的数据不同，现在有2种数据获取方式。第一种，在父组件中获取所有的数据，然后使用props传递给每个子组件。第二种：各个子组件中获取各自的数据。你觉得哪种好？为什么？回答：根据实际业务来如果数据其他组件用不到,那么可以由子组件自己获取如果数据可能被同级组件 复用 共享 那么由父组件统一获取然后分发下去如果数据可能被跨级组件 复用 共享 那么你需要vuex 或者eventshub 统一分发至不同级别的组件...
2020-08-07 11:25:06
1594
原创 element-ui 中如何封装表单no-data情况自定义页面
需求：统一封装项目表单no-data情况显示，例如做成这种效果思路：1.利用elementUI 表单table组件自带的插槽属性，2.在全局公共CSS文件里 通过class 类名，加一个背景图片，全局覆盖common.scss文件里.tableEmpty { width: 320px; height: 466px; background-size: 100% 100%; background-image: url(./assets/noData.png); positio
2020-07-21 16:07:34
2319
原创 echarts如何动态给legend里的formatter传值
需求开发一个饼状图，要求：点击右侧的模块，左侧饼状图对应的变化效果如下：遇到的问题：在实际项目开发过程中，碰到了一个棘手的问题，那就是，右侧显示的legend模块后面的数字显示不是 很好做，因为在echarts配置项option里，左侧的tooltip里的模块名name 是和右侧legend显示的值是对应的，这么说不太好理解，举个例子，例如，如下截图显然，tooltip中的模块title不能这么显示，但是echarts里面的默认配置就是这样，如果想做成 legend显示 模块名+数字，toolt
2020-07-21 11:51:30
24874
9
原创 echarts开发项目心得总结
需求：假如现在需要开发截图这种echarts折线图上代码：<template> <div id="leftEchartsLine" ref="leftEchartsLine" ></div></template><script>export default { props: ["chartData"], data() { return { myChart: null, o.
2020-07-21 11:27:13
883
原创 通用时间戳转成 年 - 月 - 日 时:分:秒
总结下一个通用的时间戳转换方法function formatDateCommon(v, format) { if (!v) { return ""; } var dateV = new Date(v); var year = dateV.getFullYear(); var month = dateV.getMonth() + 1; month = month < 10 ? '0' + month : month; var da
2020-07-18 10:58:12
207
原创 vue实现文件下载功能
方法1使用 超链接 href来实现方法2 掉接口走 blob形式里面有一个小坑，记得配置下axios，responseType: "blob"要不然下载的文件会偏大<a download="true" @click='certDownload' style="cursor:pointer;" > <i class="iconspoc2 iconxiazai" aria-hidden="true" style="color: #326ED
2020-07-15 15:27:57
5386
原创 巧妙使用 translate(-50%,-50%)
如果知道宽高 正常使用 绝对定位，left: 50;top:50%; margin-left: -width / 2; margtin-top:-height/2;在 不知道宽高的情况下，如何做？translate()函数是css3的新特性.在不知道自身宽高的情况下，可以利用它来进行水平垂直居中.。当使用：top: 50%;left: 50%;， 是以左上角为原点，故不处于中心位置translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置。
2020-07-10 11:20:36
782
2
原创 Vue项目中使用setTimeout存在的潜在问题
在开发项目中遇到这样的序曲，点击按钮弹框，每次进入的时候都需要默认选中Android，这个时候就遇到了一个小坑，当用户点击弹框后，选择iOS，再点击cancel或者OK，楼主在开发的时候，点击cancel按钮，执行下面代码 this.showDialog = false; // 关闭弹框 this.createForm.platform = "Android"; // 重置下拉框的默认选择项为Android this.createForm.secureCoreVersion = ""; // 清空输
2020-07-02 15:42:33
1112
原创 如何删除node_modules
1.安装npm包–rimrafnpm install rimraf -g2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令rimraf node_modules3.简单粗暴得秒删完成
2020-06-29 10:46:56
732
原创 element-ui中如何设置el-dropdown-menu的top值？
需求：调整elementUI dropdown 下拉菜单默认的高度样式，发现使用/deep/ .el-dropdown-menu .el-popper { top: 50px !important;}没有起效果，最终的解决办法.el-dropdown-menu { top: 40px !important;}在当前文件 直接这么写就行，不用加deep，就能修改成功，是不是很方便~...
2020-06-10 09:32:57
4736
2
原创 如何解决Vue项目中使用echarts，宽度变化导致图不能resize问题
情景：开发PC端管理系统，项目左侧目录可收缩，右侧是对应的页面，右侧页面里面包含了echarts开发的几个折线图，如图：当左侧目录展开的时候，会把右侧页面压缩，右侧页面的echarts折线图宽度就会发生改变，因为项目考虑到适配大屏的问题，所以，右侧两个echarts使用的都是百分比宽度，左侧菜单展开后的样子如图：会导致echarts折线图超出画布，所以为了解决这个问题，第一个想法是：...
2020-04-15 16:09:35
7609
24
全网最全的美国各州下的城市地图json文件
2020-06-22
Vue全家桶+ElementUI后台管理项目模板.zip
2020-05-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人