组件 页面html5 html
JavaWeb - Day01 - HTML、CSS
课程特色 传统路线 全新路线 目录 HTML快速入门 VS Code开发工具 基础标签&样式 表格、表单标签 01.web开发介绍 什么是web? web：全球广域网，也称万维网（www World Wide Wed）,能够通过浏览器访问的网站。 web网站的开发模式 02.web开发课程安排 初始 ......
页面滚动点击返回至顶部，js怎么实现
当页面要滚回顶部时，使用scrollTop属性，设置值为0即可 当页面具有 DOCTYPE，或者说指定了 DOCTYPE 时，使用document.documentElement.scrollTop。 当页面不具有 DOCTYPE，或者说没有指定了 DOCTYPE 时，使用document.body ......
前端组件wolfTable的style格式文档
此文档记录的是wolf-table的style格式文档, 如果你找的是x-data-spreadsheet, 那么请查阅这个文档https://www.cnblogs.com/WilsonZhu/p/17858411.html wolf-table 的格式输入只有一个方式, 通过调用addStyle ......
vue 弹窗组件
vue 弹窗 <el-dialog> </el-dialog> 可以在其中编写所需的弹窗显示的内容 也可以在其中放组件标签作为弹窗 放一个组件的话，例： <el-dialog v-model="addGoodsDialog" :title="addGoodsTitle" width="60%" de ......
cc-product-waterfall仿天猫、淘宝购物车店铺商品列表组件
cc-product-waterfall仿天猫、淘宝购物车店铺商品列表组件 引言 在电商应用中，购物车体验的优化对于提升用户满意度和转化率至关重要。在本文中，我们将深入探讨如何使用cc-product-waterfall组件，结合uni-number-box和xg-widget，来构建一个仿天猫、 ......
仿京东淘宝商品列表筛选组件：实现一个高效的侧边栏弹框筛选功能
仿京东淘宝商品列表筛选组件：实现一个高效的侧边栏弹框筛选功能 一、引言 随着电子商务的快速发展，用户体验成为了竞争的关键因素。在众多的电商网站中，如京东和淘宝，商品列表筛选功能为用户提供了便捷的途径来找到心仪的商品。本文将详细介绍如何使用cc-widget、uni-icons和xg-list组件来仿 ......
一篇随笔学习React18组件通信与插槽
了解什么是jsx -> https://www.cnblogs.com/senior-shef/p/17872695.html 一、了解props 1、什么是props React支持两种组件，DOM组件和React组件。DOM组件指的是所有的HTML和SVG标签。比如说，如果我们想要使用标签，在R ......
自定义精美商品分类列表组件 侧边栏商品分类组件 category组件(适配vue3）
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对 ......
12.adb命令启动页面
包和 Activity（活动页）的概念 package 包：是 Android 应用的唯一标志 Activity 活动页： Android 应用页面，一个页面就是一个 Activity 获取当前的页面名 1、打开手机 app 应用的某个页面 2、打开命令行工具 执行命令：adb shell "dum ......
streamlit 展示自定义 html 以及 css
目前探索出来的有效方法： style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......
防御式CSS—设置组件间距
我们开发人员需要考虑不同的内容长度。这意味着，应该向组件添加间距，即使它看起来不需要。 在这个例子中，我们在右侧有一个章节标题和一个操作按钮。目前，它看起来不错。但是让我们看看当标题更长时会发生什么。 注意到文本离操作按钮太近了吗？你可能会想到多行包装，但我会在另一节谈到这一点。现在，让我们把注意力 ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
HTML5 Video视频组件支持的视频编码格式
一、HTML5 Video 视频格式与浏览器的支持情况 当前， <video> 元素支持三种视频格式： MP4, WebM, 和 Ogg: 浏览器MP4WebMOgg Internet Explorer YES NO NO Chrome YES YES YES Firefox YES YES YES ......
回到页面顶部（回到顶部、过渡动画）
项目背景： vue 1.创建 backtop.vue 的回到顶部逻辑的组件 <template> <transition name="back-up-fade"> <div class="back-top" :style="{ bottom: bottom + 'px', right: right ......
Web 应用中显示页面字体使用的 font-based icons 技术讲解
在前端Web应用开发中，采用字体图标（font-based icons）的方法是一种常见的技术，它允许开发者使用字体文件来呈现图标，而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标，同时减少了HTTP请求和提高性能。 Font-based icon ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
使用Angular创建组件，并发布到npm上
1.组件准备工作 1.先新建一个组件库项目 ng new angular-npm-demo 2.新建一个存放组件库的目录 ng g library demo --prefix=demo; 3.进入 projects/demo/src/lib目录下新建一个组件，我的组件名叫做list-page ng ......
3种跳转页面方法的区别以及可能遇到的问题
1.window.open() 方法： window.open() 方法会在浏览器中打开一个新窗口或标签页，并加载指定的 URL。可能遇到的问题：由于浏览器的安全限制，该方法只能在用户交互事件的处理程序中使用（例如点击按钮），不能在页面的 onload 事件中使用。同时，一些浏览器可能会屏蔽弹出窗口 ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
1、自定义上传组件实现动态指定action
1、增加 ynamicAction：String 2、修改 const uploadImgUrl = ref(props.dynamicAction || import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传的图片服务器地址 <el ......
突发：鸿蒙之祖华为在 Inula 官网声称可“避免重复运行组件”但“组件渲染次数”是写死的
突发：鸿蒙之祖华为在 Inula 官网声称可“避免重复运行组件”但“组件渲染次数”是写死的 消息来源 看到群里这个消息，我的想法是：群里怎么炸锅了？华为之前的鸿蒙被指疑似安卓二开不说，现在出个 openInula 好像是什么欧拉又被人挖出幺蛾子？哦有 la 后缀但好像又不像欧拉。 到底怎么回事？我也 ......
记录--组件阅后即焚？挂载即卸载！看完你就理解了
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 上家公司有个需求是批量导出学生的二维码，我一想这简单啊，不就是先批量获取学生数据，然后根据QRcode生成二维码，然后在用html2canvas导出成图片嘛。 由于公司工具库有现成的生成压缩包方法，我只需要获得对应的图片blob就可 ......
计算器登录页面的设计与实现
【实验内容】 1.设计一个包含登录界面的计算器软件，该软件可以实现第一次作业中的全部功能，同时可以保存用户的历史计算记录（保存数据最好使用数据库）。 【实验环境及开发工具】 1.使用visors绘制流程图。 2.使用eclipse编写软件。 【流程图设计】 （1）软件总体流程图 （2）登录界面流程图 ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......