强烈推荐的前端学习资源,先收藏!

今天分享一些个人收藏的前端学习资源,按一下几个维度简单划分了下,有 3D、框架、构建工具等等。由于这些地址都是我个人收藏的,所以带有一些强烈的主观意识,还有很多优秀的网址没有收录进来,会不断更新的,欢迎大家点赞,收藏。

3D

cesium

cesium

地址

关于:用于世界级 3D 地球仪和地图的开源 JavaScript 库

推荐理由:3D 实现的各种地球

推荐指数:⭐️⭐️⭐️⭐️⭐️

vanta

vanta

地址

关于:为您的网站提供 3D 动画背景

推荐理由:炫酷,特效,简单,自定义

推荐指数:⭐️⭐️⭐️⭐️⭐️

webgl-fundamentals

webgl-fundamentals

地址

关于:从基础开始的 WebGL 课程

推荐理由:从入门到放弃

推荐指数:⭐️⭐️⭐️

框架

dioxus | 二恶英

dioxus

地址

关于:适用于桌面、Web、移动等的全栈 GUI 库。

推荐理由:使用 Rust 编写的全栈开发框架

推荐指数:⭐️⭐️⭐️⭐️⭐️

构建工具

parcel

parcel

地址

关于:用于网络的零配置构建工具

推荐理由:性能更快

推荐指数:⭐️⭐️⭐️⭐️⭐️

esbuild

esbuild

地址

关于:速度极快的网络捆绑器

推荐理由:性能更快

推荐指数:⭐️⭐️⭐️⭐️⭐️

swc

swc

地址

关于:基于 Rust 的 Web 平台

推荐理由:Rust 带来可靠的性能

推荐指数:⭐️⭐️⭐️⭐️⭐️

CSS

You-Dont-Need-JavaScript | 你不需要 JavaScript

You-Dont-Need-JavaScript

地址

关于:CSS很强大,不需要JS也能做很多事情。

推荐理由:有时候,你可能需要挑战下自己,不借助JS,完成CSS的效果

推荐指数:⭐️⭐️⭐️

autoprefixer | 自动前缀器

地址

关于:通过 Can I Use 解析 CSS 并将供应商前缀添加到规则中

推荐理由:完美解决 CSS 前缀问题

推荐指数:⭐️⭐️⭐️⭐️⭐️

daisyui | 黛玉

daisyui

地址

关于:最流行、免费、开源的 Tailwind CSS 组件库

推荐理由:想找到 Tailwind CSS 写好的组件,选它就对了!

推荐指数:⭐️⭐️⭐️⭐️⭐️

css-protips

地址

关于:一系列技巧,帮助您提升 CSS 技能

推荐理由:实战用的小技巧,或许对你有些帮助

推荐指数:⭐️⭐️⭐️

postcss

postcss

地址

关于:使用 JS 插件转换样式

推荐理由:PostCSS是一个通过JS插件转换样式的工具。这些插件可以检查你的 CSS、支持变量和 mixin、转译未来的 CSS 语法、内联图像等等。

推荐指数:⭐️⭐️⭐️⭐️⭐️

UI 库

NES | 像素风

NES

地址

关于:NES 风格的 CSS 框架 | 流行 CSSfure ームワーク

推荐理由:你是否想找寻像素风格的组件库,那就选它就对了

推荐指数:⭐️⭐️⭐️⭐️⭐️

代码质量

prettier

prettier

地址

关于:Prettier 是一个固执己见的代码格式化程序。

推荐理由:代码难以阅读?美化它

推荐指数:⭐️⭐️⭐️⭐️⭐️

stylelint

地址

关于:强大的 CSS linter,可以帮助您避免错误并强制执行约定。

推荐理由:没有比它更好的约束 CSS 代码

推荐指数:⭐️⭐️⭐️⭐️⭐️

Airbnb JavaScript Style Guide

地址

关于:JavaScript 风格指南

推荐理由:业界最流行的代码风格

推荐指数:⭐️⭐️⭐️⭐️⭐️

eslint

eslint

地址

关于:查找并修复 JavaScript 代码中的问题。

推荐理由:自动修复代码

推荐指数:⭐️⭐️⭐️⭐️⭐️

实用网址

JNPF

图表引擎.png

地址

JNPF,采用主流的两大技术Java/.Net开发,专注低代码开发,基于 Java Boot/.Net Core 构建的简单、跨平台快速开发框架。前后端封装了上千个常用类,方便扩展;集成了代码生成器,支持前后端业务代码生成,实现快速开发,提升工作效率;框架集成了表单、报表、图表、大屏等各种常用的 Demo 方便直接使用;后端框架支持 Vue2、Vue3。

  • 主要特点:多端协同操作,100%提供源码,支持多种云环境部署、本地部署。

  • 优点:拖拽式的代码生成器,灵活的权限配置、SaaS服务,强大的接口对接,随心可变的工作流引擎。

  • 用例:可一站式搭建:生产管理系统、项目管理系统、进销存管理系统、OA办公系统、人事财务等等。

Web-Dev-For-Beginners | Web 开发人员入门

Web-Dev-For-Beginners

地址

关于:12 周 24 节课,Web 开发人员入门

推荐理由:非常适合新手入门

推荐指数:⭐️⭐️⭐️⭐️⭐️

30-seconds-of-code | 30秒代码

30-seconds-of-code

地址

关于:满足您所有开发需求的简短代码片段

推荐理由:只需要30秒,基本能覆盖你想要解决的场景问题

推荐指数:⭐️⭐️⭐️⭐️⭐️

Front-End-Performance-Checklist | 前端性能检查表

Front-End-Performance-Checklist

地址

关于:🎮 唯一比其他运行速度更快的前端性能检查表

推荐理由:想要测试你的网站性能?它是首选

推荐指数:⭐️⭐️⭐️⭐️⭐️

30-Days-Of-React | 30天学习 React

地址

关于:挑战在30天内学习 React 的分步指南

推荐理由:适合新手快速入门 React

推荐指数:⭐️⭐️⭐️⭐️

cdnjs

地址

关于:CDN 资产 - 排名第一的免费开源 CDN,旨在让开发人员的生活更轻松。

推荐理由:排名第一的免费开源CDN,这含量,你懂的

推荐指数:⭐️⭐️⭐️⭐️⭐️

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

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

相关文章

系统分析师(软考)知识点整理(二)

会计相关 会计是指记录、分类、汇总、计量和报告发送在企业经济活动中的财务数据的行为 #mermaid-svg-YBI5YPWzqWhRB4kI {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-YBI5YPWzqWhRB4kI .error-icon{fill:#552222…

亚马逊鲲鹏系统引爆广告点击率提升秘籍

在竞争激烈的电商市场,提高广告点击率成为各大卖家争相追求的目标。而如今,亚马逊鲲鹏系统的强大功能再次为卖家们打开了广告优化的新大门。其中,搜索广告功能更是成为提高关键词排名的利器。本文将详细介绍如何通过亚马逊鲲鹏系统实现点击广…

多维时序 | MATLAB实现KOA-CNN-BiGRU-Multihead-Attention多头注意力机制多变量时间序列预测

多维时序 | MATLAB实现KOA-CNN-BiGRU-Multihead-Attention多头注意力机制多变量时间序列预测 目录 多维时序 | MATLAB实现KOA-CNN-BiGRU-Multihead-Attention多头注意力机制多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 MATLAB实现KOA-CNN-B…

linux | 软连接与硬链接 | 实测

很多知识,我们都是通过学习其他博主的博客,可是学习的过程 常常需要辩证的去辨别真伪。这很耗精力,最好的方法就是实践去检测。 软链接 和 应链接 在 linux 上操作非常重要 常见场景:最重要的就是,做备份,尤…

Talk | 约翰霍普金斯大学博士生魏晨: De-Diffusion-文本是不同模态的沟通桥梁

本期为TechBeat人工智能社区第557期线上Talk。 北京时间12月20日(周三)20:00,约翰霍普金斯大学博士生—魏晨的Talk已准时在TechBeat人工智能社区开播! 她与大家分享的主题是: “De-Diffusion-文本是不同模态的沟通桥梁题”,介绍了她的团队在如…

Linux---进程状态

目录 一、系统进程状态介绍 1.运行状态 2.阻塞状态 3.挂起状态 二、Linux中的进程状态 1.R (running) 2.S (sleeping) 3.D(disk sleep) 4.T(stopped) 5.t(tracing stop) 6.X(dead&am…

OpenHarmony应用开发环境搭建指南

OpenHarmony的应用开发主要是基于Deveco Studio(目前只支持Windows及Mac平台)搭配相应的SDK进行,现对开发环境的搭建进行说明。 1:Deveco下载安装 下载对应平台的安装包即可。接下来以Windows平台为例,进行开发环境的搭建。 下载…

楼宇对讲、可视门铃案例分析

语音通话芯片:D34018,D34118,D5020,D31101; D34018 单片电话机通话电路,合并了必 需的放大器、衰减器和几种控制 功能,包括发送和接收衰减器、 背景噪声电平检测系统和一个衰 减器控制系统,对发送和接收电 平好于背景噪声做出反…

PyCharm添加自动函数文档注释

目录 1、背景2、开启PyCharm自动函数文档注释 1、背景 规范的函数文档注释有助于他人理解代码,便于团队协作、提高效率。但如果我们自己手写函数文档注释将非常耗时耗力。PyCharm安装后默认没有开启自动化函数文档注释,需要我们开启 2、开启PyCharm自动…

反序列化 [SWPUCTF 2021 新生赛]ez_unserialize

打开题目 查看源代码 得到提示&#xff0c;那我们用御剑扫描一下看看 我们知道有个robots.txt&#xff0c;访问一下得到 那我们便访问一下 cl45s.php看看 得到网站源代码 <?phperror_reporting(0); show_source("cl45s.php");class wllm{public $admin;public …

55.0/CSS 的应用(详细版)

目录 55.1.1 设计边框样式 55.1.2 调整边框的粗细 55.1.3 边框颜色 55.1.4 复合设置边框 55.2 模块的边距 55.3 模块的内边距 55.4 层的应用 55.4.1 层的建立 55.4.2 浮动——float 55.4.3 清除浮动 55.4.4 层的定位 55.4.5 设置层的溢出——overflow 55.4.6 设置鼠…

Linux开发工具——vim篇

vim开发工具的使用 文章目录 vim开发工具的使用认识vimvim常用三种模式vim正常模式命令集模式切换移动光标删除文字赋值替换撤销上一次操作更改跳到指定的行 vim末行模式命令集列出行号跳到文件中的某一行&#xff1a;保存文件离开vim查找字符&#xff1a; 总结题外话&#xff…

spring使用@Autowired @Lazy 注解 解决循环依赖

今天在启动项目时报错&#xff1a;org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name ‘colorController’: Unsatisfied dependency expressed through field ‘projectService’; nested exception is org.springframework.…

使用Dropzone提升开发效率的全方位指南

开发过程中&#xff0c;文件上传、图像处理、脚本执行等任务常常是不可或缺的环节。为了提升开发效率&#xff0c;开发者需要一个强大且灵活的工具。在这方面&#xff0c;Dropzone 是一个非常优秀的选择。本文将介绍如何在各种使用场景下&#xff0c;利用 Dropzone 工具来提高开…

【数据结构和算法】子数组最大平均数 I

其他系列文章导航 Java基础合集数据结构与算法合集 设计模式合集 多线程合集 分布式合集 ES合集 文章目录 其他系列文章导航 文章目录 前言 一、题目描述 二、题解 2.1 滑动窗口含义 2.2 滑动窗口一般解法 2.3 方法一&#xff1a;滑动窗口 三、代码 3.1 方法一&#…

异步编程Promise

文章目录 前言一、关于 Promise 的理解与使用1.相关知识补充区别实例对象和函数对象同步回调异步回调Js中的错误&#xff08;error&#xff09;和错误处理 2.promise是什么 二、Promise 原理三、Promise 封装 Ajax四、async 与 await总结 前言 在项目中&#xff0c;promise的使…

Easyrecovery2024手机版文件数据恢复软件

Easyrecovery是著名数据恢复厂商Kroll Ontrack推出文件的恢复软件&#xff0c;因病毒、误删、U盘故障等问题导致的word/excel/ppt/照片等文件丢失的情况&#xff0c;Easyrecovery能做到较高的恢复成功率&#xff01;Easyrecovery是全球著名数据恢复厂商Kroll Ontrack推出的文件…

.Net Attribute 什么是特性、预定义特性使用(一)

什么是特性&#xff1f; 特性&#xff08;Attribute&#xff09;是用于在运行时传递程序中各种元素&#xff08;比如类、方法、结构、枚举、组件等&#xff09;的行为信息的声明性标签。您可以通过使用特性向程序添加声明性信息。一个声明性标签是通过放置在它所应用的元素前面…

Git报错x509: certificate signed by unknown authority

下载报错&#xff1a; Error downloading object: model-00001-of-00008.safetensors (ed3ac49): Smudge error: Error downloading model-00001-of-00008.safetensors (ed3ac4983f682a999b0e4b6f072aad294c4fd9a7e968e90835ba5c4b466d3c7c): LFS: Get https://cdn-lfs.huggin…

【matlab】绘制横状单组渐变柱状图

% matlab绘制横状渐变柱状图 clear;clc;close all; x1:20; a[1 -1 2 -2 3 -3 4 -4 5 -5 6 -6 7 -7 8 -8 9 -9 10 -10]; close all; b0.8; figure barh(a,b,‘FaceColor’,‘none’) % 颜色包 cmap load(‘D:\matlab_work\函数名为colormore的颜色索引表制作\colormore_txt\colo…