前端外刊评论

关注前端前沿技术,探寻业界深邃思想

深入理解 React 高阶组件

欢迎关注我们的微信公众号,前端外刊评论,如果搜索异常,请搜索,FrontendMagazine。 原文链接: React Higher Order Components in depth 本文已获的原作翻译授权,转自译文时请附上原文链接以及译文链接,未经允许不得随意转载译文 摘要 这篇文章主要面向想要使用 HOC(Higher Order Component,高阶组件) 模式的...
2017年01月11日


真的了解 gzip 吗?

欢迎关注我们的微信公众号,前端外刊评论,如果搜索异常,请搜索,FrontendMagazine。 本文由夏蕾(@野路子小选手)投稿,陆金所大前端团队的前端工程师,一个喜欢开车的萌妹子。 gzip 是什么? gzip是GNUzip的缩写,最早用于UNIX系统的文件压缩。HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术,web服务器和客户端(浏览器)必须共同支持g...
2017年01月07日


外刊君谈中国第三届CSS大会

欢迎关注我们的微信公众号,前端外刊评论,如果搜索异常,请搜索,FrontendMagazine。 2016年12月17日,中国第三届CSS大会在广州天虹锦都酒店酒店举行,外刊君同其他几位同事也参加了这届CSS大会。本文将对大会进行一个总结,谈谈外刊君的见闻和思考。 4.20 things I didn’t know about CSS 演讲者 Mathias Bynens ...
2017年01月03日


用 RxJS 连接世界

本文是一系列介绍 RxJS 文章的第二篇,这一系列的文章将从一个小的例子开始,逐渐深入的讲解 RxJS 在各种场景下的应用。对应的,也会有对 RxJS 各种操作符的讲解。这篇文章将接着第一篇Hello Rx 中的例子,将更多的异步业务(Http 请求) 接入我们的 Todo App 中。在例子中,会使用更多操作符(RxJS Operator) 来处理我们的业务,后续的文章中会详细的讲解...
2016年12月10日


Yarn vs npm:你需要知道的一切

原文链接 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 — Yarn,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的: npm 安装包(packages)的速度不够快,拉取的 packages 可能版本不同 npm 允许在安装 packages 时执行代码,这就埋下了安全隐患 别慌,Yarn 没...
2016年11月09日


Hello RxJS

本文是一系列介绍 RxJS 文章的第一篇,这一系列的文章将从一个小的例子开始,逐渐深入的讲解 RxJS 在各种场景下的应用。对应的,也会有对 RxJS 各种操作符的讲解(如果能坚持不弃坑的话。这篇文章将会用一个 Todo list 作为例子,讲解 RxJS 是如何组合各种同步/异步业务的,在这个过程中,初次接触 RxJS 的同学可能会被各种操作符和组合搞得云里雾里,但没关系,本片的主旨...
2016年10月31日


也许你不必使用 Redux

原文链接:You Might Not Need Redux 人们常常在正真需要 Redux 之前,就选择使用它。“如果不使用 Redux,我们的应用无法扩展怎么办?”应用接入 Redux 之后,开发者就开始头疼了。“为什么为了开发一个简单的功能需要创建 3 个文件?”为什么! 人们痛苦地抱怨 Redux, React, FP, 不可变数据和一些别的东西,但我理解他们。那些不需...
2016年09月25日


当我们在谈论前端加密时,我们在谈些什么

潘建旭,岂安科技(www.bigsec.com)软件工程师。3年全栈开发经验,负责岂安科技核心产品初期的前端开发和架构工作。 前端安全是Web安全的一部分,常见的安全问题会有XSS、CSRF、SQL注入等,然而这些已经在程师界得到了相当高的重视并且有了很成熟的解决方案。 所以我们今天只谈前端“加密”,一个部分人认为没有意义的工作。有争议的事情总是那么因崔斯汀,接下来就让我们谈谈前端...
2016年09月02日


使用纯 CSS 实现 500px 照片列表布局

文章很长,因为介绍了如何一步一步进化到最后接近完美的效果的,不想读的同学可以直接跳到最后一个大标题之后看代码、demo 及原理就好,或者也可以直接看下面这个链接的源代码。不过还是建议顺序读下去,因为后面的原理需要前面的内容做为铺垫,主要是在处理边角问题上。 先看下效果,要不然各位可能没动力读下去了,实在是有点长,可以试着 resize 或者 zoom 一下看看动态效果: Cats P...
2016年08月28日


Node.js 之 log4js 完全讲解

这可能是外刊君推出的 Node.js 系列教程的第一篇。 log4js 是 Node.js 日志处理中的数一数二的模块。比起console或者 TJ 的 debug 有其优势,尤其针对投入生产的 Node.js 项目来说下面这些是不可少的: 日志分级 日志分类 日志落盘 本文将会给你一个 log4js 的全面介绍,让你可以在项目中驾轻就熟的使用 log4js,开...
2016年08月21日