- 博客(84)
- 收藏
- 关注
RSS订阅原创 uniapp在微信开放平台创建移动应用时，如何生成应用签名的问题
在这里输入你的app打包时的包名，即可得到你要的签名了。包名在打包的时候是必填项，就不多赘述了…首先需要在手机或者模拟器上下载。微信开放平台获取应用签名，
2023-07-03 17:25:56
921
原创 vue项目删除node_modules的方法
在当前项目目录下选择在终端中打开，试一下下面两个命令。node_modules太大删除不掉怎么办？
2023-04-19 15:42:38
1066
1
原创 js排除Infinity和NaN对页面渲染的影响
数字类型的展示，有时候页面显示这种英文，很不友好，需要逻辑处理一下，不废话了。：这个就比较常见，不许赘述了，分母为0也会NaN的；表示无穷大数，有正负（-Infinity）之分；一般使用isFinite()判断筛选出来，重新按需赋值。
2022-11-10 09:25:19
353
原创 uniapp数据可视化页面，引入uCharts开发（这里介绍一下图例的自定义开发，当数据上百条的情况处理）
一般比较方便的方式是直接使用插件市场的快捷方式按具体项目进行导入，就可以在项目里面直接使用了，使用方式也肯简单，和普通的vue项目使用插件差不多，参考官网的“演示”目录代码，参数不懂的可以查看“文档”目录。但是通过看文档和实际使用，uCharts确实也还有很多不完善的地方。显示/隐藏的时候，opts里面的color的排序都不一样。下面图例部分时自定义重写内容，主要问题就是要写。自定义部分的样式就省略了。对应各个对象所表示的颜色对应。，交互里面主要问题是要。
2022-11-08 10:16:22
1331
1
原创 uniapp基于uview的动态表单处理方式以及验证方法（验证涉及map循环需要等待执行）
uniapp基于uview的动态表单处理方式以及验证方法（验证涉及map循环需要等待执行==》使用promise.all方法进行处理）
2022-08-08 17:28:11
4603
8
原创 【无标题】uni-app真机调试，页面显示空白，出现报错“reportJSException ＞＞＞＞ exception function:createInstanceContext, excep”
uni-app真机调试出现空白的等问题
2022-07-28 17:22:18
6239
原创 vue项目在浏览器嵌入wps进行操作，这里记录两种方式，本地载入这个能匹配内网使用
先整几个参考文档：wps开放平台开发文档：https://www.kdocs.cn/l/cmd0fQ9SjcsShttps://www.kdocs.cn/l/cvItn7DFoX99https://www.kdocs.cn/l/cqVyOOjyWmm8效果图：copy了个网上的效果图，本地项目的wps做的Linux国产化系统适配，打不开目前项目是中途需要使用wps相关功能，只能人工给他载进去，下面先说官网介绍的vue使用方式。如果是vue项目需要使用wps，建议在项目脚手架阶段就通过wps
2022-04-07 11:30:41
7844
1
原创 element日历组件赋值完之后，再次选择显示的日期不会发生改变；顺手记录一下获取本周一到当前天的日期；
效果图：如上，选完之后还是4-7号，解决方式，初始化绑定参数就好了，queryForm: { timeRange: [] },=获取本周一到当前天的日期===========created() { this.dictcode = Object.assign({}, this.dict) // 初始化开始时间和结束时间-本周一到今天止 var date = new Date() let endTime = this.timeFormat(date) let s
2022-04-07 10:09:15
519
原创 vue项目使用树形数据穿梭框
文档地址：快速进入基本步骤代码：npm install el-tree-transfer --save //下载依赖import treeTransfer from 'el-tree-transfer' // 引入// 使用树形穿梭框组件<tree-transfer :title="title" :from_data='fromData' :to_data='toData' :defaultProps="{label:'label'}" @add-btn='add' @remove
2022-03-31 09:57:12
1068
2
原创 vue页面中的一部分列表滚动条，在跳转页面后再回来，保持之前滚动条的位置状态
类似下面的效果：代码实现：beforeRouteLeave(to, from, next) { // main是包含列表的盒子容器类名 this.scrollTop = document.querySelector('.main').scrollTop next() },beforeRouteEnter(to, from, next) { next(vm => { setTimeout(() => {//一开始进来页面未渲染无法拿到元素进行scro
2022-03-03 12:00:35
980
3
原创 uni-app页面部分模块转化成图片并保存（适用app和h5）以及涉及轮播滚动时，区分轮播内容生成图片方法
上一篇uni-app的截屏是截取整个页面的内容，这一篇描述页面中一部分模块转化成图片并保存的方法。效果描述：（页面:上面是一个卡片加二维码/条形码，下面是一个轮播，可以切换不同的卡片，轮播如果把id包裹在外层的画，只能把第一张生成图片，后面几张就会出现空白）（需要生成图片的样子如下：）轮播部分需要的图片如下：这里生成图片的方法主要用到了html2canvas和renderjs。html2canvas的使用方法：npm i html2canvas // 找到项目目录直接下载import
2022-01-20 11:09:01
1816
原创 uni-app截屏截取页面可视区，以及利用截屏截取完整页面方法
直接上代码吧！截屏并保存到相册getPic(){ var pages = getCurrentPages(); //获取当前页面信息 var page = pages[pages.length - 1]; var bitmap = null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bitmap('amway_img');// 将webview内容绘制到Bitmap对象中 currentWe
2022-01-17 11:06:59
2928
2
原创 element级联选择器el-cascader控制宽度，并且文字过长移入鼠标显示文字内容
效果： <el-cascader v-model="ruleForm.zm1427" :props="defaultParams" :options="newDaType" :clearable="true" size="medium
2021-12-27 14:19:20
4038
原创 css控制文本左右对齐相关问题描述
实现效果：左右对齐，样式代码display: flex;text-align: justify;前面也加了 text-align-last: justify;这个属性，效果：（存在字间距问题！！！！）
2021-12-02 15:41:40
151
原创 uni-app使用视频播放组件层级过高会覆盖自定义组件等问题
就简单描述一下吧，官网上说的较多的cover-view、nvue、subNvue、web-view等原生组件，就不做过多描述了，直接上官网看。利用v-html解决的办法：（本次视频覆盖住了自定义头部就是采取的此种方式）<view v-html="contentVideo" @click="playVideo(contentVideo)">data(){ return { contentVideo: `<video :src="${this.myVideoUrl}" s
2021-12-01 19:42:14
3769
1
原创 早餐可以吃什么？
早上吃什么确实很重要，吃的暖吃的到位，十点就不会感觉疲，十一点就不会感觉困。早餐要是能多腾出20-30分钟早餐时间，那当然是最好的，但是作为老师，早上的睡眠时间真的是弥足珍贵，一秒都不想浪费，这真的是一件极其纠结的事情！！！那么说简单点，就整体“早餐框架”来说，早餐是要忌辛辣油腻，宜清淡，多营养的。（分条说吧，看着没那么累！）1.喝一杯温开水，补充一下身体缺失的水分，但是不要喝得过多，建议是六百毫升就可以。我的理解是4-6小口，用毫升计，也不好估量。~///(v)\~ 放张水图放松一下眼睛 ~///
2021-11-02 20:23:48
117
原创 uni-app使用webview开发相关问题（uni-app开发地图多边形在app端不显示的问题）
1.webview开发app端，默认全屏显示，怎么设置高度？ var currentWebview1 = this.$mp.page.$getAppWebview();//获取当前web-view setTimeout(function() { var wv1 = currentWebview1.children()[0]; wv1.setStyle({//设置web-view距离顶部的距离以及自己的高度，单位为px position:'static', top: 390
2021-11-02 09:59:57
1418
原创 vue v-for 一行展示两个子项问题
效果图： <template v-for="(it,i) in item.rh10list"> <tr v-if="i%2===0" :key="i" > <td> <span
2021-09-27 10:05:12
1450
原创 vue使用Baidu Map（百度地图）插件开发——不同覆盖区域用不同颜色显示
需要达到的效果：代码实现是用三元表达式判断不同类型给不同的颜色值，<bm-polygon v-for="(item, index) in towerLines" :key="index" :path="item" :stroke-color="coverColor" :fillColor="item.length<=0?coverColor:item[0].area_type==='1'?'
2021-08-18 14:56:35
1253
原创 vue实现动态绑定多个不同的类名
场景：在tab切换过程中每一个激活状态的按钮背景颜色不一样如图：1.2.3.代码实现：主要注意动态class的写法<div class="tab_box flex_dom flex_item_around flex_item_mid"> <span v-for="(item,index) in switchMapTab" :key="index" :class="[{activeTab0:chooseIn
2021-08-12 20:56:14
515
原创 uni-app自定义导航栏和配置原生导航栏的一些方法以及动态修改原生导航栏内容样式的方法
uni-app自定义导航栏就是摒弃它原有的导航栏样式，完全自定义重写，只需要将路由参数离的**“globalStyle”: { “navigationStyle”: “custom” }** 或者设置 titleNView设为false就可以在业务页面自定义书写导航栏内容，这里自定义的导航栏需要自己处理各种手机头部距离，也是比较麻烦的，比如iPhone X的刘海等。 这里主要记一下原生导航栏的配置方法：{ "path": "pages/lx-news/TalentKnow/newsDetail"
2021-07-20 19:17:06
2717
原创 uni-app 吸顶出现错误，获取导航栏高度的方法
uni-app 做吸顶样式时，由于手机型号的不同，导航条的高度也会有所区别，需要动态获取导航条的高度。onReady(){ // .tui-navigation-bar为导航条类名 let info = uni.createSelectorQuery().select('.tui-navigation-bar') info .boundingClientRect((data) => { this.stickyTop =
2021-07-02 16:10:20
517
原创 uni-app开发，app跳转微信小程序方法
plus.share.getServices( res => { let sweixin = null; for (let i in res) { if (res[i].id == 'weixin') { sweixin = res[i]; } } //唤醒微信小程序 if (sweixin) { uni.hideLoading() sweixin.launchMiniProgram({ id: 'gh_XX
2021-07-02 15:08:27
619
4
原创 js输入框内全角字符自动转半角
vue里面写在监听函数内：'loginForm.verification_code': function(str) { if (!str) return '' let result = '' for (var i = 0; i < str.length; i++) { if (str.charCodeAt(i) == 12288) { result += String.fromCharCode(str.charCodeAt(i)
2021-06-22 10:31:55
384
原创 vue使用Baidu Map（百度地图）插件开发，检索问题——删除完标记点未清空
vue使用Baidu Map（百度地图）插件开发实际应用中会出现检索完地址后，删除过快标记点无法及时清空的问题，类似：还有很多红色标记，实际输入框内搜索值已经清空了。解决方法，代码：定义一个v-if控制重渲染监听检索值，利用$nextTick()方法改变变量状态，控制地图重加载watch: { /** * *** * 解决地图检索值为空时,标记点未及时清空问题（此问题出现在输入框内容删除过快时） */ business_keyword: funct
2021-06-19 16:28:36
831
原创 vue使用Baidu Map（百度地图）插件开发相关问题------自定义覆盖区域，检索周边地点位置(末尾描述覆盖区出现空隙空白问题)
Vue Baidu Map插件的官方文档地址：https://dafrok.github.io/vue-baidu-map/#/zh/search/local-search 快速进入举例样式：自定义覆盖区域，检索周边地点位置覆盖类型的地图：（使用文档内的多边形）代码参考：<div class="mapBox"> <div class="search-input"> <el-input v-model="b
2021-06-04 12:01:02
515
原创 VUE在父组件接收子组件参数时，自定义传递本组件参数方法
正常模式的时候是这样的：// child:this.$emit('func', params)// parent@func='func(params)'然后父组件需要自定义参数的时候两种情况：①子组件传单一变量过来（数组，对象。。。）// child:this.$emit('func', params)// parent@func='func($event,params)'②子组件传多个变量过来（data1,data2,data3…）```javascript// child:
2021-05-19 20:05:53
448
1
原创 记录一个uni-forms表单每输入一次就自动失去焦点的问题
快下班了，长话短说局部代码：我之前是在key里面放了个input变量进去了，这确实也是个低级错误，但是此类问题的原因应该大同小异，就是v-for底层map循环的时候，key值发生了变化，导致dom更新，出现这个问题，去掉不确定性的key值绑定就好了所以，用key要谨慎啊！一不小心找bug就是半天过去了...
2021-04-30 16:56:47
382
2
原创 uni-app开发——使用uni-forms在input表单校验遇到复杂自定义操作时，第一次无法响应校验的坑
表单选的时提交时做校验，validate-trigger="submit"自定义了表单事件，第一次点击提交无法触发校验，再选择操作，才没问题<uni-forms-item class="side-padding" :name="item.prop" :required="item.required||false" :label="item.label" v-else-if="item.type==='actionsheet'&&item.hidden!==false">
2021-04-14 16:12:37
2870
原创 uni-app开发——基于uni-forms和ThorUI简单封装的表单组件
uni-app出现较长时间了，优势也是不言而喻（一次开发能应用小程序、app、网页等），但一直觉得伴随其出现的UI组件相当不成熟，开发起来总是遇到很多难题。这里描述一下uni-app开发中表单的处理，页面样式大体：废话也不多说了，类似这种的申报页面多的很，那肯定要提取公共部分进行封装咯。大体借鉴一下思想吧，此处代码多是应对本次项目开发，不具备 多项目的一般性<!-- **基于uni-forms和ThorUI简单封装的表单组件** **itemsDatas的prop 对应的是 fromDa
2021-04-13 21:08:33
1116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人