Web Tools# 注意事项 [✔]：组件或工具后的 [] 标注有 ✔ 的，为已经尝试使用过的。 截图工具# Snipaste「✔ 截屏工具」 PixPin「✔ 截屏工具」 pear-rec「✔ 截

分享一些个人整理的高质量的前端资源，减少初学者面对学习资源的信息差，保持输入的是流行和前沿的技术，资源不限于 知名开发者 / 博主，文档，视频，书籍，演示网站，工具。

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…

丰富的 chrome 插件极大的提升我们的工作效率和辛福感，插件的原理是向页面中注入 javascript 脚本，对页面进行处理，本文就从入门开始讲述如何开发一款 chrome 插件。

之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习…

所以，在Hook出现之前，对于上面这些情况我们通常都会编写class组件。 很多人发现学习ES6的class是学习React的一个障碍。 只能在「函数最外层」调用Hook。不要在循环、条件判断或者子函数中调用 只能在 「React 的函数组件」中调用Hook。不要在其他 Jav…

React Hook来了，并在暴风雨中占领了React社区。自最初发布以来已经有一段时间了，这意味着有很多支持库。在搜索与React相关的内容时，很难不看到“ hook”这个词语。如果你还没有遇到的话，应该尽快将它们加入代码库学习起来。它们将使您的编码生活变得更加轻松和愉快。 …

以上是 CSS 水平居中的 8 种方法。 注：① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…

本系列文章的第一篇中提到了对象类型，对象是 JavaScript 中的重要角色之一，本篇便从原型这个知识点切入，希望大家在阅读过本篇文章之后脑海中都能够建立起一张完整的思维导图。 其次我们要确定，对象都是通过函数创建的，比如我们平时写的对象字面量，其实只是 new Object…