20240709 前端开发日报

Echarts中国地图下钻,支持下钻到县(vue3);请不要在 Vue 中滥用“watch”功能,拜托了;vueConf 2024:揭秘vue3.5响应式系统神秘新优化;谈谈干前端五年的几点感受;入门React——hook组件通信(二);入门React——实战Todos代办记事本(单向数据流)(四);React–如何入门使用这个功能强大的js框架;还不会Promise吗?这篇文章让你再也不用被面试官拷打

  1. VUE与React的生命周期对比

    文章浏览阅读693次,点赞14次,收藏10次。VUE与React的生命周期对比

  2. React中的高阶组件(Higher Order Component,HOC)

    文章浏览阅读593次,点赞12次,收藏14次。高阶组件是一种高级的React组件模式,它不是React API的一部分,而是一种基于React的组合性质的模式。HOC可以看作是一个“组件制造机”——它接收一个组件作为输入,输出一个新的增强过的组件。这种模式允许我们复用组件间的通用功能,而不必重复相同的代码。

  3. Vue的学习之生命周期

    文章浏览阅读365次。这一节要花点时间整明白生命周期是个什么原理,可以多试试代码的效果,自己写一些,咱们接下来学习下一节!

  4. 创建一个完整的购物商城系统涉及前端和后端的开发,并且由于篇幅限制,这里我将只提供几个关键部分的简化示例,分别使用Python(后端,Flask框架)、JavaScript(前端,使用React或Vue

    文章浏览阅读497次,点赞14次,收藏16次。后端(Python + Flask)gzrrgx.com首先,安装Flask:bash然后,创建一个简单的Flask应用来模拟商品列表的API:python。

  5. 【vue】下载 打印 pdf (问题总结)- 持续更新ing

    文章浏览阅读342次。【vue】下载 打印 pdf (问题总结)- 持续更新ing

  6. 【vuejs】vue-router多层级路由配置以及页面嵌套的处理

    文章浏览阅读741次,点赞17次,收藏9次。在Vue2和vue-router中,自定义滚动行为是一个重要的特性,它允许开发者控制页面跳转时滚动条的移动。这对于增强用户体验至关重要,尤其是在多层级页面嵌套的情况下。滚动恢复:在多层级页面中,用户可能会离开当前页面去浏览其他部分,当他们返回时,页面应该滚动到他们离开时的位置。Vue-router允许通过函数来实现这一功能。滚动到指定位置:开发者可以通过函数让页面在跳转后滚动到指定的位置,例如,总是滚动到页面顶部或者页面的某个特定元素。滚动行为的实现:通过设置router实例的。

  7. 掌握Vue 3生命周期:从组合式API到高效代码实践

    文章浏览阅读552次,点赞18次,收藏11次。Vue 3 引入了新的生命周期钩子和改进了现有的生命周期管理方式,以适应组合式 API 的引入。生命周期钩子是 Vue 组件中用于控制组件在不同阶段执行特定逻辑的函数。了解这些钩子对于构建高效和可维护的 Vue 应用程序至关重要。Vue 3 的生命周期钩子是构建高效和可维护 Vue 应用程序的关键。它们允许开发者在组件的不同生命周期阶段执行特定的逻辑,从而控制组件的行为和性能。正确理解和使用这些生命周期钩子,对于编写高质量的 Vue 代码至关重要。

  8. 【vueUse库Watch模块各函数简介及使用方法–下篇】

    文章浏览阅读896次,点赞20次,收藏19次。vueUseWatch函数Vue 3 的 `watch` 函数中的 `immediate` 选项在 `vueUse` 中使用类似 `immediate` 的功能总结使用方法vueUse中的watchOnce注意事项结论构想中的watchPausable功能基本思路使用方法(构想示例)注意结论使用方法关键点归纳注意事项构想中的watchTriggerable功能可能的实现方式使用方法(构想示例)注意事项结论构想中的watchWithFilter功能可能的实现方式使用方法(构想示例)注意事项结论。

  9. vue3 封装 echarts

    文章浏览阅读74次。简单封装echarts 便于开发

  10. 【React Hooks原理 – useEffect、useLayoutEffect】

    文章浏览阅读411次,点赞9次,收藏15次。从源码出发,一步一步介绍了useEffect、useLayoutEffect的使用场景以及执行时机和区别

  11. React函数式组件通信方式

    文章浏览阅读474次,点赞8次,收藏16次。react的数据流是自顶向下的,无法通过react直接进行兄弟组件通信,通常是子组件向父组件传递数据,再有父组件告知另一个子组件。组件层级关BrotherComponent>Child1、Child2,组件BrotherComponent调用了组件Child1和组件Child2,组件Child1和Child2是兄弟组件。对于跨级组件来说,可以采用层层传递属性的方式来实现组件之间的通信,但是当层级嵌套关系较深的时候,层层传递是比较繁琐且容易出错的,所以这里利用context来实现组件通信。

  12. vue移动端,监听手机自带的返回按钮

    文章浏览阅读151次,点赞3次,收藏2次。手机物理返回键的监听,当前页停留且不改变路由栈

  13. vue3制作轮播图+vue轮播图的图片引入方式

    文章浏览阅读141次。轮播图,vue3

  14. react-类组件1

    文章浏览阅读821次,点赞9次,收藏20次。Class.context.Type 挂载在class的contextType 属性会被重新赋值为由React.createContext()创建的Context对象,通过this.context可以使用Context上的值。Context.Provider,每个context对象都会返回一个Provider React组件,它允许组件订阅context的变化。jsx顶层只能有一个根元素,jsx中的标签可以是单标签,也可以是双标签。在正常的dom操作中监听点击事件,监听的函数的this是节点对象。

  15. React中的useMemo和memo

    文章浏览阅读595次,点赞18次,收藏12次。React是一个声明式的JavaScript库,用于构建用户界面。在开发过程中,性能优化是一个重要的方面。useMemo和memo是React提供的工具,用于帮助开发者避免不必要的渲染和计算,从而提升应用性能。

  16. React — useState状态更新异步特性——导致获取值为旧值的问题

    文章浏览阅读695次,点赞14次,收藏14次。请注意,设置键盘事件监听的 useEffect 中的依赖数组被设置为空([]),意味着这个 effect 只在组件挂载时添加事件监听器,并且在组件卸载时移除。在 React 的 useEffect 钩子中使用事件处理器时,如果事件处理器引用了组件的状态或属性,并且这些状态或属性在函数定义时的值被固定下来,那么我们就说这个事件处理器是一个闭包,并且它“捕获”了定义它时的环境。当时的场景,主要是为了设置一个esc快捷键,esc快捷键的逻辑功能和按钮为“Done”的时候点击效果是一样的。使用useRef记录值。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流