- 博客(19)
- 收藏
- 关注
原创 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
原创 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关注的人