不少网站都搞了这个,页面滚动时在顶部显示一个比例条,直观地显示出页面的滚动情况。原理也比较简单,直接上代码。

HTML

<div class="progress-indicator"></div>

CSS

/*进度指示器*/
.progress-indicator {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background-color: #0A74DA;
}

JS

//进度条
(function () {
    var $w = $(window);
    var $prog2 = $('.progress-indicator');
    var wh = $w.height();
    var h = $('body').height();
    var sHeight = h - wh;
    $w.on('scroll', function () {
        window.requestAnimationFrame(function () {
            var perc = Math.max(0, Math.min(1, $w.scrollTop() / sHeight));
            updateProgress(perc);
        });
    });

    function updateProgress(perc) {
        $prog2.css({ width: perc * 100 + '%' });
    }

}());

已经发布的小程序(假设版本为 v1.0)如果有修改,上传、发布、审核过新版本(假设版本为 v2.0)后,已经使用过该小程序的用户再次使用该小程序时,使用的还是 v1.0,不会自动更新到 v2.0

情况跟网页的缓存类似。在网页端我们修改 js 文件后,都会给它后面加个版本号,这样用户在你更新后再次访问网页时,新的修改就生效了。

微信小程序的更新并没有类似 js 加版本号的用法,但是我们可以使用它的 API wx.getUpdateManager() 来检测并获取小程序更新。

官方介绍:获取全局唯一的版本更新管理器,用于管理小程序更新。

API相关文档: https://developers.weixin.qq.com/miniprogram/dev/api/getUpdateManager.html

代码

放在 app.jsonLaunch 里执行即可。

- 阅读剩余部分 -

功能算是比较齐全的jq弹层插件——先自卖自夸一下。

丰富的回调函数,灵活的自定义按钮及各种方法等,满足各种弹层需求。

因为想找时间整体重构一下,故只放出 demo ,暂不发到 github 了。

点这里访问 demo:

$.superDialog() jQuery弹窗插件 For PC端/手机移动端

某个项目综合应用截图:

请右键 在新标签页中打开图片 以查看大图。

综合应用的例子.png

记忆思路:分组归类

分组归类后好记多了。

注意: 以下表格里,中断的竖线 ¦ 实为 |,因为 markdown 的表格语法中无法转义 |,所以只好用 ¦ 来代替。

分组记忆特点
.任意字符
? * +特殊的数量
^ $开头和结尾
{ } [ ] ( )大、中、小 3 组括号
¦ \ /竖线、反(左)斜线、正(右)斜线

- 阅读剩余部分 -

2048.png

非常出名、非常好玩的益智小游戏 2048,简约而不简单,可惜美中不足的是原版并没有存档功能(貌似IOS和安卓 APP版也没有),也就是说,game over 后你只能从头开始。

对于想挑战高分极限的朋友来说,辛辛苦苦打了万儿八千分,一不小心一夜回到解放前,实在令人抓狂。

为了保存“战斗成果”,挑战高分极限,同时出于研究优秀 js 的目的,两年前把此小游戏给改良了,增加了无限存档、读档功能。

改好后扔给同事们玩,大家互相比拼,玩得不亦乐乎。

当年我的最高记录好像是 4 万多分,无人能破。敢不敢挑战一下?^_^

- 阅读剩余部分 -

特点

最大的特点是:丰富的调用参数和各种体贴入微的功能,满足各种项目的变态需求。

具体如下:

  • 支持PC端和手机移动端(采用虚拟页面形式)。
  • PC端支持两种形式:1、仿淘宝弹层形式;2、select 下拉菜单形式。
  • 支持 1-4 级地区联动(国家/省份/城市/县区),可自定义合理的级别范围。
  • 弹层模式时,国家/省份 这两级数据可按名称首拼分组。
  • 支持动态异步数据和单纯使用静态数据两种形式。
  • 支持自定义数据结构 key,方便跟您现有地区数据无缝结合。
  • 支持同一页面实例化 N 个插件。
  • 提供全世界多级地区数据(MySQL),但不保证数据正确性,请谨慎用于生产环境。
  • 支持自定义弹层类名,可以非常方便地定制插件样式。
  • 选择时(popup 的地区被点击时 或 select 下拉框被选择时)的回调,提供了所选择的层级数据(包括:地区名称、id、是否是最后一级),方便给表单隐藏域赋值,以及验证是否已经选到要求的层级等。
  • 弹层关闭时的回调参数同上。
  • select下拉菜单形式可设置为选了上一级才出现下一级的形式。
  • 更多惊喜请慢慢体验...

- 阅读剩余部分 -