自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 MySQL多表查询

多表联合查询(两张表或者两张表以上)多表联合查询有以下几种方法:1.交叉查询CROSS GOIN 笛卡尔积格式:select [字段名] from 表1 cross join 表2 where 条件语句select [字段名] from 表1,表2 where 条件语句# 多表交叉查询使用两种方法 cross join 和 ,2.内连接内连接使用关键字(inner join)连接多张表 on 后面设置连接条件例:select [字段名] from 表1 inner join 表2 on

2021-11-16 14:57:57 876

原创 动态SQL

**什么是动态SQL:**动态SQL就是指根据不同的条件生成不同的SQL语句。动态SQL元素和JSTL或基于类似XML的文本处理器相似。在mybatis之前的版本中,有很多的元素需要花时间的了解。mybatis3大大精简了元素种类,现在只需学习原来一半的元素便可。mybatis采用功能强大的基于OGNL的表达式来淘汰其他大部分元素。ifchoose(when otherwise)trim(where set)foreach搭建环境CREATE TABLE `blog`(`id` VARCH

2022-02-23 11:22:29 460

原创 MyBatis介绍

1.简介1.1什么是MybatisMyBatis是一款优秀的持久层框架。它支持定制化SQL、存储过程及高级映射。MyBatis 避免了几乎所有的JDBC代码和手动设置参数以及获取结果集。MyBatis可以使用简单地XML或注解来配置和映射原生类型、接口和JAVA的POJO(Plain Old Java Objects,普通老式Java对象)为数据库中的记录。MyBatis本是apache的一个开源项目iBatis,2010年这个项目油apache software foundation 迁移到

2021-12-15 14:33:27 613

原创 JavaScript学习笔记(setoff家族)

offset的中文是:偏移、补偿、位移。js有一套方便的获取元素尺寸的办法就是offset家族。offset家族包括:offsetWidthoffsetHeightoffsetLeftoffsetRightoffsetParent下面分别介绍。1.offsetWidth 和 offsetHeight用于检测盒子自身的宽高 + padding + border,不包括margin。如下:offsetWidth = width + padding + border;offsetHei

2021-05-19 11:12:10 297

原创 JavaScript学习(DOM对象)(一)

常见概念JavaScript的组成JavaScript基础分为三个部分:ECMAScript:JavaScript的语法标准,包括变量、表达式。运算符、函数、if语句等。DOM:文档对象模型(Document object Model),操作网页上的元素API。比如让盒子移动,变色,轮播图等。BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。节点节点(Node):构成HTML网页的最基本单元。网页中的每一部分都可以称为是一个节点,比如:html标签、属性、文本、注释

2021-04-15 09:10:09 121

原创 JavaScript学习(包装类)

包装类包装类的结束js中的数据类型包括以下几种类型。基本数据类型:String、Number、Boolean、Null、Undefined引用数据类型:ObjectJS为我们提供了三个包装类:String{}:将基本数据类型字符串,转换为String对象。Number{}:将基本数据类型的数字,转换为Number对象。Boolean{}:将基本数据类型的布尔值,转换为Boolean对象。通过上面这三个包装类,就可以将基本数据类型的数据转换为对象。代码举例:在这里

2021-04-14 12:18:05 77

原创 JavaScript学习(数组常见的方法及数组的遍历)

数组常见的方法数组的四个基本方法(数组元素的添加和删除):方法描述push()向数组的最后面插入一个或者多个元素,返回结果为该数组新的长度pop()删除数组中最后一个元素,返回结果为删除的元素unshift()在数组最前面插入一个或者多个元素,返回值为该数组新的长度shift()删除数组中的第一个元素,返回结果为被删除的元素数组的常见方法如下:方法描述slice()从数组中提取指定的一个或者多个元素,返回结果为新的数组(不会改变

2021-04-11 14:20:55 181 1

原创 JavaScript学习(数组)

数组简介数组(Array)属于内置对象。数组和普通对象的功能类似,也是用来存储一些值的。不同的是:普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引来操作元素,索引:从0开始的整数就是索引。数组的存储对象性能比普通对象要好得多。数组的基本操作数组的元素可以是任意的数据类型,也可以是对象,函数,数组。数组的元素中,如果存放的是数组,称这种数组为二维数组。创建数组对象方式一:字面量定义,举例:var arr = [1,2,3,4,5]console.log(typeof ar

2021-04-10 16:38:52 250 1

原创 JavaScript学习(原型prototype)

原型prototype的概念第一点我们所创建的每一个函数,解析器都会向函数中添加一个原型prototype。这个属性对应着一个对象,这个对象就是我们所谓的原型对象。如果函数作为普通函数调用prototype没有任何作用,当函数以构造函数的形式调用时,它所创建的实例对象中都会有一个隐含的属性,指向该构造函数的原型,我们可以通过proto访问该属性。代码举例: //定义构造函数 function Person(){} var person1 = new Person(); var p

2021-04-07 21:30:04 188

原创 JavaScript学习(类,实例)

类、实例使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类。通过一个构造函数创建的对象,称为该类的实例。语法如下:对象 instanceof 构造函数如果是,则返回true,否则返回false。代码举例:class Cat{ //定义构造函数 constructor(name,color,likename) { this.name = name; this.color = color; }

2021-04-07 19:31:01 248 1

原创 JavaScript学习(创建自定义对象的四种方式)

第一种:对象字面量对象的字面量就是一个{},里面的属性和方法均是键值对。例如:var o = { name:"小王", age:34, sex:"女", sayHi: function(){ console.log(this.name) } } console.log(o);控制台输出:方式二:工厂模式通过该方式可以大批量的创建对象,...

2021-04-06 16:10:49 386

原创 JavaScript学习(作用域)

作用域(Scope)的概念作用域指一个变量的作用范围,在js中,一共有两种作用域。全局作用域。函数作用域。全局作用域直接编写在script标签中的JS代码。全局作用域在页面打开时创建,在页面关闭时销毁。在全局作用域中有一个全局变量Window,它代表的是一个浏览器的窗口,它由浏览器创建我们可以直接使用。在全局作用域中:创建的变量都会作为window对象的属性保存。创建的函数都会作为window的方法保存。全局作用域中的变量都是全局变量,在页面的任意部分都可以访问的到。变量的声

2021-04-03 11:54:11 1859 5

原创 JavaScript学习(返回值)

函数的返回值举例:function sum(a,b){ return a + b;return的作用是结束方法。注意:return后的值将会作为函数的执行结果返回,可以定义一个变量,来接收该结果;在函数中return后的语句都不会执行(函数在执行完return语句之后停止并立即退出);如果return语句不跟任何值,就相当于返回一个undefined;返回值可以是任意的数据类型,可以是对象,可以是函数。函数名、函数体和函数加载问题我们要记住:函数名 == 整个函数,举例:

2021-04-02 19:58:51 1685 7

原创 JavaScript学习(函数的声明与参数)

函数的介绍函数:就是将一些功能或语句进行封装,在需要的时候,通过调用的方式,执行这些语句。函数也是一个对象。使用typeof检查一个函数对象时,会返回function。函数的作用:将大量重复的语句写在函数里,以后需要这些东西的时候,可以直接调用函数,避免重复劳动。简化编程,让编程模块化。例子:function addN(N){ var sum = 0; for(var i=0;i<=n;i++){ sum = sum + i; } do

2021-04-02 16:50:17 1902 5

原创 JavaScript学习(变量)

变量的概念变量:变量是可以用来定义自变量,而且变量的值可以任意改变变量的定义和赋值在js中使用var来声明一个变量。在变量中举例如下:var a = 100;//赋值式声明var b;//单纯的声明var $abc;var _abc;var 1vg;//不允许数字开头var .abc;//不允许$ 或 _之外的符号开头如图所示上图中var为关键字a为变量名注:关键字与变量名之间必须用空格var是英语“vraiant变量的缩写,后面需要加一个空格,空格后面的东西就是”变量名“

2021-03-29 09:31:57 2799 11

原创 JavaScript学习

JavaScript语法规则JavaScript对换行、空格、缩进不敏感,每一条语句以分号结尾,也就是说:代码一:<script type="text/javascript"> alert('学习JavaScript'); alert('今天不学习,明天变垃圾');</script>等价于代码二:<script type="text/javascript"> alert('学习JavaScript');alert('今天不学习,明天变垃

2021-03-24 11:24:14 294 3

原创 JavaScript使用(一)

JavaScript介绍JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。JavaScript与Java没有任何关系。JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作

2021-03-24 09:43:25 1847 3

原创 解决在myeclipse不能保存文件的问题

在使用myeclipse8.5的过程中在jsp文件中写入了一些文字,当宝保存的时候显示:Save could not be completed.Reason:Some chaaracters cannot be mapped using "ISO-8859-1" charactere encoding.Either change the encoding or remove the characters which are not.supported by the "ISO-8859-1" cha

2021-03-10 09:13:33 1097 2

原创 HTML学习笔记(三)

弹性布局1.弹性布局简介弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。学习弹性布局之前一定要了解的两个概念:① 容器: 需要添加弹性布局的父元素;② 项目: 弹性布局容器中的每一个子元素,称为项目;需要了解两个基本方向:① 主轴: 在弹性布局中,我们会通过属性规定水平/垂直方向为主轴;② 交叉轴: 与主轴垂直的另一方向,称为交叉轴。2.弹性布局如何去

2021-03-09 15:01:57 108

原创 字体图标的三种引用方法(三)

Symbol 引用font-class 引用介绍这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:支持多色图标了,不再受单色限制。通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。兼容性较差,支持 IE9+,及现代浏览器。浏览器渲染 SVG 的性能一般,还不如 png。symbol 引用步骤symbol引用第一步:新建基本HTML项目,将下载的j

2021-01-28 11:55:44 692

原创 字体图标的三种引用方法(二)

Font class引用字体图标的引用准备工作:首先搜索iconfont(字体图标矢量库)在其中找到自己需要用到的图标添加到购物车,然后添加到项目中,点击下载至本地并解压缩。font-class 引用介绍font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。与 Unicode 使用方式相比,具有如下特点:兼容性良好,支持 IE8+,及所有现代浏览器。相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么

2021-01-26 12:43:04 3529 2

原创 字体图标的三种引用方法(一)

字体图标的三种引用方法什么是字体图标?字体图标顾名思义就是字体以图标的显示,图标字体主要应用于web前端开发。字体图标的引用准备工作:首先搜索iconfont(字体图标矢量库)在其中找到自己需要用到的图标添加到购物车,然后添加到项目中,点击下载至本地并解压缩引用方法:Unicode 引用Unicode 是字体在网页端最原始的应用方式,特点是:兼容性最好,支持 IE6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。只能使用平台里单色的图

2021-01-26 12:20:37 1684 1

原创 解决Google浏览器中Flash插件禁用问题

解决Google浏览器中Flash插件禁用问题flash插件是美国Macromedia公司(已被Adobe公司收购)所设计的一种二维动画软件 [1] 。通常包括Macromedia Flash,用于设计和编辑Flash文档,以及Adobe Flash Player,用于播放Flash文档。而Google浏览器如何解决flash插件禁用呢?首先找到Google浏览器的设置打开并在设置搜索框中搜索flash然后打开网站设置找到Flash打开并设置为先询问或者将自认为安全的网站添加进去Ok啦,谢谢支

2020-12-13 20:11:33 3603

原创 html学习笔记(二)

学习笔记(二)滤镜一般用CSS filter属性来实现滤镜效果1.使用范围:主要是应用在图片上,实现一些特效。2.常用属性(默认值是:none)(1) grayscale(设置灰度,1和默认是百分之百,0是百分之零)(在body里面插入一张图片然后给图片设置滤镜效果)代码如下(示例):.img{ width: 400px; height: 400px; -webkit-filter: grayscale(1); }网页效果(2).sepia褐色(使用这

2020-11-26 17:57:01 498 1

空空如也

空空如也

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

TA关注的人

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