20240324 前端开发日报

Vue3 新项目,没必要再用 Pinia 了;Flutter 打印功能;vue3 key对diff的影响;新的 CSS 属性 margin-trim;一网打尽手写Promise,妈妈再也不用担心我的面试了;干货满满如何做好前端日志和异常监控;很懵逼地实现了Flutter一个异形高斯效果;Vue 二次封装组件的技巧及要点

  1. Vue3 新项目,没必要再用 Pinia 了

    使用Vue3组合式API开发的项目,有必要使用Pinia吗?其实可以不用,组合式函数完全可以解决状态管理问题

  2. Flutter 打印功能

    本文,我们来讲讲,如何通过 Flutter 实现调其打印机️打印的功能。关于调起 `printer` 打印的功能。我们有以下的想法~ 我们还可以设定其打印的边距和指定内容的方向等…

  3. vue3 key对diff的影响

    这是vue3系列源码的第十一章,使用的vue3版本是3.4.15。key在diff过程到底扮演什么样的角色

  4. 新的 CSS 属性 margin-trim

    新的 CSS 属性 margin-trim CSS 中最烦人的事情之一就是边距。它们与折叠有奇怪的相互作用,并且通常会在您不想要的地方产生额外的间距。当迁移到基于组件的设计系统时,这会变得更加痛苦,因

  5. Vue 二次封装组件的技巧及要点

    文章浏览阅读606次,点赞15次,收藏17次。在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发,如, 但是这些组件库提供的组件并不一定满足我们的需求,这时我们可以通过对组件库的组件进行二次封装,来满足我们特殊的需求。对于封装组件有一个大原则就是我们应该尽量保持原有组件的接口,除了我们需要封装的功能外,我们不应该改变原有组件的接口,即保持原有组件提供的接口(属性、方法、事件、插槽)不变。

  6. vue3+element-plus中,element表格组件不显示

    文章浏览阅读210次,点赞2次,收藏5次。2. **条件渲染和列表渲染**:“ 标签经常与 `v-if`、`v-else-if`、`v-else` 或 `v-for` 等指令一起使用,以控制哪些元素应该被渲染到 DOM 中。在上面的例子中,`v-if` 和 `v-for` 都是直接作用在 “ 标签上的,但 “ 本身不会在最终的 DOM 中出现。1. **定义组件的 HTML 结构**:在 Vue 组件中,“ 标签包裹了组件的 HTML 结构。

  7. Flutter&Flame游戏实践#07 | 打砖块 -功能菜单

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对

  8. Flutter&Flame游戏实践#07 | 打砖块 -功能菜单

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对

  9. Vue3组件之间通信方式

    文章浏览阅读139次,点赞2次,收藏6次。我是子组件1– 父组件绑定事件@click作用在跟节点上的 –>点击我也执行.son {Event2子组件我是子组件2点击我触发自定义事件xxx

  10. Vue数据监测数据原理

    文章浏览阅读97次。1.对象通过new Observer构造函数Observer通过汇总obj上面的keys属性形成一个数组这只是一层Vue中的递归会一直向下寻找数组:通过数组的操作方法修改时,但是vue上的push不是Array原型上的pushvue身上写了一个push,通过调用Array原型上的push去处理数组,然后去重新解析模板重新生成通过vue.set/$set/push因为由数据代理都可以对数组进行操作并且可以重新解析模板。

  11. reactive和ref的异同、toRef和toRefs的使用

    文章浏览阅读656次,点赞16次,收藏10次。reactive和ref的异同、toRef和toRefs的使用。

  12. Vue-全局事件总线

    文章浏览阅读411次,点赞7次,收藏15次。在发送数据的组件中触发事件并传递数据(给school组件的按钮绑定事件,触发自定义事件)全局事件总线实现了任意组件间的通信,有效简化了开发过程中一些数据传递的操作,同时也提高了程序的性能,但是在开发中,使用全局事件总线时要根据实际业务情况进行选择,避免事件总线太繁琐1.父传子:props2.子传父:props(要在父组件中提前写好函数,将函数传递给子组件,让子组件合适时机触发,将子组件数据传递给父组件)自定义事件(通过v-on,ref给子组件绑定自定义事件)3.兄弟组件或者爷孙组件:事件总线。

  13. 【Vue3】watch监听的五种情况

    文章浏览阅读141次。监视ref定义的【基本类型】数据:直接写数据名即可,监视的是其value值的改变。监视ref定义的【对象类型】数据:直接写数据名注意:监视的是对象的【地址值】,若想监视对象内部的属性,需要手动开启深度监视。若修改的是ref定义的对象中的属性,因为它们是同一个对象(内存地址不变),所以newValue和oldValue都是新值。若修改整个ref定义的对象,newValue是新值,oldValue是旧值,因为不是同一个对象了。age: 13,});


关注我

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

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

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