最新 | 最热门 | 最高评价

+0  异步 API 的设计

Tag: Developer
阮一峰 发于 2018年12月12日 08:31 | 点击: 151 | 展开摘要
网站的前后端通信,往往会有异步请求,这时应该怎么设计 API?

我最近读到一篇文章,作者介绍了他的做法,设计得很精细,我觉得值得借鉴,可以当作异步 API 的标准设计。

一、同步 API

为了便于比较,先看看同步 API 的设计。下面是一个很简单的例子。

客户端发出一个请求,要求创建资源。

POST https://api.service.io/stars

name='Death Star'

服务器回应 201。

HTTP/1.1 201 Created
L

查看全文: http://www.udpwork.com/item/17238.html

+0  awk 入门教程

Tag: Developer
阮一峰 发于 2018年11月07日 21:30 | 点击: 253 | 展开摘要
awk是处理文本文件的一个应用程序,几乎所有 Linux 系统都自带这个程序。

它依次处理文件的每一行,并读取里面的每一个字段。对于日志、CSV 那样的每行格式相同的文本文件,awk可能是最方便的工具。

awk其实不仅仅是工具软件,还是一种编程语言。不过,本文只介绍它的命令行用法,对于大多数场合,应该足够用了。

一、基本用法

awk的基本用法就是下面的形式。

# 格式
$ awk 动作 文件名

# 示例
$ awk '{print $0}' demo.txt



查看全文: http://www.udpwork.com/item/17190.html

+0  Page Lifecycle API 教程

Tag: Developer
阮一峰 发于 2018年11月05日 17:13 | 点击: 321 | 展开摘要
两周前,我介绍了 Page Visibility API。有了它,就可以监听各种情况的网页卸载。

但是,它没有解决一个问题。Android、iOS 和最新的 Windows 系统可以随时自主地停止后台进程,及时释放系统资源。也就是说,网页可能随时被系统丢弃掉。Page Visibility API 只在网页对用户不可见时触发,至于网页会不会被系统丢弃掉,它就无能为力了。

为了解决这个问题,W3C 新制定了一个 Page Lifecycle API,统一了网页从诞生到卸载的

查看全文: http://www.udpwork.com/item/17186.html

+0  Page Visibility API 教程

Tag: Developer
阮一峰 发于 2018年10月25日 08:33 | 点击: 368 | 展开摘要
一、简介

有时候,开发者需要知道,用户正在离开页面。常用的方法是监听下面三个事件。

pagehide

beforeunload

unload

但是,这些事件在手机上可能不会触发,页面就直接关闭了。因为手机系统可以将一个进程直接转入后台,然后杀死。

用户点击了一条系统通知,切换到另一个 App。

用户进入任务切换窗口,切换到另一个 App。

用户点击了 Home 按钮,切换回主屏幕。

操作系统自动切换到另一个 App(比如,收到一个电话)。

上面这些情况,都

查看全文: http://www.udpwork.com/item/17165.html

+0  Flexbox 布局的最简单表单

Tag: Developer
阮一峰 发于 2018年10月18日 08:17 | 点击: 334 | 展开摘要
弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了。

三年前,我写过 Flexbox 的介绍(上,下),但是有些地方写得不清楚。今天,我看到一篇教程,才意识到一个最简单的表单,就可以解释 Flexbox,而且内容还很实用。

下面,你只需要10分钟,就可以学会简单的表单布局。

一、<form> 元素

表单使用<form>元素。

<form></form>

上面是一个空表单。根据 HTML 标准,它是一

查看全文: http://www.udpwork.com/item/17154.html

+0  Git 原理入门

Tag: Developer
阮一峰 发于 2018年10月10日 18:07 | 点击: 892 | 展开摘要
Git 是最流行的版本管理工具,也是程序员的必备技能之一。

即使天天使用它,很多人也未必了解它的原理。Git 为什么可以管理版本?git add、git commit这些基本命令,到底在做什么,你说得清楚吗?

这篇文章用一个实例,解释 Git 的运行过程,帮助你理解 Git 的原理。

一、初始化

首先,让我们创建一个项目目录,并进入该目录。

$ mkdir git-demo-project
$ cd git-demo-project

我们打算对该项目进行版本管理,

查看全文: http://www.udpwork.com/item/17126.html

+0  RESTful API 最佳实践

Tag: Developer
阮一峰 发于 2018年10月03日 18:53 | 点击: 420 | 展开摘要
RESTful 是目前最流行的 API 设计规范,用于 Web 数据接口的设计。

它的大原则容易把握,但是细节不容易做对。本文总结 RESTful 的设计细节,介绍如何设计出易于理解和使用的 API。

一、URL 设计

1.1 动词 + 宾语

RESTful 的核心思想就是,客户端发出的数据操作指令都是"动词 + 宾语"的结构。比如,GET /articles这个命令,GET是动词,/articles是宾语。

动词通常就是五种 HTTP 方法,对应 CRUD 操作。

查看全文: http://www.udpwork.com/item/17116.html

+0  命令行通配符教程

Tag: Developer
阮一峰 发于 2018年09月20日 17:41 | 点击: 492 | 展开摘要
一次性操作多个文件时,命令行提供通配符(wildcards),用一种很短的文本模式(通常只有一个字符),简洁地代表一组路径。

通配符又叫做 globbing patterns。因为 Unix 早期有一个/etc/glob文件保存通配符模板,后来 Bash 内置了这个功能,但是这个名字被保留了下来。

通配符早于正则表达式出现,可以看作是原始的正则表达式。它的功能没有正则那么强大灵活,但是胜在简单和方便。

本文介绍 Bash 的各种通配符。

一、? 字符

?字符代表单个

查看全文: http://www.udpwork.com/item/17095.html

+0  Vim 配置入门

Tag: Developer
阮一峰 发于 2018年09月16日 09:32 | 点击: 509 | 展开摘要
Vim 是最重要的编辑器之一,主要有下面几个优点。

可以不使用鼠标,完全用键盘操作。

系统资源占用小,打开大文件毫无压力。

键盘命令变成肌肉记忆以后,操作速度极快。

服务器默认都安装 Vi 或 Vim。

Vim 的配置不太容易,它有自己的语法,许许多多的命令。我总是记不清楚,所以就整理了下面这篇文章,列出主要配置项的含义。

一、基础知识

Vim 的全局配置一般在/etc/vim/vimrc或者/etc/vimrc,对所有用户生效。用户个人的配置在~/.vimrc

查看全文: http://www.udpwork.com/item/17091.html

+0  如何降低软件的复杂性?

Tag: Developer
阮一峰 发于 2018年09月10日 20:16 | 点击: 819 | 展开摘要
John Ousterhout 是斯坦福大学计算机系教授,也是 Tcl 语言的创造者。

今年四月,他出版了一本新书《软件设计的哲学》(A Philosophy of Software Design)。这是课程讲稿,160多页,亚马逊全部是五星好评。

我还没读这本书,但是我看了作者在谷歌的一次演讲(Youtube),介绍了这本书的主要内容。我觉得非常值得看,大部分书教你怎么写正确的代码,这本书教你如何正确设计软件。

下面我就根据演讲视频和网上的书评,做一下笔记。

一、什

查看全文: http://www.udpwork.com/item/17085.html

+0  SVG 图像入门教程

Tag: Developer
阮一峰 发于 2018年08月06日 12:59 | 点击: 790 | 展开摘要
一、概述

SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。其他图像格式都是基于像素处理的,SVG 则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,且不管放大多少倍都不会失真。

SVG 文件可以直接插入网页,成为 DOM 的一部分,然后用 JavaScript 和 CSS 进行操作。

<!DOCTYPE html>
<html>
<head></head>
<bo

查看全文: http://www.udpwork.com/item/16992.html

+0  CSS 的空格处理

Tag: Developer
阮一峰 发于 2018年07月30日 20:25 | 点击: 474 | 展开摘要
一、空格规则

HTML 代码的空格通常会被浏览器忽略。

<p>◡◡hello◡◡world◡◡</p>

上面是一行 HTML 代码,文字的前部、内部和后部各有两个空格。为了便于识别,这里使用半圆形符号◡表示空格。

浏览器的输出结果如下。

hello world

可以看到,文字的前部和后部的空格都会忽略,内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。

如果希望空格原样输出,可以使用<pre>标签。

<pre>◡◡hel

查看全文: http://www.udpwork.com/item/16983.html
|<<<1234567>>>| 一共7页, 81条记录