ReactNative & JS
文章平均质量分 90
Ethan. L
iOS guy
展开
-
React Native 迁移的阵痛
做技术迁移,是一项高风险、高难度、长周期的事情。高风险体现在,如果实施过程中困难超出预期,或遇到难以逾越的技术难关,很容易陷入进退两难的境地,对企业来说,这算是一场灾难。高难度体现在,它前期需要良好的规划能力和风险预估能力,中期需要较强的技术实施能力。这中间必定会经历一段“阵痛期”,通过就成功,不通过就夭折。长周期,做一次完整的技术迁移,一般以年为时间度量单位,最简单的技术迁移也得以季度为单位,当然这也取决于项目的规模。最重要的一点,是企业有做技术迁移的决心,能够给与人力和财力的支持。原创 2023-05-09 09:06:16 · 578 阅读 · 1 评论 -
React Native 工程基础建设
本文总结 React Native 工程层面的基础建设,包括很多工具选用、规范制定、技术方案选择。对于将要新启 RN 项目的同学们,本文可以作为你的一部分参考。原创 2022-07-01 08:34:08 · 841 阅读 · 3 评论 -
React Native 技术选型分析
所有的技术选型和框架选择,都应该基于项目的实际情况,从多方面去权衡利弊,而不仅仅是看哪个框架或语言更火、更酷炫。原创 2022-07-01 08:27:32 · 661 阅读 · 1 评论 -
Redux 使用原则
一、你可能真不需要Redux首先明确一点,Redux 是一个有用的架构,但不是非用不可。事实上,大多数情况,你可以不用它,只用 React 或 React Native 就够了。曾经有人说过这样一句话:“如果你不知道是否需要 Redux,那就是不需要它。”Redux 的创造者 Dan Abramov 又补充了一句: “只有遇到 React 实在解决不了的问题,你才需要 Redux 。”(以上摘自阮一峰老师的博客:Redux 入门教程(一):基本用法)我是一位移动端开发者,用 React Nativ原创 2021-01-11 14:21:25 · 550 阅读 · 0 评论 -
JavaScript 如何安全删除数组元素?10种方法供你参考
目录1. 删除一个尾部元素2. 删除第一个元素3. 删除一个或多个元素4. 删除指定元素5. 条件过滤删除6. 使用Lodash第三方库进行删除操作7. 自己封装一个删除指定元素的函数9. 使用Delete Operator进行显式删除10. 清空重置数组总结1. 删除一个尾部元素通过改变数组长度删除一个尾部元素var ar = [1, 2, 3, 4, 5, 6];ar.length = 4; // set length to remove elementsconsole.log( ar );原创 2020-07-07 13:15:16 · 921 阅读 · 0 评论 -
React Native到底要不要用?劣势优势全面剖析
摘要:目前流行的两个智能手机操作系统 iOS 和 Android,各自为营,互不相通。一般情况下,开发一款APP需要两支队伍,分别针对 iOS 和 Android 平台进行开发。为了节约人力成本,有人就想到了跨平台开发解决方案。最近几年有多种跨平台开发方案相继出现,其中由 Facebook 推出的 React Native 框架是目前最完善、最受欢迎的一个。本文主要从React Native 的实现原理、优缺点剖析、技术选型的思考这三个方面进行阐述。一、 React Native简介...原创 2020-06-22 15:00:48 · 11397 阅读 · 1 评论 -
RN解决警告:VirtualizedLists should never be nested inside plain ScrollViews
React Native 开发过程中,如果我们把 FlatList 或者 SectionList 控件放在 ScrollView 中的haul,调试的时候会有如下黄盒警告:VirtualizedLists should never be nested inside plain ScrollViews with the same orientation- use another VirtualizedList-backed container instead.这个警告指明了问题,但是没有给出错在哪,也翻译 2020-06-03 16:00:58 · 11501 阅读 · 4 评论 -
React Context介绍和使用
目录我是前言为什么要用(Why)使用方法(How)什么情况下使用(When)原文链接:https://www.robinwieruch.de/react-context我是前言React Context是个很强悍的功能。如果你的应用在逐步增大,试试它准备错。许多著名的第三方库也在使用它,例如Redux。当你的应用如果控件层级很多,有时候需要把Props逐级传递,尤其是把一个Props从顶层...翻译 2019-12-12 18:47:55 · 746 阅读 · 1 评论 -
react-native技术的优劣
前言从2017年初开始到现在,使用React-Native做项目已经一年了。我们做的是一款IM软件,嵌入在一个手机游戏平台的工程内部。之所以要采用react-native(后文简称RN)框架重构它,是因为现在游戏大厅上的所有游戏都是热更新的,为了也能让这个IM软件实现实时更新,减少IPA升级的次数,RN当然是不错的选择。经过一个同事将近一年的预研以后,2017年我们全面开启项目重构。奔着热...原创 2017-08-23 16:43:00 · 41055 阅读 · 12 评论 -
ES6中Json、String、Map、Object之间的转换
转自http://blog.csdn.net/qq_32014215/article/details/68063852/** * Created by chenjialin on 17/3/29. */'use strict';import React, {Component} from 'react'/** *JsonUitl的实现 */class JsonUtils e转载 2017-10-12 16:34:48 · 3172 阅读 · 0 评论 -
ReactNative-从UI开始
前言学习一门新的技术,不管是小白还是老司机,最好的方法当然是边学边做。从移动端开发来说,要接触一个新的技术,像我这样的会开车但不是老司机的人,我选择先创建一个项目,然后从UI开始做起。至于怎么搭建开发环境,怎么创建第一个项目,我就不在博客里写了(嫌麻烦^..^)。可以参考:中文官网 或者不错的博客 此博文纯属新手福利!一个简单的UI界面此界面包含两个View原创 2016-09-14 15:54:11 · 658 阅读 · 0 评论 -
vscode: Visual Studio Code 常用快捷键
https://lzw.me/a/vscode-visual-studio-code-shortcut.html主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可转载 2017-02-13 13:33:58 · 2177 阅读 · 0 评论 -
ReactNative-通过setState控制组件的更新和变化
前言ReactNative内部分别使用了props, state来区分组件的属性和状态。props用来定义组件外部传进来的属性, 属于那种经过外部定义之后, 组件内部就无法改变。而state维持组件内部的状态更新和变化, 组件渲染出来后响应用户的一些操作,更新组件的一些状态。如果组件内部状态不需要更新,即没有调用过this.setState, 全部通过props来渲染也是没问题的, 不原创 2017-04-12 09:48:23 · 12539 阅读 · 0 评论 -
ReactNative获取ListView当前界面展示的row的个数
react-native中的ListView还有很多不完善,用起来真的没原生的方便,一些功能不能实现。不过,稍微变通一下,还是可以变相实现部分不能实现的功能。获取当前界面展示的row的个数ListView有个回调函数onChangeVisibleRows,在视野内可见的数据变化时调用的回调。官网如下解释: onChangeVisibleRows function # (visibleRow原创 2017-07-12 19:49:09 · 1357 阅读 · 0 评论 -
VSCode快捷键大全(Mac)
通用⇧⌘P, F1 显示控制台⌘P 快速打开,快速查找并进入文件⇧⌘N 新建窗口(不是文件)⌘W 关闭窗口基本编辑⌘X 删除整行 (不需要选中)⌘C 复制整行 (不需要选中)⌥↓ / ⌥↑ 上下移动整行⇧⌥↓ / ⇧⌥↑ 复制整行,并粘贴到此行的上面/下面⇧⌘K 删除行⌘Enter / ⇧⌘Enter 插入行原创 2017-07-29 18:13:43 · 9839 阅读 · 3 评论 -
js代码规范
copy一份我司的js代码规范,简单实用。原创 2017-07-09 20:13:24 · 674 阅读 · 0 评论 -
浏览器chrome调试js代码简易教程
浏览器chrome调试js代码简易教程一般的浏览器都有js调试功能,本文以chrome为例,介绍一种简易的js代码调试方法。编写一个html文件本地新建一个.html文件,暂且命名为debug.htmldebug.html中编写代码如下:<body> <script src="./test.js"> </script></body>代码中的 test.js 是待调试的js代码原创 2017-07-22 13:24:04 · 1848 阅读 · 0 评论 -
JavaScript异步操作汇总
概述Javascript语言的执行环境是”单线程”(single thread)。所以异步编程对 JavaScript 语言太重要。如果没有异步编程,根本没法用,非卡死不可。本文介绍js中三种不同的异步方式,Promise, Generator, Async。通过对比三种异步方式的特点,让大家更加优雅地使用异步操作。在ES6之前是怎么写异步操作的: 我们用setTimeOut来做模拟异步fun原创 2017-07-09 20:20:18 · 1350 阅读 · 0 评论 -
ReactNative实现emoji表情图文混排方案
前言在IM通讯软件中,基本上都会有emoji表情功能。聊天气泡中要显示文字和emoji表情的混排(下图所示),在原生iOS开发时,可以用富文本NSAttributedString实现,安卓中用SpannableString实现。当用到React-Native来开发这个功能的时候,貌似没有直接的现成的实现方案。经过一番努力,这个功能已经在项目中实现 ,在此记录。原创 2017-04-19 22:06:17 · 12529 阅读 · 7 评论 -
ReactNative学习路线图
朋友总结的学习路线,资料很全很详细。请参考:http://mr7cat.github.io/2016/07/26/ReactNative/原创 2016-09-13 15:53:22 · 1679 阅读 · 0 评论