组件 页面html5 html
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
HTML之元素相对页面(视口)左上角的绝对坐标
目录一. 绝对位置二. 相对位置 一. 绝对位置 网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动，它都是不会变化的。 // 获取元素的绝对位置坐标（相对于页面左上角） function getElementPagePosition(element){ //计算 ......
C++ Qt开发：SqlRelationalTable关联表组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlRelationalTable`关联表组件的常用方法及灵活运用。在上一篇文章中详细介绍了`SqlTable... ......
Vue 倒计时小组件
商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
可拖拽弹框组件
可拖拽组件 <BaseDialog v-if="totalDialogVisible" title="合计" :visible.sync="totalDialogVisible" width="30%" @close="handleCloseTotal" @submit="handleCloseTo ......
table表格 组件
<template> <div> <BaseTable :searchConfig="searchConfig" :operateBtnConfig="operateBtn" :tableData="tableData" :tableConfig="tableConfig" :pagination= ......
下拉分页组件 select-page
组件使用文档： https://terryz.gitee.io/vue/#/selectpage/demo 实例： 需要使用的下拉分页的页面： <el-form-item label="公司" prop="carrierId"> <base-selectPage v-model="ruleForm. ......
vue 将百度地图或者高德地图组件化
一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解
【泰裤辣 の Unity百宝箱】Canvas组件四件套讲解 原创 打工人小棋 打工人小棋 2023-05-16 13:24 发表于广东 1. 介绍 在上一期内容中，我分享了一套简单易用的UI框架。没想到大家的学习热情这么高，讨论度是目前所有内容最高的。 由此可见，天下苦UI(秦)久已！！！ 接下去， ......
HTML中获取iOS手机安全区域SafeArea
苹果手机iPhone X及以上版本都带有刘海屏，14pro以上版本变成了所谓灵动岛，所以顶部和底部都有一个安全区域。 手机型号尺寸（pt)倍数屏幕（px）状态栏高度顶部安全距离底部安全距离 iPhone14Pro、iPhone15Pro、iPhone15 393 * 852 3 1179 * 255 ......
记录--HTML问题：如何实现分享URL预览？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 为了提高用户对页面链接分享的体验，需要对分享链接做一些处理。 以 Telegram(国外某一通讯软件) 为例，当在 Telegram 上分享已做过处理的链接时，它会自动尝试获取链接的预览信息，包括标题、描述和图片。 如此当 ......
HTML基础
【HTML基础】 本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 一、HTML简介 1.1 网页 1.1.1 什么是网页？ **网页：**构成网站的基本元素，通常是 HTML 格式的文件（.htm 或 .html）必须通过浏览器来阅读。 **网站：**利用前端技术制作的网页集合 ......
给数组循环遍历添加属性，数组数据打印出来实际已经添加了，但是页面数据并没有展示出来，该怎么解决
问题复述，即：在vue项目中中，会遇到修改完数据，但是视图却没有更新的情况 参考：https://blog.csdn.net/weixin_48998573/article/details/130620390 ......
C++ Qt开发：SqlTableModel映射组件应用
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`SqlTableModule`组件的常用方法及灵活运用。在多数情况下我们需要使用SQL的方法来维护数据库，但此方... ......
封装一个表情包组件（支持自定义表情图片）（基于vue3语法）
效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......
分页组件
分页组件的使用 有三种分页方式 需要新建一个py文件，以pagination.py为例 方式一：基本分页 第一步：导入分页类 from rest_framework.pagination import PageNumberPagination 第二步：书写分页类，继承 PageNumberPagin ......
过滤组件
过滤组件的使用 有两种使用方式 方式一：使用drf内置过滤类 第一步：保证视图类继承 GenericAPIView 及其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() seria ......
CDR 页面移动
方法一： 点击视图——点击页面排序器视图（如要取消再次点击页面排序器视图即可）——会出现所有页面点击拖动便可随意移动页面位置。右键点击也可新建和删除页面。 方法二： 点击拖动页面标签栏即可。 ......
排序组件
排序组件快速使用 第一步：视图类需继承GenericAPIView或其子类 # 以图书类为例 class BookView(ViewSetMixin, ListAPIView): queryset = Book.objects.all() serializer_class = BookSeriali ......
微信小程序--实现页面之间的切换
微信小程序中实现页面之间的切换 wx.navigateTo() ; wx.redirectTo() ; wx.switchTab() 区别： wx.navigateTo() 跳转到应用内的某个页面，保留当前页面 wx.redirectTo() 跳转到应用内某个页面，关闭当前页面 wx.switchT ......
Unity3D 基类脚本怎么分别获取多个子类脚本的组件详解
Unity3D是一款非常流行的游戏开发引擎，它提供了丰富的功能和工具，使得开发者可以轻松地创建高质量的游戏。在Unity3D中，脚本是游戏对象的一部分，它们通过附加到游戏对象上的组件来实现特定的功能。本文将详细介绍在Unity3D中如何分别获取多个子类脚本的组件，并提供相应的代码实现。 对啦！这里有 ......
keycloak~从login-status-iframe页面总结如何跨域传值~续
keycloak~从login-status-iframe相关文章，可阅读我的这两篇keycloak~从login-status-iframe页面总结如何跨域传值 ,keycloak~对接login-status-iframe页面判断用户状态变更 。 什么是跨域 跨域（Cross-Origin）是指 ......
进入阅读页面二次需求处理
思路 时间乃是时间戳毫秒级别 进入阅读页面 记录当前进入页面的时间 如果是0:0:0 要重置时长 如果不是凌晨，查看今天是否阅读过，如果阅读过要在之前的阅读时长存储一下 更新时长 之前记录了(包含上次)进入页面的时间，在此基础上获取最新的时间并减去进入页面的开始时间得到时长，并在上次时长累加，接下来 ......
css+html 实现带箭头的流程步骤条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .navs { height: 50px; line-height: 50px; padding-top: 10px ......
Sublime Text Html CSS JS 代码整理美化插件
原文地址：Sublime Text Html CSS JS 代码整理美化插件使用代码编辑编辑器的好处就是有很多功能可以用，特别是一个就是代码整理优化。 在编写代码时，我们经常会遇到代码混乱、缩进不正确或格式不统一等问题。这些问题可能会导致代码难以阅读、维护和调试，降低开发效率。 那么我这里说一下Su ......
内置组件-Teleport
介绍 <Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 基本用法 有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他地方。 ......
内置组件-Transition
介绍 <Transition> 是一个内置组件，这意味着它在任意别的组件中都可以被使用，无需注册。它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。进入或离开可以由以下的条件之一触发： 由 v-if 所触发的切换 由 v-show 所触发的切换 由特殊元素 切换的动态组件 改变特殊的 ......
内置组件-TransitionGroup
介绍 <TransitionGroup> 是一个内置组件，用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。 和 <Transition> 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 J ......
drf之路由、认证组件
drf之路由 自动生成路由 drf 由于继承ViewSetMixin类，路由写法变了，原生django+drf，以后的路由写法，可能会有如下情况(三种情况) -path('books/', views.BookView.as_view() -path('books/', views.BookView ......