20240717 前端开发日报

还在用 swiper.js 吗?CSS 实现带指示器的swiper;开源了一个可能是最适合后端开发者的Vue3后台框架;【React】实现类似vue的keepAlive组件的持久化;Flutter 组件集录 | 后悔药 UndoHistory;【高德地图】vue使用高德地图(js api);Three.js 加载glb模型;Vue侦听器 (watch)的使用方法及使用场景总结;vue3首页

  1. 【React】实现类似vue的keepAlive组件的持久化

    文章浏览阅读153次。通过这个完整的案例,我们实现了一个类似于 Vue 的KeepAlive功能的组件,通过缓存组件的实例和其 childNodes,在重新渲染时通过读取childNodes恢复组件。通过这种方式,我们可以确保组件的实际 DOM 节点在卸载和重新挂载之间保持不变,从而实现了组件的持久化。

  2. 【高德地图】vue使用高德地图(js api)

    文章浏览阅读482次,点赞19次,收藏3次。vue中使用高德JSapi,添加点标记以及其他覆盖物,高德JSapi的常用操作

  3. Three.js 加载glb模型

    文章浏览阅读179次。引入资源使用。

  4. Vue侦听器 (watch)的使用方法及使用场景总结

    文章浏览阅读192次,点赞5次,收藏3次。Vue侦听器 (watch)

  5. vue3首页

    文章浏览阅读144次,点赞2次,收藏4次。1.MainMenu左侧导航组件2.MainHeader头部组件3.header-crumb面包屑组件4.header-info头部信息组件5.main页面6.动态路由7.退出登录8.刷新保持路由9.第一个页面匹配10.根据路径匹配菜单

  6. Vue如何给页面添加满屏水印及去除水印

    文章浏览阅读357次,点赞7次,收藏4次。在一些特殊的应用场景中,可能需要在网页上添加水印以保护版权或标识信息。本文将介绍如何在Vue项目中添加满屏水印并实现去除水印的功能。通过本文的介绍,我们学习了如何在Vue项目中添加满屏水印,并实现动态控制水印的显示和隐藏。使用Canvas生成水印图像,再通过CSS样式实现水印的全屏覆盖,可以有效保护网页内容。

  7. vue中插槽(slot)详解

    文章浏览阅读292次,点赞5次,收藏2次。Vue中的插槽(slot)是一种强大的功能,它允许开发者在组件的模板中定义可以放置任意内容的区域。通过插槽,可以在组件间进行内容的分发,使得组件的结构更加灵活和可重用。

  8. 【React Hooks原理 – forwardRef、useImperativeHandle】

    文章浏览阅读614次,点赞10次,收藏14次。本文从forwardRef入口结合useImperativeHandle以图文的形式从基本使用到源码解析介绍了这两个API的原理

  9. Vue3 组件向下通信 祖孙组件的通信 provide与inject

    文章浏览阅读161次,点赞2次,收藏3次。当父子间通信可以使用props,祖孙使用provide(传递)或inject(接收),这时不管组件套的多深都可以向下传递。

  10. React 的生命周期方法有哪些?

    文章浏览阅读178次,点赞4次,收藏3次。需要注意的是,React 17 中已经废弃了一些生命周期方法,如 componentWillMount、componentWillReceiveProps 等。从 props 中派生 state,在组件实例化和接收新 props 时调用。决定是否重新渲染组件,在接收新 props 或 state 时调用。构造函数,在组件被创建时调用,用于初始化 state 和绑定方法。从 props 中派生 state,在接收新 props 时调用。在子组件抛出错误时调用,用于更新 state 以渲染备用 UI。

  11. Antv x6拖拽支持svg—–vue super flower拖拽支持图片

    文章浏览阅读223次,点赞2次,收藏2次。Antv x6拖拽支持svg—–vue super flower拖拽支持图片

  12. vue-flow绘制流程图

    文章浏览阅读542次,点赞7次,收藏21次。vue-flow绘制流程图


关注我

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

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

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