20240720 前端开发日报

vue3中provide 和 inject 用法#Vue3中解决局部刷新问题;Vue3使用ElementPlus的Tour官方代码报错解决方案;Jquery完成点击变换图片颜色和JS中的DOM操作完成背景颜色渐变方向变换;JavaScript类型判断,typeof和instanceof;typeof null 竟等于 object ?typeof function 又等于 function ?JavaScript 这葫芦里卖的什么药;jQuery-图片变换和JS变化渐变色;Vue3新增时自动获取当前时间;vue-antd-table 自定义筛选 只筛选当前页;

  1. vue3中provide 和 inject 用法#Vue3中解决局部刷新问题

    文章浏览阅读79次,点赞2次,收藏2次。像这种情况,可以使用 provide 和 inject 解决这种问题,不论组件嵌套多深,父组件都可以为所有子组件或孙组件提供数据,父组件使用 provide 提供数据,子组件或孙组件 inject 注入数据。在父子组件传递数据时,通常使用的是 props 和 emit,父传子时,使用的是 props,如果是父组件传孙组件时,就需要先传给子组件,子组件再传给孙组件,如果多个子组件或多个孙组件使用时,就需要传很多次,会很麻烦。使用之前,必须从 vue 显示导入 provide/inject 方法。

  2. Vue3使用ElementPlus的Tour官方代码报错解决方案

    文章浏览阅读223次,点赞6次,收藏3次。由于本人使用ElementPlus的Tour时,发现报错于是写下该文章。

  3. Jquery完成点击变换图片颜色和JS中的DOM操作完成背景颜色渐变方向变换

    文章浏览阅读58次。【代码】Jquery完成点击变换图片颜色和JS中的DOM操作完成背景颜色渐变方向变换。

  4. jQuery-图片变换和JS变化渐变色

    文章浏览阅读58次。注:Jquery无法使用需要添加链接,例:

  5. Vue3新增时自动获取当前时间

    文章浏览阅读72次。如图,点击新增的时候自动获取当前的时间来作为创建时间。

  6. vue-antd-table 自定义筛选 只筛选当前页;

    文章浏览阅读278次,点赞8次,收藏2次。/ 当前是否是筛选状态 0.3s内。判断 isOnFilter = false 不会请求分页接口会保持在当前页面;点击筛选和重置要将 isOnFilter.value = true。需求:产品要求列表的表头可以筛选且只筛选当前页面;配置 – customFilterDropdown。配置插槽 customFilterDropdown。0.3秒后 = false。-isOnFilter 设置是否筛选。配置- filteredValue。

  7. 深入理解 Vue 3 组件通信

    文章浏览阅读266次。在 Vue 3 中,组件通信是一个关键的概念,它允许我们在组件之间传递数据和事件。本文将介绍几种常见的 Vue 3 组件通信方法,包括propsemitsprovide和inject、事件总线以及 Vuex 状态管理。

  8. 饿了么table多选弹框前端分页

    文章浏览阅读90次。【代码】饿了么table多选弹框前端分页。

  9. vue3前端开发-小兔鲜项目-一级页面banner图渲染

    文章浏览阅读205次。其实,首页的banner渲染代码可以拿来复用的,只是区别在于,传递的接口参数不一样而已。我们的一级页面就可以成功拿到了后端接口反馈过来的一级栏目的banner图信息了。我们增加了一个参数对象params.而且做好了默认值的设置。(用的是一种解构赋值的模式)1:改造一下之前的获取banner的接口调用函数,增加一个参数对象。2:把之前HomeBanner.vue里面的代码,拿过来,在template里面新增banner的渲染模块内容。写好默认的值1.(不赋值的情况下,就是这个默认值1)3:修改完善页面内容。

  10. 【React Hooks原理 – useSyncExternalStore】

    文章浏览阅读361次,点赞21次,收藏20次。从基本使用、源码解析(Mount首次渲染、Update更新渲染)、举例说明来介绍了useSyncExternalStore的基本原理和使用,并举例扩展了其实关于SSR的水合阶段的介绍


关注我

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

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

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