2020 - 2021 年 Web 前端最新导航 - 前端学习资源分享前端面试资源汇总
2024-05-23 17:54:38
前端javascriptvue.jses6typescript
发布于 10月9日
国庆这几天，我收集了大量可以显著提升开发效率的前端导航链接。
这些导航链接对我很有帮助，希望对你也是如此。
这些好用的导航链接都已经部署到下面的网站上了，在那里食用更美味哦。
Web 前端最新导航 https://www.kwgg2020.com/
笔者博客地址：https://github.com/biaochenxu...
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/docu... 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/biaochenxu...
- 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/biaochenxu...
技术社区
- GitHub：https://github.com/ 高质量的内容创作和分享平台
- stackoverflow：https://stackoverflow.com/ 一个回答技术问题的网站
- 掘金：https://juejin.im/ 目前来看，国内的很多优质前端文章，都在掘金上。
- 博客园：https://www.cnblogs.com/ 一个很纯粹的技术博客平台。
- 知乎：https://www.zhihu.com/ 很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃。
- CSDN：https://www.csdn.net/ 广告太多，但奈何你这么老牌。
- segmentfault：https://segmentfault.com/ 比较低调的技术博客平台。
- v2ex：https://www.v2ex.com/ 一个关于分享和探索的地方
- http://cnodejs.org/ Node.js专业中文社区
- https://www.smashingmagazine.... 一个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/
- 饿了么前端:https://zhuanlan.zhihu.com/ElemeFE
- 百度前端研发部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/biaochenxu...
2020 - 2021 年 Web 前端最新导航 - 前端学习资源分享前端面试资源汇总相关推荐
- Web前端开发基础三剑客学习知识分享
Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML.CSS.JavaScript.除此之外还要学习数据可视化.Vue.React.Angular相关框架,熟练运用框架提升开发效率, ...
- 2020年Web前端最新导航（常见前端框架、前端大牛）
前言 本文列出了很多与前端有关的常见网站.博客.工具等,整体来看比较权威.有些东西已经过时了,我就不列出来了. 学是一方面,也是最主要的方面:但还有一个作用,比如,"这个前端框架你都不知道啊 ...
- 2020 - 2021 年 Web 前端最新导航
国庆这几天,我收集了大量可以显著提升开发效率的前端导航链接. 这些导航链接对我很有帮助,希望对你也是如此. 这些好用的导航链接都已经部署到这个网站 https://www.kwgg2020.com ...
- web前端学习资源分享清单（持续更新）
文章目录 1.推荐团队博客 推荐团队 推荐博客 2.推荐文章教程 资源清单 JavaScript TypeScript ES6.ES7.ES8 vue html(5) css(3) jquery we ...
- android博客导航总结，以及个人常用android免费学习干货（文章，视频，矢量图，字体等）资源分享？
android博客导航总结与资源分享 1.博客总结 1.mob平台的使用 2.QMUI部分功能实现 3.XUI部分功能实现 4.其他功能 5.Flutter博客总结: 2.资源分享 1.文章类型资源分 ...
- 2020前端最新面试题（vue篇）
2020前端最新面试题(vue篇) 由于疫情原因,原本每年的"金三银四"仿佛消失,随之而来的是找工作的压力,这里给要面试的小伙伴们总结了到目前为止我遇到的前端面试题,仅供参考哦,第 ...
- 2020前端最新面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）（3年前端菜鸟级开发师含泪总结）
2020前端最新面试题总结(js.html.小程序.React.ES6.Vue.算法.全栈热门视频资源) 文档描述 (今年确实挺难 3年前端菜鸟级开发师含泪总结 希望能帮助大家) 本文是关注微信小程序 ...
- 1+X Web前端等级考证 | 2020 12月Web前端开发中级实操 (模拟试题第一套) 附答案
由于经常分享失败,我上传github上了,先放上链接:https://github.com/Lydever/web-1-x.git 请礼貌,不要耍流氓哈哈,创作不易,下载的同时,请start一下,谢谢 ...
- 2021年web前端发展方向有哪些
一年转瞬即逝,仅仅一年的时间,就能发生很多事情,近几年web前端行业越来越受到大家的关注,很多人都想看看2021年web前端发展方向有哪些?下面来看看小编详细的介绍. 2021年web前端发展方向有哪 ...
最新文章
- Math.ceil(),Math.floor()与Math.round()三个函数的定义。
- python简单代码画皮卡丘-实现童年宝可梦，教你用Python画一只属于自己的皮卡丘...
- python 网关配置界面代码_Linux下使用python自动修改本机网关代码分享
- 史上最强画图工具推荐
- mysql把data移走后报错_【mysql案例】Failedtoopenlog--datadir物理迁移报错
- Spring5的集成兼容
- nginx伪装user-agent等
- Git 撤销操作 / 回滚历史
- P4201-[NOI2008]设计路线【结论,树形dp】
- 深入react技术栈(7):组件化实例:Tab栏组件
- HiveQL： 数据定义
- cache 计算机系统实验报告,西安交通大学计算机系统结构实验报告CACHE.doc
- jmx客户端_Java JMX客户端示例– JMX身份验证
- linux下Vim的使用
- 【转】关于动态库和静态库
- iTOP-4412开发板-QtE4.7-UVC 摄像头使用例程
- 一、显示VOC2007数据集中的图像及标注信息
- 线上幽灵：世界头号黑客米特尼克自传改
- snapchat_Snapchat的新地图功能介绍（以及如何禁用它）
- 基于来信码的短信通知平台