xiangzhihong8的专栏

技术群:515980159,278792776;招聘群:188716429

Flutter环境搭建

这几年,移动跨平台的趋势可以说是越来越明显,技术实现上也是百花争艳,不过究其实现,无外乎有那么几种。 Web 流:也被称为 Hybrid 技术,它基于 Web 相关技术来实现界面及功能。 代码转换流:将某个语言转成 Objective-C、Java 或 C#,然后使用不同平台下的官方工具来开发...

2018-03-16 23:54:00

阅读数:2403

评论数:2

在Mac上搭建React Native开发环境

概述前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境。配置mac开发环境基本环境安装1.先安装Homebrew:用于安装NodeJS和其他工具。 注:Homebrew详解,对这个比较了解的略过,我也是用mac没多久,这里给小白普...

2016-12-28 21:45:26

阅读数:16818

评论数:2

React Native实现一个自定义模块

概述在 前期介绍React Native 项目结构的时候,我们讲解过React的项目组成,其中说过 node_modules 文件夹,这是一个存放 node 模块的地方。我们知道React是用npm来管理项目的。提到npm,一般指两层含义:一是 Node.js 开放式模块登记和管理系统,另一种是 ...

2016-12-10 22:08:07

阅读数:5182

评论数:0

Intellij IDEA 插件开发之自建插件仓库

Intellij IDEA 有一个自己的官方的插件仓库,但是当我们的开发的 Intellij IDEA 的插件不能够对外公开时,我们就需要搭建自己的 Intellij IDEA 的插件仓库。前不久我们也尝试着使用Intellij IDEA自己开发一个插件点击打开链接。搭建 Intellij IDE...

2016-11-27 11:07:03

阅读数:9058

评论数:1

初识Node.js

相信对于专注javascript发展的同学来说,nodejs已经不是一个陌生的词眼。有关nodejs的相关资料网上已经铺天盖地。由于它的高并发特性,造就了其特殊的应用地位。借用Node.js官网的定义:Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node...

2016-10-17 22:07:38

阅读数:3782

评论数:0

React Native项目组织结构介绍

代码组织:目录结构:. ├── components //组成应用的各个组件 │   ├── Routers.android.js //每个组件若实现不一样,分为android的实现和ios的实现。 │   ├── Routers.ios.js │   ├── common ...

2016-09-28 18:57:41

阅读数:8407

评论数:2

React Native运行原理解析

Facebook 于2015年9月15日推出react native for Android 版本, 加上2014年底已经开源的IOS版本,至此RN (react-native)真正成为跨平台的客户端框架。本篇主要是从分析代码入手,探讨一下RN在安卓平台上是如何构建一套JS的运行框架。一、 整体架...

2016-09-22 15:54:18

阅读数:38952

评论数:3

WebStorm开发工具设置React Native智能提示

最近在做React Native开发的时候,相信大家一般会使用WebStorm,Sublime,Atom等等开发工具。二之前搞前端的对WebStorm会很熟悉,WebStorm最新版是WebStorm2016.2.1,React Native默认不能智能提示代码,githun有一个开源的插件:...

2016-08-16 20:12:57

阅读数:22111

评论数:1

window环境下搭建react native及相关插件

可以先浏览一下中文翻译的开发文档具体了解一下关于React Native,想要查看官方文档可以点http://facebook.github.io/react-native/docs/getting-started.html。 在官方文档中,只给出在Window上安装React Native的...

2016-07-24 09:40:10

阅读数:3923

评论数:0

React Native官方拆包之metro bundle

简介 快速入门 安装 安装metro-core依赖主要有两种方式:npm和yarn。npm安装的命令如下: npm install --save-dev metro metro-core yarn方式的安装命令如下: yarn add --dev metro metro-core 运行 met...

2018-12-17 19:02:04

阅读数:183

评论数:0

React Native JSBundle拆包之原理篇

概述 RN作为一款非常优秀的移动端跨平台开发框架,在近几年得到众多开发者的认可。纵观现在接入RN的大厂,如qq音乐、菜鸟、去哪儿,无疑不是将RN作为重点技术栈进行研发。 不过,熟悉RN的开发者也知道,早期的RN版本中打出来的包都只有一个jsbundle,而这个jsbundle里面包含了所有代码(R...

2018-12-14 10:02:43

阅读数:190

评论数:0

Jest测试语法系列之Expect

Methods Expect主要用于实现验证操作,Jest的Expect提供了如下的验证方法: expect(value) expect.extend(matchers) expect.anything() expect.any(constructor) expect.arrayContaini...

2018-11-12 14:02:16

阅读数:71

评论数:0

React测试框架之enzyme

简介 Enzyme是由Airbnb开源的一个React的JavaScript测试工具,使React组件的输出更加容易extrapolate 。Enzyme的API和jQuery操作DOM一样灵活易用,因为它使用的是cheerio库来解析虚拟DOM,而cheerio的目标则是做服务器端的jQuery...

2018-11-07 17:13:18

阅读数:66

评论数:0

前端单元测试之Jest

概述 关于前端单元测试的好处自不必说,基础的介绍和知识可以参考之前的博客链接:React Native单元测试。在软件的测试领域,测试主要分为:单元测试、集成测试和功能测试。 单元测试:在计算机编程中,单元测试(英语:Unit Testing)又称为模块测试, 是针对程序模块(软件设计的最小单位...

2018-11-07 11:05:24

阅读数:239

评论数:0

React Native发布重构路线图

React Native作为时下最热门的跨平台开发方案,在这两年的移动跨平台方案中可谓一枝独秀,在很多的移动产品中都可以看到它们的影子,相比国内的Weex,RN的迭代更加频繁,性能上也无限的接近原生应用。不过,RN从性能上来说还是有提升的可能,所以,在今年的6月份,也即是Facebook刚刚发布了...

2018-11-03 09:55:10

阅读数:377

评论数:0

React Native单元测试

概述 所谓单元测试,就是对每个单元进行的测试,一般针对的是函数、类或单个组件,不涉及系统和集成,单元测试是软件测试的基础测试,一个完备的软件系统都会涉及到单元测试。 目前,Javascript的测试工具很多,但是针对React的测试主要使用的是Facebook推出的Jest框架,Jest是基于Ja...

2018-10-30 19:27:20

阅读数:534

评论数:0

react-native-router-flux路由库详解

react-native-router-flux 是一个基于 react-navigation 路由框架,简化了RN页面跳转的步骤,并且一直随着 react-navigation 升级更新版本。使用react-native-router-flux 框架,可以将全部的页面跳转的处理逻辑都写在一个地方...

2018-10-10 19:13:12

阅读数:204

评论数:0

美团React Native基础组件库beeshell详解

近年来,伴随着大前端概念的提出和兴起,移动端和前端的边界变得越来越模糊,涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术,到现在耳熟能详的React Native、Weex和Flutter等技术,无不体现着移动端开发的前端化。而提供一套三端统一的开发框架,...

2018-10-02 10:35:58

阅读数:262

评论数:0

React Native与Android的交互

在使用RN进行跨平台开发的过程中,经常会设计到跨平台调用相关的内容,而在于RN进行交互的时候,最核心的就是RN提供的Component和Module。 其中,Component是专门将Native的UI暴露出来供JS调用的,而Native Module则是将Native的模块暴露出来供JS调用的...

2018-09-14 18:11:41

阅读数:188

评论数:0

React Native第三方组件库汇总

移动跨平台框架React Native经过4年的发展,其生态已经变得异常丰富,在使用React Native开发项目的过程中,为了提高开发效率,我们经常会借鉴一些使用使用率比较高的开源库,根据大众的需求,对这些使用较高的 React-Native UI 库,我们做一个简单的总结和归类,方便大家更好...

2018-08-18 20:14:07

阅读数:2999

评论数:2

提示
确定要删除当前文章?
取消 删除