页面uniapp ts
在html页面使用js显示当前时间在输入框中
具体代码 <script type="text/javascript"> var date = new Date(); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); document.ge ......
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
释放创造力：可视化页面渲染引擎在低代码开发平台的应用
什么是页面渲染引擎? 页面渲染引擎是低代码开发平台的核心组件之一，它负责将开发者设计的页面布局和用户交互元素转化为具体的可视化界面。通过优化渲染效率和提供丰富的功能支持，页面渲染引擎在低代码开发过程中起到了至关重要的作用。 在低代码开发平台中，页面渲染引擎采用一系列技术原理来实现其功能。首先，它使用 ......
网站优化之压缩页面输出
本文于2015年底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 一切要从阿里高级专家君山的一次公开演讲有关。 本文基于tomcat 8.0.x版本输出。 君山的演讲 10月17日，有幸参加QCon上海2015全球软件大会。第一次参加这样 ......
AutomaticKeepAliveClientMixin 缓存PageView页面
一旦页面滑出屏幕它就会被销毁 ,实际项目开发中对页面进行缓存是很常见的一个需求，下面我们就看看如何使用AutomaticKeepAliveClientMixin 缓存页面。 注意：使用时一定要注意是否必要，因为对所有列表项都缓存的会导致更多的内存消耗。 class MyPage extends St ......
uniapp input框校验数据格式，只能输入汉字/数字/字母等
input框常用的正则表达式 1.html <input @input="onKeyVinInput" type="text" v-model="bindcode" placeholder="请输入" /> 2.js //限制输入框只能输入数字或者字母 onKeyVinInput(e){ const ......
页面 定时器使用 实现echarts动效
vue+echarts 实现echarts动效 1.定义 定时器 工具类 loopShowTooltip export function loopShowTooltip(myChart, option, num, time) { var defaultData = { // 设置默认值 time: ......
uniapp ios 白屏
这个问题找了两天，问题出现的很离谱代码编译没问题，安卓、ios真机运行也没问题，打包以后安卓没问题，iphone 12（ios16.6.1）安装也没问题，还有一个iphone 6s（ios14.7.1）和iphone 11（ios16.3.1）打开以后就白屏，一脸问号。开始以为是代码问题，就找mai ......
uniapp实现背景颜色跟随图片主题色变化（多端兼容）
最近做 uniapp 项目时遇到一个需求，要求模仿腾讯视频 app 首页的背景颜色跟随 banner 图片的主题颜色变化，并且还要兼容 H5、APP、微信小程序三端。 由于项目的技术栈为 uniapp，所以以下使用 uni-ui 的组件库作为栗子。 需求分析 腾讯视频 app 效果如下： 从上图看出 ......
nginx匹配所有请求路径显示index.html页面
server { listen 80; server_name example.com; # 替换为你的域名 root /path/to/your/root; # 替换为你的站点目录 location / { try_files $uri $uri/ /index.html; } } ......
uniapp使用uni.uploadFile上传单文件内容
在uniapp中使用文件上传，一般使用uni.uploadFile，下面是一个单文件上传案例 uni.uploadFile({ url: uploadUrl, name: "file", // 上传的file的名称 formData: formData, // 除了文件内容的其他需要formdata ......
uniapp使用富文本组件editor获取不到data内数据的问题
vue2 在使用 uniapp 官方提供的 editor 富文本编辑器组件时，代码需求需要获取到富文本组件内的输入值并通过接口发送给后端，在editorContext.getContents内无论如何都无法将获取到的输入值存入data(){}内，最后通过修改this指向成功获取。 ......
uniapp的app苹果应用商店上架最简教程
除了测试版本之外，uniapp打包好的ipa文件是无法直接安装在普通用户的手机上面，这是苹果的证书和描述文件的机制的原因。 因此我们需要将打包好的ipa文件上架到苹果应用商店，也就是app store。 下面我整理了一篇全程不需要mac os电脑参与的上架苹果应用商店的教程。 教程的第一步，首先需要 ......
关于若依框架页面下拉框选项数据条数与实际不符
下拉框选项数据条数与实际不符 参考以下文章 https://www.jianshu.com/p/ab26daf0a5fb 也就是设置好查询参数 我这里有41条数据，就已经能全部显示了 还有一种方法让下拉框显示全部数据项 参考文献：ruoyi表格控件获取数据结果只有十条_若依查询限制10条-CSDN博 ......
pyside6 加载页面后自动进入主程序
思路 使用QTimer.singleShot(3000, self.openwindown).完成单发：3s后执行openwindown 代码 from PySide6.QtCore import Signal, QTimer from PySide6.QtGui import QFont, Qt ......
【Azure APIM】在APIM中实现JWT验证不通过时跳转到Azure登录页面
问题描述 在APIM中配置JWT策略，验证JWT，如果认证失败，则跳转到 Azure Entra ID 的 Login 页面。 问题解答 主要是需要实现当JWT验证失败后，需要跳转到 Azure Entra ID 的 Login 页面。所以在JWT的策略中，需要在<on-error>部分加入Loca ......
uniapp和小程序面试题
uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue 主组件 ......
TS自动轮播图
App开发中经常用到这种轮播图组件。 最近在做Vue商城类的应用时正好用到，整理记录一下一遍后续使用。主要逻辑就是通过定时器间隔一定时间移动显示内容到对应位置改变offset，需要特殊处理的地方是滚动到最后一页时，把首页拼接到后边，下一次滚动时滚到第一页然后重置，形成循环往复自动播放。本组件还添加了 ......
uniapp页面标题隐藏（page-head）
使用uni-app生成页面时，会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要 ......
微信小程序 ts npm
以 ts 构建的微信小程序项目，如何安装npm呢？ npm 直接在项目根路径下，按照平时的习惯创建就可以了，比如我想引入day js npm i dayjs 但是这种情况下，直接直接用会出错，即使ts提示正常 import dayjs from "dayjs"; const str=dayjs(). ......
linux server Vue 或其它单页面项目站点 nginx 实施部署
# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
13-点击页面其它地方触发某个事件
自定义指令实现（通过自定义指令实现对操作dom） <div class="ml-5 select-wrap"> <Button class="select-button" type="primary" icon="md-arrow-dropdown" v-click-outside="handdle ......
使用element-plus的el-scrollbar时滚动条没有显示出来但是页面可以滚动的解决办法
如果使用 Element UI 的 el-scrollbar 组件时，滚动条没有显示出来但页面可以滚动，可以尝试调用其 update 方法来更新滚动条。 在适当的时机（例如在数据加载完成后或组件更新后），调用 el-scrollbar 的 update 方法可以重新计算滚动条的位置和尺寸，从而实现正 ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
页面结构据不同屏幕手机大小进行自适应+底部标签
微信小程序请简单创建一个页面结构，要求页面结构根据不同屏幕手机大小进行自适应。 <!--pages/test/test.wxml--> <view class="tab"> 顶部区域 </view> <view class="content"> 内容区域 </view> <view class="p ......
【原创】一款AI Agent浏览器插件，让你在任意页面、任意地方使用大模型能力
介绍 赐我白日梦AI Agent，一款可以让你在任意浏览器页面使用大语言模型的插件神器。 视频讲解 https://www.bilibili.com/video/BV17T4y1W7YP/?vd_source=ff5ff1551c3f08b3759567d6405cf747 核心功能 曜夜黑主题UI ......
『UniApp』uni-app-打包成App
前言 大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店 趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包成APP。 正文 打包 App 也是一样的，首先需要配置关于 App 应用的基础信息，打开 manifest.j ......