• BLOG
  • ARCHIVE
  • TAGS
  • ABOUT
  • nginx 如何开启 gzip压缩?

    Feb 11, 2015

    刚刚给博客换了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]\.";
    ...more
  • nginx基本配置与参数说明

    Feb 7, 2015
    ...more
  • 切图仔前端面试题

    Nov 1, 2014

    HTML 和 CSS

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

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

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

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

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

    ...more
  • css3多行文本溢出显示省略号(…)

    Oct 8, 2014

    大家应该都知道用 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 规范草案中。

    ...more
  • 再记:浏览器缓存200(from cache)和304小结

    Aug 19, 2014

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

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

    ...more
  • 分享:希腊设计师Costas的前端主题创意海报

    Aug 18, 2014

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

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

    ...more
  • sublime text preference 个人配置记录保存

    Aug 14, 2014

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

    ...more
  • 详解jquery.min.map文件

    Jun 13, 2014

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

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

    ...more
  • linux命令:which命令

    Jun 3, 2014

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

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

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

    命令格式:

    which 可执行文件名称

    ...more
  • form表单元素调用submit()方法报错问题

    May 15, 2014

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

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

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

    ...more
PREVNEXT

© 2014 - 2017 laoono,powered by hexo, theme Apollo.

sitemap RSS