fi3ework

「注意：」 本篇文章时MobX和inversify的一个综合,如果朋友没有看过本人的MobX入门篇，请先看一下，这篇文章会用到上篇文章的环境。 为什么要学习inversify呢？因为我们在写项目的时候要时刻考虑项目的稳定性，尽量遵循设计原则，在这里我们要遵循依赖倒置原则，如果有…

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问…

我就写个<a>标签,竟然还有安全风险，吓得我的小手止不住的颤抖，筷子都拿不稳了... 细细读完，小手终于渐渐不再颤抖... 当您的页面链接至使用 target="_blank" 的另一个页面时，新页面将与您的页面在同一个进程上运行。 如果新页面正在执行开销极大的 JavaScr…

本文阿宝哥将从六个方面入手，全方位带你一起探索面向对象编程中 IoC（控制反转）和 DI（依赖注入） 的设计思想。阅读完本文，你将了解以下内容： 了解如何使用 TypeScript 实现一个 IoC 容器，并了解 装饰器、反射 的相关知识。 在介绍什么是 IoC 容器之前，阿宝…

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。以及，它们应该可以在共享组件的同时进行并行开发——这些组件可以通过 NP…

CI/CD 是 Gitlab 提供的一整套持续集成、持续交付解决方案。 近期在抽空把团队工程化这块做好，CI/CD只是其中的九牛一毛。在运维文开同学协助配合下，以公司某项目前端工程做试验，实现了 CI 的过程，本质上CD也是支持了的，主要是看CD这个过程怎么做更好。自动触发了构…

就目前的时间点来说（2018年），Web业务日益复杂化和多元化，多年以前在职业的细分领域中，主要还是以网页重构为主，也就是利用 HTML， CSS 将网页的布局结构以及整体视觉色彩实现出来，高级一点的可能会说，网页支持移动端的适配（媒体查询），在那个年代能把Flex写的很滑溜，…