决战24点(HTML5)开发小记

点击体验:https://pk24go.cn

本就开发了一个玩儿24点游戏的微信公众号“决战24点”(pk24go),可以回复综合算式进行解答。说实话,还是挺不方面的。前段时间看到 4数网 在线 HTML5 玩法,立马着手改造!

改造点

1、界面UI:以方格为基本图形,4个数字在4个角落,4个运算符号在中间,完成数、撤销返回、提示等按钮在空白小方格中。
2、功能减法:去除时间限制模式、积分、结束按钮。
3、功能加法:新增【题库选择】可选择数字范围1~10或1~13,新增【待解模式】针对性强化玩家提示过的题组。

识别外链并新窗口打开

注:已对类似 toc 里的链接进行排除。

markdown 语法链接不支持设置 target='_blank' ,如果要就直接写 html 的链接代码。个人来说,非常反习惯!

既然 Bitcron 加载了 jQuery ,那就重操旧业来个自动识别内外链!代码如下:

    script
        $(document).ready (function() {
            var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;
            var location_href = window.location.href.replace(parse_url,'$3')
            $('.post-content a:not(:has(img)),.author-name a').hover(function() {
                var this_href = $(this).attr('href');
                var replace_href = this_href.replace(parse_url,'$3');
                if ( this_href != replace_href && location_href != replace_href)
                    $(this).attr('target','_blank'); 
            });
        });

一般放 post.jade里,直接放 base.jade 也行。其中 .post-content.author-name 有可能需要匹配自己的主题模板。

短短代码测试了个把小时,主要耗在“a标签里无img”和“本地和点击的href的正则”,哎,果真代码欺负老新人!