自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(52)
  • 问答 (2)
  • 收藏
  • 关注

原创 kCFErrorDomainCFNetwork Code=303 或 1206 错误解决方案

kCFErrorDomainCFNetwork Code=303 或 1206 错误解决方案

2024-04-29 11:08:33 190

原创 uniapp打包发布ios-app出现白屏被退回

2、pages.json中配置了分包,取消掉即可解决正式版ios白屏问题,在自定义包或者真机是测不出来的。1、使用了pinia,并且在首页或者App.vue页面setup data域中直接使用pinia。4、缺失文件,请仔细检查引入的文件是否此存在或者第三方库文件是否齐备。3、代码错误导致了页面卡死不能正常出现页面,需要仔细检查代码。

2024-03-04 17:31:13 359

原创 【菜比前端之不起眼小bug差点要我小命】Uniapp小程序发布小程序模拟器正常,但是真机无法打开问题

Uniapp小程序发布小程序在模拟器上运行正常,但是扫码打开体验版却有明显bug导致页面无法正常进行,如果早先发布的版本没问题,打开体验版前把旧的体验版删除,扫码新体验版就可复现bug。这种bug最不容易发现,但是往往会导致新用户无法打开小程序,导致小程序疯狂被差评!!!差评?这对前端程序员是极大的侮辱啊!!!最近刚优化完两小程序,就在这里总结下,能卡住小程序进不去首页或导致页面不能正常加载的bug,总结以下了几点…

2024-01-04 10:59:20 519

原创 将博客搬至CSDN

我要搬家到CSDN啦,自实习开始,就时长鞭策自己记录问题解决方案以及自己认为比较有用的知识点,也希望自己的微薄力量能帮助大家解决问题博客园是个好平台,但不可否认的是CSDN更优秀,至少在博文编写方面确实有很大的优势及舒适度好啦,希望大家都能在自己的道路上绽放光芒!我的CSDN地址:左手八卦右手Vue-CSDN博客...

2023-12-28 10:04:00 373

原创 exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-servic

关于Vue3中调试APP触发异常:exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案

2023-12-28 09:42:06 929

原创 Vue监听系统是否为暗黑模式

 // 在 App.vue文件下定义即可 // useDark() 和 useToggle() 均需要安装 @vueuse/core 包 即可使用  npm install element-plus --save 安装 Element-Plus  npm install @vueuse/core --save  安装 @vueuse/core  if (window.matchMedi...

2023-12-14 11:35:00 459

原创 uniapp滑动页面时警告Unable to preventDefault inside passive event listener due to target being treated as p...

翻译:没有添加被动事件监听器来阻止’touchstart‘事件,请考虑添加事件管理者’passive’,以使页面更加流畅。原因:由于浏览器必须要在执行事件处理函数之后,才能知道有没有掉用过preventDefault(),这就导致了浏览器不能及时响应滚动,略有延迟。所以为了让页面滚动的效果如丝般顺滑,从chrome56开始,在window、document和body上注册的...

2023-12-08 10:21:00 498

原创 关于uniapp打包APP自定义基座调试,遇到首页同意网络权限后白屏问题

同意网络权限后白屏问题解决方案:1、在App.vue文件中,onShow生命周期内添加一段代码,检测是否同意使用互联网权限:    uni.onNetworkStatusChange(function(res) { console.log('onNetworkStatusChange', res); if (res.isConnected) { setTimeout((...

2023-12-07 10:47:00 452

原创 h5、app、小程序跳转外部链接的几种方式

H5、Windows中,跳转外部链接可以使用:1、window.location.href = 外部地址;// 兼容性最好2、window.open(外部地址); // 此种方式在Safari浏览器中存在无法打开的情况APP中打开外部地址:1、plus.runtime.openWeb(外部地址);// 内置浏览器打开网站2、plus.runtime.openURL(外部地址); // ...

2023-12-06 17:36:00 362

原创 关于Vue3中调试APP触发异常:exception:white screen cause create instanceContext failed,check js stack -> at use...

bug:reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at useStore (app-service.js:2309:15)问题...

2023-12-01 17:53:00 776 1

原创 uniapp引入高德地图或腾讯地图以及map在真机中常见问题汇总

以下是必须肯定会用到的官方地址腾讯地图API开发文档:微信小程序JavaScript SDK | 腾讯位置服务 (qq.com)高德地图API开发文档:开发 | 高德地图API (amap.com)高德地图小程序配置指南:入门指南-微信小程序插件|高德地图API (amap.com)小程序后台:微信公众平台 (qq.com)有了这些地址,那么你就可以根据你的需要选择一个地图进行以下操作...

2023-07-07 17:38:00 278

原创 uniapp微信小程序转支付宝小程序踩坑(持续更新)

首先第一个,真有被折磨到!// 微信正常使用,支付宝不行<image src="https://static.dabapiao.com/images/coupon-index.png" mode=""/>// 以下两种 微信、支付宝都正常使用<image src="https://static.dabapiao.com/images/coupon-index.png"...

2023-06-26 11:38:00 142

原创 Vue跨域详解

碰到这种问题,其实你的接口已经通了,但是在页面上就是访问不通过。你可以把API请求地址单独拎出来新开个网站打开看请求是否成功,成功,但是你的项目不通。有那么几个可能吧:  1、请求头设置错误headers = { 'Content-Type': 'application/json' //错误的          'Content-Type':'application/x-www-f...

2023-05-16 12:24:00 16

原创 Vue 打包后报 Uncaught SyntaxError: Unexpected token ‘<‘

根本原因在于你的vue.config.js里的publishPath设置的路径是相对路径还是绝对路径大家都是看别人设置成 process.env.NODE_ENV==='production' ? './' : '/' 就原模原样照着复制粘贴其实无所叼谓,只需要设置成 '/' 不需要判断环境,默认就是根路径就行了。...

2023-05-16 09:35:00 198

原创 TypeError: Cannot read property 'upgrade' of undefined

解决方案:在你的.env.dev配置文件中配置VUE_APP_BASE_API并对target赋值

2023-04-23 17:56:00 15

原创 Vue选日期滚动条自动定位到选定的日期位置

html这里的关键点就是 :id="'scroll'+index" 以及:scroll-into-view="intoIndex"<view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click="queryBus(item)" :id="'scroll'+index" ...

2023-03-28 15:11:00 30

原创 Vue根据时间戳制作倒计时15分钟

废话不多说直接上代码<script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', no...

2023-03-27 14:13:00 49

原创 防抖节流utils

/** * 防抖原理:一定时间内,只有最后一次操作,再过wait毫秒后才执行函数 * * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @return null */let timeout = null;const d...

2023-03-13 22:55:00 11

原创 一些JS过滤方法

一般过滤器我们都会卸载过滤filter文件内本文这里就直接写正常methods格式的     //过滤空格 filterSpaces(data) { return data.replace(/\s+/g, '') }, //验证是否为纯数字 isNumber(val) { var...

2022-10-08 10:28:00 11

原创 Vue全局公共服务类mixin

首先,简单介绍下mixin:  Mixin是面向对象程序设计语言中的类,提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类  Mixin类通常作为功能模块使用,在需要该功能时“混入”,有利于代码复用又避免了多继承的复杂  在Vue中,mixin(混入),提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。  本质其实就是一个js对象,它可以包含我们组件中任...

2022-10-08 10:23:00 16

原创 npm install报错[email protected] postinstall: `node scripts/build.js`

在控制台执行 即可npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

2022-06-16 13:48:00 38

原创 vue一直处在2.9.6版本卸载不了升级不了解决方案

直接win+R打开cmd窗口运行命令:输入where vue,找到vue安装位置,把找到的文件删掉再执行一次npm uninstall vue-cli -g,vue -V,已经没有版本号了此时就可以安装其他版本了npm install -g @vue/[email protected]...

2022-06-08 19:32:00 22

原创 Error in nextTick: "TypeError: Right-hand side of 'instanceof' is not an object"

发生这种情况,直接去查看 props 对象是否 类型正确props 有 大概两种 写法吧, 一种就是对象形 ,一种是数组形// 对象形props: { show: { type: Boolean, default : () => false }, ...

2022-05-31 17:16:00 8

原创 echarts CDN免费加速地址

https://www.bootcdn.cn/echarts/

2022-05-27 11:37:00 20

原创 Vue 全局避免按钮重复点击

这里用到的Vue.directive 自定义指令自定义指令是对普通DOM元素进行的底层操作,它是一种有效的的补充和扩展,不仅可以用于定义任何的dom操作,并且是可以复用的在 main.js 中写入以下代码// 避免按钮重复点击Vue.directive('preventReClick', { inserted(el, binding) { el.addEventListe...

2022-05-27 11:28:00 8

原创 Vue2 去除定时器之常用三种方式及特殊方式

一般情况去除定时器的常用的三种方式方法:创建一下三种钩子函数,一般有其中一个就足以实现清除定时器的效果beforeDestroy(){beforeDestroy(){  // 离开当前路由前的操作  clearInterval(timer)  timer = null}destroyed(){  // 离开当前路由后的操作  clearInterval(timer)  tim...

2022-05-16 11:04:00 142

原创 el-table自适应列宽

这里可对内容为文本的列进行自适应列宽以下为 工具方法/** * 使用span标签包裹内容,然后计算span的宽度 width: px * @param valArr */function getTextWidth(str) { let width = 0;  // 创建 span 标签对象 并对该标签 插入 文本属性 及 类名 let html = document...

2022-05-13 16:44:00 16

原创 Vue Element-ui 之 el-table自动滚动

首先是 div结构布局<div id="scrollId">//对el-table盒子设置 id 属性 <div style="height: 100%;"> <el-table row-class-name="tr_style" :stripe="true" :data="tableData" :show-heade...

2022-05-11 09:48:00 89

原创 Element Cascader 级联选择器去除空叶子节点

此处以后端获取部门级联List为例以下为数据结构{ data: { children: [ 0:{childre:[      0:{},      1:{}     ]}, 1:{}, 2:{}, 3:{}, 4:{}, ]} 1        ge...

2022-05-11 09:33:00 11

原创 Value '0000-00-00 00:00:00' can not be represented as java.sql.Timestamp; nested exception is java.s...

好久没记录了,最近一直在忙着工作以及码前后端 记录下这种大多数人都会碰到但是又不一定找得到问题的错误1 Value '0000-00-00 00:00:00' can not be represented as java.sql.Timestamp; nested exception is java.sql.SQLException: Value '0000-00-00 00:00:00' ...

2022-03-31 15:52:00 3

原创 40% building 31/38 modules 7 active ...es\core-js\modules\es6.object.assign.jsBrowserslist: caniuse-...

一早运行项目发现不正常虽然能运行,但是怎么看都不顺眼啊,那就照着提示先: npm update一连串下来啥也看不懂是不是我就直接npm install看看重新下载一下依赖结果直接给我来了个 :code ELIFECYLE生命周期报错一瞬间好奇npm update报错是因为什么,仔细翻找猜测可能是core-js版本问题于是我直接这样:npm cache clean --f...

2021-08-11 09:54:00 7

原创 vue工程内下载路由

一、路由Router  Vue Router 是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,加速构建单页面应用。包含功能有:1 嵌套的路由/视图表2 模块化的、基于组件的路由配置3 路由参数、查询、通配符4 基于Vue.js过度系统的视图过度效果5 细粒度的导航控制6 带有自动激活的CSS class 的链接7 HTML5 历史模式或hash模式,在IE6中自...

2021-08-06 15:20:00 6

原创 npm安装报错

npm ERR! request to https://registry.cnpmjs.org/element-ui failed, reason: Hostname/IP does not match certificate's altn ames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.o...

2021-08-04 09:09:00 12

原创 什么是DOM和BOM?

DOM:文档对象模型,描述了处理网页内容的方法和接口。最根本对象是document由于DOM的操作对象是文档,所以DOM和浏览器没有直接关系BOM:浏览器对象模型,描述了与浏览器进行交互的方法和接口。由Navigator、history、screen、location、window五个对象组成的,最根本对象是window。用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏...

2021-07-14 09:22:00 4

原创 vue之关闭eslint及vue/require-v-for-key 、vue/no-unsed-vars报错解决方法

报错:Page1组件已经注册但是没有被使用。 vue/no-unused-components如果报错以下:解决方法:首先打开项目中的package,json找到eslint-config再找到eslint-config内的rules添加下列语句"vue/no-unused-components":"off","vue/require-v-for-key":"off...

2021-07-12 21:30:00 25

原创 cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行 脚本。...

错误信息:cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行 脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中 的 about_Execution_Policies。所在位置 行:1 字符: 1+ cnpm i element-ui -S+ ~~...

2021-07-12 15:09:00 17

原创 vue小坑之Vetur报错:相对路径报错

话不多说先上图俗话说:面向百度编程,这话是没错滴,找不到相同问题的博客至少你还可以找谷歌翻译以上图片问题就是:你导入的组件的相对路径不对。(有可能是你手动敲进去的,然后vetur这边检测不到)解决方法把负责到的相对路径直接覆盖源代码里的路径。然后打开vscode的设置,打开扩展内的Vetur将途中框选的位置的勾勾取消掉。这是让Vuter不要使用Eslint帮我们去验证代码...

2021-07-12 13:47:00 31

原创 vue入门第一坑:Eslint

Eslint是语法检查插件,它会严格要求你的代码,就你本身代码没错,但是一运行,Eslint就跳出来报错了。它会自动检查你的代码是否符合规范。所以,建议新手入门Vue创建项目的时候可以关掉Eslint。怎么在创建项目之初关呢?很简答你要是在cmd命令管理器中不知道怎么做,可以使用vue 的图形化构建项目输入vue ui即可自动在浏览器打开一个vue项目管理器接着然后你就跳转...

2021-07-12 13:16:00 5

原创 vscode中快速生成vue模板

首先:打开vs code 界面左下角如下图所示选中打开齿轮选择用户代码片段第一次搜索vue.json文件可能显示的是vue,或者没有,你可以先在vs code中下载Vetur插件先打开vue.json后,默认是如下图要快速生成vue模板,需要在其中编辑加入下列代码:"Vue": { "prefix": "vue", "body": [ ...

2021-07-12 12:53:00 4

原创 Java JDK1.8环境变量配置

Java JDK1.8.0_152下载地址:https://pan.baidu.com/s/1BRB2MRETPdWVL-IN2FRTEw 提取码:63jb下载好后傻瓜式一键Next下载就好,默认装在:C:\Program Files\Java然后我们就可以配置环境变量了首先是JAVA_HOME纠正一下 : 变量名为:JAVA_HOME配置完JAVA_HOME环境变量后配置p...

2021-07-10 23:42:00 7

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除