为之漫笔的头像

为之漫笔

  • 译文
    23
  • 积分
    43455
  • 粉丝
    4

资深技术图书译者

最新译文

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...