网页前端
Aseveng
这个作者很懒,什么都没留下…
展开
-
thymeleaf th:href 动态url
使用 <a th:href="@{/product/show(skuid=${product.id})}" target="_blank">产品</a>可以得到 <a th:href="/product/show?skuid=12" target="_blank">产品</a>若有多个参数 在()里用 , 分开即可 如(skuid=${prod...转载 2020-03-19 11:54:40 · 1794 阅读 · 0 评论 -
bootstrap-select 设置下拉框显示个数,超出则显示滚动条
<select class="form-control selectpicker" data-size="5">默认显示5个原创 2020-03-10 15:28:10 · 7013 阅读 · 3 评论 -
HTTP网络请求状态码
一些常见HTTP状态码为:200 – 服务器成功返回网页404 – 请求的网页不存在503 – 服务不可用常见HTTP状态码大全1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明http状态码 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。http状态码 101 (切换协议) 请求者已要求服务器切换协议,服务器已转载 2017-11-02 19:56:51 · 710 阅读 · 0 评论 -
HTML
HTML:超文本标记语言 超文本:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。标记:html 是由标签定义的语言 html是由标签所组成的严谨性差 不区分大小写在html 中 用来表示标签 如果要表示大于 小于号时 用<;>;这是网页标题这是演示的文字这是一级标题 ca32原创 2017-10-30 18:03:37 · 227 阅读 · 0 评论 -
HTML 其他的常见标签 和标签的分类
Insert title here class Demo{ public static void main(String[]args){ System.out.println("hello word") } } 嗨 原来我会飞 这是演示其他常见的标签 X2 X2 dddd eeee Inse原创 2017-10-31 15:17:39 · 438 阅读 · 0 评论 -
JS 语法演示
Insert title here/* * 通常高级程序设计语言所包含的语法 内容 1、关键字 :该种语言中被赋予特殊含义的单词 2、标识符 :用于标识数据表达式的符号 通常可以理解为在程序中自定义的名称 比如变量名 函数名 3、注释 :注解说明解释程序 4、变量 :用于标识内存中的一片 用于存储数据 该空间中的数据是可以变化的 什么时候使用变量原创 2017-11-15 13:42:52 · 295 阅读 · 0 评论 -
javascript 正则
原创 2017-11-29 22:40:58 · 202 阅读 · 0 评论 -
JavaScript 全局变量和局部变量
var pub ="全局变量"; function sayHello(){ alert(pub); } function sayHello(){ var p ="局部变量"; alert(p); }原创 2017-11-15 16:43:33 · 206 阅读 · 0 评论 -
JS 对象
//自定义对象function Person(){}var p=new Person();p.name="张三";p.age="20";alert(p.name+","+p.age);//自定义对象 function Person(name,age){ this.name=name; this.age=age; } var p=new Pe原创 2017-11-15 18:02:51 · 248 阅读 · 0 评论 -
Truthy
在JavaScript中,Truthy(真值)指的是在Boolean上下文中转换后的值为真的值。所有值都是真值,除非它们被定义为 falsy (即, 除了false,0,“”,null,undefined和NaN 外)。JavaScript 在Boolean上下文中使用强制类型转换(coercion)。JavaScript中的真值示例如下(将被转换为true类型,if 后的代码段将被执行)...原创 2018-11-13 10:38:05 · 408 阅读 · 0 评论 -
Vue 语法v-show和 v-if
使用了v-if的时候,如果值为false,那么页面将不会有这个html标签生成。v-show则是不管值为true还是false,html元素都会存在,只是CSS中的displv-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相...原创 2018-11-13 14:08:56 · 282 阅读 · 0 评论 -
常用css属性整理
position: 属性规定元素的定位类型 http://www.w3school.com.cn/cssref/pr_class_position.aspbox-sizing: 属性允许您以特定的方式定义匹配某个区域的特定元素。例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距...原创 2018-12-08 22:48:56 · 298 阅读 · 0 评论 -
CSS 盒子模型
无标题文档div{ border:#306 solid 1px; height:200px; width:300px;}body{ margin:0px;}#div_1{ background-color:#0C0; padding: 20px 100px 200px 300px;/*上 右 下 左 内边距*/ }#div_2{ background-color:原创 2017-11-02 14:27:02 · 212 阅读 · 0 评论 -
CSS 关联选择器和组合选择器
关联选择器和组合选择器span b{/* 关联选择器--选择器中的选择器 b | span b */ background-color:#009; color:#3C0;}/*组合选择器*/.haha,.hehe,div{/*对多种选择器进行相同样式的定义*/ background-color:#000; color:#FFF;} 这是一个div区域1原创 2017-11-02 14:23:58 · 982 阅读 · 0 评论 -
CSS样式的结合应用
无标题文档ul{ list-style-type:none; list-style-image:none;}table{ border-bottom:#060 double 3px; border-left:#F30 solid 3px; border-right:#699 dashed 3px; border-top:#F66 groove 3px;}table td{原创 2017-11-02 14:23:13 · 213 阅读 · 0 评论 -
HTML 列表标签
Insert title here new Web Project Page<!-- 演示列表标签。列表标签:dl 上层项目:dt下层项目:dd:封装的内容是会被缩进的(带自动缩进功能) --> 上层项目内容 下层项目内容 下层项目内容 <!-- 有序和无序的项目列表 有序: 无序: 无论有序和无序,条目的封装都是 都有缩进效果--> 无原创 2017-10-31 14:37:40 · 1071 阅读 · 0 评论 -
HTML 表格标签
Insert title here 表格标题 张三 年龄 39 表格标题 张三 年龄 39 表格标题 姓名:张三 年龄:39原创 2017-10-31 15:05:57 · 226 阅读 · 0 评论 -
HTML 超链接标签
Insert title here<!-- 超链接 作用:连接资源 当有了href属性才有了点击效果 href属性的值不同 解析的方式也不一样 如果在该值中没有指定过任何协议 解析时 是按照默认的协议来解析该值的 默认协议是file协议 (当成文件来解析) --> 百度 pic 联系我们 fczlm fczlm 这时一个超链接原创 2017-10-31 15:06:45 · 569 阅读 · 0 评论 -
HTML 框架
frame<!--定义框架 使用标签frameset -->原创 2017-10-31 15:07:26 · 269 阅读 · 0 评论 -
html 画中画
Insert title here 这时画中画标签 如果你看到该文字 则你的浏览器不支持该标签原创 2017-10-31 15:08:05 · 2264 阅读 · 0 评论 -
HTML 表单组件
Insert title here <!-- 如果要给服务端提交数据 表单中的组件必须有name和value属性 用于给服务端获取数据 -->输入名称: 输入密码: 选择性别: 男 女 选择技术: Java html CSS 选择文件: 一个图片: 隐藏组件: 一个按钮: --选择国家- 美原创 2017-10-31 15:08:49 · 1016 阅读 · 0 评论 -
HTML 表单的格式化 post 和get的区别
Insert title here 注册表单 用户名称 输入密码 确认密码 选择性别 男 女 选择技术 java html css 选择国家原创 2017-10-31 15:10:00 · 567 阅读 · 0 评论 -
JavaScript概述
JavaScript 是基于对象和事件驱动的脚本语言,主要应用于客户端特点:1 交互性(信息的动态交互)2 安全性( 不允许访问本地硬盘)3跨平台行(只要是可以解释Js的浏览器都可以执行 和平台无关) 与Java区别1公司不同2 JS是基于对象 Java是面向对象3 JS只需要解释就可以执行 Java需要先编译成字节码文件 再执行4 js是弱类型 jav原创 2017-11-01 19:42:11 · 200 阅读 · 0 评论 -
CSS简介
CSS 层叠样式表(Cascding Style Sheets ) 用来定义网页的显示效果 将网页内容和显示样式进行了分离 提高了显示功能原创 2017-11-01 12:24:35 · 323 阅读 · 0 评论 -
CSS
选择器div{ background-color:#03C; color:#6F6;} *.haha{ background-color:#039; color:#000;}/*预定义样式 可以实现动态加载*/.hehe{ background-color:#C0F; color:#096;}div#qq{/* 通常id的取值在页面中是唯一的 因为该属性除了给cs原创 2017-11-02 14:18:00 · 190 阅读 · 0 评论 -
CSS 伪元素选择器
无标题文档/*在html中预先定义好一些选择器 称为称为伪元素伪元素超链接的状态*//* 未访问*/a:link{ background-color:#060; color:#033; text-decoration:none; font-size:18px; }p:first-letter{ font-size:36px; color:#F00}/*原创 2017-11-02 14:19:23 · 476 阅读 · 0 评论 -
HTML图像标签
Insert title here<!-- 演示图片标签 img.-->原创 2017-10-31 15:04:46 · 549 阅读 · 0 评论