可樂の學習站點

常用工具

NPM

npm is a tool for installing and managing JavaScript packages from the npm registry.

Dayjs

Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

axios

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

Can I use

前端 API 兼容性查询

TinyPNG

在线图片压缩工具

开发者武器库

开发者武器库，做开发者最专业最好用的专业工具箱

在线工具

开发人员的工具箱

Json 中文网

JSON 在线解析及格式化验证

snippet-generator

将代码转换成代码块

carbon

代码美化

ray.so

代码美化

随机图片生成

生成随机图片

占位图生成

生成占位图片

免费切图

让你不用再 ”低三下四“ 求UI给你切图了！可用于 web端和移动端项目的高级插图。免费，且可用于商业和个人目的。

在线编译器

tay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.

正则可视化

JavaScript Regular Expression Visualizer.

正则学习

逐步学习正则表达式，从零基础到高阶。

精灵图定位

Sprite Cow - Generate CSS for sprite sheets

图片转Base64

将图片转换成base64编码

rgb转十六进制

将rgb颜色转换成#16进制编码

BootCDN

稳定、快速、免费的前端开源项目 CDN 加速服务

可樂的站点导航

聚合GPT

整合在线可用、免注册、免费的GPT网站

聚合盘搜

整合可用的网盘搜搜

爱摸鱼

爱摸鱼，一款免费的软件，在线摸鱼的最好选择

微信对话生成器

在线生成微信对话

仿PC端微信

复刻新版微信项目

小姐姐

心旷神怡

Qwerty Learner

为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件

Vue 生态

Vue 3

渐进式 JavaScript 框架

Vue 2

渐进式 JavaScript 框架

Vue Router

Vue.js 的官方路由为 Vue.js 提供富有表现力、可配置的、方便的路由

Pinia

符合直觉的 Vue.js 状态管理库

Nuxt.js

一个基于 Vue.js 的通用应用框架

VueUse

Vue Composition API 的常用工具集

Element Plus

基于 Vue 3，面向设计师和开发者的组件库

Element UI

基于 Vue 2，面向设计师和开发者的组件库

Ant Design Vue

Ant Design 的 Vue 实现，开发和服务于企业级后台产品

Naive

一个 Vue 3 组件库比较完整，主题可调使用TypeScript 快有点意思

Arco Design

字节跳动出品的一个 Vue 3 组件库

Semi Design

由抖音前端与 UED 团队维护，易于定制的现代化设计系统，帮助设计师与开发者打造高质量产品。

Vant

轻量、可定制的移动端 Vue 组件库

Cube UI

基于 Vue.js 实现的精致移动端组件库

NutUI

京东风格的轻量级移动端组件库

Varlet

varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由 varletjs 社区团队开发和维护。

无界

无界微前端方案基于 WebComponent 容器 + iframe 沙箱能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等

React 生态

React

用于构建用户界面的 JavaScript 库

React Router

React 的声明式路由

Next.js

一个用于 Web 的 React 框架

UmiJS

插件化的企业级前端应用框架

Ant Design

一套企业级 UI 设计语言和 React 组件库

Ant Design Mobile

构建移动 WEB 应用程序的 React 组件库

Zustand

一个小型、快速、可扩展的 React 状态管理解决方案

Valtio

makes proxy-state simple for React and Vanilla

Jotai

primitive and flexible state management for React

Redux

JavaScript 应用的状态容器，提供可预测的状态管理

MobX

一个小型、快速、可扩展的 React 状态管理解决方案

ahooks

一套高质量可靠的 React Hooks 库

小程序相关

微信小程序文档

微信小程序官方开发者文档

微信小程序

微信小程序审核发布

Vant Weapp

轻量、可靠的小程序 UI 组件库

TDesign

TDesign 微信小程序组件库。

uni-app

一个使用 Vue.js 开发所有前端应用的框架

uView

uView是uni-app生态专用的UI框架

uview-plus

uni-app生态专用的UI框架,uview-plus是基于uView2.x修改的vue3版本

Taro

多端统一开发解决方案

Mpx

增强型跨端小程序框架

JS 相关

Lodash

Moment

Echart

Echart Demo

CSS 相关

UnoCSS

即时按需的原子级CSS引擎

TailwindCSS 中文网

一个功能类优先的 CSS 框架

CSS常用样式

CSS 常用样式和奇技淫巧总结

You-need-to-know-css

Web开发者应该掌握的CSS tricks

CSS渐变

CSS拟态

CSS圆角

CSS阴影

在线调阴影

lingdaima是一款在线阴影创建工具，可以帮助用户快速地生成各种类型的阴影效果，并且提供多种自定义选项和实时预览功能。

getwaves

svgwave

shapedivider

三角形背景

transition

CSS动画

加载动画

CSS加载动画

PostCSS

一个用 JavaScript 转换 CSS 的工具

Sass

一个成熟，稳定，功能强大的专业级 CSS 扩展语言

Node 相关

Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境

Express

基于 Node.js 平台，快速、开放、极简的 Web 开发框架

Koa

基于 Node.js 平台的下一代 web 开发框架

Egg

为企业级框架和应用而生

Nest.js 中文文档

用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架

可视化

ECharts

一个基于 JavaScript 的开源可视化图表库

ECharts在线定制

按需定制功能

echarts社区案例

提供了很多的echarts写法案例

AntV

蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

D3.js

一个遵循 Web 标准用于可视化数据的 JavaScript 库

Chart.js

一个简单而灵活的 JavaScript 图表库

Three.js

JavaScript 3d 库

Fabric.js

Fabric.js is a powerful and simple Javascript HTML5 canvas library

编译&构建&打包

Webpack 中文网

一个用于现代 JavaScript 应用程序的静态模块打包工具

Vite 中文文档

下一代前端工具链

Rollup

Rollup 是一个 JavaScript 模块打包器

Turbo

Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust

Babel

Babel 是一个 JavaScript 编译器

esbuild

An extremely fast bundler for the web

SWC

Rust-based platform for the Web

站点生成器

Astro

一个现代化的轻量级静态站点生成器

VitePress

由 Vite 和 Vue 驱动的静态网站生成器

VuePress

Vue 驱动的静态网站生成器

dumi

基于 Umi 为组件研发而生的静态站点框架

Docusaurus

基于 React 的静态网站生成器

图标库

iconfont

国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能

IconPark 图标库

IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一 SVG 源文件变换出多种主题，具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标

ikonate

Customise, adjust and download free vector icons. Ikonate is an adaptable set of optimised, accessible SVG icons that use can easily use in both development and design apps such as Sketch and Photoshop. Ready to use as images, inline SVGs or SVG sprites.