RoyLuo

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

本文记录一次在使用reanimated 和 react-native-svg 中遇到的一个问题已经解决方案。 最近一个需求中，遇到需要利用svg 来实现一个绳子弹动的动画。 在做demo 时，效果符合预期。 但当放到真实的页面中，并存在大量组件渲染时，通过Animated.cr…

话不多说，直接上题。（时间周期太长，可能不太全了） 面试周期：从投递简历到收到offer大概经历了一个月左右，所以最好还是不要裸辞，不然心态会裂开。 （1）：各种原生方法的使用，基本类型和引用类型，es6中的set（集合）和map（字典）的使用和对应的数据结构。 2、说一下原型…

1. 命令参数解析 由于本文主要分析 react-native 打包流程，所以只需查看react-native/node_modules/@react-native-community/cli/build/commands/bundle/bundle.js即可。 在 bundl…

树莓派（英语：Raspberry Pi）是基于 Linux 的单片机电脑，由英国树莓派基金会开发，目的是以低价硬件及自由软件促进学校的基本计算机科学教育。 树莓派每一代均使用博通（Broadcom）出产的 ARM 架构处理器，如今生产的机型内存在 2GB 和 8GB 之间，主要…

随着自己技能和工龄的增长，接手的项目业务逻辑越来越复杂，需求也在不断增加。自己对于技术的思考也会越来越深入。 创建vue、react项目时，我们可以使用cli工具快速构建，但是其原理是什么，如何实现呢？如果想在普通项目中也引入能提高开发效率的es6、sass等，上线前的编译却又…

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECM…

我们用 React-Native 做混合开发的时候肯定好奇过 JS 侧和 Native 侧是如何通信的，下面来用简单的代码来模拟这个过程。

1. 概述 现在的APP一些视觉效果都很炫，往往在一个界面上堆叠了很多视图，这很容易出现一些性能的问题，严重的话甚至会造成卡顿。因此，我们在开发时必须要平衡好设计效果和性能的问题。 本文主要讲解如何对视图和布局进行优化：包括如何避免过度绘制，如何减少布局的层级，如何使用Cons…