自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 资源 (3)
  • 问答 (2)
  • 收藏
  • 关注

原创 uniapp登录成功后跳回原有页面+无感刷新token

在C端的页面场景中,我们经常会有几种情况到登录页: - [ ] 区分需要登录和不用登录的页面,点击需要登录才能查看的页面 - [ ] 已经登录但是超时,用户凭证失效等原因

2024-05-29 16:30:43 1037

原创 pwa动态修改manifest.json(start_url)

在使用pwa开发时,因需求原因,需要动态设置pwa安装应用的地址,也就是中的start_url地址

2024-05-27 14:36:45 540 2

原创 uniapp自定义返回事件(封装)

在我们使用uniapp时,我们导航栏一般都是自定义的,比如用uview框架的导航栏,那么返回事件通常会遇到以下几个问题 - [ ] 返回事件前需要做一些额外的处理 - [ ] h5项目刷新页面后返回失效 - [ ] 返回按钮点击后到指定页面

2024-04-28 15:32:21 1402

原创 PWA集成和离线使用

本篇文章是关于集成项目到PWA的介绍,包括PWA离线使用,和引导用户安装应用。

2024-04-27 16:45:20 1124 5

原创 uniapp视频播放器(h5+app)

这是关于一篇在uniapp使用video视频播放器,支持自定义播放器样式,支持手势操作,选集、倍数和清晰度切换,支持SRT字幕格式。

2024-04-27 13:01:21 2441

原创 uniapp问题归类

可以参考这个链接传送门testalias是证书别名,可修改为自己想设置的字符,建议使用英文字母和数字test.keystore是证书文件名称,可修改为自己想设置的文件名称,也可以指定完整文件路径36500是证书的有效期,表示100年有效期,单位天,建议时间设置长一点,避免证书过期生成后通过以下查看证书详细信息Enter keystore password: //输入密码,回车输出格式如下Version: 3然后如下图配置到app打包中,点击提交后,等待云打包自有证书。

2024-04-25 11:09:56 823 1

原创 基于element-ui的年份范围选择器

调用方法,下面的参数和element-ui原有el-date-picker的api保持不变。,以下是我的目录结构,我将下载的文件放到了src/components下。日期限制处理(禁用),下面我以我这边的需求为例,全局引入或者局部引入使用。下载对应的代码到本地。

2023-09-15 11:59:12 3339 5

原创 钉钉微应用

官方地址show : true , //控制按钮显示, true 显示, false 隐藏, 默认true control : true , //是否控制点击事件,true 控制,false 不控制, 默认false text : "规则说明" , //控制显示文本,空字符串表示显示默认文本 onSuccess : function(result) {

2023-08-04 14:55:39 947

原创 promise中then和catch同时调用

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ri1DiMEX-1691116764050)(image-1.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OgMCzm8q-1691116764050)(image-2.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U8aPVd5l-1691116764048)(image.png)]MDN中也有相关的说明。这个时候因为then函数中的。

2023-08-04 10:39:58 655

原创 lodop学习

前提:为满足js调用打印机功能,浏览器自带的打印会弹出一个预览框,实际在应用场景上不需要这个预览弹窗,点击页面打印要直接根据预设好的参数直接打印,这个时候看到了lodop这个插件。

2023-08-01 09:55:55 332

原创 clipboard复制粘题问题

但是在一些业务场景中,无法用==document.addEventListener(‘paste’)去监听拿到数据,可以有些操作是用户自定义,比如快捷键(组合键)是自己设置的,比如鼠标右击事件改写了,这个时候就需要换一种方式拿到剪贴板的值了,通过navigator.clipboard.readText()==获取到剪贴板的值,但是在这里遇到了一些问题,本地localhost可以获取到,打包部署后无法获取到。本地图片线上图片(非https)后面查了资料由于地址访问的安全策略。

2023-05-30 17:25:35 690

原创 cordova笔记

cordova build android //用于测试的打包方式,生成已签名apk。cordova build --release android //生成没有签名的apk。cordova run android -l -c -s //调试。查看签名是否成功,可将签名后的文件,后缀名apk的改为zip,解压。在项目的androidmanifest.xml文件中界面对应的里加入。android软键盘弹出,会把原来的界面挤上去的问题。有时不想要自动识别电话。

2023-05-05 16:25:05 589

原创 element-ui日期选择器时间差

element-ui日期选择器 时间差

2023-03-09 22:10:17 1427 1

原创 webpack-theme-color-replacer自定义element-ui主题

前言因为项目采用UI组件element-ui,需要部署后(打包后)设置主题,在网上找了一遍,如下几种方法。1/使用全局样式覆盖(工作量大)2/自定义element-ui配色,element-ui提供了一个配置页面和配色工具,可以本地生成固定的几套主题色,以便来实现主题切换(编译后无法修改)3/ 通过后端返回css文件,前端配合使用localStorage,储存主题对应的参数,后端返回对应的css主题文件(和方法2一样,需要先生成多个主题css文件)4/通过改变element-ui的样..

2022-01-13 21:28:48 3217

原创 element-ui el-upload手动控制上传事件

最近项目中用到element-ui组件,其中需要调用el-upload上传组件,但是想通过自定义按钮触发el-upload组件的上传<el-upload :action="$Config.apiUrl+'/FormForComponent/importExcel'" :limit="1" :with-credentials="true" ref="upload" :data='upLoadDa.

2020-11-13 17:13:20 8778 3

原创 excel表格数据或word文档里表格转json数据(前端)

最近项目中遇到一个问题,项目经理给了一份word文档数据,其中我需要将word文档里面的表格数据在前端展示,这边的顺序依次是 word文档–>json数据->前端展示这里需要用到一个线上的转换工具bejson一般表格表头都是中文,类似如下这种,用这个工具转换后我们看下效果这时出现了两个问题,第一个是key键为中文的话不利于我们取值,方法是转换成英文格式,第二个问题是转换后的json数据有问题,原因是因为表格里复制过去的数据换行了,这样会导致转换后的数据有问题所以需要我们将表格.

2020-08-22 13:51:46 3929

原创 vue集成echarts map3d地图(省市下穿)

vue集成echarts map3d地图(省市下穿)最近项目中需要集成echarts中的map3D地图,开发过程中遇到过不少问题,这里mark下,有遇到相应问题的伙伴欢迎一起交流相关源码下载1、世界地图.js,中国地图.js,中国各省份地图.js2、echarts基础报表js源文件(echarts.min.js)3、3D地图所需的js文件(echarts-gl.min.js)vue项目直接安装相应插件,将省市区引入即可。echarts:npm install vue-echarts -sa

2020-08-15 00:14:18 11096 21

原创 gradle

Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建工具,支持依赖管理和多项目,类似Maven,但比之简单轻便。它使用一种基于Groovy的特定领域语言来声明项目设置,而不是传统的XML。当前其支持的语言限于Java、Groovy和Scala,计划未来将支持更多的语言。下面介绍下它的安装和配置安装环境 Windows操作系...

2020-04-03 10:31:28 181

原创 cordova打包成android安装包

下载并安装node.js 下载并安装git 配置安装android平台开发环境 一、下载最新JDK 参考请点击传送门 二、下载最新Android SDK 参考过程请点击传送门 安装cordova,命令行npm install -g cordova C:\Users\97849>cnpm install -g cordovaDownloading cordova to C:\...

2020-04-03 00:57:26 353

原创 VS Code 中不能运行脚本(因为在此系统上禁止 运行脚本) live-server

出现的问题:VS code中运行live server时报错提示原因:VS code启动命令行时,相当于计算机上启动 Windows PowerShell ,执行策略为 Restricted(默认设置)。Restricted 执行策略不允许任何脚本运行。AllSigned 和 RemoteSigned 执行策略可防止 Windows PowerShell 运行没有数字签名的...

2020-04-02 21:47:36 3503

原创 vue+cordova混合开发app

Cordova/Phonegap是一种跨平台应用开发工具,能将html文件打包成android和ios,下面介绍下vue项目中调用cordova插件方法在VUE项目中index.html文件引入cordova.js 在main.js中,注册vue之前加上cordova监听事件,确保cordova初始化完成再执行vue注册 我将cordova所有的调用方法封装成单独的js文件,然后...

2020-04-01 17:30:59 782 1

原创 vue设置端口号

下面介绍下vue-cli2和vue-cli3设置端口号大家都知道vue-cli2和vue-cli3生成的文件不同,如下图图一为vue-cli、图二为vue-cli3生成的项目文件下面看下配置文件3.0启动npm run serve2.0启动npm run dev相应的配置端口号如下,vue-cli2配置是在config/index.js下的host里配置,vue-c...

2020-04-01 17:11:57 17190 1

原创 js实现微信表情回显

上文介绍了微信表情的发送,这篇文章介绍下微信表情回显时的方法,相对于表情发送的功能,回显这块显得简单多了 我们还是用原有的数组来处理,后端返回的格式例如:哈哈[左哼哼] 这样类型,我们只需将[左哼哼]解析成对用的数字就行,然后将数字用微信一样的方法展示出来就行qqfaceArr = [['[微笑]','0'], ['[撇嘴]','1'],['[色]','2'],['[发呆]','3'],[...

2020-04-01 16:09:15 973

原创 js实现微信表情发送

前景:之前有个项目是做的多个公众号管理平台,由于客户那边有多个公众号,用微信开放平台去管理太繁琐,数据也不能进行统一分析,在开发过程中,需要将微信开放平台功能--消息回复移接本系统,消息回复时涉及到表情+文字+超链接发送,实现需要两步整体操作,表情发送+表情回显图片汉化四表情发送: 如下图为微信微信表情图showFace方法默认执行,.faceNav用于插入表情展示的div,表情展...

2020-04-01 14:25:57 3775 5

转载 js之argument详解

arguments是什么呢?  它是一个对象,是一个长的很像数组的对象。arguments包含什么内容呢?  它是函数运行时的实参列表。我们来实际操作一下看arguments里到底有什么  js代码    控制台打印  再来一例  我们传了四个参数,在PHP中我们是获取不到第四个参数的,但是js不同,arguments收集所有的实参,即使没有与之...

2019-11-14 17:29:56 416

原创 二维码生成和扫描集合

项目中有遇到过需要生成二维码和扫描二维码功能,这里将详细记录我的实现过程问题点:1、如何生成二维码2、如何扫描二维码3、扫描二维码后跳转问题(外链or本地路由页面)生成二维码1、本文中将采用js的衍生库qrcode.js来实现二维码的生成 点击传送门可查看并下载如果你是用vue开发的话,建议你用vue-qart 和 qrcodejs2都可以 这里有篇文章详细介绍了,这...

2019-11-14 17:24:16 556

原创 cordova功能点插件集成

之前在项目中经常用到cordova调用底层的方法,跟cordova打交道也有三年了,以下是我对于工作中是使用到的cordova功能插件整理里面涉及到功能插件有更新、相机、打开系统相册、人脸识别、语音识别、指纹识别、蓝牙、通讯录、储存、定位、打开网络、分享(企业微信、qq、微信好友、微信朋友圈、微博、钉钉、支付宝)、录音、拨打电话、音量控制、屏幕亮度调节、截屏、录屏、消息推送、横竖屏、系统默认语...

2019-11-14 15:25:10 990 1

原创 vue+element-ui+富文本————图片上传

最近用vue+element-ui开发一套后台管理系统,其中项目中需要用到富文本编辑器,这里总结下开发过程中遇到的坑和使用方法。刚开始用的是vue-quill-editor结合element-ui上传图片到服务器,name问题来了 按照官方文档上面的方式。下面是我的代码<template><div> <!-- 图片上传组件辅助--> ...

2019-11-14 15:07:58 3553 1

原创 cordova开发webapp局部强制横竖屏

项目应用场景:在用cordova做webapp时,项目需要默认为横屏,我在config.xml里设置了<preference name="Orientation" value="landscape" />达到了想要的效果,现在做二开的时候,新的几个界面需要强制竖屏要实现以上方法需要我们采用cordova的插件cordova-plugin-screen-orientati...

2019-11-14 14:45:11 660

浙江省对应市级json数据

{ "features": [ { "type": "Feature", "properties": { "adcode": 330102, "name": "上城区", "center": [ 120.171465, 30.250236 ], "centroid": [ 120.173932, 30.226977 ], "childrenNum": 0, "level": "district", "subFeatureIndex": 0, "acroutes": [ 100000, 330000, 330100 ] }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 120.188063, 30.257783 ], [ 120.187445, 30.250124 ], [ 120.186613, 30.246239 ], [ 120.19132, 30.245676 ], [ 120.197999, 30.242341 ], [ 120.19983, 30.240158 ], [ 120.213307, 30.230548 ], [ 120.196573, 30.216571 ], [

2020-08-15

gradle6.3.zip

Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建工具。它使用一种基于Groovy的特定领域语言来声明项目设置,而不是传统的XML。Gradle就是工程的管理,帮我们做了依赖、打包、部署、发布、各种渠道的差异管理等工作。 当前版本为6.3版本

2020-04-03

人脸扫描.ipa

人脸扫描.ipa cordova faceID

2019-07-01

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除