前端老司机 70+ 实用工具网站分享(建议收藏!)🔥🔥(下)

简介: 前言大家好,我是HoMeTown,好的工具,可以帮助我们大幅提高编程效率,今天给大家分享一下我平时收集到的一些工具,目录已经分好了。

代码规范

Tgideas

腾讯前端代码规范 值得参考 传送门

网络异常,图片无法展示
|

京东

京东前端代码规范文档 分类详细 传送门

网络异常,图片无法展示
|

ES6

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

网络异常,图片无法展示
|

AirBnb

国外企业的前端代码规范 传送门

网络异常,图片无法展示
|

ESLint

代码规范检查和格式化工具传送门

网络异常,图片无法展示
|

Prettier

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

网络异常,图片无法展示
|

抓包工具

Whistie

代理抓包工具  我一直在用的工具 很好很强大 传送门

网络异常,图片无法展示
|

Fiddler

使用人数最多的抓包工具 传送门

网络异常,图片无法展示
|

在线网站工具

CodePen

前端在线测试和演示工具  国外站点 传送门

网络异常,图片无法展示
|

Can I use

Web前端兼容性列表 传送门

网络异常,图片无法展示
|

TinyPNG

PNG/JPG 图片在线压缩工具 传送门

网络异常,图片无法展示
|

web.dev

评测网站性能 传送门

网络异常,图片无法展示
|

Shape Divider

定制各种形状SVG的工具 传送门

网络异常,图片无法展示
|

Carbon

代码转图片工具   传送门

网络异常,图片无法展示
|

Wappalyzer

检测某个网站的技术栈 传送门

网络异常,图片无法展示
|

tool.lu

程序员在线工具大全  传送门

网络异常,图片无法展示
|

在线JSON格式化

在线网站免费的JSON格式化工具 传送门

网络异常,图片无法展示
|

在线生成短链接

免费的在线生成短链接网站 传送门

网络异常,图片无法展示
|

开发工具

VSCode

前端最流行的编辑器 传送门

网络异常,图片无法展示
|

Sublime

轻量级代码编辑工具 曾经我的最爱 传送门

网络异常,图片无法展示
|

WebStorm

忠爱粉最多的编辑器  传送门

网络异常,图片无法展示
|

Typora

传送门

学习网站

我要自学网

海量自学资源 传送门

网络异常,图片无法展示
|

白月黑羽 Python

质量极高的Python教程 传送门

网络异常,图片无法展示
|

Vue源码之路

Vue源码逐行分析,系统解读 传送门

网络异常,图片无法展示
|

Go语言简明教程

快速入门,适合小白 传送门

网络异常,图片无法展示
|

划水网站

小霸王,其乐无穷

童年游戏网站,双截龙、拳皇... 传送门

网络异常,图片无法展示
|

在线Dos游戏

免费的在线Dos游戏,都是回忆杀~ 传送门

网络异常,图片无法展示
|

抖音网页版

懂的都懂 传送门

网络异常,图片无法展示
|

完结

目录
相关文章
|
8天前
|
前端开发 JavaScript 开发者
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
|
1月前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
51 8
|
1月前
|
前端开发 JavaScript UED
惊呆了!这些前端技巧竟然能让你的网站秒变高大上,赶快学起来!
前端技术是网页设计的核心,能够显著提升用户体验和网站竞争力。本文介绍了三种实用的前端技巧:动态背景效果、微交互设计和响应式设计。通过CSS动画和JavaScript,可以实现视觉吸引的动态背景;微交互设计如按钮点击效果能增强用户参与感;响应式设计则确保网站在不同设备上呈现良好效果。这些技巧简单易学,效果显著,值得尝试。
33 3
|
1月前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
35 3
|
1月前
|
监控 前端开发 JavaScript
前端稳定性工具-Sentry
【11月更文挑战第9天】Sentry 是一个开源的错误和性能监控平台,支持多种编程语言和框架。它能够捕获前端应用中的各种错误和性能问题,提供详细的错误信息和用户行为关联,帮助开发团队快速定位和解决问题,优化应用性能。但需注意隐私保护、数据准确性和成本控制。
|
1月前
|
前端开发 JavaScript API
惊呆了!这些前端技巧竟然能让你的网站支持AR/VR体验!
【10月更文挑战第31天】在数字化时代,用户对网页交互体验的要求日益提高,传统二维网页已难以满足需求。本文介绍如何利用前端技术,特别是Three.js,实现AR/VR体验,提升用户满意度和网站价值。通过示例代码,展示如何创建简单的3D场景,并探讨AR/VR技术的基本原理和常用工具,帮助开发者打造沉浸式体验。
74 6
|
1月前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
45 3
|
1月前
|
Web App开发 前端开发 JavaScript
前端开发的秘密武器:这些工具让你轻松应对各种复杂布局!
【10月更文挑战第31天】前端开发充满挑战,尤其是在处理复杂布局时。本文介绍了几种关键工具和技术,如HTML和CSS基础、Firefox开发者工具、Visual Studio Code以及Vue、React和Angular等前端框架,帮助开发者高效应对复杂布局,提升代码质量和用户体验。
36 2
|
1月前
|
前端开发 JavaScript 开发者
惊!这些前端技术竟然能让你的网站在社交媒体上疯传!
【10月更文挑战第30天】在这个信息爆炸的时代,社交媒体成为内容传播的重要渠道。本文介绍了前端开发者如何利用技术让网站内容在社交媒体上疯传,包括优化分享链接、创建引人注目的标题和描述、利用Open Graph和Twitter Cards、实现一键分享功能以及创造交互式内容。通过这些方法,提升用户分享意愿,使网站成为社交媒体上的热门话题。
45 2
|
1月前
|
缓存 前端开发 JavaScript
前端性能优化:让你的网站更快、更流畅
前端性能优化:让你的网站更快、更流畅
26 0