1、小游戏 ▼ 打发时间 — — — 魔术键盘 海带鱼拍脸 指出不一样 各式各样生日歌 人类时钟 在线扇耳光 在线放烟花 无聊网站传送门 画线为雕 魔法人型师 Yes Or No? 亚马逊雷人商品 堆沙子游戏 无限二分法 鼠标指针在哪？ 真不是双胞胎？ ▼ 休闲解压 便携小空调 童年小电视 全球自驾游体验 深呼吸放松 60 秒 清凉小风扇 蒙娜丽莎展馆 有趣谷歌街景图 静心呼吸 感受平静 在线养金鱼 猫的无限循环 无家可归的玩偶 短暂的旅行 全球窗户共享 2 分钟什么也不干 ▼ 学会思考 信任的进化 各种各样的自我测试 选择你相信的现实 人生清单检查表 群体的智慧与愚蠢 20个问题猜你想什么 假新闻是怎样炼成的 写给未来的自己 1 经典逻辑推理游戏 贾斯纳的猫 如何记忆任何东西 写给未来的自己 2 IQ 测试题 心理健康测试 一张纸折N次的厚度 心理学测试 和焦虑一起冒险！ DidYouKnow 冷知识 ▼ 身体测试 听觉测试 眼睛的幻觉 色盲色弱测试 全球视觉错觉收集 点击选择框 ...

一、MyBatis1.MyBatis：MyBatis：是一个半自动映射的框架。这里所谓的“半自动”是相对于Hibernate全表映射而言的，MyBatis需要手动匹配提供POJO、SQL和映射关系，而Hibernate只需提供POJO和映射关系即可。与Hibernate相比，虽然使用MyBatis手动编写SQL要比使用Hibernate的工作量大，但MyBatis可以配置动态SQL并优化SQL，可以通过配置决定SQL的映射规则，它还支持存储过程等。对于一些复杂的和需要优化性能的项目来说，显然使用MyBatis更加合适。 MyBatis框架是当前主流的Java持久层（数据访问层DAO）框架之一，它与Hibernate一样，也是一种ORM（Object/Relation Mapping，即对象关系映射）框架。所谓的ORM就是一种为了解决面向对象与关系型数据库中数据类型不匹配的技术，它通过描述Java对象与数据库表之间的映射关系，自动将Java应用程序中的对象持久化到关系型数据库的表中。 2.MyBatis核心组件：SqlSessionFactoryBuilder（构造器）: 根据 ...

一、Spring框架1.典型的Web层框架包括：Struts1Web workStruts2Spring MVC Spring MVC是Spring提供的一个实现了Web MVC设计模式的轻量级Web框架。采用工厂模式。它与Struts2框架一样，都属于MVC框架，但其使用和性能等方面比Struts2更加优异。SpringMVC项目中必须添加的JAR包包括：4个核心JAR包、commons-logging的JAR以及两个web相关的JAR（spring-web和spring-webmvc的JAR包）。 2.Spring MVC的特点。（1） 是Spring框架的一部分，可以方便的利用Spring所提供的其他功能。（2） 灵活性强，易于与其他框架集成。（3） 提供了一个前端控制器DispatcherServlet，使开发人员无需额外开发控制器对象。（4） 可自动绑定用户输入，并能正确的转换数据类型。（5） 内置了常见的校验器，可以校验用户输入。如果校验不能通过，那么就会重定向到输入表单。（6） 支持国际化。可以根据用户区域显示多国语言。 3.Spring MVC主要有如下优点：（1）是S ...

一、Spring框架1.三层体系架构在实际开发中，通常服务器端在采用分层方式进行架构。三层体系架构，分别为：表示层(Web层，包括控制层，使用SpringMVC框架)、业务逻辑层(Service，使用Spring框架)、持久层(数据访问层，Dao，使用Mybatis框架)。Spring对每一层都提供了技术支持。 2.Spring的核心Spring的核心是控制反转（IoC： Inverse of Control ）和面向切面编程（AOP： Aspect Oriented Programming ）。在使用Spring框架之后，对象的实例不再由调用者来创建，而是由Spring容器来创建，Spring容器会负责控制程序之间的关系，而不是由调用者的程序代码直接控制。 IoC的全称是Inversion of Control，中文名称为控制反转。控制反转就是指在使用Spring框架之后，对象的实例不再由调用者来创建，而是由Spring容器来创建，Spring容器会负责控制程序之间的关系，而不是由调用者的程序代码直接控制。这样，控制权由应用代码转移到了Spring容器，控制权发生了反转。 DI的全称 ...

Java实现跨域方式一、什么是跨域？为什么会出现跨域 定义 跨域（CORS）是指不同域名之间相互访问。跨域，指的是浏览器不能执行其他网站的脚本，它是由浏览器的同源策略所造成的，是浏览器对于JavaScript所定义的安全限制策略。当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。 原因 在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。在请求的过程中我们要想回去数据一般都是post/get请求，所以…跨域问题出现。 跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题，比如a标签、script标签、甚至form标签（可以直接跨域发送数据并接收数据）等 什么情况会跨域 同一协议， 如http或https 同一IP地址, 如127.0.0.1 同一端口, 如8080以上三个条件中有一个条件不同就会产生跨域问题。 ...

Spring Boot使用slf4j进行日志记录在开发中，我们经常使用 System.out.println() 来打印一些信息，但是这样不好，因为大量的使用 System.out 会增加资源的消耗。我们实际项目中使用的是 slf4j 的 logback 来输出日志，效率挺高的，Spring Boot 提供了一套日志系统，logback 是最优的选择。 1.简介官网：https://www.slf4j.org/manual.html(1)简单日记门面(simple logging Facade for Java)SLF4J是为各种loging APIs提供一个简单统一的接口。 (2)slf4j并不是一种具体的日志系统，而是一个用户日志系统的facade。 (3)在部署时，选择不同的日志系统包，即可自动转换到不同的日志系统上。如：选择JDK自带的日志系统，则只需要将slf4j-api-XXX.jar和slf4j-jdkXXX.jar放置到classpath中即可，若想换成log4j的日志系统，仅需要用slf4j-log4jXXx.jar替换slf4j-jdkXXX.jar即可 (4)sl ...

简介mavon-editor是一款基于vue的markdown编辑器，可以用来做文本的编辑，比如是某种业务需要发送公告、个人博客等，都可以用到，操作也十分简单。 官方地址：http://www.mavoneditor.com/ github：https://github.com/hinesboy/mavonEditor 安装 mavon-editor1npm install mavon-editor --save 安装好了之后就需要进行注册 123456789// 组件注册import mavonEditor from "mavon-editor";import "mavon-editor/dist/css/index.css";export default { // eslint-disable-next-line vue/multi-word-component-names name: "EditorComponent", components: { mavonEditor },&# ...

1. 什么是Sass?Sass(Syntactically Awesome Stylesheets)是一个 CSS 预处理器，是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。 2. 为什么使用Sass？ 它能够帮我们更快更高效的编写更好维护的 css； Sass 引入合理的样式复用机制，可以节约很多时间来重复。 Sass的好处当然不仅于此，当你使用之后便会发现其中的妙处。 3. Sass语法3.1 变量 变量可以存储样式信息，以便后面使用。比如一个样式在页面的多个地方使用，就可以先将该样式的值赋给一个变量，后面直接使用变量即可。 语法： $变量名：样式值；使用： $变量名；注意点： 以$符号开头，后跟变量名 多个单词，变量名以-分割，如：$theme-color 变量写在#{}中以镶嵌入字符串 示例如下： 123456789101112131415161718192021222324// .scss文件 Sass后缀名为scss$dark: #000;$side: left;.box { color: $dark;}.box2 & ...

如何在Vue项目中使用Mock模拟数据？ 前言： 在项目开发流程中，在开发工作开始之前，一般会有一个接口文档产出的过程：也就是依据设计文档给出响应的接口细节，方便前端mock数据；那如何更好的使用Mock来模拟数据，是一个优秀的前端必须要掌握的技能（PS：避免成为背锅侠）！ 1.什么是联调？ 首先，你要了解什么是联调？在开发中起什么作用？ 现在的开发基本都是前后端分离的，当后端还没有提供接口的时候，前端需要的数据从哪里来呢，就只能自己造假数据写死了。当后端接口做好后，前端所需要的数据就需要替换成后端提供的数据了。这个时候就需要进行一个前后端的调试，我们会把这个过程叫做前后端接口联调。 场景： 在一般的开发场景中，后端负责写接口，前端负责调用接口。然而通常情况下，前端开发页面时，后端还未写好接口，前端可以先自己”模拟“接口，等到后端写好接口时，前端才能真正的去调用后端的接口。这时候需要验证调试内容，例如:接口中URL是否正确，以及前端传的参数和后端返回的数据是否正确等，这个验证数据和功能有没有误的过程就是联调。 作用： 前端界面的展示，需要服务端从数据库查找数据并通过接口返回 ...