忙碌的上帝シ-CSDN博客

原创 03.分布式事务解决方案

一、分布式事务介绍1.1分布式事务介绍分布式事务介绍1.2 Base理论CAP理论，C：一致性，A：可用性，P：分区容错性。分布式环境下，三者取其二。Eureka：AP，保证了可用性，舍弃了一致性。Zookeeper：CP，每一个节点必须能够找到Master才能对外提供服务，舍弃了可用性。Base理论，BA：基本可用，S：中间状态，E：最终一致性。基于CAP理论演化而来的，是对CAP定理中一致性和可用性的一个权衡结果。核心思想：我们无法做到

2021-02-18 14:09:42 188

原创 02.分布式任务解决方案

一、分布式任务介绍分布式任务介绍二、分布式任务解决方案【重点】2.1.1 xxl-Job介绍官方地址中文版：http://www.xuxueli.com/xxl-job2.1.2 初始化“调度数据库”“调度数据库初始化SQL脚本” 位置为:/xxl-job/doc/db/tables_xxl_job.sql调度中心支持集群部署，集群情况下各节点务必连接同一个mysql实例;如果mysql做主从,调度中心集群节点务必强制走主库;2.1.3 编译源码解

2021-02-18 14:07:04 3536

原创 01.分布式锁解决方案

一、引言在分布式环境下，传统的一些技术会失败，比如传统的synchronized或者lock锁，以及创建数据库的事务，无法保证ACID，还有定时任务也可能会出现重复执行的问题。二、分布式锁介绍由于传统的锁是基于Tomcat服务器内部的，搭建了集群之后，导致锁失效，使用分布式锁来处理。分布式锁介绍三、分布式锁解决方案【重点】3.1 搭建环境创建SpringBoot编写抢购的业务@RestControllerpublic class SecondKi

2021-02-18 14:01:54 238

原创 04.jquery中ajax的使用

jquery一般通过$.ajax({});来使用ajax$.ajax({ async: true, //默认为true使用异步 type: "POST", //请求的方式 url: "test.do", //请求的url data: {id:12,name:'cl'}, //请求时携带的参数数据 dataType: "json", //接收数据的类型 success: function(_data){ //请求成功执行 al.

2020-05-19 21:26:35 111

原创 03.referrer策略和meta标签的问题

请求后端接口时，banner图片的请求出现403错误：GET http://xxxxxxxxxxxx 403（Forbidden）。解决方法如下：在index.html中的head中添加。referrer 的值有哪些？1、no-referrer：所有请求不发送 referrer。2、no-referrer-when-downgrade（默认值）：当请求安全级别下降时不发送 referrer。目前，只有一种情况会发生安全级别下降，即从 HTTPS 到 HTTP。HTTPS 到 HTTP 的资源

2020-05-19 21:23:24 742

原创 02.ajxa跨域问题

跨域问题一般发生在ajax请求不同域名服务器下的数据时，浏览器会认为ajax请求到的数据会对此时所在的域名服务器下的数据产生破坏，造成服务器崩溃。解决跨域问题通过在servlet响应中添加"Access-Control-Allow-Origin"信息// 如果要返回json数据，那么对应的MIME要为 application/jsonresp.setContentType("application/json;charset=utf-8");// 告诉浏览器，我这个谁都可以拿（*表示谁都可以拿，可.

2020-05-19 21:21:22 121

原创 01.ajax基本语法

AJAX请求是异步执行的，也就是说，要通过回调函数获得响应。在现代浏览器上写AJAX主要依靠XMLHttpRequest对象：var request = new XMLHttpRequest();对于低版本的IE，需要换一个ActiveXObject对象(一般不在使用)：var request = new ActiveXObject('Microsoft.XMLHTTP');如果你想把标准写法和IE写法混在一起，可以这么写：var request;if (window.XMLHttpReq

2020-05-19 21:14:57 264

原创 19.onload事件

window.onload 只的是当整个dom树渲染完毕，包括图片都加载完毕，那么对应的方法才执行。且只执行一次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> /** * window.onload 只的是当整个dom树渲染完.

2020-05-19 20:48:18 131

原创 18.JS数组中的indexof方法和splice方法

js数组的indexof方法返回查找数据的下标，没有找到返回-1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var ar = [3, 4, 5, 6]; console.log(ar.ind.

2020-05-19 20:47:15 284

原创 17.setTimeout和setInverval方法

setTimeout() 主要有两个参数，第一个参数是方法，第二个参数是number(毫秒数)意思是过多少毫秒第一个参数传入方法开始执行。其中clearTimeout方法是用于清空setTimeout中的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bo.

2020-05-19 20:45:33 878

原创 16.取消a标签或者from表单默认提交事件

当a标签只想作为一个按钮来使用时，需要把a标签的默认提交事件取消<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!-- 在某些时候，我们需要使用a标签作为按钮来使用，但是我们有不想让其 href生效， .

2020-05-19 20:44:01 761

原创 15.JS对象中动态追加参数

js允许给对象(普通对象或节点对象)添加参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="box"></div></body><script> var o.

2020-05-19 20:41:43 2627

原创 14.JS可以通过方法类定义类似于java的类

js中可以通过方法来表示java中的实体类（方法名首字母大写）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> public class Person { private int age; private .

2020-05-19 20:40:10 224

原创 13.JS中数组的遍历方法

js可以使用两种方式对数组进行遍历方式一：通过for循环<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> var arr = [34, 12, 89, 90, 100];

2020-05-19 20:37:51 203

原创 12.阻止事件冒泡

事件冒泡:主要发生在标签嵌套点击事件中，当点击内层标签时，会触发外层点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box1 { background-color: #eeeeee; he.

2020-05-19 20:36:03 78

原创 11.事件冒泡与事件捕获

十一、事件冒泡与事件捕获事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。考虑下面这段代码，就不写html->head,body之类的代码了，自行脑补<div id="outer"> <p id="inner">Click me!</p> </div>上面的代码当中一个div元素当中有一个p子元素，如果两个

2020-05-19 20:34:30 131 1

原创 10.DOM

十、DOM10.1 什么是DOMDOM是Document Object Model（文档对象模型）的缩写，它是W3C国际组织的一套Web标准。是针对HTML和XML文档的一个API，它定义了访问HTML文档对象的一套属性、方法和事件。10.2 节点类型每个节点都有一个nodeType属性，用于表明节点的类型。常用节点类型与对应nodeType值：用于判断获取到的元素属于什么类型节点- 元素节点 <==> 1- 文本节点 <==> 3- 属性节点 <==

2020-05-19 20:31:55 108

原创 09.Date

九、Date9.1 了解时间GMT：格林尼治标准时(Greenwich Mean Time)，俗称“天文学时间”UTC：协调世界时(Universal Time Coordinated)，“原子物理时间”，它更加精确,50亿年才误差1秒时区：为了克服时间上的混乱，1884年在华盛顿召开的一次国际经度会议（又称国际子午线会议[1]）上，规定将全球划分为24个时区（东、西各12个时区）。规定英国（格林尼治天文台旧址）为中时区（零时区）、东1-12区，西1-12区。每个时区横跨经度15度，时间正好是1

2020-05-19 20:29:03 105

原创 08.BOM

八、BOM8.1 BOM的概念BOM 是Browser Object Model（浏览器对象模型）的缩写，提供与浏览器窗口进行交互的对象。JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C, 而BOM缺乏标准。这也是各种浏览器不兼容的根源所在8.2 window对象window对象是BOM的核心, 是最顶层的对象，所有对象都是通过它延伸出来的8.2.1 全局作用域定义在全局环境下的变量都会成为window对象的属性把变量定义在函数体里，可以有效减少全局环境下

2020-05-19 20:26:05 84

原创 07.正则

七、正则7.1 了解正则表达式什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。为什么要使用正则表达式正则表达式能够进行强大的“模式匹配”和“文本检索与替换”功能。前端往往有大量的表单数据校验的工作，采用正则表达式会使得数据校验的工作量大大减轻7.2 创建正则表达式7.2.1 RegExp构造函数，第一个参数就是我们的模式“字符串”var reg= new RegExp('study');//使用特殊字符var reg= ne

2020-05-19 20:21:14 131 1

原创 06.字符串

六、字符串6.1 了解字符串字符串就是一串字符，由双（单）引号括起来。创建一个字符串//方式一：字面量（推荐）var str = '城市套路深，我想回农村';//方式二：构造函数//PS：用new产生的变量都是引用类型的变量，也叫对象var str = new String('我不是黄蓉，我不会武功');6.2 字符串的属性和方法6.2.1 属性length: 表示字符串的长度，只读（只能读取）6.2.2 字符串的获取方法charAt(3) //获取下标为3

2020-05-19 20:18:30 77

原创 05.事件

五、事件5.1 什么是事件事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件5.1.1 事件绑定方式格式：节点.on+事件名 = 事件处理函数;div.onclick = function(){}5.1.2 事件分类鼠标事件onclick 当用户点击某个对象时调用的事件。ondblclick 当用户双击某个对象时调用的事件。onmousedown 鼠标按钮被按下。onm

2020-05-19 20:16:52 92

原创 04.系统函数

四、系统函数4.1 parseInt(numString,[radix])定义和用法parseInt() 函数可解析一个字符串，并返回一个整数。语法parseInt(string, radix)参数描述string必需。要被解析的字符串。radix可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数小于 2 或者大于 36，

2020-05-19 20:15:32 714

原创 03.函数

三、函数3.1 了解函数函数就是把特定功能的代码抽取出来并进行封装，用来重复执行一些功能，并起个名字（函数名）。函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行使用函数的好处，为什么要使用函数函数可以重复执行某一部分代码（通过函数名调用）使程序变得更简短而清晰有利于程序维护什么时候需要函数当相同的代码出现多次时当需要提取公共代码时3.2 函数的定义关键字声明（声明式）：格式：function 函数名(

2020-05-19 20:13:22 58

原创 02.运算符

二、运算符2.1 条件判断语句2.1.1 if语句if单分支：if(条件){ //条件成立(返回true)时，执行这里的代码，否则不执行}if双分支：当if括号内的表达式结果成立，执行执行代码1，否则执行执行代码2 if(条件){ //代码1 //条件成立(返回true)时，执行这里的代码，忽略以下代码 }else{ //代码2 //条件不成立(返回false)时，执行这里的代码

2020-05-19 20:10:52 77

原创 01.JS语法

一、JS语法1.1 js代码的编写位置script标签<script type="text/javascript"> alert('你好')</script>js文件独立的js文件需要引入页面才能执行<script type="text/javascript" src="js/common.js"><script>script标签属性- type:类型- src :js文件路径带src属性的script标签内

2020-05-19 20:08:17 78

原创 07.web 3.0文件上传方法

表单form中添加enctype="multipart/form-data"属性servlet类上添加@MultipartConfig注解且必须使用post请求protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //获取文件数据 Part picture = req.getPart("pic.

2020-05-09 09:12:58 95

原创 06.过滤器（Filter）

六、过滤器6.1 概念什么是过滤器过滤器（Filter）是处于客户端与服务器目标资源之间的一道过滤技术。过滤器作用在访问目标资源文件之前，通过一系列的过滤器对请求进行修改、判断等，把不符合规则的请求在中途拦截或修改。也可以对响应进行过滤，拦截或修改响应。例如：实现权限访问控制、过滤敏感词汇、压缩响应信息功能。6.2 如何编写过滤器Servlet API中提供了一个Filter接口，开发人员编写一个Java类实现了这个接口即可，这个Java类称之为过滤器（Filter）步骤如下：

2020-05-09 09:10:58 203

原创 05.Session对象（重点）

五、Session对象【重点】5.1 Session概述什么是SessionSession用于跟踪客户的状态。Session指的是在一段时间内，单个客户与Web服务器的一连串相关的交互过程。在一个Session中，客户可能会多次请求访问同一个网页，也有可能请求访问各种不同的服务器资源。Session工作原理Session被用于表示一个持续的连接状态，表示一个访问的过程。Session实现机制是当用户发起一个请求的时候，服务器会检查该请求中是否包含sessionid，如果未包含，则系统会创

2020-05-09 09:06:52 155

原创 04.Cookie的使用

四、Cookie的使用4.1 什么是CookieCookie是在浏览器访问Web服务器的某个资源时，由Web服务器在HTTP响应消息头中附带传送给浏览器的一小段数据。一旦Web浏览器保存了某个Cookie，那么它在以后每次访问该Web服务器时，都应在HTTP请求头中将这个Cookie回传给Web服务器。一个Cookie主要由标识该信息的名称（name）和值（value）组成。一个Web站点可以给一个Web浏览器发送多个Cookie，一个Web浏览器也可以存储多个Web站点提供的Cookie。浏

2020-05-09 09:04:43 149

原创 03.Servlet应用（重点）

三、Servlet应用【重点】3.1 request对象在Servlet中用来处理客户端请求需要用doGet或doPost方法的request对象3.1.1 get和post区别get请求get提交的数据会放在URL之后，以?分割URL和传输数据，参数之间以&相连get提交的数据大小有限制2k或4k（因为浏览器对URL的长度有限制）get方式提交数据，会带来安全问题效率高，浏览器默认请求方式为GET请求对应的Servlet的方法是doGetpost请求post方法

2020-05-09 09:00:31 126

原创 02.Servlet详解（重点）

二、Servlet详解【重点】2.1 回顾概念、核心API概念Servlet是Java Server Applet的简称，称为小服务器程序，是用Java编写的运行在Web服务器中，可以被浏览器通过URL访问的服务器程序。Servlet接口在ServletAPI中最重要的是Servlet接口，所有Servlet都会直接或间接的与该接口发生联系，或是直接实现该接口，或间接继承自实现了该接口的类。该接口包括以下五个方法：init(ServletConfig config)ServletCo

2020-05-09 08:58:08 175

原创 01.HTTP协议

一、HTTP协议1.1 回顾TCP、UDP协议OSI参考模型分为七层物理层—>数据链路层—>网络层—>传输层—>会话层—>表示层—>应用层TCP/IP参考模型分成四层链路层 —>网络层—>传输层—>应用层通信协议：通信协议是指通信双方实体完成通信或服务所必须遵循的规则和约定。传输层协议TCP（传输控制协议 Transmission Control Protocol）1 面向连接 (三次握手、四次挥手)2 安全可靠3

2020-05-09 08:56:05 149

原创 03.DML与DQL完整封装

需要导入两个依赖包mysql 版本5.*的建议使用5.*的依赖包<dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>1.1.21</version.

2020-05-09 08:51:14 123

原创 01.IDEA代码调试方法

IDEA代码调试基本步骤步骤一：打断点在要调试的代码边框左边单击鼠标左键步骤二：debugger模式启动项目步骤三：打开Debugger视图步骤四：通过视图栏提供的快捷按钮对代码进行调试(按键说明如下图)步骤五:如下图单击图中说明的按钮可将代码运行到下一个断点处，IDEA还提供了变量视图窗口方便查看变量情况查看表达式或资源的数据（如下图）或者将需要查看的表达式添加到查看...

2020-04-15 20:10:55 514 1

原创 01.DTD编写语法与xml文件解析，自定义简易版spring框架

DTD文件中的节点定义与属性定义目标：书写如何下xml的DTDxml文件有如下节点：<beans> <bean id="" class=""> <property name="" value=""/> ..... </bean></beans>DTD文件的作用：规范XML文件的节...

2020-04-05 16:17:42 448

原创 04.CSS3样式

十一. css3样式11.1 渐变/** linear-gradient() 第一个值为到哪个方位：top top, to bottom, to left, to right 第二个值为起始颜色，第三个值为最终的颜色 */background: linear-grediant(to top, #ffffff, red);11.2 阴影/** 第一个值为x轴方向的阴影...

2020-04-02 22:06:02 52

原创 03.盒子模型及出现的问题

八. 盒子模型8.1 border border为盒子的边框，可以通过如下属性来指定：border: 1px solid red; /** 设置四边的边框均为1个像素的红色实线 */border-left: 1px solid red; /** 设置边框的左边框为1个像素的红色实线 */border-right: 1px solid red; /** 设置边框的右边框为1个像素的红...

2020-04-02 22:04:24 199

原创 02.行内元素与块级元素，背景与css三大特性

四. 再谈行内元素与块级元素块级元素是可以指定宽高的，但是行内元素的宽高是根据内容而定，指定宽高无效。4.1 特殊的p标签 p标签中可以放行内元素，但是不能放任何的块级元素。4.2 特殊的img标签 img标签是一个行内元素，但是它是可以设置宽高，但是业界有时候会说img是行内块级元素。4.4 显示模式的转换 dispaly: inline; display: bloc...

2020-04-02 22:02:40 787

原创 01.三原色与样式选择器

CSS一. 三原色在网页中我们可以直接书写颜色的名字，但是却记不了这么多的单词。可以使用 RGB（red green blue）三原色来表示颜色，书写形式为：#ff00ff; 注意: 必须以#开头，后面紧跟着为6个16进制数，前两位为红色，中间两位为绿色，最后两位为blue.#ff0000; 红色#00ff00; 绿色#0000ff; 蓝色#ffffff; ...

2020-03-31 19:58:30 208

空空如也

空空如也