前端技术干货文章(收藏)

让你受益匪浅的前端技术干货系列

 

这是一个凝聚了很多优秀前端开发者心血的精选技术干货列表,希望你能从中学习提升前端开发技术。如果觉得这个系列有收获,欢迎推荐给朋友。

 

有新内容加入后,这个列表每月将更新一次,除在公号推送外,还将在 Github 、知乎专栏 和 前端大全主页君的个人微信同步更新。

 

// 最新更新时间 2020/6/28

 

一)前端基本功

 

前端相关的基础知识

 

HTTP/3 来了 !未来可期

你可能已经忽略的 git commit 规范

手写一个 WebSocket 协议

5000字解析:前端五种跨平台技术

一篇搞定移动端适配

Chrome DevTools中的这些骚操作,你都知道吗?

Chrome 运行时性能瓶颈分析

当浏览器全面禁用三方 Cookie

无形中提高工作效率的 Chrome 插件

还分不清 Cookie、Session、Token、JWT?

你连 HTTPS 原理都不懂,还讲“中间人攻击”?

npm install 原理分析

不容错过的 Babel 7 知识汇总

一文搞懂 Web 中暗藏的密码学

解读HTTP/2与HTTP/3 的新特性

 

CSS

 

那些不常见,但却非常实用的 CSS 属性

面试官:你可以用纯 CSS 判断鼠标进入的方向吗?

二营长,快掏个CSS出来给我画个井字棋游戏

CSS 故障艺术

我写CSS的常用套路(附demo的效果实现与源码)

来自新时代的 CSS

你还不会 CSS 动画?

 

JavaScript

 

谁说前端不需要懂二进制

你不知道的 Blob

Javascript常用的 60 余种工具方法

你可以这样优化 if-else 代码结构

JS 图片压缩的实现思路

一个简洁、有趣的无限下拉方案

请你实现一个大文件上传和断点续传

从 ES6 到 ES10 的新特性万字大总结

JavaScript 手写代码无敌秘籍

 

TypeScript

 

通俗易懂的 TypeScript 入门教程

用 TypeScript 编写 React 的最佳实践

一文读懂 JS 装饰器

你真的懂 Promise 吗?

Typescript 那些好用的技巧

Typescript 严格模式有多严格?

 

 

 

二)前端框架、工具、库

 

React

 

用 TypeScript 编写 React 的最佳实践

2020 年你应该知道的 React 库

5 个技巧助你编写更好的 React 代码

10个案例让你彻底理解React hooks的渲染逻辑

组件演进史:从Mixin到HOC,再到Hook

 

Vue

 

1.1万字从零解读Vue3.0源码响应式系统

重头来过的 Vue 3 带来了什么?

 

Nodejs

 

一杯茶的时间,上手 Node.js

深入理解 Node.js 进程与线程

 

Deno

 

Deno 会取代 Node.js 吗?

了不起的 Deno 入门教程

推倒 Node 重做,Deno 1.0 来了

 

Webpack

 

一文搞懂 Webpack 多入口配置

 

GraphQL

 

GraphQL-前端开发的利剑与桥梁

GraphQL 入门看这篇就够了

前端工程师应该了解的 GraphQL

 

VS Code

 

动图演示11个必备 VS Code 插件

 

 

三)面试题精选

 

高频前端面试题

吐血整理!再来一打 Webpack 面试题

前端同学经常忽视的一个 JavaScript 面试题

如何轻松拿到淘宝前端 offer

三年大厂面试官:二面题

十几道含答案的大厂面试题总结

如何答一道惊艳面试官的数组去重问题?

10 个 CSS 高频面试题,你都会吗?

经常被面试官考的 JS 数据类型知识你真的懂吗?

面试须知:浏览器相关原理详细总结

2019 大龄前端如何准备面试?

2018 大厂高级前端面试题汇总

 

 

 

四)前端开发的职业修炼

 

前端如何在项目中做出亮点

Facebook 前端技术栈重构分享

当前端基建任务落到你身上,该如何推动协作?

使用 docker 高效部署你的前端应用

关于前端学习路线的一些建议

各种场景唤起 App 的骚操作

Web 视频播放前前后后那些事

你必须要注意的依赖安全漏洞

从 12.67s 到 1.06s 的网站性能优化实战

网易云音乐前端性能监控实践

一个阿里前端工程师的成长之路

非常全面的前端协作规范

一名合格前端工程师的自检清单

从 0 到 1 再到 100:搭建、编写、构建一个前端项目

 

转至微信公众号 前端大全

  • 9
    点赞
  • 152
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很好,以下是程序员常访问的国外技术交流网站汇总: 1. Stack Overflow:这是最受欢迎的技术问答网站之一,有大量的程序员在这里寻求帮助和提供答案。 2. GitHub:这是一个代码托管平台,许多开源项目都在这里托管,程序员可以在这里学习和贡献代码。 3. Reddit:这是一个社交新闻网站,有各种技术相关的子版块,程序员可以在这里交流和分享经验。 4. Hacker News:这是一个由Y Combinator创办的社区,聚集了许多技术创业者和程序员,讨论各种技术和商业话题。 5. CodePen:这是一个在线代码编辑器,程序员可以在这里创建和分享自己的代码片段,还可以参加各种编程挑战和竞赛。 6. Medium:这是一个博客和内容分享平台,有许多技术作者在这里发布文章和教程,程序员可以在这里学习新技术分享自己的经验。 7. Dev.to:这是一个由开发者社区创建的博客平台,有许多技术作者在这里发布文章和教程,还可以参与各种讨论和交流。 8. Codecademy:这是一个在线编程学习平台,提供各种编程语言和技术的课程和项目,程序员可以在这里提升自己的技能。 9. Udacity:这是一个在线教育平台,提供各种计算机科学和技术相关的课程和项目,程序员可以在这里深入学习和实践。 10. Coursera:这是一个在线教育平台,提供各种计算机科学和技术相关的课程和项目,还有许多知名大学和企业提供的课程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值