20240213 前端开发日报

Vue3+vite+Ts+pinia—第五章 watch与watchEffect;Vue中Scoped样式:优雅解决组件化开发中的样式隔离问题;手写babel插件-第二讲;resolve延迟现象和Promise.resolve真相;大前端老司机的浅谈;5 款值得推荐的开源图片编辑器「建议收藏」;使用 Actions 自动点亮 GitHub 热点图,让你的 GitHub 保持常绿;Vue数据监视利器:深入理解watch和watchEffect的区别与应用

  1. Vue3+vite+Ts+pinia—第五章 watch与watchEffect

    5.1watch概述 5.2监听ref基本类型 5.3监听ref对象类型 5.4监听reactive类型 5.5监听对象属性 5.6监听多个数据 5.7解除watch监听 5.8watchEffect

  2. Vue中Scoped样式:优雅解决组件化开发中的样式隔离问题

    1. Scoped 的原理 在 Vue 中,Scoped 样式是一种很棒的特性,能够确保你的样式只在当前组件内起作用。这意味着,你在一个 Vue 组件中写的样式只会影响这个组件内的元素,而不会影响其他

  3. 手写babel插件-第二讲

    这是手写babel系列的第二讲。这一讲我们来说说抽象语法树(AST)。今天是2024年 大年初一,在这里先祝大家新年快乐,龙年行大运。 AST是干啥的? 它是我们源代码的一种抽象表示。更具体的来说就是

  4. resolve延迟现象和Promise.resolve真相

    列举resolve代码的微任务延迟现象,使用v8源码解释当resolve一个thenable或者promise对象时,为什么会出现一个拍子或者两个拍子的延迟,解释非常容易理解,不需要读者会cpp

  5. 大前端老司机的浅谈

    前言 提一个有点璀璨的问题:你心中的人类群星闪耀时是哪位? 黑塞. 文章纯手打, 抛砖引玉, 如有错误还请评论区指正, 先行谢过了:) 获得过诺贝尔文学奖的德国作家赫尔曼黑塞的这本《悉达多》给我们讲述

  6. 5 款值得推荐的开源图片编辑器「建议收藏」

    在这篇文章中,我搜罗了 Github 上的相关的项目,向各位推荐 5 个我觉得非常不错的开源图片编辑器,每款都有各自特点并且都是近期仍在更新迭代的,希望对你有所帮助。

  7. 简析vue中的声明式渲染&响应式,ref()&reactive()

    文章浏览阅读153次。vue扩展了标准HTML的模板语法,用JavaScript的状态描述HTML应该是什么样子的,当状态发生改变,HTML会自动更新。而这种设计带来的另一个词,是响应式。你在你的vue文件中声明的东西必须是响应式的,否则无法触发HTML更新。总结为一句话:vue用JavaScript扩展了HTML,JavaScript的改变,触发HTML更新。用reactive声明的东西,不能重新赋值,只能修改其内部的值。2.reactive能实现的,ref基本都能实现;vue中很重要的两个词,"声明式渲染"和"响应式"。

  8. react18中,useState 和 useEffect有什么区别

    文章浏览阅读90次,点赞4次,收藏2次。之前,只有类组件才能有自己的状态,但useState钩子使得函数组件也能够利用React的状态特性。通过结合useState和useEffect,可以在函数组件中实现丰富的功能和效果,使得函数组件的能力与类组件相当,甚至在某些方面更具优势。当状态变化时,组件会重新渲染,以反映最新的状态。中的副作用通常在组件渲染到屏幕之后执行,不会直接影响组件的输出。提供的状态和设置状态函数直接参与到组件的渲染逻辑中,状态更新会触发组件的重新渲染。是连接组件和外部世界的桥梁,用于处理组件的生命周期和副作用。

  9. vue使用Mars3d弹框嵌套video视频/实时视频(m3u8)使用hls.js

    文章浏览阅读898次,点赞12次,收藏8次。2.绘制视频点–使用DivGraphic。1.首先绘制地图我使用的天地图。

  10. vue3绑定自定义事件 子组件给父组件传参defineEmits,vue2中通过.native修饰符变为原生dom事件,vue3中通本身就是原生dom事件,无论放在标签还是放在组件上面

    文章浏览阅读83次。vue2中通过.native修饰符变为原生dom事件,vue3中通本身就是原生dom事件,无论放在标签还是放在组件上面。


关注我

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

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

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