BetterFE 前端技术周刊 - 2019/01/02

祝大家2019年新年快乐?，新的一年，加油加油！

## 深阅读

浏览器如何获知页面编码

推荐理由：相信很多现在的前端同学根本不会关注到页面的编码问题，但这却是jsp时代人人都要面对的问题，jsp页面的编码、读取的数据库的编码、html模板的编码，一个对不上就要出问题。这篇文章从编码原理说起，讲到现在我们如何知会浏览器页面编码，甚至应该出现在什么位置。不妨作为你深入了解编码问题的入门文章。

一文读懂前端缓存

推荐理由:你的cache发音正确吗？此文全面性地讲解了前端缓存，从几个角度上对缓存进行了分类，可以说包括了前端的绝大部份缓存，让我们了解平时为什么这样使用缓存，可以在之后考虑到性能优化的时候合理利用缓存。

Vue.js 父子组件通信的十种方式

推荐理由：本文简要介绍了vuejs中父子组件通信的十种方式,不同场景不同对待。看到的同学或多或少有点收获。

深入理解 React 高阶组件

推荐理由：React HOC能够抽象出很多公用的无依赖的公用组件，在组件化和复用性上有很大的提升

## 新鲜货

以下是NPM准备如何在2019年提高安全性和可靠性的计划

推荐理由：在2018年发生了几起重大事故后，NPM正在努力提高其安全性和可靠性

另附：npm package permissions — an idea

我是如何将页面加载时间从6S降到2S的？ | DOM 操作成本到底高在哪儿？

推荐理由：之前已经推荐过骨架屏、Quicklink预加载，但性能优化想更迈进一步，仅仅这两个优化肯定满足不了，第一篇文章会从dns、cdn 、服务端方面来提高响应速度。第二篇文章主要从DOM渲染的细节上分析，减少页面重绘来提高页面渲染速度。

短视频宝贝=慢？阿里巴巴工程师这样秒开短视频

推荐理由：闲鱼技术出品的文章一般都比较干，本次他们分享的是如何优化短视频的播放，从视频本身的编码格式入手到实现视频秒开方案的实战解决方案，非常实用

## 职业发展 && 工作效率

打造 10000 Star 的前端开源项目

推荐理由：作者从自己的角度介绍了如何打造一个10000 star的项目，这个项目我们也经常使用，就是dayjs。高 Star 不仅是衡量开源项目可靠程度的一个重要依据，这样项目维护者的 Github 也能在招聘中让公司提前了解候选人的开源贡献、技术热情和编程习惯等，获得面试官的加分

GitHub - sdras/vue-vscode-snippets

推荐理由：Vue的代码片段插件，可以在VsCode里面使用，全面而便捷

如何在vscode里面调试js和node.js - 掘金

推荐理由：调试技巧，vsc是当之无愧的前端开发神器，但是其实它有很多功能我们在日常基本开发中可能并不会去了解，这篇文章就讲了如何在VSC去调试你的JS代码(包括浏览器环境和Node)