- 博客(96)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 ElementUI/ ElementUI PLUS el-dialog包含el-form查询时回车导致刷新整个页面问题
只需要给表单添加一个@submit.native.prevent 提交拦截触发时间。
2023-04-25 14:37:51
735
原创 vue-element-admin在git 上 clone 之后无法install
vue-element-admin在git 上 clone 之后无法install
2023-02-21 18:50:09
607
原创 VR框架-Pannellum的使用
1.1 什么是Pannellum。Pannellum是一款轻量级，免费且开源的全景浏览器，适用于网络。它使用HTML5，CSS3，JavaScript和WebGL构建，不受插件限制。1.2 pannellum的浏览器限制Chrome 15+Safari 8+Edge1.3 不支持的浏览器版本Internet Explorer 10和之前的版本# JSON Configuration File Options(JSON配置文件选项)## General options(通用选项)
2023-01-05 15:19:37
3276
原创 canvas在小程序的坑，白屏和canvasToTempFilePath: fail canvas is empty
第一个坑 画布白屏，找不到canvas createCanvasContext,在其他平台不需要第三个参数this,而在小程序 需要 第三个参数this才可以，这样就可以绘制canvas第二个坑 draw绘制后 canvasToTempFilePath 一直报错 ：canvasToTempFilePath: fail canvas is empty，也是需要添加this参数和添加一个定时器就可以绘制出图片，...
2022-06-27 22:03:23
2796
原创 宝塔-Java前后端分离项目-前端静态资源的访问
1.创建好站点 记得把前后端分离勾选，点击设置2.点击配置文件 添加配置代码 然后就可以正常的访问了 直接域名+对应的文件夹
2022-06-20 19:30:40
1039
原创 小程序的createInnerAudioContext在iOS没有声音的解决方法
方法一 ： src里面的连接有中文的，可先通过 encodeURI 专门转码后再进行play()方法二 ： src没有中文的 使用autoplay 没有生效的话 可使用 play()方法 进行播放操作，如果play()不行 可加个定时器 延迟播放方法三 ： 因为小程序默认是根据系统的静音模式变动的 需要我们设置 obeyMuteSwitch 为false,这样就可以在静音模式下也有声音，在APP.JS的onLaunch生命周期配置一下...
2022-06-15 19:18:42
3152
4
原创 通过vue+webpack引入elementUI打包后 图标丢失
不通过脚架，引入element-ui打包的时候 发现图标地址路径指向错误解决办法 修改 build 配置第一步 build目录下webpack.base.conf.js文件//在module 模块添加 字体规则module: { rules: [ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { lim
2022-05-06 18:15:33
731
原创 nuxt 怎么获取cookie
在前端的话 通过 document.cookie的时候可以获取到cookie ，但是当你在nuxt框架使用的时候 你会发现 没有生效 无法获取cookie,因为cookie只能在客户端使用 nuxt 本质不算是客户端了 只能使用cookie-universal-nuxt来配置获取cookie第一步 安装cookie-universal-nuxtnpm i --save cookie-universal-nuxt第二步 配置config.nuxt.jsmodules: [ ...
2022-04-01 14:29:08
3036
2
原创 React-列表渲染滚动条重新滚动
列表渲染滚动条不会在指定位置，而是返回到初始状态在react当列表元素被指定了key时，React 会利用key准确的进行 Diffing 操作，而不是粗暴地逐个比较，以至于重新渲染整个列表。而造成 滚动条变动或者滚动 就是因为 key 每次渲染的不一致所造成的解决的方法就是 用ID或者列表的唯一值来替代key 而不是每次渲染的时候 都是一个不一样的key...
2021-12-21 20:37:27
1039
原创 uniapp 苹果安全区配置
问题IOS苹果手机有很多款手机底部都有一条黑线。兼容底部的切换解决方法1. 如果使用的是原生自带的tabbar 打开manifest.json 找到源码视图 在app-plus 节点 添加safearea 字段 这个就是配置iPhoneX的安全区域配置 填写 none 就可以“app-plus” : { /* iPhoneX的安全区域配置。 */ "safearea" : { "background" : "#FF...
2021-08-18 16:16:23
4705
原创 uniapp添加蒙版的时候怎么禁止页面滚动
废话不多说 上代码 在对应的蒙版添加一个方法 可以是空方法@touchmove.stop.prevent="moveHandle"//html<view class="screen" :style="{top : `${screenTop + CUSTOM_BAR_HEIGHT}px`,height : `${SCREEN_VIEW_HEIGHT - screenTop}px`}" v-show="screenVisable" @touchmove.stop.preven..
2021-07-05 16:36:41
743
2
原创 vue 项目中 splice 删除的不是指定的位置 而是最后一个
问题就是v-for选择里面 删除数组指定元素 结果splice删除的永远都是最后一个//html<view class="card ml20 mr20 mt20 c-row"> <view class="flex-cover time-main" v-for="(item,index) in tabbar" :key="index"> <scroll-view class="time-list " scroll-y="">
2021-07-02 14:59:34
3212
原创 怎么使用adb抓取APP日志
到资源库或者百度搜索platform-tools-latest-windows解压好文件第一步 配置环境变量找到你安装adb.exe的文件地址，把位置信息复制环境变量的path里面第二步1 输入adb devices 检查是否链接手机2.输入adb logcat -v time > d:\log 抓取日志 >后面是你的日志存放的位置...
2021-06-30 14:18:29
1348
原创 uniapp 怎么设置凸起的底部tabbar
uniapp的tabbar 默认的话 是 没有中间凸起的 但是耐不住我们的设计师的想法 就是想让中间的突出 跟别人不一样 这里的话 就有两种
2021-06-05 10:39:03
5195
18
原创 vue-router第一次加在URL为域名/#/path，点击第二次为 域名/?#/path
问题 第一次加载的路径为第二次当你做完逻辑操作点击按钮的时候为造成这个的原因就是 触发的逻辑操作在form表单的按钮解决的方法 就是把在form表单里面做跳转逻辑操作的元素拿出 放在form表单的外面就可以 在里面的去掉就可以了...
2021-04-17 10:39:52
378
原创 Flutter的window配置
第一步 配置环境变量在用户变量的环境变量进行配置export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn第二步 下载Fluter的SDK在fluterSDK地址下载你想要的版本的SDK，建议就是新手的就是下载最新的稳定版本第三步 解压配置环境变量将下载好的ZIP包解压到你要存放fluter的文件夹里面 建议文...
2021-04-14 10:38:29
702
原创 vuecli在其他文件怎么拿到$route参数
需求 vuecli引入router，在其他文件中 想要获取当前url的相关参数做处理做法 第一种的话 就是通过原生的location 对象获取相关的参数 但这个的缺点就是 参数的话 要自己做处理 毕竟已经被router给处理过了 第二种的话 就是通过引入 router ，并 通过 router,app.$route 可以拿到对应的参数数据import router from '../router/index'route = router.app.$rou...
2021-04-01 11:48:05
1021
原创 vue cli 组件通信传递之$off,$on,$emit
第一步 在mian.js 文件中引入并挂载全局方法import Vue from 'vue'/* 挂载全局方法 */Vue.prototype.$eventBus = new Vue();第二部 在需要的监听的文件组件中创建监听方法一般在mounted 或者created 挂载监听 这里需要注意方法名字要与$emit一致this.$eventBus.$on(方法名字,data =>{ //监听触发回调console.log(data); //这里的data就...
2021-03-30 16:58:45
422
原创 uniapp input输入框 在APP端 拿不到的问题
uniapp的input双向绑定在APP端拿不到值的问题在uniapp 使用 input 的 v-model进行数据绑定 在输入法没确定时候 input框显示有值 但是动态绑定的变量是获取不到相对应的值，而这个时候你如果想要提交数据什么的，会发现一直是个空在上图这个情况下 用户没选择对应英文 直接按保存的话 会发现一直拿不到数据 但页面又显示出数据（存在于部分手机和iOS） 解决这个问题的方法就是 在 保存的 方法触发 加上一个定时器和失去焦点1.第一步在input...
2021-03-20 10:58:28
3087
5
原创 利用scroll-view做上下跑马灯效果
html部分<template> <view class="home"> <view class="rank bg-white p30 mt30"> <view class="mt20"> <scroll-view class="scroll-view" :scroll-y="true" :scroll-top="scrollTop" @scrolltolower="scrolltolower" :scroll-w..
2020-11-23 14:23:57
629
原创 请教下uniapp 打包分享提示签名不对 检查与微信开放平台签名是否一致 这个怎么解决
一.第一步在微信开发平台检测数据，看对应的包名和签名是否一致签名的话 可以通过安装APP，在通过签名查看工具查看对应的签名是否一致二.数据，包名和签名都一致的情况下，还提示签名不一致的话，直接把微信退出登录，再重新登录就可以了或者把微信卸载再重新下载就可以了...
2020-09-17 16:55:23
10691
原创 uniapp chooseImage选择图片在部分手机会刷新页面
在uniapp 做选择文件的功能 有部分手机选择完后 会触发生命周期里的方法 会造成页面数据重新渲染，数据更新，造成图片选择不成功等问题，防止这种做法 我们有两种方式一. 不要在onshow生命周期填写相关的函数操作，在onload做函数处理，不过这个方法有个弊端 就是当这个页面不是二级页面，就没有办法进行数据的实时更新，必须退出应用才会重新更新数据，不然就是一直读取之前onload请求的数据二. 通过定义一个布尔值来判断是否为选择图片，因为的话，选择图片虽然会触发onshow方法，但不会把da..
2020-09-17 09:44:43
5035
原创 weex text组件自动换行
在weex 在 flex-direction: row 情况下 text组件的文字不会自动换行的，要想实现自动换行 只需要设置个宽度给他就可以了没加宽度之前，这个多个相同变量 只是为了内容多点 不要介意加了宽度之后，就会自动换行下来了...
2020-08-29 14:36:34
2563
2
原创 Facebook-H5授权登录步骤
第一种 纯html的话<script> // Load Facebook sdk 加载 Facebook sdk (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.face..
2020-08-27 15:22:39
4841
6
原创 JavaScript 计算一个数组里的最大最小值
第一 通过假设循环来设置/** * 获取数据的最大或者最小值 * @param {Array} data 要查找的数据 * @param {String} type 要查找的类型 max 最大值 min 最小值 * */ getDataMinOrMax(data,type = 'max'){ let num = ''; for(let i = 0 , len = data.length ; i < len ; i ++){ let .
2020-08-20 10:22:54
469
原创 uniapp图表uchart框架 直线图变曲线图
这里记录一下 折线图根据官网给的折线demo 出来的效果就是<template> <view class="transaction"> <view class="canvas"><canvas canvas-id="canvasLine" id="canvasLine" class="charts"></canvas></view> </view></template><scr.
2020-08-19 11:17:43
6206
7
原创 UNIAPP 怎么引入字体
第一种 网络字体地址 const url = 'https://sungd.github.io/Pacifico.ttf' loadFontWeb() { uni.loadFontFace({ family: 'font-test', source: `url("${url}")` }) },第二种 本地字体地址 第...
2020-08-17 17:51:38
11798
3
原创 vu-cli4修改html页面的标题
第一种情况 整个页面都是用统一标题的在项目的根目录创建一个vue.config.vue文件，添加上chainWebpack，修改args里的参数配置，重新返回就可以module.exports = { publicPath: './', /* 修改html标题 */ chainWebpack: config => { config.plugin('html') .tap(args => { console.log(args); args[0].titl.
2020-08-15 12:08:16
2082
原创 vue 脚架 实现 广播 操作
创建一个广播 函数/* 广播 *//** * 子元素向父元素发送通告 * @param {Event} eventName 事件名字 * @param {Oeject|Array|String} data 参数 */function $dispatch(eventName,data) { let parent = this.$parent; //循环查找父元素 找到没有为止 while(parent){ //每找到一个父元素就派发一个事件 .
2020-08-12 17:26:10
420
原创 payment 返回码62000是什么原因
废话不多时 在plus 支付参数都正确的时候 但一直就是支付失败，在error方法打印出来 是 code： 62000，这个错误其实就是 你plus 参数的channels传递错误造成的，要先调用一下plus.payment.getChannels 这个方法 把 开发商返回的 信息 赋值给channels 就可以了，这样要注意plus.payment.getChannels 返回的结果是一个数组，所以要做一下区分，然后在调用一下plus.payment.request 就可以唤起支付了...
2020-08-06 10:45:46
2066
6
原创 uniapp H5端 怎么引入高德地图
废话不多说 ，直接上代码第一步 到高德开发平台申请账号，在控制台创建相关的应用，这里我们使用的网页的api第二步，在对应的页面引入对应的JS文件，既在onload方法触发引入高德JS文件方法 里面的key就是你在控制台创建的key,callback的名字是你在window上挂载的回调方法名字，这里可以随你去，但要下面的名字相对应的，不然触发不了onLoad() { // #ifdef H5 this.loadScrpit(); // #endif },methods .
2020-07-28 10:45:41
9985
8
原创 uniapp怎么在H5页面打开小程序
在微信SDK里面你会发现，微信新增了开发标签的列表，通过这个 我们可以在网页打开同个商务号下的小程序和 商务绑定的APP这个两个方法，这里我们用的是从网页打开小程序第一步，获取SDK配置，在配置里面添加一个 openTagList: [] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']这个字段有两个选择wx-open-launch-weapp 打开小程序和wx-open-launch-app 打开APP 可以两个都填写 或者是 两选一，看你项...
2020-07-24 19:23:07
5999
1
原创 weex实现文本省略效果
在css中 我们可以通过text-overflow来实现 具体可以通过文本省略去看，但在weex内部没有CSS的这些属性 ，不过它有一个line 属性可以通过这个实现省略效果 line数字表示几行开始省略width: 150rpx;text-overflow: ellipsis;lines: 1;...
2020-07-15 17:14:53
1116
原创 uni-app APP运行 adb冲突 解决方案
在uniapp编译到手机的时候 有时候会抱这个错误 adb冲突解决的方案就是 把电脑对应的进程关闭就可以了图中的PID就是对应的端口 后面是冲突的软件名字1.打开任务管理器，这里以win10系统为例，这进程这里找到对应的进程 这里或许有人就有会，为啥没有PID，不用着急，因为默认会关闭一些字段右键点击名称那栏 你会发现这个，把里面的PID勾选上 就可以了，然后排一下序找到对应的PID号 把这个进程关闭掉就可以，你在重新运动UNIAPP 就可以正常编译了...
2020-07-10 09:41:50
3037
原创 uniapp 启动图 太久 问题解决
在manifest.json里面把这个关闭然后在入口文件手动关闭plus.navigator.closeSplashscreen(); 就可以了
2020-07-09 19:03:13
3504
7
原创 vue-element-admin npm instatll 下载报错
我们从github把vue-element-admin 下载下来 npm i 会发现报下面错误是因为有些依赖版本太低 换成新的版本就好 执行以下npm update 更新依赖也是最重要的一步 把项目的node_modules 删除掉 重新 npm i 或者 cnpm i 一下 重新把依赖重新引入在跑 npm run dev就可以了...
2020-06-27 13:08:18
270
原创 uniapp插件-微信小程序富文本编辑器myeditor在H5内容没显示问题
使用uniapp插件市场的富文本插件editor的时候，在小程序显示正常，在H5显示错乱 内容不见了效果是这样在小程序显示正常 在H5就变成这样了查看源码发现是样式问题 定位的时候 把高度设置成100%，不是不见了而是变覆盖了找到源码文件editor.vue，找到.header添加一个 height :auto就可以了重新运行一下就可以了...
2020-06-17 16:29:00
2552
原创 JS怎么唤起百度地图
JS通过链接的形式可以打开导航详情.location.href = http://api.map.baidu.com/marker?location=纬度,经度&title=位置信息&content=内容&output=html
2020-06-17 14:42:18
1128
vue-cli-tabbar.zip
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人