为之漫笔的头像

为之漫笔

  • 译文
    53
  • 积分
    54465
  • 粉丝
    2

资深技术图书译者

最新译文

Webpack上手

Webpack用于编译JavaScript模块。安装以后,可以通过CLI或API使用它。如果你对webpack还有点陌生,可以先看看它的核心概念以及一些比较,了解为什么要使用它。 基本的设置 首先,要创建一个目录,使用npm初始化,然后本地安装webpack: mkd...

七大认知偏差影响你的产品设计

“认知偏差”是影响人类决策的思维误区或者说思维盲点。 很多认知偏差对我们设计产品都会产生极大的负面影响,但却很少有人真正了解它们。了解这些认知偏差有于助在设计产品时做出更明智、更有针对性的决定。如果利用得好,甚至对你的产品设计还会有帮助。 七大认知偏差 宜家效应...

413 Request Entity Too Large - HTTP状态狗

狗狗帮你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 413 Request Entity Too Large:请求太大,超出了服务器处理能力。 © Copyright 2017.From @mikeleeorg...

412 Precondition Failed - HTTP状态狗

狗狗教你理解HTTP响应状态码 受@girlie_mac的HTTP Status Cats启发 :) 412 Precondition Failed:服务器与请求中的某项预设请求不相符。 © Copyright 2017.From @mikeleeorg....

451 Unavailable For Legal Reasons - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 451 Unavailable For Legal Reasons:在Inrternet草案“A New HTTP Status Code for Legall...

450 Blocked by Windows Parental Controls - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 450 Blocked by Windows Parental Controls:微软的扩展。在Windows Parental Controls打开且被屏蔽无...

431 Request Header Fields Too Large - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 431 Request Header Fields Too Large:服务器不“情愿”处理请求,或者是个别首部无效,或者是所有首部加起来太大。在一份Inter...

429 Too Many Requests - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 429 Too Many Requests:用户在给定时间内发送了过多请求。用于限速,在一份Internet草案中提出。 © Copyright 2017.F...

426 Upgrade Required - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 426 Upgrade Required:客户端应该切换到不同的协议,比如TLS/1.0。 © Copyright 2017.From @mikeleeorg...

425 Unordered Collection - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 425 Unordered Collection:在WebDAV Advanced Collections Protocol中定义,但Web Distribut...

423 Locked - HTTP状态狗

狗狗教你理解HTTP响应状态码。 受@girlie_mac和HTTP Status Cats启发 :) 423 Locked:要访问的资源被锁定。 © Copyright 2017.From @mikeleeorg....

422 Unprocessable Entity:HTTP状态狗

狗狗教你理解HTTP响应状态码 受@girlie_mac的HTTP Status Cats启发 :) 422 Unprocessable Entity:请求格式良好,但由于语义错误而无法继续。 © Copyright 2017.From @mikeleeorg....

420 Enhance Your Calm:HTTP状态狗

狗狗帮你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 420 Enhance Your Calm:Twitter Search与Trends API在客户端被限速的情况下返回。 © Copyright 2017....

411 Length Required:HTTP状态狗

狗狗帮你理解HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 411 Length Required:请求没有指定其内容长度,请求的资源要求必须有这个长度值。 © Copyright 2017.From @mikelee...

尝鲜异步迭代器和生成器

Chrome、Edge和Safari支持流式抓取,类似这样: async function getResponseSize(url) { const response = await fetch(url); const reader = response.bo...

Webpack最详解

JavaScript模块打包的概念已经出现一段时间了。RequireJS在2009年首次发声,之后Browserify粉墨登场。接着各种打包工具如雨后春笋纷纷涌现。而webpack以其优异的特性脱颖而出。如果你还不了解它,希望这篇文章可以带你熟悉这一款强大的工具。 什...

HTTP状态狗:226 IM Used

狗狗帮你理解HTTP响应状态码。 本系列受到了@girlie_mac的HTTP Status Cats的启发 :) 226 IM Used:服务器已经满足了对资源的GET请求,此时的响应表示的是对当前资源实例的一或多个实例级修改的结果。 Photo by Beve...

HTTP状态狗:208 Already Reported

HTTP响应状态码,由狗狗本色展示。 本系列受到了@girlie_mac的HTTP Status Cats启发 :) 208 Already Reported:DAV(Distributed Authoring and Versioning)绑定的构成已经在对当前...

HTTP状态狗:207 Multi-Status

可爱的狗狗们形象展示HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 207 Multi-Status:后面的消息体是XML格式的,根据子请求的数量,可能包含几个独立的响应码。 Photo by GabrielaP93....

HTTP状态狗:206 Partial Content

狗狗们现身说法,形象展示HTTP响应状态码。 受@girlie_mac的HTTP Status Cats启发 :) 206 Partial Content:由于客户端发送的范围(range)首部限制,服务器只返回了资源的一部分。范围首部是wget等工具用来实现断点...

HTTP状态狗:204 No Content

HTTP响应状态码形象展示,由狗狗们现身说法。 受@girlie_mac的HTTP Status Cats启发 :) 204 No Content:服务器成功处理了请求,但没返回任何内容。 © Copyright 2017.From @mikeleeorg....

JavaScript中的递归、PTC、TCO和STC

近来,好像大家都对函数式编程及其概念非常感兴趣。可是,很多人不谈递归,特别是不谈PTC(Proper Tail Call,适当的尾调用)。而这才是编写清晰简洁代码,同时又不导致栈溢出的关键。 本文将通过图示的方法讨论递归,讨论什么是PTC、TCO(Tail Call...

HTTP状态狗:203 Non-Authoritative

超文本传输协议响应状态码,由狗狗现身说法。 从@girlie_mac的HTTP Status Cats得到的灵感 :) 203 Non-Authoritative Information: 服务器成功处理了请求,但要返回的信息可能来自其他网站。 © Copyri...

HTTP状态狗:202 Accepted

202 Accepted:请求已经被接受和处理,但处理尚未完成。请求最终可能会也可能不会有结果,因为在实际处理时请求可能并不会被允许。 © Copyright 2017.From @mikeleeorg....

HTTP状态狗:201 Created

201 Created: 请求已经处理完成,导致创建新资源。 Photo by Beverly & Pack. © Copyright 2017.From @mikeleeorg....

HTTP状态狗:200 OK

200 OK: 成功HTTP请求的标准响应。实际的响应取决于使用的请求方法。在GET请求中,响应中会包含与所请求资源对应的一个实体。在POST请求中,响应会包含一个描述或包含动作结果的实体。 Photo by mikeleeorg. © Copyright 201...

rel=noopener可以提升性能

如果你的链接指向其他站点,那么应该使用rel="noopenter",尤其是点击后会在新标签页/窗口中打开的链接。 <a href="http://example.com" target="_blank&qu...

自定义组合字体

我喜欢字体Just Another Hand,我经常在我分享中的图示里用它: (字体转图片了。——译者注) 问题在于,我不喜欢连字号和等号的字形…… (字体转图片了。——译者注) 它们的位置让人看着不舒服,位置太高了。 好在CSS支持合并字体,因而我可以创造一个类似于...

使用SVG画线

这个位置应该有一个示例,因为JavaScript不可用或者浏览器不支持SVG而没有显示(译者注:关于这个示例,建议大家用Chrome浏览器去看原文)。 我喜欢使用图示来展示信息流或者浏览器行为,但大型图示光听听就让人皱眉头了。在讲Application Cache和渲...

HTTP/2比HTTP强在哪里?

本文的目的是通过比较告诉大家,为什么应该从HTTP迁移到HTTPS,以及为什么应该添加到HTTP/2的支持。在比较HTTP和HTTP/2之前,先看看什么是HTTP。 什么是HTTP HTTP是在万维网上通信的一组规则。HTTP属于应用层协议,跑在TCP/IP层之上。用...

RethinkDB实例大全JavaScript版

目录 基本命令 筛选 操作文档 分页 变换 其他 基本命令 创建库 创建数据库,可以像下面这样使用dbCreate命令: r.dbCreate("blog").run(conn, function(err, result) { if...

SVG图标好用后备难做

最近,图标字体用得越来越少了,好像有很多不错的理由都建议不再用图标字体,而改用SVG图形。对于《金融时报》(Financial Times)而言,我们大致同意这个观点, 是该考虑一下过渡方案了。 浏览器对SVG的支持非常好,94%以上都完全支持SVG 1.1,如果你不...

10倍提升应用性能的10个建议

提升Web应用的性能从未像今天这样刻不容缓。在线经济活动的比例日益提高,就连发展中国家和地区的经济活动都已经有5%以上在线进行了(相关数据请参考本文后面的资源)。在这个超级链接、随时在线的现代世界,用户的期望也远非昔日可比。如果你的网站不能马上响应,你的应用不能立即运...

JavaScript中该如何安排后台任务

关于JavaScript,大家要牢记一点:它阻塞。 想象一下,浏览器里有一个进程小精灵,负责处理一切。渲染HTML、响应菜单命令、绘制屏幕、处理鼠标点击、运行JavaScript函数……。跟我们人一样,这个小精灵每次只能做一件事。如果一次交给它很多任务,那么就会有一个...

CSS伪类与伪元素完全指南

刚开始从事Web设计时,我犯了很多错误,也因此获得了进步。那时候没有Smashing Magazine、Can I Use、 CodePen,也没有其他我们现在常见的工具。只要有人能告诉一个设计思路,特别是CSS前沿方向的,那就谢天谢地了。 今天我的经验已经很丰富了,...

不用jQuery实现简单的JavaScript幻灯片

“我就想不用jQuery实现简单的JavaScript幻灯片” 这里所说的幻灯片,或者叫图片传送带、图片滑块、旋转图等等,是JavaScript学习者必修课之一。 本教程内容如下: 不用jQuery等外部库实现简单的幻灯片 理解UX和无障碍问题,包括是否该用幻灯片...

5行JavaScript代码实现页面平滑滚动

HTML本身具有跳到页面任意位置的能力,只需给目标元素一个id 属性即可。这个技术叫做“锚链接”。 不过,这种跳转是瞬间完成的。为了让人看起来舒服,很多网站都会给页内跳转加上平滑或慢慢滚动到页面某处的设计。 过去人们大都用jQuery来实现此设计,但为这就加载一个框架...

Web会不会重生

2015年7月,受Mat Marquis在TXJS 2015上发言的启发,我建议网页的平均大小应该等于经典DOC游戏Doom安装的图片大小。 大约7个月平均下来,网页大小与Doom安装的图片大小相同。我们做到了,越来越大。 pic.twitter.com/xtSAt...

CSS之父:Web事业未竞,尚需前赴后继

提到Web设计,很少有人的影响会超过Håkon Wium Lie。在CERN与Web之父Tim Berners-Lee一起工作的Lie,发明了CSS。 如果没有那次大胆的提议,我们今天谈论的Web设计很可能是完全不同的一回事。正如Lie所说:“这个技术可能会被一家公...

FIDO联盟规范简介

FIDO(Fast IDentity Online)联盟成立于2012年7月,致力于解决当前网络环境下强认证设备间缺乏互操作性,以及用户需要创建并记住多套用户名和密码的问题。FIDO联盟将开发出开放、可扩展、具有互操作性的规范,取代依赖密码认证的传统方式。这个针对安...

增加Windows应用曝光率的6个建议

经常有人问我们Windows Store依据什么决定哪些应用可以在首页展示,开发者怎么做才能让自己的应用在商店里有更多机会曝光呢?本文就给出6条建议,也许能帮大家提高自己应用的搜索排名,甚至有机会被商店隆重推荐。 目前商店存在几个bug,导致某些应用不会在搜索结果中出...

ThinkJS 2.1: Supports TypeScript,and 90% Faster

ThinkJS 2.0 is the first Node.js framework that fully supports all new ES2015/ES2016 syntax, and it was released on Oct 30 2015. By us...

W3C TAG候选人简介

David Baron (Mozilla)* 我是Mozilla的“杰出工程师”(Distinguished Engineer),从它2003年独立成一家公司开始,我就在里边工作了。从1998年起,我主要关注CSS社区,并参与了Gecko布局引擎(Firefox及其他...

何时使用遗留文档模式(IE)

最后更新:2012-9 很多时候,最好使用&lt;!DOCTYPE&gt;.aspx)指令来指定标准的文档类型。以下指令表示网页是HTML5文档类型: <!DOCTYPE html> 这样设置的灵活性最高。 然而,由于某些业务上的原因,有时...

控制默认渲染方式(IE)

最后更新:2012-9 什么是文档兼容性(IE)中提到过,Windows Internet Explorer使用&lt;DOCTYPE&gt;.aspx)指令决定如何解释和显示网页。如果网页中不包含&lt;DOCTYPE&gt;,IE默...

什么是文档兼容性(IE)

最后更新:2012-11 文档兼容性定义Windows Internet Explorer如何渲染网页。与其他常用浏览器一样,IE支持文档兼容性模式,不同的模式下浏览器解释和显示网页的方式不同。这里的模式也称为文档模式,通过它们可以指定浏览器是以最新标准,还是以旧版本...

配置Web服务器以指定文档模式(IE)

更新时间:2012-9 使用X-UA-Compatible可以指定网页对应的文档模式。本文向网站管理员介绍如何配置Web服务器,让网站拥有默认的文档兼容模式。这个配置因Web服务器而异。比如,下面这个web.config文件可以让Microsoft Internet...

前端们,2016你有啥目标?

马上就2016年了,现在是为新年计划新目标的最好时候。我们问了一圈周围的Web开发大牛,今天就在这里分享一下他们的新年目标。 JEFFREY ZELDMAN A List Apart Magazine和Happy Cog工作室创始人、作者、演讲者,活跃的Web设计...

Zeldman年度设计箴言

今天,移动设备的屏幕是用户的第一屏。因此要响应式设计,而且要首先关注内容和结构。 无论网站还是应用,皆应删除令用户分心的东西,而让用户尽可能直接与内容交互。 90%的设计涉及排版,其余90%涉及留白。 按照渐进揭示原则提升可用性和满意度:菜单和功能只在需要时...

何时需要文档兼容模式(IE)

Windows Internet Explorer的每个主要版本都会增加新功能,目的是让浏览器更好用、更安全、更符合行业标准。随着功能的增多,很多旧网站面临无法正确显示的风险。本文介绍Windows Internet Explorer近期版本的变化情况,以便大家明白为...

指定使用遗留的文档模式(IE)

有时候需要限制Windows Internet Explorer在解析某个网页时使用特定的文档模式。在此,我们介绍x-ua-compatible头部属性,这个属性可以让用户就像使用旧版本IE一样查看当前网页。 简介 最后更新:2013-8 正如Defining doc...

X-UA-Compatibility Meta标签与HTTP响应头

在meta元素或HTTP响应头中包含如下指令,可以指定浏览器渲染模式: 通过网页的meta元素(参见[HTML])指定http-equivalent的值为X-UA-Compatible; 通过网页的HTTP首部发送X-UA-Compatible。 如果浏览器同时接...

使用HTTP/2提升性能的7个建议

历史悠久的超文本传输协议,即HTTP标准,最近版本升级了。HTTP/2在2015年5月被批准,目前已经在很多Web浏览器和服务器中得到实现(包括NGINX Plus和开源NGINX)。大约有三分之二的浏览器已经支持HTTP/2,而且这个比例每月都在增加。 HTTP/2...