组件 页面html5 html
vue3 setup访问子组件的 DOM 元素
使用setup的情况下这个时候我们无法使用this，注意在setup中setup是封闭的，不会将子组件事件暴露出来，所以要用defineExpose()，将需要在父组件调用的函数暴露出去，子组件代码如下： ``` 哈哈哈哈 ``` 父组件： ``` import { ref, onMounted } ......
vue--day75--vuex多组件共享数据
1.Person.vue <template> <div> <h1>人员列表</h1> <h1 style="color: red;">Count 组件的求和为{{ sum }}</h1> <input type="text" placeholder="请输入名字" v-model="name">< ......
日志开源组件（六）Adaptive Sampling 自适应采样
# 业务背景 有时候日志的信息比较多，怎么样才可以让系统做到自适应采样呢？ ## 拓展阅读 [日志开源组件（一）java 注解结合 spring aop 实现自动输出日志](https://houbb.github.io/2023/08/06/auto-log-01-overview) [日志开源组 ......
element-ui中table组件的全选禁用遇到的坑？
elementui只提供了除全选之外其他复选框的禁用方法： <el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column> // 禁用table中的复选框 ......
在低代码平台里给页面变量赋值
在低代码平台中，变量扮演着非常重要的角色，它们是数据管理和流程控制的关键工具。就像在传统的编程语言中一样，变量被用来存储、引用和操作数据。在低代码环境中，这些变量有助于简化复杂的逻辑，提高代码的重用性，使非程序员更易于理解和使用。 首先，我们先来解释一下什么是变量。在计算机编程中，变量是一种存储数据 ......
在低代码平台执行 API 请求并将结果显示在页面上
低代码开发平台（Low-Code Development Platform）是一种用于构建应用程序的软件开发环境，它允许开发者通过图形化的方式，而非传统的手动编码方式来创建应用程序。这种方式大大减少了开发应用程序所需的代码量，因此称为 `低代码`。 低代码平台的核心是其拖放式的用户界面，这允许开发者 ......
基于JS实现回到页面顶部的五种写法(从实现到增强)
这篇文章主要介绍了基于JS实现回到页面顶部的五种写法(从实现到增强)的相关资料,本文介绍的非常详细，实用性也非常高，非常具有参考借鉴价值，需要的朋友可以参考下 写法 【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该 ......
20 JavaScript和HTML交互
##### 20 JavaScript和HTML交互 在HTML中可以直接在标签上给出一些事件的触发. 例如, 页面上的一个按钮. ```js ``` 我们能够知道此时在页面中会产生一个按钮. 但是该按钮无论如何进行点击. 都不会触发任何事件. 但, 此时我要告诉你, 人家其实触发了. 只是你没处理 ......
微信 H5 页面兼容性——卸载页面时可靠的发送 HTTP 请求
有时候，当用户离开网页时，需要向服务器提交一些用户行为的统计信息。这时，传统的请求方式，数据可能无法发送，因为浏览器已经把页面卸载了。 为了能够成功发出请求，并让服务器处理，需要解决两个问题： - 监听微信 H5 页面的卸载； - 在页面卸载事件里，在浏览器后台保持 HTTP 连接，继续发送数据。可 ......
Vue【原创】基于【日历组件】的【节假日管理】功能整合
基于日历组件（lilo-canlendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5 ......
使用postMessage实现iframe和父页面通信
## 语法 语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow 其他窗口的一个引用，例如向子窗口发送 则otherWindow 是子窗口的window对象 ## 父页面向子页面Iframe通信 ``` ......
RabbitMQ 管理页面该如何查看有哪些连接
用浏览器访问 http://192.168.1.100:15672 默认 用户名：admin 密码： admin 登陆后显示 在 Connections 页中 查看所有连接 ......
为什么要用模块化、组件化才能完成 Android 项目中类加载功能?
模块化 模块： 最初的目的是将同一类型的代码整合在一起； 所以模块的功能相对复杂，但都同属于一个业务； 不同模块之间也会存在依赖关系； 但大部分都是业务性的互相跳转，从地位上来说它们都是平级的 特点： 分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行； 以页面、功能或其他不同粒度划 ......
Vue【原创】日历组件
最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> ......
如果把k8s比作一个餐厅，应该怎样通俗的解释 k8s的核心组件和运行原理
可以通过以下方式理解Kubernetes的二级选项： Master节点： API Server（API服务器）：API Server就像是餐厅的前台接待员，接收顾客的点餐请求，并将请求传达给相应的餐桌（Pod）。 etcd（键值存储）：etcd就像是餐厅的菜单和订单记录本，它存储着餐厅的菜单信息、订 ......
HTML5实现大文件上传下载
javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up ......
vue3同一页面内重复引用同一操作dom的组件产生的问题
##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......
2023-08-28 关于uview组件u-number-box的一些错误使用示范 ==》尽量不要给change事件传递参数
此处记录我对u-number-box的错误使用： <u-number-box v-model="item.num" @change="onChangeNum(item,index)"></u-number-box> 业务：修改购物车数量，遍历数据data给u-number-box赋值，u-numbe ......
HTML5你必须知道的28个新特性
HTML5有很多的新功能.新代码.非常不错.现在总结一下.仅供参考 1. 新的Doctype 尽管使用<!DOCTYPE html>，即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img ......
组件发布新版本至线上
项目环境 vue 2 1. 在 build 文件夹下新建文件 npm-auth.js 内容如下： const registry = '' // 要发布的线上地址 const alwaysAuth = true function getNpmAuth (username, password) { co ......
使用 Vitest 进行组件测试
原文：[试试使用 Vitest 进行组件测试，确实很香。](https://juejin.cn/post/7129667747134308389 "试试使用 Vitest 进行组件测试，确实很香。") 参考：[Vitest：https://cn.vitest.dev/guide/ui.html](h ......
React加载组件后自动触发某函数，而不需要点击按钮
##问题 在项目中使用了ReactToPrint来实现打印，但是trigger属性中的按钮需要点击才能执行打印。 期望能在组件加载完成时自动执行打印方法。 ## 解决 可在组件加载完成时，通过id获取组件，并执行该组件的click方法。 代码如下： ``` import React, { useRe ......
异步动态引入组件
// vue3 写法 <component :is="componentParam[active] " /> // 引入api import { defineAsyncComponent } from 'vue' const active = ref('b') const componentPara ......
Spring MVC的核心组件
Spring MVC是一个基于Java的Web框架，用于开发Web应用程序。它是Spring Framework的一部分，提供了一种模型-视图-控制器（Model-View-Controller，MVC）的架构模式来组织和管理Web应用程序的开发。 Spring MVC的核心组件包括： 控制器（Co ......
HTML5客户端数据存储
HTML5 使在不影响网站性能的情况下存储大量数据成为可能。之前，这些都是由 cookie 完成的，cookie不适合大量数据的存储，因为会影响速度。 举个例子： var obj = {x:1}; //例1 localStorage.obj = obj;//不能直接存储非字符串类型 alert(lo ......
js 判断如果是移动端就自动跳转到 移动端的页面上去
js 判断如果是移动端就自动跳转到 移动端的页面上去 <script> !(function(){ const userAgent=naviator.userAgent; const android=userAgent.match(/(Android);?[\s\/]+([\d.]+)?/); co ......
django(Ajax、自定义分页器、form组件)
一、Ajax 1 概述 异步提交局部刷新 例子：github注册 动态获取用户名实时的跟后端确认并实时展示到前端（局部刷新） 朝后端发送请求的方式 1.浏览器地址栏直接输入url回车 GET请求 2.a标签href属性 GET请求 3.form表单 GET请求和POST请求 4.ajax GET请求 ......
Django-HTML 中设置图片jquery 属性
img 代码如下 <img id="head-img" src="/static/blog/image/headimg.jpg.jpeg"style="height:100px;width:100px;"> 导入 jquery 在HTML末尾 加入以下代码 <script> // 找到头像的inpu ......
引用组件
传统vue项目开发，引用组件需要导入 - 注册 - 使用三个步骤，如下： <template> <view> <!-- 3.使用组件 --> <uni-rate text="1"></uni-rate> </view> </template> <script> // 1. 导入组件 import u ......