随笔分类 -  react

摘要:先直接上核心代码如下: 在火狐浏览器,360浏览器,初次加载,bug长这样: 如果你想通过生命周期componentDidMounted等生命周期进行置空操作都是不行的,这可能是浏览器自带的特性记住密码在组件生命周期后才进行密码回显,这样的实现原理把要回显的密码用一个无用input接收,达到目的! 阅读全文
posted @ 2019-04-09 11:31 小前端Mr_陈 阅读(1136) 评论(0) 推荐(0)
摘要:图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些处理展示即可,先直接上核心代码图: 这里就是简单得对axios的一些默认项属性重写:最后你只需要将resolve的内容插入页面的<img src="resolve(data:img/png;base64,&{base64})">即可, 阅读全文
posted @ 2019-03-24 12:00 小前端Mr_陈 阅读(2009) 评论(1) 推荐(0)
摘要:昨天出去溜了一圈,被问到几个问题回来整理了一下,当被特意问到一看感觉就会的问题,千万要不要急于回答,先想想,因为这往往是一个被忽略的坑(例如class解析顺序)!!! 1.写出虚拟dom和真实dom之间的转换方法解答如下: 更多详细请前往:https://github.com/boomler/vir 阅读全文
posted @ 2019-03-15 10:05 小前端Mr_陈 阅读(600) 评论(1) 推荐(0)
摘要:在 React 组件中,每个方法的上下文都会指向该组件的实例,即自动绑定 this 为当前组件。 而且 React 还会对这种引用进行缓存,以达到 CPU 和内存的优化。在使用 ES6 classes 或者纯 函数时,这种自动绑定就不复存在了,我们需要手动实现 this 的绑定。 1.bind方法进 阅读全文
posted @ 2019-03-12 16:38 小前端Mr_陈 阅读(16281) 评论(0) 推荐(0)
摘要:先直接上核心代码: this.goToHomePage换成自己逻辑 this.goToHomePage换成自己逻辑 自己写的时候直接把this.goToHmoPage()换成自己的逻辑就行了,还有注意一点的是: 需要传个空函数,不然会报错 需要传个空函数,不然会报错 在componentWillMo 阅读全文
posted @ 2019-03-12 16:36 小前端Mr_陈 阅读(3711) 评论(0) 推荐(0)