liubangbo的专栏

通常情况下通过vue cli创建的项目，webpack打包的时候会把vue, vuex, vue-router, axios等常用库打包进去，这无疑会使打包后的体积变大。有没有办法不把这些依赖的库文件打包进去？ 我们可以厉害webpack 的配置项externals 来进行配置，不让把这些库文件打包进去，而是采用cdn方式来加载这些库文件。先看一下这些库文件打包后的bundle文件大小：1）vue create xxx 用vue cli 新建一个Vue 工程项目2）建完后，...

今天和后端调试，从Chrome的调试面板看，是后端返回的数据为空，后端那哥们一口咬定不是自己的问题，让用postman调试看看接口是否有问题。怎奈没用过postman。没办法下载一个试试，彻底让后端死心。postman用起来很简单。1. 填上要请求的URL，并选择是那种请求(Get, Post)2. 一般要在header里面填上token，对应的是Chrome调试面板里面的 authorization：xxxxxxx 一大串字符3. 如果是post请求要在body里面填上参数，...

文章转自：https://zhuanlan.zhihu.com/p/55311726从上面的视频我们可以看到，当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，这也就是懒加载。欢迎关注微信公众号：资料分享大师其它参考文章：天之蓝源：三分钟在GitHub上搭建个人博客​zhuanlan.zhihu.com天之蓝源：零基础Hexo+Github搭建静态个人博客​zh...

文章来自：https://www.jianshu.com/p/41c36d8b25cbChrome DevTools的强大功能相比大家都不陌生，作为一名web 开发者，console network等应该都是天天要打交道的。不过今天要介绍一个稍微偏门一点儿的：Audits（审计）。这个功能其实一直存在，只不过在chrome 60之后，发生了翻天覆地的变化：引入了Google开源的另外一个项目：...

文章转自：https://www.cnblogs.com/constantince/p/4585983.html卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板，其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分，对于一般的网站项目来说，其实就是需要这几个面板功能就可以了（再加上console面板这个万精油）。它们的作用大多数情...