3 浩星

尚未进行身份认证

我要认证

小哥哥,小姐姐们,来个关注呗

等级
TA的排名 9k+

vue中使用onbeforeunload

前言: onbeforeunload事件可以用在页面刷新前,页面关闭前,进行提示判断等相关操作。也就是说你再这个事件里面添加的操作,你点击f5刷新或者退出这个页面都会触发。效果图:js和vue中通过案例来说明用法:一、js中使用方法:<html> <head> <title>this is id onbeforunload event test</title> </head> <script t...

2020-08-11 15:40:38

electron+vue开发跨平台桌面应用

前言: 因为工作需要,研究electron和vue项目的结合使用,这里来将整理资料分享下官网地址:入口前提条件: 安装并应用了vue的脚手架,搭建了一个项目 ,教程入口使用方法:(网速不好的小伙伴请直接看1.2)一、安装electron1.1、自动安装electron(不建议,这步是网上摘抄的,我用的是1.2手动的):vue add electron-builder——————(安装electron)在安装过程中,很可能会卡在这一步不动...

2020-08-11 11:59:50

css粘性定位position:sticky

前言: css3中有一个很有趣的属性position:sticky,粘性属性,效果是一个吸顶效果,可以说是相对定位relative和固定定位fixed的结合;它主要用在对scroll事件的监听上;简单来说,在滑动过程中,某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top:100px);position:sticky这时的效果相当于fixed定位,固定到适当位置。***注意,这个兼容性特别不好效果图:基本用法:nav{ position:st...

2020-08-10 10:57:16

vue实现录音功能js-audio-recorder

前言: 因为业务需要,现在将整理的录音功能资料记录下,使用插件js-audio-recorder实现效果:可得到三种录音数据,pcm,wav,mp3 等官方api入口:点我(网不好的童鞋可以看最下面的api截图)官方案例入口:点我官方源码git入口:点我实现步骤:一:安装插件js-audio-recordercnpm ijs-audio-recorder--s二:安装将格式转换为mp3的插件 lamejscnpm install lamej...

2020-08-07 17:00:19

vue中实现删除校验-iview的气泡提示

前言: 很多时候我们担心删除会出现误删的情况,这样就需要对删除进行二次校验,确定是否继续删除效果图:实现代码: <Poptip popper-class="deletePopper" confirm title="确定要删除该条数据吗?" @on-ok="ok" @on-cancel=""> <Bu...

2020-08-06 17:20:15

iview的radio设置value+label

前言: 在iview中使用单选radio的时候,观察官网案例会发现,里面只有汉字,也就是label,但是我们后台数据一般都是页面展示label,然后后台需要value值,这种操作的实现代码:1 ,在data定义数组 urlList:[ { label:'有', value:'1' }, { label:'无', va...

2020-08-04 17:27:31

vue中简单使用async和await

前言: async就是将函数返回值使用Promise.resolve()包裹了下,和then中处理返回值一样,并且await只能配套async使用,这两个名词也不是很陌生了,网上的资料一大把,这里简单说个使用场景和使用案例场景: 我现在需要在执行其他方法之前,先请求后台获取数据,这里我不想用函数嵌套了,就可以用这个方法具体操作:1、先定义函数 async toReadCard(tit) { let card_no = ''; ...

2020-07-31 17:28:14

vue中当数字*100后的计算失误问题:0.3*100得到的结果是229.99999999999997

前言: 在做消费类型系统的时候,遇到个问题,是计算机乘法问题得到结果有问题,比如 : 0.3*100得到的结果是229.99999999999997原因: 二进制和十进制转换中的限位问题,浮点运算带上点微小的误差是正常现象。 但是对于消费来说,这个问题是很严重的,我们要求的计算不能出现问题,解决办法:将以下的方法引入页面methods中,参数是你的数据,(注意:必须Sting类型),然后获取返回的值,就是处理好的数据还有一点...

2020-07-31 17:15:48

程序员接私活的平台

前言: 整理出来一些接私活的网站1、程序员客栈:入口2、快码众包入口3、开源中国众包平台 oschina众包入口4、Coding 码市 - 云技术众包平台入口5、码易-高质量软件众包交付服务平台入口6、人人开发 -让管理软件开发更容易入口7、开发邦-用技术支撑成长入口8、猪八戒入口...

2020-07-31 14:28:17

iView中表格添加点击展开扩展的功能

前言: iview的table里面的展开,我们一般会希望点击行来触发这个效果更多效果图:实现代码:template:<Table @on-row-click="onExpand"></Table>mehtods:methods:{ onExpand(row,index){ this.msgData.forEach((item,i)=>{ //这个循环是为了每次只能展开一个,其他自动收起,...

2020-07-22 10:39:07

ES6判断数组是否存在重复元素

前言: es6语法let arr = [1,2,3,4,5];if(new Set(arr).size !== arr.length){  alert(存在相同的元素);}参考文档 入口

2020-07-22 10:35:19

echarts图环形图带百分比

前言: 整理一些echarts中比较有个性的效果图:实现代码:option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' }, legend: { orient: 'vertical', left: 10, data: ['直达', '营销广告', '搜索引擎', ...

2020-07-21 17:34:58

git安装包下载-vip加速版本

前言: git安装包下载,git和svn是我们版本控制用的最多的软件了,其中github,gitlub,等等,这里来提供git的安装包提示:如果着急下载,请直接看第三步第一步:官网下载 入口如果你有代理,可以直接官网下载,最新的版本,如图,点击就会下载第二步:git各种版本下载 入口第三步:快速下载传送门 入口...

2020-07-21 16:51:21

URI中的 “//” 有什么用

前言: 很多时候互联网很多东西都是很有意思的,比如 http:// ,这个双斜杠解释这个东西就需要翻墙去国外了,入口在2009年10月,BBC中的一篇新闻讲述了"//"的用途。截图如下所示:文章翻译:互联网地址开头的大幅删减长期以来一直困扰着网民,现在他们背后的人已经为使用这些地址道歉。万维网(worldwideweb)的创建者蒂姆•伯纳斯•李爵士(Sir Tim Berners-Lee)承认,网址中的//实际上是“不必要的”。他告诉泰晤士报说,他...

2020-07-17 15:03:56

iview的expand展开功能,默认展开第一个

前言: iview的table功能是越来越丰富了,4.0开始,功能已经可以基本满足我们需要了,跟element可以比较了,尤其是他对render函数的支持性非常好。这里说下他的expand展开功能:展示效果:实现代码:分两个vue文件1、父组件中:给你的columns中加下面代码 { title: '展开', type: 'expand', width: 80, ...

2020-07-17 14:34:01

vue请求后台的axios的二次封装

前言: 之前封装过axios,入口,但是在后面不停的开发中,又有了新的新的体会,然后根据自己的情况,重新整理了一份我认为更加适合开发的封装。使用的是iview框架。第一:是我们封装好的http.js文件import axios from 'axios'import { getToken } from '@/libs/util'import config from '@/config'import iView from 'view-design';axios.default...

2020-07-15 14:53:57

axure9安装加汉化加秘钥

链接:https://pan.baidu.com/s/1wfPcmEEiQnty5Bm_bv0Sng提取码:v7tsaxure rp pro 9.0专业版:被授权人:www.ddooo.com授权秘钥:UdMLVdonmFlplbTMoBppfrUXZMhEQ6Mf2shBAkTCJBk5ycQJs2NALgvLsHhyfoYRaxure rp pro 9.0 Enterprise企业版:被授权人:www.ddooo.com授权秘钥:Bv6P2wrR10Sq5UCpPSB0+LM...

2020-06-30 09:07:49

判断通过微信、支付宝扫一扫进入的页面

前言: 判断通过微信、支付宝还是百度钱包扫一扫进入的H5页面操作代码:js中<script type="text/javascript"> window.onload=function(){ //判断是否是微信浏览器 var isWechat = false; UA = navigator.userAgent.toLowerCase(); if (UA.match(/MicroMessenger/i) == "micromessenger") {...

2020-06-29 14:11:02

小程序中使用本地储存

前言: 小程序中使用本地保存的方法 setStorageSync/setStorage , getStorageSync/getStorageInfoSync*注意* 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。官网入口具体使用方法:1、储存try { wx.setStorageSync...

2020-06-28 14:49:42

小程序中使用框架vant

前言: 小程序开发一般分为两种,原生小程序开发,只用小程序的api中提供的一些组件,还有一种是使用框架,我这里分析下使用vant框架的教程微信官方文档入口 vant框架入口步骤:1.初始化安装node需要的包,依次执行下面三个命令npm init 初始化npm install --productionnpm i vant-weapp -S --production2.点击工具-构建npm生成结果:多了miniprogram_npm3...

2020-06-24 16:03:38

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到达人
    签到达人
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。