分类 建站相关 下的文章

▼ 概述

做日志分析工作的经常需要跟成千上万的日志条目打交道,为了在庞大的数据量中找到特定模式的数据,常常需要编写很多复杂的正则表达式。例如枚举出日志文件中不包含某个特定字符串的条目,找出不以某个特定字符串打头的条目,等等。

▼ 使用否定式前瞻

正则表达式中有前瞻(Lookahead)后顾(Lookbehind)的概念,这两个术语非常形象的描述了正则引擎的匹配行为。需要注意一点,正则表达式中的前和后和我们一般理解的前后有点不同。一段文本,我们一般习惯把文本开头的方向称作“前面”,文本末尾方向称为“后面”。但是对于正则表达式引擎来说,因为它是从文本头部向尾部开始解析的(可以通过正则选项控制解析方向),因此对于文本尾部方向,称为“前”,因为这个时候,正则引擎还没走到那块,而对文本头部方向,则称为“后”,因为正则引擎已经走过了那一块地方。如下图所示:

所谓的前瞻就是在正则表达式匹配到某个字符的时候,往“尚未解析过的文本”预先看一下,看是不是符合/不符合匹配模式,而后顾,就是在正则引擎已经匹配过的文本看看是不是符合/不符合匹配模式。符合和不符合特定匹配模式我们又称为肯定式匹配和否定式匹配。

现代高级正则表达式引擎一般都支持都支持前瞻,对于后顾支持并不是很广泛,因此我们这里采用否定式前瞻来实现我们的需求。

▼ 实现

测试数据:

2009-07-07 04:38:44 127.0.0.1 GET /robots.txt
2009-07-07 04:38:44 127.0.0.1 GET /posts/robotfile.txt
2009-07-08 04:38:44 127.0.0.1 GET /

例如上面这几条简单的日志条目,我们想实现两个目标:

1.把8号的数据过滤掉
2.把那些不包含robots.txt字符串的条目给找出来(只要Url中包含robots.txt的都给过滤掉)。

前瞻的语法是:

(?!匹配模式)

我们先来实现第一个目标——匹配不以特定字符串开头的条目。

这里我们因为要排除一段连续的字符串,因此匹配模式非常简单,就是2009-07-08。实现如下:

^(?!2009-07-08).*?$

Expresso我们可以看到结果确实过滤掉8号的数据。

接下来,我们来实现第二个目标——排除包含特定字符串的条目。

按照我们上面写法,我照葫芦画瓢了一下:

^.*?(?!robots\.txt).*?$

这段正则用大白话描述就是:开头任意字符,然后后面不要跟着robots.txt连续字符串,然后再跟着任意个字符,字符串结尾。

运行测试,结果发现:

没有达到我们想要的效果。这是为什么呢?我们给上面的正则表达式加上两个捕获分组调试一下:

^(.*?)(?!robots\.txt)(.*?)$

测试结果:

我们看到,第一个分组啥都没有匹配到,而第二个分组却匹配了整个字符串。再回过头来好好分析一下刚才那个正则表达式。实际上,当正则引擎解析到A区域的时候,就已经开始执行B区域的前瞻工作。这个时候发现当A区域为Null的时候匹配成功——.*本来就允许匹配空字符,前瞻条件又满足,A区域后面紧跟着的是2009字符串,而并不是robots。因此整个匹配过程成功匹配到所有条目。

分析出原因之后我们对上述的正则进行修正,将.*?移入前瞻表达式,如下:

^(?!.*?robots).*$

测试结果:

Bingo!

jQuery插件fancybox是一个功能强大的图片浏览插件,可以全屏浏览、自动播放、放大缩小、缩略图、下载等,特别适合图片类博客网站,看图新体验!
今天正好有空用写了一个适用typecho 1.1fancybox插件:FancyBoxPic

fancybox版本:3.5.6

▼ 主要功能

1.可禁止jquery二次加载

2.可根据需要设置fancybox显示按钮

3.可设置缩略图打开(默认关闭)

4.可设置插件应用范围(首页、文章、独立页面、归档页面)

▼ 插件后台设置页面

FancyBoxPic

▼ 安装方法

安装很简单,下载插件,上传至usr/Plugins,启用即可

▼ 下载地址

FancyBoxPic


- 阅读剩余部分 -

转自:https://blog.csdn.net/luoyu6/article/details/82947713

应用场景:我们把导航固定在页面顶部的时候,点击锚链接跳转到相应的部分时,很可能导航把页面的内容覆盖了

像这样,被导航挡住了一部分:

我们想要的结果:

代码实现:

1.A标签:
<a href="javascript:;" class="navItems" navto="services">服务与支持</a>

其中
href="javascript:;"鼠标放上为了显示小手,如果不需要可以去掉
class="navItems" 必须,为了jquery选择器只获取class="navItems"的A标签
navto="services" 必须,瞄点ID

2.瞄点主体内容:
<div id="services">...内容...</div>

其中id="services" 对应上面的navto="services"

3.js代码:

<script type="text/javascript">
$('.navItems').click(function() {
var navto = $(this).attr('navto');
if(navto != "#") {
    var $div = $('#' + navto);
    var top = $div.offset().top || 0;
    $('html,body').animate({
        'scroll-top': top - 70
        }, 500);
} else {
    $('html,body').animate({
        'scroll-top': 0
       }, 500);

    }

});
</script>

其中70值可以根据需要修改偏移量,500值修改移动速度,500值个人觉得效果不错,可以默认不用修改

最后把js代码复制到</body>....这个位置即可.....</html>

说明:上面js代码需要引入jquery文件才有效

本方法最终效果非常棒,点击A标签时缓慢移动,可以说是解决锚点链接跳转后位置上下偏移的完美好办法!如果用纯href="#"这样锚点实现,效果生硬,用户体验差,而且实现上也差强人意,所以推荐大家使用此方法。

完~

自从入了Typecho坑就出不来了,正如官方说的源自开发团队在精神层面上的洁癖和狂热,所以才有了Typecho, 简单快速实用高效,我觉得Typecho就是经典,麻雀虽小,五脏俱全,你想要什么主题或者想实现什么功能都可以满足你,其实对于一个只记录一些文字插几张图片的人来说Typecho绝对是不二之选!

最近研究了一下Typecho插件如何开发,整合了一个返回顶部样式,写了一个飞回顶部的小插件FlyToTop,效果看本站

▼ 主要功能

  1. 可自定义显示内容
  2. 可直接打开撰写文章页面
  3. 可飞回顶部

- 阅读剩余部分 -

二维码