政采云前端小报-第47期

Web 页面录屏实现 JavaScript

有些时候，当你不知道用户的具体操作时，是没有办法重现这个错误的，这时候，如果有操作录屏，你就可以清楚地了解到用户的操作路径，从而复现这个 BUG 并且修复。

if 我是前端团队 Leader，怎么制定前端协作规范? – 掘金 职业感悟

万字长文，继续刷新我的文章长度记录，涉及前端开发的方方面面。本文将持续更新和完善, 文章部分观点可能比较武断或不完整，欢迎评论和补充，一起完善该文章. 谢谢 笔者长期单枪匹马在前端领域厮杀 (言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充

js 实现的图片懒加载和 Chrome 原生懒加载 HTML

当今的网站上充斥着大量媒体资源，例如图片和视频。图片约占网站平均通信量的 50%。然而这些图片中的大部分都没机会进入用户的视野，因为它们位于网站页面的头版之外。

CSS-position:static/relative/absolute/fixed 定位 – 前端 – 掘金 CSS

加深对 position 的理解

VSCode 原理解析 – 断点调试 | Taobao FED | 淘系前端团队 调试工具

了解一下 IDE 中调试功能是如何设计与实现的

JS 异常函数之 - 箭头函数 – 掘金 JavaScript

箭头函数 this 指向的深入了解

chrome 的调试技巧 调试工具 调试工具

熟练掌握 Chrome 调试技巧，可以使自己的开发更高效

这一次，彻底弄懂 Promise 原理 – 掘金 JavaScript

了解 promise 原理

「译」2019 年你应该要知道的 11 个 React UI 组件库 – 掘金 React

原文地址：11 React UI Component Libraries you Should Know in 2019 原文作者：Jonathan Saring 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：El

推荐 21 个顶级的 Vue UI 库！– 刘泓宾博客 Vue

推荐 21 个顶级的 Vue UI 库！最近，随着“星球大战”（指 GitHub 的 Star 数量大比拼）的爆发，Vue.js 在 GitHub 上的 Star 数超过了 React。虽然 NPM 的 …

重学 this 关键字 (进阶必备知识）– 掘金 JavaScript

为什么要学习 this 关键字 面试会问啊！总有一些面试官喜欢问你一段不可能这么写的代码。看一道经典且古老的面试题 (学完本文后，末尾会有一道更复杂的面试题等着你哦！) 代码如下: var a = 5; var obj = {a : 10, foo

前端理解依赖注入 (控制反转) – 个人文章 – SegmentFault 思否 Vue

依赖注入是面向对象编程中的一种设计原则，可以减低代码耦合度。

GMTC 大前端时代前端监控的最佳实践 JavaScript

本文来自阿里云前端监控团队，转载请注明出处 本文为 2018 年 6 月 21 日，在北京举办的 GMTC(全球大前端技术大会)，下午性能与监控专场，由阿里云前端监控团队前端技术专家彭伟春带来的演讲稿，主题是《大前端时代前端监控的最佳实践》。现场反馈效果非常好，地上都坐了三圈，很多人反馈根本无法挤进去。先上现场照。

如何成为一位失败的程序员 职业感悟

每个人都有自己成长的节奏，对于成功的定义也是因人而异，在我们迈向所谓「成功」之前，我们应该瞭解何谓「失败」。

position:sticky 的用法 CSS

用更幽默, 更简单的理解 position:sticky 的用法

浏览器的一些“滚动”行为鉴赏???????? – 掘金 JavaScript

浏览器滚动真的天天见日日见啦，比如你现在看的这篇文章，往下看就必须得滚动，这篇文章主要聊聊滚动相关的一些方法跟属性，还有一些有趣的例子???? 文章涉及到的方法或属性在文末会放链接，方便大家自行查阅！

如何让你的 JS 写得更漂亮 JavaScript

如何写出漂亮的代码，如何让代码风格更规范，这是成为优秀程序猿的必修课。本文作者将长期编写 js 的一些经验分享出来，希望大家都有所收获。

网站性能指标这么多，你到底选对了吗？– 掘金 性能

为什么性能重要？从用户体验角度来看一个网址或者 app 是否有吸引力，75% 的人是认为页面加载时长是一个核心因素，远远高于其他影响用户体验的问题，例如：简洁易用、屏幕适配、设计吸引力等等。性能对于业务而言，也会直接影响到用户留存、页面转化和用户体验等等方面。