20240403 前端开发日报

node_koa封装smtp,使用coze调用api发送html邮件(gmail/outlook);哦吼前端异常处理一站式详解(大量DEMO,很干很干);开源一款剪贴板跨设备共享工具;都2024年了,还不知道 Web Components 呢;Promise从0到手写;纯 CSS 实现多标签自动显示超出数量;使用 Farm 迁移最火的 Vue3 后台管理系统;极致爽文,tsx语法应用vue

  1. node_koa封装smtp,使用coze调用api发送html邮件(gmail/outlook)

    分享 node_koa封装smtp,使用coze调用api发送优雅的邮件(gmail/outlook)。 背景: 每个用户都有一个邮箱,通过发送邮件传递消息引流 面向对象:广告投递、毕业寄语等

  2. 哦吼前端异常处理一站式详解(大量DEMO,很干很干)

    前端异常种类有哪些?怎捕获异常?sourcemap到底有啥用?如何搭建一个错误监控的平台?关于那些前端异常的秘密,本文结合源码带你一一揭开!!!(文章内容较长,需要点耐心啦~,先赞后看,年薪百万!!)

  3. 开源一款剪贴板跨设备共享工具

    昨天遇到了一个很棘手的问题:我的手机剪贴板需要同步到另外的两台设备上。遗憾的是手机上并没有安装相同的通讯软件。用网上免费的剪贴板共享工具吧,方便是方便,但是觉得还是不安全,关键是不能实现特定的需求。

  4. 都2024年了,还不知道 Web Components 呢

    现在面试也问Web Components话题,尤其是频频出现Shadow DOM,不仅面试常考,也已经应用到了前端框架中,浏览器也开始逐渐兼容,不跟上时代的浪潮,我们是不是注定会被抛弃。

  5. Vue组件中的v-model(深入解析)

    文章浏览阅读424次,点赞6次,收藏9次。这两个选项在从模型引用中读取或设置值时会接收到当前的值,并且它们都应该返回一个经过处理的新值。返回的值是一个 ref。值且父组件没有为该 prop 提供任何值,会导致父组件与子组件之间不同步。在下面的示例中,父组件的。小节中学到的指定参数与事件名的技巧,我们可以在单个组件实例上创建多个。把这个 ref 绑定到一个原生 input 元素上,在提供相同的。这里是另一个例子,展示了如何在使用多个不同参数的。在某些场景下,你可能想要一个自定义组件的。的返回值,可以在子组件中访问添加到组件。

  6. Vue3: 如何在 ref() 与 reactive() 之间做正确选择?

    文章浏览阅读573次,点赞9次,收藏5次。当使用它们初始化变量时,是向 Vue 提供信息:“嘿,每次这些变量发生更改时,请重新构建或重新运行依赖于它们的所有内容”。关于这个话题没有好的编程实践,所以一切都取决于你和你的团队如何决定。这样代码风格会更加一致,并且你也不需要考虑使用哪一个——编码速度会稍微快一些。访问变量可能会使你感到烦恼,但我认为这可以作为变量是响应性变量的一个标识。在此之前,让我们查看 Vue.js 源代码,更好地理解响应式方法之间的关系。如果你想要一个单状态变量,可以在组件内部使用它。)时,会被解包,因此你不需要在那里写。

  7. Vue日期选择器里面进行disabledDate(time)进行调用

    文章浏览阅读133次。题主首先参照别人的写法,写在里面,但是发现disabledDate一直是灰色调用不成功,后来进行别的参考。这样子就可以轻松实现日期不可选择了,如果有其他的想要的限制也可以加上去,网上很多。如我写的今天之前将无法再被选中!希望你也有好的结果~表示调用的函数,其中时间不可用,然后在methods里面进行定义。

  8. Angular、React、Vue,谁能成为2024年JavaScript框架冠军

    文章浏览阅读487次,点赞5次,收藏13次。Google 前雇员 Evan You 在与 Angular 合作多年后,决定 自己 创建一个轻量级框架,其中将包含上述框架的最佳特性。新框架 Vue.js 于 2014 年 2 月开源 ,从那时起,Vue.js 就获得了极高的人气。最新版本为 2.6 Macross ,于 2019 年 2 月 4 日发布。

  9. three.js实现3d地图,包含散点,地图背景图片(vue)

    文章浏览阅读133次。three.js实现3d地图,包含散点,地图背景图片(vue)

  10. JavaScript实现全选、反选功能(Vue全选、反选,js原生全选、反选)

    文章浏览阅读393次,点赞11次,收藏16次。首先为复选框添加了一个事件监听器,当用户点击该复选框时,将触发该事件;然后在事件处理函数中,通过遍历所有复选框,将它们的选中状态设置为与复选框相同的状态。

  11. vue 加 websocket 聊天

    文章浏览阅读779次,点赞16次,收藏8次。el-input placeholder="请输入内容" v-model="search" class="input-with-select" size="mini" @input="inquire">info: "在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗在吗",

  12. electron+vue双屏异显

    文章浏览阅读147次,点赞3次,收藏3次。实现了在两个屏幕显示不同的内容,并根据用户操作,使两个屏幕之间可以相互通信;可基于当前主客显代码实现一个基础的桌面端应用(一文读懂!

  13. Vue3+TypeScript项目(SKU管理模块)

    文章浏览阅读303次,点赞8次,收藏4次。注意:在这里切换页码和切换每页数据条数的回调不同是因为:它们都能对函数注入数据,切换页码注入的是点击的页码数,因此我们可以直接使用getHasSku作为他的回调。切换每页数据条数注入的是切换的页码条数,我们希望切换后跳转到第一页,因此使用handler,间接调用getHasSku。无外乎API(type),组件内发请求拿数据、将数据放到模板中。2:对数据结构的理解(可以将请求回来的数据放到正确的位置上)3:element-plus组件的使用。由于没有返回数据,所以没有ts类型。轮播图 carousel。

  14. 前端(Vue,React,移动开发框架

    文章浏览阅读578次,点赞13次,收藏7次。基本知识区分Real DOM和Virtual DOM什么是React?React有什么特点?列出React的一些主要优点。React有哪些限制?什么是JSX?你了解 Virtual DOM 吗?解释一下它的工作原理。为什么浏览器无法读取JSX?与 ES5 相比,React 的 ES6 语法有何不同?React与Angular有何不同?React 组件你理解“在React中,一切都是组件”这句话。解释 React 中 render() 的目的。

  15. Vue3+Element-Plus二次封装的弹框组件

    文章浏览阅读126次。Vue3+Element-Plus二次封装的弹框组件,主要使用到了Vue的插槽和ref,使用起来比较灵活,但是同样也会麻烦一下(正常的使用还是很方便的,不需要自己定义一大堆的变量来控制弹框显示和隐藏)

  16. 关于Vue,你还看不明白

    文章浏览阅读570次,点赞11次,收藏5次。组件通信问题:子组件如何获取父组件中的数据?父组件如何得知子组件的数据变更?如果是更加复杂的组件关系呢?在组件间传递数据的操作,称为组件通信父传子子传父非父子传其他通信方式父组件向子组件传值通过子组件的 props 选项接收父组件的传值。


关注我

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

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

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