摘要: 数据埋点其实就是对系统的某些操作行为进行记录,当触发行为时候对后端发起请求,让后端进行统计其实就是一次埋点过程。接下来就是对:新建,编辑,删除。。。。一系列行为进行监听。 实现方案:1. 1.在需要埋点的按钮节点加上data-track属性,然后入口文件main.js通过事件冒泡机制使用docume 阅读全文
posted @ 2019-09-04 14:46 小前端Mr_陈 阅读(5322) 评论(1) 推荐(0) 编辑
摘要: 节流的应用场景频繁会在input实时搜索展示相应内容,所以为了避免无线向后端发送请求以下是核心代码: 对这个input进行节流看下图 你只需要将this.refreshAll()换成自己要执行的逻辑即可 对于获取监听input的值得话在可以有两种比较合适的方式:1.通过input上添加input事件 阅读全文
posted @ 2019-05-15 14:45 小前端Mr_陈 阅读(6205) 评论(0) 推荐(0) 编辑
摘要: 先直接上核心代码如下: 在火狐浏览器,360浏览器,初次加载,bug长这样: 如果你想通过生命周期componentDidMounted等生命周期进行置空操作都是不行的,这可能是浏览器自带的特性记住密码在组件生命周期后才进行密码回显,这样的实现原理把要回显的密码用一个无用input接收,达到目的! 阅读全文
posted @ 2019-04-09 11:31 小前端Mr_陈 阅读(1098) 评论(0) 推荐(0) 编辑
摘要: 图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些处理展示即可,先直接上核心代码图: 这里就是简单得对axios的一些默认项属性重写:最后你只需要将resolve的内容插入页面的<img src="resolve(data:img/png;base64,&{base64})">即可, 阅读全文
posted @ 2019-03-24 12:00 小前端Mr_陈 阅读(1966) 评论(1) 推荐(0) 编辑
摘要: 昨天出去溜了一圈,被问到几个问题回来整理了一下,当被特意问到一看感觉就会的问题,千万要不要急于回答,先想想,因为这往往是一个被忽略的坑(例如class解析顺序)!!! 1.写出虚拟dom和真实dom之间的转换方法解答如下: 更多详细请前往:https://github.com/boomler/vir 阅读全文
posted @ 2019-03-15 10:05 小前端Mr_陈 阅读(590) 评论(1) 推荐(0) 编辑
摘要: 在 React 组件中,每个方法的上下文都会指向该组件的实例,即自动绑定 this 为当前组件。 而且 React 还会对这种引用进行缓存,以达到 CPU 和内存的优化。在使用 ES6 classes 或者纯 函数时,这种自动绑定就不复存在了,我们需要手动实现 this 的绑定。 1.bind方法进 阅读全文
posted @ 2019-03-12 16:38 小前端Mr_陈 阅读(16082) 评论(0) 推荐(0) 编辑
摘要: 先直接上核心代码: this.goToHomePage换成自己逻辑 this.goToHomePage换成自己逻辑 自己写的时候直接把this.goToHmoPage()换成自己的逻辑就行了,还有注意一点的是: 需要传个空函数,不然会报错 需要传个空函数,不然会报错 在componentWillMo 阅读全文
posted @ 2019-03-12 16:36 小前端Mr_陈 阅读(3636) 评论(0) 推荐(0) 编辑