首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移动跨平台框架React Native 基础教程【01】

    的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的UI使用 React Native系列导航 01-React Native 基础教程 02-安装ReactNative...03-ReactNative目录结构 04-ReactNative视图View 05-ReactNative组件样式style 06-ReactNative文本组件Text 07-ReactNative...组件状态state 08-ReactNative组件属性props 09-ReactNative输入组件TextInput 10-ReactNative图片组件Image 11-ReactNative...活动指示器组件 12-ReactNative弹出框Alert 13-ReactNative存储数据组件AsyncStorage 14-ReactNative动画组件Animated 15-ReactNative...开关组件Switch 16-状态栏组件StatusBar 17-ReactNative滚动视图ScrollView 18-ReactNative选择器Picker 19-ReactNative网络请求

    2.3K20

    硬核实践经验 - 企鹅辅导 RN 迁移及优化总结

    导语 本文阅读时间大约需要 8 分钟,主要内容如下: 1、ReactNative 在腾讯企鹅辅导中的实践 2、ReactNative 的首屏性能优化方案 3、ReactNative 轮播图、动画实践方案...腾讯企鹅辅导 App 中,一共有7个页面是由前端来编写的,其中比较重要的两个:首页 & 列表页都是使用 Plato 编写,具体业务分布图如下: 故这次 Plato 迁移 RN 的工作主要体现在首页、列表页的重构...首页模块剖析 APP首页作为此次重构工作最核心的页面,主要顶部功能区、科目列表、Banner、新人信息、课程卡片List 这5个区域组成。...阶段名称 过程耗时 JS 业务代码加载 400ms AsyncStorage 缓存加载 300ms React 渲染 730ms 渲染上屏 820ms 我们可以看到我们所做的缓存优化好像没什么太多的作用..., RN 中的持久化存储 AsyncStorage 的本质是 JavaScript 通过 JSBridge与 Native 层通信,这就决定了其不能像传统 Web 应用的 Localstorage 那样快

    3.7K30

    施工人员未穿工作服检测

    施工人员未穿工作服检测系统是基于现场前端监控摄像头采集的视频画面,应用卷积神经网络算法和边缘计算视觉分析,施工人员未穿工作服检测系统替代后台人员的双眼,实时识别检测现场人员,一旦发现视频画面中有不穿工作服行为...工作服装在实际作业过程中,防止安全事故层面发挥了重要的作用。因而,按规定穿工作服装是安全的重要措施。...在施工现场安全出口布署施工人员未穿工作服检测系统集成门禁闸机,当作业人员进到安全防范位置工作的时候,门禁系统鉴别,查看是不是穿工作服,假如不穿工作服无法打开门禁。...施工人员未穿工作服检测依据智能视频分析和神经网络算法技术,视频画面信息内容实时分析鉴别,无人工干预;施工人员未穿工作服检测尽早发觉监控地区不穿工作服人员,及时预警提醒,将警报截屏和视频储存到数据库,并把报警记录推送到有关人员

    43340

    hippy-react 支持转小程序

    Navigato - [ ] RefreshWrapper(包装在listview) - [x] Modal Alita对Hippy模块支持情况 常用基本已支持;平台相关的组件,均没有实现 - [x] AsyncStorage...- [ ] NetInfo - [x] PixelRatio - [x] Platform - [x] Stylesheet - [x] Timers 修改后对Hippy模块支持情况 - [x] AsyncStorage...alita提供的组件和hippy-react内置组件并不完全对齐;我们将alita 开源项目拉取下来到我们仓库地址进行维护,并对wx-react-native模块进行修改,拉齐组件和api;完成同构; (正常情况下...alita-loader处理收集信息info, 然后经过babel-loader 处理,最后通过webpack的alita-plugins(多个)生成小程序文件(wxml/wxss等) Alita 的整体架构借鉴了 ReactNative...include 添加路径, alita使用的是webpack打包的方式,会使用alita-loader去解析; 如果是对小程序内置组件或者对小程序自定义组件的使用,都是只会在小程序平台生效,所以需要平台判断,和ReactNative

    2.6K30
    领券