FransLee

最近几个月我已经全面抛弃 JavaScript，完全使用 TypeScript 进行前端开发（只在上课的时候用到 JS）。 bug 显著减少，之前会遇到的 xxx 为空的问题几乎不会出现了，类型相关 bug 直线减少。 应用更可控，当你需要约束某些代码的时候，用类型就能很简单地…

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

文章放在库存好久了。。。 React16.6于2018年10月份发布，该版本带来了许多新的特性同时赋予给React更强大的功能。其中最为显著的两个特性是 React.Suspense和 React.lazy。这两个特性，将React的代码分割和懒加载带到了一个新的高度。使用这两…

其实Vue官方从2.6.X版本开始就部分使用Ts重写了。 我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。 1. 使用官方脚手架构建 新的Vue CLI工具允许开发者 使用 TypeScript 集成环境 创建新项目。 只需运行vue create my-…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

通过阅读源码看一下vue是如何将Vue.config.errorHandler接口暴露给使用者。 快狗打车前端团队专注前端技术分享，定期推送高质量文章，欢迎关注点赞。

vnode已经完成了，那么接下来就还有数据变更后的 diff 算法 和 diff 算法计算出的变更内容 patch。 网上很多人说虚拟动效率高，性能好。 1、什么虚拟dom经过diff算法实现了dom的最小变化，局部刷新（这句话每错），但是和性能没关系，你手动去操作dom，看看…

在这里不过多阐述，我也是跟着阮一峰大佬的《es6入门》来学习的，es6新增了很多的方法、属性，让我们在编码中得到了很高的提升，在这里只对array这块进行阐述，其他的就过不多介绍了。 是不是及其简单！其中 new Set()会把重复的数据过滤到，得到一个类数组的对象，Array…

虽然提到了中间人攻击，但这不是一篇安全类文章，要通过中间人修改https内容，必须客户端信任中间人提供的证书。 我做这么一个工作，最原始的需求，是为了解决公司内网环境下 npm 包安装的问题，简单点讲，就是切换仓库和依赖镜像源。常用的 cnpm 也提供镜像功能，也能解决包依赖的…