前端 全局css色彩
Iris框架配置前端静态文件目录
在较新版本的Iris框架中，iris.Application结构体已经不再具有StaticWeb方法。取而代之的是iris.Party结构体，您可以使用其HandleDir方法来处理静态文件。 以下是一个使用HTML文件的示例，使用iris.Party来处理静态文件： package main im ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容，避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
antd 修改组件样式除了在全局修改还有其他方法
修改input 框的 border-radius 第一步 安装less yarn add less less-loader --save-dev 第二步 在需要修改的文件下新建antdStyle.less 配置 antdStyle.less 在文件引入@import '~antd/dist/antd ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动： http-server ......
前端领域驱动设计的一些思考
小结：1 因为前端框架其实本质上是高策略层级的，每个前端框架的一般都是来解决以下问题： 定义状态 （data、state） 状态变化检测 （Object.defineProperty、Proxy、React reconcilliation） 对状态更改做出反应 （Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......
前端ast
什么是抽象语法树 抽象语法树 Abstract Syntax Tree 简称AST，是源代码语法结构的一种抽象表示。 比如 const a = 123; ，用ast可以表示为 ast json表示为 { "type": "Program", "start": 0, "end": 14, "body" ......
CSS选择器之基础选择器和复合选择器
本博文介绍CSS中的基础选择器和复合选择器。基础选择器包括标签选择器、类选择器、id选择器和通配符选择器，复合选择器包括后代选择器、子选择器、并集选择器和伪类选择器。 ......
opendrive1.4 .xodr文件解析 及全局路径规划
一、工具 1.制作Opendrive1.4工具：？？？？？ 2.显示 .xodr地图的工具：http://opendrive.bimant.com/ https://odrviewer.io/ 源码地址：https://github.com/grepthat/libOpenDRIVE 3.解析 pa ......
直播平台源码，将全局的ArrayList 生成局部的ArrayList
直播平台源码，将全局的ArrayList 生成局部的ArrayList private List<String> list = new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) { super. ......
css列数自适应的grid布局
近期做项目，遇到了一点样式上的问题，理论上通过直接改 / 嵌套一层来解决比较容易，但实际上，数据结构没我想象中的简单具体例子如下： demo 期望效果： 实际效果：（flex布局） 实际效果配合伪类（.main::after { width: 100px;content: '' } ） 当前效果产生 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（2）
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理（1）》中大致介绍了一些关于对Admin.NET框架的前端的改造工作，主要目的就是希望能够增加代码的简洁和可读性，以及利用代码生成工具来快速生成相关的代码，从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下，对其中一些模块功能进行一... ......
css 元素根据其他判断条件才展示，展示时要有动画，这里用的transition
需求： textarea 输入框 的展示与否是根据，单选选中的是Yes 还是None. Yes时展示出来。 问题：一开始写的时候，我是这样写的，元素一开始不存在，只有选中Yes才存在。这样是加不了动画的 {dietaryTextVisible && <TextArea name={'dietaryR ......
[CSS]鼠标放到按钮上微微发光的效果
自用，可通过 :hover 和 opacity 实现。 .ico cursor pointer opacity .8.ico:hover opacity 1 ......
前端设计模式——享元模式
享元模式（Flyweight Pattern）：是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能，通过共享具有相同状态的对象来实现这一目标。 具体来说，享元模式涉及两个主要的对象：享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象，以确保每个对象只被创建一次。享元对 ......
前端性能优化的七大手段
前言 性能优化是我们前端的必备知识，可以说是每个人必须会的知识了，不仅平时会用到，连面试都会问到。那如何优化前端的性能呢？总共有七大手段 七大手段包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并，有如 ......
Web前端入门html
1、初识HTML 1. HTML是什么 2. 列表、表格与媒体元素 3. 表单 1.1、什么是HTML？ Hyper Text Markup Language（超文本标记语言） 超文本包括：文字，图片，音频，视频，动画，超链接等 1.2、发展史 1.3、HTML5的优势 · 世界知名浏览器厂商对HT ......
前端性能优化的方法
前端性能优化主要有七种方法，包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网 ......
前端学习_基础认知
网页组成： 文字、图片、音频、视频、超链接 代码转换为网页的软件：浏览器 渲染引擎 渲染引擎：浏览器中专门对代码进行解析渲染的部分。（是浏览器的内核） 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
前端计算机网络
http常见状态码： 200 OK：非常常见，资源请求成功。 201 Created：资源创建成功 多见post请求 不常见。 301 永久重定向 ： http->https 如B站 掘金 换域名 。 302 临时重定向 ：请求后返回Location头部指示了新的URL，客户端会根据Location ......
变量声明，命名规则，匿名变量，全局变量，局部变量
前言： 变量声明，命名规则，匿名变量，全局变量，局部变量 正文： 说明：局部变量声明后，必须使用。如果没有使用，编辑器会报错误，无法编译。 全局变量可以定义后，不使用，不会报错。 命名规则： 1、数字，字母，下划线，组成 2、以字母下划线开头，不能以数字开头 3、不能以关键字和保留字做变量名 4、变 ......
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱，就不愁花钱。钱花了就没了来源了，就会慌张。 开源节流。努力开源很重要。努力提 ......
jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端
import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
CSS3-页面布局基础二——Box Model、边距折叠、内联与块标签
一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子模型和标 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（1）
Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台，模块插件式开发，框架包含了常规的权限管理、字典等管理模块，以及一些Vue3的Demo案例，框架前后端分离。后端基于基于Furion/.NET 6实现，底层集成SqlSugar；前端则是采用Vue-Next-Admin的前端框... ......
微前端框架single-spa子应用加载解析
本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。 ......
css设置超过固定长度以省略号显示
1.设置一行内超过规定长度以省略号显示 代码: .box1 { background-color: orange; /*设置规定长度*/ width: 100px; /*内容会被修剪，并且其余内容是不可见的*/ overflow: hidden; /*显示省略符号来代表被修剪的文本。*/ text- ......