felice_zhao-优快云博客

原创图片拉伸、图片变形

今天遇到一个问题，后端给的图片宽>高, 高 > 宽不知道，但都要固定展示成宽300，高100，不让图片变形，为了解决这个问题，就用到了object-fit这个非常good的属性。 .img-container{ width:300px; height:100px; object-fit:cover; } 他还有以下几个属性，根据自己的需求来设置： object-fit：fill 被替换的内容大小可以填充元素的内容框。整个对象将完全填充此框。如果对象的高宽比不

2022-03-04 11:33:13 1226

转载 PC端屏幕兼容

当UI设计稿只给了标准的一版设计稿，作为苦逼的开发却要兼容Mac\windows灯不同分辨率的设备时，改如何处理？你还在为pc端适配而烦恼吗？相信我，看了之后就不烦恼了 - 掘金

2022-01-07 07:31:43 171

原创 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的博客-优快云博客 ...

2022-01-05 06:24:58 2284

原创 ES6module

开发规范：声明式函数应设置为常量。对象尽量静态化，一旦设置不得随意添加新的属性，或者使用Object.assign() 默认导出一个对象用大驼峰函数的默认值： function test(a, b, { bool = false } = {}) { console.log(bool) } 基础知识: 1. es6的顶层指向 undefined 2.module 导出 2.1 export v1 as version1 2.2 export var v1

2022-01-02 18:02:25 423

原创 canvas wx-cropper 基于微信小程序的裁剪功能

wx-cropper 基于微信小程序的裁剪功能可旋转 | 微信开放社区

2022-01-02 17:00:36 3869

原创 chrome只支持https\ 127.0.0.1\localhost三种地址方式调用摄像头，http方式不支持直接调用

chrome无法拉起摄像头

2022-01-02 16:35:53 4141

原创 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 271

原创 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 1382