这些好用的导航链接都已经部署到下面的网站上了，有些可能打不开了哦。所以需要大家认真查看，不行就去面向百度对查找吧！实在不行找找相关的网站也行》

Web 前端最新导航 https://www.kwgg2020.com/

JavaScript

  • JavaScript 教程

  • ES6 入门教程

  • JavaScript 30 使用原生 JavaScript 在 30 天内完成 30 个项目

  • Codewars 和其他人一起完成真实的代码挑战，提升你的技术

  • JavaScript 教程 现代 JavaScript 教程

  • 优秀的JS代码规范

  • 开发的宝藏项目

  • TypeScript 教程：https://github.com/xcatliu/typescript-tutorial

  • Node.js学习 https://blog.poetries.top/node-learning-notes/

CSS

  • css的各种效果实现 css的各种效果实现（尤其是动画效果）

  • CSS Inspiration 在这里找到写 CSS 的灵感

  • CSS 常用样式 总结一些常用的 CSS 样式

  • Animate.css 开箱即用的跨浏览器 CSS 动画效果

  • animista 按需定制 CSS 动画效果

  • SpinKit 汇集了实现各种加载效果的 CSS 代码片段

  • CSS Minifier 在线 CSS 代码极简化/压缩工具

  • https://sass.bootcss.com/documentation Sass 是成熟、稳定、强大的 CSS 扩展语言

  • https://less.bootcss.com/ 一种将css赋予了动态语言特性的动态样式语言

  • https://stylus-lang.com/ 富有表现力、动态、健壮的CSS

算法

  • JavaScript 算法与数据结构：https://github.com/trekhleb/javascript-algorithms

  • leetcode解题之路：https://github.com/azl397985856/leetcode

  • 五分钟学算法：https://github.com/MisterBooo/LeetCodeAnimation

  • LeetCode题目的思路 https://github.com/MisterBooo/LeetCodeAnimation 用动画的形式呈现解LeetCode题目的思路。

  • 极客时间 App 的《数据结构与算法之美》

  • GitHub 上 170K+ Star 的前端学习的数据结构与算法项目 https://github.com/biaochenxuying/blog/issues/43

  • JavaScript 数据结构与算法之美 - 十大经典排序汇总: https://github.com/biaochenxuying/blog/issues/42

  • 算法可视化工具 https://github.com/algorithm-visualizer/algorithm-visualizer 算法可视化工具是一个交互式的在线平台，可以从代码中可视化算法。

  • 算法可视化来源 https://visualgo.net/en

  • 观察算法的工作方式 https://github.com/skidding/illustrated-algorithms 变量和操作的可视化表示增强了控制流和实际源代码。

前端面试

  • 前端面试常考问题整理，按模块知识点分类：https://blog.poetries.top/FE-Interview-Questions/

  • 前端开发面试题: https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions

  • web前端面试宝典：https://github.com/h5bp/Front-end-Developer-Interview-Questions/

  • 掘金前端面试题合集：https://github.com/shfshanyue/blog/blob/master/post/juejin-interview.md

  • 前端面试图谱：https://yuchengkai.cn/docs/zh/

  • GitHub 上 100K+ Star 的前端面试开源项目汇总 https://github.com/biaochenxuying/blog/issues/47

技术社区

  • GitHub：https://github.com/ 高质量的内容创作和分享平台

  • stackoverflow：https://stackoverflow.com/ 一个回答技术问题的网站

  • 掘金：https://juejin.im/ 目前来看，国内的很多优质前端文章，都在掘金上。

  • 博客园：https://www.cnblogs.com/ 一个很纯粹的技术博客平台。

  • 知乎：知乎 - 有问题，就会有答案 很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃。

  • CSDN：https://www.csdn.net/ 广告太多，但奈何你这么老牌。

  • segmentfault：https://segmentfault.com/ 比较低调的技术博客平台。

  • v2ex：https://www.v2ex.com/ 一个关于分享和探索的地方

  • http://cnodejs.org/ Node.js专业中文社区

  • https://www.smashingmagazine.com/ 一个web技术类的博客杂志站点

  • https://www.jstips.co/ 每天推出一个JS技巧的网站

  • W3cplus：https://www.w3cplus.com/ 是一个致力于推广国内前端行业的技术博客

  • 印记中文 - https://docschina.org/ 印记中文是最权威是技术中文文档社区

  • 收集优质的中文前端博客：https://github.com/FrankFang/best-chinese-front-end-blogs

博客团队

  • 腾讯AlloyTeam：http://www.alloyteam.com/

  • 腾讯社交用户体验ISUX：https://isux.tencent.com/

  • 淘宝FED | 淘宝前端团队：http://taobaofed.org/

  • 阿里巴巴国际UED：http://www.aliued.com/

  • 京东 | 凹凸实验室：https://aotu.io/

  • 饿了么前端:饿了么前端 - 知乎

  • 百度前端研发部FEX：http://fex.baidu.com/

  • 360 | 奇舞团：https://75team.com/

  • 美团技术团队: https://tech.meituan.com/

个人博客

  • 阮一峰的网络日志（蚂蚁金服）

GitHub 统计

  • GitHub 中文排行榜、高分优秀中文项目：https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts

  • GitHub 全球排名：https://gitstar-ranking.com/ 这个排名很权威。如果你的项目超过 10k star，就能上榜，跻身全球 GitHub 项目前1000名。

构建

  • NPM：https://www.npmjs.com/

  • Yarn：https://yarnpkg.com/zh-Hans/

  • Webpack：https://webpack.js.org/

  • Gulp：https://www.gulpjs.com.cn/

  • Babel：https://babeljs.io/

  • ESLint：https://cn.eslint.org/ 可组装的JavaScript和JSX检查工具。

  • PostCSS：https://www.postcss.com.cn/ 用 JavaScript 工具和插件转换 CSS 代码的工具

部署

  • GitHub Pages GitHub 提供的免费静态网站托管服务

  • Netlify 30 秒内部署你的网站

  • Vercel 快速部署你的网站

  • Surge 只需一个命令就可以发布你的网站

  • Heroku 在云端构建、运行你的应用

静态站点搭建工具

  • Hexo：https://hexo.io/zh-cn/

  • VuePress：https://www.vuepress.cn/

  • GitBook：https://www.gitbook.com/

前端代码规范

  • 腾讯的 http://tgideas.qq.com/doc/index.html

  • 京东的 https://guide.aotu.io/index.html

  • Bootstrap编码规范：https://codeguide.bootcss.com/

  • es6编程风格：http://es6.ruanyifeng.com/#docs/style

  • Airbnb Javascript Style Guide：https://github.com/airbnb/javascript

  • ESLint 检测、修正 JavaScript 代码的问题

  • Prettier 格式化 JavaScript 代码

调试抓包

  • whistle：https://wproxy.org/whistle/ 代理抓包工具，很好很强大。

  • Fiddler：https://www.telerik.com/fiddler 代理抓包工具。

  • Easy Mock：https://www.easy-mock.com

开发工具

  • VS Code：https://code.visualstudio.com/

  • Sublime Text：https://www.sublimetext.com/

  • WebStorm：https://www.jetbrains.com/webstorm/

  • Atom：https://atom.io/

在线工具

  • CodePen - https://codepen.io/ 在线代码测试工具

  • Can I use - https://caniuse.com/ Web前端兼容性列表

  • TinyPNG - https://tinypng.com/ PNG/JPG 图片在线压缩利器

  • CNZZ站点统计 - https://www.umeng.com/ 国内常用的站点统计工具

前端大会

  • Vue.js开发者大会 https://fequan.com/ Vue.js开发者大会中国

  • 中国JS开发者大会 https://jsconfchina.com/ 一场专注于JavaScript和Node.js技术的国际性大会

  • 中国CSS开发者大会 https://css.w3ctech.com/ 提高css开发姿势的大会

  • D2前端技术论坛 http://d2forum.alibaba-inc.com/ 阿里巴巴举办，分享技术的乐趣，探讨行业的发展

图标

  • Font Awesome：http://www.fontawesome.com.cn/ 网站开发最流行的图标集

  • Feather 简洁美观的开源图标

  • Ionicons 精心绘制的开源图标

  • Simple Icons 常见品牌的 SVG 图标

  • Material Design Icons 轻快、精美的符号图标，包括常见操作和事项

  • Tabler Icons 681 枚可定制的开源 SVG 图标

色彩

  • Material Design Colors Material Design 色彩

  • Flat UI Colors 2 14 组配色、280 种颜色

  • Color Hunt 分享色彩搭配的自由开放平台，包括成千上万人工选取的配色，可以从中获取配色的灵感

  • Color Space 配色方案、CSS 颜色渐变生成工具

  • uiGradients 美观的颜色渐变

  • Colors and Fonts 色彩和字体工具

  • Coolors 配色方案生成工具

插画

  • Undraw 持续更新的精美的 SVG 插画集

  • manypixels 免费插画集

  • IRA Design 通过调配渐变色、搭配手绘组件定制插画

  • Free Illustrations by Lukasz Adam 免费 SVG 插画

  • Blobmaker 在线 SVG 形状生成器

  • Get Waves 在线 SVG 波形生成器

图片

  • Unsplash 可供免费使用的图片

  • Pexels 精美的免费图片和视频

  • Burst 免费高分辨率图片，可用于网站和商业用途

  • ISO Republic 使用 CC0 许可的免费高分辨率图片和视频

  • Pixabay 令人惊叹的免费（公共领域）图片和视频站点

  • StockSnap.io 精美的免费图片，同样使用 CC0 许可

  • Photopea 在线图片编辑工具，支持大量高级功能

  • Online Image Compressor 在线图片压缩工具，一次可以压缩多达 20 张图片

  • Bulk Resize Photos 最快的在线图片缩放工具（图片缩放和压缩在本地完成，无需上传到服务器）

其他

  • 单元测试：https://github.com/goldbergyoni/javascript-testing-best-practices

  • web.dev 评测网站性能（基于 Lighthouse）

  • Shape Divider 定制各种形状的网站分区 SVG 的工具

  • GTmetrix 网页性能分析工具

  • Can I Use 前端技术的浏览器支持情况

  • Carbon 代码转图片工具

  • Wappalyzer 检测某个网站使用的技术栈

设计工具

  • 墨刀：原型设计工具。网址：https://modao.cc/

  • 蓝湖：一款产品文档和设计图的在线协作平台。网址：https://lanhuapp.com

  • PxCook（像素大厨）：高效易用的自动标注工具。软件下载链接：https://www.fancynode.com.cn/pxcook

前端导航网站地址： https://www.kwgg2020.com

笔者博客地址：https://github.com/biaochenxuyi

前端较好的社区，快收藏起来吧～！相关推荐

  1. Java学习必不可少的网站，快收藏起来

    java技术在IT互联网行业的发展前景一直在提升,越来越多的人都在学习java技术,今天小编来给大家提供一些学习Java的网站集合,希望能够帮助到正在学习java技术的同学. Java学习必不可少的网 ...

  2. 计算机哪个按键可以和弦,钢琴键盘和弦图解大全！作曲必看！老师和家长快收藏起来...

    原标题:钢琴键盘和弦图解大全!作曲必看!老师和家长快收藏起来 可保存到手机传到电脑打印高清图片 先把图解给大家,后面有解释 接下来我们要弄懂这些和弦标记 以C大调为例,其他以此类推 1 字母 C D ...

  3. 这27个电源符号，别再分不清 快收藏起来学习

    这27个电源符号,别再分不清!快收藏起来学习 以下的V代表Volatge的意思. 电源符号 解析 VCC C可以理解为三极管的集电极Collector或者电路Circuit,指电源正极. VDD D可 ...

  4. 自媒体人必备的4大工具，全部免费，快收藏起来

    想要做好自媒体,找准运营工具是必不可少的.从找素材到创作到发布再到运营,工具渗透在自媒体运营整个过程中.今天就给大家介绍一下,自媒体人必备的4大工具,全部免费,大家快收藏起来吧: 01 平台 首先我们 ...

  5. 快来！前端君喊你加入快驾网智囊团

    前几天为朋友推送的创业项目<打工转向创业>后,得到小伙伴的一些很好建议和创意,有很多好的想法要实施,虽然目前快驾网正处于起步阶段,开发了一套社会化营销系统1.0,功能相对单一,会持续迭代运 ...

  6. 这23个非常优秀的SpringBoot/SpringCloud开源项目快收藏起来吧

    欢迎大家关注公众号:好码农,了解和学习更多的知识 今天为大家分享23款非常优秀的基于SpringBoot技术体系的开源框架,开箱即用,这些开源项目都具备了很完善的功能,无论是学习还是开发新项目,都会给 ...

  7. shell脚本自动回车_干货分享：Linux shell脚本分享！！快收藏起来吧

    Linux shell 脚本分享 Shell 是一个命令解释器,处于内核和用户之间,负责把用户的指令传递给内核并且把执行结果回显给用户,Shell 它是一个用 C 语言编写的程序,它是用户使用 Lin ...

  8. 【专家级前端JavaScript面试题】快来尝试一下

    写在前面 CSDN话题挑战赛第1期 活动详情地址:https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f 参赛话题:前端面试宝典 话 ...

  9. 前端程序员Mac超快装机指南

    前言 最近公司电脑换代,公司配了16寸新mbp,原15寸mbp自购后将硬盘全部清理后自用,意味着我要装机2次,程序员的电脑装机意味着大量的配置.软件.插件都要进行设置,还很容易遗漏,在装一个机器后,装 ...

最新文章

  1. Linux fs清理文件,linux找出已经删除但磁盘空间未释放的大文件并清空
  2. 基于py36的glob模块总结
  3. android微信支付的实现
  4. Oracle11g新特性注意事项
  5. IOS15全屏滑动返回
  6. Oracle入门（十四.11）之使用显式游标属性
  7. 同事：别加班了，今天可是你们1024程序员节啊！
  8. 8个超好用的Python内置函数，提升效率必备
  9. 第2关：HDFS-JAVA接口之读取文件
  10. 30岁学编程python_我30岁了，转行学编程可以吗? 排除法告诉你答案
  11. 集成灶带给我的是无尽烦恼，大家的集成灶用得如何？
  12. 三层交换机配置DHCP的解决方案
  13. [NAACL19]基于DIORA的无监督隐式句法树归纳
  14. 计算机网络之网络安全基础－网络安全概述
  15. BIM族库下载——Revit家具族库
  16. win7 安装 kb2999226补丁（安装vs2015 报错kb2999226）
  17. 拼多多店铺等级怎么提升？店盈通来告诉你
  18. 【日常点滴015】python中学完pandas后的代码练习 附源数据文件
  19. 哪款视频压缩软件比较好用？
  20. vue3 自定义指令 directive

热门文章

  1. html制作炸金花,微信小程序怎么制作炸金花?微信小程序制作炸金花的方法
  2. Mircrosoft Visual C++ Runtime Library提示窗口为何黏着桌面
  3. c++ Macros
  4. kerberos 之TGS_REQ、TGS_REP
  5. CodeForces 1A Theatre Square（水题）
  6. Application.java启动项位置不对报错
  7. workflow开发注意事项
  8. nargin在matlab中是什么意思
  9. RHEL 升级内核和回退步骤
  10. MYSQL查询之查询的多个结果重复循环出现问题分析