DK Rao's Blog
DK Rao
2023-04-22
前端
目录

实用工具网站分享

# 前言

实用工具网站分享

# JavaScript

# JavaScript教程

通俗易懂的JavaScript教程 传送门 (opens new window)

image.png

# ES6教程

阮一峰大佬的ES6入门教程，业界标杆 传送门 (opens new window)

image.png

# JavaScript30天

使用JS完成小目标！30天搞定30个项目 传送门 (opens new window)

image.png

# 近代JavaScript教程

JavaScript教程 传送门 (opens new window)

image.png

# Node.js学习指南

Node.js学习教程And笔记系统整理 传送门 (opens new window)

image.png

# JavsScript代码规范

高质量JS代码规范 传送门 (opens new window) image.png

# TypeScript教程

详细的TypeScript教程 传送门 (opens new window)

image.png

# Css

# Css Tricks效果大全

汇集了大量的CSS动画效果！ 传送门 (opens new window)

image.png

# Css Inspiration

Css灵感创意园地 [传送门]https://csscoco.com/inspiration/#/./init)

image.png

# Css常用样式

Css样式合集 传送门 (opens new window)

image.png

# Animista

CSS动画库可以按需定制CSS动画效果以及自定义动画效果 传送门 (opens new window)

image.png

# SpinKit

CSS代码片段集合了各种加载效果的CSS代码片段 传送门 (opens new window)

# Css Minifier

在线网站Css代码简化、压缩 传送门 (opens new window)

image.png

# Sass

Sass 中文网 成熟、稳定、强大的CSS扩展语言 传送门 (opens new window)

image.png

# Less

Less.js 中文文档 将CSS赋予了动态语言特性的样式语言 传送门 (opens new window)

image.png

# Stylus

CSS强力预处理器 传送门 (opens new window)

image.png

# Box Shadow

Css盒子阴影大全 传送门 (opens new window)

image.png

# Tailwindcss

Css类库 传送门 (opens new window)

# Css渐变背景

丰富好看的Css渐变背景 传送门 (opens new window)

image.png

image.png

# 数据结构和算法

# JavaScript算法与数据结构

每个算法和数据结构都有自己独立的README，其中包含相关解释和进一步阅读的链接 传送门 (opens new window) image.png

# 五分钟学算法 用动画的形式呈现LeetCode的解题思路 传送门 (opens new window)

image.png

# 数据结构与算法项目推荐

GitHub 上 170K+ Star 的前端学习的数据结构与算法项目 传送门 (opens new window)

image.png

# JavaScript 十大经典排序算法

十大经典排序算法汇总 传送门 (opens new window)

image.png

# 算法可视化工具

用可视化工具和交互方式 让你从代码中可视化算法 传送门 (opens new window)

image.png

# 算法的工作方式

变量和操作的可视化表示 增强了控制流和实际源代码 传送门 (opens new window)

image.png

# 面试题

# 前端面试常问题整理

按模块和知识点分类 传送门 (opens new window) image.png

# 前端面试开源项目汇总

传送门 (opens new window)

# 博客网站

# 腾讯Alloy Team

传送门 (opens new window)

# 腾讯用户体验博客

专注于前端用户体验传送门 (opens new window)

image.png

# 淘系前端博客

淘宝前端博客 代表中国最强前端实力传送门 (opens new window)

image.png

# 京东凹凸实验室

京东前端技术博客传送门 (opens new window)

image.png

# 饿了么前端博客

传送门 (opens new window)

# 百度前端博客

传送门 (opens new window)

# 360奇舞团

传送门 (opens new window)

# 美团技术博客

美团技术团队博客 传送门 (opens new window)

image.png

# 部署工具

# Github Page

Github提供的免费静态网站托管服务 传送门 (opens new window)

image.png

# Netify

30秒内部署你的网站 传送门 (opens new window) image.png

# Surge

一个命令部署你的网站 传送门 (opens new window)

image.png

# Vercel

快速部署你的网站 国外很流行 传送门 (opens new window)

image.png

# 建站工具

# Hexo

流行的静态博客程序 Markdown编写 生成静态站点 传送门 (opens new window)

image.png

# VuePress

Vue驱动的静态网站生成器 传送门 (opens new window)

image.png

# GitBook

现代化的文档平台，支持团队协作传送门 (opens new window)

image.png

# 代码规范

# Tgideas

腾讯前端代码规范 值得参考 传送门 (opens new window)

image.png

# 京东

京东前端代码规范文档 分类详细 传送门 (opens new window)

image.png

# ES6

阮一峰编写的ES6代码规范 值得每个人阅读并参考 传送门 (opens new window)

image.png

# AirBnb

国外企业的前端代码规范 传送门 (opens new window)

image.png

# ESLint

代码规范检查和格式化工具传送门 (opens new window)

image.png

# Prettier

VSCode 最热门的代码格式化工具 让你写出漂亮的代码 传送门 (opens new window)

image.png

# 抓包工具

# Whistie

代理抓包工具 我一直在用的工具 很好很强大 传送门 (opens new window)

image.png

# Fiddler

使用人数最多的抓包工具 传送门 (opens new window)

image.png

# 在线网站工具

# CodePen

前端在线测试和演示工具 国外站点 传送门 (opens new window)

image.png

# Can I use

Web前端兼容性列表 传送门 (opens new window)

image.png

# TinyPNG

PNG/JPG 图片在线压缩工具 传送门 (opens new window)

image.png

# web.dev

评测网站性能 传送门 (opens new window)

image.png

# Shape Divider

定制各种形状SVG的工具 传送门 (opens new window)

image.png

# Carbon

代码转图片工具 传送门 (opens new window)

image.png

# Wappalyzer

检测某个网站的技术栈 传送门 (opens new window)

image.png

# tool.lu

程序员在线工具大全 传送门 (opens new window)

image.png

# 在线JSON格式化

在线网站免费的JSON格式化工具 传送门 (opens new window)

image.png

# 在线生成短链接

免费的在线生成短链接网站 传送门 (opens new window)

image.png

# 开发工具

# VSCode

前端最流行的编辑器 传送门 (opens new window)

image.png

# Sublime

轻量级代码编辑工具 曾经我的最爱 传送门 (opens new window)

image.png

# WebStorm

忠爱粉最多的编辑器 传送门 (opens new window)

image.png

# Typora

传送门 (opens new window)

# 学习网站

# 我要自学网

海量自学资源 传送门 (opens new window)

image.png

# 白月黑羽 Python

质量极高的Python教程 传送门 (opens new window)

image.png

# Vue源码之路

Vue源码逐行分析，系统解读 传送门 (opens new window)

image.png

# Go语言简明教程

快速入门，适合小白 传送门 (opens new window) image.png

编辑 (opens new window)
#学习#知识#前端学习资源
上次更新: 2023/04/22, 14:04:00
最近更新
01
前端工程师生产环境 debugger 技巧
10-17
02
独立开发者资源
09-05
03
Vis-Network中文API文档
09-29
更多文章>
Theme by Vdoing | Copyright © 2019-2025 DK Rao | MIT License