自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 类似%E4%B8%AD%E5%9B%BD这种字符转换问题

服务器端:String encodeStr = URLEncoder.encode(“中国”, “utf-8”);System.out.println(“处理后:” + encodeStr);//处理后:%E4%B8%AD%E5%9B%BD客户端:String decodeStr = URLDecoder.decode(encodeStr, “utf-8”);System.out.println(“解码:” + decodeStr);//解码:中国...

2021-11-23 11:47:13 4062

原创 maven创建项目

一、maven创建java项目二、maven创建web项目

2021-11-23 11:47:02 164

原创 maven打包java项目为可执行jar文件,资源文件放在外面

一、maven打包配置文件和jar包放在外面参考文档1.1 用eclipse的Maven打包后在target目录1.2 POM文件的build依赖 <build> <sourceDirectory>src/main/java</sourceDirectory> <resources> <!-- 控制资源文件的拷贝 --> <resource>

2021-11-23 11:46:53 984

原创 maven打包,内存溢出

windows 执行 mvn install 出现 java.lang.OutOfMemoryError: Java heap space 配置环境变量:MAVEN_OPTS = -Xms512m -Xmx1024m 然后在 path中加入%MAVEN_OPTS% 重新打包解决! IDEA 打包出现 Java heap space 找到 FIile - Settings - Build,Execution,Deployment - Build Tools -Maven..

2021-10-25 09:56:23 340

原创 浏览器端URL路径

一、浏览器中HTTP请求路径问题1.1 在网页中发送HTTP请求的方式 1) 通过地址栏发送GET请求 2) 通过a标签发送GET请求 3) 通过form表单发送GET请求、POST请求 4) 通过Ajax发送GET请求、POST请求 1.2 绝对URL路径和相对URL路径 在浏览器中通过网页发送HTTP请求,浏览器会根据...

2021-10-13 19:35:52 1026

原创 五、jQuery总结

一、了解jQuery 1、是什么? 1) 一个封装的JS库 2) 简化DOM操作 2、为什么要用 1) 隐式遍历迭代 可以一次操作多个DOM元素 2) 读写合一 读数据/写数据用的都是一个API 3) 链式调用 可以通过.不断的调用jQuery的方法 原理:jQuery内部的方法返回this。this指的是jQuery实例对象 4) 强大的选择器

2021-09-30 10:51:05 190

原创 四、jQuery插件(二) - jQueryUi插件、laydate插件

一、jQuery插件库 1) jQuery插件是基于jQuery编写的扩展库。 2) 官方推荐的jQuery插件库 https://plugins.jquery.com/tag/ui/ 3) 常用的jQuery插件库 a、jQuery UI 下载:https://jqueryui.com/ b、laydate 下载:https://www.layui.com/laydate/二

2021-09-21 11:20:34 78

原创 四、jQuery插件(一) - 自定义插件(插件库的原理)

二、自定义插件 jQuery.extend(object) 扩展jQuery函数的API jQuery.fn.extend(object) 扩展jQuery实例对象的API 注意: 1) object指的是js实例对象。 2) 继承相关API,传入js实例对象,js实例对象中的函数中this指的是jQuery实例对象。 jQuery其他API,传入的

2021-09-21 11:19:19 144

原创 三、jQuery的API (六)- 多库共存

一、多库共存 多库共存: jQuery.noConflict() 1) 作用 jQuery向外暴露了两个核心函数就是$/jQuery。这两个函数完全等价。 使用多库共存API,会清除$函数。但是会保留了jQuery函数。 【注意:$与jQuery函数完全等价。】 2) 应用场景 在实际应用中我们可能会定义$变量。 如果我们既想使用我们自定义的$变量,又想使用jQuery库,则使用该API清除即可。

2021-09-15 21:14:43 30

原创 三、jQuery的API (五)- 动画模块3(jQuery自定义动画)

三、自定义动画jQuery动画的本质:在指定时间内不断的改变元素的行内样式值来实现的。 1) animate(params,[speed],[easing],[fn]) 自定义动画 params:必传。css样式json(css键值对形式的json对象) speed: 可选。动画时间。可选值: "slow","normal", "fast", 9000 easing:可选。动画方式。可选值: "swing","li

2021-09-15 21:13:31 107

原创 三、jQuery的API (五)- 动画模块2(jQuery内置动画)

1)使用定时器完成动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2021-09-14 00:06:44 46

原创 三、jQuery的API (五)- 动画模块1(定时任务实现动画效果)

一、轮播图4.1 实现功能 实现功能: 1、点击左右图标平滑翻页 2、无线循环切换 3、鼠标移出自动翻页,鼠标移入停止翻页 4、点击圆点切换到对应的图片上 4.2 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"

2021-09-14 00:06:21 107

原创 三、jQuery的API (四)- DOM事件模块

一、jQuery实例对象 – DOM事件 页面载入 ready(fn) 事件处理 on(selectors,fn) off(eve,[sel],[fn]) bind(selectors,fn) unbind(t,[d|f]) 事件委派 delegate(childSelector,eventName,fn) undelegate([eventName]) 事件切换 hover([over

2021-09-13 23:43:36 111

原创 三、jQuery的API (三)- 文档筛选、文档处理模块

一、jQuery实例对象 – DOM查找筛选与查找,最终返回的都是一个jQuery伪数组对象过滤指的是在一组对象中进行筛选对象查找指的是由一个对象查找另外一个对象1.1 筛选 筛选 first() 筛选出第一个元素 last() 筛选出最后一个元素 eq(index|-index) 筛选出指定索引值元素 filter(selector|ele) 筛选出与指定表达式匹配的元素 not(selector|ele) 删除与指定表达

2021-09-03 15:28:49 41

原创 三、jQuery的API (二)-CSS模块、元素属性模块、标签值模块

三、jQuery实例对象 – 属性操作3.1 属性基础操作 +++ attr操作属性 attr() 读取或设置元素属性 removeAttr(name) 删除元素的属性 $("div").attr("name") 读取匹配到的第一个元素的属性 $("div").attr("name","tt") 设置元素的属性 $("div").attr({src:"./1.jpg",alt:"123"})

2021-09-03 11:42:01 33

原创 三、jQuery的API (一)- 选择器模块

一、选择器 $(selector) 1) 选择器就是有特定语法规则的字符串 (css选择器的语法规则) 2) 根据选择器规则查找所有匹配的DOM元素,并封装为jQuery伪数组对象。 3) 它完全支持css的选择器语法。同时也在css选择器基础之上进行了拓展。 所以jQuery不仅支持css选择器规则, 也进行了一部分拓展。 jQuery支持选择器 1) jQuery完全支持css选择器规则 基

2021-09-03 11:34:05 70

原创 二、jQuery核心

一、 jQuery核心函数 +++ jQuery核心函数($/jQuery) 1) jQuery向外暴露的核心函数就是 $/jQuery 2) 引入jQuery库后,$或jQuery函数可以直接使用 3) $与jQuery函数完全等价 +++ jQuery核心函数的应用($/jQuery) 1) 作为一般函数调用 $(param),会返回jQuery实例对象。 1) 参数为函数:延时加载运行该函数。

2021-09-03 10:23:57 81

原创 一、jQuery基础概念

学习资料网站 https://www.jb51.net/zt/jquerydown.htm一、初始jQuery1.1 jQuery基础概念 +++ jQuery是什么 1、一个优秀的JS函数库 2、Write Less,Do More !!! +++ 区别jQuery的不同版本 1.x 兼容老版本IE 文件更大 2.x 仅支持IE8以上浏览器 文件小,执行效率高 3.x 提供一些新的API

2021-09-03 10:07:55 24

原创 五、JS单线程运行原理与多线程

一、进程与线程 进程:正在执行的程序为一个进程。 程序的一次运行,它会占用一片独立的内存空间。称为进程 线程:线程是进程内一个独立的执行单元。 1、一个进程中至少一个运行的线程,称为主线程。进程启动后自动创建。 2、应用程序的代码必须运行线程中。 3、在一个进程内同时有多个线程运行。 4、线程池(Thread pool):保存多个线程对象的容器,实现线程对象的反复使用。 1.1 单线程与多线程区别在一个进程内至少有一个线程运行,也可以同时有多个线程运行

2021-08-25 10:31:34 845

原创 四、对象高级(一)-对象创建与对象继承

一、创建对象1.1 Object构造函数模式适用场景:起始时不确定对象内部属性,可动态添加缺点:语句太多。 var s=new Object(); s.name=12; s.gae=12; console.log(s); 1.2 字面量创建对象适用场景:起始时已经确定对象内部属性,并且只需要一个对象缺点:不能重复创建对象 var p={ id:100,

2021-08-25 10:31:23 59

原创 三、函数高级(五)- 变量查找

三、变量查找机制 变量查找机制: 1) 沿着作用域链查找变量: 确定当前函数的作用域链, 首先在当前作用域中对应的执行上下文对象中查找变量, 如果找不到,就会到上一级作用域中对应的执行上下文对象中查找。直到全局作用域。 2) 沿着原型链查找对象属性 注意事项: 1) 作用域是在函数定义时确立的。而不是在函数调用时确立的。 2) 作用域只分为全局作用域和函数作用域 3) 在全局作用域中定义的变量会被

2021-08-25 10:30:14 420

原创 三、函数高级(四)-闭包

一、函数对象隐含属性 函数声明,就相当于创建函数对象。函数对象中有以下隐含属性: 1、arguments 1) 在调用函数时,对函数数据预处理阶段进行初始化。 arguments赋值为实参列表,并将其添加为执行上下文对象的属性。 2) 函数调用时以及调用完毕,arguments会自动初始化为undefined。 2、this 1) this从广义上来说是函数对象隐藏的属性,

2021-08-25 10:30:02 106

原创 三、函数高级(三)-作用域与作用域链

三、作用域3.1 作用域 作用域是指一个变量的作用范围。在JS中,函数、对象也是变量。 1、分类 全局作用域: 代码在程序的任何地方都能被访问,window 对象的内置属性都拥有全局作用域。 函数作用域: 在固定的代码片段才能被访问 2、作用 隔离变量。不同作用域下的同名变量不会有冲突。 3、作用域注意事项 1)作用域是在函数定义时确立的,而不是在函数调用时确立的。 2)作用域是静态的,一旦创建就

2021-08-25 10:29:47 80

原创 三、函数高级(二)-执行上下文与执行上下文栈

1.1 变量提升与函数提升 1、变量声明提升 使用var关键字定义的变量在声明时会被提至该作用域的最前面。 2、函数声明提升 使用function声明的函数会被提至该作用域的最前面。 3、变量提升与函数提升的原理 +++ 全局执行上下文 1、在执行全局代码前,将window设置为全局执行上下文。 2、对全局数据进行预处理 用var声明的变量,设置为window的属性。 用function声明的函数,设置为window的方法。

2021-08-25 10:29:15 113

原创 二 、函数高级 (一)-- 原型与原型链

一、原型与原型链1.1 显示原型与隐式原型 1、显示原型 1) 每个函数都有一个prototype属性,即显示原型。它默认指向一个Object空实例对象,即原型对象。 但是Objct函数除外。 2) 函数的prototype属性:在定义函数时自动添加的,默认指向一个Object空实例对象。 function Fn(){ //内部代码:this.prototype={} }

2021-08-25 10:28:58 76

原创 一、JS基础

一、数据类型 数据类型分为基本数据类型和引用数据类型。 1、基本数据类型(值类型) String:任意字符串 Number:任意数值 Boolean: true/false Null:null Undefined:undefiend 2、对象数据类型(引用类型) 除了基本数据类型都是引用数据类型,常见的引用数据类型有以下几种。 1)Object:任意对象都是object 2)F

2021-08-25 10:28:27 13

原创 十、JSON

1.1 在JS中修改元素样式在JS中通过style属性修改样式 在JS中通过style属性来修改元素样式,每修改一个样式,浏览器就会重新渲染一次页面, 这样执行的性能是比较差的。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-08-25 10:26:32 20

原创 九、BOM(二) --细节总结

一、自定义动画函数(定时函数的应用)1.1 自定义动画函数 //封装动画函数 //obj 操作的元素对象 //attr 操作的css属性 //spped 速度 //callFun 回调函数 function move(obj,attr,target,speed,callFun){ if(obj.timer){ wind

2021-08-25 10:26:13 22

原创 九、BOM(一) -- BOM对象

DOM:文档对象模型 通过JS来操作网页 BOM:浏览器对象模型 通过JS来操作浏览器的 1、Window -Window对象代表整个浏览器的窗口 -同时Window对象也是全局对象。 在全局作用域中定义的变量会被当做window的属性来保存。 在全局作用域定义的函数会被当做Window的函数来保存。 2、Navigator -代表当前浏览器信息。通过该对象可以识别不同的浏览器 .

2021-07-29 16:14:59 84

原创 八、DOM(四) -- DOM事件2

一、滑轮滚动事件 +++ 绑定滚动事件(兼容谷歌、IE浏览器) elem.onmousewheel=function(){ } 绑定滚动事件 event.wheelDelta 只看正负,不看大小。向上滚>0 。向下滚<0 (通过该属性获取的是个数值,在不同的浏览器中获取的值是不同的。) +++ 绑定鼠标滚动事件(兼容火狐浏览器,火狐特有) elem.addE

2021-07-29 16:13:18 69

原创 八、DOM(三) -- DOM事件

一、事件对象 事件对象: 1) 在事件对象中封装了当前事件相关的一切信息。比如:鼠标的坐标、按键值等 2) 在IE8以上浏览器 当事件回调函数被触发时, 浏览器每次都会将一个事件对象作为一个实参传递给回调函数。 3) 在IE8以下浏览器,包含IE8 事件对象作为window的属性来保存。 1.1 事件对象的使用1)在IE8以上浏览器,事件对象会被当做一个实参传入到事件回调函数中当事件回调

2021-07-29 16:12:35 49

原创 八、DOM(二) -- DOM对象操作

一、 DOM查询1.1 获取元素节点(通过document对象操作) 获取document对象下的元素节点(通过document对象操作) 1、var elem=document.getElementById("box") 根据id属性获取一个元素节点 2、var elems=document.getElementsByName("box") 根据name属性获取一组元素节点 3、var elems=doc

2021-07-29 16:07:20 140

原创 八、DOM(一) -- DOM对象

一、 DOM编程 DOM(Document Objecevt Model) :文档对象模型 1) DOM将整个HTML文档描述为 DOM 定义了访问和操作 HTML 文档的标准 2) 文档,表示的是整个HTML文档 对象,表示的是 模型-2.1 DOM的作用 DOM指的是文档对象模型(Document Object Model)。 JS通过DOM来对HTML文档进行操作。 文档指的就是整个HTML文档 对象指的就是将网页中的每一部分都

2021-07-29 16:06:54 138 1

原创 七、ES对象(四) -- Date对象、Math对象、包装类、Object对象

一、Date对象 Date对象: 在JS中使用Date表示时间。 创建一个Date对象,会封装创建对象的那一刻的时间 var d=new Date(); 创建一个指定时间的Date对象 1.1 创建Date对象 var d1=new Date(); console.log(d1); var d2=new Date("12/30/2020 19:30:00"); console.l

2021-07-29 15:33:44 210

原创 七、ES对象(三) -- String对象

一、String对象1.1 字符串的实质 在底层字符串对象实质上是以字符数组的形式存储的。 所以数组的一些特性也适用于字符串。 1.2 创建字符串 1.var str="hello world" 2.var str=new String("hello world"); 1.3 字符串的基本操作 1、获取字符串的长度 2、访问数组的方式也可以用于访问字符串,即使用下标访问字符串。 原因: 字符串底层也是使用了字符数组来保存数据的。

2021-07-29 15:33:01 132

原创 七、ES对象(二) -- 正则表达式

一、this关键字1.1 前提 1. 在全局作用域中定义的变量或函数会被当做window的属性来保存。 2. 在函数作用域中不使用var关键字定义的变量也会被当做window的属性来保存。1)s( ) 与 window.s( ) 等价 function s(){ c=function ss(){ console.log("12") } } s();

2021-07-28 13:56:49 1271

原创 七、ES对象(一) -- 数组对象

一、正则表达式的作用 正则表达式的作用: 1) 检查字符串是否符合规则 2) 将字符串中符合规则的内容提取出来。 二、创建正则表达式 +++ 创建正则表达式 使用RegExp创建正则表达式 var reg=new RegExp("正则表达式","匹配模式"); 使用字面量创建正则表达式 var reg=/正则表达式/匹配模式 +++ 正则表达式的匹配模式 i 忽略大小写

2021-07-28 13:55:36 621

原创 七、对象基础 (三) -- this对象和arguments对象

一、数组(Array) 1.数组也是一个对象 2.数组与普通对象的不用之处在于 对象使用属性名操作属性。 数组使用索引值操作元素。 索引值:从0开始的整数。 3、typeof arr 会返回object。 1、数组中的元素可以是任意数据类型。 2、数组的长度可以任意改变。过长缺位的为undefined。过短缺位的被删除。 1.1 操作数据1) 创建数组对象 创建数组对象 var arr=new Array(); var ar

2021-07-28 13:54:51 109

原创 七、对象基础 (二) -- 作用域与变量访问

一、作用域 1) 作用域是指一个变量的作用范围。在JS中,函数、对象也是变量。 2) JS中的作用域分为两种:全局作用域和函数作用域。 1.1 代码块 一个{}叫做一个代码块。 1)代码块后面不需要写分号了。 2)JS中的代码块只具有分组的功能,没有其他用途。 这一个和JAVA不同!!! 1)代码块 <script> { var a=10;

2021-07-28 13:52:44 147

原创 七、对象基础 (一) -- 原型继承

一、作用域 1) 作用域是指一个变量的作用范围。在JS中,函数、对象也是变量。 2) 在作用域中,变量声明、函数声明会被提至该作用域的最前面。 3) JS中的作用域分为两种:全局作用域和函数作用域。 二、全局作用域 全局作用域: 1) 直接写在script标签内的代码就在是全局作用域中。 2)全局作用域随着页面的加载而创建,随着页面的关闭而销毁。 一个html页面就是一个全局作用域。 3) 在作用域中,变量声明、函数声明会被提至该作用域的

2021-07-28 13:51:19 62

空空如也

空空如也

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

TA关注的人

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