随笔分类 - js
摘要：Hello，大家好，我是小编鹏仔，近几年开发项目中，经常用到将网页生成海报图片功能，每次使用都要去查找复制一下的，比较麻烦还费时间，还是自己整理到自己的博客方便，那么本次鹏仔就给大家整理一下vue使用html2canvas插件将网页生成图片吧！ 如上图所示功能是开发了一个电子签名触屏版，右上角框框是
阅读全文
摘要：在 JavaScript 中，有多种方法可以实现数组去重。下面是一些常见的数组去重方法： 使用 Set 数据结构：Set 数据结构存储唯一的值，可以利用它的特性来去除数组中的重复元素。 const arr = [10, 20, 30, 40, 50, 50]; const uniqueArr = [
阅读全文
摘要：好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。 第一步：我们将vue项目使
阅读全文
摘要：大家好，我是小编鹏仔，近期给学校用uniapp开发了一款校园小程序，小程序有一些活动、咨询、公告、请假等通知，需要通过微信推送提示，用小程序自己的订阅方法有一些限制，于是需求这边想用绑定的学校公众号推送，因为小程序获取用户的openId和公众号的openId不一致，所以必须要调用公众号授权，因为项目
阅读全文
摘要：上次做了一个选择多个数据生成多个二维码并下载，当时项目催的紧，就简单写了个循环生成二维码下载，一次性会下载很多文件，特别难整理； 刚好这次项目又遇到类似这种功能，需要一次性批量下载多个文件，那么就安排下打包下载吧！ 需要用到的是file-saver、jszip两个插件 首先，我们安装这两个插件，在控
阅读全文
摘要：这周开会又新增一个小功能，就是需要通过身份证号/手机号在地图查询（后台返回经纬度），标记位置，想着挺麻烦，做的时候发现没啥技术，分享给大家。 <map class="map" :longitude="longitude" :latitude="latitude" scale="16" :marker
阅读全文
摘要：现在很多站长都做了导航站，大多数导航站都有网站排行榜，也就是今日浏览榜，月最高浏览榜，总浏览榜等，你页面阅读量越高，那么排名越靠前，曝光的几率就更高。 很多站长在某些导航站提交完收录后，手动刷新增加阅读量，真的特别慢，那么本次鹏仔就给大家简单写了一个单页面，让你快速占领榜一大哥。 当然，这个不止可以
阅读全文
摘要：经常会遇到后台反的时间是‘2020-02-02 10:00:00’，页面上需要只展示年月日或者只展示时分秒，那么最简单的方法就是返回过来的值直接截取一下即可。 如何截取前几位，案例如下 var date = '1996-10-22 22:55:33'; var key = date.substrin
阅读全文
摘要：平时用到elementui时，经常遇到多级树形结构，但是后端往往给前端反的每一级字段不一致，如果写个遍历循环将其改为一致麻烦的，不如直接将后台发的数组转为字符串，再将字符串中不一致的字段替换成一致的即可，下放为如何替换字符串中需要替换的指定字符方法。 案例如下 一、替换字符串中所有为a的字符为e l
阅读全文
摘要：近期项目需要实现在后台管理添加一个大屏统计页面，大屏弹窗用到elementui的 对话框、选择器等ui插件，因为默认的elementui的样式与大屏样式格格不入，所以我需要强制修改他的样式，那么我就想着给当前组建的body添加一个独一无二的类名，再直接强制修改类名下的elementui样式。 首先我
阅读全文
摘要：项目中用到了elementui的表格，今天开会突然说要需要欠费的用户的一行文字为红色，那么安排一下。 如上图所示 首先，我们在el-table标签中加入 :row-class-name="tableAddClass" ，双引号自定定义命名。 <el-table :data="tableData" :
阅读全文
摘要：项目中，需要实现获取当前位置的经纬度，或者搜索某个位置并获取经纬度信息，我使用的的是vue，地图使用的是百度地图。 默认自动获取当前位置经纬度 拖动小红标 获取经纬度 关键词 查询获取经纬度 前期准备 首先，我们需要取百度官方申请一个地图api秘钥，登录百度帐号 进入后在应用管理，我的应用去申请即可
阅读全文
摘要：最近鹏仔刚接触uniapp，项目使用uniapp开发微信小程序，需要实现一个长按时进行语音录制，限制录制时间最大为60秒，录制完成后，可点击播放，播放时再次点击停止播放，录制完成长按实现删除功能，删除后又可重新录制（如上图所示）。 视频演示 【共享博客】uniapp小程序实现录音 uniapp小程序
阅读全文
摘要：上图为转换前后对比 平时页面链接传参为对象，我们需要转为字符串在传值，取值时又得转为对象，所以比较常用，就整理下吧！ 对象转为字符串 JSON.stringify(obj) json字符串转为对象 JSON.parse(str) 原文地址 http://www.sharedblog.cn/post/
阅读全文
摘要：vue项目中，附件上传一直是让上传的图片，jpg、png、bmp等格式的图片，进行预览随便用个图片预览插件就可以了，可是前段时间，客户需要让上传pdf、word并实现预览。 哎…就这H5项目，手机上传pdf、word文件，我想说前提你能找到对应文件不？？？ 上传倒没啥，和图片一样，我最多就是上传再加
阅读全文
摘要：上篇文章说了最近开发H5可视化编辑器，生成的H5需要嵌套在原生APP中，那么必然需要调用原生app的事件或者app调用我H5的事件。 因为，H5首页内容可能会添加的丰富比较多，需求怕一次请求加载慢，所以让搞了分页，无限滚动加载，但是app把H5的滚动禁掉了，所以H5无法获取滚动事件，只能是app到底
阅读全文
摘要：最近用VUE开发的财务系统，牵扯了很多金额，金额几千上万，数字不好区分，需求需要实现金额三位一隔，每三位用逗号或者其他符号隔开，那么安排一下。 // 金额三位间隔 export const interval = (key) => { key += ''; let x = key.split('.')
阅读全文
摘要：这两天想着给网站写一个H5app玩玩，文章列表页想实现是否为当天发的文章，如果是当天那么显示一个NEW标识，后台返回的是发帖时的时间戳，我需要判断这个时间戳是否为当天时间即可。 vue中直接在标签中判断如下（item.PostTime为发帖时间戳） <img class="new" src="@/a
阅读全文
摘要：经常用到，所以记录一下，刷新方法很多，用过这三个，所以只记录这三个，后面遇到在更新。 第一种 this.$router.go(0); 第二种 location.href = "javascript:history.go(0);"; 第三种 window.location.reload(); 第一种和
阅读全文
摘要：vue 移动端实现手写签名效果，功能很完美，保存时保存为base64格式。 base64转file文件格式 vue中将base64转file文件格式 刚好项目用到此功能，就网上找了一下，清理了无用代码，简单方便，因为项目中多个地方需要使用，所以我将它整理为组件，通过ref和传值控制，下面代码我单独整
阅读全文
