20240311 前端开发日报

原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期;如何用 Next.js v14 实现一个 Streaming 接口?;一站式管理:揭示团队集体智慧凝聚成一人的 Git 代码提交实战;存储之争:Cookie vs Web Storage vs IndexedDB;基于Animate.css让你的网站眼前一亮吧;Nodejs 第四十五章(redis发布订阅+事务);问禅师:如何做懂业务的前端;vue3 中使用 reactive 的问题

  1. 原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

    低代码实践:原生 JS 实现简易低代码 demo + undo、redo 操作,这撤消、重做快给我整懵了 – 查漏补缺,盘点和toggle相关的几个API – 现代 CSS 解决方案

  2. 如何用 Next.js v14 实现一个 Streaming 接口?

    Streaming 一个比较常见的应用是 ChatGPT 的打字效果,效果如下。本篇的最后我们会调用 OpenAI 的接口来实现这样一个效果

  3. 一站式管理:揭示团队集体智慧凝聚成一人的 Git 代码提交实战

    有一天,甲方小明惊讶地问项目经理老张:“老张,你是怎么做到每天这么多高质量代码输出的?是不是偷偷喝仙露蟠桃了?”老张嘿嘿一笑,回答说:“真相其实很简单,我有个秘密武器——叫做‘一键全员化身术’。

  4. 存储之争:Cookie vs Web Storage vs IndexedDB

    简介 在现代Web开发中,存储和管理数据是至关重要的任务。为了满足不同的需求,开发人员可以选择使用Cookie、Web Storage和IndexedDB等不同的技术。 Cookie是最古老的一种机制

  5. vue3 中使用 reactive 的问题

    文章浏览阅读164次,点赞4次,收藏3次。在 vue3 中,页面中一开始就要渲染一个数组 arr,当满足一定的条件之后,arr会被替换为另外一个数组,但是我是用了 reactive 定义了 arr,导致替换的时候出现 TypeError: Assignment to constant variable.这该怎么修改?在 Vue 3 中,如果你使用 来定义一个响应式对象,那么这个对象的属性是不能被重新赋值的,因为 会将对象的属性转换为 getter/setter,这样 Vue 才能追踪到属性的变化。当你尝试直接替换整个数组时,就会出现你遇到的错

  6. Vue子组件刷新同父组件下子组件页面

    文章浏览阅读309次,点赞3次,收藏4次。vue单页模式不同于传统iframe框架,很多在框架开发中的思路要随之改变,比如在顶部工具栏刷新页面主体,传统iframe框架需要在top框架使用类似语句刷新主体。window.parent.mainFrame.location.reload();而在vue中没有iframe了就需要换种思路解决。

  7. React-嵌套路由

    文章浏览阅读171次。嵌套路由在React中是指在一个路由配置内部再配置另一个或多个路由,形成层次化的路由结构。

  8. vue3学习与使用

    文章浏览阅读230次,点赞8次,收藏3次。因为toRefs() 函数可以将 reactive() 创建出来的响应式对象,转换为普通的对象,只不过,这个对象上的每个属性节点,都是 ref() 类型的响应式数据, 所以当访问queryParams时也需要加上value。ref() 函数用来根据给定的值创建一个响应式的数据对象,返回的是一个对象,这个对象上包含一个value属性,但template中不需要。3.ref定义对象时,底层会通过reactive转换成具有深层次的响应式对象,所以ref本质上是reactive的再封装。


关注我

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

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

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