序言:      年后入职了一家新公司,与前同事交接完之后,发现公司有一个四端的项目(iOS,Android,H5,小程序),iOS和安卓都实现了左的效果,而h5和小程序端没实现,询问得知前同事因网上没找到对应的插件相关博客也比较少,加上公司任务比较紧,所以没做就搁置下来了。movable-view来实现,自己尝试来一下发现可行,于是来写这篇博客记录一下,希望能
转载 2024-01-05 21:46:28
134阅读
Android 长图 在日常使用移动设备浏览网页或者社交媒体时,我们经常会遇到图片或者长篇文字内容需要进行横向滑动查看的情况。而在 Android 应用开发中,我们也经常会遇到需要展示大量图片或者长文本内容的场景,因此实现一个能够横向滑动的长图浏览功能是一个非常实用的需求。本文将介绍如何使用 Android 开发实现这样一个功能,并提供相应的代码示例。 ## 实现原理 实现长图的功能
原创 2023-12-17 09:07:24
107阅读
ViewFlipper的使用(手势屏) 屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。 通过查看OPhone API文档可以发现,有个android.widget.ViewAnimator类继承至FrameLayout,ViewAnimator类的作用是为FrameLay
# 实现 iOS TableView 功能的完整指南 在iOS开发中,UITableView是一个常用的界面组件,但默认情况下,它是垂直滚动的。如果你想让TableView项支持横向滑动,可以通过自定义Cell来实现。本文将带领你一步一步地完成这个功能,并提供详细的代码示例及注释。 ## 流程步骤 我们首先概述实现这个功能的主要步骤。以下是开发过程中需要遵循的流程: | 步骤 | 任务
原创 8月前
12阅读
react的目的是将前端页面组件化,用状态机的思维模式去控制组件组件组件之间肯定是有关系得,通过合理得组件设计,给每一个组件划定合适得边界,可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合:将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js,目录结构如下:├── components│ └── App└── inde
重新设计 React 组件库 诚身 7 个月前 在 react + redux 已经成为大部分前端项目底层架构的今天,让我们再次回到软件工程界一个永恒问题的探讨上来,那就是如何提升一个开发团队的开发效率? 从宏观的角度来讲,其实只有良好的抽象才能真正提高一个团队的开发效率,而囿于不同产品所面临的不同业务需求,当我们抽丝剥茧般地将一个个前端工程抽象到最后一层,那么剩下的其实就只有
转载 2024-08-26 10:07:51
61阅读
介绍 这篇文章是关于如何使用c#编程语言在Visual Studio 2008中使用日历控件的简单演练。日历控件允许用户选择指定的日期或在月份之间移动。在Visual Studio的属性窗口下有许多东西你可以定制,如DayHeaderStyle, DayStyle, NextPrevStyle, OtherMonthDayStyle, SelectedDayStyle, SelectorStyle
转载 2023-12-07 14:16:07
35阅读
一个丰富的界面是由多个控件组成的,想写出一个精美的界面我们就会涉及到多层布局嵌套,接下来开始学习Android 中最常用的三种布局。4.3.1 LinearLayoutLinearLayout 又叫线性布局,是非常常用的布局,在这个布局内的文件会根据 android:orientation 这个属性来进行排列。有两种排列方式,一种是横向排列,在横向排列的时候,每个控件在布局内都会占用一列。另一种是
# 实现 React Android 左返回功能的指南 在现代移动应用开发中,使用 React Native 可以帮助我们构建高效的跨平台应用。本文将教会你如何在 React Native 中实现 Android 的左返回(Swipe Back)功能。我们将通过以下步骤来完成这一任务: ## 流程概述 | 步骤 | 描述 | |-
原创 11月前
158阅读
在使用 React Native 开发 iOS 应用时,“右”手势的实现常常是一个比较棘手的问题。随着 React Native 版本的不断更新,许多开发者在切换版本时会遇到与右手势相关的问题。在这篇博文中,我将和大家分享我在解决“React Native iOS 右”问题的过程,这个过程包括了版本对比、迁移指南、兼容性处理、实战案例、性能优化和生态扩展的各个方面。 ## 版本对比 首先
原创 7月前
52阅读
组件传参 多组件使用!
原创 2021-08-05 16:03:09
220阅读
实例 <div id="example"></div> <script type="text/babel"> function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage /> ...
转载 2021-06-23 00:49:00
222阅读
2评论
React组件 React组件介绍 组件React的一等公民,使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点:可复用、独立、可组合 React组件的两种创建方式 使用函数创建组件 函数组件:使用JS的函数(或箭头函数)创建的组件 约定1:函数名称必须以大 ...
转载 2021-08-02 01:13:00
206阅读
2评论
React轻巧源于React组件的思想。就像没有函数的概念之前,计算一个长方形的面积,每次都是相同的计算长和宽的乘积,然后输出。React允许我们自定义组件,在以后的工作过程中,我们想渲染不同的组件,都可以自定义,通过render函数返回DOM元素节点。React组件示例:<!DOCTYPE html><html> <head> &...
原创 2021-07-28 09:50:19
229阅读
传递props import React, {Component, VFC, ReactNode } from 'react'; const Hello: VFC<{ body: ReactNode }> = ({ body }) => { return <div>{body}</div>; };
转载 2018-08-27 16:35:00
717阅读
2评论
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/react.js"></script> <script src="js/react-dom.js"></scrip
转载 2017-08-09 09:16:00
159阅读
原文链接:https://.newline.co/fullstack-react/30-days-of-react/day-3/ Let's revisit the "Hello world" app we introduced on day one <!DOCTYPE html> <html
转载 2020-02-24 16:50:00
98阅读
2评论
学习目标 了解组件模式 组件分类 类组件又称为动态组件,类组件中可自定义方法,一般有事件
原创 2022-06-27 11:20:35
200阅读
React 组件是构建 React 应用的基本单元。和。
原创 2024-10-14 09:47:14
49阅读
一、组件执行的生命周期:           1、初始没有改变state、props 的生命周期:render  2、改变 state 后的生命周期:    a、父组件的 state 改变:render、【子组件的 componentWillReceiveProps、子组件对应父组件这4个周期函数】、componentDidUpdate父组件的的s
  • 1
  • 2
  • 3
  • 4
  • 5