自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Summer_JX的博客

Summer_JX的博客

  • 博客(25)
  • 收藏
  • 关注

原创 tab 键导航顺序

带有指定的 tab 键导航顺序的链接:**<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><a href="http://www.google.com/" tabindex="1">Google</a><a href=&

2018-06-20 16:29:03 622

原创 java参数接收传递

import java.util.Optional; Optional t ; 判断是否为空:t.isPresent(); — true 不为空 false 为空;返回的时候也可以使用:Optional.of(T);构建 返回

2018-06-05 19:01:00 676

原创 spring boot: Whitelabel Error Page的解决方案

目录结构错误: 参考: com +- example +- myproject +- Application.java | +- domain | +- Customer.java | +- CustomerRepository.java | ...

2018-04-12 18:58:56 854

转载 idea 设置支持es6语法

设置两处:第一处 : 第二处:这样就可以了。

2018-02-25 09:44:56 8235

原创 Vue 开发环境搭建步骤

1.安装node.js2.利用淘宝npm镜像安装相关依赖 npm install -g cnpm --registry=https://registry.npm.taobao.org3. 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架   在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装...            2)

2018-02-02 17:24:33 2442

转载 IntelliJ IDEA2017.3 激活

使用http://idea.lanyus.com/这个网站提供的工具进行1、进入hosts文件中:C:\Windows\System32\drivers\etc\hosts2、将“0.0.0.0 account.jetbrains.com”添加到hosts文件中注意:添加只有重新打开hosts文件进行确认之后在进行下一步操作。修改成功后如图所

2018-02-02 17:13:34 761

原创 不同设备的分辨率设置

2、自由缩放属性:    resize : 允许通过拖动方式来修改元素的尺寸,改变元素的大小。resize: none | both | horizontal | vertical | inherit-webkit-resize: both; -moz-resize: both; -o-resize: both; -ms-resize: both; resize: bo

2018-01-13 17:42:36 526

原创 Css3布局

1、多列布局:columns: || 列宽和栏数要显示2栏显示,每栏宽度为200px,代码为:columns: 200px 2;2、column-width : 列宽3、column-count:分栏4、column-gap:用来设置列与列之间的间距。column-gap: normal || column-gap: 2em; //列间距设为2em5、column-rul

2018-01-13 16:32:52 349

原创 CSS3动画

1、keyframes介绍      keyframers被称为关键帧,@keyframes开头,后面紧跟动画名称加上一对花括号“{ ... }”,括号中就是一些不同时间段样式规则。@keyframes changecolor{ 0%{ background: red; } 100%{ background: green; }}在@keyframes中定义动

2018-01-13 15:10:54 321

原创 css3变形

1、旋转 rotate() 通过指定的角度参数使元素相对远点进行旋转,主要在二维空间内进行旋转,设置一个角度用来指定旋转的幅度。为正值,顺时针旋转,为负值,相对中心原点逆时针旋转。 -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); transform:rotate(20deg);2、扭曲 skew() 能

2018-01-13 10:40:03 865

原创 CSS3选择器

1、属性选择器E[attr^="val"] : 选择匹配元素E,且E元素定义了属性attr,其属性值以val开头的任何字符串。E[attr$="val"]   :  选择匹配元素E,且E元素定义了属性attr,其属性值以val结尾的任何字符串。E[attr*="val"]   :   选择匹配元素E,且E元素定义了属性attr,其属性值任意位置包含了val。2、结构性伪类选择器--

2018-01-10 15:36:20 218

原创 CSS3 背景样式

1、background-origin:background-origin: border-box | padding-box | content-box参数分别表示:背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示注意:如果背景图片不是no-repeat,这个属性无效,会从边框开始显示。2、background-clip: 用来将背景图片做适当的剪裁以适应实际需要。bac

2018-01-10 10:30:18 1721

原创 css3文字与字体

1. text-overflow:clip | ellipsis 剪切 | 省略说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还需定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。text-overflow:ellipisis;overflow:hidden;white-space:nowrap;2

2018-01-10 10:28:12 601

原创 css颜色

1. 颜色:RGBAcolor:rgba(R,G,B,A); A为透明度参数。背景半透明:background-color:rgba(255,255,255,0.5);2. 渐变色彩linear-gradient([设置方向],[设置开始颜色],[设置多种过度颜色],[设置结束颜色]);参数:第一个参数:指定渐变方向。可以用角度或关键词英文来表示.第一个

2018-01-09 14:15:04 273

原创 css3边框效果

1. css3 边框圆角效果 :border-radius:20px; /*所有角都是用半径为20px的圆角*/border-radius:5px 6px 4px 7px; /*四个半径值分别是左上角、右上角、左下角、右下角 ;顺时针方向*//*实心上半圆*/.div_1{ height:50px; width:100px; background:#9d

2018-01-09 11:12:50 1401

原创 json对象后台接收接收取值

json数据:{ "code": "0", "data": { "channels": [ { "channelId": 0, "onLine": "1" }, { "channelI

2017-08-26 09:21:00 5977

原创 拦截器,避免重复提交

一、如何分离字符串使用StringTokenizer:String flower = "水仙 玫瑰 百合";         StringTokenizer tokenizer = new StringTokenizer(flower);         while(tokenizer.hasMoreTokens()){             System

2016-12-29 18:01:17 629

原创 struts学习(一)

1:配置struts.xml文件的路径,如:将文件放在conf文件夹下面,conf/struts.xml,在web.xml中配置    配置方法:                          struts2            org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter

2016-12-29 16:10:37 341

原创 java数据类型及java的跨平台

1.java的数据类型有两种分类:基本数据类型和引用数据类型;区别:基本数据类型:存放的是真实的数据;           引用数据类型:存放的是内存地址编号,例如指针;基本数据类型分类:    byte,short,int,long,float,double,char,boolean;byte:一个字节;short:2个字节int:4个字节long:8个字节

2016-12-13 21:53:59 508

原创 jQuery基本

1.JQuery框架侧重于JavaScript本身,主要功能:  1)使用JavaScript查找需要的HTML元素;  2)处理JavaScript事件;  3)使用JavaScript开发新的组件;(如菜单、对话框、选项卡、日历等)  4)使用JavaScript实现页面动画;  5)使JavaScript可以兼容主流浏览器;

2016-11-29 21:12:14 408

原创 transform属性总结

transform的含义是:改变,使…变形;转换transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。浏览器的支持:Internet Explorer 10、Firefox、Opera 支持 transform 属性。Internet Explorer 9 支持替代的 -ms-transform 属性(

2016-11-23 22:16:47 963

原创 css3动画与动效--按钮元素动画效果

css3动画与动效1.按钮元素动画效果 例:鼠标移到链接上从白色慢慢过渡到黑色-----运用transition:all .5s;当超链接元素中任何属性发生变化,都以动画形式呈现,动画的时间为0.5s;this is a link样式:a{ color:#fff; text-decoration:none; font-family:

2016-11-21 19:34:31 4267 1

原创 css3常用属性

一、文本和字体1.给字体设置颜色:color:#f00;2.给字体加粗:font-weight   font-weight:normal;  /*比如标题标签hn默认是自动加粗的,可以用该属性去除标题加粗*/   font-weight:bold; /*给字体加粗*/3.设置字体大小:  font-size:3.5em;或者16px;(px是以像素为大小单位;除px

2016-11-20 16:26:27 706

原创 Hero Unit图标题文混排

Hero Unit图标题文混排1.几乎在每一个商业网站中都有一块焦点区域,专门用于宣传主要产品,或是展示公司标语,这一区域称为Hero Unit(主角单元);2.制作类似Hero Unit的网页;代码:      Lioness of Gir  Monkeys swing merrily from tree to tree. Deer, wild

2016-11-19 16:59:43 846

原创 图文混排与题图文字布局

一、图文混排与题图文字布局1.图文混排一张图片和一段文本段落:img标签在前,p标签在后,两者都是块级元素,它们是彼此分开的两个部分;实现图文混排:align="right">align属性:定义了图像与文本的相互排列方式,将其设置为right时,使得图片右对齐,与文字混排;但是align属性在html5中已经不推荐使用,最好的方式是用css实现图文混排;去除img的ali

2016-11-18 08:28:42 5344

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除