美文网首页
React Native 概念

React Native 概念

作者: glenlg | 来源:发表于2019-01-12 08:50 被阅读0次

    概念:

    1.字面量(literal)是用于表达源代码中一个固定值的表示法(notation)

    有个不太好,但是足以说明问题的解释,那就是 对象字面量就是引号引起来的部分,必须是等号右边的部分。虽然这样的解释不太好,但是确实如此,这就是字面量。


    2.构造器

    构造器(英语: Constructor;别称:构造方法、构造函数、建构子)是一个类里用于建立对象的特殊子程序。 它能初始化一个新建的对象,并时常会接受参数用以设定实例变量。


    3.继承

    statics

    Super

    This


    4.==>

    箭头函数实际上是在这里定义了一个临时的函数,箭头函数的箭头=>之前是一个空括号、单个的参数名、或用括号括起的多个参数名,而箭头之后可以是一个表达式(作为函数的返回值),或者是用花括号括起的函数体(需要自行通过return来返回值,否则返回的是undefined)。

    不论是bind还是箭头函数,每次被执行都返回的是一个新的函数引用,因此如果你还需要函数的引用去做一些别的事情(譬如卸载监听器),那么你必须自己保存这个引用

    作用:简化传统函数,作用域继承父函数,简化遍历,

    **参数定义和箭头函数的箭头必须在同一行。**


    回调函数

    函数名被作为实参传入另一函数,并在该外部函数内被调用,用以来完成某些任务的函数,称为回调函数。 

    两种回调函数传参的方法:

        回调函数的参数在调用回调函数内部创建

        将回调函数的参数作为与回调函数同等级的参数进行传递


    5.Exports

    Import ,require

    暴露模块的成员或方法:使其它组件可心引入使用(Require).


    6.解构&属性延展 

    解构赋值语法是一个 Javascript 表达式,这使得可以将值从数组或属性从对象提取到不同的变量中。

    • 数组的元素是按次序排列的,变量的取值由它的位置决定;

    • 对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

    #####[a, b, ...rest] = [10, 20, 30, 40, 50];

    #####console.log(rest);

    #####// expected output: [30,40,50]

    这个 ... 操作符(也被叫做延展操作符) 它允许传递数组或者类数组直接做为函数的参数而不用通过apply。

    延展操作符一般用于属性的批量赋值上


    7.同构(isomorphic/universal)就是使前后端运行同一套代码的意思,后端一般是指 NodeJS 环境。

    同构是指同开发一个可以跑在不同的平台上的程序


    8.Hot Reloading , Live Reload

    当你每次保存代码时Hot Reloading功能便会生成此次修改代码的增量包,然后传输到手机或模拟器上以实现热加载。相比 Enable Live Reload需要每次都返回到启动页面,Enable Live Reload则会在保持你的程序状态的情况下,就可以将最新的代码部署到设备上,


    http://www.hangge.com/blog/cache/detail_1542.html

    https://www.jianshu.com/p/92ddd922d775

    1.自动寻址

    2.做抽奖系统

    3.图片上加上文字效果

    4.用imageBackground代替image

    5.require 播放音乐

    6.中奖动画效果

    android studio 的模拟器放代码编辑器右边,不放在单独窗口

    各版本兼容性

    https://juejin.im/post/5b99deef6fb9a05d2f369818

    把图片整个做成按钮,背景用图片展示

    I solved this issue easily by following the below steps,

    I copied dependencies and devDependencies of package.json file from another project that was working fine.

    {

      "name": "NameOfYourProject",

      "version": "0.0.1",

      "private": true,

      "scripts": {

        "start": "node node_modules/react-native/local-cli/cli.js start",

        "test": "jest"

      },

      "dependencies": {

        "react": "16.3.1",

        "react-native": "0.55.4"

      },

      "devDependencies": {

        "babel-jest": "23.2.0",

        "babel-preset-react-native": "4.0.0",

        "jest": "23.2.0",

        "react-test-renderer": "16.3.1"

      },

      "jest": {

        "preset": "react-native"

      }

    }

    I deleted the node_modules folder from the main project folder

    Then, I re-installed node by,

    npm install --save

    react-native run-android

    It will downgrade all the necessary dependencies including "react-native". :)

    2.expo 环境 :  https://blog.csdn.net/didixp/article/details/83892699

    #####精彩稍后继续,尽请点赞打赏.

    相关文章

      网友评论

          本文标题:React Native 概念

          本文链接:https://www.haomeiwen.com/subject/rwuxdqtx.html