前端技术干货文章(收藏)_前端技术分享内容推荐-程序员宅基地

技术标签: 学无止境  

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

 

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

 

有新内容加入后,这个列表每月将更新一次,除在公号推送外,还将在 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:搭建、编写、构建一个前端项目

 

转至微信公众号 前端大全

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_26758205/article/details/107030586

智能推荐

微信小程序 多选框的使用_微信小程序多选框两列布局-程序员宅基地

文章浏览阅读8.1k次,点赞5次,收藏37次。微信小程序 多选框的使用需求需求![在这里插入图片描述](https://img-blog.csdnimg.cn/20181229092342945.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RzZngwNTE0MzVhZHNs,..._微信小程序多选框两列布局

初投稿:关于Volley请求的乱码处理-程序员宅基地

文章浏览阅读210次。在Volley请求中,我们会遇到通过Volley请求时返回的数据是乱码的,这个问题对于我来说非常地头疼,于是我到网上寻找合适的解决方案。终于发现一个比较简单的解决方法,只需一个方法就可以解决请求乱码了。现在,我就给大家分享一下关于Volley请求返回数据乱码处理,大家可以参考一下。protected Response<String> parseNetworkResponse(Netw...

TensorFlow1.2~2.1各个GPU版本CUDA和cuDNN对应版本整理_cuda对应的tensorflow-gpu2.0版本-程序员宅基地

文章浏览阅读1.2k次。要搭建TensorFlow的GPU版本,首先需要的必备条件就是一块能够支持CUDA的NVIDIA显卡,因为在搭建TensorFlow的GPU版本时,首先需要做的一件事就是安装其基础支持平台CUDA和其机器学习库cuDNN,然后在此基础上搭建TensorFlow GPU版本。其次还要了解一下不同的TensorFlow版本所需要对应安装的CUDA和cuDNN版本是多少,因为在TensorFlow的G..._cuda对应的tensorflow-gpu2.0版本

留言板v2.0(添加了一个简单登录功能php+mysql)_完成留言板首页indexc.php及登录页面login.html。-程序员宅基地

文章浏览阅读5.2k次,点赞7次,收藏20次。简述:在之前基础上添加了一个非常简单的登录功能,不涉及数据库,本地判断。第一步:建立数据库。(之前写过,在写一遍。)第二步:登录界面代码login.php 留言板登录 .center{text-align: center;} .login-page { width: 360px; padding: 8% 0 0; margin: auto; } _完成留言板首页indexc.php及登录页面login.html。

android:一个listview多个item布局时,需注意重写getViewTypeCount()方法_android 适配器里getitemcount()多布局怎么判断-程序员宅基地

文章浏览阅读634次。当一个listview拥有多个item布局时,需要重写public int getItemViewType(int position)public int getViewTypeCount()两个方法,其中,第一个方法的返回值应从0开始;第二个方法的返回值应大于等于布局数量。_android 适配器里getitemcount()多布局怎么判断

deepin 下没有日志文件syslog messages 解决方法_没有insrall.log.syslog-程序员宅基地

文章浏览阅读1.5k次。一条命令即可:sudo apt-get install rsyslog_没有insrall.log.syslog

随便推点

JAVA之输入行数打印倒直角三角形_java打印倒直角三角形-程序员宅基地

文章浏览阅读1.2w次,点赞2次,收藏13次。JAVA之输入行数打印倒直角三角形_java打印倒直角三角形

《数据结构小实验》一元多项式计算器_已知一元多项式a和b,键盘输入系数和指数-程序员宅基地

文章浏览阅读2.7k次,点赞7次,收藏78次。从键盘输入运算指令(相加、相减、相乘),根据运算指令进行相应运算 ,每种运算结果以多项式形式输出,要输出升幂和降幂两种情况。结果多项式中无重复阶项、无零系数项,输出多项式时请采用易读形式。实现一个简单的交互式界面,包括系统菜单、输入提示等。多项式运算前首先判定多项式特点,根据多项式是否稀疏来选用合适的存储结构;根据多项式不同的运算要求选择合适的存储结构;上机编辑、调试出完整正确的程序,包括相加、相减、相乘运算。_已知一元多项式a和b,键盘输入系数和指数

PCIe扫盲——PCI Express物理层接口(PIPE)_pcie pipe-程序员宅基地

文章浏览阅读3.4k次,点赞4次,收藏24次。PCIe物理层接口(Physical Interface for PCI Express,PIPE)定义了物理层中的,媒介层(Media Access Layer,MAC)和物理编码子层(Physical Coding Sub-layer,PCS)之间的统一接口,旨在为提供一种统一的行业标准。如下图所示:其中MAC和PCS都属于PCIe中的物理层逻辑子层部分,而PMA(Physical Media Attachment Layer)则属于物理层电气子层。需要注意的是,PIPE规范是由Intel提出的_pcie pipe

Win10 如何在运行窗口快速打开应用软件_运行窗口打开某一应用-程序员宅基地

文章浏览阅读3.7k次。有时候桌面的快捷方式多了,一是影响系统的运行速度,二是影响桌面美观,我们可以采用使用快捷命令的方式来更方便快速的打开应用软件。具体设置步骤如下:1.首先新建一个存放软件快捷方式的文件夹,命名任意(不要出现中文):2.将桌面上的快捷方式剪切到该文件夹内,并重新命名(简短,好记,连续,不要出现空格,可设置中文):3.Win + R 打开运行窗口,输入任意一个想打开的应用快捷方式名称,即可打开相应的软件了:......_运行窗口打开某一应用

JavaScript 强制类型转换(String)_string强转 js-程序员宅基地

文章浏览阅读2.9k次。一、强制类型转换指将一个数据类型强制转换为其他的数据类型类型转换主要指,将其他的数据类型,转换为 String、Number、Boolean二、强制类型转换----String1、将其他的数据类型转换为 String方式一:调用被转换类型的 toString() 方法该方法不会影响到原变量,它会将转换的结果返回但是注意:null 和 undefined 这两个值没有 toS..._string强转 js

tf.nn.dropout_tf.nn.dropout官方-程序员宅基地

文章浏览阅读175次。摘自:https://www.jianshu.com/p/c9f66bc8f96cdef dropout(x, keep_prob, noise_shape=None, seed=None, name=None)输入是:x,你自己的训练、测试数据等 keep_prob,dropout概率 ……,其它参数不咋用输出是:A Tensor of the same shape of..._tf.nn.dropout官方