提升技术,必看的8个开源库,都很通俗易懂

提升技术,必看的8个开源库,都很通俗易懂

随着工作年限越来越高,越来越觉得闭门造车是一种非常不好的习惯,还是得多看看别人是怎么写代码的,毕竟人外有人嘛,所以我觉得多看看开源库的源码,是一种非常好的学习方式,比看视频还管用!!!

Pinia

很多人都知道这个库,一个 Vue 的状态管理库,可以学学如何在 Vue 中去做状态管理,其实 Pinia 就是依赖了 Vue 的 API —— effectScope。并且 Pinia 的源码不算很多,就几个文件

在这里插入图片描述

Vueuse

Vueuse 是一个 Vue3 的 Hooks 库,里面有非常多的超级好用的 Hooks 封装,如果你想学习如何去封装 Vue3 的 Hooks,那 Vueuse 肯定是第一选择!!!

在这里插入图片描述

sunshine-track

sunshine-track 应用于前端监控。sunshine-track 基于 行为上报,实现了 用户行为、错误监控、页面跳转、页面白屏检测、页面性能检测等上报功能。适用于 Vue、React、Angular 等框架

看这个库的源码,可以学习怎么去写一个前端监控的库,代码很好理解,适用于大部分前端程序员

在这里插入图片描述

pinia-plugin-persistedstate

pinia-plugin-persistedstate 是一个 Pinia 的持久化插件,看这个库的源码主要是好奇它是怎么给 Pinia 做持久化的,并且学习怎么去开发一个 Pinia 插件,源码很少,就几个文件

在这里插入图片描述

vxe-table

是的,我并没有去看 element、antd 那些组件库的源码,而是看 vxe-table 的源码,因为 vxe-table 的代码结构比较简单,看起来比较容易懂,而且代码写的比较接地气,适合大部分前端程序员学习 vue3 的组件封装,尤其是 Modal、Form 这些组件

在这里插入图片描述

web-vitals

这是一个谷歌推出的库,用来获取网页的性能参数,比如 FCP、FID、CLS、LCP、INP 等等,这个库代码很少,可以让你在短时间内学习怎么去计算网页的性能参数,下次面试官问你你就能从容回答了!

在这里插入图片描述

localForage

这是一个操作 indexedDB 的库,代码也很少,很容易看懂,从这个库能学如何去二次封装 indexedDB ,让使用者更方便地去操作 indexedDB~

在这里插入图片描述

Vue-demi

你可以理解为 Vue-demi 是一个 Vue 的转换器,无论是 Vue2 还是 Vue3 它都能兼顾!!源码就三个文件,太少了!!!

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/329341.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微软开源时空预测Fost的使用和解读

一、引言 时空预测是指对未知系统状态在时间和空间上的预测,它是地球系统科学、交通运输、智慧城市等领域的重要技术和工具。时空预测的目的是利用历史数据和当前信息,通过建立时空依赖关系,来推断未来的变化趋势和可能的情景。时空预测的应…

rosbag 源码阅读笔记-1

这篇文字想通过在自己的机器上查找rosbag的源码在哪里(而不是通过google搜索),来和大家分享一些ros和python的常用命令,了解一下rosbag的调用过程。 怎么查到源码在哪里 当然我们可以直接上ros的官网去查看,路径在这…

MySQL 临时表

MySQL 临时表 MySQL 临时表在我们需要保存一些临时数据时是非常有用的。 临时表只在当前连接可见,当关闭连接时,MySQL 会自动删除表并释放所有空间。 在 MySQL 中,临时表是一种在当前会话中存在的表,它在会话结束时会自动被销毁…

构建异步高并发服务器:Netty与Spring Boot的完美结合

前言 「作者主页」:雪碧有白泡泡 「个人网站」:雪碧的个人网站 ChatGPT体验地址 文章目录 前言IONetty1. 引入依赖2. 服务端4. 客户端结果 总结引导类-Bootstarp和ServerBootstrap连接-NioSocketChannel事件组-EventLoopGroup和NioEventLoopGroup 送书…

数字人克隆系统开发公司?

广州硅基技术开发限公司是一家位于中国广东省广州市的科技公司。该公司专注于人工智能(AI)领域的研发和创新。广州硅基以技术创新和解决方案为核心,致力于为客户提供高质量的人工智能产品和服务。 广州硅基技术的主要业务包括但不限于&#x…

面试算法90:环形房屋偷盗

题目 一条环形街道上有若干房屋。输入一个数组表示该条街道上的房屋内财产的数量。如果这条街道上相邻的两幢房屋被盗就会自动触发报警系统。请计算小偷在这条街道上最多能偷取的财产的数量。例如,街道上5家的财产用数组[2,3,4,5…

二叉树的深度和高度问题(算法村第八关白银挑战)

二叉树的最大深度 104. 二叉树的最大深度 - 力扣(LeetCode) 给定一个二叉树 root ,返回其最大深度。 二叉树的 最大深度 是指从根节点到最远叶子节点的最长路径上的节点数。 示例 1: 输入:root [3,9,20,null,null…

基于SSM的基金投资交易管理网站的设计与实现

末尾获取源码 开发语言:Java Java开发工具:JDK1.8 后端框架:SSM 前端:采用JSP技术开发 数据库:MySQL5.7和Navicat管理工具结合 服务器:Tomcat8.5 开发软件:IDEA / Eclipse 是否Maven项目&#x…

深入理解神经网络训练与反向传播

目录 前言1 损失函数1.1 交叉熵(Cross Entropy):1.2 均方差(Mean Squared Error): 2 梯度下降与学习率2.1 梯度下降2.2 学习率 3 正向传播与反向传播3.1 正向传播3.2 反向传播 4 链式法则和计算图4.1 链式法…

数据结构入门到入土——链表(2)

目录 一,与链表相关的题目(2) 1.输入两个链表,找出它们的第一个公共节点 2.给定一个链表,判断链表中是否有环 3.给定一个链表,返回链表开始入环的第一个节点,若无则返回null 一,…

autodl学术加速

今天使用autodl加载预训练BERT模型失败,在官方文档里面找到了官方给的代理使用方法。 直接在bash输入: 开启学术加速: source /etc/network_turbo取消学术加速: unset http_proxy && unset https_proxy据说是只能访问这…

RabbitMQ高级

文章目录 一.消息可靠性1.生产者消息确认2.消息持久化3.消费者确认4.消费者失败重试 MQ的一些常见问题 1.消息可靠性问题:如何确保发送的消息至少被消费一次 2.延迟消息问题:如何实现消息的延迟投递 3.高可用问题:如何避免单点的MQ故障而导致的不可用问题 4.消息堆积问题:如…