xiangzhihong8的专栏

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

Flutter环境搭建

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

2018-03-16 23:54:00

阅读数 3452

评论数 2

在Mac上搭建React Native开发环境

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

2016-12-28 21:45:26

阅读数 17320

评论数 2

React Native实现一个自定义模块

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

2016-12-10 22:08:07

阅读数 5309

评论数 0

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

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

2016-11-27 11:07:03

阅读数 9634

评论数 2

初识Node.js

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

2016-10-17 22:07:38

阅读数 3848

评论数 0

React Native项目组织结构介绍

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

2016-09-28 18:57:41

阅读数 8518

评论数 2

React Native运行原理解析

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

2016-09-22 15:54:18

阅读数 41266

评论数 4

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

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

2016-08-16 20:12:57

阅读数 22599

评论数 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

阅读数 3944

评论数 0

React Hook快速入门

Hook简介 React Hooks是React 16.7.0-alpha版本推出的新特性,目的是解决React的状态共享问题。称之为状态共享可能描述的并不是很恰当,称为状态逻辑复用可能会更恰当,因为React Hooks只共享数据处理逻辑,并不会共享数据本身。 在React应用开发中,状态管理是...

2019-06-11 07:55:35

阅读数 44

评论数 0

React Native开发之react-navigation库详解

众所周知,在多页面应用程序中,页面的跳转是通过路由或导航器来实现的。在0.44版本之前,开发者可以直接使用官方提供的Navigator组件来实现页面的跳转,不过从0.44版本开始,Navigator被官方从react native的核心组件库中剥离出来,放到react-native-depreca...

2019-06-04 07:55:52

阅读数 58

评论数 3

Android与RN层的交互

Android跳转到RN页面 由于主客是以插件化的方式集成功能插件的,所以在主客中Android跳转到RN页面需要plugin、module和component。plugin、module不过多解释,component对应的是具体的js页面,要成功启动此页面,需要在对应的RN二方库中注册此页面。例...

2019-05-09 20:08:12

阅读数 58

评论数 0

React Native 0.59.x新特性解读

概述 众所周知,在现在的前端技术开发栈中,跨平台开发是一个重要的课题,不管是老牌的Hybird还是最近流行的RN、Weex还是Flutter,不得不说,现在前端和客户端的界限越来越模糊。 最近在写《React Native跨平台开发进阶》一书,也是对之前的《React Native移动跨平台开发实...

2019-04-17 11:39:37

阅读数 225

评论数 0

Vue开发React Native应用详解

概述 自从2015年4月React Native 发布以来后,关于移动跨平台的话题就层出不穷,不管是大公司还是小公司都在开始使用React Native 来开发跨平台App。不过,也有公司对React Native 并不看好,如Airbnb在去年就开始宣布弃用React Native ,不管如何,...

2019-04-09 20:41:42

阅读数 289

评论数 2

React Native弹框封装

在使用RN开发项目时,经常会遇到各种弹框,产品在设计时又是参照iOS来做的,效果如下: 基于此,我们就来封装一个这样的组件,下面是示例代码: import React, {Component} from 'react'; import PropTypes from 'prop-types'; ...

2019-02-28 17:39:51

阅读数 209

评论数 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

阅读数 846

评论数 1

React Native JSBundle拆包之原理篇

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

2018-12-14 10:02:43

阅读数 457

评论数 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

阅读数 325

评论数 0

React测试框架之enzyme

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

2018-11-07 17:13:18

阅读数 271

评论数 0

前端单元测试之Jest

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

2018-11-07 11:05:24

阅读数 857

评论数 0

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