20240712 前端开发日报

直接使用git pull拉取代码,被同事狠狠地diss了;LeaferJS 1.0 重磅发布:强悍的前端 Canvas 渲染引擎;你知道实现”前端路由”有多简单吗?这篇详解,让你面试考到完全不慌;【vueUse库Reactivity模块各函数简介及使用方法–下篇】;竟能让函数只执行一次?分享 1 段优质 JS 代码片段;GitHub 创始人资助的开源浏览器「GitHub 热点速览」;听说你还不会 Tailwind CSS(响应式篇);vue中ref()与reactive(的区别)

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

    文章浏览阅读704次,点赞23次,收藏26次。vueUseReactivity函数构想中的refWithControl函数可能的实现方式总结2. syncRef构想中的syncRef函数可能的实现方式注意事项总结3.syncRefs构想中的syncRefs函数可能的实现方式注意事项总结假想的toReactive函数注意事项假设的toReactive函数实现结论5.toReftoRef函数介绍使用方法示例代码总结6.toRefstoRefs函数介绍使用方法示例代码总结7.toValue使用 Vue 3 自身的 API示例使用 vueUse 的类似功能。

  2. vue中ref()与reactive(的区别)

    文章浏览阅读460次,点赞16次,收藏11次。这时objectReactive.count = 4修改的不再是effect 所监听的代理对象,而是新的普通的不具备响应式能力的对象{count:3}。这时objectReactive.count = 4修改的不再是effect 所监听的代理对象,而是新的普通的不具备响应式能力的对象{count:3}。ref是通过一个中间对象RefImpl持有数据,并通过重写它的set和get方法实现数据劫持的,本质上依旧是通过Object.defineProperty 对RefImpl的value属性进行劫持。

  3. 若依vue集成electron实现打包exe应用程序

    文章浏览阅读52次。main.js、store/modules/app.js、utils/auth.js、login.vue文件,删除导入的import。修改router/index.js,把mode: history换成mode: ‘hash’如果安装失败,可以配置镜像地址后使用cnpm尝试单独安装electron相关依赖。打包成功后会在dist_electron中生成了exe文件,点击安装即可。

  4. 图片懒加载+ vue+react路由、组件懒加载

    文章浏览阅读136次。如果使用route.lazy的方式,可以使用这个 useNavigation 来判断路由是否是loading的状态。当资源真正被需要时才加载(个人理解,大概就是这么个意思哈)对比:route.lazy不支持callback.页面跳转时navigation为loading。

  5. 解决vue多层弹框时存在遮挡问题

    文章浏览阅读178次,点赞2次,收藏3次。本文给大家介绍vue多层弹框时存在遮挡问题,解决思路首先想到的是找到对应的遮挡层的css标签,然后修改z-index值,但是本思路只能解决首次问题,再次打开还会存在相同的问题,故该思路错误,下面给大家带来一种正确的思路,一起看看吧。

  6. 从0到1开发一个Vue3的新手引导组件(附带遇到的问题以及解决方式)

    文章浏览阅读240次,点赞5次,收藏5次。从0到1开发一个Vue3的新手引导组件,包括了示例图片,技术栈介绍,问题提出与解决,组件源码分享以及使用示例

  7. vue2创建高复用组件的方式

    文章浏览阅读228次。的默认prop和event分别是。你可以在组件内部使用。

  8. Vue.js框架+Axios发送异步请求+elementui前端布局框架

    文章浏览阅读837次,点赞14次,收藏13次。1.JavaScript框架2.简化Dom操作3.响应式数据驱动语法:data:{key:value,//(value类型可以是Number、boolean、String、Object、Arrays、underfined。

  9. 【个人笔记】ref和reactive

    文章浏览阅读295次,点赞7次,收藏4次。在Vue 3中,ref和reactive分别针对不同场景下的响应式数据管理。ref更适用于基本数据类型,尤其是当需要在组件中与其他非响应式数据交互时。而reactive更适合处理复杂数据类型,如对象和数组,因为它提供了一种更自然的方式来操作这些数据,无需额外的语法糖。根据你的具体需求,你可以选择最适合你的工具。

  10. React组件间通信的几种方式

    文章浏览阅读183次。自定义钩子允许你提取组件逻辑,使其可以在多个组件间重用。// 钩子的逻辑…

  11. Vue学习2.0

    文章浏览阅读189次,点赞2次,收藏3次。用console.log(vm)可以查看。

  12. vue3中watch监听的应用技巧

    文章浏览阅读252次,点赞10次,收藏3次。在 Vue 3 中,watch 的使用方式与 Vue 2 有所不同,主要是因为 Vue 3 引入了 Composition API,使得状态管理和副作用处理更加灵活和模块化。

  13. Vue 中 v-pre、v-once、v-cloak 标签的深度解析与案例展示

    文章浏览阅读823次,点赞16次,收藏4次。当使用 v-pre 指令时,不会进行编译操作。所有的 Vue 模板语法都将得以完整保留,并会按照其初始的形态进行渲染。其中,最为常见的应用场景便是用于展示原始的双大括号标签及其包含的内容。

  14. 【JS+H5+CSS实现烟花特效】

    文章浏览阅读585次,点赞3次,收藏5次。烟花特性

  15. Vuetify3 + Nuxt3:跳转详情

    文章浏览阅读159次。Vuetify3 + Nuxt3:跳转详情使用useRouter来实现页面跳转。

  16. 【React Hooks原理 – useReducer】

    文章浏览阅读636次,点赞19次,收藏12次。本文主要从基础使用入手,再进一步从源码来看useReducer实现原理两个方面来介绍useReducer这个Hook的基本原理和使用场景以及和useState的关系


关注我

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

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

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