page-head页面 标题uniapp
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
浏览器种输入一个url到显示页面全过程
在浏览器中,当解析和加载网页时,会形成三个重要的树结构:DOM树、CSSOM树和渲染树(Render Tree)。这些树结构在网页的渲染和布局过程中起到关键作用。 ......
若依前端,菜单栏切换时刷新问题[页面菜单切换时,页面总是重新刷新,导致页面输入的查询参数重载清空]
### 前端页面菜单切换时,页面总是重新刷新,导致页面输入的查询参数重载清空 ![image](https://img2023.cnblogs.com/blog/1534761/202307/1534761-20230707214952477-976831567.png) ### 这样切换时,页面就 ......
APP页面设计软件大全,设计师必备这10款
APP页面设计是APP实施过程中的关键步骤,APP页面设计是不是别具一格,取决于消费者对APP最直观的视觉效果分辨。 要创建一个令人惊讶的APP页面设计,一个高效率的APP界面设计软件是不可缺少的。 本文列出10款最流行的APP界面设计软件,并逐一展开了深入分析。 1.即时设计 即时设计是一款免费的 ......
uniapp引入高德地图或腾讯地图以及map在真机中常见问题汇总
以下是必须肯定会用到的官方地址 腾讯地图API开发文档:微信小程序JavaScript SDK | 腾讯位置服务 (qq.com) 高德地图API开发文档:开发 | 高德地图API (amap.com) 高德地图小程序配置指南:入门指南-微信小程序插件|高德地图API (amap.com) 小程序后 ......
uniapp跳转页面防止多次点击uni.navigateTo
<template> <view class="column"> <button @click="navto('/pages/index/index')">点击跳转</button> </view> </template> <script> export default { data() { ret ......
uniapp webSocket聊天功能
<template> <view> <sc-nav back-color="white" :opacity="1" is-back> <text slot="content" class="sc-page-title">{{friendName}}</text> </sc-nav> <scroll- ......
uniapp组件之tab选项卡滑动切换
<template> <view class="content"> <view class="nav"> <!-- 选项卡水平方向滑动,scroll-with-animation是滑动到下一个选项时,有一个延时效果 --> <scroll-view class="tab-scroll" scroll ......
uniapp清除应用缓存
计算缓存 // 计算缓存 formatSize() { let that = this; plus.cache.calculate(function(size) { let sizeCache = parseInt(size); if (sizeCache == 0) { that.fileSize ......
uniapp开发
## 1.下载开发工具HBuilderX: - 地址:[HBuilderX - a superpowered IDE for Vue (dcloud.io)](https://www.dcloud.io/hbuilderx.html) ## 2.新建项目 - 文件-新建-项目-uniapp - 选择 ......
SpringMVC学习巩固(页面跳转——重定向与转发)
**要求方法返回值为String** 默认:逻辑视图 视图解析器 找到对应的页面 Handler中返会的String类型为跳转到的页面 eg:return "hello"; 则执行方法后页面会跳转到hello.html 重定向forward: ` @GetMapping("forward") pub ......
【快应用】快应用学习之页面周期函数onBackPress无法触发?
【关键词】 onBackPress、退出提示 【问题背景】 在学习和调试快应用的过程中,我在子页面中的onBackPress()函数中定制了退出的一个弹框提醒,将它作为组件引入父页面中,弹框却无法触发? 问题代码如下: 子页面 <template> <!-- Only one root node ......
在uniapp中获取微信小程序状态栏和导航栏的高度
在微信小程序中,可以使用 uni.getSystemInfo() 方法获取设备的系统信息,包括状态栏的高度和顶部导航栏的高度。您可以使用这些信息计算顶部图标距离。 下面是一个示例代码,展示如何在 UniApp 中获取顶部图标距离: getTopIconDistance() { uni.getSyst ......
学城项目课程详情页面
1.建立course文件夹 /1 cmd中进入到apps路径下 输入 python ../../manage.py startapp courses 创建出course app /2 记得在dev中注册app 2.创建课程的相关表 from django.db import models from ......
redis的订阅发布功能中,前端如何监听到消息,并修改前端页面。
![](https://img2023.cnblogs.com/blog/1892439/202307/1892439-20230706220847211-982080298.png) ![](https://img2023.cnblogs.com/blog/1892439/202307/18924 ......
uniapp实现这该死的自定义弹窗
最近自己学习和写这个uniapp,刚开始规划的时候就觉得自己到时候会需要一个这个弹框,弹框里面药房input这样的东西什么的,然后就在想uniapp里面会不会没有这个modal呢? 转念一想应该是会有的吧,毕竟是一个框架嘛.然后我就找找找,找了好久都没找到合适的.可能是人家有我没找到吧,最后我放弃了 ......
uniapp如何给空包进行签名操作
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 首先安装sdk https://www.oracle.com/java/technologies/downloads/ 正常下一步即可~安装完毕后,进入在sdk根目录执行cmd C:\Program Files\Java\jdk-18.0 ......
30.使用锚点链接导致url发生改变,一旦刷新页面就会导致找不到页面的情况?
步骤一:将原来锚链接中href="#id1"去掉,增加点击事件@click="toTopic('#id'+index)" <a v-for="(tag, index) in 30" :key="index" @click="toTopic('#t'+index)"> <el-tag type="in ......
vue刷新页面时保持当前分页不变(使用本地存储保存页码)
this.currentPage = 1原本的代码是在页面构造时直接传入第一页的页码使得页面去读取第一页应有的数据。 解决思路:设置一个变量,用于保存每一次刷新前的页面页码数,页面构造函数里进行判断如果这个变量为空,那么说明是第一次加载页面,页面读取第一页数据。 在需要刷新前将当前页码保存,页面构造 ......
17.页面刷新的五种方式
1. 第一种(推荐) 缺点:这种方法会在浏览器地址栏中多添加#reloaded mounted() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; locat ......
uniapp兼容微信小程序注意事项
1.采用自定义导航栏时 "navigationBarTextStyle": "black",//禁用原生导航栏 "navigationBarRightButton": {"hide": true},//禁用胶囊 2.不支持component ......
直播平台源码,默认页面几秒后自动跳转另一页面
直播平台源码,默认页面几秒后自动跳转另一页面 public class MainActivity extends AppCompatActivity { private static final long DELAY = 1000; private TimerTask task; @Override ......
使用Vue CLI创建uniapp项目,搭建模板
使用Vue CLI创建uniapp项目,搭建模板,不仅可以HBuilder打包,也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板,以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布,可以按照以下步骤进行操作: 1. 安装 Vue ......
微信小程序页面增加下拉刷新功能
对应的 json 文件 增加如下内容 "enablePullDownRefresh": true, "onReachBottomDistance": 50, "backgroundTextStyle": "dark", "backgroundColor": "#6197FB" 2.对应的js增加 函 ......
新增接口&页面布局
#1. 新增 ##1.1. 新增接口 ![](https://img2023.cnblogs.com/blog/2957868/202307/2957868-20230705214009915-1917231495.png) ##1.2. 观察前端页面 我们需要在前端弄一个增加的对话框 ![](ht ......
WordPress主题,当前页面使用了哪个template模板文件?
对于页面与模板的对应情况一般都是能确定的,不过新朋友一时不熟悉可能还是需要花一点时间。 其实,可以有一个小技巧,可以快速确定当前页面对应的模板文件。 想要实现上面的效果,只需将下面代码加入主题的 functions.php 文件。 function zhuige_admin_bar_init() { ......
关于前端页面设置省略号ellipsis的问题
当内容超过宽度时,禁止换行,使用省略号...代替溢出的内容,一般这样的需求都会经常遇到。 使用css的text-overflow: ellipsis属性,可设置省略号,需要注意的是:1. 如果设置了display: flex,则换行无效。2. 一定要设置宽度 根据标签层级不同,设置省略号的css样式 ......