hfhan 收藏了文章 · 4月9日

前端监控和前端埋点方案设计

{   
    ----------------上报接口本身提供--------------------
    currentUrl,  
    fromUrl,
    timestamp,
    userAgent:{
       os,
       netWord,
    }
    ----------------业务代码配置和自定义上报数据------------
    type,
    appid,
    element,
    data:{
        uid,
        uname
    }
}

<script type="text/javascript">
  var start=Date.now();
  document.addEventListener('DOMContentLoaded', function() {
     fetch('some api',{
         type:'dom complete',
         data:{
           domCompletedTime:Date.now()-start
         }
     })
  });
  window.addEventListener('load', function() {
     fetch('some api',{
         type:'load complete',
         data:{
           LoadCompletedTime:Date.now()-start
         }
     })
  });
</script>

const str="123445";//需要加密的字段
const hash=crypto.createHash('sha256');//指定加密算法
hash.update(str); //通过算法加密相应的字段
const result=hash.digest('hex');//转化成十六进制

hfhan 赞了文章 · 4月9日

前端监控和前端埋点方案设计

{   
    ----------------上报接口本身提供--------------------
    currentUrl,  
    fromUrl,
    timestamp,
    userAgent:{
       os,
       netWord,
    }
    ----------------业务代码配置和自定义上报数据------------
    type,
    appid,
    element,
    data:{
        uid,
        uname
    }
}

<script type="text/javascript">
  var start=Date.now();
  document.addEventListener('DOMContentLoaded', function() {
     fetch('some api',{
         type:'dom complete',
         data:{
           domCompletedTime:Date.now()-start
         }
     })
  });
  window.addEventListener('load', function() {
     fetch('some api',{
         type:'load complete',
         data:{
           LoadCompletedTime:Date.now()-start
         }
     })
  });
</script>

const str="123445";//需要加密的字段
const hash=crypto.createHash('sha256');//指定加密算法
hash.update(str); //通过算法加密相应的字段
const result=hash.digest('hex');//转化成十六进制

赞 140 收藏 106 评论 6

hfhan 回答了问题 · 4月9日

react中合成事件如何拦截原生事件

了解下event.stopPropagation()，阻止冒泡

关注 2 回答 1

hfhan 回答了问题 · 4月7日

关于$.ajax()和$.html()的问题？

使用find来查找元素，$parent.find('#div_data_httplog')，$parent可以是模块的顶层元素

关注 2 回答 2

hfhan 回答了问题 · 4月6日

解决es6根据数组对象里的指定字段累加并去重

arr.reduce((list, item)=>{
    if(res.has(item.typeId)){
        res.get(item.typeId).num += item.num
    }else{
        let o = {...item}
        list.push(o)
        res.set(item.typeId, o)
    }
    
    return list
}, []);

{代码...}

关注 6 回答 6

hfhan 回答了问题 · 4月2日

解决请问下面的打印结果为什么会这样

词法环境在代码写完后其实就确定了，和this不一样，setFn中返回的函数中调用的x是setFn中的，而不是外部的x。每次setFn调用都会产品一个新的x，所以f1和f2中使用的x不是同一个

关注 3 回答 3

hfhan 回答了问题 · 4月2日

解决如何让正则表达式匹配多处替换不同的值

js的实现方式，php可以使用preg_replace_callback

关注 3 回答 3

hfhan 回答了问题 · 3月31日

怎么理解这段js 代码

历史遗留问题，在以前，一个变量没有经过声明就是用，会自动把这个变量声明为全局变量。现在是不推荐这么写了，现在有严格模式，在严格模式下会出错

关注 4 回答 4

hfhan 回答了问题 · 3月31日

如何校验数值是否是数字，并用逗号隔开

/^(\-?\d+(\.\d+)?),(\-?\d+(\.\d+)?)$/.test('-123.2,45')

关注 1 回答 1

hfhan 回答了问题 · 3月30日

解决JavaScript return函数中的this指向问题

obj.fn()()和obj.fn()是不一样的，obj.fn()可以理解为obj调用它的fn函数，此时fn的调用者是obj，所以fn里的this指向obj，那么obj.fn()()呢，这是obj.fn()先返回一个函数，然后这个函数再调用，此时这个函数相当于是无主的，里面的this在非严格模式下指向window，严格...

关注 2 回答 2