前端

element 在表格中使用表单校验

先上个图 image.png 上图说明 看起来是表格包含了很多个表单,其实是表单包含了表格; 表头是通过插槽自定义的,也可以直接使用表格的 label 属性; 外层是一个大表格,里面是一个小表格,然后小表格的每一列是根据大表格的主表列里的选项不同,数据不同自动循环出来的,有的是必填,有的是非必填,截图上都是必填; 小表格可以进行动态添加数据,小表格跟大表格是两个表单,并且分开校验;

CSS中的BFC,是什么?

CSS中的BFC详解 点击打开视频讲解 一、常见定位方案 普通流 默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。 浮动 先按普通流位置出现,然后根据浮动方向偏移。 绝对定位 元素具体位置由绝对定位坐标组成。 二、什么是BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的

前端vue:路由的基本使用

1. 路由 概念: Hash 地址与组件之间的对应关系 工作方式: 当用户点击页面上的路由链接 导致了 URL 地址栏中的 Hash 值发生了变化 前端路由就会监听到 Hash 地址的变化 前端路由把当前 Hash 地址对应的组件渲染都浏览器中 2. vue-router` vue-router 是 vue.js 官方给出的路由解决方案 2.1 vue-router 的基本用法 安装 vue-r

vue 函数化组件

Vue.js提供了一个functional的布尔值选项,设置为true可以使组件无状态和无实例,也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染,因为函数化组件只是一个函数,渲染开销要小很多。 使用函数化组件时,Render函数提供了第二个参数context来提供临时上下文。组件需要的data、props、slots、children、parent都是通过这个上

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div>

Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目

根据登录用户的角色,生成路由后addRoute、生成菜单栏基本思路:     1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中;     2. 接着携带拿到的token请求后端 userInfo 接口,获得用户基本信息及角色role;     3. 前端维护路由表,除了不需要权限限定的页面外其余每个路由添加met

前端流式输出实现详解:从原理到实践

前端流式输出实现详解:从原理到实践 前言 一、流式输出核心原理 1.1 什么是流式输出? 1.2 技术优势对比 1.3 关键技术支撑 二、原生JavaScript实现方案 2.1 使用Fetch API流式处理 关键点解析: 2.2 处理SSE(Server-Sent Events&#xff09

前端实用网站

前端查询网站 npm官网: MDN官网: w3c在线教程: w3菜鸟教程: JavaScript明星项目:https:

Spring Boot Banner

本文源码仓库地址:Gitee 一、前言在日常开发中,我们经常会看到各种各样的启动画面。例如以下几种: Spring Boot项目启动 MyBatis-Plus启动 RuoYi项目启动 这些好看的启动画面叫什么?又是如何制作的呢?请往下看。 二、SpringBoot Banner (一)概述

Windows 搭建 Gitea

一、准备工作1. 安装 Git:Gitea 依赖 Git 进行代码管理,所以首先需要确保系统中安装了 Git。下载地址: 安装数据库(可选)默认情况下,Gitea 使用 SQLite 作为内置的轻量级数据库,但如果需要&#xff0c