文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

「首席架构师推荐」React生态系统大集合

组件 react-dnd - 拖放React react-grid-layout - 具有响应断点的可拖动和可调整大小的网格布局 react-table - React的轻量级，快速且可扩展的数据网格...- React的可调整大小和可拖动的组件 react-resizable - 一个简单的React组件，可以使用句柄调整大小 react-resizable-box - React的可调整大小的组件...React的JavaScript测试实用程序 react-testing-library - 简单而完整的React DOM测试实用程序 react-hooks-testing-library - React...挂钩测试实用程序，鼓励良好的测试实践 React库 react-border-wrapper - 用于在React中沿div边界放置元素的包装器。...- 使用React的有用组件和实用程序 react-instantsearch - Algolia快速搜索React和React Native应用程序 uppy - Web浏览器的下一个开源文件上传器

12.3K30

面向前端的 Lottie & AE 动画手把手入门教学

因此我们需要给我们的动画设置曲线, 让其符合真实世界的物理规律。 点击图层面板的右上角, 显示曲线面板, 如图: ?...另外, 按住 Command/CTRL 的同时可以直接拖动曲线中的锚点。 我们编辑完的第一条曲线是这样的: ?...首先, 点击图层左侧三角, 展开变换选项, 依次展开: 内容、矩形、矩形路径。将时间轴移到0, 圆度属性设置为0, 点击圆度左侧的时钟小图标, 开始纪录该属性关键帧。 ?.../index.html, 打开浏览器, 将会看到我们的动画, 是不是非常酷~ 除了能够播放和暂停, Lottie 还为我们提供了更加精细的动画控制方法和事件钩子, 有兴趣的小伙伴参考: GitHub...- airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native

2.6K50
您找到你想要的搜索结果了吗？
是的
没有找到

环境配置：React Native智能开发工具，可代码提醒的IDE—VS Code

（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间） VS Code是一个专门为React Native项目提供开发环境的扩展开发插件工具。...更多关于使用VS Code调试的信息，可以查看整个指南： 地址：https://code.visualstudio.com/docs/editor/debugging 在命令面板上使用React Native...命令 打开命令面板，选择React Native命令类型。...提示中的解决办法 解决上面不显示和图中不一致的问题，其实是开发工具中没有安装React Native Tools的原因，我们可以在扩展里搜索React Native找到React Native Tools...我们可以验证是否已经启动Salsa智能提醒功能，可以检查最底部的状态栏Status Bar，如果这样显示，说明已经成功了。 ? 关于VS Code的内容，我们大致先讲解这些吧。

2.8K50

TDesign 更新周报（2022年8月第1周）

Table:树形结构，修复无法更新或重置数据问题 resetData树形结构，修复懒加载节点重置时（即调用 setData）没有清空子节点信息问题树形结构，展开全部功能，不应该展开懒加载节点修复吸顶的多级表头左侧边线缺失问题修复多级表头时...，表尾显示不同步的问题列拖动后，选择行导致拖动后的距离被重置Datepicker: 修复单独配置 clearable 失效问题TreeSelect: 修复输入项过长时，操作区域图标被遮挡的问题Cascader...Upload: 增加setPercent 实例方法用于满足自定义上传方法时设置上传进度Bug修复dialog: 删除冗余的样式Table:树形结构，展开全部功能，默认不应该展开懒加载节点Table: 多级表头...Features支持全局替换 tdesign 内置 IconDatePicker: 支持季度选择器Rate: 新增 rate组件Select: 展开面板后二次点击输入框调整为关闭面板Grid: col...FeaturesAvatar: 新增 CSS Variable 调整 Avatar 背景、内容（文本或图标）Swiper: 新增 paginationPosition 属性，用于调整页码信息的位置Swiper

3.5K10

电脑快捷键

Ctrl+P　打开“打印”面板(可以打印网页,图片什么的...)...Ctrl+V　粘贴当前剪贴板内的内容 Ctrl+W　关闭当前标签(窗口) Ctrl+X　剪切当前选中内容(一般只用于文本操作) Ctrl+Y　重做刚才动作(一般只用于文本操作) Ctrl+Z...　保存为通用表单 Alt+A　展开收藏夹列表 资源管理器 END显示当前窗口的底端 HOME显示当前窗口的顶端 NUMLOCK+数字键盘的减号(-)折叠所选的文件夹 NUMLOCK+数字键盘的加号...(+)显示所选文件夹的内容 NUMLOCK+数字键盘的星号(*)显示所选文件夹的所有子文件夹 向左键当前所选项处于展开状态时折叠该项，或选定其父文件夹 向右键当前所选项处于折叠状态时展开该项，或选定第一个子文件夹...客户服务 osk------------打开屏幕键盘 odbcad32-------ODBC数据源管理器 odbccp32.cpl---ODBC数据源管理器 oobe/msoobe/a-检查XP是否激活

1.1K20

React Native调试技巧与心得

本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。...Network 面板：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。 Source 面板：用于查看和调试当前页面所加载的脚本的源文件。...TimeLine 面板： 用于查看脚本的执行时间、页面元素渲染时间等信息。 Profiles 面板：用于查看 CPU 执行时间与内存占用等信息。...Resource 面板：用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等。 Audits 面板：用于优化前端页面，加速网页加载速度等。...Console 面板：用于显示脚本中所输出的调试信息，或运行测试脚本等。 提示：对于调试React Native应用来说，Sources和Console是使用频率很高的两个工具。

6.8K50

Weex 在饿了么前端的实践

Weex Weex的构架主要是有一个JavaScript Runtime，底层是iOS、Andriod和H5的渲染引擎，通过JavaScript Runtime和Native渲染引擎之间发生事件进行通信...在学习成本上，React Native比H5和Weex要高； 测试方面，React Native和Weex的弱交互性能比较好。...但是在强交互方面，React Native性能最佳；H5能实现，性能差；Weex则还存在一些相对较弱的方面，部分拖动的相关效果无法实现。 ReactNative在兼容性方面并没有那么好。...Github上有一个用React Native高仿Eleme APP的实现，大部分效果都能实现；基于我们对Weex的理解，Weex实现拖动部分交互非常困难，甚至目前的版本不可能实现。...关于React Native的Breaking Changes，可以通过Google搜索“React Native放弃”，可以搜到大量的文章。

1.7K60

UI前端同学回来抢经验，react native开发实战五部曲的实战与锤炼，咬牙学完保证变大牛！

React native介绍 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物...RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。 React Native的优势 1....不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题 2. 有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用 3....可以直接使用Native原生的动画（在FB Group这个app里面，面板滑出带一点果冻弹动，面板基于某个点展开这种动画随处可见，这种动画用Native code来做小菜一碟，但是用Web来做就难上加难...、打包与上线Android和IOS APP、学习资料 项目二:宠物视频App项目实战 第01章 课程预热 第02章 初始 React Native 第03章 RN 入门知识学习 第04章 项目初始准备

1.8K60

React Native调试心得

在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。...Network 面板：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。 Source 面板：用于查看和调试当前页面所加载的脚本的源文件。...TimeLine 面板： 用于查看脚本的执行时间、页面元素渲染时间等信息。 Profiles 面板：用于查看 CPU 执行时间与内存占用等信息。...Resource 面板：用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等。 Audits 面板：用于优化前端页面，加速网页加载速度等。...Console 面板：用于显示脚本中所输出的调试信息，或运行测试脚本等。 提示：对于调试React Native应用来说，Sources和Console是使用频率很高的两个工具。

5K70

腾讯面试官：如何从0到1实现一个高性能Collapse折叠组件，直到现在我还实现不出来

、自定义箭头、禁用状态、隐藏时是否渲染DOM结构 组件接口定义 Collapse 属性 说明 类型 默认值 accordion 是否开启手风琴模式 boolean false activeKey 当前展开面板的...在这种模式下，只有一个面板可以被展开。当一个新的面板被展开时，之前展开的面板将被关闭。 activeKey：当前展开面板的key。如果我们处于手风琴模式，这将是一个字符串或null。...arrow：自定义的箭头。如果是一个React节点，将自动为你添加旋转动画效果。如果是一个函数，它将接收一个参数，表示面板是否被展开，并返回一个React节点。...这个子组件将作为Collapse组件的一部分，用于表示一个可折叠的面板。 arrow：这是一个自定义的箭头。如果这是一个React节点，antd-mobile将自动为你添加旋转动画效果。...如果这是一个函数，它将接收一个参数，表示面板是否被展开，并返回一个React节点。 destroyOnClose：如果设置为true，我们将在面板关闭时销毁它的内容。

36020

React Native开发之调试

在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。...Network 面板：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。 Source 面板：用于查看和调试当前页面所加载的脚本的源文件。...TimeLine 面板： 用于查看脚本的执行时间、页面元素渲染时间等信息。 Profiles 面板：用于查看 CPU 执行时间与内存占用等信息。...Resource 面板：用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等。 Audits 面板：用于优化前端页面，加速网页加载速度等。...Console 面板：用于显示脚本中所输出的调试信息，或运行测试脚本等。 对于调试React Native应用来说，Sources和Console是使用频率很高的两个工具。

3.8K80

React Native程序调试

在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。...Network 面板：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。 Source 面板：用于查看和调试当前页面所加载的脚本的源文件。...TimeLine 面板： 用于查看脚本的执行时间、页面元素渲染时间等信息。 Profiles 面板：用于查看 CPU 执行时间与内存占用等信息。...Resource 面板：用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等。 Audits 面板：用于优化前端页面，加速网页加载速度等。...Console 面板：用于显示脚本中所输出的调试信息，或运行测试脚本等。 对于调试React Native应用来说，Sources和Console是使用频率很高的两个工具。

3.6K60

你不知道的33个令人惊艳的React开发库

formlink image.png Formik 是世界上最流行的 React 和 React Native 开源表单库。...用户可以在窗口中的任何位置拖放甚至选择文件。 react-dnd image.png React DnD 是一组 React 实用程序，可帮助您构建复杂的拖放界面，同时保持组件解耦。...react-i18next image.png react-i18next 是一个基于 i18next 的强大的 React / React Native 国际化框架。...react-query image.png React 的高性能且强大的数据同步。在 React 和 React Native 应用程序中获取、缓存和更新数据，而无需触及任何“全局状态”。...storybook image.png Storybook 是一个用于独立构建 UI 组件和页面的前端研讨会。成千上万的团队使用它进行 UI 开发、测试和文档编制。它是开源且免费的。

28720

2023 最新最全 VSCode 插件推荐！

今天给大家分享一些 2023 年前端必备的 VS Code 插件： 前端框架 ES7+ React/Redux/React-Native snippets 该插件提供了许多速记前缀来加速开发并帮助开发人员为...React、Redux、GraphQL 和 React Native 创建代码片段和语法。...React Native Tools React Native Tools 扩展由 Microsoft 团队构建，它为 React Native 项目提供了一个开发环境。...该插件允许在不同的模拟器或仿真器上轻松运行和调试代码，从命令面板快速运行 react-native 命令，而无需在终端中手动运行命令，并使用 IntelliSense 浏览 React Native 的函数...编程美化 Highlight Matching Tag 当有很多 HTML 标签时，有时很难将结束标签定位到对应的开始标签，反之亦然。使用该插件，单击开始标签时，会看到结束标签带有下划线。

2.8K30

TDesign 更新周报（2022年7月第3周）

，其他同学可以忽略 FeaturesJumper: 新增 jumper 组件Icon: 新增mirror和rotation图标DatePicker: 支持面板年月动态响应 value 变化Table:树形结构支持同时添加多个根节点新增可编辑行的表格...；新增 showEditIcon，用于控制是否显示编辑图标 Bug FixesSelectInput: 修复透传 disabled 失效问题Icon: 修复 iconfont 高级用法由于 t-icon...，修复 onEnter 无法触发 onEdited 问题；修复校验不通过时，无法退出编辑态的问题修复表格列宽拖拽到最大或最小时，有可能无法二次拖拽的问题详情见：https://github.com/Tencent...: 列宽拖拽，拖动到边界处后无法再次拖动Table: 多级表头场景下的多选，无法全选Table: 修复可选中行 table 组件，data 为空数据时，默认全选按钮会选中的问题InputNumber:...table: 树形结构，支持同时添加多个根节点table: 可编辑单元格/可编辑行，新增 showEditIcon，用于控制是否显示编辑图标table: 新增可编辑行的表格table: 可调整列宽，无边框表格

2.7K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券