hjy170314-CSDN博客

原创 uni-app 图片压缩

canvas标签必须写,必须写,后面需要获取canvas的属性。是必须加入的,不然后面所需要的参数值是无法获取到。需要注意的是获取canvas元素时的这个。

2023-02-07 17:41:00 314 1

原创 vue-electron的使用

安装npm i vue-cli -gvue init simulatedgreg/electron-vue my-project//安装依赖并运行程序cd my-projectnpm i // yarnnpm run dev

2021-08-31 18:12:20 259

methods: { changeTime(){ let time = "01:30:48" let tt = this.changeStrToMinutes(time) console.log(tt) }, changeStrToMinutes(str){ var arrminutes = str.split(":"); let second = parseInt(arrminutes[2])/60 console.log(parseInt(second..

2021-07-21 17:22:43 376

原创 ELECTRON框架-入门使用

Electron含义：一个构建桌面应用的框架。创建electron项目创建项目文件，进入文件，打开命令窗口，输入npm init //初始化项目，创建 package.json文件** 注意内容**package.json 需要将入口文件改成main.js,author 和 descriptioon可以随意需要在目录下面创建main.js文件，空文件即可// 安装electronnpm install --save-dev electronc // 如果安装不上，可试着切

2021-07-12 13:57:23 1448

原创二进制与十进制之间转换

二进制转换十进制使用parseInt(num,2) 这样可以达到十进制转换二进制使用 num.toString(2) 这样可以达到 let num = 243 let hre = num.toString(2) //hre 11110011 let num = 100101010 let hre = parseInt(num,2) // hre 298转成其他进制的话,优先转化成十进制,再将其转化成想要的比如: 二进制转换八进制首先将二进制转换成十进制,然后用十进制转换成八

2021-06-25 17:28:31 273

原创 js 异步和同步,promise

js异步和同步异步: 不按照代码顺序执行,效率更高同步: 按照代码的顺序执行回调函数回调函数是一个函数,是在我们启动一个异步任务的时候就告诉它: 等你完成这个任务之后要干嘛.这样一来主线程几乎不用关心异步的任务的状态了,它自己就会执行 function func(){ document.getElementById("app").innerHTML = "hello" } setTimeout(func,100)setTimeout(func,time)func: 是一个回调函

2021-06-25 16:19:07 106 1

原创 JavaScript:void(0)

javascript:void(0)含义: javascript:void(0) 中 void是关键字,指定要计算一个表达式但不是返回值.写法: void func() javascript:void func()或者 void(func()) javascript:void(func()) 例子: <a href="javascript:void(0)">单击此处什么也不会发生</a> //当连接被点击时,void(0)计算为0,但javascript上没

2021-06-25 15:18:33 1839

原创 json.parse和json.stringify的使用

JSON.stringify(value[, replacer[, space]]): 可以将对象转换成字符串value : 必填,通常为对象或数组replace : 可选,用于转换结果的函数或数组. 如果该值为函数: 则JSON.stringify()将调用该函数,并传入每个成员的键和值.使用返回值而不是原始值.如果此函数返回 undefined,则排除成员.根对象的键是一个空字符串: "". 如果该值为数组: 则仅转换该数组中具有键值的成员.成员的转换顺序与键在数组中的顺序

2021-06-25 14:58:44 96

原创 DOM使用addEventListener()

addEventListener()给元素添加事件，用来指定元素添加事件句柄可以使用 removeEventListener()来移除 addEventListener()添加的事件句柄element.addEventListener(event,function,useCapture)注释：event: 事件名，不可省略,这里不需要"on"前缀，直接写“click"即可function：指定事件需要执行的函数useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行

2021-06-21 19:09:29 529

原创 git上传和拉取命令

//上传git inittouch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://gitee.com/hjyclover/minishow.gitgit push -u origin master//拉取git pull origin master

2021-01-13 11:01:01 132

原创解决 ios 在h5使用alert和confirm出现url的问题

体验地址: 解决 ios 在h5使用alert和confirm出现url的问题使用方法网络上也有很多,但是发现微信会有缓存,阻碍了数据的更新.如果以前使用的时候出现了url,更新代码之后需要清除一下缓存,不然这个url是无法消失的,因为很可能你的数据更新了,微信内部浏览器并未更新你的数据,所以更新一下缓存数据吧缓存这一块不知道是我频繁发布gitee的版本还是啥,后面更新的内容没有成功,所以我只能换了一个域名去看.如果每次域名不一样的话,好像是不存在缓存问题的,这个方法也可以使用代码主要是这样写的

2021-01-11 11:34:52 504

原创 uni-app h5/app 使用 picker-view 问题

使用picker-view 开发时,发现他的方法只有一个开始和结束的方法只有小程序中才能生效,由于我的项目是将小程序直接转换过来的,所以这两个方法里的操作需要进行改进然后我又发现了一个问题因为的是时间选择器当我们的时在滑动的时候,,分没有跟着改变,这就很难受了.检查数据,需要已经更新了,唯独界面没有刷新,看了很多,好像说vue的数值在某些操作上是不算更新数据的,也就是相当你你是拿数据用,并没有改变数据的意思一样.uni-app中有这个 uni.$set(oldArr/oldObj

2020-12-25 16:20:37 2432

原创 uni-app 开发 h5/app使用prevPage.setData

uni-app中的这一串代码,我估计只有在小程序中才会生效,反正h5,和app中没有生效 let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = this.getT == 0 ? pages[pages.length - 3] : pages[pages.length - 2];//下面这句是关键,因为这里我们使用的时候,通常都想将当前页面的值直接带到跳转的那个页面,并改变跳转那个页面上对应的值

2020-12-25 15:58:16 2498

原创 uni-app h5navigateBack 返回页面不更新数据问题

uni-app h5在页面使用navigateBack 返回上一个页面时,页面的数据没有得到刷新,但是检查数据的时候却发现数据在js已经是新数据了,唯独页面还是旧数据刷新了一下,界面的数据才同步过来, 我试着加上监听器还是不行,将页面显示的数据放在计算属性,还是不行,虽然js里的数据都已经是最新了.但界面还是无法呈现出最新的界面.因为是页面需要刷新一下才能出现,那么我就让他刷新一下,可能用户效果会有点差,但总比不出来的好 // #ifdef APP-PLUS uni.navigate.

2020-12-24 09:48:48 3498

原创 uni-app,vue循环不同点击事件并传值

<view class="btnBox"> <view v-for="(item, index) in pageObj.btnList" :key="index"> <view class="page__bd"> <view class="page__bd page__bd_spacing title__bd walltBtnBox"> <image :src="walletImg[index]" clas.

2020-12-22 11:16:33 1511

原创小程序时间组件的开发

代码不在此书写,请到本人github上面获取小程序时间组件代码里面注释也很多的,目前还没有写使用文档,可以看着注释去使用下面展示功能图,目前本人测试,安卓和苹果手机都没有问题,如果发现问题,麻烦告知一些评论区,让我也了解一下...

2020-11-10 14:38:16 148

原创自定义小程序showModal对话框

小程序自定义对话框的书写html部分<view class="modal-mask" bindtap="hideModalC" wx:if="{{showModelConflict}}"></view> <view class="modal-dialog" wx:if="{{showModelConflict}}"> <view class="modal-title">弹窗标题</view> <view

2020-10-28 16:15:50 408

原创解决小程序使用wxCharts环形图时,值为0时安卓机不显示图的问题

不知道是不是兼容性的问题,不管小程序使用什么图表的环形图,只要其中一个值为0,在安卓手机上都是不显示出来的,但是图表上有需要显示100% 和 0%的字样,所以我发现将data的最小值设置为 0.0001是可以正常显示图表已经显示的百分比没有错误的情况因为只要两个值都不为0的时候,图表无论在安卓还是苹果都是正常显示的只要值为0 ,就让这个值变成无限接近于0但是不等于0,这样安卓手机的显示就正常了下面是安卓手机的显示:其他的也没有问题...

2020-09-29 11:48:52 575

原创 echarts 堆叠都从底部开始计算

效果图option的值var colors = ['#5793f3', '#d14a61', '#675bba'];option = { color: colors, tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } }, grid: { right: '20%' }, xAxis:

2020-09-21 12:03:12 635

原创 echarts 隐藏y轴x轴刻度

效果图options的设置option = { title: { text: '已报到情况 ' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%',

2020-09-21 10:43:16 1995

原创 boostrap自定义弹出框的样式和内容

效果图html部分 <div > <span data-container="body" data-toggle="popover" data-placement="bottom">查看关联的设备</span> </div> <div id="popover-content" class="popover-content" style="display: none"> <div>

2020-09-09 15:10:54 213

原创 echarts图表切换数据时页面无法切换

我的效果图因为点击切换之后的数据数量都是不一样的,所以我直接改变了数据进行切换在点击切换的时候需要清除上一次的数据,不然他无法显示新的数据** 只需要腰去改变 myCharts.setOption(option,true) **只需要给setOption()添加第二个参数,并给值为true ,因为默认是false, 当为true的时候就会自动清除上一次的数据重新加载,就不会出现点击切换图表不切换的情况了...

2020-09-09 11:55:14 727

原创 echarts 修改柱形图形状新增柱形图堆叠效果

效果图html部分<div id="main" style="width: 600px;height:400px;"></div>js部分var myChart = echarts.init(document.getElementById('main'));var colors = ['#2D9CFF','#5793f3', '#d14a61', '#675bba'];var option = { color: colors, tooltip: {

2020-09-08 15:26:23 1094

原创 boostrapTable 表头双行字体并颜色不一致

这是我的设计图的样式,在表格里面存在两个表头,并且在第一个表头里面有不同颜色的字体存在,然后我看了一下boostrapTable的文档如果设置的样式是表头里所有的属性都是一样的话可以使用 headerStyle (跟columns同级)但是我这个是每几个之间就有区别所以不能这样用,于是我就试了一下我下面这个操作没想到这样子就可以了,达到了我需要的效果html部分<table id="Table" class="table table-hover table-striped">.

2020-09-08 10:38:04 749

原创 uni 图片装换base64

uni.getFileSystemManager().readFile({ filePath: src, //选择图片返回的相对路径 encoding: 'base64', //编码格式 success: function (res) { //成功的回调 this.imageBase64 = res.data }});上面的这个值针对小程序平台有用在开发app的时候使用下面这个 const a

2020-09-04 10:42:41 422

原创 ant-vue checkbox 多选只能选中一个demo

多选框时,却只需要点击其中一个就让其他的选项失效,其实也是可以使用单选框来做,但是设计图的图标是和多选框长得一模一样,又不想去修改ant-vue单选框的样式,于是就做了这个demohtml部分<a-checkbox-group v-model="value" name="checkboxgroup" :options="plainOptions" @change="onChange" > <span slot="label" disabled="{disabled}" slo.

2020-09-03 11:18:44 4150

原创 uni-app watch同时监听多个数据

所有的数据来源于data中 computed:{ rotateSliders(){ const { rotateSlider, startAngle, endAngle, gapAngle, lineationItemWidth } = this return { rotateSlider, startAngle, endAngle, gapAngle, lineationItemWidth } }, }, watch:{ rotateSliders: fu

2020-09-03 11:11:28 2199

原创 vue-ant-design 在ie的兼容问题

一开始没有注意ie的兼容,在谷歌中一切都很正常.但是才发现,当我在ie中运行的时候,界面直接白板了,而且是ie 11. 还不是低版本,都已经行不通了一直报错, 有set的错误 ,也有SecurityError错误忘记截图了,因为项目已经做了配置就暂不添加截图,下个项目再把截图补上于是我查了很久,很多文章显示使用 babel-polyfill 可以所以我安装了,此时ie11可以显示了,ie10和下面的版本一样都是白板,出现 set 的错误安装 babel-polyfillnpm i .

2020-08-21 16:33:17 3213

原创使用vue-antDesign menu 页面(添加面包屑跳转)

看了很久文档和其它人写的界面,我发现这个UI组件库和element-ui的区别还是挺大的.使用element-ui的时候,可以直接定义router 进行绑定到路由,然后就可以显示数据了,而且路由表的格式不需要特殊处理,随便摆放都是可以的,只要使用的path或者name对应的上就行但是ant没有指定路由的属性,这使得我们在跳转的时候需要使用到router-link 和router-view,这两个才能正常显示页面.vue文件<template> ..

2020-08-19 16:30:44 9673 4

原创判断数值是否连续

判断一串数值之间是不是连续 isContinuityNum(num){ //判断选中的时间段是否连续 let array=[]; if(num instanceof Array){ array = [...num]; }else{ array = Array.from(num.toString())//转换为数组 } array.sort(function(a,b){ //要做一下排序,不然如果顺序颠倒过来就无法判断

2020-08-12 15:08:27 1115

原创判断当前点击是否和已选中的列表是连续?

这是要做的连续点击的效果,中间不能断开选择// 判断选择的两个时间段是不是连续 continueSelect(arr,ind){ if(arr.length > 0){ let a = [] for(let i =0; i<arr.length; i++){ a.push(arr[i].id) } let max = Math.max(...a) let min = Math.min(...a) if(ind < m.

2020-08-12 15:05:36 225

原创 mysql 基本命令语句

mysql 命令大全#.1 开启和关闭windows系统 mysqld --console // 开启 mysqladmin -uroot shutdown //关闭 ``` linux系统 ps -ef | grep mysqld //检查mysql是否启动 ./mysqld_sage & //开启 ./mysqldadmin -u root -p shutdown Enter password: ****** //关闭

2020-08-12 14:20:36 116

原创小程序自定义tab,tapItem 居中

使用到 scroll-viewhtml <scroll-view scroll-x='true' scroll-left="{{moveWidth}}" scroll-with-animation="true"> <view class="sroll"> <view class="weeks {{currentDay == index? 'activeWeeks':''}}" wx:for="{{weeks}}" wx:key="index" id

2020-08-07 15:16:46 349

原创小程序wxcharts 当值为 0时,隐藏柱形图

最终效果当值为零时,如果不设置yAxis的最大值的话,会有默认的高度在图标中间,但是值显示是为0的.所以需要在我们使用图标传值之前先进行判断一下传入的数值的最大值是不是0,如果是0,则限制最大值 var max = Math.max(...datas) ; if (Math.max(...datas) == 0){ max = 0.1 } _this.lineCharts(times, datas, names

2020-08-07 10:22:34 478 1

原创小程序自定义下拉框

自定义select组件文件select.wxml<view class="page"> <view class="selectBox" > <view class="selectTypeHead" style="justify-content:{{selectBox.length%2==0 ? 'space-around':'space-between' }}"> <view class="roomType " wx:for="{{selectBo

2020-08-06 16:48:12 299

原创 async await的使用

async await 是基于promise的语法糖它们使得异步代码易于编写和阅读async放在函数声明之前,使得函数变成 async functionfunction fn(){ return "a"}fn()使用async,将其变成异步函数async function fn() { return "a" }fn()let res = async ()=>{ return "a" }使用async的函数会返回一个promise要实际使用promise完成时返回的值,

2020-07-29 17:54:17 127

原创 uni-app打包app tabbar图片问题

在没有云打包之前,在h5端,小程序端,手机端,全部都正常.但是打包成app了之后发现,tabbar的图标没有显示出来我之前的tabbar是这样写的"list": [{ "pagePath": "pages/home/home", "text": "迷妮", "iconPath": "./static/icon/home-default.png", "selectedIconPath": "./static/icon/home-acitve.png" }, {

2020-07-28 10:37:57 2106 2

原创 boostrapTable 设置行样式

改变列颜色在所需要改变的字段里面添加属性{ field:"status", title:"状态", cellStyle: function (value, row , index) { if(value == '是'){ return { css:{ "color":"#2D92FF" } } }else{ return { css:{ "color":"#999" } } }

2020-07-20 11:51:30 247