如何打造自动化前端项目CLI 工具

在开发过程中,尤其是新开项目的时候,往往需要重新进行各种配置、甚至复制以往的代码,为了解决这种场景,就有了 CLI,想必大家平时都经常使用,比如 Vue 的vue-cli,React 的 create-react-app,这类工具存在的主要目的是:释放双手、加快项目开发进度。 我的场景 本文就将介绍我如何根据我们团队内部的繁琐场景编写 CLI,从而加快项目开发速度。 开发项 ...

在浏览器输入 URL 回车之后发生了什么(超详细版)

这个问题已经是老生常谈了,更是经常被作为面试的压轴题出现,网上也有很多文章,但最近闲的无聊,然后就自己做了一篇笔记,感觉比之前理解更透彻了。 这篇笔记是我这两天看了数十篇文章总结出来的,所以相对全面一点,但由于我是做前端的,所以会比较重点分析浏览器渲染页面那一部分,至于其他部分我会罗列出关键词,感兴趣的可以自行查阅, 注意:本文的步骤是建立在,请求的是一个简单的 HTTP 请求,没 ...

Vue + Element UI + Lumen 实现通用表格功能 - 分页

最近在做一个前后端分离的项目,前端使用 Vue+ Element UI,而后端则使用 Lumen 做接口开发,其中分页是必不可少的一部分,本文就介绍如何基于以上环境做一个简单、可复用的分页功能。 先说后端 后端做的事情不多,只需要接受几个参数,根据参数来获取数据即可。 需要获取的参数如下: pageSize(一页数据的数量) pageIndex(第几页 ...

理解 JavaScript 中的原型

JavaScript 中的原型一直是我很惧怕的一个主题,理由很简单,因为真的不好理解,但它确实是 JavaScript 中很重要的一部分,而且是面试的必考题,就算现在不懂,以后迟早有一天要把它弄懂,不然的话永远都没办法把自己的技术能力往上提高一个层次,所以今天就来讲讲 JavaScript 中的原型。 本文是这系列的第四篇,往期文章: [理解 JavaScript 中的作用域](ht ...

理解 JavaScript 中的 this

理解this是我们要深入理解 JavaScript 中必不可少的一个步骤,同时只有理解了 this,你才能更加清晰地写出与自己预期一致的 JavaScript 代码。 本文是这系列的第三篇,往期文章: 理解 JavaScript 中的作用域 [理解 JavaScript ...