前端老司机 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游戏,都是回忆杀~ 传送门

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

抖音网页版

懂的都懂 传送门

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

完结

目录
相关文章
|
7月前
|
运维 前端开发 JavaScript
前端埋点校验工具:数据驱动的最后一道防线
数据埋点是企业决策的关键基础,但常面临覆盖率低、数据不准和故障难排查三大难题。本文深入剖析了这些问题的成因与影响,并提出“三维校验矩阵”解决方案:提升覆盖率至99.8%、降低错误率至0.3%、提速故障定位5倍。同时对比Split.io、Tealium、Sentry、板栗看板等工具优劣,为企业选型提供参考。迈向高质量数据治理,从精准埋点开始。
|
机器学习/深度学习 人工智能 自然语言处理
DeepSeek Artifacts:在线实时预览的前端 AI 编程工具,基于DeepSeek V3快速生成React App
DeepSeek Artifacts是Hugging Face推出的免费AI编程工具,基于DeepSeek V3,支持快速生成React和Tailwind CSS代码,适合快速原型开发和前端组件构建。
2546 39
DeepSeek Artifacts:在线实时预览的前端 AI 编程工具,基于DeepSeek V3快速生成React App
|
人工智能 前端开发 小程序
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
394 31
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
|
11月前
|
JSON 人工智能 前端开发
前端开发中使用whistle代理工具
Whistle是一款强大的代理工具,相比Charles、Fiddler更轻量且功能丰富。它适用于前端开发中的多种场景,如接口数据Mock、接口代理、静态资源代理等。通过简单的规则配置,可将接口指向本地JSON文件,解决跨域问题,或代理静态资源以满足特定域名访问需求。此外,Whistle还支持本地端口间转发与移动端请求抓包,搭配SwitchyOmega插件使用效果更佳。需注意,使用前请确保已安装Node环境并参考官方文档完成基础配置。
|
12月前
|
人工智能 自然语言处理 前端开发
VSCode AI提效工具,通义灵码前端开发体验
通义灵码2.0是一款强大的VS Code插件,安装简便,图标易记。其亮点包括接入deepseek-v3/r1模型,支持智能问答、AI编程、代码优化及贴图提问;多语言和编辑器支持;个性化使用满足不同需求。个人版完全免费,节省12%开发时间。对比1.0版本,2.0在功能实现上更加完善,尤其在前端项目中表现出色,根据需求描述生成完整项目结构和详细代码,极大提升开发效率。
952 0
|
前端开发 JavaScript 开发者
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
859 4
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
570 8
|
前端开发 JavaScript UED
惊呆了!这些前端技巧竟然能让你的网站秒变高大上,赶快学起来!
前端技术是网页设计的核心,能够显著提升用户体验和网站竞争力。本文介绍了三种实用的前端技巧:动态背景效果、微交互设计和响应式设计。通过CSS动画和JavaScript,可以实现视觉吸引的动态背景;微交互设计如按钮点击效果能增强用户参与感;响应式设计则确保网站在不同设备上呈现良好效果。这些技巧简单易学,效果显著,值得尝试。
293 3
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
259 3
|
缓存 前端开发 JavaScript
前端性能优化:让你的网站更快、更流畅
前端性能优化:让你的网站更快、更流畅
324 0

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    781
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    356
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    274
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    242
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    349
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    498
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    299
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    163
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    290
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    311