halapro.liu

其实本来应该写个介绍的，但是我看到其他的文章写得很完善了，所以就来写写我在其中遇到的一些问题就好了。 安装single-spa请看沉末的这篇文章。 为什么要用single-spa呢，是因为公司的项目需要拆项目了，这个时候就需要知道微前端的概念了，那么什么是微前端呢。 由此带来的…

navigator.sendBeacon()方法主要用于满足统计和诊断代码的需要，这些代码通常尝试在卸载（unload）文档之前向web服务器发送数据。

前端发展到今天这个地步，Angular,Vue,React三大框架作为主力，最常见的是SPA的开发模式，辅以路由，从而实现前端的系统机制。Angular有ui-router, Vue有对应的Vue-router，而React则有React-router，实现上无非大同小异，包含…

开头的部分，首先获取到了父组件的vnode节点和执行环节。 接着进行组件的slots（插槽）的初始化.包含匿名slot，具名slot，区别在于，在组件定义中slot是否包含name属性。 当定义slot的标签为template时，则获取它的子节点，进行渲染。 $createEl…

Vue.js作为我们当今前端开发中最常出现的框架之一，其受到了许多前端开发者的喜爱，为了更深入的了解其中的原理，来学习一下其实现机制。 从上述代码中看到，initGlobalAPI(Vue)这句代码就是我们的核心入口了。 代码中首先先定义了一些基本的配置信息，同时不允许后续的修…

vue2.2.0新增的特性，初始化作为HOC高阶组件使用的api，包含一个provide和inject属性，父级组件通过provide注入一个object，子组件不管多少层级，都可以通过inject来获取父组件注入的值。 当new Vue的时候传入了el属性（即vue模板挂载的…

在过去的几年里，我在亚马逊和雅虎面试过许多前端工程师。在这篇文章中，我想分享一些技巧，帮助大家做好准备。 免责声明：本文的目的并不是为你列出在前端面试中可能会被问到的问题，但是可以将其视为知识储备。 面试是一件很难的事情。作为候选人，通常会给你45分钟的时间来让你展示自己的技能…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

OAuth协议，是一种授权协议，不涉及具体的代码，只是表示一种约定的流程和规范。OAuth协议一般用于用户决定是否把自己在某个服务商上面的资源（比如：用户基本资料、照片、视频等）授权给第三方应用访问。此外，OAuth2.0协议是OAuth协议的升级版，现在已经逐渐成为单点登录（…