• ELSE 技术周刊(2017.07.10期)

    业界动态

    Prettier 代码格式化工具发布 1.5 版本

    引入对 GraphQL, CSS-in-JS 以及 JSON 的支持。

    技术纵横

    整洁代码之道——重构

    一份比较详实的重构技巧与案例。借此,探讨如何通过有效的重构技巧去写成优秀的整洁代码。代码整洁之道就是要将重构始终贯穿在整个开发过程中,不断的持续的渐进重构,从而将以前的技术债全部还完。

    大前端开发者需要了解的基础编译原理和语言知识

    从编译原理、解释器、运行时的概念到 JavaScript 以及 WebAssembly,了解这些相信会对你有所帮助。

    前端开发

    Mastering Async Await in Node.js

    Node.js 已经支持 async/await 有段时间,还没有使用过的可以看看这篇文章,将介绍如何使用异步函数来简化回调以及基于Promise 的 Node.js 应用程序。

    LsLoader——通用移动端 Web App 离线化方案

    主要介绍利用...


  • ELSE 技术周刊(2017.07.03期)

    业界动态

    Chrome再出招 呈现API将仅支持HTTPS

    谷歌工程师宣布将在2018年第二季度发布的Chrome 67中禁止一切使用不安全来源的呈现API(Presentation API)。

    TC39, ECMAScript, and the Future of JavaScript

    从 T39 的工作流程,到 ECMAScript 现在的发展模式,以及未来即将引入的一些很酷的特性,作为开发人员,我们也要持续更新自己的知识体系。

    前端技术

    React 组件设计和分解思考

    • 切割 render()
    • 合理分隔子组件(组件职责单一化,复用性强)
    • 模版化组件(个人十分推荐)
    • 高阶玩法

    2017年前端框架、类库、工具大比拼

    本文讨论了目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异,可以了解下它们各自的好处,选择适合自己项目的。

    实用技巧

    我是如何实现electron的在线升级热更新功能的?

    利用简单的package.json文件版本比较和http请求,实现最简单的electron应用热更新。

    刨根问底HTTP和WebSocket协议(二)

    本片中作者对...


  • [译]2017年,一个Node开发者的好习惯

    原文链接:Habits of a Happy Node Hacker 2017

    从我们之前发布的 Happy Node Hackers 算起,已经差不多一年了。尽管时间很短,但却已发生了很多变化,一些强大的新工具已经发布了。 Node.js生态系统持续迭代,已出现了更新的最佳实践。

    以下是2017年Node开发者的8个新习惯。它们专门针对应用开发者,而不是模块作者,因为他们有不同的目标和约束:

    1.锁定你的依赖树

    在如今的许多Node应用程序中,你的代码通常只是冰山一角。即便是一个非常小的应用,也可能有数千行的Javascript代码隐藏在node_modules里。如果在package.json中,你的应用指定了确切的依赖项,而这些库可能并不存在。因为随着时间推移,你每次install都可能获得不同的代码,从而导致一些不可预期的潜在bug。

    在过去的一年中,Facebook 发布了一种新的包管理器Yarn。它可以让你使用庞大的npm库中的将近50万个模块,并生成一个锁文件(lockfile)来保存你的依赖树中每个模块的精确版本。这意味我们在每次发布应用时都将下载完全相同的代码。

    不过,npm也发布一个带锁文件(lockfile)的新版本。确实,npm现在更快了。这意味着无论你选择哪种包管理器,你都将感受安装时的巨大改进,并且在生产中也会出现更少的错误。

    使用Yarn时,安装它并运行在你的应用目录下。它将安装你的依赖项并生成一个yarn.lock文件,在编译你的应用时,它会告诉Heroku使用Yarn进行编译。

    使用npm 5时,在本地运行npm install -g npm@latest命令进行升级,运行rm -rf node_modules && npm install命令重新安装你的应用依赖包。生成的package-lock.json文件会告诉Heroku 去使用npm 5来安装你的模块。


  • ELSE 技术周刊(2017.06.19期)

    业界动态

    ESLint v4.0.0 released

    ESLint 主版本升级,4.0.0 中有几个突破性的变化,参考这份 迁移指南 来完成升级。

    v8 release beta version

    V8 JavaScript Engine release 6.0,see more in newest branch V8 version 6.0。

    前端技术

    How to use Webpack’s new “magic comment” feature with React Universal Component + SSR

    如何开始使用在 webpack...


  • ELSE 技术周刊(2017.06.12期)

    ELSE原创

    移动端浏览器调试方法汇总 (by elevenBeans)

    浏览器兼容性一直以来都是让 Web 前端开发人员头疼的问题。虽然移动端其内核趋于统一(webkit),兼容问题也不再像 PC 端那么严重。但在生产环境当中,考虑到第三方浏览器在内核上面的 “优化”,如(wechat、UC、QQ、360 等),兼容问题依旧是无法忽略。 本文汇总一下目前比较常见的 Web 移动端调试方法。

    [中英]康威的游戏人生图文解说 – CONWAY’S GAME OF LIFE EXPLANATION (by sturloly)

    Unlike the popular board game of life,Conway’s Game of Life is a simple simulation of living cells. – 本文相关于『作品展示』分类中的 《Chrome extension:Game of...