应该有不少同学有遇到过充斥着if else的代码，面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差。那么是时候重构了，花几分钟看看这篇文章， 说不定对你有一丢丢帮助。 将判断条件作为对象的属性名，将处理逻辑作为对象的属性值，在按钮点击的时候，通…

前期准备·基于Centos7系统云服务器一台。·基于Vue-cli的项目部署在gitlab之上。部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为

前端模块化成为了主流的今天，离不开各种打包工具的贡献。为了避免成为一位“配置工程师”，我们需要来了解一下打包工具的运行原理，只有把核心原理搞明白了，在工具的使用上才能更加得心应手。

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

本人是一位没出实习期的前端小菜鸟一枚，这几个月发现了Google Chrome Devtools的易用性非常高的小功能和小细节 特意分享给大家。欢迎大家收藏+点赞。新人需要鼓励哈哈 1. styles内 悬浮样式名可以高亮符合样式名的所有元素（如图） 这个功能还是比较有用的。适…

我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢？ 别怕～这里有本promisesA+规范，便宜点10元卖给你了。 首先呢，promise肯定是一个类，我…

本文主要探讨第二种方法，在最后会提及文件流的方法。 在介绍方法之前，我们需要知道浏览器的一些安全机制，防止恶意代码对用户的破坏。 现代浏览器（ie8除外）检测到非用户直接操作产生的新窗口，一般会阻止，比如在ajax的回调中打开新的窗口，因为这些操作并不是在用户点击的线程中，所以…

记录一下，自己以后可能用的到。 网上看到的。 有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用!!（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，un…

背景: 一次偶然的机会看到了其它项目组强大的GitLab流水线, 想起自己每天还要手动打镜像做一些重复性工作,瞬间眼红. 这不就是我想要的流水线吗.凑巧项目组决定把代码迁移到公司的机器上, 那就借着这个机会把gitlab弄完整吧. GitLab CI使用YAML （发音 /'j…