汉堡怪兽

组件是 React 代码复用的主要单元，但如何将一个组件封装的状态或行为共享给其他需要相同状态的组件并不是显而易见的。ReactNative 和 React 一样可以使用函数式组件或 Class 组件。最开始只有 Class 组件能够使用 state ，函数式组件都是无状态的。并且渲染结果只与参数有关，参数相同，每次渲染结果都相同。组件之间如果有复用的需求，有一些可复用的逻辑需要从组件中抽取出来，通常是使用 render props 或 高阶组件。render propsclass Mouse ex

简介React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。精读环境要求拥有较为稳定且理解函数式编程的前端团队。开启 ESLint 插件：eslint-plugin-react-hooks。组件定义Function Component 采用 const + 箭头函数方式定义：

1 引言上周的 精读《React Hooks》 已经实现了对 React Hooks 的基本认知，也许你也看了 React Hooks 基本实现剖析（单向链表），但理解实现原理就可以用好了吗？学的是知识，而用的是技能，看别人的用法就像刷抖音一样（哇，饭还可以这样吃？），你总会有新的收获。这篇文章将这些知识实践起来，看看广大程序劳动人民是如何发掘 React Hooks 的潜力的（造什么轮子）。首先，站在使用角度，要理解 React Hooks 的特点是 “非常方便的 Connect 一切”，所以无论是

1. 引言为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。那么 React 中 Function Component 与 Class Component 有何不同？how-are-function-components-different-from-classes 这篇文章带来了一个独特的视角。顺带一提，以后会用 Function Component 代替 Stateless Component 的说法，原因是：自从 Hooks 出现，函数式组件功能在不断丰富，函数式组件不

在理解抓包HTTPS的原理之前，需要先对HTTPS的原理有一定的理解。1.HTTPS 简介HTTPS全称：Hyper Text Transfer Protocol over SecureSocket Layer，基于SSL的超文本传输协议， HTTPS协议 = HTTP协议 + SSL/TLS协议，在HTTPS数据传输的过程中，需要用SSL/TLS对数据进行加密和解密，然后需要用HTTP对加密后的数据进行传输，由此可以看出HTTPS是由HTTP和SSL/TLS一起合作完成的。HTTPS的实质：H.

在理解抓包HTTPS的原理之前，需要先对HTTPS的原理有一定的理解。1.HTTPS 简介HTTPS全称：Hyper Text Transfer Protocol over SecureSocket Layer，基于SSL的超文本传输协议， HTTPS协议 = HTTP协议 + SSL/TLS协议，在HTTPS数据传输的过程中，需要用SSL/TLS对数据进行加密和解密，然后需要用HTTP对加密后的数据进行传输，由此可以看出HTTPS是由HTTP和SSL/TLS一起合作完成的。HTTPS的实质：H.

1.代码格式规范1.1 命名命名优先使用英文全拼，过长可适当使用英文缩写，命名应少于20个字符文件夹名：小写，可以使用下划线进行分割order order_page文件名：使用驼峰命名且首字母大写HomeView.js组件名：组件名称应该和文件名一致，使用驼峰命名且首字母大写export default class ProjectDetail extends Component {}引用名：与组件名一致，使用驼峰命名法且首字母大写//bad import d

BItmap使用优化可以从三个方面进行：内存压缩、对象复用、内存磁盘缓存一. BItmap内存压缩当我们读取一个Bitmap图片的时候，有一点一定要注意，就是千万不要去加载不需要的分辨率。在一个很小的ImageView上显示一张高分辨率的图片不会带来任何视觉上的好处，但却会占用我们相当多宝贵的内存。需要仅记的一点是，将一张图片解析成一个Bitmap对象时所占用的内存并不是这个图片在硬盘中的大小（那是各种压缩格式压缩后的大小），可能一张图片只有100k你觉得它并不大，但是读取到内存当中是按照像素点来算的

加密算法使用密码学可以达到以下目的：保密性：防止用户的标识或数据被读取。数据完整性：防止数据被更改。身份验证：确保数据发自特定的一方。在加密中，应该保密的仅仅是明文和密钥。也就是说我们通常假设攻击者对加密算法和密文了如指掌，因此加密的安全性应该仅仅依赖于密钥而不是依赖于假设攻击者不知道加密算法。在如今的信息安全领域，有各种各样的加密算法凝聚了计算机科学家门的智慧。从宏观上来看，这些加密算法可以归结为三大类：哈希算法、对称加密算法、非对称加密算法。1. 哈希算法哈希算法：又称散列算法，是一

ORM概念ORM 表示全称为对象关系映射（Object Relational Mapping），简单说，ORM 就是通过实例对象的语法，完成关系型数据库的操作的技术。ORM通过描述对象和数据库之间映射的元数据，将程序中的对象自动持久化到关系型数据库中。数据库的表（table） --> 类（class）字段（field）–> 对象的属性（attribute）记录（record，行数据）–> 对象（object）Android ORM框架目前业内有很多ORM框架如GreenDA

1. IOC思想先看一个简单的例子：如果在 Class A 中，有 Class B 的实例，则称 Class A 对 Class B 有一个依赖。例如下面类 Human 中用到一个 Father 对象，我们就说类 Human 对类 Father 有一个依赖。public class Human { ... Father father; ... public Human() { father = new Father(); }}仔细看这段

1.使用DiffUtil去局部刷新数据采用android Support 包下的DiffUtil工具类，它主要是为了配合 RecyclerView 使用，通过比对新、旧两个数据集的差异，生成旧数据到新数据的最小变动，然后对有变动的数据项，进行局部刷新。https://www.cnblogs.com/plokmju/p/7385136.htmlhttps://zhuanlan.zhihu.com/p/260798032.有大量图片时，滚动停止加载图片，停止后再去加载图片https://www.jia

一、缓存机制分析RecyclerView缓存机制源码的一系列文章，分析的很清楚：RecyclerView缓存机制（咋复用？）RecyclerView缓存机制（回收些啥？）RecyclerView缓存机制（回收去哪？）RecyclerView缓存机制（scrap view）1. 总结RecycleView的四级缓存是由三个类共同作用完成的，Recycler、RecycledViewPool和ViewCacheExtension。Recycler用于管理已经废弃或者与RecyclerVie

1. 引言如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。2. 精读什么是 Function Component？Function Component 就是以 Function 的形式创建的 React 组件：function App() { return ( <div> <

Android嵌套滑动讲解NestedScrolling机制之CoordinatorLayout.Behavior实战public interface NestedScrollingParent2 extends NestedScrollingParent { /** * 这个是嵌套滑动控制事件分发的控制方法，只有返回true才能接收到事件分发 * * @param child 包含target的ViewParent的直接子View * @param

一、基础1.动画总结2.补间动画总结3.帧动画总结4.属性动画总结属性动画 Property Animation（上手篇）属性动画 Property Animation（进阶篇）二、属性动画源码分析以 ObjectAnimator 为例来写一个简单的右移动画ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(iv,"translationX",0,100).setDuration(1 * 1000);objectAnimator.

一、基础知识1.Android中常用的距离单位px(像素)：每个px对应屏幕上的一个点。dip或dp：(device independent pixels,设备独立像素)：一种基于屏幕密度的抽象单位。在每英寸160点的显示器上，1dip=1px.单随着屏幕的密度改变，dip和px的换算也会发生改变sp(scaled pixels, 比例像素)：主要处理字体的大小，可以根据用户的字体大小首选项进行缩放。in(英寸)：标准长度单位，1 英寸=2.54 厘米。mm(毫米)：标准长度

1.Canvas常用操作操作类型相关API备注基础方法getDensity, getWidth, getHeight，getDrawFilter，isHardwareAccelerated(API 11)，getMaximumBitmapWidth，getMaximumBitmapHeight，getDensity，quickReject，isOpaque，setBitmap，setDrawFilter绘制颜色drawColor, drawRGB, drawARGB，dr

1.App启动流程Android源码分析之App启动流程（一）Android源码分析之App启动流程（二）2.Activity启动到View绘制流程Android源码分析之Activity启动与View绘制流程（一）Android源码分析之Activity启动与View绘制流程（二）3.View绘制流程（1）自定义View基础 - 最易懂的自定义View原理系列（2）自定义View Measure过程 - 最易懂的自定义View原理系列（3）自定义View Layout过程 - 最易懂的自