uniapp 实战
uniapp开发日志
丰的传说
一个有点编程思想的web前端工程师
展开
-
uniapp 解析富文本的html字符串 替换网络图片为base64图片
uniapp 解析富文本的html字符串 替换网img标签的src属性 由网络图片为base64图片原创 2022-08-26 20:18:20 · 1978 阅读 · 0 评论 -
uniapp 图片压缩上传 uni.chooseImage, uni.compressImage uni.upload
思路uni.chooseImage上传图片 判断图片的大小 如果超过了指定大小就使用 un,compressImage,将图片压缩具体实现上传文件返回一个 文件信息的数组list 创建一个承载promise的数组 循环 文件信息的数组,创建promise 如果文件的大小大于 2M 就使用 uni.compressImage压缩图片并将压缩的文件resolve出去,如果文件的大小小于2M 就直接将文件信息resolve返回出去 使用promise.all执行 prom原创 2022-05-07 13:34:37 · 10186 阅读 · 2 评论 -
uniapp editor 滚动位置
思路,动态监听软件盘的高度,屏幕高度减去软件盘的高度,就是可视区域的高度,让光滚动到可可视区域的范围,调用scrollIntoView<template> <view> <editor id="editor" :style="{height:h+'px'}" @ready="onEditorReady()"> </editor> <view class="opts row" @touchend.prevent=""> .原创 2022-05-07 13:09:52 · 569 阅读 · 0 评论 -
uniapp 使用editor编辑器实现 发布文章的功能
uniapp editor介绍富文本编辑器,可以对图片、文字格式进行编辑和混排。代码实现html<view class="editor-wrapper"> <editor id="editor" class="ql-container" @focus="handleFocus" @blur="handleBlur" @input="handleInput" placeholder="开始输入..." showImgSize showImgToolbar原创 2022-04-16 16:29:28 · 2687 阅读 · 2 评论 -
uniapp 动态设置 app-plus titleNvue buttons的样式
需求动态修改buttons的样式 setTitle(){ let pages = getCurrentPages() let page = pages[pages.length-1] let wv = page.$getAppWebview() wv.setTitleNViewButtonStyle(0,{ width:'200px', // 其它设置的属性 }) }需求 让uniapp title加粗解决方案1,自定义 navBar 下拉刷新时 l...原创 2022-03-27 14:05:51 · 2830 阅读 · 1 评论 -
uniapp 生命周期执行顺序
uniapp 的生命周期onload页面加载的时候触发其参数是上个页面传递过来的onShow监听页面显示,页面每次显示切换的时候,都会触发onReady监听页面渲染完成可用于操作dom,onHide监听页面隐藏onUnload监听页面卸载组件 的生命周期beforeCreate在实例初始化之后被调用created在实例创建完成后立即调用beforeMount在挂在开始前被调用moun原创 2022-03-27 13:42:42 · 2582 阅读 · 0 评论 -
uniapp 动态显示隐藏底部tabbar
显示隐藏tabBar的需求在日常开发过程中,经常会有动态显示隐藏底部tabBar的需求uni.hideTabBaruni.hideTabBa显示tabbaruni.showTabBaruni.showTabBa显示tabbar原创 2022-03-22 22:22:06 · 5321 阅读 · 0 评论 -
uniapp 使用 addInterceptor 实现登录拦截
什么是uni.addInterceptoruni.addInterceptor 是用于拦截 uni 的api的方法,一般用于给api添加全局的属性,或者全局处理事件登录拦截使用 uni.interceptor ,实现当需要登录,并且没有token的时候跳转到登录页,否则正常跳转import store from "../store";const whiteList = [ // "/pages/myInfo/myInfo"];//白名单 不需要登录的页面路径组成的数组.原创 2022-01-07 11:24:03 · 8502 阅读 · 0 评论