20240201 前端开发日报

前端代码可读性实战指南 – 大厂经验总结;React 生态系统(2024 版本);基于Next14+Auth5实现Github、Google、Gitee平台授权登录和邮箱密码登录;【Flutter】节流与防抖,全局点击事件、输入框、扩展函数的封装;提升编码幸福感的秘密「GitHub 热点速览」;用git rebase代替git merge,让代码脉络更清晰;Vue3中ref与reactive的用法详解——ref;vue3中多个表格怎么同时滚动并且固定表头

  1. 前端代码可读性实战指南 – 大厂经验总结

    在编程中,大部分时间都花在阅读代码上,不仅要理解自己的代码,还需要理解其他人的代码。因此,写出易读的代码能够显著提高编程效率。

  2. React 生态系统(2024 版本)

    这是国外程序员 Robin Wieruch 带有明显个人色彩的一份总结,每年都会更新。相比于 awesome 列表,我个人更喜欢这类总结,简短、实用,更容易让人抓到重点并能立即实施

  3. 基于Next14+Auth5实现Github、Google、Gitee平台授权登录和邮箱密码登录

    最近使用Next14配合Auth.js5实现了github、google、gitee授权登录以及邮箱密码登录,中间遇到了不少坑,给大家分享一下,帮助大家避坑。

  4. 【Flutter】节流与防抖,全局点击事件、输入框、扩展函数的封装

    Flutter的防抖与节流与封装 首先我们要区分防抖与节流,他们很类似,又有很大的不同。 防抖是延时操作,在触发事件时,不立即执行目标操作,而是给出一个延迟的时间,如果在指定的时间区间内再次触发

  5. Vue3中ref与reactive的用法详解——ref

    文章浏览阅读252次,点赞7次,收藏6次。在Vue2中的响应式数据需要放入 data 函数,Vue2 会遍历 data 中的所有属性,使用的Object.defineProperty 把每个 property 全部转为 getter/setter,getter 用来收集依赖,setter 用来执行 notify,发布更新事件。而在Vue 3的响应式系统中使用了ref和reactive 这两个核心概念,它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区别对于构建灵活、高效的Vue应用至关重要。

  6. vue3中多个表格怎么同时滚动并且固定表头

    文章浏览阅读250次,点赞2次,收藏4次。vue3中多个表格怎么同时滚动并且固定表头说明:这里需分为两种情况来做。第一种亲情况就是没有修改过el-table这个组件的样式;第二种情况就是修改过el-table组件的样式。第一种较为简单就简单略过,这里主要提及第二种做法。说白会出现第一种情况和第二种情况在于节点没有拿对

  7. nodejs+vue+ElementUi学生兼职招聘求职系统b8t93

    文章浏览阅读310次,点赞8次,收藏8次。为了实现当前网络的分析功能和便利性,大学生兼职平台设计与实现使管理员和学生、企业能够在平台上直接查看他们需要的数据信息,不仅可以节省管理时间,还可以改变传统的管理模式。因此,迫切需要开发一个大学生兼职平台设计与实现,以满足用户的需求,提高用户的使用率。该系统可以满足大多数用户提出的问题,用户可以根据自己的需要获得相应的服务,为大学生兼职平台设计与实现提供了一条快捷的途径[9]。线上管理大学生兼职平台设计与实现提供了良好的发展空间,随着人们生活质量的提高,人们对服务质量的要求越来越严格。

  8. node.js与express.js创建项目以及连接数据库

    文章浏览阅读198次,点赞3次,收藏4次。创建项目:myservice是自己起的项目名称安装依赖包有时候会超时,多次执行npm install就会安装完成npm start浏览器访问http://localhost:3000就会看到页面。

  9. vue中使用stomp.js

    文章浏览阅读371次,点赞7次,收藏2次。vue中使用stomp.js

  10. vue3 src/components文件夹下的所有vue页面注册

    文章浏览阅读118次,点赞4次,收藏3次。在Vue 3中,src/components文件夹下的所有Vue页面注册是指将组件注册到Vue应用程序中,以便在其他地方使用。这样可以将组件进行模块化管理,提高代码的可维护性和复用性。首先新建components文件夹并在文件夹里面设置两个组件页面,并写index.js入口文件,我们要在这个入口文件里面写具体函数方法。获取components文件夹下的所有vue文件。在具体页面直接引用,无需在继续导入文件,再注册;在Vue 3中,组件的注册有全局注册方式。自此我们的组件页面就可以展示了。

  11. 深入探讨 React 组件生命周期(旧版)

    文章浏览阅读173次。React 组件生命周期是理解和优化 React 应用的关键之一。在旧版 React 中,组件的生命周期包含一系列阶段,每个阶段都提供了钩子函数,允许我们在特定时刻执行自定义逻辑。通过观察一个简单的计数器组件的生命周期,我们可以更好地理解每个生命周期阶段的作用。


关注我

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

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

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