第四周 2017-08-11

[sunhengzhe]

• Chrome设置断点的各种姿势 好基友写的一篇博客，主要讲在 chrome 里进行各种调试的方法。调试是开发中很常见的一个环节，而强大的 chrome 早已为开发者准备了非常方便有用的调试工具。另外他主要参考的是 Chrome 开发者工具使用说明，官方文档，推荐阅读，自备梯子。
• 当我们学习 Node.js 时，我们在学习什么？ 这个其实就是涛叔在前端群里分享的链接，一直没看，这周看了一下，很有感触。要掌握一门技术，这三件事是必要的：读官方文档、读规范、读源码。
• 通过源码解析 Node.js 中 events 模块里的优化小细节 最近比较关注 nodejs 的源码，偶然看到了这篇。EventEmitter 是 nodejs 里面非常重要的一个类，包括 stream 实际上都是继承自它。对 EventEmitter 的第一印象可能就是观察者模式了。这篇文章不是讲 EventEmitter 的实现，而是在读 events 模块源码的过程中，发现一些有意思的小细节，这些细节虽小，但体现了 nodejs 开发者对性能优化的熟练掌控。
• www.p01.org 前段时间有一行的 js 代码比较火，代码执行后是一个很酷的效果。这个地址是原作者的博客。里面还有一些其他的也很有意思的通过一行代码实现酷炫效果。
• 基于webpack搭建前端工程解决方案探索 这个是一个很老的文章了，但是隔了这么长时间再看还是很有启发。重点是我很喜欢这个 issue 下的讨论，大家在下面各抒己见，也会有人提出疑问。其实我一直都很希望我们团队也能有这个氛围。。
• 面试分享：一年经验初探阿里巴巴前端社招 好好看一下别人的一年经验是什么水平。。

[yinkaihui]

• 再聊移动端页面的适配
  1. 提出使用vw来实现页面的适配，并且通过PostCSS的插件postcss-px-to-viewport把px转换成vw。
  2. 通过PostCSS插件postcss-aspect-ratio-mini来实现长宽比。
  3. 使用PostCSS插件postcss-write-svg,自动生成border-image或者background-image的图片。解决retina下1px问题。

[sunhengzhe]

@yinkaihui 什么时候分享一下 postCSS 😏

[sunhengzhe]

@所有人 git 和 github 的一些常用功能可以看这里：github-cheat-sheet，包括 怎么评论 emoji 表情、怎么引用图片。可以多看一下。另外评论框都是使用 markdown 语法，这里有个 在线的 markdown 编辑器，可以找一些相关的资料熟悉一下

[miSunLaughing]

• Express安全最佳实践 讨论了部署到生产环境的 Express 应用程序的一些安全最佳实践。
• Express性能最佳实践 讨论了部署到生产环境的 Express 应用程序的性能和可靠性最佳实践。
• Express应用结构最佳实践 --> 译文 一个好的文件结构，应该是每一个不同的文件或文件夹，都分别负责处理不同的任务。这样，在添加新特性时才会变得不会有冲突。

[keer3]

• ES7 Decorator 之前看别人代码有个@符，后来查阅发现ES7中增加了一个decorator属性，借鉴自Python。这篇文章中从装饰模式适用场景面向AOP编程，然后举例说明如何使用这个新属性，以及如何使用原生JS模拟和与其他设计模式的配合使用。

惭愧😪 这周没看多少文章 下周改进

[sunhengzhe]

@sunshumin 👍 我看到里面有引用一些其他的文章，比如 【译】JavaScript设计模式：装饰者模式 讲装饰者模式也非常好，不如你下周结合 decorator 分享一下装饰者模式吧（反过来也可以） 😌

[sunhengzhe]

下周分享

• 结合 decorator 分享一下装饰者模式 by @sunshumin
• 深入浅出 PM2 by @mantouqi

[mantouqi]

@sunhengzhe 详细看了阿里的这个面试的，发现深度广度都面了，是不是我们也要来份这样的题库，靠你了。。。还有就是@yinkaihui@sunshumin@miSunLaughing 看下面试题 你们能答上多少来

[mantouqi]

@yinkaihui 这个适配方案搞起来，顺便建个wiki把各种机型的实际的的vw vh 整理下

[mantouqi]

@sunshumin 期待你的设计模式

[mantouqi]

@miSunLaughing 再直接贴官方文档文档拉出去枪毙。。。看了那么多性能、安全有没有我们项目中可以落地的