标签:前端

META中的OG标签

很多大的网站头部代码里面都增加了OG标签,Meta Property=og,整理了一下Meta Property=og的作用以及用法。

og是一种新的HTTP头部标记,即Open Graph Protocol:

The Open Graph Protocol enables any web page to become a rich object in a social graph.

即这种协议可以让网页成为一个“富媒体对象”。用了Meta Property=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、 renren采用。SNS已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会 议上Facebook公布了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息 并呈现给用户。

继续阅读→

巧用htaccess设置网站的压缩与缓存

htaccess设置静态资源缓存(即浏览器缓存),合理设置好htaccess可以有效的提高网站的访问效率。
在HTTP标头中为静态资源设置过期日期或最长存在时间,可指示浏览器从本地磁盘中加载以前下载的资源,而不是通过网络加载。这样, 网站加载速度会更快.

下面的代码都需要放到.htaccess中才能生效. 推荐设置过期时间为一个月, 即: max-age=2592000.

通过FilesMatch设置
继续阅读→

span在li中设置padding和bottom无效

li中用span加一个行标,结果总不能跟后面的文字在一行内。
margin和padding都试了半天,还是不行。
度娘了一下,说是需要在li中加上 “ display:inline-block; ”
可加上之后还是不行……
试着在span中直接添加这个标签,可以了。
在一处地方可以,但是在别的地方,貌似又不起作用了……
丧心病狂……

前端js文件合并的三种方式推荐

前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式。

三个方式如下:

1. 一个大文件,所有js合并成一个大文件,所有页面都引用它。

2. 各个页面大文件,各自页面合并生成自己所需js的大文件。

3. 合并多个共用大文件,根据实践情况合并出多个共用js文件,每个页面引用多个共用大文件。

另外在我看来,合并有两个目的:

1. 为了减少请求数。

2. 代码安全考虑(文件分得越多,越容易被人看清)。

PS:注意我说的不是压缩混淆,只是合并
继续阅读→