组件 页面html5 html
C++ Qt开发:StringListModel字符串列表映射组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QStringListModel`字符串映射组件的常用方法及灵活运用。`QStringListModel` 是 ... ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了,写够了,没啥想写的了,这个号算是废了,哎,气人啊!越来越胖,越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库,它可以将HTML元素转换为Canvas元素。具体来说,它可以将整个页面或特 ......
Flutter Key 以及通过Key获取子组件的状态和方法
import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key,这里用的GlobalKey,用来后面获取子组件 //如果不用获取子组件,也可以用Valuekey Col ......
【UniApp】-uni-app-自定义组件
前言 经过上个章节的介绍,大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的,在写项目之前还有个内容需要我在码一篇文章,所以就先码这篇文章了 本章节的内容比较简单,大家可以快速的过一遍,然后在项目中使用 ......
页面保活实现思路
1. 页面保活应用场景 列表页面跳转到详情页面,要保留列表页面分页后的页码,搜索到的数据,搜索键值,高亮状态,甚至是页面上其他表单的内容等。 2. 页面保活实现思路 2.1 不跳转 用抽屉或模态框编辑详情,不离开列表页,最佳 2.2 vue单页面 可以使用 <KeepAlive> 组件缓存页面。配合 ......
C++ Qt开发:StatusBar底部状态栏组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QStatusBar`底部状态栏组件的常用方法及灵活运用。`QStatusBar` 是 Qt 中用于在主窗口底部... ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法,即在单击事件或者onHide函数中缓存标识,onShow中读取标识,对必要的业务逻辑进行重新请求。具体代码如下: 微信小程序登录后页面回调的处理方案: 1.缓存回调刷新标识: 单击事件中设置: methods:{ onSubmit(){ this.setData({ ......
鸿蒙开发之容器组件
容器组件类似于flex的布局, 不过这里是固定Column 是纵向 Row是横向 当然, 也提供了很多的flex相关的属性封装 如何设置? 第一种是 Row() { Text($r(…)) Text($r(…)) } .justifyContent(FlexAlign.SpaceBetween) / ......
鸿蒙开发之系统基础组件
应用page的组成部分是 组件组成的, 系统提供了很多的组件 Image/Text Image组件 Image($r('app.media.logo')) .width(78) .height(509) 使用string 设置 .width('78vp') // vp vm的像素单位 使用定义资源j ......
鸿蒙开发之初页面UIAbility
UIAbility 类似于一个整体的应用声明入口, 比如小程序的app.js , 比如安卓端的activity 正常页面开发 使用的是一个UIAbility即可, 然后在一个UIAbility 里面 通过路由的形式进行跳转 关于路由 导入 import router from '@ohos.rout ......
Vue项目 移动端禁止页面放大缩小
Vue项目 移动端禁止页面放大缩小(在安卓上可以实现禁止放大缩小,但是ios就不行) // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
vue+element 表格formatter数据格式化并且插入html标签 ;
formatter的用法: 列表内容回显, orderStatus 0 是未处理, 1是已处理等,不能直接展示,所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......
HTML5 dialog标签简单使用
HTML5 dialog标签简单使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1 ......
HTML5新增标签及API
之前有一天看到了这样的一段代码,居然可以使用dom的id直接调用方法和获取属性,真是刷新了我的认知了。 <div> <p id="content">aa</p> <button onclick="console.log(content.innerText)">打印内容</button> </div> ......
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
PDF文件打开时,总是定位到某个特定页面
PDF文件正常打开时,会默认显示第一页,或者默认显示上次关闭时停留的页面。 但是某个PDF特别奇怪,打开它时,总是显示在某个特定页面。 当我把这个页移动到开头时,打开文档就定位到开头; 当我把这个页移动到结尾时,打开文档就定位到结尾; 当我把它移动到第3页,打开文档就定位到第3页。 但是我查看文档事 ......
vue2加载远程组件
<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......
vue详情页面可以打开多个
main.vue文件 <keep-alive :include="cachedViews"> <router-view :key="key" /> </keep-alive> computed: { key () { return this.$route.fullPath//this.$route. ......
【前端VUE】VUE通信组件学习(附源代码)
props props可以实现父子组件通信,不管是在vue2或者vue3,props数据还是只读的!!!不能直接修改其值;在vue3中,我们可以通过defineProps获取父组件传递的数据,且在组建内部不需要引入defineProps方法可以直接使用,如下面例子 Parent.vue //父组件 ......
React中在非组件中获取到路由信息
1. 安装history包:yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效,如果发现是401调回到登录页 代码实现 utils/history // ht ......
十七、组件-基础组件-Button
Button 按钮组件,可快速创建不同样式的按钮。 方法1:Button(options?:{type?:ButtonType,stateEffect?:boolean}) 方法2:Button(label?:ResourceStr,options?:{type?:ButtonType,stateE ......
十六、组件-通用属性-位置设置
位置设置 设置组件对齐方式、布局方向和显示位置。 align:设置元素内容在元素绘制区域内的对齐方式。 direction:设置元素水平方向的布局。 position:基于父容器的定位 markAnchor:相对于自身的定位,x正数代表左移,负数代表右移;y正数代表上移,负数代表下移。 offset ......
实践解析HPA各关联组件扭转关系
本文分享自华为云社区《HPA各关联组件扭转关系以及建议》,作者:可以交个朋友。 一、背景 应用程序的使用存在波峰波谷现象,在应用流量处于低谷期间,可以释放因过多的Pod而浪费的硬件资源。在应用流量高峰期提供弹性足够的Pod处理流量。 二、HPA各个组件扭转关系 kubernetes使用者通过创建一个 ......
JavaScript中val()、html()、text()区别
区别 在前端开发中,val()、html()、text()三个方法都是用来获取或设置元素的内容。它们的区别在于: val() 方法用于获取或设置表单元素的 value 属性的值。 html() 方法用于获取或设置元素的 HTML 内容,包括标签和文本。 text() 方法用于获取或设置元素的纯文本内 ......
C++ Qt开发:QItemDelegate 自定义代理组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QStyledItemDelegate`自定义代理组件的常用方法及灵活运用。在Qt中,`QStyledItemD... ......
Blazor入门100天 : 自做一个手势滑动组件
0. 我想在blazor模仿app实现触摸返回,下拉刷新 ... 现在用 blazor 做 app (blazor hybird) 和支持手机浏览页面越来越多, net8 也推出了一个webapp auto模式,可谓是极大的利好, 2024 让auto流行起来, 😃 配套源码 1. 新建 net8 ......
Blazor入门100天 : 自做一个支持长按事件的按钮组件
好长时间没继续写这个系列博客了, 不知道大家还记得我吗? 话不多说,直接开撸. 1. 新建 net8 blazor 工程 b19LongPressButton 至于用什么模式大家各取所需, 我创建的是ssr单工程, App.razor 里面改一下, 加入 @rendermode="RenderMod ......
微信小程序开发设计之页面原型设计
// pages/myAddr/myAddr.js const app = getApp(); Page({ /** * 页面的初始数据 */ data: { addrs:[ { addr: "广东省 广州市 白云区 什么街道", name: "用户填写", phone: "1881111111", ......