React
Vincent.cy
这个作者很懒,什么都没留下…
展开
-
网页性能优化:延迟加载资源
延迟加载延迟加载是一种在加载页面时,延迟加载非关键资源的一种方法,而这些非关键资源则在需要时才进行加载,就图像而言,‘非关键’通常指的是‘屏幕外’。延迟加载图像和视频时,可以减少初始页面加载时间、初始页面负载以及系统资源使用量,所有这一切都会对性能产生积极影响。通常来说加载网页时,浏览器会请求所有的图像,而不管它们实在视窗还是在页面的更深处并且不可见。延迟加载允许我们加载可见的图像,并且在用户滚动时按需异步加载其他的图片。这减少了负载请求的数据,并可以大大加快该过程。延迟加载图像HTML中的延原创 2020-08-12 10:26:35 · 952 阅读 · 0 评论 -
深入学习 React Hooks
React HooksHook 是 16.8新增特性。hooks 优势能优化类组件的三大问题能在无需修改组件结构的情况下复用状态(自定义Hooks)能将组件中想关联的部分成更小的函数,(订阅数据或请求数据)副作用的关注分离: 副作用致那些没有发生在数据向视图转换过程中的逻辑,如ajax请求、访问原生dom元素、本地数据持久化缓存、绑定、解绑时间、添加订阅、设置定时器、记录日志等。以往这些副作用在类组件声明周期函数值。useEffect在全部渲染完成之后才会执行。useLayoutEffect会原创 2020-08-12 10:25:44 · 217 阅读 · 0 评论 -
React中函数式组件进行优化
转载请注明原出处 原文博客地址: Vincent’Blog React中函数式组件进行优化React 性能优化的思路React 性能优化的方向可以分为以下两方面减少render的次数,在react最花时间的一块reconction阶段(diff),如果不render,就不会reconction。减少计算,主要是减少重复计算,对于函数组件而言,每次的render都会重新执行这个函数。Class Component组件优化的API主要是shouldComponentUpdate和PureCompo原创 2020-08-05 17:07:49 · 655 阅读 · 0 评论 -
Refs的使用场景
什么是RefsRefs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。Ref转发是一项将ref自动通过组件传递到子组件的技巧。 通常用来获取DOM节点或者React元素实例的工具。在React中Refs提供了一种方式,允许用户访问dom节点或者在render方法中创建的React元素。Refs转发Ref 转发是一个可选特性,其允许某些组件接收 ref,并将其向下传递(换句话说,“转发”它)给子组件。背景在React单向数据流中,props是原创 2020-08-04 17:22:18 · 709 阅读 · 0 评论 -
移动应用消息推送及推送原理
消息推送消息通知分本地通知和远程推送通知。本文是记录React Native使用aws push notifications推送及相关配置及遇到的相关问题。在twilio和aws中选择使用aws的Pinpoint服务。Pinpoint服务前一百万条通知免费,之后每一百万条通知收取 1.00 USD。SMS发送的每条消息都需要付费。每条消息支付的价格取决于接收人所在国家/地区。APNs使用keys来配置推送。iOS推送原理苹果的推送服务通知由苹果的推送服务器APNs(Apple Push Noti原创 2020-08-04 17:16:42 · 1601 阅读 · 0 评论