uni-app页面tabbar uni
HTML页面的哈希（hash）路由原理+原生js案例
<!-- * 场景:不刷新页面，对页面的局部内容进行更改 *方案1：ajax 方法 *方案2：哈希（hash）路由原理 *方案2讲解：监听浏览器的url中的hash（url的#后面的文本——锚文本）值，进行更改内容 --> <!DOCTYPE html> <html lang="cn"> <head ......
博客园页面定制-绿色简约风
效果图 博客侧边公告 <style> #back-top { position: fixed; bottom: 10px; right: 5px; z-index: 99; } #back-top span { width: 50px; height: 64px; display: block; b ......
Shopify motion主题404页面的修改
一、404页面的定义 404 not found，是HTTP对网页错误情况返回的一种状态码，当用户在浏览器中输入网址时，服务器会根据输入的地址判断是否有对应的网页信息，如果没有对应信息，说明用户输入的可能是一串无效的链接，服务器就会向用户返回404 not found状态码，告诉用户没有找到对应的网 ......
HarmonyOS(ArkTs)自定义底部TabBar
@Entry @Component struct TabNavCustomePage { @State currentIndex:number = 0 private tabsController: TabsController = new TabsController() //自定义组件 @Bui ......
Vue单页面应用开发指南
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp使用uni-tooltip自定义多行
uniapp的官方文档中uni-tooltip的直接示例没有写全多行tooltip的演示代码，所以记录一下。主要就是利用插槽自己定义一个view,然后设置他的宽度来设置宽度高度，以及设置文字换行。 <template> <uni-tooltip> <button size="mini">多行文字提示 ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方 ......
uniapp 中截图保存当前页面 ， 当前内容
<script setup>import { ref } from 'vue'import { onLoad, onShow } from "@dcloudio/uni-app"// #ifdef H5import html2canvas from 'html2canvas'// #endifcon ......
微信小程序 自定义 tabBar
最近开发又涉及到了微信小程序，好多年没写过小程序了 现在要设计一个自定义tabBar，本来想写成一个页面，子页面都写成组件，但是这样就会损失页面的许多特性，比如生命周期等等 后面了解了下 wx 的 tabBar 原理，其实每个tab页面（就是底部带 tabBar 的页面，可以通过 wx.switch ......
Spring Boot--默认页面设置
#Spring Boot–默认页面设置 上网找了老长时间, 百度只有几个案例, 挨个试了试都不行, 我的目录结构是 : | -resources| - -static| - - -html ->index.html 只能输入/html对index.html进行访问, 各种尝试后 Spring Boo ......
Android——子线程发消息给主线程进行页面信息更新
一、认识Looper和Handler对象 当主线程诞生时，就会去执行一个消息循环（Message Loop），以便持续监视它的消息队列（Message Queue简称MQ）。 当UI事件发生了，通常会立即丢一个Message给MQ，此时主线程就立即从MQ里边取出该消息并处理。 比如，用户在UI界面上 ......
记录--页面使用 scale 缩放实践
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. ......
vue-addroute动态路由刷新之后页面空白
解决动态路由刷新之后页面空白 /* 权限 */ import store from '@/store/index' import router from '@/router'; // 动态路由 let routers = [{ path: 'welcome', name: "welcome", co ......
在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 ......
释放创造力：可视化页面渲染引擎在低代码开发平台的应用
什么是页面渲染引擎? 页面渲染引擎是低代码开发平台的核心组件之一，它负责将开发者设计的页面布局和用户交互元素转化为具体的可视化界面。通过优化渲染效率和提供丰富的功能支持，页面渲染引擎在低代码开发过程中起到了至关重要的作用。 在低代码开发平台中，页面渲染引擎采用一系列技术原理来实现其功能。首先，它使用 ......
网站优化之压缩页面输出
本文于2015年底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 一切要从阿里高级专家君山的一次公开演讲有关。 本文基于tomcat 8.0.x版本输出。 君山的演讲 10月17日，有幸参加QCon上海2015全球软件大会。第一次参加这样 ......
AutomaticKeepAliveClientMixin 缓存PageView页面
一旦页面滑出屏幕它就会被销毁 ,实际项目开发中对页面进行缓存是很常见的一个需求，下面我们就看看如何使用AutomaticKeepAliveClientMixin 缓存页面。 注意：使用时一定要注意是否必要，因为对所有列表项都缓存的会导致更多的内存消耗。 class MyPage extends St ......
页面 定时器使用 实现echarts动效
vue+echarts 实现echarts动效 1.定义 定时器 工具类 loopShowTooltip export function loopShowTooltip(myChart, option, num, time) { var defaultData = { // 设置默认值 time: ......
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 ......
关于若依框架页面下拉框选项数据条数与实际不符
下拉框选项数据条数与实际不符 参考以下文章 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页面标题隐藏（page-head）
使用uni-app生成页面时，会发现默认生成的页面是带了导航栏 如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式<style>代码中添加 /* #ifdef H5 */ uni-page-head { display: none; } /* #endif */ 如果只是当前页面不需要 ......
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 方法可以重新计算滚动条的位置和尺寸，从而实现正 ......
uni-app webview监听当前url
<template> <view> <web-view :src="url" @message="getMessage" ref="v"></web-view> </view> </template> <script> export default { data() { return { // ur ......
uni app 上拉加载下拉刷新代码
uni app 上拉加载下拉刷新代码 先记下来，以后备用 <template> <view class="app"> <u-row> <u-col span="4"> <!-- <mix-list-cell :title="category.caname" @onClick="show=true"> ......