![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
流氓也是种气质 _Cookie
人生不能等待,学习赚钱就趁现在。预见桃花何处源,横笛偏向行路难。
展开
-
uniapp 嵌套H5页面会看到插值表达式的问题
H5页面会看到插值表达式的问题,影响用户体验原创 2024-05-30 16:57:40 · 445 阅读 · 0 评论 -
uniapp项目如何编译成H5
uniapp如何编译成H5及注意事项原创 2024-05-28 09:06:41 · 312 阅读 · 0 评论 -
uniapp 使用renderjs引入echarts
uniapp 使用renderjs引入echarts ,主要就是为了直接复用pc端写好的,其他js挂载也是类似的原创 2024-02-06 16:30:00 · 1526 阅读 · 0 评论 -
uniapp使用ucharts 自定义Y轴显示及刻度自定义
效果图1: 效果图2: 效果图1配置: 效果图2配置: 若需调整样式需要在ucharts的配置文件中修改 使用:原创 2024-01-02 11:11:29 · 2076 阅读 · 4 评论 -
主流移动端组件库的对比和分析
NutUI - 京东研发的移动端 UI 组件库,支持 Vue3、Taro 多端适配,面向电商业务场景。TDesign React Mobile - 腾讯 UI 组件库,配套工具完满,设计工整,文档清晰。Vant - 有赞研发的移动端 UI 组件库,支持 Vue3、微信小程序、支付宝小程序。Ant Design Mobile - 蚂蚁金服研发的移动端组件库,支持 React。React WeUI - 微信出品,面向微信移动端,完整的微信生态 UI 组件库。原创 2023-02-09 09:49:56 · 921 阅读 · 0 评论 -
uniapp 云打包时未添加push 模板处理方法
以push模块为例,其他模板是一样的处理方式。1.先取消勾选push 模块的权限。其他缺少模块的问题 也可以这样处理。3.删除或注释掉对应的代码。原创 2022-11-20 11:51:54 · 5103 阅读 · 0 评论 -
uniapp H5+锁定和解除锁定屏幕方向及关闭应用启动界面及页面刷新
uniapp H5+锁定和解除锁定屏幕方向,重力感应uniapp页面刷新(含tabBar,页面,navigateTo的页面)原创 2022-08-11 11:31:26 · 5794 阅读 · 1 评论 -
AndroidHttpCapture抓包工具
AndroidHttpCapture抓包工具是一款针对于移动流量劫持而开发的手机抓包软件,可以当作是Android版的‘Fiddler’主要功能包括:手机端抓包、PING/DNS/TraceRoute诊断、抓包HAR数据上传分享原创 2022-08-09 15:25:55 · 1842 阅读 · 0 评论 -
uniapp 全部权限
uniapp 权限模块原创 2022-08-08 16:34:09 · 2120 阅读 · 0 评论 -
uniapp 如何发送formData数据请求(全网最佳解决方案)
uniapp 如何发送formData数据请求(全网最佳解决方案),涉及app运行环境 ,uniAPP细节 使用使用axios 配合renderjs,满足我们在H5和app端都能正常原创 2022-07-28 11:54:34 · 33842 阅读 · 5 评论 -
uniapp中使用renderjs
renderjs的主要作用有2个:renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。大幅降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力在视图层操作dom,运行for web的js库...原创 2022-07-28 11:43:08 · 3013 阅读 · 3 评论 -
fly.js 的二次封装
一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。flyio的平台支持?目前Fly.js支持的平台包括Node.js、微信小程序、Weex、ReactNative、QuickApp和浏览器,这些平台的JavaScript运行时都是不同的。相比较于axios,flyio支持更多的平台...原创 2022-07-28 11:32:07 · 1382 阅读 · 0 评论 -
uniapp 离线打包,在Android studio中运行总是提示“打包时未添加Maps模块
解决离线打包未添加maps模块原创 2022-06-13 14:29:17 · 2901 阅读 · 2 评论 -
uniapp 如何做父子组件间的通讯
1.不能使用vue 组件传值的方式子组件代码:close() { this.$emit('close',99) },父组件代码:<com-search v-if="isSearch" @close="handleClose()" ></com-search>handleClose(data) { this.isSearch = false console.log(this.isSearch); console.log('handleClose'.原创 2022-06-01 09:32:36 · 1609 阅读 · 0 评论 -
vue中@click.native的使用
<uni-list :border="true"> <uni-list-item v-for="item in searchs" :title="item.name" :note="''" @click.native="change(item)"></uni-list-item> </uni-list>在组件中时常看到@click.native。在项目中遇到后,简单介绍下:一丶@click.native是给组件绑定原生事件我的标签 ‘L.原创 2022-05-31 16:20:36 · 809 阅读 · 0 评论 -
uniapp解决荣耀系列手机无法真机调试的问题
在开发者选项中找到 "选择USB的配置" 选择 "RNDIS(USB以太网)"。原创 2022-05-27 16:33:15 · 1320 阅读 · 0 评论 -
uniapp input组件防抖
有问题的防抖版本:<input type="text" value="" return-key-type="search" @input="replaceInput" class="fz30 inp_content" />replaceInput(e) { // 每输入一个值 input事件都会触发,会导致timer一直都是空的,不会清空timer let timer = null console.log(timer); if(timer) { console.log('清原创 2022-05-25 11:14:00 · 812 阅读 · 0 评论 -
uniapp 自定义easycom
2022年Hbulider升级后 compontens就不支持easycom,需要自定义easycompages.json中自定义easycom"easycom": { "autoscan": true, "custom": { "^com-(.*)": "@/components/com-$1/com-$1.vue" // 匹配components目录内的com-的vue文件 } }目录结构如下:...原创 2022-05-23 16:58:24 · 417 阅读 · 0 评论 -
uniapp 修改tabBar图标大小和navigationBar字体大小
/deep/.uni-tabbar__bd .uni-tabbar__icon { width: $silu-base-element-tabicon-h25 }原创 2022-05-18 16:28:40 · 12588 阅读 · 3 评论 -
uniapp 本地打包(离线打包)
开发环境1.Android Studio 下载地址:Android Studio官网2.工程文件:App离线SDK下载:最新android平台SDK下载打包步骤:1.申请Appkey登录开发者中心 在左侧菜单中选择我创建的应用,点击需要申请的应用,如下图:2.HBuilderX 打包需要打包的工程 3.准备工程(选择导入工程的方式)ps:就是在上面开发环境下载好的工程导入1.导入工程,并替换资源2.修改AndroidManifest.xml中.....原创 2022-05-18 15:16:12 · 865 阅读 · 0 评论 -
uniapp 固定区域滚动
<template> <view class="home"> <navbar></navbar> // 固定定位的盒子 <tab :tabList='tabList' @tab='tab'></tab> // height:45px的 <view class="scroll"> <scroll-view class="list_scroll" scroll-y="true" > &.原创 2022-04-26 11:20:47 · 2001 阅读 · 0 评论 -
uniCloud之云函数操作数据库及云存储
一个服务空间对应一整套独立的云开发资源,包括数据库、存储空间、云函数等资源。服务空间之间彼此隔离。云函数是运行在云端的JavaScript代码,是基于Node.js的扩展。云数据库是uniCloud提供了一个 JSON 格式的文档型数据库。顾名思义,数据库中的每条记录都是一个 JSON 格式的文档开发者使用uniCloud的云存储,无需再像传统模式那样单独去购买存储空间、CDN映射、流量采购等;index.vue<template> <view class...原创 2022-04-22 23:56:41 · 5958 阅读 · 0 评论 -
5个主流跨端框架及区别对比
最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个?作为 Taro 开发团队一员,笔者想在本文尽量站在一个客观公正的角度去评价各个框架的选型和优劣。但宥于利益相关,本文的观点很可能是带有偏向性的,大家可以带着批判的眼光去看待,权当抛砖引玉。那么,当我们在讨论多端框架时,我们在谈论什么:多端笔者以为,现在流行的多端框架可以大致分为三类:1. 全包型这类框架最大的特点就是从底层的渲染引擎、布局引擎,到中层的转载 2022-04-20 10:19:48 · 5837 阅读 · 1 评论 -
uniApp 地图使用
uniApp 地图使用1、[官网地址][https://uniapp.dcloud.io/component/map],[插件市场地址][https://ext.dcloud.net.cn/]2、地图分显示,和获取定位两部分;显示可选择腾讯地图、高德地图、百度地图3、获取定位方法由 uniApp 提供,坐标为固定的 gcj02、即使设置类型 wgs84,也是得到 gcj02 坐标<template> <map :controls="controls" :latit转载 2022-01-14 15:43:28 · 4776 阅读 · 0 评论 -
uniapp uni.navigateTo 传值的几种方式
一、传字符串传入let title = 'hello'uni.navigateTo({ url:`buttonPage/buttonPage?title=${title}`})接收onLoad(option) { let { title } = option },二、传对象传入let data = { title:'hello', id: 1}uni.navigateTo({ url:`buttonPage/buttonPage?da.原创 2021-09-24 10:20:11 · 10047 阅读 · 0 评论 -
uniapp 拍照上传 并压缩图片添加水印
uniapp拍照上传,压缩图片并添加水印,多选用户原创 2021-09-23 16:17:03 · 3344 阅读 · 1 评论 -
uniapp动态改变底部tabbar,和导航标题navigationBarTitleText
动态改变底部tabbaruni.setTabBarItem({ index: 0, text: this.text});导航标题navigationBarTitleTextuni.setNavigationBarTitle({ title:this.title});原创 2021-09-23 11:37:44 · 504 阅读 · 0 评论 -
uniapp 使用高德地图环境搭建
uniapp 使用高德地图环境搭建可参考:https://ask.dcloud.net.cn/article/29包名指的是这里:一。在进行地图开发过程中,我们一般能接触到以下三种类型的地图坐标系: 1.WGS-84原始坐标系,一般用国际GPS纪录仪记录下来的经纬度,通过GPS定位拿到的原始经纬度,Google和高德地图定位的的经纬度(国外)都是基于WGS-84坐标系的;但是在国内是不允许直接用WGS84坐标系标注的,必须经过加密后才能使用; 2.GC...原创 2021-07-19 09:37:57 · 414 阅读 · 0 评论 -
uniapp 实现高德地图导航
效果图:<template> <view> <view class="page-body"> <view class="page-section page-section-gap"> <map id="map" @markertap="bindTap" @controltap="bindControltap" :controls="controls" style="width: 100%;heigh..原创 2021-07-15 21:39:04 · 7276 阅读 · 13 评论 -
Hbulidx 运行到手机或模拟器总是连不上
一 解决模拟器链接不上的问题二查看夜神模拟器安装apk的包名及路劲电脑截图的快捷键是ctrl+shift+a原创 2021-07-14 20:45:12 · 2230 阅读 · 0 评论 -
uniapp 原生子窗体nvue的使用,及vue与nvue页面间的通讯
效果图:点击后显示再次点击后:注意:pages.json中配置在那个vue页面使用元素子窗体就配置在这里,子窗体最多不超过三个{ "path" : "pages/videoProblem/test2/test2", "style" : ...原创 2021-07-13 22:36:05 · 3057 阅读 · 0 评论 -
uni-app Api异步的情况,导致this无法正常赋值
// 官方提供的办法 不能处理异步的情况,this不能赋值uni.request({ url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。 data: { text: 'uni.request' }, header: { 'custom-header': 'hello' //自定义请求头信息 }, success: (res) => { con.原创 2021-07-10 20:18:11 · 1054 阅读 · 0 评论 -
uni-app组件使用记录
form 组件 input,radio 一定要加name,不然无法获取值<form @submit="formSubmit" @reset="formReset"> <input type="text" name="input" maxlength="3" placeholder="输入" /> <radio-group name="radio" @change="req()"> <label> <radi..原创 2021-07-05 18:19:15 · 85 阅读 · 0 评论