vue、vuex优化首页加载速度之引入cdn同时防止cdn挂掉

2020-01-13 21:19:07

参考地址 vue、vuex优化首页加载速度之引入cdn

第三方的插件，一时用着一时爽，一直用着，一直爽，但是打包之后，加载速度很慢，有时候首页加载需要四五秒，怎么办呢？除了路由按需加载之外，还有如下方法：

在index.html里面


如图，引入vue，vue-router，vuex，mint-ui，百度地图等cdn。

该安装的还是安装，防止第三方cdn挂掉，影响自己的项目运行。那么：


main.js里面，其他方法里面

const Vue = require(‘vue’);


项目重新打包，部署完成，你会发现，打开首页速度飞起来了。


  • 精彩推荐

  • 2018-10-30 00:16:41

    android ToolBar 设置颜色

    app:popupTheme——有时候我们有需求：ActionBar文字是白的，ActionBar Overflow弹出的是白底黑字让ActionBar文字是白的，那么对应的theme肯定是Dark。可是让ActionBar弹出的是白底黑字，那么需要Light主题。这时候popupTheme就派上用场了。android:theme 与app:theme——在AppCompat v21里，提供了一个快速方便的方法设置Toolbar的主题，使用app:theme。而新版本22.1.x中，AppCompat 允许对 Toolbar 使用 android:theme代替 app:theme。最好的一点是：它会自动继承父视图的theme ，并且兼容所有APIv11以上的设备。

  • 2018-11-01 22:08:19

    Android Toolbar左、中、右对齐

    默认的Android Toolbar中添加子元素view是从左到右依次添加。需要注意的是，Android Toolbar为自身的NavigationIcon（app:navigationIcon）最靠右，Logo（app:logo）紧接NavigationIcon、Title（app:title）接续Logo、保留了默认的位置（从左边到右）。这些Android Toolbar保留的系统设置字段将挤压开发者自己安放在Toolbar中的子view，如图所示：

  • 2018-11-06 06:42:59

    XUtils3框架数据库的基本使用方法

    今天给大家带来数据库模块的讲解，现在主流的ORM框架很多，比如OrmLite,GreenDao,Active Android,Realm等等，这些框架每个都有自己的优点和缺点，大家完全可以根据自己项目的实际需求进行选择，下面开始进入今天的数据库模块的介绍。