2019年02月_qq_36934775

原创 Promise Generator async/await

Promise（ES6）1.代表异步操作，有三种状态：Pending（进行中、未完成的）Resolved（已完成，又称Fulfilled）Rejected（已失败）2.优点：解决回调地域（call hell）问题能更好的进行错误捕获promises 通过reject方法吧Promise的状态设置为rejected，这样我们在then中就能捕获到，然后指向“失败”情况的回调...

2019-02-28 11:10:13 221

原创图片上传压缩旋转

参考链接：https://blog.csdn.net/mm782642353/article/details/87896558

2019-02-26 10:57:09 138

原创 this

参考链接：https://mp.weixin.qq.com/s/rRv6-8Y2ZNVfzQ8IkKnOWAthis是很多人会混淆的概念，但是其实他一点都不难，你只需要记住几个规则就可以了。this只依赖于调用函数的对象优先级最高的是构造函数call,apply,bind能改变this的指向，优先级仅次于new的构造函数箭头函数没有this，箭头函数的this只取决于他外面的第一个不是...

2019-02-25 18:10:25 96

原创 iPhone X,XS，XSMax，XR的兼容问题

设备型号devicePixelRatioscreen.widthscreen.height图片选择@3x/2XX/XS3375812@3xXSMax3414896@3xXR2414896@2x

2019-02-25 09:59:34 2829

原创 html5将图片转换成base64代码

参考链接：https://www.jianshu.com/p/90fc1f9042a8优点：可以减少http请求，具有一定的加密功能。缺点：图片编码化base64的时候大小会变大，但是通过gzip优化以后基本差不多所以在应用的过程当中较小的图片可以直接编码成base64，较大的图片则不建议如此使用。h5的接口FileReader.readAsDataURL(),这个接口可以将文件转换成...

2019-02-21 17:41:31 4891

参考链接：https://www.jianshu.com/p/e9521f78d51e1.react性能优化是哪个周期函数？shouldComponentUpdate 这个方法用来判断是否需要调用render方法重新描绘dom。因为dom的描绘非常消耗性能，如果我们能在shouldComponentUpdate方法中能够写出更优化的dom diff算法，可以极大的提高性能。2.为什么虚拟do...

2019-02-21 15:13:13 227

原创 react复制文本到剪切板

用到copy-to-clipboard方法：在package.json内（npm 之后）："dependencies":{"copy-to-clipboard":"^3.0.5"}引入import copy from 'copy-to-clipboard';//使用方法copyText=()=>{ copy(this.state.text); mes...

2019-02-20 11:02:36 2521

原创 css常用样式

去除select的默认样式select{ border：none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}注意：appearance属性：1.所有主流浏览器都不支持 appearance 属性。2. Firefox 支持替代的 -moz-appearance 属性。3. Safa...

2019-02-20 10:56:36 159

原创 webpack-dev-server

https://www.webpackjs.com/configuration/dev-server/#devserver-port关于webpack-dev-server的配置信息

2019-02-20 10:17:00 218

qq_36934775的博客