
获得徽章 0
- React的类组件
- 使用this.props直接获取父组件传值
- 类通过state统一管理状态, 调用时候要加上this.state
- 统一使用this.setState()修改状态
- 使用react.createRef()获取原生dom对象, 调用时候要加上this.xxxRef
- 加上this含义: 这些都行都在实例对象中获取, 组件类会变成一个个react对象, 要使用就得this从实例中拿展开评论点赞 - 今天的TS小知识,当接口继承了一个类类型时,它会继承类的成员但不包括其实现。 就好像接口声明了所有类中存在的成员,但并没有提供具体实现一样。 接口同样会继承到类的private和protected成员。 这意味着当你创建了一个接口继承了一个拥有私有或受保护的成员的类时,这个接口类型只能被这个类或其子类所实现。评论点赞
- 在React中使用 useMemo 避免不必要的重复计算
有点像useEffectEvent,但useMemo针对代码是否执行,而useEffectEvent针对是否同步,代码仍执行只是没同步而已。
一般涉及到重新渲染导致大的计算重新多余的运行一次就可以使用useMemo,比如果说修改界面主题不需要在界面重新求值发请求啥的。展开评论点赞 - 今天学习了JSX,JSX是一种嵌入式的类似XML的语法,可以被转换成合法的JavaScript。了解了tsx,在TypeScript中使用JSX需要做两件事:给文件一个.tsx扩展名,并启用jsx选项。JSX的类型检查分为固有元素和基于值的元素。固有元素使用JSX.IntrinsicElements接口来查找属性类型,而基于值的元素则根据元素实例类型上的属性类型进行检查。展开评论点赞
- 今天,我完成了对TypeScript的十天学习,收获颇丰。在这段时间里,我深入了解了TypeScript的语法、类型系统以及它在JavaScript开发中的重要性。
回顾这段时间的学习,我觉得TypeScript的接口和类型注解是最具特色的一部分。通过使用接口,我可以定义对象的结构,这在进行模块间的数据传输或组件设计时非常有用。而类型注解则让我在编写函数时能更清晰地表达意图,提高了代码的可读性和可维护性。
当然,学习过程中也遇到了一些困难。例如,对泛型的学习让我感到有些吃力。尽管如此,我还是努力克服了这些困难,不断练习和反思,逐渐掌握了TypeScript的这些特性。展开评论点赞 - 今天学习了ts的数据类型,包括number string等这些js已有的还包括了interface type enum等类似java的类型,感觉有了规范写起来真的会爽很多!评论点赞
- 大家好!我今天学习了一篇关于Vue3组件中的setup函数的文章
首先,我了解到setup函数是Vue3组件中的一个重要部分。它位于packages/runtime-core/src/component.ts文件中。通过调用createComponentInstance函数,我们可以在组件挂载的过程中找到setup函数的调用位置。
在阅读源代码的过程中,我发现了一些有趣的细节。在createComponentInstance函数中,我们可以看到setup函数是在处理完props和slots之后被调用的。而在setupComponent函数中,它进一步初始化了props和slots,并根据组件是否有状态调用了setupStatefulComponent函数。
setupStatefulComponent函数是一个关键的部分,它创建了代理缓存accessCache和公共实例代理对象proxy。然后,它执行了组件的setup逻辑。这个函数的执行结果会被返回,并在后续的操作中被用来生成渲染函数。
通过学习这篇文章,我对Vue3组件中的setup函数有了更深入的理解。我明白了它在组件挂载过程中的重要作用,以及它与props和slots的关系。我也意识到了自己在学习过程中的成长和进步。
总的来说,我非常喜欢学习前端,并且对Vue3的源代码有了更深入的认识。我会继续努力学习,不断提升自己的技能~展开评论点赞