路由uni-app uniapp uni
比Wi-Fi 6快四倍！中兴宣布首款Wi-Fi 7路由器通过认证：即将上市
据中兴官方介绍，中兴首款Wi-Fi 7路由器已通过国家无线电监测中心测试，即将上市。 根据官方预热图片看，新品采用了8天线方案，整体造型属于炫酷风格。 官方宣传中暗示提到“问天之势”，推测中兴可能会将Wi-Fi 7系列产品命名为“问天”，就像此前的“巡天”系列。 Wi-Fi 7是目前最强家用无线网协 ......
uniapp 微信小程序使用canvas
微信小程序基础库大于2.9.0后，canvas(画布)支持一套新 Canvas 2D 接口（需指定 type 属性），同时支持同层渲染，原有接口不再维护。在这种情况下使用原有接口会报错，报错例如： 1、使用ctx.draw()会报错：draw is not a function，原因：新版 Canv ......
记录--优雅解决uniapp微信小程序右上角胶囊菜单覆盖问题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 大家好，今天聊一下在做uniapp多端适配项目，需要用到自定义导航时，如何解决状态栏塌陷及导航栏安全区域多端适配问题，下文只针对H5、APP、微信小程序三端进行适配，通过封装一个通用高阶组件包裹自定义导航栏内容，主要是通过设置pad ......
Vue路由params、query传参用法，以及form表单回车自动提交问题
一、路由参数用法 1.1 query参数 第一种方式传参：跳转路由并携带query参数，注意to的字符串写法 将id和title拼接字符串形成地址 <router-link :to="`/home/message/detail?id=${item.id}&title=${item.title}`"> ......
uniapp-ssr 避坑路线
1、创建项目：默认模版、vue3、开通unclould 2、导入uni-ssr库 3、保证hbuilderX版本为 3.8.4 4、运行：启用ssr 5、发布： 注意点：Hbuilderx 版本是重点，2、vite.config.js 的配置并没有起效果，base中设置的静态资源二级目录没有生效。 ......
uniapp滑动页面时警告Unable to preventDefault inside passive event listener due to target being treated as passive.
翻译：没有添加被动事件监听器来阻止’touchstart‘事件，请考虑添加事件管理者’passive’，以使页面更加流畅。 原因： 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault()，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如 ......
【UniApp】-uni-app-全局数据和局部数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局样式和局部样式 那么了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 AppId，直接去之前的项目中拷贝一下即可，找 ......
【UniApp】-uni-app概述
前言 好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。 好，开始，那什么是 Uniapp 呢？这个时候我们不管三七二十一，先打开我们 Uniapp 官方文档，它官方地址也很简单， ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
无类别域间路由 、无分类域间路由 (CIDR）IP地址简介
一、原始的IP地址表示方法及其分类（近几年慢慢淘汰） IP地址是由4字节，32位表示的，为了表示方便，通常用点分十进制表示法，例如大家常见的：192.168.0.52，四个字节，通过点进行分隔，看起来十分清晰。IP地址的32位是由网络号+主机号组成的，也就是说这32位中，左边的某些连续位表示网络号， ......
uniapp 配置 基座调试指定页面
在用hbuildx时，用自定义基座，调试程序时，有的页面因为基座缺少组件而进不去，这个时候就可以用指定页面的方式，我们只需要把进入页面的入参传进去，这个时候打开页面就是指定要调试的页面了。 就在page.json文件最后加入 "condition" : { //模式配置，仅开发期间生效 "curre ......
uniapp 图片懒加载的一种方式
如果是列表页，可以采用前端分页，通过scroll-view 下拉，在绑定图片地址信息，这样就能下拉部分，加载部分图片了。 pageQuery() { let currentPage = this.pQuery.page; let pageSize = this.pQuery.size; const ......
uniapp---wap2app去掉系统自带的导航栏
在用uniapp进行将wap站转化为app的时候，默认打包后的文件，带有系统的导航栏，下面是去除的办法： 第一步：找到 sitemap.json 设置 titleNView为false： 第二步：在pages加入 { "webviewId": "common", "matchUrls": [{ "h ......
uniapp之合并行表格
前言 此文旨在记录微信小程序中需要使用合并表头的需求场景，由于此项目使用的是Uniapp和uView这两个UI框架。 然后接到一个需要查成绩的需求，表头大概长这样： 碰到问题 然后我惊奇的发现uniapp的table组件压根没有封装tr和td的rowspan属性，uView更是直接没有table组件 ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
关于uniapp打包APP自定义基座调试，遇到首页同意网络权限后白屏问题
解决方案： 1、在App.vue文件中，onShow生命周期内添加一段代码，检测是否同意使用互联网权限： uni.onNetworkStatusChange(function(res) { console.log('onNetworkStatusChange', res); if (res.isCo ......
uniapp tabbar权限问题
在app.vue里添加： export default {//在此处添加一个函数 globalData: { //更改tabbar权限 reviseTabbarByUserType: function() { //可以写自己的逻辑代码 // let username = uni.getStorage ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
uni-app全局样式和局部样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 UniApp 的一个全局 页面配置文件，也就是我们的一个 pages.json 文件。 那么了解完了这个文件之后，这片文章，再了解一下 UniApp 的一个全局样式和我们的局部样式。 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......
uniapp下拉刷新
UniApp是一个基于Vue.js开发的跨平台应用框架，它可以帮助开发者使用Vue.js开发一次，即可在多个平台上进行部署，如iOS、Android、H5等。UniApp中提供了下拉刷新功能，开发者可以通过以下步骤来实现： 在页面中添加<uni-refresher>组件，该组件是下拉刷新功能的容器。 ......
uniapp打包iOS应用并通过审核：代码混淆的终极解决方案 ✨
摘要 本篇博客将教你如何使用 JavaScript-obfuscator 插件来一键发行和混淆 iOS 上的 uniapp 代码。通过安装插件、创建运行脚本，并执行混淆操作，你将能够轻松通过审核，提高应用程序的安全性。🔒 引言 在将 uniapp 项目打包并上传到 iOS 应用市场时，我们经常会遇 ......
uniapp小程序与H5之间的通信
一、小程序端向H5传递参数 这个比较简单，就是利用web-view的src传递就行 1、创建承载web-view的.vue页面，代码如下： <template> <view> <web-view :src="src" @message="handleMessage"></web-view> </vi ......
优化 uniapp 发行操作：一键打包、混淆代码
uniapp一键发行代码并混淆代码 第一步.在项目根目录下安装插件 npm install javascript-obfuscator -g 安装完成后，javascript-obfuscator就是一个独立的可执行命令了。 javascript-obfuscator -v 第二步：Hbuild ......
Nginx篇之路由匹配规则以及配置url转发
alias与root的区别 root 实际访问文件路径会拼接URL中的路径 alias 实际访问文件路径不会拼接URL中的路径 示例如下： location ^~ /sta/ { alias /usr/local/nginx/html/static/; } 请求：http://test.com/st ......
WPF自定义路由事件
声明与封装 创建一个继承ContentControl的类，因为封装需要使用AddHandler和RemoveHandler RegisterRoutedEvent的参数RoutingStrategy传入RoutingStrategy.Bubble为冒泡事件，传入RoutingStrategy.Tun ......
【VUE】vue动态变换背景图片的实现 +背景图片铺满+ 一般路由的配置
一 、动态变换背景图片的实现 代码如下： <template> <div class="body" v-loading="loading" :style="{ backgroundImage:'url('+ bgi +')' }"> </div> </template> <script> data ......
uniapp开发——创建安卓自定义调试基座，实现热更新调用原生功能
一. 生成本地包： 选中项目，头部菜单栏“发行"-"生成本地打包App资源" 打包成功 二. 打包完成，复制App资源包到安卓studio项目中 uniapp项目根目录下，找到unpackage目录，打开resources目录，复制下边的_UNI_XXXXX格式的目录 三. 把App资源包粘贴到An ......
WPF路由事件
冒泡事件和隧道事件 WPF路由事件是一种特殊类型的事件，它提供了更强的传播能力。这种事件可以在元素树中向上冒泡和向下隧道传播，沿传播路径被事件处理程序处理。换句话说，路由事件是针对元素树中的多个侦听器（而不仅仅是引发该事件的对象）调用处理程序的事件。 逻辑数与可视化树 逻辑树由布局组件和控件组成，其 ......
Uniapp全局引入（mixin）
全局引入 要在 UniApp 中创建一个全局方法，以便在所有模板中直接使用，可以使用 Vue 的 mixin 混入功能。 下面是创建全局方法的步骤： 在项目的根目录下，创建一个名为 mixin.js 的文件（或者你可以选择其他命名）。 在 mixin.js 文件中，定义全局方法。例如，我们创建一个名 ......