React Native创建可在Android和iOS设备上运行的跨平台应用,它使用了本地编程语言和React的最佳部分,React是用于设计用户界面的最流行的JavaScript库之一。  借助JavaScript的强大功能,React Native可以让你以闪电般的速度进行迭代。它还允许你创建真正的原生应用程序,而不会影响你的用户体验。React Native是一个基于JavaScript
0x00 写在前面 在使用unity3d开发游戏项目时,层级的问题往往伴随着UI的开发,而在引入了3D模型、粒子特效后,层级的问题就变得有些扑朔迷离了,甚至会牵扯到Unity的渲染顺序。本篇主要从UGUI的角度出发,浅析UGUI中影响层级的因素。后续会分析UI与3D对象,UI与粒子特效之间层级的关系。0x01 影响层级的因素 前提条件: - Camera-Clear Flags - Can
前言 作为一个android开发者,一定都知道每个activity都需要在AndroidManifest.xml中显示的声明一下,否则在启动的activity的时候就会抛出ActivityNotFoundException的异常。那么真的就没有办法去启动一个没有声明的activity吗?一切答案都在源码里,来让我们从源码看起。activity启动过程 想要知道能不能启动一个不在manifest
1.在Web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或频繁的DOM操作通常是性能瓶颈产生的原因(如何进行高性能的复杂DOM操作通常是衡量一个前端开发人员技能的重要指标)。React为此引入了虚拟DOM(Virtual DOM)的机制:在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行,每
转载 2023-09-28 11:14:51
124阅读
# 如何在React Native中设置iOS层级React Native中,我们有时需要对iOS应用的层级结构进行设置,以实现不同视图的堆叠、显示或隐藏等效果。本文将带你一步一步了解如何在React Native中设置iOS视图层级。 ## 流程概述 为了实现这个功能,我们将按照如下步骤进行: | 步骤 | 描述
原创 2024-09-09 06:36:20
24阅读
yarn add “react-transition-group”: “^4.4.1”,https://reactcommunity.org/react-tran
原创 2023-02-19 10:25:13
582阅读
title: 表单添加多组规则 date: 2021-07-30 tags: - antd起因框架react+ant3(老项目重构很难)新版本一个需求原型如下:[可以有多个规则,且规则之间时间需要连续。上一个结束时间的第二天要是下一个规则的开始时间。如果第一个结束时间是7月30号,下个月的开始时间要是7.31号。依次类推。还要可以批量设置。就是一次性设置多个。首先肯定想到的是用数组map,用的fo
转载 7月前
33阅读
路由的使用 import React from 'react' // 如果要使用 路由模块,第一步,运行 yarn add react-router-dom // 第二步,导入 路由模块 // HashRouter 表示一个路由的跟容器,将来,所有的路由相关的东西,都要包裹在 HashRouter 里面,而且,一个网站中,只需要使用一次 HashRouter 就好了; // Route 表示一个路
转载 11月前
60阅读
js:import React from 'react'import { Icon } from '@components'import classNames from 'classnames'import '....
原创 2021-07-29 10:10:09
798阅读
js:import React from 'react'import { Icon } from '@components'import classNames from 'classnames'import './index.scss'class SystemSetup extends React.Com
原创 2022-06-30 17:36:42
390阅读
一、需求 用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限。于是写了一种实现的方式。首先应用是一个二级树,一级表示的是应用分组,二级表示的是应用,这是table的最左边的数据。然后是按钮的数据,这里显示在table的头部。 二、效果
转载 2016-08-27 21:30:00
411阅读
2评论
实现原理:将要变化的数据以数组的方式存放在一个空数组中,当事件响应时,通过数组方法中的push()和shift()或者unshift()和pop()方法,先将数组中的第一个或者最后一个再次添加进数组中,然后再将第一个或最后一个删除,就这样达到图片的切换。HTML代码:<body><div> <span><a class="pre"><&l
原创 2023-03-01 00:35:19
49阅读
要响应点击事件,需用 TouchableOpacity最左边和最右边的边框圆角实现添加 1 的左外边距,避免边框重合高亮样式在容器和文本上都要添加TouchableOpacity 上也有使用 useCallback 提升性能。
原创 2月前
44阅读
最近搞一个pc端的活动,搞了一个多月,甚烦,因为相比于pc端,更喜欢移动端多一点。因为移动端又能搞我的react了.  今天主要总结一下react当中tab切换的几种方式,因为tab切换基本上都会用到。当然,你也可以在react当中用jquery或者zepto来实现,不过既然都用react了,能不能用jq,就尽量不用jq。不过不得不吐槽一下,在jquery很简单的东西,在react中稍微复杂化了一
前言:之前写过图片切换组件,例如通过改变state,读取图片数组下标来实现切换,感觉效果不是很好,太过生硬,并且因为每次切换时候读取到的下标时候会去重新请求图片的url,重复浪费资源。 重新整理功能:1、点击右侧icon时候切换下面4张图片,并附带有平移动画效果2、点击左侧icon切换前张图片,并附带有平移动画效果思路整理:1、使用css的transform,可以将元素旋转,缩放,移动,
转载 2024-03-29 20:10:27
73阅读
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端
原创 2022-06-04 23:49:28
1129阅读
import React from 'react';import { Text,View,StyleSheet,Switch} from 'react-native';export default class App extends React.Component{ constructor(){
原创 2022-06-06 18:15:54
219阅读
React Hooks简介Hook是React 16.8新增加的新特性,可以让开发者在不用编写class组件的情况下使用state以及其他的一些在类组件中才可以使用的属性。Hooks的特点完全可选的,hooks的使用是非必须的,可以根据实际的需要进行选择使用。Hooks是100%向后兼容的,并且不包含任何的破坏性的改动。React Hook已经在16.8的版本中发布了。使用Hooks的原因可以解决
react 和 vue 的关系有点像可口可乐和百事可乐,你在 react 中做的很多事情都可以在 vue 中完成。当然这里也存在一些重要的概念差异,其中一些反映了 Angular 对 Vue 的影响。 我将在本文中重点介绍两者的差异部分,帮助你快速入门 Vue 并立刻提高生产力。 React 和 V
转载 2020-09-29 15:27:00
287阅读
2评论
在web项目中,多个输入框时,按tab 键是能够进行下一个切换聚焦的,回车也能够加上监听事件,方便用户处理多个输入的事件。js 处理input 监听事件function changeEnter(inputs) {const init = () => { for (let i = 0; i < inputs.length; i++) { inputs[i].addEventListener('keydown', focus(i), false); // 每个input.
原创 2021-11-30 15:56:28
2341阅读
  • 1
  • 2
  • 3
  • 4
  • 5