自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 解决java项目中前端传数据到后台时中文数据出现乱码的问题

最近一直在学习java,小白一个,这是在做项目是遇到的一个问题;实现一个根据会议室名称查询会议室的功能,输入名称时没有问题,但是一点查询就被编译成乱码了,百度了好久,一直没有解决;首先,这是百度的最多的解决方法,但是我用了之后并没有用,然后无意中看到一个博客试了一下,成功的解决了我的问题。我的问题是这样的:点击查询之后就是这样的:解决办法:1、tomcat的安装路径下找到 conf —> server.xml 文件,然后大概是65行 加上URIEncoding="UTF-8"即可。

2020-07-03 19:03:44 2083 2

原创 Less的简单使用(六)——CSS Guards以及@import规则和Maps的用法

Less的简单使用(六)——CSS Guards以及@import规则和Maps的用法Guard用于匹配表达式上的简单值或参数个数。它应用于css选择器,是用于声明mixin然后立即调用它的语法糖。要成功的引出if类型语句:将此功能与功能&结合使用,可以将多个guards分组一、css guards的正常用法.less文件中的代码:// Guards直接应用于css样式@val:...

2020-06-01 13:13:59 736

原创 Less的简单使用(五)——Detached Rulesets的用法

Less的简单使用(五)——Detached Rulesets的用法Detached Rulesets包含一个普通的规则集,例如属性、嵌套规则集、变量声明、媒体声明、mixins等。它存储在一个变量中,并包含在其他结构中,其中规则集的所有属性都将被复制到该结构。可以用作mixin参数,将其作为变量进行传递一、Detached Rulesets的正常用法.less文件中的代码://Detac...

2020-06-01 13:13:42 547

原创 Less的简单使用(四)——Mixins的用法

Less的简单使用(四)——Mixins的用法Mixins类似于编程语言中的函数。Mixins是一组css属性,可以将一个类的属性用于另一个类,并且包含类名作为其属性。在less中,可以使用类选择器或者id选择器以与css样式相同的方式声明mixin.mixin可以存储多个值,并且可以在必要的时候在代码中重复使用一、在mixin中使用类选择器和id选择器.less文件中的代码:.a, #b...

2020-06-01 13:13:23 6755

原创 Less的简单使用——在VSCode中配置less环境

Less的简单使用——在VSCode中配置less环境一、在扩展包中搜索easy less二、重启VSCode三、进入 文件—>首选项—>设置,搜索less.compile,点击 在settings.json中编辑四、进入 settings.json 文件,在该文件中加入如下代码,可以根据自己习惯设置 "less.compile": { "compres...

2020-06-01 13:13:06 4183

原创 Less的简单使用(三)——extend的用法

Less的简单使用(三)——Extend的用法Extend是一个Less伪类,通过:extend在一个选择器中扩展其他选择器样式,从而与匹配其引用的选择器合并。一、Extend的简单使用.less文件中的代码:// Extendnav ul { &:extend(.line); background-color: lightgray;}.line { ...

2020-06-01 13:12:48 2441

原创 Less的简单使用(二)——Parent Selectors和Merge

Less的简单使用(二)——Parent Selectors和MergeParent Selector使用&运算符来引用父选择器。嵌套规则的父选择器由&运算符表示,并在将修改类或伪类应用于现有选择器时使用。一、Parent Selector正常用法.less文件中的代码:a { color: lightblue; &:hover { ...

2020-06-01 13:12:30 532

原创 Less的简单使用(一)——变量的用法

Less的简单使用(一)——变量的用法Less是css的扩展,Less不仅与CSS向后兼容,而且它添加的其他功能都使用现有的CSS语法。变量一、变量正常用法(variables)在一个位置控制常用值.less文件中/**/ Variables@link-color: #428bca; // sea blue@link-color-hover: darken(@lin...

2020-06-01 13:12:09 30348 2

原创 BOM

1、BOM概述1.1 什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分DO...

2020-06-01 13:11:13 144

原创 js事件高级

事件高级1、注册事件(绑定事件)(特殊:attachEvent(type,callback))1、1概述:给元素添加事件,称为注册事件或者绑定事件。有两种方式:传统方式和方法监听注册方式传统注册方式:利用on开头的事件onclick(特点:注册事件的唯一性,同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数)<button onclick="ale...

2020-06-01 13:10:07 266

原创 pc端网页特效

1、元素偏移量offset系列1.1 offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置;获得自身的大小(宽高)注意:返回的数值都不带单位offset系列常用属性:offset系列属性作用element.offsetParent返回作为该元素带有定位的父...

2020-06-01 13:09:22 380

原创 移动端特效

1、触屏事件1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。比如触屏事件touch (也称触摸事件), Android和IOS都有。1.2 触摸事件对象(TouchEvent)TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等)的状态变化的事件。这类事件用于描述一个或多个触点,使开发者...

2020-06-01 13:08:36 398

原创 jQuery

1、jQuery概述1.1 JavaScript库仓库:可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找就可以了。JavaScript库: 即liabrary,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解:就是一个JS文件,里面对我们原生...

2020-06-01 13:07:51 217

原创 jQuery事件

1、jQuery事件注册单个事件注册语法:element.事件(function() {})$("div").click(function() { 事件处理程序 })其他和原生基本一致;比如:mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等。2、jQuery事件处理2.1 事件处理on()绑定事件...

2020-06-01 13:07:15 133

原创 本地存储

1、本地存储随着互联网的快速发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。本地存储特性1、数据存储在用户浏览器中;2、设置、读取方便、甚至页面刷新不丢失数据;3、容量较大,sessionStorage约5M、localStorage约20M;4、只能存储字符串,可以将对象JSON.str...

2020-06-01 13:06:38 165

原创 jQuery方法

1、jQuery对象拷贝如果想要把某个对象拷贝(合并)给另外一个对象使用,此时可以使用$.extend()方法。语法:$.extend([deep], target, object1, [objectN]);deep: 如果设为true为深拷贝,默认为false 浅拷贝target:要拷贝的目标对象object1: 待拷贝到的第一个对象的对象objectN:待拷贝到第N个对象的对...

2020-06-01 13:05:24 115

原创 移动端WEB开发之flex布局

1、flex布局体验1.1 传统布局与flex布局传统布局flex弹性布局兼容性好操作方便,布局极为简单,移动端应用很广泛布局繁琐PC端浏览器支持情况较差局限性IE11或更低版本,不支持或仅部分支持建议:1、如果是PC端页面布局,还是使用传统布局2、如果是移动端或者不考虑兼容性问题的PC端页面布局,还是使用flex弹性布局2、flex布局原理...

2020-06-01 13:03:59 401

原创 移动WEB开发之rem适配布局

1、rem基础rem单位rem(root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px;非根元素设置width:2rem;则换成px表示就是24px;2、媒体查询2.1 媒体查询媒体查询(Media Query)是CSS3新语法。使用@media查询,可以针对不...

2020-06-01 13:02:06 147

空空如也

空空如也

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

TA关注的人

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