前端html css
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
php css 改变宽度,img标签设置display:block属性时宽度无法设定为100%的解决办法
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。 现象 如下代码，img标签设置了display：block，尺寸宽度无法设定为100% img标签设置display:b ......
CSS让整个网站变成灰色的做法
CSS让整个网站变成灰色的做法 方法一：直接在css样式文件里加上这段代码 html{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} <!–可以是整 ......
图片铺满div元素不变形，超出部分隐藏，保留中心部分css代码
在我们网站更新文章的时候，经常会插入图片，丰富信息。但是我们插入的图片长宽比例并不一定是固定的。我们在调用缩略图的时候，常常会出现图片变形的情况，高和宽不成比例。那么如何让图片不变形，又能铺满div元素呢？我们可以使用css代码中object-fit属性来实现。object-fit属性指定元素的内容 ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
HTML 表单介绍
HTML 表单介绍 当您想要通过网页来收集一些用户的信息（例如用户名、电话、邮箱地址等）时，就需要用到 HTML 表单。表单可以接收用户输入的信息，然后将其发送到后端应用程序，例如 PHP、Java、Python 等，后端应用程序将根据定义好的业务逻辑对表单传递来的数据进行处理。 表单属于 HTML ......
HTML 表格介绍
HTML 表格介绍 HTML 表格由 <table> 标签来定义。 HTML 表格是一种用于展示结构化数据的标记语言元素。 每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义），表格可以包含标题行（<th>）用于定义列的标题。 ：tr 表示表格的一行。 ：t ......
HTML简介
HTML简介 html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。 超文本：音频，视频，图片称为超文本。 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由 ......
HTML5中的视频和音频标签
HTML5中的视频和音频标签是什么？ HTML5中的视频标签是<video>，音频标签是<audio>。这两个标签都是HTML5新增的多媒体标签，用于在网页中嵌入视频和音频。 1、视频标签<video>可以通过以下属性来控制视频的播放： src：指定视频文件的URL。 poster：指定视频封面图的 ......
HTML 块级元素、行内元素、行内块元素详解
块级元素 和行内元素 1、 基本概念 在HTML5之前，HTML元素被分为两类：块级元素(block-level elements)和行内元素(inline-level elements)，或称为内联元素。 不过，因为这是一种表现特征，在HTML5时，在标准流中通过CSS属性display指定。（注 ......
前端jwt解析方法
请求得到jwt生成的token之后得到base64编码的的加密token 可以使用atob进行base64解码,jwt加密分位三部分：头部header，载荷payload,签名signature每个都是用.隔开 所以已知原理我们现在进行解析 if (token) { const payload = ......
html
由于创建高级的布局非常耗时，使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板（您可以使用这些预先构建好的网站布局，并优化它们） <form> 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了提交数据的 HTTP 方法（ "post，get ......
第一篇:前端基础之HTML
HTML文档标准结构： <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定 ......
burp技术主题基本技能之使用HTML编码与前导零进行xss bypass
使用编码对攻击进行模糊处理 https://portswigger.net/web-security/all-topics burp官网所有技术主题 基础技能 URL decoded 服务器端；HTML decoded 客户端 input filters输入过滤器：还需要对输入进行解码，检查输入安全 ......
前端相关网站
## css常见框架 bootstrap https://get.foundation/ https://purecss.io/ https://tailwindcss.com/ https://getuikit.com/ https://andybrewer.github.io/mvp/ ## 前 ......
Java登陆第二十一天——CSS
CSS CSS是一种可以给HTML每个元素添加样式的语言。 不必记住每一个CSS，使用查阅文档即可。菜鸟教程CSS文档 CSS语法 选择器是需要改变样式的HTML元素。 每一条声明由属性和值组成，分号结尾，并由花括号包括。 属性：指的是样式属性，并不是HTML中的标签属性 如何在HTML中使用CSS ......
基于Html+腾讯云播SDK开发的m3u8播放器
周末业余时间在家无事，学习了一下腾讯的云播放sdk，并制作了一个小demo（m3u8播放器），该在线工具是基于腾讯的云播sdk开发的，云播sdk非常牛，可以支持多种播放格式。 预览地址 m3u8player.org 源码地址 https://github.com/geeeeeeeek/m3u8pla ......
（转载-自用）前端面试题
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......
CSS学习
学习CSS 一、概述 CSS（层叠样式表）是一种用于描述HTML（或XML和SVG等其他标记语言）文档样式的样式表语言。它被广泛用于网页和用户界面的设计和布局。通过使用CSS，开发人员可以分离内容和样式，使网页更易于维护，提高用户体验。 二、学习资源 W3Schools、菜鸟教程 三、核心概念 选择 ......
vue3 vite.config.ts 如何增加构建时间，并展示在index.html里面
首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码： plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
Django - 在后台上传文章封面图 - 并在前端页面展示
需要用到 models.ImageField()， 它继承自 models.FileField(), 用ImageField的时候需要安装pillow pip install pillow -i https://pypi.douban.com/simple/ 首先，进行媒体文件配置： setting ......
前端框架中 MVC 和 MVVM 两种设计方式的区别
MVC 和 MVVM 是两种常见的软件架构模式。它们都致力于提供清晰的组织结构和代码分离，让开发者能够更有效率地开发和维护复杂的应用程序。然而，它们在组织代码和处理用户交互上有一些重要的区别。 首先，让我们了解一下 MVC（Model-View-Controller）模式。MVC 是一种设计模式，被 ......
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有 ......
HTML常用表单元素使用?
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。input标签：用来定义输入控件。这个标签非常有用，它可以实现各种各样的表单控件效果。 ......
css vertical-align \ text-align 居中
vertical-align ： 1、只能作用在子元素 display 值为 inline，inline-block，inline-table，table-cell 的元素上， 2、子元素 设置vertical-align 3、父元素高度是由line-height决定（不要乱给父元素添加height ......
HTML中的三个列表，具体的使用及列表样式
定义列表（Definition lists）：用于定义术语或概念，每个列表项由一个术语和对应的定义组成。< dl > < dt > 术语1 < dd > 定义1 < dt > 术语2 < dd > 定义2 < dt > 术语3 < dd > 定义3 ......
HTML中的常用的特殊字符以及所有特殊字符
## HTML常用特殊字符以下是HTML中常用的特殊符号及其编码： | 特殊符号 | 编码 | 描述 || | | || `<` | `&lt;` | 小于号 || `>` | `&gt;` | 大于号 || `&` | `&amp;` | &符号 || ......