tengyuxin的博客

第四，由于使用的是rpx单位，我希望移动端上，字体可以根据不同手机屏幕大小自动适配，在pc端就是固定尺寸，但问题时，由于使用match-media媒体查询时，移动端根据rpx自适应和Pc端保持文字大小固定产生冲突。第三，细微调整样式，我是根据uni.createMediaQueryObserver，监测是否符合条件，符合的一个样式，不符合的一个样式（该情况适用于html结构一样）。uni-app是以移动为先的理念诞生的，所以我们先开发出适配手机浏览器的网页，再来适配PC端。

该案例设计条件：左侧时间 和竖线、点、内容都是居中对其的，上下时间点中间要有一段距离。

注意：需要一条一条的加入。

我当前没有服务空间，需要新建一个服务空间，之后将其关联。初始化服务空间需要的时间有点长。服务空间初始化成功后，刷新HBuilder，勾选服务空间，进行关联。

下面这张图就是我们要模拟的菜单功能。

在开发App时，无论是使用还是 React native，还是使用uni-app 开发跨端App时，总是需要运行调试。一般调试分为两种。第一：真机调试第二：模拟器调试真机调试的好处是可以看到更好的效果，缺点就是消耗手机的电池，作为独立的开发者，一般就会用模拟器。第三方模拟器（夜神、MuMu、Genymotion--收费）会带来内容内存大，反应慢，广告多等问题，而Android Studio 中得模拟器不会存在这些问题。

我使用的是uniapp 官方推荐的组件 rich-text，一般我能用官方级用官方，更有保障一些。

根据官方文档我知道，在这面定义的变量全局都可使用。接下来我要在这里定义方法。我在uni.scss文件中定义了 flex的简写方法。我在文件中使用.test{

查看官方文档确定自己开发的是app端 还是 微信小程序，我开发的是app端，所以在nvue文件写，同时cover-view组件要在video组件内容。

逻辑上就是再url后面，添加?出现上下出现黑边的原因是： object-fit ：contain；需要修改为 fill 就可以了。我想要在video视频上面显示内容，可是无论怎么在view中使用定位，都无法盖住视频。后来使用cover-view就可以了。

开发App时遇到富文本编辑，我首先的思路在uniapp官网找一下，确实官网给提供了内置组件editor。相信测试过案例时，都会发现没有工具栏。我也想如果有现成可以直接使用该多好，不过插件市场用起来也比方便，更不利于理解，所以自己写一个简单的工具栏。

暂时自己也没想到如何解决，找到方法再补上。

需求：我们在使用uniapp的editor组件时，主要是为了保持输入内容的格式。里面的文字可以有颜色、粗体、排列样式，可以插入图片。就像下面这样。

如果不添加editor的样式文件，空格、图片都会显示不正常，需要按照官方文档提示，第一添加样式，第二，设置对应的显示方式。

这里，最好仔细看一下scroll-view组件的api介绍。scroll-view | uni-app官网//开启自定义下拉刷新//初始情况下，关闭刷新状态/*自定义下拉刷新被触发时，（1）重新请求数据 （2）开启下拉刷新状态*///开启状态setTimeout(()=>{ //模拟请求数据，请求成功后，关闭状态},3000);

我对该问题思考的不是很清楚，目前只想到了基本的解决方案。

虽然表现形式不一样，最基础的分页逻辑是一样。PC端上点击页码来分页，手机端根据滚动到底部，自动增加页码，来请求数据。其次像懒加载和预加载，我个人认为它应该是组件内部该处理的，因为这个性能优化问腿，性能优化问题应该归组件本身，不能混到逻辑开发中，否则写出的代码就会很复杂。

在man.js文件添加这个。

我应该对比一下两个项目显示效果，找到出现问题DOM节点，给container添加属性： box-sizing: border-box。该问题已经解决，有两种方法。第一种：直接注释掉 ，第二种 修改为vue3的方式。主要是忘记了将app.vue页面中的样式搬进去。直接导入阿里巴巴的图库资源。

需求：我要让一个图片旋转起来，点击图片可以暂停，再点击一次图片可以继续从刚才的角度继续旋转下去。

报这个错误的原因是，在将Object 转成json时，再转成Object存在非json格式的特殊字符，如&、？，解决的办法是将转成json的字符再用encodeURIComponent编码一下，将特殊字符替换，之后再替换回来。

拿作为案例，它的tabs标签有很多，如：推荐、小说、儿童等等。用户点击小说就会切换到小说组件，如果仔细看第一次是有一个加载的过程，如果你再返回到推荐页，再次点击小说时就没有加载过程，而是直接显示出来。这就有两个知识点（1）动态组件切换 （vue3 中 component组件 is属性）（2）保持组件被移除时的状态（vue3 中是 KeepAlive）

我在用uniapp开发Android 移动端时，有功能是修改用户昵称和用户头像，这样就涉及到“我的界面”和“分享界面” 两处需要都更新用户昵称或头像。但如果使用 uni.setStorageSync 它虽然可以缓存，但无法响应式更新，所以我就找到了状态管理工具，以前vue项目使用的状态管理工具是vuex，我在这个对应vue3的状态管理工具。找到pinia后，还需要将状态管理的数据持久化在本地，所以我才找到了。

我开发微信小程序事，写一个地址管理，要给其中一个地址设置为默认地址，使用第三方库的radio 和 input type="radio" ，都不能很好的控制选中和未选中状态，所以我决定手下radio。

我的使用环境 uniapp vue3 移动端 Android 真机测试。具体我使用后的效果图如下：下面我主要是详细的补充一下。

前端使用uniapp来开发微信小程序后端springboot中使用WxJava来做服务端（WxJava是微信服务端开发 的Java SDK）

我在开发项目时需要效果如下：一排显示两个内容。

问题是如何动态设置沾满屏幕的高度，我想要flex:auto，这样就很方便。”这个模块，循环100此后，就会超出页面高度，就会产生页面滚动，连带着“所以，在app.vue界面设置 page{ height: 100% }解决思路如下：要给scroll-Y设置一个固定高度，这样就会产生滚动条。”这个模块也跟着滚动。

关于阿里云OSS的文章可以看前端上传的逻辑思路：1. 根据html5+的 封装的API ，根据图片本地路径，将图片转成base64数据2. 通过uniapp的API。将 base64数据转成 ArrayBuffer 二进制数据，就可以上传了。

功能需求：看展示数据在A页面，我跳转到B页面添加数据，添加成功需要，返回到A页面，此时我希望A页面的数据可以更新，能将我刚才添加的数据展示出来。亲测有效，它的介绍上并没有说重载页面的功能，但reLanuch的英语意思为重新启动。

关于style和background两个字段，虽然一个管理状态栏的前景颜色，一个管理系统状态栏的背景色，但是这种配置权限不高，容易被pages.json内部配置覆盖，也不灵活，所以我就没有使用。在uniapp官网 全局文件 --> manifest.json应用配置--> App完整manifest.json里面，之后全局全局搜索(ctrl+f) statusbar的配置。第二，切换到代码视图，在app-plus -> statusbar 下添加immersed节点并设为false。

开发uniapp时，有些功能，使用UI库提供的更加方便和简单。所以我就搜索uniapp 的UI库，根据网上和uniapp的插件市场，确定使用uviewUI库。uniapp项目使用的vue2 -----> 对应。

写代码是需要团队的，需要跟更厉害的代码高手共同维护项目，需要一个环境，而我现在的环境利于我Vue技术的成长，从而我现在将react 技术搁置。

在官网tabBar那里，只能自己手动实现效果图如下1. 项目结构+ home+ mine+ TopBar+ TopBarComponent+ guanzhu.vue+ tuijian.vue2. 实现TopTab的静态UI界面（1）顶部选项卡的布局 --- 当前为TopBar页面<template> <!-- 顶部选项卡 --> <view class="tabs"> <vi...

整体思路准备三个组件分别为login(登录页) 和 home 、mine是tabBar里面的两个页面，点击login页按钮跳转到tabbar页面技术关键点1. uniapp的路由在page,json的配置方式在官网tabBar是有tabbar的配置的，重点是如何融入进page.json（1）tabbar的基本配置"tabBar": { "color": "#7A7E83", "selectedColor": "#3cc51f", "bor.

因为要参与公司新接的项目，我需要学习uniapp技术创建项目的命令，在官网上一看就知道，我遇到的初级问题如下uniapp如何真机运行答：我的手机是小米，系统MIUI12，根react native 真机调试一样，需要如下操作第一步，要将手机设置为开发者模式第二步，设置允许 USB调试第三，通过HBuilder X来运行项目，先用鼠标选中项目目录，点击运行，选里面，运行到手机或模拟器，里面的第一个，详细看下图第四，如果是第一次使用，他会让选择， 微信小程序开发者工具 的..