- 博客(19)
- 收藏
- 关注
RSS订阅原创 CSS3 of detail
细枝末节版本兼容 prefix browser -webkit- chrome/safari -moz- firefox -ms- ie -o- opera 响应式网页设计 渐进增强--> iphone6向上兼容 兼容最新设备 优雅降级--> 开发通用版本 再兼容老版本，向下兼容 先移动端-->再pc端 先iphone6为初始原型开发-->兼容其它设备-->渐进增强 性能相关
2021-02-21 15:42:38
103
原创 CSS of transition&&animation&&transfrom
transition 状态过渡transition-property 监听哪个属性的状态改变，默认alltransition-duration 过渡时间transition-timing-function 过渡状态 lineartransition-delay 等待执行时间一般直接整合填写 （display属性不能被监测）cubic-bezier 贝塞尔曲线（运动状态）transition-timing-function的属性值cubic-bezier(x1,y1,...
2021-02-21 15:30:22
141
原创 CSS3 of box
box标准盒子：box-width=border2+padding2+widthIE6混杂模式盒模型：box-width=width 所以content-width=width-border2-padding2box-sizing:border-box怪异模型/content-box标准盒模型（默认）怪异模型的适用场景：宽度不固定，padding固定还有输入框之类resize调节元素大小，必须要有overflow属性存在display:flex/inline-flex
2021-02-21 15:09:12
344
原创 CSS3 of text
texttext-shadow(x y blur color) 可进行多次位置模糊度颜色的设置如果是用了clip属性，文字就会变成背景的一部分，但是阴影就会在文字背景图片上面，弥补方法：设置透明度-webkit-text-stroke(数值，颜色) 文字描边@font-face{} 字体包white-space:normal/pre(保留空格换行等)/nowrap(强制一行)word-break:normal/keep-all(不换行)/break-all（到边界换行）/break-word（
2021-02-21 15:05:21
62
原创 CSS3 of background
Background相关background-image:url()/渐变颜色(linear-gradient()线性渐变,radial-gradient径向渐变 类似图片，只能用在image里)可传多个背景图片（css3出现），搭配background-size,-position,-repeat调出两张背景图片 第二张图片主要用于容错，图片相对第一张较小，易加载background-origin : padding-box默认/border-box/content-box，background-
2021-02-21 15:01:34
54
原创 CSS3 of Border
Border相关calc（50% - 盒宽/高度一半）内部必须有空格，可用于计算并设置left,top值，就不用再设置margin-top/leftborder-radius=下面四个值border-top-left-radius:（这里面也可以有水平方向和垂直方向值）border-top-right-radius:border-bottom-right-radius:border-bottom-left-radius:box-shadow第一个参数可以填inset（内阴影）默认是outse
2021-02-21 14:57:41
65
原创 CSS3选择器
selector of css3Relationship SelectorsE+F 下一个满足条件的兄弟元素节点E~F 下一堆满足条件的兄弟元素节点Attribute SelectorsE[attr ~=‘val’] 选中attr中有val的E eg: val为a时，class=“a”/class="a b"可以被选中，但是class="aab"不行E[attr |=‘val’] 选中以val值开头或者val- 开头的EE[attr ^=‘val’] 选中以val开头的EE[attr $
2021-02-21 14:53:47
54
原创 CSS篇
名词定义CSS：cascading style sheet 层叠样式表，用于装饰html。引入方式行间引入。对应html标签加上属性style 页面级。在head标签写style标签 外部引入。<link rel="stylesheet" type="text/css" href="css文件路径">权重!important（Infinity）>行间样式（1000）>id（100）>class/属性/伪类（10）>标签/伪元素（1）>通配符（0
2021-02-21 14:42:56
90
原创 HTML元素篇
全局属性class 类名 contenteditable 可编辑(boolean) data-*嵌入自定义数据 draggable 可拖动（boolean） hidden 元素是否隐藏（boolean） id 唯一标识 style 样式 tabindex tab键次序（值为-1按tab获取不到焦点，但onfocus和onblur事件仍存在；值≥1，数字越小优先获取焦点，值为0最后获取焦点） title 鼠标移入元素额外信息全局事件windowon...
2021-02-21 13:43:09
57
原创 Web前端异步加载JS的三种方式
1.defer异步加载。 script标签中添加defer属性值，属性名也是defer，可以选择引用外部JS文件，也可以直接在标签内写代码。但是要等dom文档全部解析完才执行。只有IE浏览器能用2.async异步加载。script标签中添加async属性值，属性名也是async，加载完就执行，只能加载外部脚本。（IE9以下不太能用，其它浏览器都可以）3.在script标签中创建script标签...
2020-03-30 15:05:21
796
原创 MyBatis-Plus基本使用
MP特性无侵入，强大的CURD（增删查改）方法支持lambda形式（JDK8新特性）调用、支持各种数据库支持主键自动生成，AR模式（实体类继承MODEL）支持全局通用方法注入支持数据库关键词自动转义内置代码生成器，物理分页插件，内置性能分析插件（输出SQL语句）内置全局拦截插件，sql注入剥离器（防止注入攻击）...
2020-03-10 21:17:36
382
原创 MyBatis-Plus分页查询
MyBatis自身提供逻辑分页（查询出所有符合条件的数据然后返回需要的部分）浪费内存，速度慢。所以MyBatis-Plus提供物理分页插件。创建配置类并添加@Configuration注解创建PaginationInterceptor方法，返回new PaginationInterceptor()分页插件，并添加@Bean让其加入到Spring容器的管理BaseMapper中的方法，IPa...
2020-03-10 21:17:14
5085
原创 MyBatis-Plus自定义SQL语句
当既想使用lambda表达式又想自定义SQL语句时,MP版本必须大于等于3.0.7。一、注解方式，该方法耦合性高在Mapper类中自定义方法（其中ew就是Constants.WRAPPER,MP会进行自动处理）注解则是MyBatis源生注解。Test类中执行自定义方法。二、XML文件配置在application.yml中配置Mapper接口对应的xml文件所在位置在xm...
2020-03-10 21:17:03
6632
原创 MyBatis-Plus查询方法
普通查询T selectById(Serializable id);（String Long Integer都有实现该接口）List selectBatchIds(@Param(Constants.COLLECTION) Collection<? extends Serializable> idList); （只需要传入idList作为主键ID列表，不能为空）List sele...
2020-03-10 21:16:52
2199
1原创 MyBatis-Plus实现AR模式
AR即为ActiveRecord,是一种领域模型模式，一个模型类对应一个表。通过实体类对象直接进行表的CRUD操作。要求：实体类继承MODEL类（有泛型），同时还需要对EqualsAndHashCode进行设置是否调用父类，可设置不调，设置属性callSuper为False，消除黄色警告线。最后还要生成序列化UID。必须存在对应存在的Mapper接口继承BaseMapper。具体案例：...
2020-03-10 21:16:24
1404
原创 MyBatis-Plus主键策略
MP提供的主键策略（在IdType类中定义了一个枚举类）AUTO（0）数据库自增NONE（1）未设置主键类型，则跟随全局策略的设置，默认为雪花算法INPUT（2）用户自己维护ID_WORKER（3）全局唯一ID当插入对象ID为空才会自动填充（数值，需要和数据库主键类型对应）UUID（4）全局唯一ID当插入对象ID为空才会自动填充（数据库主键类型要改成varchar，实体类要改成Stri...
2020-03-10 21:15:54
1141
原创 MyBatis-Plus的通用service
Service接口继承IService< T>接口，然后实现类继承ServiceImpl<操作实体的Mapper接口，具体实体类>，最后添加注解@Service将该类作为Spring容器下的Bean。具体方法：...
2020-03-10 21:15:30
3336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人