qq_36158551的博客

前端使用innnerHtml显示返回值+innerHtml文字显示两种不同的颜色(两部分显示颜色不一样)

注意：HX 4.31+ 同时支持在项目的 manifest.json 里面以图形界面修改鸿蒙配置（包括包名），如果在那里做了设置，将优先于 harmony-configs/AppScrope/app.json5 里面的 app.bundleName。将它复制到你的 uni-app 项目根目录的 harmony-configs/build-profile.json5 的 signingConfigs 配置中。（1）使用hbx（4.28以上），点击【发行】- 【App-Harmony-本地打包】。

/ 引入主题文件// 使用自定义主题初始化图表});RenderJS 是 uni-app 提供的一种技术手段，允许开发者在特定环境下（通常指 App 端的 Vue 页面）直接在视图层（而非逻辑层）执行 JavaScript 代码。这样做的主要目的是 为了提升复杂视图渲染和交互的性能，尤其是在处理大量图形绘制、动画效果、地图渲染等场景时，通过减少逻辑层与视图层之间的通信损耗，提供更高效的视图更新和用户交互体验。

条件编译是一种在编程中根据特定平台选择性编译代码的技术。如#ifdef和#endif根据APP-PLUS平台标识在微信小程序、支付宝小程序、百度小程序、头条小程序、QQ小程序以及H5应用中实现代码的平台特定执行。下面介绍了如何使用#ifdef和#ifndef等注释来标记代码块，确保它们在H5、5+App、微信小程序等不同平台上正确执行编译。通过这种方式，开发者可以实现代码的平台定制，提高代码的可移植性和效率。

子组件my-eventmethods: {// 使用emit向父组件传递数据console.log("子组件输入值:" + e.detail.value);引入my-event-- 引用子组件传值 -->methods: {console.log("父组件接收值:" + e);（1）子组件自定义事件名称（2）父组件引入子组件（3）父组件使用子组件定义的事件名称。

前端使用 uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。这样通过服务器链接地址，直接可以在手机上点开来访问。将项目打包成H5部署到服务器，然后链接地址使用uni-app或者android的项目的web组件引用，可实现多项目的数据融合。

（2）先关闭再打开自己的端口号（微信开发者工具——>设置——>安全设置——>安全（服务端口号））（1）关闭微信开发者工具，然后检查APPID换成自己的APPID。

生命周期函数名说明eonLoad监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）（单次触发）onShow监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面（多次触发）onReady监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发（单次触发）onHide监听页面隐藏（多次触发）onUnload监听页面卸载onResize监听窗口尺寸变化监听用户下拉动作，一般用于下拉刷新。

官方文档：https://uniapp.dcloud.io/vue-components?id=props在父组件中赋值时加上 .sync，在子组件中使用 this.$emit(‘update:title’,“uni-app”)改变值.sync 修饰符当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。.sync 它会被扩展为一个自动更新父组件属性的 v-on 监听器。-- 父组件 --><template><view></view><script>

【代码】uniapp tab组件。

新建组件tabBar.vue<template></view></view></li></ul></view><script>props: {tabIndex: { //当前选中的tab项default: 0},data() {return {/** iconPath: 默认icon图片路径* selectedIconPath: 选中icon图片路径* text: tab按钮文字* pagePath:页面路径* middleClass:中间按钮样式类名。

uniapp开发的APP要嵌套uniapp开发的h5,并且APP后面还要打包H5,这就涉及app和h5之间的通信,h5和h5之间的通信。

(https://uniapp.dcloud.net.cn/component/web-view.html#)主要实现代码参考下图所示。

在开发中，我们经常会遇到需要禁用input框的情况，但是禁用后无法添加点击事件的问题。

这里需要注意的是我们页面中使用了定时器，在离开这个页面的时候一定要记得清除，避免出现bug。

（1）页面跳转路径有层级限制，不能无限制跳转新页面（2）跳转到 tabBar 页面只能使用 switchTab 跳转。

【代码】uniapp 组件封装。

在移动应用开发中，我们经常需要将一些数据保存在客户端，比如用户的个人设置、应用的配置信息等。uniapp提供了多种本地存储的方式，包括localStorage、sessionStorage、uni.setStorageSync和uni.setStorage等。接下来，我们将逐一介绍这些方式，并给出相应的代码示例。uniapp本地存储的几种方式（1）localStorage：使用浏览器提供的localStorage API进行本地存储，可以存储字符串类型的数据，并且在同一域名下的所有页面共享。

使用前需到**高德开放平台（https://lbs.amap.com/）**创建应用并申请Key登录 高德开放平台，进入“控制台”，如果没有注册账号请先根据页面提示注册账号打开 “应用管理” -> “我的应用”页面，点击“创建新应用”，根据页面提示填写内容创建应用在应用下点击“添加”为应用添加Key，根据需要分别为Android平台、iOS平台申请Key配置使用高德地图准备：https://lbs.amap.com/api/javascript-api-v2/prerequisites。

【代码】uniapp日期选择器(年 月 日)

uniapp Vue3项目引用高德地图报错。

自定义uniapp标题栏按钮以及按钮触发的事件

uniapp实现动态增删元素

uniapp使用VConsole调试工具

uniapp字体图标的使用

uniapp RSA加密