- 博客(9)
- 收藏
- 关注
RSS订阅原创 图片拉伸、图片变形
今天遇到一个问题，后端给的图片宽>高, 高 > 宽不知道，但都要固定展示成宽300，高100，不让图片变形，为了解决这个问题，就用到了object-fit这个非常good的属性。.img-container{ width:300px; height:100px; object-fit:cover;}他还有以下几个属性，根据自己的需求来设置：object-fit：fill被替换的内容大小可以填充元素的内容框。 整个对象将完全填充此框。 如果对象的高宽比不
2022-03-04 11:33:13
981
转载 PC端屏幕兼容
当UI设计稿只给了标准的一版设计稿，作为苦逼的开发却要兼容Mac\windows灯不同分辨率的设备时，改如何处理？你还在为pc端适配而烦恼吗？相信我，看了之后就不烦恼了 - 掘金
2022-01-07 07:31:43
136
原创 Mac https:// 请求报错 net::ERR_CERT_INVALID
请求中遇到接口报错类似这样net::ERR_CERT_INVALID在浏览器地址栏输入https://测试的地址使页面弹出这个窗口单击这个页面空白处，在键盘拼thisisunsafe回车（tip:这几个字你是看不到的），回车后刷新https://你要请求的地址就可以成功，这是浏览器对https请求要求安全证书的限制。MacOs 10.11.6 NET::ERR_CERT_INVALID 解决方法_Mrs_Parrot的博客-CSDN博客...
2022-01-05 06:24:58
1802
原创 ES6module
开发规范：声明式函数应设置为常量。 对象尽量静态化，一旦设置不得随意添加新的属性，或者使用Object.assign() 默认导出一个对象用大驼峰 函数的默认值： function test(a, b, { bool = false } = {}) { console.log(bool) } 基础知识:1. es6的顶层指向 undefined2.module 导出2.1 export v1 as version12.2 export var v1
2022-01-02 18:02:25
362
原创 chrome只支持https\ 127.0.0.1\localhost三种地址方式调用摄像头，http方式不支持直接调用
chrome无法拉起摄像头
2022-01-02 16:35:53
3529
原创 canvas-刮刮乐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>刮.
2021-12-30 07:33:55
228
原创 canvas-ios 时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>IO.
2021-12-30 07:17:34
1343
原创 js-树形列表
测试数据：[{ id: 1, title: 'list-1' }, { id: 2, title: 'list-2', children: [{ id: 21, title: 'list-2-1' }, { id: 22, title
2021-12-30 07:07:54
917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人