顶部 页面uniapp
[GPT] 对于一个复杂的html文档而言，如何用 js 批量替换页面上的某些文字从A替换为B，前提是不能去掉标签和已绑定的事件
原生：示例代码 function replaceTextInDocument(node) { if (node.nodeType Node.TEXT_NODE) { node.textContent = node.textContent.replace(/A/g, 'B'); } else if ( ......
vue给某一个页面背景色改变
最简单的方法 export default { name: 'your name', beforeCreate () { document.querySelector('body').setAttribute('style', 'background:#fff') }, beforeDestroy ......
2023-07-11 uniapp之小程序input设置字号大于其默认高度，无法撑起字号设定的高度
前言：在小程序中input的默认最小高度为1.4rem，假如我要设定的input输入的字体为64rpx，那实际上，input的高度还是显示为1.4rem，但在Android端则不会出现这种情况。 原因：小程序端默认input样式导致。 解决方案：手动设置min-height: 64rpx。 ......
【HarmonyOS】ArkTS学习之页面转场动画的实现
【关键字】 ArkTS、转场动画、PageTransitionEnter、PageTransitionExit 【介绍】 动画交互的实现是一种提升用户体验的方式。动画分为属性属性动画、显示动画、转场动画和路径动画，而转场动画又包含页面间转场、组件内转场和共享元素转场。我觉得页面转场动画挺有趣的， ......
SpringBoot全局异常处理，返回数据附带http状态码，以及捕获404页面异常
# SpringBoot全局异常处理，返回数据附带http状态码，以及捕获404页面异常 ## 前言 全局异常处理对于编写网络接口程序来说至关重要，能省掉很多的判断语句，让逻辑更加清晰。springboot中的全局异常处理并不难。与网上大部分文章不同的是，我用springboot自带的Respons ......
Xrm.Internal.openDialog打开对话框自定义页面
在Dynamics CRM平台中使用自定义页面拓展功能实现有多种方式，比如嵌套iframe,比如直接打开一个新页面，再就是打开对话框了，对话框里为自定义页面。 调用方式很简单，先把自定义页面上传好后，直接使用Xrm.Internal.openDialog函数即可。 JS打开对话框方法一（注意参数要e ......
app直播源代码，自定义顶部搜索栏显示隐藏
app直播源代码，自定义顶部搜索栏显示隐藏 1、wxml代码 <view class="bar-box" style="height: {{navBarHeight}}px;"> <view wx:if="{{show}}" class="level" style="margin-top: {{ba ......
视频直播系统源码，uniapp滚动加载 下拉刷新
视频直播系统源码，uniapp滚动加载 下拉刷新 滚动加载 滚动加载指的是当用户滑动页面到底部时，自动加载更多数据。在uniapp中，我们可以通过监onReachBottom来实现滚动加载。 onReachBottom 页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。 ......
uniapp中使用极光推送
1、注册极光账号 2、注册几个主流手机厂商的开发者账号（注册手机厂商，可以保证app进程不在的时候走厂商通道推送消息） 3、配置uniapp极光插件 https://ext.dcloud.net.cn/plugin?id=4028 https://ext.dcloud.net.cn/plugin?i ......
第十一篇 - Vue页面内嵌一个vue页面
一个页面的导航栏是可以重用的，所以重用部分单独提出来作为一个vue页面是很有必要的，那么一个vue页面内嵌一个vue页面怎么实现呢？ 目前程序是可以跳转到jump1页面的，现在我们新建一个navigation.vue，将其内嵌于jump1页面看看。 第一步：新建navigation.vue navi ......
uniapp 生成的页面 /h5/ 二级目录 uniapp history模式下刷新页面404
NGINX: location /h5 { try_files $uri $uri/ /h5/index.html; } ......
Vue路由新开页面跳转和传参传递
需求：在后台管理系统首页列表项中，点击详情跳转到系统中指定菜单的路由要求新开窗口并需要带上参数查询。 第一种方法： 1 let routeUrl = this.$router.resolve({ 2 path: '/xxx', // 路由地址 3 query: { id } // 参数信息 4 }) ......
一个页面多个ModelForm
class testView(View): def get(self, request, *args, **kwargs): #複数のフォームをコンテキストとして渡す context = { 'main_form' : Test1ModelForm(), 'detail_form' : Test2M ......
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
6. Q_ 如果你有一个搜索结果页面，你想高亮搜索的关键词。什么HTML 标签可以使用_
6. Q: 如果你有一个搜索结果页面，你想高亮搜索的关键词。什么HTML 标签可以使用? A:`` 标签表现高亮文本。 > The HTML `` Element represents highlighted text, i.e., a run of text marked for referenc ......
利用xlsx库导出页面表格为xlsx文件
html ```vue ``` js ```js import * as XLSX from 'xlsx' /** * 导出表格为xlsx文件 * @param { string } id 表格dom的id */ async function exportTable(id, fileName){ l ......
前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
CTFer成长记录——Web专题·修改页面元素
一、题目连接 https://ctf.show/challenges#web1-143 二、题意分析 打开靶场，可以看到网页直接给出了源代码： 方法1 通过该php语言以及最下面的提示，只有id = 1000的时候才能获取到flag，但是如果id简单的等于1000，那么会被intval()函数给跳过 ......
axios请求渲染页面(包括部分跨域的解决)
##vue2 请求数据渲染 ###在vue的项目中，一般使用：axios、fetch来发起这个请求 安装axios : cnpm install axios -S 或者使用yarn add axios ###使用axios来请求接口 注意：在created中发起请求 ###发请求到的数据渲染到页面 ......
uniapp request.js请求封装
import Vue from "vue" let startTestModel = true //开启测试模式 const BASE_URL = '' // 接口域名 const IMG_URL = '' // 图片域名 // 声明 测试模式 console.log("%c".concat("开发 ......
小白PDF阅读器开发-页面元素分割
以前用手机看PDF格式的电子书时，总感觉非常别扭，PDF格式的电子书在手机上缩放严重，字体太小，想看清楚得来回放大拖动，看书的兴致就在来回缩放拖动间被消耗没了！每次用手机看PDF电子书时就想着得做款能自动重排版的阅读器给我自己用。但是第一步就难住了，怎么分割页面元素？后来偶然间看到一篇介绍文字识别方 ......
页面显示查询耗时
* 执行耗时接口，页面显示计时器 ```js let tt = document.querySelector('.spanTimer') as HTMLElement; let num = 0; tt.innerText = num + '秒'; let min = ''; let sec = '' ......
前端Vue自定义暂无数据组件nodata 用于页面请求无数据时展示
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
浏览器种输入一个url到显示页面全过程
在浏览器中，当解析和加载网页时，会形成三个重要的树结构：DOM树、CSSOM树和渲染树（Render Tree）。这些树结构在网页的渲染和布局过程中起到关键作用。 ......
若依前端，菜单栏切换时刷新问题[页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空]
### 前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空  ### 这样切换时，页面就 ......
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- ......