Apeng_0919-优快云博客

3、在登录后台时获取后端返回的用户权限数据，并且存入到本地；我这边是把获取数据的接口放在vuex中的。在做后台管理系统时，经常会有权限管理的功能，这里来记录一下关于按钮权限管理的实现方法。然后在登录页面调用这个方法；也可以直接在登录页面获取数据，这里就不赘述了。1、自定义指令 v-permission。新建js文件用来写指令代码。这样就可以实现按钮权限了，如有问题，欢迎留言！4、在需要判断权限的按钮调用指令；2、在main.js里注入；获取的数据大概是这个格式。

2023-08-23 15:25:10 1596 1

原创 uniapp引入echarts

但是最近发现uCharts很多功能都需要付费或者开通会员才能使用，对咱这些开发者很不友好，于是还是考虑用echarts,毕竟都是免费的。这里直接点击右边的下载会弹框出来让你看广告，我看了好几遍还是下载不了，于是用的左边的仓库clone下来的，推荐！打开HBuilder编译软件 ——> 选择顶部菜单栏的【工具】——>【插件安装】——> 【前往插件市场安装】1.安装HBuilder插件市场和echarts有关的插件；3.代码中的具体运用可以参考官网。如有问题，欢迎讨论！

2023-07-18 15:13:35 3363 5

原创数据处理(科学计数转数据、去掉数据后的无效零)

3.将小数截取八位，不足八位显示原数据。

2023-05-11 16:08:52 275

原创 element table数据量太大导致网页卡死崩溃

elementUI中的表格组件el-table性能不优，数据量大的时候，尤其是可操作表格，及其容易卡顿。

2023-01-12 11:00:56 6774 5

原创 vue使用push添加多条相同数据，改变其中一条数据导致其他的数据随之改变

当使用push添加多条数据时，多条数据指向的是同一个内存地址，修改其中一条数据相当于修改了所指内存的值，所以每条数据都改变了。

2022-12-26 16:08:35 2685 4

原创正则表达式总结

正则表达式总结

2022-09-09 18:33:32 262

原创 vue加减乘除计算后精度缺失显示为科学计数

前端在操作加减乘除计算时，经常会出现精度缺失问题，有时会显示为科学计数的样式。这里将记录如何确保在计算后精度不会缺失，并且将科学计数转换为小数。

2022-08-10 09:43:39 4311

原创 uniapp 修改打包后的js文件后缀为时间戳

通常我们通过uniapp打包h5端的dist包中的js文件，都会带有一串hash后缀，并且每次打包的hash后缀都没有改变，这样会导致H5新版打包上线后，用户依旧使用的是浏览器中缓存的老版js文件。文件更新滞后等现象。所以我们需要用时间戳作为后缀那么如何实现将生成的js文件的后缀改为时间戳呢？在文件夹中创建一个vue.config.js文件将以下代码复制进去即可const Timestamp = new Date().getTime(); //当前时间为了防止打包缓存不刷新，所..

2022-05-23 15:56:44 2088 1

原创 js 判断手机类型

function is_Android() { // 判断手机机型 var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 alert('这是安卓手机') } else if (u.indexOf('iPhone') > -1) {//苹果手机 ...

2022-04-01 14:24:03 1279 1

原创 js 判断浏览器的类型

function getBrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAg.

2022-04-01 14:20:47 263 1

原创禁用safari双击事件

body{ touch-action: manipulation !important;}

2022-03-23 17:36:09 373

原创 uniapp 实现识别二维码（app端和h5端，兼容safari）

有个项目需求要实现扫描二维码并且识别出内容填充到输入框，app端还比较简单，官网上就有现成的，官网链接如下：https://uniapp.dcloud.io/api/system/barcode?id=scancodehandleClick(){ let that = this; uni.scanCode({ success: function(res) { // console.log('条码类型：' + res.scanType); that.a

2022-03-23 17:30:56 11277 9

原创 uniapp 实现保持登录状态

主要思路：在项目启动时判断是否存在token（根据不同的业务需求有不同的判断条件），如果存在则直接进入首页，不存在则先登录，登录成功进入首页。于是，在app的生命周期函数中操作： onLaunch: function() { let token= uni.getStorageSync('token'); let base_login_name = uni.getStorageSync('base_login_name'); if (token &&

2022-03-17 17:28:04 10227 9

原创 uniapp iOS自定义添加至主屏幕的书签名称和图标

百度到的方法如下：<!doctype html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <lin

2022-03-17 15:26:42 2781

原创 js 数字精度问题

在做项目的时候通常回遇到这个问题：

2022-01-27 12:14:37 1941

原创 uniappp 离线打包提示未添加videoplayer模块

在uniapp项目中添加了视频播放器，video标签，用Android studio打包后项目提示未添加videoplayer模块原因：未在uniapp中勾选对应模块，未在SDK中添加对应依赖模块解决方法：1.勾选videoplayer模块2.在SDK添加对应依赖把以上两个aar文件复制到自己项目的lib文件夹里面（我这里使用的是带有原生插件的文件夹UniPlugin-Hello-AS，通常是复制到文件夹HBuilder-Integrate-AS，主要是看你打..

2022-01-13 12:16:26 1952 1

原创文章长按复制（富文本内容也可实现）

p{ text-indent: 2em; //首行缩进两个字符 user-select: text; -webkit-user-select: text;}

2021-12-29 11:15:48 471 1

原创 css 内容超出固定行数显示为省略号

overflow: hidden;-webkit-line-clamp: 2; //限制行数text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;

2021-12-23 14:59:12 712

原创解决富文本编辑器wangeditor 光标跳动的问题

为什么会出现光标总是跳动到末尾的情况？？通常我们会将编辑器封装为一个组件来使用，编辑的内容就是通过父组件传递给子组件，每次编辑父组件中的内容都会触发子组件(编译器)中的onchange事件，子组件再将新的改变后的值传递给父组件，父组件一接收到值光标就会自动跳转到内容末尾。如何解决这种问题？？源头就是要解决onchange事件改变内容的时机，不能一在父组件写东西就触发，或者是触发之后在我们需要更新后的内容时再传递给父组件。即在onchange事件中添加判断条件以下代码的修改和添加都在这个示

2021-12-23 14:38:31 3578 2

原创 uniapp 页面之间传参

方法一：传递参数：let content = { id: 123, title: '文章', createTime:'2021-12-23'}uni.navigateTo({ url: '/pages/strategy/fx?content=' + JSON.stringify(content)})接收参数：onLoad(val) { let date= JSON.parse(val.content);},这种方法有一种缺陷，在传递大量参数时可能会造成数据截断或者数

2021-12-23 14:05:05 7299

原创 uniapp用canvas实现分享海报

做app时通常会遇到分享海报的需求，将当前页面的海报保存到本地相册，然后就可以分享。重点是将当前页面的某一块作为海报页面保存到本地。这是是通过canvas画图来解决的，参考官网将canvas转换为图片的方法https://uniapp.dcloud.io/api/canvas/canvasToTempFilePath?id=canvastotempfilepath首先将需要的海报用canvas画出来，这里就比较繁琐，定位定点要准确，如果UI设计图精准的话就要方便一些。1.因为can.

2021-11-18 21:07:27 2215 1

原创 Uniapp 离线打包流程(Android)

1.生成本地离线包2.下载编译器Android Studio3.下载离线SDK(下载地址:原生开发者支持)4.在编译器中打开此文件夹5.将第一步的离线包替换掉如下文件夹6.修改data下的dcloud-control.xml文件中appid为你注册的uniapp时生成的appid7.配置AndroidManifest.xml，修改包名为你自己的包名。8.登录开发者中心，选择你的项目（没有的话就自己创建）9.添加自己的appke...

2021-11-06 15:24:31 2395 2

原创 Android studio打包apk后提示“打包时未添加ui模块”

打包没问题，下载到手机上打开发现报如下弹框：网上找了很多方法，说的都是没有打包什么UI模块，但问题是我根本就没有在项目中用到这些模块，一步步回溯，回退，打包，发现是android打包的时候不能设置混淆在工程应用目录的gradle文件中设置minifyEnabled为false就行了。在此记录离线打包出现的问题。...

2021-11-01 18:10:41 3145 4

原创 uniapp打包静态资源优化

HBuilderx打包是对包的大小有限制的，一般不能超过40M，超过40M则需要缴费打包，好像十块钱一次，虽然不贵，但是长此以往也是一笔不小的费用，且不是解决根源问题的处理方式。此时，没钱的前端只好想法设法地压缩包的大小，为此我找了很多方法，记录于此：仔细地观察了文件中比较大比较占资源的就是图片和字体文件所占的比重较大，代码基本都很小，所以应当将优化静态资源作为优化方向。方法1：分包参考官网：uni-app官网我做的是app，官网说明不支持app和h5的分包设置，只支持几个小程序。。.

2021-11-01 17:57:53 5062 4

原创 uniapp 将当前页面保存为图片

也是参考其他博主的方法，直接将此方法绑定在点击事件中：capture() { var pages = getCurrentPages(); //获取当前页面信息 var page = pages[pages.length - 1]; var bitmap = null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bitmap('amway_img'); // 将webview内容绘制到.

2021-10-15 15:35:54 4262 14

原创 css自定义虚线（可设置虚线间隔）

.line { width: 2rpx; height: 100%; background: linear-gradient(to bottom, #9E9E9E 0%, #9E9E9E 50%,transparent 50%); background-size: 2rpx 12rpx; background-repeat: repeat-y;}效果图

2021-09-29 10:37:34 2637

原创 uniapp 获取滑动的距离

在uni-app官网上面有说明用<scroll-view>标签将需要滚动的内容包裹起来<scroll-view scroll-y="true" :scroll-top="scrollTop" @scroll="scroll" @scrolltolower="scrolltolower"> <view>需要滚动的内容</view></scroll-view>scroll方法就是用来获取滑动的距离这个&...

2021-09-27 18:04:33 5339

原创 css 一句代码教你实现毛玻璃效果（背景虚化）

在ios上会经常见到毛玻璃效果，这次需求也碰到了要在底部导航栏实现毛玻璃效果，类似于这样的效果首先想到了css3中的filter的blur属性，但是直接用这个会发现这样的情况，内容文字也会模糊于是在文字下面的背景加入模糊效果现在文字没有模糊了，但是背景的边缘还是模糊的，与我们想要的效果还是有偏差，百度了全网都没办法结果，于是想到在b站上找找，没想到真的实现了，并且就一句代码backdrop-filter:blur(50rpx);-webkit-backdrop-filter.

2021-09-24 10:12:37 1303

原创 uniapp 自定义底部导航栏

在做项目时，经常遇到在现有的框架中无法实现UI图上的样式，比如说将底部导航栏的字体在选中状态下变为渐变色，在浏览器上可以直接修改css样式，但是运行到真机时才发现根本不生效，查阅官方文档才发现app端的根本不支持这些属性更改下面是我在项目中做底部导航栏的过程1.首先是用的官方的底部导航栏，具体可以看我的这篇文档https://blog.youkuaiyun.com/weixin_50606255/article/details/116270949在用这个底部导航栏时，就无法更改字体颜色为渐变色（app端）

2021-09-02 10:32:46 17778 12

reqrcodeJS资源，用于uniapp h5端识别二维码

decimal解决js精度问题的js文件

空空如也