20240102 前端开发日报

LangChain.js 实战系列:入门介绍;NAS上使用docker部署wikijs+pg+nginx搭建云知识库;Papers We Love: 计算机科学研究的集结地 | 开源日报 No.131;学会使用git,快乐编写代码(常用命令和远程连接);如何修改git历史: 修改, 插入, 合并, 拆分, 删除, 只需要2个命令;git公共分支和个性化分支合并说明;Kubernetes 外部 HTTP 请求到达 Pod 容器的全过程;️前端研发的新基础设施 – Rust ️️

  1. LangChain.js 实战系列:入门介绍

    LangChain.js 是一个快速构建 AI 应用的库,它提供了一系列的工具,可以帮助你快速构建一个 AI 应用。 LangChain.js 目前还在快速迭代中,这是由于 AI 技术自身也正在快速迭

  2. NAS上使用docker部署wikijs+pg+nginx搭建云知识库

    NAS上使用Docker搭建Wiki.js、PostgreSQL和Nginx云知识库 在本文中,我们将探讨如何在网络附加存储(NAS)设备上使用Docker容器技术搭建一个功能强大的云知识库。我们将使

  3. Papers We Love: 计算机科学研究的集结地 | 开源日报 No.131

    Papers We Love 是一个汇集了优质计算机科学研究文章的社区,为用户提供了一个学习、讨论和交流的平台。通过提供论文链接,用户可以方便地获取这些论文。此外,Papers We Love 还提供

  4. 学会使用git,快乐编写代码(常用命令和远程连接)

    git在我们的工作中十分的重要,没接触git之前,我会复制好多文件file1、file2、file3,到关键的时候呢可能还会忘记这个文件是做什么的,现在想想就好笑。

  5. 如何修改git历史: 修改, 插入, 合并, 拆分, 删除, 只需要2个命令

    2个命令, 几十行的总结, 就可以知道如何对git历史进行: 修改, 插入, 合并, 拆分, 删除.

  6. git公共分支和个性化分支合并说明

    合并命令: 从公共分支合并到个性化分支 文件如下: 使用merge合并 组长在develop分支修改1.txt进行几次提交,并且推送到了远程分支 开发人员张三在本地库开发,修改了zhangsan.tx

  7. Kubernetes 外部 HTTP 请求到达 Pod 容器的全过程

    Kubernetes 集群外部的 HTTP/HTTPS 请求是如何达到 Pod 中的 container 的? HTTP 请求流转过程概述 如上图所示,全过程大致为: 用户从 web/mobile/p

  8. ️前端研发的新基础设施 – Rust ️️

    最开始关注到 Rust ?️,是因为 Atom 团队放弃维护 Atom,转身投入到一个新的轻量级、更快的编辑器 Zed 的开发,而这个编辑器最大的特点就是将全部基于 Rust 来构建。

  9. Vue-响应式数据

    文章浏览阅读169次,点赞3次,收藏4次。toRefs()、toRef(),就是把一个响应式对象给解构出来,并且解构出来的数据也具备响应式。使用ref处理对象类型的数据时在js代码中不要忘了加上。如果sum是被 ref() 包裹的数据赋予的,输入。reactive用于定义对象类型的数据。这个value中就是真正的变量数据。处理对象类型的数据底层用的是。勾选上 Dot Value。power by 尚硅谷。去定义响应式数数据。

  10. Vue中全局事件总线的配置和原理

    文章浏览阅读340次,点赞9次,收藏11次。例如VueComponent->VueComponent的原型对象->Vue的原型对象。VC在VC原型对象找不到的方法或属性,可以在Vue的原型对象中查找。是Vue让组件实例对象VueComponent可以访问到Vue原型上的属性、方法($mount……)3、傀儡位置放在Vue的原型对象上,一个个VueComponent可以通过黄线访问到Vue的原型对象。1、实现兄弟组件之间的通信,需要一个傀儡。Student组件向傀儡发送信息,等待其他组件事件的触发和返回的数据。

  11. Vue 插槽:让你的组件更具扩展性(上)

    文章浏览阅读314次,点赞7次,收藏10次。在 Vue 中,插槽(Slot)是一个非常重要的概念,它允许我们在组件中定义一些可供父组件填充内容的区域。当我们在组件中使用元素时,父组件可以通过元素来提供内容,这些内容会被渲染到对应的插槽中。插槽的作用主要有以下几个方面:内容重用:通过使用插槽,我们可以在不同的组件中重用相同的内容,从而提高代码的可维护性和重用性。自定义布局:通过使用插槽,我们可以在组件中定义自定义的布局,然后让父组件根据需要填充内容。

  12. Vue中的methods、computed计算属性和watch监听属性的使用和区别

    文章浏览阅读375次,点赞6次,收藏6次。Vue中的methods、computed计算属性和watch监听属性的使用和区别

  13. React 实现 Step组件

    文章浏览阅读118次,点赞4次,收藏4次。本文将会实现步骤条组件功能。步骤条在以下几个方面改进。1、将url与Step组件绑定,做到浏览器刷新,不会重定向到Step 12、通过LocalStorage 存储之前的Step,做到不丢失数据。

  14. 第五阶段:Vue 核心技术与实战(3)

    文章浏览阅读343次,点赞10次,收藏9次。◆ 生命周期生命周期 & 生命周期四个阶段 / 生命周期钩子 / 生命周期案例◆ 综合案例:小黑记账清单列表渲染(请求) / 添加 / 删除 / 饼图渲染◆ 工程化开发入门工程化开发和脚手架 / 项目运行流程 / 组件化 / 组件注册◆ 综合案例:小兔鲜首页拆分模块-局部注册 / 结构样式完善 / 拆分组件 – 全局注册。

  15. vue写了这么久了你对slot的理解是什么?slot使用场景有哪些?

    文章浏览阅读419次,点赞16次,收藏6次。如果父组件在使用到一个复用组件的时候,获取这个组件在不同的地方有少量的更改,如果去重写组件是一件不明智的事情。在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中。子组件在作用域上绑定属性来将子组件的信息传给父组件使用,这些属性会被挂在父组件。插槽向组件内部指定位置传递内容,完成这个复用组件在不同场景的应用。父组件在使用的时候,直接在子组件的标签内写入内容即可。结构,当父组件使用的时候没有往插槽传入内容,标签内。第三个参数,父组件则能够得到子组件传递过来的值。

  16. 五分钟带你了解vue组件

    文章浏览阅读173次,点赞5次,收藏4次。但是由于我们发现了对于使用的每个子组件,虽然他们的结构是一样的,但是渲染出来的数据却是独立的,因此,如何让子组件去渲染父组件想要的数据,甚至父组件会希望子组件能够去渲染他想要结构和样式,这就需要学习我们的父子组件通信和插槽的知识了,我们留到下篇文章再讲。首先,我们可以将一个很复杂的页面拆分成一个一个的组件,比如一个页面可以先简单的拆分成导航栏,菜单栏,核心内容部分,底部栏,我们可以单独的把这些部分拆分成各个组件,开发的时候可以在里面自定义这个模块所需要的内容和逻辑,这也符合模块化的思想。

  17. React渲染性能的优化

    文章浏览阅读190次,点赞6次,收藏3次。如果上一小节的例子,我们不想通过引用来比较,而是完全比较数组的成员是否完全一致,则可以通过自定义比较函数来实现​// 自定义比较函数return (})​console.log(‘子组件被重新渲染了’)​console.log(‘父组件重新渲染了’)return (内容一样{JSON.stringify(list)}内容不一样{JSON.stringify(list)}​。


关注我

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

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

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