持续分享/小记

最新推荐文章于 2024-08-29 23:56:00 发布
最新推荐文章于 2024-08-29 23:56:00 发布
阅读量136 收藏
点赞数 3
文章标签： react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54513151/article/details/139758540
版权

react-day3

  • 打包优化:
    • 路由懒加载
      • lazy函数对组件进行导入
      • 用<Suspense> </Suspense>包裹组件
    • 包体积分析
      • source-map-explorer
    • CDN优化
  • 性能优化
    1. 默认渲染机制
      • 如果父组件发生重新渲染的行为, 那么子组件也会重新渲染
    2. 使用react中自带的memo函数, 阻止默认渲染行为, 自定义灵活渲染
  • Hooks
    • useCallback(): 阻止函数渲染
    • forwardRef(): 父组件直接获取子组件DOM
    • useImperativeHandle(): 子组件向上暴露方法

TS语法入门

  1. 类型强调
  2. 类型安全 User?.age
junssss
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
笔记分享一
yun_chuan的博客
04-24 179
第二次实战课——笔记分享之用NAS存储文件 部署原理 课程纲要 准备一：安全组创建 ①点击
记录、积累、分享
田攀的日志
04-06 8093
几年里总结了不少东西，都静静的躺在硬盘中，这些资料很多是遇到问题后总结的，也有一些是从好的文章中摘选的，不管如何都是花费了一些功夫才得来的，与其让这些资料在硬盘中沉睡，不如拿出来分享让更多人受益。很多东西如果不记录，很快就会被遗忘，之前清楚的东西，过了若干时间后就变得模糊了，不得不重头开始研究，时间上确实是一种浪费。另外记录了一段时间后，发现记录本身其实也能很好的督促你去对话题做进一步深入研究。记
《信息技术》教学感受小记-论文.zip
08-18
《信息技术》教学感受小记 信息技术，作为21世纪的核心学科之一，对于培养学生的创新思维、实践能力以及信息素养起着至关重要的作用。这篇论文深入探讨了在信息技术教学中的种种感受，旨在分享教学过程中的经验与...
Flex整合J2EE开发小记+源码下载
03-18
标题中的“Flex整合J2EE开发小记+源码下载”揭示了本文的主题，主要讨论的是如何将Adobe Flex技术与Java EE（J2EE）平台相结合进行应用开发，并且提供了相应的源代码供学习和参考。Flex是一种用于构建富互联网应用...
【娜家花园养花小记】
热门推荐
weixin_44698581的博客
06-16 2万+
种花的话，看花开花落，经历寒冬酷暑，都是生命的一个体验的过程。月季花很坚强，酷暑来了，寒冬来了，它休眠一下。然后在其他时间呢，它就尽情的拿生命去绽放。种花更多的感受它带给你的快乐。带给你一些生命的欣喜和对人生的一些感悟。...............
【关于分布式系统开发和微服务架构自我心得小记
qindalele的博客
01-10 2931
一、一个完整项目为何要分布式开发？ 完整项目业务实现是相当庞大，程序员在修改一个业务程序的的代码时，可能会影响整个项目的启动和部署，项目代码一个地方修改会产生很多问题，不利于程序的开发，同时项目的启动和部署是非常耗时，更不利于程序的运行。所以把一个项目拆成若各小项目块，单独修改，就能方便开发，在各个小板块之间，是通过网络来联系。一个单体应用拆分成多个服务，每个服务有自己独立的数据库。单个服务的复杂度降低。这就是微服务架构项目。 二、微服务架构是什么？ 理论：微服务架构风格这种开发方法，是以开发一组小型
StarRocks Hacker Meetup 小记 Part 2｜实时更新场
StarRocks的博客
11-24 415
StarRocks Hacker Meetup 是 StarRocks社区组织的面向开发者的线下活动，旨在通过面对面的交流帮助开发者深入了解 StarRocks核心功能的实现原理，和开发者共同探讨数据库领域的前沿技术。 第一季 Hacker Meetup 共4期，将持续2个月，每两周探讨一个 StarRocks 的核心功能。欢迎大家持续关注。第三期Hacker Meetup 将在12月4日与大家见面！ 上周六，StarRocks Hacker Meetup 实时更新专场如期而至，除了各位老朋友外，现场又.
react.js
只会写bug
08-29 570
一、create-react-app 全局安装create-react-app $ npm install -g create-react-app 创建一个项目 $ create-react-app your-app 注意命名方式 Creating a new React app in /dir/your-app. Installing packages. This might take a couple of minutes. 安装过程较慢， Installing react, react-dom,
vue ref和reactive区别
灰海
08-25 1558
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
对于前端react如果有多个相同模块设置及回显的处理，比如多个年份下的数据的设置及回显
qq18346342939的博客
08-29 86
【代码】对于前端react如果有多个相同模块设置及回显的处理，比如多个年份下的数据的设置及回显。
react vant 在使用dialog.confirm取消报错 Uncaught (in promise) undefined
weixin_44565776的博客
08-29 306
react vant Dialog使用过程中，报错问题
react面试题七
笃励的博客
08-25 812
和React.memo都是React提供的性能优化工具，但它们在应用场景、使用方式以及实现机制上存在差异。选择哪个工具取决于你的组件类型（类组件或函数组件）以及你的具体需求（如是否需要自定义比较逻辑等）。在实际开发中，可以根据具体情况灵活选择使用哪个工具来优化你的React应用性能。
《React Hooks：让你的组件更灵活》
Envyᥫᩣ的博客
08-29 361
Hooks 是 React 16.8 新增的功能，它允许你在不编写 class 的情况下使用 state 以及其他 React 特性。Hooks 的出现是为了让函数组件变得更加强大，同时也保持代码的简洁性和可读性。
react面试题十
笃励的博客
08-27 1046
React中的Context API 是 React 提供的一种在组件树之间共享数据的方法，而无需在每个层级手动地通过 props 传递。这对于那些需要在多个层级间传递的数据（如当前认证的用户、主题或首选的UI语言）来说非常有用，因为它可以避免"prop drilling"（即通过组件树逐层传递props的过程）。综上所述，React Native是React在移动应用开发领域的延伸和拓展，它继承了React的核心思想和特性，并通过一系列技术优化和创新实现了跨平台、高性能的移动应用开发能力。
vue3如何监听reactive对象是哪个属性发生的变化
最新发布
于坤
08-29 148
监听单个属性：使用监听特定属性的变化。监听整个对象：使用并结合deep: true深度监听整个对象，并手动检查哪些属性发生了变化。监听多个属性：可以通过数组或组合computed来监听多个属性的变化。使用toRefs：将reactive对象的属性转换为ref，然后分别进行监听。这些方法可以帮助你灵活地监听reactive对象中的属性变化，根据实际需求选择合适的方式。
Spring Boot 和 React 文件上传与下载教程
DZSpace，专注于计算机科学与技术领域的技术博主，致力于分享实用知识与技巧，帮助读者快速掌握技术要点，共同探索计算机世界的无限可能。欢迎访问DZSpace的博客，一起学习进步！
08-29 499
在本教程中，你将学习如何使用 Spring Boot 构建文件上传和下载的后端功能，以及使用 React 实现前端界面。示例中还包括文件预览的功能。
WHAT - 通过 react-use 源码学习 React（UI 篇）
weixin_58540586的博客
08-28 823
Github 地址react-use 是一个流行的 React 自定义 Hook 库，提供了一组常用的 Hook，以帮助开发者在 React 应用程序中更方便地处理常见的任务和功能。官方将react-use的 Hook 分成了以下几个主要类别，以便更好地组织和查找常用的功能。每个类别涵盖了不同类型的 Hook，满足各种开发需求。
组合式API-reactive和ref函数，computed计算属性，watch函数
m0_63178019的博客
08-28 362
避免直接修改计算属性的值，计算属性应该是只读的，特殊情况可以配置get set。watch( [ref对象1，ref对象2],(newArr,oldArr) => {...} )watch(ref对象，（newValue,oldValue) => {...} )const 计算属性 = computed (() => {注意：计算属性不应该有“副作用”，比如异步请求/修改dom。作用：侦听一个或者多个数据的变化，数据变化时执行回调函数。注意：脚本中访问数据，需要通过.value。
protobuff使用小记
05-31
下面是使用Protobuf的一些小记： 1. 定义消息格式 首先，需要定义消息格式，以便Protobuf可以将数据序列化和反序列化。消息格式定义在.proto文件中，使用protobuf语言编写。例如，下面是一个简单的消息格式定义： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值