首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

前端老司机

作者：myj2017 | 来源：互联网 | 2023-07-13 23:30
大家好，我是HoMeTown，好的工具，可以帮助我们大幅提高编程效率，今天给大家分享一下我平时收集到的一些工具，目录已经分好了。JavaScriptJavaScript教程通俗易懂

文章目录[隐藏]

  • Javascript
    • Javascript教程
    • ES6教程
    • Javascript30天
    • 近代Javascript教程
    • Node.js学习指南
    • JavsScript代码规范
    • TypeScript教程
  • Css
    • Css Tricks效果大全
    • Css Inspiration
    • Css常用样式
    • Animista
    • SpinKit
    • Css Minifier
    • Sass
    • Less
    • Stylus
    • Box Shadow
    • Tailwindcss
    • Css渐变背景
  • 数据结构和算法
    • Javascript算法与数据结构
    • leetcode 解题之路
    • 五分钟学算法 用动画的形式呈现LeetCode的解题思路 传送门
    • 数据结构与算法项目推荐
    • Javascript 十大经典排序算法
    • 算法可视化工具
    • 算法的工作方式
  • 面试题
    • 前端面试常问题整理
    • 前端面试开源项目汇总
  • 博客网站
    • 腾讯Alloy Team
    • 腾讯用户体验博客
    • 淘系前端博客
    • 京东凹凸实验室
    • 饿了么前端博客
    • 百度前端博客
    • 360奇舞团
    • 美团技术博客
  • 部署工具
    • Github Page
    • Netify
    • Surge
    • Vercel
  • 建站工具
    • Hexo
    • VuePress
    • GitBook
  • 代码规范
    • Tgideas
    • 京东
    • ES6
    • AirBnb
    • ESLint
    • Prettier
  • 抓包工具
    • Whistie
    • Fiddler
  • 在线网站工具
    • CodePen
    • Can I use
    • TinyPNG
    • web.dev
    • Shape Divider
    • Carbon
    • Wappalyzer
    • tool.lu
    • 在线JSON格式化
    • 在线生成短链接
  • 开发工具
    • VSCode
    • Sublime
    • WebStorm
    • Typora
  • 学习网站
    • 我要自学网
    • 白月黑羽 Python
    • Vue源码之路
    • Go语言简明教程
  • 划水网站

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

前端老司机 实用工具网站分享！掘金@HoMeTown.png

Javascript

Javascript教程

通俗易懂的Javascript教程 传送门

image.png

ES6教程

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

image.png

Javascript30天

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

image.png

近代Javascript教程

Javascript教程 传送门

image.png

Node.js学习指南

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

image.png

JavsScript代码规范

高质量JS代码规范 传送门 image.png

TypeScript教程

详细的TypeScript教程 传送门

image.png

Css

Css Tricks效果大全

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

image.png

Css Inspiration

Css灵感创意园地 传送门

image.png

Css常用样式

Css样式合集 传送门

image.png

Animista

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

image.png

SpinKit

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

Css Minifier

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

image.png

Sass

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

image.png

Less

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

image.png

Stylus

CSS强力预处理器 传送门

image.png

Box Shadow

Css盒子阴影大全 传送门

image.png

Tailwindcss

Css类库 传送门

Css渐变背景

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

image.png

image.png

数据结构和算法

Javascript算法与数据结构

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

leetcode 解题之路

LeetCode解题攻略 传送门

image.png

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

image.png

数据结构与算法项目推荐

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

image.png

Javascript 十大经典排序算法

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

image.png

算法可视化工具

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

image.png

算法的工作方式

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

image.png

面试题

前端面试常问题整理

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

前端面试开源项目汇总

传送门

博客网站

腾讯Alloy Team

传送门

腾讯用户体验博客

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

image.png

淘系前端博客

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

image.png

京东凹凸实验室

京东前端技术博客传送门

image.png

饿了么前端博客

传送门

百度前端博客

传送门

360奇舞团

传送门

美团技术博客

美团技术团队博客 传送门

image.png

部署工具

Github Page

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

image.png

Netify

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

Surge

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

image.png

Vercel

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

image.png

建站工具

Hexo

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

image.png

VuePress

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

image.png

GitBook

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

image.png

代码规范

Tgideas

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

image.png

京东

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

image.png

ES6

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

image.png

AirBnb

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

image.png

ESLint

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

image.png

Prettier

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

image.png

抓包工具

Whistie

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

image.png

Fiddler

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

image.png

在线网站工具

CodePen

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

image.png

Can I use

Web前端兼容性列表 传送门

image.png

TinyPNG

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

image.png

web.dev

评测网站性能 传送门

image.png

Shape Divider

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

image.png

Carbon

代码转图片工具 传送门

image.png

Wappalyzer

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

image.png

tool.lu

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

image.png

在线JSON格式化

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

image.png

在线生成短链接

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

image.png

开发工具

VSCode

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

image.png

Sublime

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

image.png

WebStorm

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

image.png

Typora

传送门

学习网站

我要自学网

海量自学资源 传送门

image.png

白月黑羽 Python

质量极高的Python教程 传送门

image.png

Vue源码之路

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

image.png

Go语言简明教程

快速入门，适合小白 传送门 image.png

划水网站

作者：HoMeTown
链接：https://juejin.cn/post/7129412947931037732
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

推荐阅读
  • less

    《从零构建前后星散的web项目》：前端相识过关了吗？

    《从零构建前后星散的web项目》：前端相识过关了吗？
    #前端基本架构和硬核引见手艺栈的挑选起首我们构建前端架构须要对前端生态圈有统统相识，而且最好带有肯定的手艺前瞻性，好的手艺架构能够日后会轻易的扩大，削减重构的次数，纵然重构也不须要 ... [详细]
  • go

    2018年人工智能大数据的爆发，学Java还是Python？

    2018年人工智能大数据的爆发，学Java还是Python？
    本文介绍了2018年人工智能大数据的爆发以及学习Java和Python的相关知识。在人工智能和大数据时代，Java和Python这两门编程语言都很优秀且火爆。选择学习哪门语言要根据个人兴趣爱好来决定。Python是一门拥有简洁语法的高级编程语言，容易上手。其特色之一是强制使用空白符作为语句缩进，使得新手可以快速上手。目前，Python在人工智能领域有着广泛的应用。如果对Java、Python或大数据感兴趣，欢迎加入qq群458345782。 ... [详细]
  • go

    互联网思维中的3个段子，9大分类和19条法则

    本文介绍了互联网思维中的三个段子，涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例，探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验，三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • import

    机器学习之贝叶斯垃圾邮件分类代码

    本文介绍了贝叶斯垃圾邮件分类的机器学习代码，代码来源于https://www.cnblogs.com/huangyc/p/10327209.html，并对代码进行了简介。朴素贝叶斯分类器训练函数包括求p(Ci)和基于词汇表的p(w|Ci)。 ... [详细]
  • go

    iOS开发中的内存泄漏检测和解决方法，以及最能挣钱的行业和选行业技巧

    本文介绍了iOS开发中检测和解决内存泄漏的方法，包括静态分析、使用instruments检查内存泄漏以及代码测试等。同时还介绍了最能挣钱的行业，包括互联网行业、娱乐行业、教育行业、智能行业和老年服务行业，并提供了选行业的技巧。 ... [详细]
  • get

    Git版本控制工具中自动增加版本号的替代方案

    本文讨论了在使用Git进行版本控制时，如何提供类似CVS中自动增加版本号的功能。作者介绍了Git中的其他版本表示方式，如git describe命令，并提供了使用这些表示方式来确定文件更新情况的示例。此外，文章还介绍了启用$Id:$功能的方法，并讨论了一些开发者在使用Git时的需求和使用场景。 ... [详细]
  • get

    杭州PHP大厂有哪些(2023年最新分享)

    杭州PHP大厂有哪些(2023年最新分享)
    导读：今天编程笔记来给各位分享关于杭州PHP大厂有哪些的相关内容，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！本文目录一览： ... [详细]
  • get

    熟练掌握Spring Cloud，终于成为Java工程师的面试门槛

    熟练掌握Spring Cloud，终于成为Java工程师的面试门槛 ... [详细]
  • go

    css div中文字位置_超赞的 CSS 阴影技巧与细节

    css div中文字位置_超赞的 CSS 阴影技巧与细节
    本文的题目是CSS阴影技巧与细节。CSS阴影，却不一定是box-shadow与filter:drop-shadow，为啥？因为使用其他属性 ... [详细]
  • get

    OrbitDBPeer 2 Peer Database using CRDTs

    OrbitDBPeer 2 Peer Database using CRDTs
    2019独角兽企业重金招聘Python工程师标准Apeer-to-peerdatabaseforthedecentralizedwebOrbitDBisaserverless ... [详细]
  • get

    【TypeScript】零基础入门，轻松玩转TypeScript编程

    前言小伙伴们大家好。从今天开始我们将从 ... [详细]
  • require

    Frontend 实习生

    业务：Payments&Risk大数据/AI/数据可视化时间要求：至少实习6个月，每周5天，入职时间4-5月 ... [详细]
  • go

    idea激活服务器 3月最新注册码

    idea激活服务器 3月最新注册码
    idea激活服务器3月最新注册码，https:www.yht7.comidea。详细ieda激活码不妨到云海天教程 ... [详细]
  • plugins

    Webpack 源码（一）—— Tapable 和 事宜流

    1、TapableTap的英文单词诠释，除了最经常运用的点击手势以外，另有一个意义是水龙头——在webpack中指的是后一种；Webpack能够认为是一种基于事宜流的编程范例，内部 ... [详细]
  • plugins

    刘连响：为什么看好小程序音视频在教育行业的应用？

    刘连响：为什么看好小程序音视频在教育行业的应用？
    作者简介：刘连响，一起玩耍科技创始人。2013年起开始研究WebRTC，对音视频处理、直播、实时音视频相关技术非常感兴趣，具 ... [详细]
author-avatar
myj2017
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有