，共2048字，阅读4分钟。当你看到这篇文章的时候，在德国举办的2017CSSConf.EU和JSConf.EU应该已经结束了。从推特上发布的信息来看，干货确实不少。渴望学习的学生应该掌握这些信息。足够的。Facebook开源的JS代码优化工具Prepack似乎在社区引发了一波小高潮。我相信如果你是理性的，你会有自己的判断。这是我们本周的精选，尽情享受吧！技术新闻ChromeHeadless终于来了HeadlessChrome在Chrome59中可用，将Chrome的强大功能带到了命令行。从事浏览器端持续集成和功能测试的同学可以上手吗？本文作为入门读物。稍微解释一下headless的概念，只需要通过命令行访问即可，不需要用户界面的工具都可以称为headless，早期的PhantomJS就属于这种。Facebook开源的JS代码优化工具PrepackFacebook近两个月一直活跃在开源领域，最近开源了Prepack：一款优化JS源代码的工具。实际上，它是在编译时通过一个局部求值器（PartialEvaluator）来执行的。计算过程，通过代码重写提高其执行效率。对Prepack有什么看法？知乎上很多同学都从不同的角度发表了自己的看法。文章教程如何更好的组织React项目的代码？项目代码的组织方式很大程度上决定了新手上手项目的速度，以及项目后期的维护成本。基于代码角色（如component、container、action、reducer）的代码组织方式被很多人使用，也出现在很多脚手架工具中，这种组织方式是否适合项目的长期发展？从个人经验来看，基于业务领域的顶层组织可能更适合长期可维护性。本文给出了可能的代码组织建议。Nest：使用TypeScript，面向对象和函数式思维编写后端Nest是一个使用TypeScript开发的Node.js框架，它结合了面向对象和函数式编程的思想。更高的层次和抽象。你不一定需要使用它，你可以通过这篇文章了解一下它的设计思路。Node.js新手篇：提高效率必备的工具和库很多刚接触Node.js的同学可能会问这样一个问题，新手如何使用社区中的工具和库来最大限度地提高效率？JS语言的基础当然是少不了的，因为如果没有提高效率的基础知识，效率自然无从谈起。下一步是选择工具和库。为了尽可能少的浪费时间，本文进行了梳理，包括编辑器、代码库、命令行工具等几大类。关于监控的几个基本问??题如果你认为系统监控和前端无关，那你的理解就太局限了。页面的加载速度，JS错误数量的变化趋势，这些都是前端工程师应该负责的领域，但是涉及到监控，很多时候做了和不做是一样的，有时甚至没有完成。介绍监控常识问题，值得您一读。开发工具pkg：将Node.js应用程序打包成可执行文件。zeit.co出品的命令行工具帮你把Node.js应用打包成可执行文件，可以直接部署到任何环境，支持跨平台，没有Node.js。js运行时也没问题。在此基础上，您将Node.js应用程序打包成安装包并分发给客户。阿里在国内好像有实践，但是没有系统的开源。codecopy：让你成为一个更好的代码提取器，或多或少，我们都会把网页中的代码粘贴到自己的项目中，codecopy是一个浏览器插件，可以加速你的代码提取过程，在页面上所有可疑的代码片段中添加一个复制按钮，目前支持Chrome和Firefox，支持的网站基本囊括了所有程序员经常访问的网站，如GitHub、GitLab、Medium、NPM等。create-next-app：快速启动React+Next.js项目创建-next-app看起来像create-react-app，可以快速帮助你启动一个React+Next.js项目。Next.js解释的不多。除了简化项目初始化之外，该命令行工具还提供了10多个项目模板供您选择。例如，您可以选择性地添加React全家桶玩具，例如Redux或Mobx。AppiconMaker：帮你生成跨平台的应用程序图标AppiconMaker是一个在线图标缩放工具，你提供原图，它输出不同大小的应用程序图标，可以直接导入到Xcode或AndroidStudio中，如果你想使用离线版，你可以看到Seemakeappicon.com。代码框架rn-splash-screen：由JS控制的APP启动画面组件APP启动画面是iOS中率先采用的提高用户感知速度的设计。后来有一些app扩展了这个设计的扩展，启动时显示或者播放广告，这在ReactNative中也是可以的，这个库同时支持iOS和Android。react-native-masonry：一个灵活的砖块布局组件。MasonryLayout常用于显示多栏多图页面。在WEB端和APP端都比较常见。react-native-masonry为您提供了一个直接使用的组件，react-native支持动态列、渐进式图像加载和事件绑定。视频教程egghead.io：20分钟掌握async/awaitasync/await可以让JS的可读性更上一层楼，但是在实际使用中你可能还是会遇到很多问题，比如如何与匿名函数、箭头函数结合使用？如何安排多个异步以获得最佳性能？花20分钟学习这里的课程，也许你会发现自己以前使用不正确。精彩问答Git如何提交只改变文件名大小写的变化？在一个对文件名大小写不敏感的文件系统中，如果你改变了文件名（只是大小写改变），Git默认的模式无法识别这种改变，自然也就无法提交。你该怎么办？有很多方法，请参阅StackOverflow上的讨论。当然，绕过这个问题的方法是同意将所有文件名小写。如何知道仓库中的代码行数？有一句话很多人可能会忽略，但却是不争的事实：没有bug的代码就没有代码。一个好的工程师可以用更短更简洁的代码编写相同的功能。即使他不是第一次写这种代码，他也可以通过后续的重构来实现。那么如何向别人证明重构可以让代码变得更少呢？您需要一个计算代码行数的工具。还有一件事本文的作者是王士军。如需商业转载，请联系作者获得授权。非商业转载请注明出处。如果您觉得本文对您有帮助，请点个赞！如果您对文章内容有任何疑问，欢迎留言讨论。想知道我接下来会写什么吗？欢迎订阅我的掘金专栏或知乎专栏：《前端周刊：让你在前端领域跟上时代的脚步》。快乐黑客
