团队分享

魔幻语言 JavaScript 系列之 call、bind 以及上下文

从一行代码来看看 JavaScript 是一门多么魔幻的语言,顺便谈谈 JavaScript 中的 call、apply 和 bind 以及上下文。

前端开发

Preact:一个备胎的自我修养

本文着重作者介绍了Preact的工作流程以及其中各个模块的一些工作细节,对于不熟悉 Preact 同学来说是个很好的入门篇, 对于Preact的工作流程和 主要功能模块都有自己的详细解说, 也可以和React 对比学习。

面向未来的前端数据流框架 - dob

在前端数据流框架, dob 利用 proxy 实现的数据依赖追踪工具, 主要核心思想大量借鉴于 mobx, 但是从实现原理、使用便捷性,以及调试工具都做了大量优化, 可以利用 dob-react 与 react 结合使用,也深受大家喜爱。

Webpack HMR 原理解析

Hot Module Replacement(以下简称 HMR)是 webpack 发展至今引入的最令人兴奋的特性之一 ,当你对代码进行修改并保存后,webpack 将对代码重新打包,并将新的模块发送到浏览器端,浏览器通过新的模块替换老的模块,这样在不刷新浏览器的前提下就能够对应用进行更新。

使用 CSS Houdini 绘制平滑圆角

Houdini API 定义了一种新的在浏览器的渲染阶段往 CSS 图像中添加内容的方式。简单地说,浏览器给我们提供了用程序绘制一个 CSS 图像并用作背景的能力。因此,我们应该可以很简单地绘制一个超椭圆。

利用 JavaScript 实现富文本编辑器

如何从零开始打造一个基本的富文本编辑器,或许许多 API 你曾见过,但一直到某个特定场景下,才发现是多么有用。

技术纵横

WEB请求处理二:Nginx请求反向代理

文章阐述了请求到达反向代理服务器的整个处理过程, 包括反向代理的原理,工作流程,以及Nginx常用配置详细解析。

腾讯QQ空间超分辨率技术TSR:为用户节省3/4流量,处理效果和速度超谷歌RAISR

TSR技术在RAISR的标准下,处理速度在提升了40%,处理效果也有明显提升。此外,TSR也是业界首次实现移动端使用深度神经网络进行超分辨率,并保证图片能够实时进行处理。即使在用户的普通Andriod手机,也可以使用这项技术。

GraphQL 初探—面向未来 API 及其生态圈

GraphQL 作为一个新的 API 标准,通过声明式的数据获取方式,给客户端提供了简洁、灵活、高效的数据查询。适应了移动互联网时代客户端技术的快速发展和需求的快速迭代,是当前 REST 模式的有力竞争者。

决战双11:亿级访问量的Web前端页面优化技巧

我们都知道一次页面请求需要加载很多东西,包括文本、css样式、javascrict脚本、图片,加载的东西越多,页面的响应时间往往越长,体验就很不好。这就需要我们进行优化,提高页面响应速度。

实用推荐

Fiddler plus【高效调试分析利器】

Fiddler是一个功能强大的HTTP抓包调试工具!但用起来却不是那么的顺手,界面繁杂、配置复杂,非常不符合高效程序猿的使用习惯… Fiddler plus 重新定义了Fiddler的CustomRules.js,从而使Fiddler拥有了更加简单、灵活、丰富的配置方式,高逼格的显示界面,让你用起来不再羞(gan)涩(ga)。

Node.js Best Practices

一个收集 Node.JS 最佳实践文章列表的项目,从排名最前的文章中挑选出来并保持随时更新。

如何打造一个全满分网站

前端的评测工具(平台)有很多种,这里列举了一些,以及如何针对评测工具反馈的各项指标进行优化。值得一提的是PWA的对应指标也在名单里。

在线追踪压缩后的JS出错代码

理解sourcemap以及如何跟踪JavaScript异常报错