tommy的前端博客


  • 主页

  • 标签

  • 分类

  • 归档

JavaScript 闭包

发表于 2019-08-07 | 分类于 theory
1 使用场景  自己写demo的时候碰到一个问题,我在使用document.addEventListener()的时候,添加的callback必须要传入几个参数。这个问题不大,我可以用闭包的形式这样写 1234567const listener = (arg1,arg2) =&g ...
阅读全文 »

Redux Thunk以及简易middleware构建

发表于 2019-06-30 | 分类于 Development
  咱之前有记录过关于redux的东西。然而就算加上了redux,react依然不能作为一个完整框架使用(其实人家本就只算是个lib…)是残缺的(对于这点我只能说,还是angular方便- -)。非常需要解决的有两点。  1、SPA得要有前端路由..。&ems ...
阅读全文 »

react jest 单元测试踩坑记录

发表于 2019-06-10 | 分类于 React Test
  首先呢,咱这里要求测试覆盖率要有90以上,UI也要测。原本用的mocha测试框架,然后由于有大量的UI需要测试,导致了测试代码比原本的代码还要多(太尼玛真实了..)。然后就换了框架,用jest…还真别说,jest的snapshot是真滴好使,只要mapToSnapShot一个 ...
阅读全文 »

聊天框效果

发表于 2019-05-06 | 分类于 Development
1:需求  原需求是要做个聊天框效果,但是聊天框是从下到上的..原本一般的从上到下聊天框就很简单,我只要把动画效果封装到组件里面,然后延迟给数组添加数据就可以了,类似如下这样  但是需求咋可能这么简单呢….我最终需要的效果长这样….不仅如此,这个聊天框组件距离 ...
阅读全文 »

Promise Async

发表于 2019-04-29 | 分类于 theory
  首先声明想要记录这个东西上下文。在之前只用过fetch和ajax,就是网络请求的时候一般都是fetch().then().catch()这样的promise链式调用,然而项目里面看见的api接口访问长这样 123456789apiCaller(){ fetch( ...
阅读全文 »

React基础优化

发表于 2019-04-29 | 分类于 theory
  首先声明写这篇文章的上下文:其实就是项目中碰到了很好奇…. list和key  React的初学者一开始一定会有一个疑问:我在jsx里面用了循环列出来的标签为什么就一定要我加个key的属性呢,这玩意儿有啥用呢…….我也碰到了,也很好奇,于是跑到reac ...
阅读全文 »

Jsx Virtual Dom

发表于 2019-04-28 | 分类于 theory
  换了项目组,用react做东西也有段时间了,是时候记录一下学习使用中的遇到的一些问题。 jsx  首先,最开始使用react就有的疑惑,render()函数里面return的很像html又不是html的东西是啥?react官网上面告诉我们这东西叫做jsx, ...
阅读全文 »

Es6 Class

发表于 2019-04-24 | 分类于 theory
  用jest写react的测试的时候有出现一个问题,就是组件中有用到anime.js来制作动画(为啥不用CSSTransition,因为这玩意貌似满足不了需求,也可能是我太菜了..),结果在jest执行到anime.js的某个方法后卡住(现在想想其实是一直不输出code cov ...
阅读全文 »
123

Tommy xia

28 日志
5 分类
21 标签
GitHub
© 2024 Tommy xia
由 Hexo 强力驱动
|
主题 — NexT.Mist v5.1.4