前端html css

HTML5中实现文件上传下载的三种解决方案(推荐)

​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 ......

CSS3 的新特性

1. CSS3 新增选择器 CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1.1 属性选择器 属性选择品可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。 选择符 简介 E[att] 选择具有 att 属性的E 元素。 E[att="val"] 选择具有 ......
特性 CSS3 CSS

【CSS】div宽度由内部文字宽度决定

默认 div 的宽度会占满全屏 或由父级决定 使用 width:fit-content; 可以解决 前后对比 前: 后: ......
宽度 文字 CSS div

基于django前端页面动态菜单

1、settings中定义基于中间件变量的字典 UNICOM_MENU = { 'leader': [ {'text': '用户管理', 'url': '/xx/xx/'}, {'text': '订单管理', 'url': '/xx/xx/'}, {'text': '工单管理', 'url': '/ ......
前端 菜单 页面 动态 django

Qt+QtWebApp开发笔记(三):http服务器动态html连接跳转基础交互

前言 网页很多时候是动态的,于是本篇文章目标实现一个简答的动态页面—页静态页面互相跳转,点击可以跳转到子页面。 Demo 下载地址 链接:https://pan.baidu.com/s/1bbhcu1XTiaJRYGRQRG5a0g?pwd=1234 HTML基本页面交换 上一篇的“Hello Wo ......
QtWebApp 服务器 基础 笔记 动态

css如何让img图片居中?css的display属性实现图片居中(代码实例)

我用的第一个。 在我们开发前端页面的时候,为了让页面效果美观,会让图片呈现居中效果。那么css怎么让img图片居中显示呢?本篇文章给大家带来css如何让img图片居中?css的display属性实现图片居中(代码实例),让大家可以了解并掌握css的display属性设置img图片居中的两种方法。有一 ......
图片 css 实例 属性 display

后端返回验证码图片怎么在前端页面展示

1.验证码从后端返回给前端 通常是blod格式 如果直接用 src 引用 没办法显示 log出来的结果是这样 可以看见取到了图片 但是显示不出来 如何把blod格式转化为src格式 1.调接口时 请求里面加入responseType: 'arraybuffer',这一步很重要 一定要加 2. 写入w ......
前端 页面 图片

HTML5

1. HTML5的新特性 HTML5的新增特性主要是针对以前的不足,添加了一些新标签、新的表单和新的表单属性等。 1.1 HTML5新增的语义化标签 <header>:头部标签。 <nav>:导航标签。 <article>:内容标签。 <section>:定义文档某个区域。 <aside>:侧边栏标 ......
HTML5 HTML

HTML中的attribute 和 property

在 HTML 中,属性(Attribute)和属性(Property)是用于描述 HTML 元素的相关特性的术语。 属性(Attribute)是指在 HTML 标签中声明的附加信息。它们以键值对的形式出现,用于提供元素的初始状态或配置选项。属性的名称是不区分大小写的,并且值可以是字符串或布尔值。 例 ......
attribute property HTML

HTML中常用字符实体

字符实体:在 HTML 中显示小于号 (<) 一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。 字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及 ......
用字 实体 HTML

css里的position的static|relative|absolute|fixed的区别

前提:仅以div块为例,其它不清楚 * 默认position:static,div是块类型元素,不管它有多宽,都会直接占一行 ![](https://img2023.cnblogs.com/blog/3161121/202305/3161121-20230524072059613-156992323 ......
absolute position relative static fixed

Clang前端使用LLVM Pass示例

Clang前端使用LLVM Pass示例 https://mp.weixin.qq.com/s/e3e4a7ei61O99-JUWjDbnA Objective-C在函数hook的方案比较多,但通常只实现了函数切片,也就是对函数的调用前或调用后进行hook,这里介绍一种利用llvm pass进行静态 ......
前端 示例 Clang LLVM Pass

css学习-margin 外边距 和 display

margin 元素的外边距 All the margin properties can have the following values: auto - the browser calculates the margin 浏览器会水平居中,将左右边距除以2 length - specifies a ......
display margin css

HTML(二)

表格 表格的主要作用 1.表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理 2.表格不是用来布局页面的,而是用来展示数据的。 3.表格的具体用法: ​ <table> ......
HTML

支持复制粘贴word公式的百度HTML编辑器

​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi ......
编辑器 公式 word HTML

全局处理long类型精度丢失返回前端问题,fastjson

@Bean public Jackson2ObjectMapperBuilderCustomizer jackson2ObjectMapperBuilderCustomizer() { Map<Class<?>, JsonSerializer<?>> map = new HashMap<>(); m ......
前端 全局 精度 fastjson 类型

html转义代码,v-html 显示原始html字符串

methods: htmlEscape(str) { let s = ""; if (str.length == 0) return ""; s = str.replace(/&/g, "&amp;"); s = s.replace(/</g, "&lt;"); s = s.replace(/>/g ......
html 转义 字符串 字符 代码

python基础学习-CSS选择器解析HTML

参考地址:Python-Core-50-Courses/第33课:用Python解析HTML页面.md at master · jackfrued/Python-Core-50-Courses (github.com) 对于熟悉 CSS 选择器和 JavaScript 的开发者来说,通过 CSS 选 ......
基础 python HTML CSS

python基础学习-XPath解析html

参考地址:Python-Core-50-Courses/第33课:用Python解析HTML页面.md at master · jackfrued/Python-Core-50-Courses (github.com) XPath 是在 XML(eXtensible Markup Language) ......
基础 python XPath html

[css]总结-如何实现水平垂直都居中对齐?

最后一种方法最简单 #### 普通盒子-居中对齐: 方式一 >思路:外面的容器盒子 outer 让他只有一行. 里面元素改为非块元素. 因为vertical-align对块元素无效. 然后用vertical-align:middle;垂直居中 代码实现 ```html 你好啊 ``` #### 普通 ......
水平 css

com.fasterxml.jackson工具类通过注解过滤给前端返回json,没有value则移除对应的key

引入 <dependency> <groupId>com.liferay</groupId> <artifactId>com.fasterxml.jackson.annotations</artifactId> <version>2.10.3.LIFERAY-PATCHED-1</version> ......
注解 前端 fasterxml jackson 工具

css 中伪类 :not()

### demo ``` test demo 这是一个没有 bg 或 line 的 cu-tag 这是一个带有 bg- 的 cu-tag 这是一个带有 bg-开头 的 cu-tag 这是一个带有 line- 的 cu-tag ``` ![](https://img2023.cnblogs.com/b ......
css not

如何使用 Blazor 框架在前端浏览器中导入和导出 Excel

前言 Blazor 是一个相对较新的框架,用于构建具有 .NET 强大功能的交互式客户端 Web UI。一个常见的用例是将现有的 Excel 文件导入 Blazor 应用程序,将电子表格数据呈现给用户,并且能够允许进行任何更改,最后将该数据导出回 Excel 文件或将其保存到数据库。 以下是在 Bl ......
前端 框架 浏览器 Blazor Excel

css 中class以某某某开头的选择器

``` .cu-tag[class*="line-"] { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } ``` * 解析 ``` 这是一个 CSS 样式代码,它选择任何包含有 `class` 属性且包含 "line ......
开头 class css

css 中 +

* 在CSS中,加号(+)是一个相邻兄弟选择器,用于选择指定元素后面满足条件的第一个相邻兄弟元素。 ### demo ``` test demo 这是第一段落 这是第二段落 这是第三段落 这是第四段落 ``` ![](https://img2023.cnblogs.com/blog/1202393/ ......
css

前端框架中加入外部config可配置文件,根据不同的运行、编译环境,加载不同的配置文件

需求:我们的乾坤vue框架,需要集成给第三方,menu由他们处理(包括菜单权限),我们只负责提供一个去除menu和头部的main即可; 这里需要可配置,不能把我们的menu弄丢了。 实现方式: 1、在src同级目录新建 public/plugins/config.js 因为是基于webpack打包, ......
文件 前端 框架 环境 config

前端课程介绍

## 前端课程介绍 前端基础: ```python HTML 内容 CSS 外观 JavaScript 动作 ``` ![](https://img2023.cnblogs.com/blog/3186882/202305/3186882-20230523075506179-1152921122.pn ......
前端 课程

webpack-安装html-webpack-plugin

# 安装html-webpack-plugin 运行如下的命令,即可在项目中安装此插件: npm install html-webpack-plugin -D # 配置html-webpack-plugin ```js // 导入html插件,得到一个构造函数 const HtmlPlugin = ......
webpack html-webpack-plugin plugin html

response返回文件给前端

@GetMapping("/getPdf2") public void getPdf2(HttpServletResponse response) throws IOException { File file = new File("D://aasd.pdf"); FileInputStream f ......
前端 response 文件

前端学习 node 快速入门 系列 —— 事件循环

## 事件循环 本篇将对以下问题进行讨论: - 浏览器有事件循环,node 也有事件循环,两者有什么异同? - node 核心特性(事件驱动和非阻塞 I/O )和事件循环有什么关系? - node 中的高并发和高性能和事件循环有关系吗? - node 不适合什么场景? - 有人说 Node 是单线程 ......
前端 事件 node