前端
object-fit: cover;
使图片保持原有比例?
这种情况大概是头像用得比较多,头像一般都是div+img这样吧,父级div用于裁剪,子img中的图片假如不是正方形、正圆形,为了填充那就得加上width:100%;height:100%,这样看似没啥问题,但是实际效果会是变形的,加上object-fit: cover;可以解决类似的问题
.class1:hover + .class2
当class1处于hover时,改变class2的样式,不过这种方式只生效于下一个同级标签
.class1:hover .class2
当class1处于hover时,改变所有子级中class2的样式
关于配色
除了排版之外,配色也会很大程度的影响到页面的观感,虽然这是UI的活
假如自己要开发某个APP或者网站,UI设计自然也就得学起来了,没有UI或者参考的情况下进行编码只能说非常难了
配色参考
https://www.webdesignrankings.com/resources/lolcolors/
十六进制颜色码转换成RGB颜色值
https://www.sioe.cn/yingyong/yanse-rgb-16/
#6AB6E8 to 106,182,232,转成rgb颜色纸后可以给颜色设置深浅,rgba(106,182,232,.5)
后端
只能说最近在开发一个小程序,我在项目中也是担任后端的角色,所以后端的代码相对写的多点
关于SpringBoot的注解
这一块算是盲区?其实我没怎么仔细去看过相关的文章,比较常用的比如@GetMapping、@PostMapping、@SpringBootApplication、@Controller、@Service、@Autowired、@Resource、@Transactional ...
我大概也就了解那些比较常用的了,之前面试也确实有问到过注解,所以有必要找个时间补一下这部分的缺口
关于微信
微信相关的接口写过很多遍了,大部分的APP也都包含了和微信相关的功能,常见的比如说微信支付,微信登陆等等,然后在码云上也有一个开源并且相对比较成熟的JavaSDK,包含了小程序、公众平台、微信支付等
https://gitee.com/binary/weixin-java-tools
只能说写得够快,那就有充足的时间用来摸鱼
Object转List<Bean>
public static <T> List<T> castList(Object obj, Class<T> clazz) {
List<T> result = new ArrayList<T>();
if(obj instanceof List<?>) {
for (Object o : (List<?>) obj) {
result.add(clazz.cast(o));
}
return result;
}
return null;
}
这种情况常见的就是从Map中取出Object然后转成List,当然,这段代码也是我随手copy的,光看代码逻辑是这样的,对Object进行类型的判断,true时进行遍历,遍历时把Object转成具体的Bean
.forEach(v -> {})
只能说原本遍历list我一直用的都是for,forEach单纯只是想试一试,没想到确实有这么个东西
至于为什么想试的话,当然是因为js中有forEach了,前端遍历我很少用for,首先就是麻烦,forEach写起来也特别方便,java作为js的大爹,没理由没有吧,然后我就试了
// Java
Array.forEach(v -> { ... })
// JavaScript
Array.forEach(v => { ... })
Comments | NOTHING