前端
文章平均质量分 83
WangYuLue
这个作者很懒,什么都没留下…
展开
-
React 灵魂 23 问,你能答对几个?
1、setState 是异步还是同步?合成事件中是异步钩子函数中的是异步原生事件中是同步setTimeout中是同步相关链接:你真的理解setState吗?2、聊聊 react@16.4 + 的生命周期相关连接:React 生命周期我对 React v16.4 生命周期的理解3、useEffect(fn, []) 和 componentDidMount 有什么差异?useEffect 会捕获 props 和 state。所以即便在回调函数里,你拿到的还是初始的 props 和原创 2020-11-21 16:05:12 · 177 阅读 · 0 评论 -
从零搭建Electron应用 的一系列简单的 Demo
Electron 是一个优秀的跨平台桌面应用程序开源库,目前接触 Electron 的开发者也越来越多。但是笔者发现,目前社区里缺少对初学者足够友好的入门教程来帮助初学者用 Electron 搭建一个完整的开发框架。为了解决这个问题,笔者将结合平时的一些 Electron 开发经验,渐近式的带领读者从零开始搭建一个完整的 Electron 应用。在这个教程中,笔者将使用 React 构建渲染进程。当然,读者也可以用其他框架来构建渲染进程,各种前端框架脚手架已经足够友好,所以这一点不用担心。阅读完这篇教程原创 2020-06-09 23:24:48 · 2328 阅读 · 0 评论 -
200行代码理解 RxJS 的核心概念
RxJS 非常强大,各种操作符连接在一起便能让数据流动到需要用到它的地方,有人甚至觉得 RxJS 是魔法;然而,太阳底下无新事,本教程将一步步揭开 RxJS 的神秘面纱;这篇文章会通过 10 个有趣的小 demo 渐进式的实现 RxJS 的核心功能,其中包括:类:Observable 的实现类的方法:subscribe,pipe 的实现创建类操作符:of,from,fromEvent,interval,timer 的实现过滤类操作符:filter,take 的实现工具类操作符:tap 的实现原创 2020-06-09 23:22:29 · 288 阅读 · 0 评论 -
JS中如何进行对象的深拷贝
在JS中,一般的=号传递的都是对象/数组的引用,并没有真正地拷贝一个对象,那如何进行对象的深度拷贝呢?如果你对此也有疑问,这篇文章或许能够帮助到你原创 2017-10-17 23:06:39 · 633 阅读 · 0 评论 -
理解原型链
在JS中,原型链有时候让人觉得很胡里花哨,又是prototype、proto又是各种指向什么的,让人觉得很头疼。如果你也有这种感觉,或许这篇文章可以帮助到你一、认识原型1、先来一串代码var Person = function(msg){ this.msg = msg;}var person1 = new Person("wanger")person1.constructor===Per原创 2017-10-11 22:38:09 · 987 阅读 · 0 评论 -
JS字符串截取函数slice(),substring(),substr()的区别
在JS中,slice()、substring()、substr()都有截取字符串的作用,那他们有哪些用法上的区别呢?如果你也有疑惑,这篇文章或许能够帮助到你。原创 2017-10-15 09:42:12 · 326 阅读 · 0 评论 -
JS中图片压缩的一般方法
前两天公司业务上有需求需要将较大的图片压缩后再传到远程服务器,网上找了不少方法都不太好用,今天有空索性自己写了一个方法,并把它放到了自己的github上,有兴趣的同学可以戳这里一、需求是什么?首先想一想我们有哪些需求?大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器;有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库;有时候后它还原创 2017-11-16 17:28:54 · 1554 阅读 · 0 评论 -
JS中通过指定大小来压缩图片
前不久王二写了一个图片处理库,可以指定图片质量压缩图片,调用的是javaScript的原生方法 toDataURL 和 toBlob,库里有如下这些方法:但是通过质量压缩图片有一些不足之处:无法确定压缩后图片的大小;比如下图,王二随机选了三张图片做测试(感兴趣的小伙伴可以戳这里自行测试),图中x轴是图片压缩质量,取值0~1,y轴是图片的压缩比:可以看到,在设置相同的压缩图片质量下,每张图...原创 2018-12-20 16:27:57 · 5921 阅读 · 2 评论