通过闪烁标题来实现web消息通知的小demo

关注

原创最新推荐文章于 2026-08-17 12:49:51 发布 1k 阅读 AI 写同款· GEO 优化 ›

Julia Web开发实战：从PlutoSliderServer到生产级WebSocket部署 Web应用开发正从通用型架构向计算敏感型场景深度演进。当交互核心是实时数值计算（如微分方程求解、蒙特卡洛模拟）而非CRUD操作时，传统HTTP请求-响应模型便成为性能瓶颈。Julia凭借JIT编译与零成本抽象，在低延迟计算响应上具备原生优势，使‘交互即计算’成为可能。其Web技术栈呈现三层演进：PlutoSliderServer实现笔记本式零配置交互，HTMX+HTTP.jl提供无JS的HTML优先动态更新，WebSockets则支撑全双工实时流。然而，生产落地常因反向代理超时、WebSocket降级（fa 阅读详情

一段js代码模拟实现web消息推送的功能，通过闪烁文档的标题来实现，代码如下：

var titleInit = document.title, isShine = true;
    setInterval(function() {
        var title = document.title;
        if (isShine == true) {
            if (/新/.test(title) == false) {
                document.title = '【你有新消息】';    
            } else {
                document.title = '【　　　　　】';
            }
        } else {
            document.title = titleInit;
        }
    }, 500);

    window.onfocus = function() {
        isShine = false;
    };
    window.onblur = function() {
        isShine = true;
    };

    // for IE
    document.onfocusin = function() {
        isShine = false;
    };
    document.onfocusout = function() {
        isShine = true;
    };