CSS 块级元素与行内元素 CSS 块级元素与行内元素 块级元素（block)：独占一行，对宽高的属性值生效;如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽。 行内元素（inline)：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高。 行内块元素（inline-block)：结合的行内和块级的优点，既可以设置长宽，可以让padding和margin生效，又可以和其他行内元素并排。 其中img和i 2024-03-17 Software Language CSS 布局
CSS 其他样式属性 CSS 其他样式属性 user-drag 1user-drag:auto | element | none 默认值：auto 适用于：所有元素。 继承性：有。 动画性：否。 计算值：指定值。 取值： auto：使用默认的拖拽行为，这种情况只有图片和链接可以被拖拽。 element：整个元素而非它的内容可拖拽。 none：元素不能被拖动，在通过选中后可拖拽。 实例 设置图片不可拖动。 2024-03-17 Software Language CSS 样式属性
CSS vh&vw CSS vh&vw vw = view width vh = view height 这两个单位是CSS3引入的，以上称为视口单位允许我们更接近浏览器窗口定义大小。 视口单位（Viewport units) 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域;而在移动端，它涉及3个视口：Layout Viewport（布局视口）,Visual Viewport（视觉视口）,Idea 2024-03-17 Software Language CSS 布局 响应式单位
CSS position CSS position top 属性定义及使用说明 top 属性规定元素的顶部边缘，该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 对于相对定义元素，如果 top 和 bottom 都是 auto，其计算值则都是 0;如果其中之一为 auto，则取另一个值的相反数;如果二者都不是 auto,bottom 将取 top 值的相反数。 注意：如果 “position” 属性的值为 2024-03-17 Software Language CSS 布局
CSS em&rem CSS em&rem em（相对长度单位） 浏览器的默认字体都是16px，那么1em=16px，以此类推计算12px=0.75em,10px=0.625em,2em=32px 这样使用很复杂，很难很好的与px进行对应，也导致书写，使用，视觉的复杂（0.75em,0.625em全是小数点） 为了简化font-size的换算，我们在body中写入一下代码。 1body 2024-03-17 Software Language CSS 布局 响应式单位
CSS Grid CSS Grid 基本概念 容器和项目 采用网格布局的区域，称为"容器"(container)，容器内部采用网格定位的子元素，称为"项目"(item) 12345<div> <div><p>1</p></div> <div><p>2</p></div&g 2024-03-17 Software Language CSS 布局
CSS display CSS display 属性定义及使用说明 display 属性规定元素应该生成的框的类型。 属性值 值 描述 none 此元素不会被显示， block 此元素将显示为块级元素，此元素前后会带有换行符， inline 默认，此元素会被显示为内联元素，元素前后没有换行符， inline-block 行内块元素，(CSS2.1 新增的值） list-item 此元素会作为 2024-03-17 Software Language CSS 布局
CSS Flex CSS Flex 使用flex布局 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 123.box{ display: flex;} 行内元素也可以使用 Flex 布局。 123.box{ display: inline-flex;} 2024-03-17 Software Language CSS 布局
CSS float&clear CSS float&clear float 属性定义及使用说明 float属性指定一个盒子（元素）是否应该浮动。 注意：绝对定位的元素忽略float属性! 属性值 值 描述 left 元素向左浮动 right 元素向右浮动 none 默认值，元素不浮动，并会显示在其在文本中出现的位置， inherit 规定应该从父元素继承 float 属性的值， clear 2024-03-17 Software Language CSS 布局
CSS column CSS column column-count 属性定义及使用说明 column-count属性指定某个元素应分为的列数。 语法 1column-count: number|auto; 值 说明 number 列的最佳数目将其中的元素的内容无法流出 auto 列数将取决于其他属性，例如：“column-width” column-fill 属性定义及使用说明 column- 2024-03-17 Software Language CSS 布局
设计模式代理模式 设计模式代理模式 为其他对象提供一种代理以便控制对这个对象的访问。 可以详细控制访问某个类（对象）的方法，在调用这个方法前作的前置处理（统一的流程代码放到代理中处理），调用这个方法后做后置处理。 代理模式分类: 静态代理（静态定义代理类，自定义静态定义的代理类） 动态代理（通过程序动态生成代理类，该代理类不是我们自己定义的，而是由程序自动生成） 静态代理 静态代理角色分析 抽象角色：一 2024-03-17 Software DesignPattern 结构型模式
Spring MVC 拦截器 Spring MVC 拦截器 概述 Spring MVC的处理器拦截器类似于Servlet开发中的过滤器Filter，用于对处理器进行预处理和后处理，开发者可以自己定义一些拦截器来实现特定的功能。 过滤器 servlet规范中的一部分，任何java web工程都可以使用。 在url-pattern中配置了/*之后，可以对所有要访问的资源进行拦截。 拦截器 拦截器是Spring MVC框架 2024-03-17 Software Language Java SpringFramework SpringMVC
Spring MVC ModelAndView Spring MVC ModelAndView 可由Controller类的handleRequest方法返回。 对于Controller的目标方法，无论其返回值是String,View,ModelMap或是ModelAndView,Spring MVC都会在内部将它们封装为一个ModelAndView对象进行返回。 可以在该对象上设置数据与视图。 ModelAndView addObject 2024-03-17 Software Language Java SpringFramework SpringMVC
Spring MVC 控制器 Spring MVC 控制器 控制器负责提供访问应用程序的行为，解析用户的请求并将其转换为一个模型。 在Spring MVC中一个控制器类可以包含多个方法。 Controller类 实现Controller接口 Controller是一个接口，在org.springframework.web.servlet.mvc包下，接口中只有一个方法。 12345// 实现该接口的类获得控制器功能。p 2024-03-17 Software Language Java SpringFramework SpringMVC
Mybatis Plus 条件构造器 Mybatis Plus 条件构造器 说明 以下出现的第一个入参boolean condition表示该条件是否加入最后生成的sql中。 以下代码块内的多个方法均为从上往下补全个别boolean类型的入参，默认为true 以下出现的泛型Param均为Wrapper的子类实例（均具有AbstractWrapper的所有方法） 以下方法在入参中出现的R为泛型，在普通wrapper中是String， 2024-03-17 Software Language Java Mybatis MybatisPlus
Mybatis Plus 性能分析插件 Mybatis Plus 性能分析插件 配置插件 12345678@Bean@Profile({"dev","test"})// 设置 dev test 环境开启。public PerformanceInterceptor performanceInterceptor() { PerformanceInterceptor 2024-03-17 Software Language Java Mybatis MybatisPlus
逻辑删除 逻辑删除 逻辑删除是为了方便数据恢复和保护数据本身价值等等的一种方案，但实际就是删除。 如果你需要频繁查出来看就不应使用逻辑删除，而是以一个状态去表示。 只对自动注入的sql起效： 插入：不作限制。 查找：追加where条件过滤掉已删除数据，且使用 wrapper.entity 生成的where条件会忽略该字段。 更新：追加where条件防止更新到已删除数据，且使用 wrapper. 2024-03-17 Software Language Java Mybatis MybatisPlus
Mybatis Plus 乐观锁 Mybatis Plus 乐观锁 乐观锁：故名思意十分乐观，它总是认为不会出现问题，无论干什么不去上锁!如果出现了问题，再次更新值测试。 悲观锁：故名思意十分悲观，它总是认为总是出现问题，无论干什么都会上锁!再去操作! 乐观锁实现方式。 取出记录时，获取当前 version 更新时，带上这个version 执行更新时， set version = newVersion where ver 2024-03-17 Software Language Java Mybatis MybatisPlus
Mybatis Plus 分页插件 Mybatis Plus 分页插件 配置插件 123456789101112131415161718//Spring boot方式。@Configuration@MapperScan("com.example.*.mapper*")public class MybatisPlusConfig { @Bean public PaginationInterce 2024-03-17 Software Language Java Mybatis MybatisPlus
Mybatis Plus CRUD 接口 Mybatis Plus CRUD 接口 Service CRUD接口 说明 通用 Service CRUD 封装IService接口，进一步封装 CRUD 采用 get 查询单行 remove 删除 list 查询集合 page 分页 前缀命名方式区分 Mapper 层避免混淆 泛型 T 为任意实体对象。 建议如果存在自定义通用 Service 方法的可能，请创建自己的 IBaseServi 2024-03-17 Software Language Java Mybatis MybatisPlus