20240304 前端开发日报

Node.js 新官网来了,UI 和 UX 全面升级,欢迎体验和反馈;源码剖析ref和reactive的区别;2024最新版:前端性能优化方案汇总;LangChain + Next.js 入门级;前端公共组件库优化2.0;Vue 3 中的 ref 和 reactive 有什么区别?;为什么说 React 可不能没有了 React Server Components;实现跨平台同步:详解如何将本地 Git 仓库连接到多个云端仓库

  1. Node.js 新官网来了,UI 和 UX 全面升级,欢迎体验和反馈

    最新消息,Node.js 新官网已发布 Beta 预览版本,正在招募志愿者测试。如果你对新的 Node.js 网站感兴趣,欢迎参与体验,并在对应 Github 仓库提供反馈和建议!

  2. 源码剖析ref和reactive的区别

    掘金总是有人抵触ref,抵触reactive,说ref有个value很丑,reactive有类型限制等等,其实没什么好吵的,爱用哪个用哪个。当一个组件响应式变量很多的时候我们其实用reactive更好

  3. 2024最新版:前端性能优化方案汇总

    前端性能优化一直是很多同学非常关注的问题,在日常的面试中也是经常会被问到的点。所以今天咱们就花一点时间来了解一下【2024最新的前端性能优化方案】,以此来助大家高效工作,面试顺利!

  4. LangChain + Next.js 入门级

    Next.js中LangChain项目的入门模板和示例用例包括聊天、代理和检索。 代码仓库:LangChain + Next.js 入门级 此模板搭建了一个LangChain.js + Next.js

  5. 前端公共组件库优化2.0

    针对1.0版本使用的前端组件库引入方式做了一次优化,改为了使用npm的方式来发布和引入,涉及了私仓的搭建 发布 引入 整体流程

  6. Vue 3 中的 ref 和 reactive 有什么区别?

    文章浏览阅读352次,点赞11次,收藏5次。则更适用于处理复杂的数据结构,并直接操作返回的对象。在选择使用哪个函数时,你需要考虑数据的类型、结构以及你的具体需求。同时,你还需要注意它们与 TypeScript 的兼容性以及解构和类型推断等方面的差异。是两个核心的函数,用于创建响应式数据。虽然它们的目标都是使数据变得响应式,但它们在使用方式和行为上有一些不同。都是 Vue 3 中用于创建响应式数据的函数,但它们在使用方式和行为上有一些不同。时,你可以直接操作返回的对象,就像操作普通对象一样。更适用于处理基本类型的数据,并通过。来访问或修改其内部的值。

  7. 在你的 Vue + Electron 项目里,引入 ESLint

    文章浏览阅读575次,点赞8次,收藏15次。本文介绍了 ESLint 的一般性用法,以及其配置文件的组成部分,最后介绍了在 Vue + Electron 的项目里如何配置 ESLint。

  8. Vue前端的工作需求

    文章浏览阅读698次,点赞7次,收藏4次。实现带树形结构的表格,父数据显示新增下级,和父子都显示编辑。

  9. Electron通过预加载脚本从渲染器访问Node.js

    文章浏览阅读229次,点赞2次,收藏5次。Electron通过预加载脚本从渲染器访问Node.js

  10. Vue3学习-Day3-Vuex

    文章浏览阅读92次。因为判断为>=1时返回结果为true,在修改之后count的值变成-1001<1故返回false,效果如图所示。如果store.dispatch中的值大于100,则会显示。运用mutations。在界面控制台中会显示值。modules的运用。

  11. Vue3之与Vite5及VueRouter4整合时遇到问题及处理方法

    文章浏览阅读281次,点赞9次,收藏3次。Vue3之与Vite5及VueRouter4整合时遇到"does not provide an export named ‘RouteRecordRaw’"的问题及处理方法

  12. Vue中router-view与router-link连用时,链接跳转后不在router-view中显示并且新页面没有router-link内容

    文章浏览阅读148次,点赞5次,收藏3次。Vue2中router-view与router-link连用时,链接跳转不在router-view中显示并且新页面没有router-link内容。

  13. vite-plugin-papes、vite-plugin-vue-layouts、unplugin-vue-components、unplugin-auto-import

    文章浏览阅读475次,点赞15次,收藏9次。可以读取指定的目录文件,自动化生成路由信息,高效快捷开发vite.config.ts配置main.ts配置env.ts配置自动生成vue-router的路由映射规则将得到如下的路由配置信息。

  14. Vue.js大师: 构建动态Web应用的全面指南

    文章浏览阅读955次,点赞33次,收藏35次。ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。

  15. Vue.js中的路由导航守卫和其使用方法

    文章浏览阅读264次。Vue.js 中的路由导航守卫是 Vue Router 提供的一套机制,用于在路由切换的过程中执行自定义代码逻辑,包括但不限于权限验证、页面滚动位置保存、加载数据等。beforeRouteEnter: 组件实例还未创建时就已存在的守卫,不能直接访问组件实例,可以通过 next(vm => {}) 访问组件实例并传递给回调函数。beforeRouteUpdate: 当路由的 params 或 query 发生变化(即当前路由路径不变,只有参数变化)时触发,此时可以直接访问组件实例。


关注我

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

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

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