组件 页面html5 html
SSR 场景下可以对静态组件和动态组件
什么是 CSR、SSR、SSG、ISR - 渲染模式详解 本文以 React、Vue 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。 挂载组件到 DOM 节点 这是主流框架最基本的能力，就 ......
HTML入门
<html> <head> <title> HTML入门</title> </head> <body> <h1>hello html</h1> <img src = "1.jpg"> </body> </html> #标签不区分大小写 #标签属性可以用单引号或者双引号 #HTML编写没有非常严格 < ......
vscode运行html文件，显示"windows找不到'chrome'文件"
运行html文件时，弹窗报错。大部分原因是因为chrome浏览器位置不对。这时，我们只要在vscode中修改chrome路径就可以 解决： 1、首先我们右击chrome浏览器找到属性，并且复制目标路径 2、打开vscode，在设置中找到Live server，打开setting.json文件，添加上 ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能，要实现一个树状的文件夹面板。里面包含两种元素，文件夹以及文件。交互要求如下： 创建、删除，重命名文件夹和文件 可以拖拽，拖拽文件到文件夹中，或着拖拽文 ......
OpenHarmony自定义组件介绍
一、创建自定义组件 在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或 ......
基于elementPlus的ElRow仿写ElSpace组件
先来代码 <script lang="ts"> import { Fragment, Comment, defineComponent, h, isVNode, renderSlot, PropType } from 'vue'; import { ElRow, ElCol } from 'elem ......
前端显示数据库中的换行文本：HTML和CSS解决方案
在项目中经常会出现要显示数据库中的大段文本内容，如说明或备注等信息，当其中存储有换行符的时候，前端通常会忽略这个换行，直接在一行显示，那么怎么解决呢？ 解决方案一：使用HTML <br> 标签 HTML的<br>标签是一种简单而直观的方法，它可以将文本中的换行符正确地呈现在浏览器中。 示例代码： < ......
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......
OPPO主题组件开发 - 调试与预览
本篇作为 OPPO主题组件调试与预览 文档的补充，因为它真的很简单而且太老，一些命令已发生变化😪 1. 调试前准备 1. PC 端下载 adb命令工具 下载 https://adbdownload.com/，或从其他地方下载也可 解压，放在你想放的文件夹下 配置环境变量 右键 我的电脑/此电脑 选 ......
python 使用selenium 获取js渲染后的页面信息
一、介绍 二、代码 三、问题 一、介绍 现在的网站以及页面，一般都是js动态渲染，抓到的信息就与实际不符，所以需要加载js的工具，这里使用的就是selenium Selenium 是一个用于自动化测试的工具，可以模拟浏览器的行为来执行各种操作。在爬虫中，我们可以使用 Selenium 对网页进行模拟 ......
React Hooks中父组件中调用子组件方法
import {useState, useImperativeHandle,forwardRef} from 'react'; // props子组件中需要接受ref let ChildComp = (props,ref) => { // 此处注意useImperativeHandle方法的的第一个 ......
PySide2如何使加载耗时组件
QTherad方式 #!/usr/bin/env python # -*- coding:utf-8 -*- # @Time：2023/9/25 10:12 # @Software：PyCharm __author__ = "JentZhang" from PySide2.QtWidgets imp ......
Spring组件注入三种方式的使用和区别
Spring框架提供了多种注入bean的方式,其中最常用的有@Autowired、@Resource和@RequiredArgsConstructor三种。这篇文章我们来讲解它们的具体使用和区别。 @Autowired @Autowired是Spring自带的注解,放在属性字段或者setter方法上 ......
2023 年前端 UI 组件库概述，百花齐放！
UI组件库提供了各种常见的 UI 元素，比如按钮、输入框、菜单等，只需要调用相应的组件并按照需求进行配置，就能够快速构建出一个功能完善的 UI。 虽然市面上有许多不同的UI组件库可供选择，但在2023年底也并没有出现一两个明确的解决方案能够适用于所有情况。因为不同的前端框架（例如React、Angu ......
TienChin-课程管理-添加课程页面
course.js 将 activity 替换成 course。 index.vue 这个 index.vue 是 course 文件夹下面的 index.vue 别弄错了。 <template> <div class="app-container"> <el-form :model="queryP ......
Hoppscotch看本地localhost无html显示的解决方法
在下载postman之前我看到了send左边的提示 于是看到了参考官方文档 我选了个操作最简单的 下载Chrome插件 设置里面enable插件 可以显示了 ......
html小案例
横向滚动条 点击查看代码  省略号的设置——一行文本溢出影藏 点击查看代码 
前面整理了一个JS实现回到顶部的功能，但没有给出具体的界面样式，这次从网上找几个好看的参考，自己动手也实现一下： 效果图如下： 代码如下： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>css arrow< ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(四)---连接idea使用echarts可视化界面
说来惭愧，我的javaweb烂得一批，其他步骤我还是很顺利地，这个最简单的，我遇到了一系列问题。只能说，有时候失败也是一种成功吧 这一步其实就是正常的jdbc，没什么可说明的，但是关于使用echarts我还是遇到了一些困难，如果有高手能指正一二，感激不尽 echarts获取前端数据要使用Ajax，我 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(三)---hive数据利用sqoop导出到mysql数据库里
1、安装sqoop 我的版本 jdk1.8 hadoop3.1.3 sqoop1.4.6 基本上就安装这个版本都没问题，如果是执行连接数据库命令时报错：java.lang.NoClassDefFoundError;报错，在lib下再放一个commons-lang-2.6.jar即可， sqoop安装 ......
Hive的使用以及如何利用echarts实现可视化在前端页面展示(二)---hive部分的实现
1、利用远程连接器上传csv文件 2、进入hive创建表结构： 创建一个Hive表的SQL语句：这个表名为 "sales"，包含了五个列：day_id、sale_nbr、buy_nbr、cnt 和 round。此表的数据格式为逗号分隔的文本文件，每一行都用逗号分隔字段。 create table s ......
管理系统加载页面的实现
1、页面回顾 2、功能设置 将进度条重命名为MyProgress： 在工具箱中找到一个计时器Timer，拖动到加载页面中，然后双击计时器： 进入到编码界面； if判断语句： 之后更改%的Name值： 为了将数字变化表现在加载界面上： 所以加上这么一句话： 之后，在加载界面双击背景，进入到界面的编码界 ......
uniapp，微信小程序确认收货组件的使用
直接上代码 //拉起确认收货组件 if (wx.openBusinessView) { wx.openBusinessView({ businessType: 'weappOrderConfirm', extraData: { // merchant_id: '1230000109',//用户交易商 ......
BootstrapBlazor组件库，NET8.0使用教程
BootstrapBlazor组件库，NET8.0使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Boots ......
01-React-父子组件通讯-函数式组件
在了解父子组件通讯这个知识点的时候，首先要说明清楚一点内容就是什么是父组件什么是子组件，在上一篇 React-组件开篇 当中我们在 App.js 类组件当中使用到了其它的一些组件，那么 App 就是父组件，被 App 所使用的就是子组件，了解了什么是父子组件之后，介绍要来介绍一下它们之间该如何进行通 ......