20240531 前端开发日报

开源&Vue3+TS | 王者荣耀图鉴;孤影探径,回顾我低代码开源这几年;【实操】基于 GitHub Pages + Hexo 搭建个人博客;Obsidian 达人成长之路 #2:使用终极工具 Dataview 释放笔记库的潜力 · JavaScript API;图形碎片化切换效果、前端互动场景的性能优化、MySQL慢查询处理、领域驱动设计DDD的B端实践 | 酱酱的下午茶第318期;nodejs基于vue+elementui学习视频流媒体网站;BEM-CSS实战抖音团购模块;前端实现文件预览(word、excel、pdf、ppt、xmind、 音视频、图片、文本) 国际化

  1. nodejs基于vue+elementui学习视频流媒体网站

    文章浏览阅读267次,点赞2次,收藏3次。随着时代的发展流媒体技术与我们的生活息息相关,我们在很多时候都用到了流媒体技术,我们主要解决的问题就是流媒体给我们的生活带来了哪些生活便利,今天我们就应用我们所学到的知识进行应用,在web的基础上学习视频流媒体并设计网站,应用到的技术就是vue框架以及数据库之间的关联,设计一个学习视频媒体流的网站,这个网站包括了我们所需要的视频点播,搜索视频,以及筛选自己所需要的视频,及简单的注册登陆内容。上传者可以对列表中的学习视频进行增加、删除操作,也可以在添加时在描述框内添加相应的学习视频描述。

  2. vue响应式API,ref和reactive的使用

    文章浏览阅读689次,点赞15次,收藏14次。在setup函数中,返回的值是不能够被改变的,通过响应式API(ref和reactive)的响应式代理,可以实现传递动态变化的值。响应式API可以让setup中的非响应数据,传递出来,并使其可以响应,从而实现页面的动态编辑,我们可以把ref和reactive看成对数据的特殊赋值,

  3. 控制台报错:dynmicComp.vue:12 [Vue warn]: Vue received a Component that was made a reactive object. This c

    文章浏览阅读215次,点赞4次,收藏5次。这个Vue警告信息指出,Vue接收到了一个被标记为响应式对象的组件。在Vue 3中,响应式系统是通过Proxy来实现的,它会拦截对象属性的访问和修改。当你将一个组件实例或类似对象转换为响应式对象时,Vue需要额外的工作来追踪这些属性的变化,这可能导致不必要的性能开销。这意味着只有引用的值是响应式的,而值的内部结构不会被Vue追踪为响应式。这适用于当你需要响应式引用一个对象,但不需要Vue追踪对象内部属性的变化时。是一个响应式引用,但只有它指向的对象是响应式的,对象内部的属性变化不会被追踪。

  4. react的hooks是什么意思

    文章浏览阅读383次,点赞8次,收藏3次。react的hook是什么意思,常用hook有哪些.。以会vue的角度去对比一下react Hooks

  5. vue3组合式API setup ref和reactive

    文章浏览阅读133次。setup是vue3中的一个新的配置项vue2中写法可以读取到新写法中的东西,所以setup执行在data之前,可以在ref定义基本类型数据,对象类型的响应式数据reactive定义对象类型数据响应式数据。

  6. vue3 + ts + element-plus 实现递归组件(用于导航栏)

    文章浏览阅读198次,点赞3次,收藏3次。简单来说,就是组件内部引入自身的情况,用于实现树形、菜单等层级结构的数据展示。

  7. Web前端三大主流框架:React、Vue和Angular

    文章浏览阅读177次,点赞3次,收藏2次。React、Vue和Angular作为Web前端开发中的三大主流框架,各有千秋。React以其声明式编程和虚拟DOM在性能优化方面表现出色;Vue以其易用性和灵活性,成为快速开发和小型项目的首选;Angular则以其全面性和类型安全,成为企业级应用开发的强有力候选。

  8. 【区分vue2和vue3下的element UI Input 输入框组件,分别详细介绍属性,事件,方法如何使用,并举例】

    文章浏览阅读429次,点赞7次,收藏3次。在 Vue 2 中,Element UI 提供了el-input组件用于输入框功能。而在 Vue 3 中,Element UI 没有直接支持 Vue 3,但有一个名为 Element Plus 的项目提供了与 Element UI 类似但支持 Vue 3 的组件集。下面我将分别介绍 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中el-input组件的属性、事件和方法,并给出示例。

  9. 深入解析Web前端三大主流框架:Angular、React和Vue

    文章浏览阅读919次,点赞25次,收藏22次。Web前端三大主流框架分别是Angular、React和Vue。下面我将为您详细介绍这三大框架的特点和使用指南。

  10. Web Components与框架集成:Vue & React案例分析

    文章浏览阅读466次,点赞19次,收藏14次。一直以来,都梦想着打造一个完全自定义、可复用且跨框架的UI组件库,让我的项目开发变得更加高效。在一次偶然的机会下,我接触到了Web Components,一种原生的Web API,它允许我们创建自定义的HTML标签,实现组件化开发。于是,我决定在我的最新项目中,尝试将Web Components与流行的前端框架——React和Vue进行集成,看看这样的结合能带来怎样的火花。在项目初期,我被Web Components的强大功能所吸引。

  11. vue+openlayers+nodejs+postgis实现轨迹运动

    文章浏览阅读172次,点赞4次,收藏6次。vue+openlayers+nodejs+postgis实现轨迹运动

  12. 解决 Vue3+ElementPlus 使用table 展开行type=“expand“ 时,遇到行展开后又自动关闭的问题

    文章浏览阅读261次。(项目需求和element组件设计逻辑冲突,展开行默认初始化时已获取到tableData的所有数据,点击展开行时直接展示即可,项目需求为点击展开行时再获取数据动态渲染展开行)Element Plus table 的行展开状态是由数据驱动的,如果在展开行的过程中数据发生变化,即使是非关联数据的变化,都可能触发组件的重新渲染,从而导致已展开的行被自动关闭。expandChange方法获取数据后,用 :expand-row-keys="expandedRowKeys"来控制哪些行是展开的。_element plus table expand数据保持响应式

  13. 发布-订阅者模式 VueJS使用

    文章浏览阅读239次,点赞8次,收藏3次。在VueJS中自定义封装一个实现“发布订阅者模式 ”事件总线对象

  14. vue中使用video.js播放mp4,m3u8格式视频

    文章浏览阅读152次。复制既可用, 可根据你的业务修改。

  15. Electron+Vue多页面多入口应用,窗口间传输大数据的最优方式sharedWorker

    文章浏览阅读676次,点赞11次,收藏18次。Electron+Vue多页面多入口应用,窗口间传输大数据,避开主进程中转,避开JSON.parse(JSON.stringify())转换的最高效方式sharedWorker

  16. React 中图片请求失败使用裂图

    文章浏览阅读108次。事件处理程序来捕获图片加载失败的情况,并在发生错误时更新图片地址为默认图片地址。,分别表示要显示的图片地址和加载失败时要显示的默认图片地址。你可以在需要显示图片的地方使用这个组件,并传入相应的。钩子来维护当前要显示的图片地址,然后使用。在这个示例中,我们创建了一个名为。的组件,它接受两个属性。

  17. vue加载three.js模型

    文章浏览阅读339次。将gltf模型文件放在public文件夹下。

  18. 前端Vue小兔鲜儿电商项目实战Day03

    文章浏览阅读515次,点赞16次,收藏20次。使用带有参数的路由时需要注意的是,当用户从/users/johnny导航到/users/jolyne时,相同的组件实例将被重复使用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会被调用。问题:一级分类的切换正好满足上面的条件,组件实例复用,导致分类数据无法更新解决问题的思路:1. 让组件实例不复用,强制销毁重建;2. 监听路有变化,变化之后执行数据更新操作。①路由缓存问题产生的原因时什么?答:路由只有参数变化时,会复用组件实例。

  19. 探索Web前端三大主流框架:Angular、React和Vue.js

    文章浏览阅读458次,点赞7次,收藏3次。在现代Web开发中,前端框架的选择对于项目的成功至关重要。Angular、React和Vue.js作为三大主流前端框架,各自拥有独特的特点和优势,本文将对它们进行详细的探索和比较。


关注我

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

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

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