网页设计学习笔记

摘要： Nginx 是一个流行的网页服务器和反向代理服务器软件，它充分利用异步逻辑，实现了低内存占用和高并发连接。很多网站都将 Nginx 部署到 Apache 服务器之前作为反向代理，甚至直接用 Nginx 替换 Apache 作为网页服务器。安装 Nginx 非常简单：各大 Linux 系统中都包含了 Nginx，而 Windows 系统可以下载 Nginx 网站提供的二进制压缩包。现在我们来看看 Nginx 的基本设置。Nginx 的配置文件为 nginx.conf。首先看如何将 Nginx 配置为静态网页服务器。最简单的例子如下：http { server { listen... 阅读全文

摘要： 一、try-catch-finally为了处理可能出现的错误，我们可以用 try-catch 语句。例如：try { doSomeThing(); return 1; } catch (err) { handleError(); return 2; }这时候当 doSomething 函数能够正常执行时，返回 1；而当 doSomeThing 函数执行出现错误时将执行 handleError 函数并返回 2。当然我们也可以在最后加上 finally 子句，例如：try { doSomeThing(); return 1; } catch (err) { handleErro... 阅读全文

摘要： 一、no-cache 与 max-age在 HTTP 1.0 中，服务器可以用头部信息的 Pragma: no-cache 字段指示浏览器不缓存该页面，或者用 Expires: Mon, 10 Jun 2013 01:50:58 GMT指示浏览器在某时间后删除该页面的缓存。用非法的时间例如 Expires: -1 同样可以让浏览器不缓存该页面。而在 HTTP 1.1 中，我们可以用 Cache-Control 字段进行更仔细的缓存控制。例如前面两个字段在 HTTP 1.1 可以分别类似 Cache-Control: no-cache 和 Cache-Control: max-age=3600 阅读全文

摘要： HTTP 的 Cookie 字段是由 RFC 6265 规定的。浏览器访问某个网站时，通过 HTTP 头部的 Set-Cookie 字段，服务器可以在浏览器中设置一个 cookie：Set-Cookie: name=value然后，浏览器下次访问该网站时的每个页面的时候，将会通过如下方式将前面的 cookie传回给服务器：Cookie: name=value当然，我们也可以设置多个 cookie，此时只需要将它们用分号隔开，例如：Set-Cookie: name1=value1; name2=value2在 Set-Cookie 字段中，还有其它的选项可以使用，包括这些（选项名不区分大小写）： 阅读全文

摘要： CSS3 中的弹性盒布局（Flexible Box Layout）标准已经进入候选推荐阶段，大部分浏览器也开始支持这个标准了，这里我们来介绍下这个标准。在最新的 Chrome 中浏览下面的例子，可以看到父元素被横向分为三部分，而当鼠标移动到某一部分上面时，各部分的宽度会自动调整：​ one two three在上面的例子中首先我们设置了父元素的 display: flex; flex-direction: row; ，表示我们使用横向的弹性布局。display 也可以设为 inline-flex，这时候父元素就类似于 inline-block 的元素。接下来我们对三个子元素分析设置了 f... 阅读全文