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

2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pint…

这篇文章，主要用于收集整理常用的Puppeteer的一些常用API操作，自动化操作，爬虫测试，基础使用等等。当然至于是什么是Puppeteer呢，我们来看下官方介绍：Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可…

在实际的项目中有很多需要截图的场景，例如动态数据生成图片、打卡、保存 HTML 页面等。还可实现生成PDF、抓取SPA、自动提交表单、UI、键盘输入、页面点击、最新的JS和Chrome浏览器特性测试。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

js 作为前端的中坚力量。那么 javascript 三座大山，你知道是哪些呢？ 1️⃣ 作用域和闭包 作用域 指代码当前上下文，控制着变量和函数的可见性和生命周期。最大的作用是隔离变量，不同作用域下

面试官：你知道Promise的错误为啥不能通过try/catch捕获嘛？ 我：嗯？为什么要try/catch？

1. 学会 dotenv 原理和实现 2. 学会使用 fs模块 获取文件并解析 3. 学到项目中 .env 文件的原理 4. 等等

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，