刚刚给博客换了nginx，之前apache,已经开启了gzip压缩。自然而然，nginx必须把 gzip压缩打开。

环境：centos;

1、vim打开nginx配置文件。

2、找到如下一段，进行修改

1
2
3
4
5
6
7
8

gzip on; 
gzip_min_length 1k; 
gzip_buffers 4 16k; 
#gzip_http_version 1.0; 
gzip_comp_level 2; 
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; 
gzip_vary off; 
gzip_disable "MSIE [1-6]\.";

HTML 和 CSS

1. 浏览器的文档模式有哪些，如何开启这些文档模式？

标准模式和怪异模式，省略标签可以开启怪异模式

2. 常见的块级元素和行内元素有哪些？

块级：div、p、ul、li、dl….

行内：a、span、em、strong….

大家应该都知道用 text-overflow:ellipsis 属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。以下是常规写法：

1
2
3
4
5

{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

但是这个属性并不支持多行文本溢出显示省略号，这里根据应用场景介绍几个方法来实现这样的效果。

WebKit浏览器或移动端的页面

在WebKit浏览器或移动端（绝大部分是WebKit内核的浏览器）的页面实现比较简单，可以直接使用WebKit的CSS扩展属性(WebKit是私有属性) -webkit-line-clamp；注意：这是一个 不规范的属性 (unsupported WebKit property)，它没有出现在 CSS 规范草案中。

浏览器的资源请求，如果使用了缓存基本上是两种情况: status code: 200 ok ( from cache )和status code 304 Not Modified。

上面两种方式有什么区别呢？简单地说，第一种方式是不向浏览器发送请求，直接使用本地缓存文件。第二种方式，浏览器虽然发现了本地有该资源的缓存，但是不确定是否是最新的，于是想服务器询问，若服务器认为浏览器的缓存版本还可用，那么便会返回304。

Costas是一位希腊设计师，住在雅典。目前就职于智威汤逊（雅典），也会做一些自由职业者的工作。他擅长桌面出版和Logo设计，也做过网页设计和用户界面设计。

本文是他制作的一组前端代码主题创意海报：

噩耗啊！mac 硬盘坏了，数据全没了。再次提醒了我，数据备份是多么重要。现在把sublime text的个人配置项给记录保存一份：

最近开发web的时候，打开chrome调试工具，会出现在一个资源（jquery.min.map）文件下载失败的提示，如下图：

之前引用jquery文件没出现过这种情况，最近才发现。随即找了度娘，记录下jquery.min.map文件丢失的情况。

我们经常在linux要查找某个文件，但不知道放在哪里了，可以使用下面的一些命令来搜索：

which 查看可执行文件的位置。
whereis 查看文件的位置。
locate 配合数据库查看文件位置。
find 实际搜寻硬盘查询文件名称。

which命令的作用是，在PATH变量指定的路径中，搜索某个系统命令的位置，并且返回第一个搜索结果。也就是说，使用which命令，就可以看到某个系统命令是否存在，以及执行的到底是哪一个位置的命令。

命令格式：

which 可执行文件名称

表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。

1、表单元素中出现了name=”submit”的元素 或者id为submit的时候 js提交表单会报错

这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的引用）。