![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
奔跑的钰神
这个作者很懒,什么都没留下…
展开
-
layui 调整select的大小
在layui中,我们写的select在渲染之后,会被隐藏。取而代之显示的是一个类名为“.layui-form-select” 的div层,如图这是常见的错误写法 <select name="batchId" class="layui-form-select" style="450px"></select>因此直接设置 select 的宽度是没有作用的,所以应该设置select的父级 ‘.layui-input-inline’ 的宽度即可。<div class="l原创 2020-06-03 20:00:07 · 7759 阅读 · 1 评论 -
thymeleaf 一些小知识点都是干货
thymeleaf作为前端开发的一个模板引擎,我们在学习的过程中需要注意些小知识点以避免一些不必要的麻烦。1.当后台数据为一个对象时,我们需要获得这个对象的各个value值,显示我们的前端数据 <div th:object="${user}"> <p>Name: <span th:text="*{firstName}">Sebastian</...原创 2020-03-09 19:16:22 · 199 阅读 · 0 评论 -
json 数据的前端后台简单交互
一、前期准备前端:adjx传递数据,使用jQuery。后台:引入json jar包。(避免引用类型使用带来的字符串拼接问题)二、前端发送请求 var data = { "username":"admin", "password":"123456" }; $...原创 2020-02-18 10:29:30 · 196 阅读 · 0 评论 -
前端重拾(简单标签(一))
一些最简单的html标签(浏览器解析代码换行问题)今天重新从最基础的前端代码学了一遍,感受颇深,很多细节的东西都没有注意到。哪怕是最简单的p标签也有了新的认识,对于以后的css布局有了很大的帮助。标题标签(h1~h6):作为标题标签,字体自动加粗,占据网页的整行并且自动换行,上下具有边框,也就是字体的高度为10px,那么它在网页中就可能是10+2+2px。div标签:作为最重要的分块标...原创 2019-07-17 16:21:25 · 99 阅读 · 0 评论 -
前端学习css命名及位置
1.整理的css命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登陆条:loginbar标志:logo广告:banner页面主题:main热点:hot新闻:news下载:download子导航:subna...原创 2019-05-29 20:32:53 · 122 阅读 · 0 评论 -
css入门(一)级联样式单和选择器
一、级联样式单1.引入外部样式文件<link type = "text/css" rel = "stylesheet" href = "css样式文件的URL">其中type和rel指定了CSS样式单不可修改,而其中的href属性指向了CSS样式单文件的地址,此处的地址既可以是相对地址,也可以是互联网上的绝对地址2、使用内部CSS样式 <style ty...原创 2019-08-02 23:08:00 · 257 阅读 · 0 评论 -
前端标签(二)
一、HTML5的基本结构<!DOCTYPE html><html lang="en"><head> <title></title> <meta http-equiv="Content-Type" content = "text/html"; charset = "utf-8"> <s...原创 2019-07-31 23:18:42 · 68 阅读 · 0 评论 -
前端标签(三)
一、列表相关元素 <ul>:定义无序列表。该元素只能包含<li.../>子元素。 <ol>:定义有序列表。该元素只能包含<li.../>子元素。 该元素还可以指定如下两个重要属性: start:指定列表项的起始数字。 type:指定使用哪种类型的编号(在HTML 5规范中已不推荐使用) <l...原创 2019-07-31 23:44:32 · 123 阅读 · 0 评论 -
Html结合简单js 实现拖放
我们 html5 新增的标签属性其中 a标签 和img 标签都是可以被拖动的,也就是我们鼠标可以拖动,但是并不能动。下面我通过js实现了拖动以及将div属性也升级为了可拖动属性<!DOCTYPE html><html lang="en"><head> <title>class 练习</title> &...原创 2019-07-31 23:57:36 · 137 阅读 · 0 评论