HTML

什么是前端框架？答：在了解框架之前，大家至少要知道前端中的这三个部分：HTML，CSS，JavaScript。. HTML：负责结构，网页想要表达的内容由HTML书写. HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的基石。. HTML是一种基础技术，常与CSS、JavaScript一

Thymeleaf 是什么？答：Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。 它与 JSP，Velocity，FreeMaker 等模板引擎类似，也可以轻易地与 Spring MVC 等 Web 框架集成。 与其它模板引擎相比，Thymeleaf 最大的特点是，即使不启动 Web 应用，也可以直接在

什么是 Thymeleaf？答：Thymeleaf是用于Web和独立环境的现代服务器端Java模板引擎。 Thymeleaf的主要目标是将优雅的自然模板带到您的开发工作流程中—HTML能够在浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。 Thymeleaf能够处理HTML，XML，JavaScript，CSS甚

Thymeleaf 是什么？答：Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。 它与 JSP，Velocity，FreeMaker 等模板引擎类似，也可以轻易地与 Spring MVC 等 Web 框架集成。 与其它模板引擎相比，Thymeleaf 最大的特点是，即使不启动 Web 应用，也可以直接在

Thymeleaf 如何在页面中直接显示内容？答：Thymeleaf 在页面中直接显示内容 一般情况下 Thymeleaf 模板要输出变量需要在某个标签中（如 <div>、<span> ）写 th:text 等属性来实现。 但有时我们希望想不写在标签中，直接输出变量的值，比如在 <title> 标签中直

如何在 Thymeleaf 模板中输出变量？答：一般情况下 Thymeleaf 模板要输出变量需要在某个标签中（如 <div>、<span> ）写 th:text 等属性来实现。 但有时我们希望想不写在标签中，直接输出变量的值，比如在 <title> 标签中直接显示变量 msg 的值，而不需要包含在 &

<!DOCTYPE>， 一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。<!DOCTYPE> 标签的解释<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器此页面使用了哪种 HT

刚才看某个大佬的博客，发现了一个很意思的东西，就是利用html和css代码来画一个冰墩墩和雪容融，下面放出代码，喜欢的小伙伴可以去测试了。html+css 实现冰墩墩效果html代码：<section class="bdd"><section class="m_body">&

js可以将图片文件转成base64编码的，便于图片文件的上传与处理，下面就写几种关于js脚本来转换图片为base64编码的方法。js将图片转换为base64编码的方法方法1将自身网站的图片转成base64编码格式，但需要注意的是，是不能处理远程图片的，会产生一个跨域的问题。//转换图片为base64函数function getBase64

下面记录一个利用纯CSS样式代码实现一个爱心形状的动态加载条，用到了CSS中的动画效果与伪元素样式，有一定的参考价值。感兴趣的小伙伴，不妨测试一下。纯CSS实现心形加载动画效果1、动画效果2、示例代码<style>#he{display: flex;justify-content: center;align-items: ce

写了一个带有表单的html页面，发现原生的 input 文件上传输入框样式太丑了，就琢磨着自己写个美化的样式，下面就是 html input 文件上传样的美化方法，单纯的只用CSS实现，很简单的。CSS 美化input上传按钮样式的方法美化实现逻辑：1、用 div 元素写一个美化的上传按钮2、将 input 上传按钮的透明度设置为 0 ，

JS脚本判断数组中是否有某个指定的值，有多种方法，下面简单的介绍一下。JS判断数组中是否含有某个值1、JavaScript indexOf() 方法array.indexOf：判断数组中是否有某个值，如果有则返回元素的下标，如果没有则返回 -1示例代码：var arr = ['mochu','feiniaomy.c

前端web上传文件时，需要在上传之前判断一下文件的类型以及文件的大小，HTML为前端的标记语言是无法做到这一点，只能使用javascript 动态脚本代码来实现。js获取上传文件大小的方法示例代码：<!--表单数据--><form name="form1" id="form1"&g

FormData是XMLHttpRequest Level 2提供的一个接口对象，用以将数据编译成键值对，以便于XMLHttpRequest来发送数据。它可以用来模拟来添加，删除或判断表单数据，还可以用于文件的上传操作。FormData 使用方法1、FormData 用来处理一个html表单数据例：<!--表单数据--><

下面列几种利用jquery插件实现创建form表单，并自动提交数据的方法，一般在隐藏的数据提交并跳转页面时使用，非常的方法实用。jquery动生成form表单并提交的方法方法1：先来个稍微复杂点的，很多元素都是动态的写入form表中的，然后再将form表单写入到dom文档流中，进行提交的！示例代码：//创建form表单var form =

html元素中checkbox与radio元素的样式在每个浏览器中显示的效果是不同的，为了统一它们在各个品牌浏览器中的显示样式，我们可以对它们做个简单的美化。html checkbox 元素美化实例：使用纯CSS代码就可以实现 checkbox 元素的美化，只需要隐藏掉 checkbox 选择元素，并使用css中的相邻兄弟选择器，来控制他

写几个利用纯CSS实现loading加载效果的示例，代码非常的简单，有需要的可以参考一下。CSS实现Loading加载的效果例1：loading 直线加载实例代码：<style>.load{width:120px;height:20px;background:linear-gradient(#000 0 0) 0/0% no-

web页面中使用一些CSS动画效果，可以使用网站看着更加的炫酷。下面这篇博文由飞鸟慕鱼说一个关于网页导航栏实现下划线跟随滑动效果的方法，此方法全部由CSS代码实现，非常的简单方便。CSS导航栏下划线跟随滑动效果示例图：实现代码：下面示例代码，复制保存到本为为html格式的文件，即可查看！<style>.items {displ

在写前端时，有一个小功能就是要限制一下 input 输入框输入内容的长度，下面就提供一种简单的方法。input maxlength 属性input 的 maxlength 属性可以限制 input 输入内容的长度，其用法也非常的简单。语法：<input maxlength="number">参数：numbe

前端的html元素中，如果文字内容超出的其父元素的范围，该如何操作呢，下面就给出了一种CSS设置文本内容超出隐藏并显示三个点(省略号)的方法。CSS设置单行文本超出隐藏并显示三个点的方法示例代码：<style>#mo{width: 450px;border:1px solid #ccc;padding: 5px;/*下面设置文

写前端的一个input输入框的样式时，需要修改一下 input placeholder属性值字体的颜色，网上查了一下非常的简单，但也要记录一下，方便以后查看。CSS 设置修改 placeholder 的样式的方法使用下面的CSS选择器，就可以对指定的输入框 placeholder 属性进行设置！选择器代码：input::-webkit-i