padding0

这是因为react组件没有大写导致的。为什么react组件首字母要大写？ 首先我们要知道jsx到js的转换。 这里用到了react的createElement方法。 这里我们主要看第一个参数string/ReactClass type。我们具体看一下在什么情况下会用到strin…

在上一篇分享中，我们已经成功的把TypeScript接入vue项目中，接下来我们会把vue-router作为项目中的首选改造点。 目前vue-router路由配置有上千行代码。 1. 首先就是把配置和逻辑进行分离 虽然控制台报错了，但是页面还是能很流畅的运行起来，并不影响。 这…

这是一个简单的需求，衍生的思考。 昨天QA提了一个富文本优化的需求，当插入视频和音频时，如果用户同时点击了视频、音频，那么其他的视频或者音频应该停止播放，只有最后一个点击的才会是播放状态。 三步搞定。 好了，现在揭露，如果在clickFun事件中，打印下console.log(…

现在2019年了，TypeScript越来越火，因为更多的人认识到了TypeScript的好处，一直写一直爽。 这些理由，应该有很多人会反对，大家都认为用js写项目，一样也可以实现上述理由，其他人做不到那是写的人不行，这个认知，我大部分也赞成，但是我们需要考虑现状。 一个人要保…

前两章说了sentry的基本用法和设置，这章继续用来说明sentry的一些高级应用。 以上代码就是定制错误信息了。如果你的项目比较简单，甚至都不需要写Sentry.captureException，只需要简单的init sentry，它就可以自动捕捉错误了。 请继续往下看。 这…

上一章，介绍了，为啥前端需要线上bug追踪系统，以及简单的在sentry注册了一个账号，做了一个小demo，演示了初步的流程。 这章继续接上一章，如何解决前两个疼点。 刷新浏览器，再次进入sentry后 可以看到【版本】这个按钮里面有了【指定的】版本号。 现在每次线上报的bug…

现在的前端项目，如果一旦发布上线，代码一般都会进行混淆、压缩甚至加密，如果线上没有bug跟踪系统，客户端一旦报错，前端就无法及时感知，这个时候就需要使用人员上报，一层层上报到技术这边，技术如果要调试或者获得更具体的信息，就没有办法了，大部分情况下只有一张图片，但光靠一张图片，要…

1. 前言 以前下载一个文件，一般就是通过后端提供接口，或者通过window.open来下载，但是随着需求的发展，文件会动态生成或者文件会存放在一个专门的静态服务器上面，这个时候就需要前端直接下载了，通过window.open这种方式已经不能满足了，因为它只是打开一个新的页面，…

一早来到公司，同事说Jenkins一直报错，无法编译，让我看看怎么回事。 一开始还以为是，我把TypeScript分支不小心合并到了发布分支上面，最近在研究vue和TypeScript结合，起了一个分支来搞这个事情。 但是看了下git记录，并没有记录，我还特意看了下yarn.l…