随笔分类 - 前端
摘要：Hello，大家好，我是小编鹏仔，近几年开发项目中，经常用到将网页生成海报图片功能，每次使用都要去查找复制一下的，比较麻烦还费时间，还是自己整理到自己的博客方便，那么本次鹏仔就给大家整理一下vue使用html2canvas插件将网页生成图片吧！ 如上图所示功能是开发了一个电子签名触屏版，右上角框框是
阅读全文
摘要：今天鹏仔项目中使用elementui做一个批量上传附件时，遇到了以下问题，那么顺便分享一下解决方案。 问题 通过elementui的 :before-upload="beforeAvatarUpload" （上传文件之前的钩子） beforeAvatarUpload(file) { const is
阅读全文
摘要：之前公司有很多老项目，需要切换node低版本才能正常使用，但是还有使用node高版本新项目，总不能每次更换项目就卸载重装对应版本的node，所以就使用了nvm来管理node版本。 每次使用时，nvm命令就记得很清楚，可是长时间不使用，就会有点遗忘，所以还是记录一下，方便日后使用！ 首先，没有安装nv
阅读全文
摘要：用HBuilderX打包安卓正式app时，我们需要使用自有证书，安卓证书是免费申请的，虽然HBuilderX有申请教程，为了自己后期使用方便，今天给大家分享下详细的申请教程！（HBuilderX的文档 https://ask.dcloud.net.cn/article/35777） 首先，我们去Or
阅读全文
摘要：因为这次属于一个二开项目，一些缘由下，需要对比合并修改，一开始没搞git、svn等，于是我就用到Beyond Compare软件来进行对比修改，需要这个软件的，可自行去下载，下载地址 Beyond Compare（4.4.0.25886）中文绿色版软件下载 将两份文件全都拖进去对比，所有文件都显示有
阅读全文
摘要：好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。 第一步：我们将vue项目使
阅读全文
解决谷歌浏览器跨域问题has been blocked by CORS policy: The request client is not a secure context and the resou
摘要：早期开发的一个后台项目，需要在浏览器中通过读卡器设备读取身份证信息，使用谷歌打开，报了如下跨域问题 Access to XMLHttpRequest at 'http://***:19196/OpenDevice&t=0.8008294784459418' from origin 'http://*
阅读全文
摘要：大家好，我是小编鹏仔，近期给学校用uniapp开发了一款校园小程序，小程序有一些活动、咨询、公告、请假等通知，需要通过微信推送提示，用小程序自己的订阅方法有一些限制，于是需求这边想用绑定的学校公众号推送，因为小程序获取用户的openId和公众号的openId不一致，所以必须要调用公众号授权，因为项目
阅读全文
摘要：上次做了一个选择多个数据生成多个二维码并下载，当时项目催的紧，就简单写了个循环生成二维码下载，一次性会下载很多文件，特别难整理； 刚好这次项目又遇到类似这种功能，需要一次性批量下载多个文件，那么就安排下打包下载吧！ 需要用到的是file-saver、jszip两个插件 首先，我们安装这两个插件，在控
阅读全文
摘要：这周开会又新增一个小功能，就是需要通过身份证号/手机号在地图查询（后台返回经纬度），标记位置，想着挺麻烦，做的时候发现没啥技术，分享给大家。 <map class="map" :longitude="longitude" :latitude="latitude" scale="16" :marker
阅读全文
摘要：平时用到elementui时，经常遇到多级树形结构，但是后端往往给前端反的每一级字段不一致，如果写个遍历循环将其改为一致麻烦的，不如直接将后台发的数组转为字符串，再将字符串中不一致的字段替换成一致的即可，下放为如何替换字符串中需要替换的指定字符方法。 案例如下 一、替换字符串中所有为a的字符为e l
阅读全文
摘要：今天在uniapp中写消息详情，给内容加个首行缩进，于是就直接加了text-indent，发现没有任何作用，如果是input输入框之类可以使用padding，但是文本标签只能使用text-indent了。 解决方法 css加首行缩进的同时再加上 display: block; 属性，当然 inlin
阅读全文
摘要：项目中用到了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文件，我想说前提你能找到对应文件不？？？ 上传倒没啥，和图片一样，我最多就是上传再加
阅读全文
摘要：前几天写了一篇文章 css防止图片变形 object-fit: cover; 使用object-fit: cover;来防止图片变形，说巧也巧，这两天自己开发玩玩的zblog小程序“污污情话”封面刚好被挤压变形，于是，就给图片添加了这个css属性。 what？但是添加了并没有任何卵用，刚开始我还以为
阅读全文
摘要：上篇文章说了最近开发H5可视化编辑器，生成的H5需要嵌套在原生APP中，那么必然需要调用原生app的事件或者app调用我H5的事件。 因为，H5首页内容可能会添加的丰富比较多，需求怕一次请求加载慢，所以让搞了分页，无限滚动加载，但是app把H5的滚动禁掉了，所以H5无法获取滚动事件，只能是app到底
阅读全文
摘要：css防止图片挤压变形 object-fit: cover; 属性介绍 最近给公司开发一个简单的H5可视化编辑器，如上图所示，左侧点击添加基础组件，在中间区域预览展示，右侧区域对中间展示组件进行一对一编辑，最终生成H5页面。 提测给测试小姐姐，在右侧上传了图片，说中间图片被挤压了，那么安排下，如上图
阅读全文
