刚刚给博客换了nginx,之前apache,已经开启了gzip压缩。自然而然,nginx必须把 gzip压缩打开。
环境:centos;
1、vim打开nginx配置文件。
2、找到如下一段,进行修改
1 | gzip on; |
刚刚给博客换了nginx,之前apache,已经开启了gzip压缩。自然而然,nginx必须把 gzip压缩打开。
环境:centos;
1、vim打开nginx配置文件。
2、找到如下一段,进行修改
1 | gzip on; |
HTML 和 CSS
1. 浏览器的文档模式有哪些,如何开启这些文档模式?
标准模式和怪异模式,省略
标签可以开启怪异模式
2. 常见的块级元素和行内元素有哪些?
块级:div、p、ul、li、dl….
行内:a、span、em、strong….
大家应该都知道用 text-overflow:ellipsis
属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。以下是常规写法:
1 | { |
但是这个属性并不支持多行文本溢出显示省略号,这里根据应用场景介绍几个方法来实现这样的效果。
在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();方法触发表单提交。
这种情况下elemForm.submit();将不会触发表单提交,因为表单原始的submit方法将会被覆盖(formElem.submit就是对该元素的引用)。