在前一篇文章中，基础 webpack 环境已经搭建起来了，可以愉快地在上面写代码了。 但还不够，以上配置只是一个最基础的配置。我们还想要做一些优化方面的配置。优化有两个方面： 接下来，就来看看对应的配置是怎样的吧。（文末会有对应配置的完整代码文件） 在调试过程中，为了体验更好，…

想必大家都用一些前端框架中诸如MessaBox或者Toast的组件，此类组件往往不需要我们显式的在使用组件的位置编写布局代码就能展示全局的弹框类组件。 你有没有好奇这个效果是怎么实现的呢，接下来我们就来实现一下类似的Loading加载中效果。 将div标签添加到body中。 L…

模式为常见问题提供了行之有效的解决方案：模式提供了解决特定问题的优化模板； 模式旨在重用：它们具备通用性，适合于各种问题。 而针对于 JavaScript，则有更为特殊的设计模式。

不同的团队可能有不同的方法去解决这些问题。在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。 那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸（Monolith）的前端工程拆分成一个一个的小工程。别小看这些小工程，它…

据我了解，大多数公司里面的前端团队的状态，发展的并不好，在团队中，可能属于一个页面开发者的角色。 与此同时，衍生了一些不得不关注的问题，比如前端团队如何具有更高的价值，团队成员如何在整个团队中获得成长，甚至于对团队个人而言，如何突破个人发展的职业瓶颈。 在一些大公司，好的前端团…

距离第一篇UI组件库文章发布已经过去3个月了，在此期间利用零零散散的时间持续更新owl-ui组件库，目前owl-ui移动端组件库已经更新3大类（基础、表单、弹出层）9种组件（Button、Tabs、Input、Select、Switch、Drawer、Dialog、Picker…

由于业务需要，近期团队要搞一套自己的UI组件库，框架方面还是Vue。而业界已经有比较成熟的一些UI库了，比如ElementUI、AntDesign、Vant等。 结合框架Vue，我们选择在ElementUI基础上进行改造。但造轮子绝非易事，首先需要先去了解它整个但构建流程、目录…

写这篇文章的背景是因为之前遇到的，在跨域的情况下通过 axios 发起的 get 请求正常，post 请求会在正式请求发送之前先发送一个 opstions 请求，而后端接口没有兼容 options，导致 404 的情况。 而在解决这个问题时带着好奇心顺带查了一下，给自己补充了些…

目前开发大型应用，测试是一个非常重要的环节，但是大多数前端开发者对测试相关的知识是比较缺乏的。因为可能项目开发周期短根本没有机会写，所以你没有办法体会到前端自动化测试的重要性。 白盒测试是基于代码本身的测试，一般指对代码逻辑结构的测试。 单元测试是指对程序中最小可测试单元进行的…