自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 React Native Pressable组件详解

Pressable是React Native中用于捕获触摸交互的核心组件,它提供了比TouchableOpacity和TouchableHighlight等组件更灵活的配置选项,能够完全自定义按压状态的视觉反馈。最强大的特性是style0.8 : 1,pressed: 是否处于按下状态focused: 是否获得焦点(如通过Tab键)hovered: 鼠标是否悬停(Web平台)

2025-03-26 15:07:18 1114

原创 ReactNative容器组件

).start();}).start();return ({children}容器组件是React Native应用的基础构建块,掌握这些组件的属性和使用方法对于开发高质量的移动应用至关重要。View提供了基础布局能力,Text处理文本显示,ScrollView解决内容滚动问题,而Touchable系列组件则提供了丰富的用户交互体验。在实际开发中,需要根据具体场景选择合适的组件和属性配置,同时注意性能优化和用户体验的提升。

2025-03-26 13:42:37 956

原创 ReactNative内置基础组件

这些核心组件是React Native应用开发中最常用的基础组件,掌握它们的属性和使用方法对于开发高质量的移动应用至关重要。在实际开发中,需要根据具体场景选择合适的属性配置,同时注意性能优化和用户体验的提升。

2025-03-26 08:43:20 1929

原创 expo基础实战案例,做一个图片预览的效果

React Native:跨平台移动应用开发框架Expo:简化React Native开发的工具集expo-image-picker:提供图片选择功能expo-sharing:实现图片分享功能权限处理在需要时才请求权限提供清晰的权限说明错误处理完善的平台兼容性检查友好的错误提示代码组织功能模块化状态管理清晰样式统一管理。

2025-03-24 11:57:24 530

原创 React Native 基础使用指南

用于显示垂直滚动列表,元素结构近似仅数据不同。更适于长列表数据,元素个数可增删,且不立即渲染所有元素,优先渲染屏幕可见元素,做了性能优化。的属性,属性值为一个对象,书写 CSS 样式时采用驼峰命名法,且无法使用缩写样式。是一个通用的可滚动容器,可放入多个不同类型的组件和视图。它不仅能垂直滚动,还能通过。API 以及传统的 Ajax 形式发送网络请求,推荐使用。注意:默认情况下,iOS 会阻止所有的。用于渲染分组数据,可能带有分组标签。,解决了回调地狱问题,且支持。请求,督促开发者使用。找一些接口进行测试。

2025-03-23 20:05:45 584

原创 从零开始手动搭建响应式H5页面

通过这篇文章,我们详细介绍了如何手动搭建一个响应式H5页面。从项目结构、HTML语义化、CSS响应式布局到JavaScript交互功能,我们采用了现代化的Web开发技术和最佳实践。这些知识点和技术不仅适用于小型项目,在大型项目中同样适用。响应式设计不仅仅是调整布局,更重要的是提供最佳的用户体验。在实际开发中,我们需要根据具体需求和场景,灵活运用这些技术。

2025-03-19 14:48:36 2461

原创 使用Bootstrap构建现代响应式H5页面:从入门到实践

在当今移动互联网时代,一个优秀的网站必须能够适应不同的设备和屏幕尺寸。本文将详细介绍如何使用Bootstrap框架构建一个现代化的响应式H5页面,通过实际案例展示响应式设计的核心概念和实现方法。1.移动优先设计:始终从移动端视角出发,逐步扩展到大屏幕设备2.合理使用栅格系统:掌握Bootstrap栅格系统的使用技巧3.组件复用:善用Bootstrap提供的组件,提高开发效率4.性能优化:按需引入Bootstrap的CSS和JS文件,减少资源加载。

2025-03-19 13:51:00 644

原创 typescript基础知识总结

Ts编译方式:①命令行编译:全局安装typescript,运用tsc 文件名;②自动化编译:tsc --init生成一个tsconfig.json的文件,tsc --watch 文件名(可选,不加监听所有),小优化需改noRmitOnError:true,编译出错时不生成.js文件,不推荐使用。4) 共享代码和逻辑:当多个类需要共享部分代码时,抽象类可以避免代码重复。3) 确保关键实现:强制派生类实现一些关键行为。

2025-03-11 16:54:57 589

原创 token无感刷新

由后端返回一个过期时间,前端在每次请求时,判断token的过期时间,如果快到过期时间了,就去调用刷新token的接口(不推荐 --- 如果本地时间被篡改,特别是本地时间比服务器时间慢时,拦截会失败,不建议采用)服务端把用户信息放入 token 里,设置一个过期时间,客户端请求的时候通过 authorization 的 header 携带 token,服务端验证通过,就可以从中取到用户信息。token无感刷新,是为了解决频繁登录造成的用户体验问题,需要前端定时去刷新token,以帮助用户静默登录。

2025-03-06 21:27:52 2511

原创 长列表性能问题的深度剖析

长列表性能问题的深度剖析,包括渲染瓶颈、内存泄漏、滚动卡顿等三种高级优化策略,如无限滚动、分块渲染、数据懒加载等

2025-02-11 21:13:44 528

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除