云社区 React
# React #
mixins 学习
一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
作者小头像 SHQ5785
89
0
0
【代码混淆】react-native 代码混淆
​ 使用react native开发app，实现代码混淆的操作。无论是加密还是运行时虚拟机，最后都可以通过执行时调试把代码反向生成出来原来的代码，虽然能抵御低端的黑客攻击，但是对高端黑客却形同虚设。 代码混淆是通过修改源代码结构和变量名，使得代码难以被理解和反编译。这可以黑客获取应用程序的代码，也会很难理解它，不管他是高端还是低端的黑客，目前都没有有效的方法来还原为原来的代码，是公认的非常有...
作者小头像 iOS梦想家
4122
0
0
组件间数据更新，可以不写 callback 吗？【玩转 React Hooks】
顺手就是一套 callback业务场景在最新一期的需求中，我需要在所有的购买入口，添加"阅读购买须知"的模块。"阅读购买须知"的模块主要包括两部分内容：购买须知按钮和提示文案。提交购买时，也需要增加对应的校验：是否已经进行了阅读操作。如果未操作，给出提示且不能进行下一步操作；如果已操作，可以继续下一步操作。UI 展示效果组件化设计按照代码复用的设计理念，我将"购买须知"模块进行了组件化设计。...
作者小头像 叶一一
1275
0
1
全栈开发之旅：用React构建直观员工电脑行为监控软件界面
在当今数字化时代，企业对员工电脑行为进行监控是一种常见的做法，以确保网络安全、提高生产力并确保员工遵循公司政策。本文将介绍一次全栈开发之旅，通过使用React构建直观的员工电脑行为监控软件界面。1. 前端开发：使用React构建用户界面React作为一种流行的JavaScript库，为构建用户界面提供了强大的工具。首先，我们创建一个简单的仪表板，显示员工的基本信息和电脑使用情况。以下是一个简...
作者小头像 yd_267761811
240
0
0
基于Electron27+React18仿华为MatePad桌面OS系统
前几天有分享过一篇react18+arco-design开发后台管理系统，今天再分享一篇react18+跨端技术electron打造桌面端OS系统应用。https://bbs.huaweicloud.com/blogs/413317electron-react-macOs 基于electron27+react18+arco.esign+zustand+axios等技术打造的一款桌面版仿华为m...
作者小头像 Andy Yan
497
0
0
ReactNative实现自定义组件
一、前言ReactNative组件分为类组件和函数组件。实现ReactNative自定义组件基本流程如下：组件需要实现什么效果;组件基本逻辑是怎样的；继承Component或PureComponent实现render()方法;定义组件属性字段及其类型，以及是否必须，如不必须则默认字段值是什么;绑定点击或者触摸等事件方法，执行前需要判空;注册、调用。 二、参数传递React Native版本...
作者小头像 SHQ5785
2100
0
0
ReactNative 在移动端实现字体自适应
一、前言在开发react-native App时，相信大家都遇到过这样的问题：当用户设置了系统的字体大小之后，导致APP布局紊乱，甚至有些内容会被切掉/隐藏，这对于用户来讲，是非常不好的用户体验。那为什么会出现这种情况呢？原因是我们在开发的时候，布局的前提是系统的字体大小设置为默认大小，所以只能保证在系统字体大小正常的情况下，我们的布局是友好的，那么，我们应该如何解决这个问题呢？今天这篇文...
作者小头像 SHQ5785
1445
0
0
渐变组件 react-native-linear-gradient 详解
一、安装npm i react-native-linear-gradientreact-native link react-native-linear-gradient 二、属性介绍 2.1 colors默认情况下，渐变色的方向是从上向下的。<LinearGradient colors={['#63B8FF', '#1C86EE', '#0000EE',]} style={{heigh...
作者小头像 SHQ5785
306
0
0
react-native-scrollable-tab-view 标签导航器组件详解
一、概述react-native-scrollable-tab-view 标签导航组件可实现点击切换，每个 tab 可以有自己的 ScrollView，点击切换的时候可以维护自己的滚动方向。 二、使用react-native-scrollable-tab-view插件1、通过npm将插件加入项目npm install --save react-native-scrollable-tab-v...
作者小头像 SHQ5785
269
0
0
ReactNative 点击事件.bind(this)引发的思考
一、前言在React或React-native的点击事件中，会经常用到bind(this)。比如说一个简单的React-native点击组件：export default class AwesomeProject extends Component { constructor(props){ super(props); this.state = { } } hand...
作者小头像 SHQ5785
160
0
0
总条数：399
到第页
热门标签