Code Monkey home page Code Monkey logo

alogs's Introduction

alogs

=======

Build Status NPM version

概述

alogs 是一个可以并行多个统计模块的框架

使用

安装

$npm install alogs

或者

$bower install alogs

引用

<script>
void function(e,t,n,a,o,i,m){
  e.alogObjectName=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=e[o].l||+new Date,i=t.createElement(n),i.asyn=1,i.src=a,m=t.getElementsByTagName(n)[0],m.parentNode.insertBefore(i,m);
}(window,document,"script","../../alog.min.js","alog");
</script>

背景

我们会使用或开发各种不同的统计模块对产品的使用情况进行收集,以便衡量产品的健康状况和对产品发展方向进行决策

  • 随着前端交互越来越丰富,统计要分析的维度也越来越多样
  • 经常一个页面中就会并行着多个统计模块:有性能相关的、有点击相关的、有业务相关的
  • alogs 使用一些少量简单的 API 将这些复杂的统计模块统一组织起来

解决什么问题?

  • 减少统计模块加载对产品的影响

alogs 使用异步方式加载统计模块,不堵塞页面正常资源加载; 另外值得一提的是,alogs 的模块文件不依赖加载顺序、兼容同步和异步加载。

  • 并行多个统计模块

alogs 适合什么应用场景?

  • 简单统计

直接这页面中调用

  • 复杂统计

定义和业务紧密相关的复杂模块

代理统计

接入第三方统计模块

alogs's People

Contributors

johnyy avatar kevindu1993 avatar zhangjunah avatar zswang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

alogs's Issues

关于一段代码的疑问?

先说声不好意思,在issue里提这样的问题
源码

var name = 'img_' + (+new Date());
        entry[name] = image;
        image.onload = image.onerror = function () {
            entry[name] =
                image =
                image.onload =
                image.onerror = null;
            delete entry[name];
        };

为什么要将 image 挂在entry对象上?然后是这个函数执行完后image不就销毁了吗?为什么还要通过监听onload和onerror来销毁?

start方法在哪儿定义的?

文档中有描述:
moduleTracker.start(fields) 同步方法(Sync)
alog('module.start', fields) 异步方法(Async)

这里面的start 是Tracker的方法吗?alogs.js的代码里没有发现?

请教个apply使用问题

    entry.p = entry.q = { // 接管之前的定义
        push: function (args) {
            entry.apply(entry, args);
        }
    };
    // 开始处理缓存命令
    for (var i = 0; i < items.length; i++) {
        entry.apply(entry, items[i]);
    }

上面的代码中entry.apply(entry, args);不是等同于entry(args);吗?为什么要通过apply方法调用呢

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.