html5 - Angular路由页面的优化问题?
大家讲道理
大家讲道理 2017-04-17 13:13:23
[HTML讨论组]
<!DOCTYPE html>
<html ng-app="myRouteApp">
<head>
    <title></title>
    <script src="jquery-1.11.2.min.js"></script>
    <script src="angular.min.js"></script>
      <script src="angular-route.min.js"></script>
</head>
<body>
    <p>
    <ul>
        <li><a href="#page1">go page 1</a></li>
        <li><a href="#page2">go page 2</a></li>
        <li><a href="#page3">go page 3</a></li>
    </ul>
</p>
<p ng-view></p>
<script type="text/javascript">
    angular.module("myRouteApp", ["ngRoute"])
    .config(['$routeProvider', function ($routeProvider) {
        $routeProvider
            .when("/",      {templateUrl: "page1.php"})
            .when("/page1", {templateUrl: "page1.php"})
            .when("/page2", {templateUrl: "page2.html"})
            .when("/page2", {templateUrl: "page2.html"});
    }]);
</script>
</body>
</html>

页面结构是这样,刚刚载入页面的时候,会默认载入page1,其他页面会被缓存,页面少的时候没问题,但是页面达到了好几十个的时候,页面切换的时候会有点卡顿,是不是缓存太多页面导致的卡顿?请问能否优化呢?

谢谢~

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
PHPz

为了不影响用户体验,可以在页面切换的时候加点“正在加载”动画吧。

怪我咯

关注,我也想知道如何解决这个问题

迷茫

关注关注,我也想知道如何解决这个问题

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号