RN
✅_蜡笔小新_✅
丈夫在世当有为
展开
-
16_RN笔记1_APP开发方式和跳转方式
一,手机app的开发方式1,Native App定义:指使用原生API开发App,比如iOS用OC语言开发优点:性能高缺点:开发维护成本高,版本更新慢。2,Web App 定义:指使用Html开发的移动端网页App,类似微信小程序,整个App都是网页。优点:用户不需要安装,不会占用手机内存缺点:用户体验不好,不能离线,必须联网3,Hybrid App定义:混合开...原创 2018-08-14 16:49:03 · 521 阅读 · 0 评论 -
55_RN笔记12_RN中view标签的属性和样式
1,view标签的属性 view标签有很多的属性,具体查看https://reactnative.cn/docs/view/,style属性只是常用的; 2,view标签的style样式概况 View 的设计初衷是和 StyleSheet 搭配使用,这样可以使代码更清晰并且获得更高的性能。尽管内联样式也同样可以使用。 内联样式可以使用代码联想,StyleSheet不可用;...原创 2018-09-13 10:21:27 · 1913 阅读 · 0 评论 -
53_RN笔记11_ReactNative开发规范(ES6)
本文参照链接文章: https://blog.csdn.net/yuanwenyan/article/details/786536061,基本规范1.0 基本命名规范js的js文件命名,class组件命名:大驼峰AaBbCc js的函数名,方法,参数,变量:使用小驼峰aaBbCc js的文件夹命名:aa-bb-cc1.1 基本类型:在栈内存中,操作和保存在变量的实际的值,直...转载 2018-09-12 15:18:20 · 319 阅读 · 0 评论 -
52_RN笔记10_自定义组件在ES5和ES6的区别
一,ES6自定义组件的一般写法//1,导入资源import React, { Component } from 'react';import { Text, View } from 'react-native'; //2,自定义组件class Greeting extends Component { render() { return ( <Tex...原创 2018-09-12 11:11:37 · 260 阅读 · 0 评论 -
51_RN笔记9_箭头函数,模板字面量
一,箭头函数//1,无参数函数:ES5写法function getGreeting1() { return 'Welcome to JavaScript1'; }//2,无参数函数:ES6新写法const getGreeting2 = () => { return 'Welcome to JavaScript2'; }//3,有参数函数:ES5写法...原创 2018-09-12 10:25:09 · 159 阅读 · 0 评论 -
50_RN笔记8_三点运算符
一,三点运算符对于三个点号,三点放在形参或者等号左边为rest运算符; 放在实参或者等号右边为spread运算符; 或者说,放在被赋值一方为rest运算符,放在赋值一方为扩展运算符1,rest运算符用逗号隔开的值序列组合成一个数组,记住是在定义的时候使用,用在等号左边在函数中定义参数使用//1,用于函数不定参数:只有restvar bar = function(...ar...原创 2018-09-12 09:55:20 · 344 阅读 · 0 评论 -
49_RN笔记7_解构
一,解构解构的作用是可以快速取得数组或对象当中的元素或属性,而无需遍历后,使用arr[x]或者obj[key]等传统方式进行赋值1,数组解构:1,数组解构var arr = ['this is a string', 2, 3];//传统方式var a = arr[0], b = arr[1], c = arr[2];//解构赋值,是不是简洁很多?var [a...原创 2018-09-12 09:09:53 · 511 阅读 · 0 评论 -
47_RN笔记6_变量和常量
1,变量let块级生命周期,大括号内有效; for循环的变量控制,要用let,不用varfor(let i = 0; i < 5; i++){ console.log(i); for(let i = 0; i < 3; i++){ console.log(i); }}2,变量var当前文件内的全局有效 var会覆盖掉之...原创 2018-09-11 18:08:22 · 614 阅读 · 0 评论 -
46_RN笔记5_props和state
一,props:注意:属性,不可用更改1,系统组件,有自己的属性,例如let pic={ uri: 'http://p4.music.126.net/cq1STvQ6q5b_Eg5grsTjYQ==/3275445147663993.jpg'};return ( <View style={styles.container}> <Image ...原创 2018-09-11 17:15:52 · 195 阅读 · 0 评论 -
21_RN笔记4_RN的编辑器VSCode的设置
一,背景:RN的编辑器有很多,这里以VSCode的使用做说明1,webStorm, 2,Sublime Text, 3,Visual Studio Code: 4,HBuiler: 5,Atom + nuclide: 6,Deco: 7,IntelliJ 等等二,插件的选择三,主题的选择四,用户设置(统一设置编辑器外观,字体,主题等,选项可以参照步骤5,进入各个...原创 2018-08-20 16:36:43 · 607 阅读 · 0 评论 -
18_RN笔记3_学习RN的路线
1,背景:本人iOS原生开发,最近要在一个主app中,嵌入公司的业务,决定采用RN来开发,网上看了一些学习方法,决定按照以下步骤来慢慢采坑 2,基本路线如下: 重点学习:关键是了解 JavaScript 的继承,原型链机制, JavaScript 的对象模型业余关注:微软的TypeScript,参考文档:JS的MDN学习 重点学习:了解其原理,如何复用组件,如何处...原创 2018-08-15 15:43:05 · 308 阅读 · 0 评论 -
17_RN笔记2_React及RN的原理
一,React1,React 是由Facebook推出的一个JavaScript框架,主要用于前段开发。2,React 采用组件化方式简化Web开发DOM:每个HTML界面可以看做一个DOM 原生的web开发方式,HTML一个文件,javaScript一个文件,文件分开,就会导致修改起来比较麻烦。 可以把一组相关的HTML标签和JavaScript单独封装到一个组件类中,便于复用,方...原创 2018-08-15 14:56:24 · 1722 阅读 · 0 评论 -
56_RN笔记13_RN中Text标签的属性和样式
1,Text标签概述Text标签有很多属性:可以参考https://reactnative.cn/docs/text/例如文本点击回调属性onPress,长按属性onLongPress等2,Text标签嵌套文本import React, { Component } from 'react';import { Text } from 'react-native';export...原创 2018-09-13 11:38:06 · 1854 阅读 · 0 评论