- 博客(46)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 uni-app开发中 this.$refs 用不了
"this.$refs.xxxx"调用子组件无效的可能原因1. ref绑定的对象是否正确<templete> <view ref="child"></view></templete><script> export default { onLoad(){ // 会报 "child is undefined" 的问题 console.log(this.$refs.child) } }</script>
2021-01-04 11:37:58
25425
2
原创 SystemError (appServiceSDKScriptError) Cannot read property ‘forceUpdate‘ of undefined TypeError: Ca
前言：今天在搭建uni-app项目时，在运行小程序时出现了一些问题。1.在HbuilderX 运行微信小程序开发者工具出现了没有自动打开小程序，是因为没有打开开发者工具中的设置=>安全设置=>服务端口2.在运行中出现了Cannot read property ‘forceUpdate’ of undefined解决方案：1.首先将项目的manifest.josn文件用编辑器打开，找到小程序特有相关/* 小程序特有相关 */ "mp-weixin" : { "a
2020-11-28 17:15:06
2311
原创 vue.config.js文件里的devServer本地开发相关配置
如果你的前端应用和后端 需要跨域，你需要在开发环境下将 API 请求代理到 API 服务器。可以通过 *.config.js 中的 devServer.proxy 选项来配置。 devServer: { open: false, // 编译完成是否打开网页 host:'0.0.0.0', // 指定使用地址，默认localhost,0.0.0.0代表可以被外界访问 port: 8080, // 访问端口 https: false, // 编译失败时刷新页面
2020-11-21 17:00:38
4594
转载 js 计算当前元素距离顶部距离
js 计算当前元素距离顶部距离在js中可以通过offsetTop获取距离offsetTop//返回元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。返回值是一个整数，单位是像素。此属性是只读的。问题：从上文可以看出如果当前元素父级中，有存在定位属性的且。
2023-01-03 14:02:52
3067
转载 window.open()方法详解
转发链接：https://www.cnblogs.com/xsatc5211314/p/javascript.html。为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以在一个页面内完成上面的效果。解释：这里定义了一个函数openwin(), 函数内容就是打开一个窗口。注意：2个窗口的name(newwindow与 newwindow2)不要相同，或者干脆全部为空。注意：使用的"#"是虚连接。
2022-12-15 16:52:52
2340
原创 @liveqing/liveplayer 视频截图Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvas处理
@liveqing/liveplayer 的视频截图Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvas处理
2022-10-26 15:10:04
586
转载 vue+springboot下载excel文件名称乱码
下载文件内容没有乱码，但是文件名乱码，且捕获的请求，响应头携带的也没有乱码，只有在vue中获取的名称乱码：如下图：在这里插入图片描述1、错误思路：一开始走了很多弯路，一直在修改后端代码，尝试了多种字符编码方式，如下：第一种：第二种：尝试过之后前端获取仍然是乱码后来发现，仅仅修改后端代码是不行的，要前后端一起修改。后端代码如下前端代码如下：注意，后端代码只能使用URLEncoder.encode来转编码（不能使用String来进行转编码），前端配合使用window.decodeURI来解码，
2022-06-08 11:11:52
2659
原创 vue 引进quill-image-resize-module 报错TypeError: Cannot read property ‘imports‘ of undefined at Object
尝试在此处安装固定版本：https://www.npmjs.com/package/quill-image-resize-module–fix-imports-error解决问题，记录一下。
2022-04-21 16:45:20
1737
1
原创 JavaScript禁止使用右键菜单 禁止使用F12审查元
//设置右键事件 function noMenuOne() { //alert('禁止右键菜单!'); return false; } document.oncontextmenu = noMenuOne; document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; even
2022-04-13 11:00:57
603
转载 url参数中出现+、空格、=、%、&、#等字符的解决办法
url出现了有+，空格，/，?，%，#，&，=等特殊符号的时候，可能在服务器端无法获得正确的参数值，如何是好？解决办法将这些字符转化成服务器可以识别的字符，对应关系如下：URL字符转义用其它字符替代吧，或用全角的。特殊字符代表含义替换内容+URL 中+号表示空格%2B空格URL中的空格可以用+号或者编码%20/分隔目录和子目录%2F?分隔实际的URL和参数%3F%指定特殊字符%25#表示书签%23&
2022-04-11 17:02:59
1244
转载 vue实现返回上一页面，页面停留在原来位置，不刷新
有时候会有这种情况。从列表页面进入详情页面，然后点击返回的时候，我们的接口会重新调用，页面也会跑到顶部，这样用户体验是很不好的，每次用户都得从上往下从新翻，下面就给大家介绍如何解决这种问题配置路由缓存export default new Router({ routes: [ { path: '/hello', name: 'HelloWorld', component: HelloWorld, meta: { keepAl
2022-04-02 17:04:09
6263
1
原创 VUE中页面F5刷新空白并报错报错：Uncaught SyntaxError: Unexpected token ＜ 解决方法 history
修改vue.config.js:publicPath: process.env.NODE_ENV === 'production' ? '' : '/',注意不是"./"
2021-12-09 15:23:22
668
转载 html：object标签中classid的详解
目录1.首先object是什么2.object中classid3.object与embed\和\标签的区别：4.ActionScript1.首先object是什么定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏
2021-09-22 11:21:22
3326
1
原创 使用iframe标签嵌套页面时 如何进行父子页面通讯/传值
父页面使用iframe标签引入子页面 （使用本地文件）<!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
2021-08-31 16:52:46
1220
原创 jquery ajax ie10以下跨域报错 description: “没有权限“, message: “没有权限“, name: “Error“, number: -2146828218，拒绝访问
一、$.ajax 总是请求失败，直接跳转到 error 函数中，报错：拒绝访问。网上的一些解决方法都试过了还是没有用，比如再请求之前设置 jQuery.support.cors = true，并调用 jquery.xdomainrequest.min.js 。更改 IE 设置，将通过域访问数据设置为允许。这些方法都试过了，都没有用。最后是在 $.ajax 运行之前添加如下代码成功的 。、jQuery.support.cors = true;jQuery.ajaxSetup({ xhr: fu
2021-07-14 17:13:11
1463
转载 ie7-中不支持JSON
ie7-中不支持JSON，解决办法如下方法一：可通过引入外部js来解决json2.js：如果存在，此文件会在全局对象中创建JSON属性还不是一个，将其值设置为包含stringify的对象方法和解析方法。解析方法使用eval方法执行进行解析，并用几个正则表达式保护它以防意外的代码执行危险。在当前的浏览器中，此文件不执行任何操作，更喜欢内置的JSON对象。除非没有理由，否则没有理由使用此文件命运迫使您支持IE8，这是任何人都不应该的必须再次做。cycle.js：此文件包含两个函数JSON.d
2021-07-13 16:48:32
351
原创 开发工具中wx.request方法不执行success,fail；真机正常
开发工具中，wx.request方法不执行success，真机调试正常；在开发工具中，查看network可以看到接口正常返回了数据，但是方法一直不执行，每次都要真机解决方案：一般需要更新开发工具最新版本，如果工具里面一直提示是最新版本；要自己去找新版本如果还不行可以进入微信开发社区进行提问https://developers.weixin.qq.com/community/develop/doc/000664521f0b40f569abf36f356800...
2021-06-28 11:48:24
2321
原创 uni-app 获取input中value值
<view class="addBox"> <input class="skeleton-radius" type="text" ref="newUser" id="inputName" :placeholder="placeholder" @input="eInput"/> <button class="skeleton-radius" type="success" @click="addUsers">添加新用户</button> <view
2021-06-03 16:05:50
2257
转载 怎么理解margin越界问题及防止方法
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也有例外情况：1、水平边距永远不会重合。2、在规范文档中，2个或以上的块级盒模型相邻的垂直margin会重叠。最终的mar
2021-05-26 16:17:39
395
原创 vue全局注册组件报错
报错信息：Unknown custom element: <XXX> - did you register the component correctly这个问题 因为 组件依赖的是 Vue 初始化后的结果编写的。意思是，要注册的组件是不是 使用 Vue.extend() 或 vue-class-component编写的。如果是 把它换成 普通的即可 export default { }全局注册组件是 Vue 初始化前进行的，如果组件 是依赖 Vue 初始化后的继承去编写的话那么这个 Vu
2021-05-18 16:13:48
1690
原创 uni-app 使用plus.camera时，报错 Property or method “toJSON“ is not defined
uni-app手机端使用plus.camera的时候，控制台报错。Property or method “toJSON” is not defined on the instance but referenced during render解决方案在methods里面加一个 toJSON(){},我加上之后不报错了但是有副作用,把vue 中data的数据搞丢了.根据我测试确定是这个toJSON方法搞得鬼, 最终在toJSON 里面return this. 亲测有效,暂时没有发现其他副作用...
2021-04-07 10:47:57
831
原创 Android 当前运行环境无法运行启用“自定义组件模式”的uni-app应用问题
HBuilderX2.3.8+版本开始已经废弃“自定义组件模式”概念，使用低版本HBuilderX需更新解决方法我们下载下来的Android SDK里有个SDK文件夹，将SDK/libs/uniapp-release.aar 文件移动到打包项目HBuilder-Hello\app\libs\下重新打包即可HBuilderX1.9.0及以上版本uni-app项目启用“自定义组件模式”，运行为APP时做了底层性能优化，可能出现兼容性问题引起白屏现象。HBuilderX1.9.4及以上版本会自动检查基座
2021-03-29 17:18:17
1284
原创 uni-app 利用canvas实现对协议的签名导出带有签名的协议
html<template> <view class="canvas"> <canvas canvas-id="myCanvas" :width="canvasWidth" :height="canvasHeight" :style="{height:canvasHeight+'px'}" @touchstart="onstart($event)" @touchmove="onmove($event)" @touchend="onend($event)"><
2021-03-18 10:23:02
523
2
原创 [].indexOf.call(this.oBtnItems,target) 学习理解
1.先学习一下call语法：call([thisObject[,arg1 [,arg2 [,...,argn]]]]);，应用某一对象的一个方法，用另一个对象替换当前对象。可以指定上下文this;可以使用call()来实现继承：写一个方法，然后让另外一个新的对象来继承它（而不是在新对象中再写一次这个方法）。[].indexOf.call(),根据上面call用法的分析，这里是想指定上下文。数组的indexOf(string)是返回字符串string在父串中首次出现的位置，从0开始，-1表示没有。
2021-02-20 11:19:10
398
转载 关于微信配置h5配置回调域名以及二级域名
比如你的一级域名是www.baidu.com在这里你只需设置baidu.com设置生效后将对一级域名下的所有二级域名生效
2021-02-05 14:33:29
1158
转载 在微信H5网页中获取用户基本信息的配置
在微信H5网页中获取用户基本信息前置要求页面授权通过**code**换取**access_token**通过**access_token**获取用户基本信息注意事项总结在微信中访问一些HTML5网页时，我们常看到是否允许访问用户公开信息的提示。如果用户点击“允许”，网页就可以获取到用户的头像以及昵称等信息。如果把在网址拷贝出来，然后在非微信环境打开，就会看到“请在微信客户端中打开连接”的提示。一直很好奇这个是怎么实现的，是微信提供的功能呢还是开发人员自己实现的？从页面展示的效果来看，应该是微信提供
2021-02-05 14:20:30
1203
2
原创 uniapp模拟器 request报错 request fail abort statusCode:-1
模拟器调用本地服务器接口报{“errMsg”:“request:fail abort statusCode:-1”}是使用127.0.0.1 本地回环地址，修改为本机ipv4地址解决
2021-01-29 16:33:44
2183
转载 在HbuliderX中写uni-app程序运行在模拟器上！！！
在HbuliderX中写uni-app程序运行在模拟器上！！！其实不止适用于uni-app，所有的APP程序都可以！！！！！文章目录在HbuliderX中写uni-app程序运行在模拟器上！！！1.adb命令的使用2.HBuilder——运行到手机模拟器未检测到手机或模拟器3.下载模拟器4.连接模拟器5.在HbuilderX中设置，模拟器端口和adb路径1.adb命令的使用找到HBuilder X 的目录找到HBuilder X 带的adb程序，将此程序在的路径复制，放到Path中（环境变
2021-01-29 16:22:55
713
原创 git更新远程代码到本地仓库的命令
方式一 （远程代码下载到本地新建分支；对比区别后在合并）查看远程分支git remote -v$ git remote -vorigin https://github.com/shangsheng/uni-myMusic.git (fetch)origin https://github.com/shangsheng/uni-myMusic.git (push)从上面的结果可以看出，远程仓库有一个是origin2.从远程获取最新版本到本地git fetch origin dev:t
2021-01-22 11:26:24
10885
1
原创 uni-app 返回上一级带参数的接口 getCurrentPages
getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。**注意： getCurrentPages()**仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。 let pages = getCurrentPages(); let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = pages[ pages.length -
2021-01-19 15:17:46
1182
转载 uniapp开发：“this.$refs.xxxx“调用子组件无效的可能原因
"this.$refs.xxxx"调用子组件无效的可能原因1. ref绑定的对象是否正确<templete> <view ref="child"></view></templete><script> export default { onLoad(){ // 会报 "child is undefined" 的问题 console.log(this.$refs.child) } }</script>
2021-01-04 11:15:52
2909
原创 uniapp引入自定义组件canvas 不现实，运行到微信小程序端时会报错
问题1在引入自定义canvas组件时，在微信开发者工具中为空白，和h5中不现实原因在微信开发者工具错误案例，没有加实例化this在h5中不实现为空白是没有onReady里面实例化canvas!!!更改问题2在微信开发者工具中添加this而报错原因微信开发工具有此 Bug1.03.2009301更新成可以先下载回1.03.20060901.03.2012121【报Bug】2.9.x canvas 在组件中渲染时，运行到微信小程序端时会报错社区链接https://ask.
2020-12-30 12:14:29
1280
转载 uniapp使用luch-request
官网：https://www.quanzhan.co/luch-request/下载luch-request插件，将插件放在common目录里在根目录下的common目录里创建http目录，新建index.jscommom/http/index.jsimport Request from '@/common/luch-request/index.js'const http = new Request();import {baseUrl} from './baseUrl.js' let d
2020-12-18 15:36:26
1042
4
转载 uni-app ＜image＞标签不显示本地图片的坑
关键是src的路径如果是页面中直接引用，一切都没问题如果是组件中引用，当src为静态时直接引用组件的相对路径也没问题坑来了：当src为动态引用时，路径一定要改为组件所在页面的相对路径，填坑完毕转载链接：https://blog.csdn.net/Tarzan_Dong/article/details/109297308...
2020-12-12 14:00:39
4865
原创 IOS margin失效问题,以及CSS媒体查询区分iPhone 6、 iPhone8、iPhone8 Plus和iPhoneX
CSS媒体查询区分iPhone 6、 iPhone8、iPhone8 Plus和iPhoneX/*iPhone6和iPhone8*/@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {/*code*/ }/*iPhone6 Plus 和iPhone8 Plus*/@media only scre
2020-12-10 14:01:36
666
转载 IOS margin-bottom，margin-top失效问题
问题webAPP中内嵌的H5页面设置margin-bottom，在模拟器及安卓机中的展示效果都与预想的一样。而在iPhone中无论嵌套多少层margin-bottom，均会失效。原因参考资料从IOS8开始，UIView的属性var layoutMargins:UIEdgeInsets指定该View的subview同其edge的间距。AutoLayout使用margins来放置内容。其默认值为8pt。如果一个View是ViewController的rootview，系统会自动设置和管理margins
2020-12-10 14:00:37
932
转载 CSS媒体查询区分iPhone 6、 iPhone8、iPhone8 Plus和iPhoneX
/*iPhone6和iPhone8*/@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {/*code*/ }/*iPhone6 Plus 和iPhone8 Plus*/@media only screen and (device-width : 414px) and (dev
2020-12-10 13:54:12
601
rgbaster.min.js
2021-01-07
flex类名组合使用 scssFlex.scss
2020-12-03
flex类名组合样式.css
2020-12-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人