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

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

前言

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

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

JavaScript

JavaScript教程

通俗易懂的JavaScript教程 传送门

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

ES6教程

阮一峰大佬的ES6入门教程,业界标杆 传送门

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

JavaScript30天

使用JS完成小目标!30天搞定30个项目 传送门

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

近代JavaScript教程

JavaScript教程 传送门

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

Node.js学习指南

Node.js学习教程And笔记系统整理 传送门

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

JavsScript代码规范

高质量JS代码规范 传送门

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

TypeScript教程

详细的TypeScript教程 传送门

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

Css

Css Tricks效果大全

汇集了大量的CSS动画效果! 传送门

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

Css Inspiration

Css灵感创意园地 传送门

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

Css常用样式

Css样式合集 传送门

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

Animista

CSS动画库可以按需定制CSS动画效果以及自定义动画效果 传送门

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

SpinKit

CSS代码片段集合了各种加载效果的CSS代码片段 传送门

Css Minifier

在线网站Css代码简化、压缩 传送门

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

Sass

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

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

Less

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

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

Stylus

CSS强力预处理器 传送门

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

Box Shadow

Css盒子阴影大全 传送门

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

Tailwindcss

Css类库 传送门

Css渐变背景

丰富好看的Css渐变背景 传送门

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

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

数据结构和算法

JavaScript算法与数据结构

每个算法和数据结构都有自己独立的README,其中包含相关解释和进一步阅读的链接 传送门

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

leetcode 解题之路

LeetCode解题攻略 传送门

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

五分钟学算法 用动画的形式呈现LeetCode的解题思路 传送门

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

数据结构与算法项目推荐

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

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

JavaScript 十大经典排序算法

十大经典排序算法汇总 传送门

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

算法可视化工具

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

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

算法的工作方式

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

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

面试题

前端面试常问题整理

按模块和知识点分类 传送门

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

前端面试开源项目汇总

传送门

博客网站

腾讯Alloy Team

传送门

腾讯用户体验博客

专注于前端用户体验传送门

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

淘系前端博客

淘宝前端博客 代表中国最强前端实力传送门

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

京东凹凸实验室

京东前端技术博客传送门

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

饿了么前端博客

传送门

百度前端博客

传送门

360奇舞团

传送门

美团技术博客

美团技术团队博客 传送门

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

部署工具

Github Page

Github提供的免费静态网站托管服务 传送门

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

Netify

30秒内部署你的网站 传送门

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

Surge

一个命令部署你的网站 传送门

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

Vercel

快速部署你的网站 国外很流行 传送门

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

建站工具

Hexo

流行的静态博客程序 Markdown编写 生成静态站点 传送门

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

VuePress

Vue驱动的静态网站生成器 传送门

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

GitBook

现代化的文档平台,支持团队协作传送门

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

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

热门文章

最新文章

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