背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
react-native 导航组件react-navigation详解
继续上篇文章 ，还是先看下上篇文章 react-navigation 的官方文档，没看也没有关系，请看下面我的唠叨我们 配置路由，话不多说，直接还是贴代码吧。1、 StackNavigator: 用于app界面窗口之间的切换2 、TabNavigator: 用于设置一个界面的不同tabs3、 DrawerNavigator:
转载
2024-03-11 20:54:21
50阅读
React Native获取手机屏幕宽高（Dimensions）
原创
2023-08-07 07:33:00
296阅读
近来闲来无事，准备详细学习一下react Native。简单介绍：React Native于F8大会开源,在短短不到一年的时间里,它成为手机端必不可少的开发模式之一。 它充分利用了Facebook现有的业务轮子, 其核心设计理念：既拥有Native的用户体验、又保留React的开发效率。目前，React Native基本完成了对多端的支持，实现了真正意义上的面向配置开发: 开发者可以灵活的使用HT
转载
2023-10-31 13:37:38
96阅读
处理方法： （1）html书写 form标签中去掉action参数，定义onSubmit方法，如下所示： （2）事件处理 关键的是阻止掉页面默认提交： .
转载
2018-07-11 21:20:00
664阅读
2评论
import { Dimensions } from 'react-native' console.log('Dimensions', Dimensions.get('window')) 参考链
原创
2024-04-29 09:34:59
259阅读
一、使用react-app-rewired包修改react配置1、安装基础的包npm install react-app-rewired customize-cra -D2、在项目的根目录下创建一个config-overrides.js文件const { override } = require('customize-cra');module.exports = {};3、安装样式转换的包npm install less -D4、安装postcss-pxtorem包n
原创
2021-06-15 15:55:21
1442阅读
一、通过import方式（适用于插入静态图片）：import React from 'react'
import logo from './asset/logo.jpg'
export default class Login extends React.Component {
render() {
return (<>
&l
转载
2024-07-13 16:11:31
110阅读
样式``animated动画使用方式：比如要一个View组件产生动画效果用一个Animated.View组件代替V
原创
2023-02-14 09:03:34
116阅读
# 在 React H5 中保存图片到 iOS 手机相册的实现
随着移动互联网的发展，前端开发者需要根据用户的需求不断优化应用程序的功能。一个常见需求是在移动端应用中支持将图片保存到手机相册。在这篇文章中，我们将探讨如何在 React H5 应用中实现这一功能，并提供代码示例以帮助理解。
## 理解保存图片的机制
在实现将图片保存到手机相册的过程中，首先要了解 iOS 平台的特性。iOS 系
In this lesson, you will learn how to use PureComponent in React to reduce the number of times your component re-renders. This works because PureCompo
转载
2018-09-29 03:25:00
346阅读
2评论
// Window large lists with react-virtual // http://localhost:3000/isolated/final/04.js import React from 'react' import {useVirtual} from 'react-virtu
转载
2020-10-23 00:10:00
438阅读
2评论
以上就是我们对React的初步认识，包括React的概念、基础知识、如何创建React项目、编写React应用程序，以及一些基本的操作。接下来，
原创
精选
2023-09-26 14:59:51
583阅读
这个功能类似于chrome浏览器的网络诊断工具，不同点在于web，手机端化了。功能也
原创
2023-04-11 09:27:40
82阅读
从本栏起，我们开始系统的学习 React，本篇文章主要讲述 正式学习知识点之前需要做一些准备工作。
既然是学习，那么还是要看官方的文件，这边提供了预习资源：预习资源Reactcreate-react-app同时我的开发环境是：开发环境vscode下载 node.js下载起步可以直接运行下面的 命令行，也可以使用 npx ：# 安装官方脚手架 并 初始化
npm install -g create-
学习目标 React-Redux学习（不需用subscribe） 安装： cnpm install react-redux --sa
原创
2022-06-27 11:29:57
340阅读
1.函数组件使用memo当父组件给子组件传递了props的时候，如果在父组件没有加判断子组件条件性渲染，eg: {isShowChild&& }，每次父组件执行render，子组件(函数)都会重新渲染(执行)，这时候如果是在子组件用memo导出，eg：const Child = (props) => {
return <div>那一夜{props.Chil
转载
2024-05-02 23:23:08
57阅读
开头作者：Peter，React中的一个re-render问题，相信很多人都遇到过。接下来给大家具体讲讲这个问题re-render？首先使用我的脚手架npm i ykj-cli -g
ykj init App
cd ./app
yarn
yarn dev这样一个webpack5、TS、React项目就搭建好了 我们目前只有一个APP组件，内部代码：import Myy from './myy
转载
2024-03-07 12:38:38
77阅读
React.PureComponent is similar to React.Component. The difference between them is that React.Component doesn’t implement shouldComponentUpdate(), but
转载
2018-02-05 03:04:00
286阅读
2评论
