20240106 前端开发日报

你必须掌握的git知识;啊?两个vite项目怎么共用一个端口号啊;说说对 React 的理解;【vue】天气小组件;约不上面试,很可能是简历的问题;开源协助平台工程灵活应对多云时代的挑战;浅谈JavaScript中的AOP和装饰器;Vue3项目实战之实现物品小球飞入购物车动画

  1. 你必须掌握的git知识

    本文主要介绍日常开发中常用的git相关知识,希望能帮助大家。如有错误,不吝赐教!欢迎大家分享一些实用git技巧。

  2. 啊?两个vite项目怎么共用一个端口号啊

    最近在业务开发中遇到一个问题,问题是这样的,当前有一个主项目和一个子项目,主项目通过微前端wujie来嵌套这个子项目,其中呢为了方便项目之间进行通信,所以规定该子项目的端口号必须为5173

  3. 说说对 React 的理解

    React是一个用于构建用户界面的JavaScript库,由Facebook和Instagram开发并维护。它允许开发人员使用组件化的方式构建复杂的用户界面,并提供了一组工具和API,使得开发人员可以

  4. 【vue】天气小组件

    高德,腾讯,百度地图会给程序员提供一些接口,我们只要调用这些接口,就可以拿到定位,甚至天气情况信息。本期文章我们以高德地图为例,高德地图api链接放到下方。

  5. 约不上面试,很可能是简历的问题

    如果本文点赞超过超过一百,我就定期晚上九点在B站直播,我们真实的大型商业前端项目开发,实时分享我们的需求评审、代码开发和架构优化,也可以连麦指导粉丝如何修改简历或模拟面试。

  6. Vue received a Component that was made a reactive object. This can lead to unnecessary performance

    文章浏览阅读134次,点赞4次,收藏3次。但是,在某些情况下,将Vue组件对象转换为响应式对象是不必要的,因为组件本身是Vue的核心概念,已经具有响应式的功能,因此,如果你将一个Vue组件对象转换为响应式对象,将会出现重复观察相同的对象属性的情况,导致不必要的性能开销。将一个Vue组件对象转换为响应式对象时,可能会导致不必要的性能开销。为了避免这种情况,Vue建议使用markRaw方法将组件对象标记为非响应式对象,或者使用shallowRef代替ref来创建一个浅响应式对象。终端提示警告warning message。

  7. 基于vue + elementUI 实现 下载二维码图片, 复制二维码链接到剪贴板, 复制二维码图片到剪贴板功能

    文章浏览阅读229次,点赞5次,收藏8次。vue + elementUI 实现 复制二维码链接到剪贴板, 下载二维码图片, 复制二维码图片到剪贴板功能

  8. React-Hoc高阶组件与css-in-js技术

    文章浏览阅读1.8k次,点赞46次,收藏31次。CSS-in-JS是一种技术,而不是一个具体的库实现。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面,而不是独立为一些css,scss或less之类的文件,这样你就可以在CSS中使用一些属于JS的诸如模块声明,变量定义,函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。CSS-in-JS在React社区的热度是最高的,这是因为React本身不会管用户怎么去为组件定义样式的问题,而Vue有属于框架自己的一套定义样式的方案。

  9. React与Vue性能对比:两大前端框架的性能

    文章浏览阅读234次,点赞3次,收藏4次。React和Vue是当今最流行的两个前端框架,它们在性能方面都有着出色的表现。

  10. vue2 消息弹框

    文章浏览阅读162次,点赞2次,收藏4次。子页面(message.vue)

  11. Vue之插槽【贵组件因此得以延伸】

    文章浏览阅读122次,点赞3次,收藏2次。在 Vue 中,插槽(Slot)是一个非常重要的概念,它允许我们在组件中定义一些可供父组件填充内容的区域。当我们在组件中使用 元素时,父组件可以通过 元素来提供内容,这些内容会被渲染到对应的插槽中。Vue 插槽是 Vue 中的一个特性,允许我们在组件中定义一些可供父组件填充内容的区域。在组件中使用元素时,父组件可以通过元素来提供内容,这些内容会被渲染到对应的插槽中。

  12. vue3组件数据双向绑定

    文章浏览阅读141次。vue3数据双向绑定

  13. Vue CLI组件通信

    文章浏览阅读399次,点赞8次,收藏11次。组件通信,就是指组件与组件之间的数据传递组件的数据是独立的,无法直接访问其他组件的数据。想使用其他组件的数据,就需要组件通信组件关系分类有哪两种父子组件通信的流程是什么?父向子子向父组件上 注册的一些 自定义属性1.非父子组件传值借助什么?2.什么是事件总线3.发送方应该调用事件总线的哪个方法4.接收方应该调用事件总线的哪个方法5.一个组件发送数据,可不可以被多个组件接收。

  14. 解释Vue中的组件通信方式及其适用场景

    文章浏览阅读333次,点赞6次,收藏10次。Vue提供了多种组件通信方式,包括父子组件通信、子父组件通信、兄弟组件通信、跨层级组件通信和EventBus。不同的通信方式适用于不同的场景,开发者需要根据具体的需求来选择合适的通信方式。合理使用组件通信方式可以提高组件的复用性和可维护性,推动大型应用程序的开发和组织。

  15. React组件之间的8种通讯方式

    文章浏览阅读176次,点赞5次,收藏5次。在上述代码中,点击子组件中的 div 元素之后,在浏览器的控制台可以看到输出了这个 div 元素。如果两个需要通讯的组件,它们拥有共同的父级组件,我们可以使用上述的策略组合,只是需要使用父级组件作为沟通的媒介,把数据作为父组件的 state 和方法来定义。Flux是必须的吗?在父组件中可以用 refs 引用子组件,之后就可以调用子组件的实例方法了。最简单的方式是在父组件中传递一个函数给子组件,子组件可以使用这个函数来把数据传给它的父组件。当你想在父组件中捕获来自子组件中的 DOM 事件时,可以采用此方法。

  16. vue在线预览pdf文件,放大缩小,跳转至某页功能实现

    文章浏览阅读230次,点赞8次,收藏4次。引入vue-pdf与pdfjs-dist插件就报错,经查阅发现是版本兼容问题,最后重新安装vue-pdf:4.2.0版本,pdfjs-dist:2.5.207版本。实现pdf预览及一些功能,参考如下。


关注我

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

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

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