REACT
文章平均质量分 74
轩轩990218
三年经验前端工程师,各类组件库,框架教学式博客
展开
-
React06
React06 今日内容: • 路由系统: 实现多页项目 • 网页组件的使用 路由系统 https://www.reactnative.cn/docs/navigation 原生带有路由系统, 但是功能不够强大. 手机端路由通常采用第三方的模块: https://reactnavigation.org/ 使用说明: https://reactnavigation.org/docs/getting-started 项目下安装支持模块: npm install @react-navigation/native原创 2021-06-09 10:03:31 · 66 阅读 · 0 评论 -
React05
React05 作业1: 斗鱼 // rnc import React, {Component} from 'react'; import { Dimensions, Image, ImageBackground, ScrollView, Text, TouchableOpacity, View, } from 'react-native'; const {width, height} = Dimensions.get('screen'); function rpx(fs)原创 2021-06-08 09:18:08 · 128 阅读 · 0 评论 -
React04
React04 ReactNative的执行流程: 命令行 生成项目包 react-native init 包名 编译为apk 并 运行服务器 apk: 为了安装到模拟器上 服务器: 为了把你修改的代码 实时传递给模拟器 : 热更新 npm run android ip方式: 规避了编译过程 直接使用其他人的apk 安装到模拟器上 启动项目后, 利用ip地址 和 项目服务器关联在一起, 实现热更新 # 获取ip --- 重启电脑 有可能会导致ip变化!!!! ipc原创 2021-06-07 09:48:33 · 95 阅读 · 0 评论 -
React03
React03 条件渲染 在一个函数中, 通过判断 state 中的值, 反馈不同的 JSX 语法 列表渲染 原理: 遍历数据数组, 把其中每一项转化成 JSX 语法, 然后形成新的数组 动态样式 style={{样式名: 值}} className="" 配合外部css文件 import './xxx.css' 必须带 路径标识: ./ ../ / 网络请求 使用 axios 实现 生命周期 componentDidMount: 挂载 shouldCompon原创 2021-06-04 09:20:50 · 133 阅读 · 0 评论 -
React02
React02 前端三大框架中, 来自 Facebook 公司提供的 React. 基本理念: 简化原生DOM操作. 函数封装简化 => 自制 JSX 语法简化 angular, vue: 在html 书写 JS 代码 react : 在 JS 中书写 HTML 组件制作方式 组成页面的零件 – 复用 函数 函数名必须大驼峰 类 必须继承父类: React.Component 固定的 render() 方法, 返回页面 脚手架 npm i -g create原创 2021-06-03 09:21:12 · 59 阅读 · 0 评论 -
React01
React01 React属于前端 三大框架: Vue Angular React vue: 开源社区 react: Facebook angular: Google React编写 分两种方式: 脚本方式 适合入门: 类似于 jQuery的使用 脚手架方式 适合实际工作. 类似于 vue angular 的使用 React 官方: https://react.docschina.org/ 官方脚本: 有些地区网络 可能无法访问 <script crossorig原创 2021-06-02 16:21:12 · 341 阅读 · 0 评论