前言TypeScript 的官方文档早已更新，但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。本篇整理自 TypeScript Handbook 中 「Typeof Type Operator」 章节。本文并不严格按照原文翻译，对部分内容也做了解释补充...

解答：因为我配置的路由钩子（router.beforeEach）有问题，导致路由死循环。路由中的redirect和路有钩子中没有登录的时候自动跳转到登录界面冲突导致死循环，修改一些redirect和路由钩子拦截跳转的规则。

用户项目上线进行压测时，CPU 100% 时单进程 QPS 在 100 上下浮动，想进行一些进一步的优化。经过接入 Node.js 性能平台 后，在压测试做 CPU Profile 观察系统 CPU 耗费在什么地方：

答案肯定是不容易，当你去做这件事的时候，会发现它其实是一套体系。从开发、编译、测试，到最后发布，每一个流程都需要大量的知识积累。但是当你真正完成了一个组件库的搭建后，会发现收获的也许比想象中更多。

React 是一个 Facebook 开源的，用于构建用户界面的 JavaScript 库。React 目的在于解决：构建随着时间数据不断变化的大规模应用程序。其中 React 合成事件是较为重要的知识点，阅读完本文，你将收获：合成事件的概念和作用；合成事件与原生事件的 3 个区别；合成事...

id需要唯一，但是最好不变动，否则失去了设置id的意义，你用random生成会有一个问题，老的dom树和新dom树中节点对应的id是不一样的，这样设置id提高性能的意义就不存在了，而且会出现一些其他异常

在这里，我们注意到，它首先是用了一个TO_OBJECT来把数组转为了对象，然后用了一个for循环在对象中查找下标，也就是这一句话：if (i in array)，而当我们用new Array(4)来创建数组时，实际创建的只是一个指针，并没有创建实体的4个元素，所以当它被转化为对象时，得...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。

写在开头： 由于项目全面技术转型，项目里会大量启用到hooks，于是有了这次写作 作为一个class组件的重度爱好者，被迫走向了hooks，阅读hook的源码（惨） 原创：从零实现一个简单版React （附源码） 如何优化你的超大型React应用 【原创精读】 这些都是我之前的文章 ...

下班过目遇到一个错误 {代码...} 根据错误提示说明，和搜索之后得出结论：是项目引入的vue编译版本不对 解决方案1 build/webpack.base.conf.js 并设置vue的alias别名，如下： {代码...} 解决方案2 打开src/main.js修改Vue对象初始化。 {代码...} 改为 {代码...} 原因...

公司现在在移动端使用webuploader实现图片上传，但最近需求太奇葩了，插件无法满足我们的PM经过商讨决定下掉这个插件，使用H5原生的API实现图片上传。

在昨天的一个移动端项目中引入fastclick后手动触发click事件失败，查看了文档也没有找到解决的办法，最后通过看fastclick源码才解决。如果不想看中间这么多文字，可以直接翻到最后看结论。

注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！ this.$router 和this.$route有何区别？在控制台打印两者可以很明显的看出两者的一些区别：

最近在使用vue-router的beforeEach钩子时候遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题代码如下：

第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用添加前缀（webit/moz）的方法。这...

所以理论上来说生成的图表应该和你的 DIV 一样大，但是有一种情况除外……就是在生成图表的时候，你的 DIV 还不是现在这么大，而是比较小的，可能是之后你通过代码使其变大的。

之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。 首先，阅读 w3c 对两者的定义：

某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱...

移动互联网的快速发展，尤其是4G时代已经来临，加上微软在Windows 10中搭载了新的浏览器Edge取代了IE的地位，所以现在很多网站都开始抛弃IE朝着HTML5发展，PC端在不同浏览器之间的兼容性问题越来越少，在移动终端上用的甚是广泛，HTML5已成为浏览器标记语言的霸主，...