写路由页面时常遇问题

首先,我分享的是今天自己作业面时遇到的种种bug

来跟大家分享是想下次你们遇到同样的问题可以不用再浪费时间。

1、下面的代码是路由页面引入的js文件:

      <!--引入ng-view-->
            <div ng-view></div>
            <!--引入angular.js-->
            <script src="../js/libs/angular.js"></script>
            <!--引入路由-->
            <script src="../js/libs/angular-route.min.js"></script>
            <!--引入搭建好的路由和json传数据的js-->
            <script src="../js/app.js"></script>
            <script src="../js/lunbo.js"></script>
            <script src="../js/libs/swiper.js"></script>
            <script src="../js/libs/jquery-3.2.0.min.js"></script>

这里要说一下,今天把angular.js放在了swiper.js上面,结果就出现了问题。我想表达的是,js文件引入的时候顺序很重要!!!

2、今天really尴尬的遇到了一个特别不细心的问题,害的我用了一下午加吃饭的时间解决,向你们介绍一个非常好用的软件,如果你实在找不到自己的错误在哪里,就用这个Beyond Compare 4

具体用法自己琢磨吧

时间: 2024-10-08 20:51:01

写路由页面时常遇问题的相关文章

关于angularjs中路由页面强制更新的问题

有这么一个问题,在页面内路由页面跳转时,第一次跳入路由页面时是正常的,但是第二次会记住第一次时的状态,有时候并不想这样,想强制更新这个路由页面. 有一种方式就是使用 ui-sref-opts功能,我试了,结果不好使,不知道是哪里出的问题: <a class="item" ui-sref="page1({id:1})" ui-sref-opts="{reload:true, notify: true}"> 链接1</a> 在

吐槽-----写页面时的工作笔记

最近一直在写页面我会告诉你?作为css高级菜鸟我就不吹嘘怎么写css的,bootstrap的规范非常好.在这里记录几点需要注意的事项 1.关于设计给我的图纸,只有一张PSD,像素不准,间距不统一,让我真没有办法,怒而下载神器MarkMan自己mark.我只想说我是程序猿,不是设计狮,你还能再不认真点吗?设计的不严谨,让很多程序员只能目测距离,很蛋痛.倒是有很多小工具可以测量,取色,比如FSC.不过没有MrakMan神奇,请看下图 顿时很轻松有木有 另外关于设计师吐槽程序员无法100%还原设计稿的

vue监听路由的变化,跳转到同一个页面时,Url改变但视图未重新加载问题

引入:https://q.cnblogs.com/q/88214/ 解决方法: 添加路由监听,路由改变时执行监听方法 methods:{ fetchData(){ console.log('路由发送变化doing...'); } }, created() { var self = this; self.fetchData(); }, watch:{ '$route':'fetchData' }, 原文地址:https://www.cnblogs.com/ilimengyang/p/9197797

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

在搭建 vue 项目时,有某些组件没必要多次渲染,所以需要将组件在内存中进行'持久化',此时 <keep-alive> 便可以派上用场了. <keep-alive> 可以使被包含的组件状态维持不变,即便是组件切换了,其内的状态依旧维持在内存之中.在下一次显示时,也不会重现渲染. PS:<keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远在 this.$p

使用Sublime编写HTML页面时发现,虽然已经设置好了UTF-8的编码格式,但却发现HTML页面的汉字仍然是乱码。

相信有些同学在使用Sublime编写HTML页面时发现,虽然已经设置好了UTF-8的编码格式,但却发现HTML页面的汉字仍然是乱码吧.我今天就遇到了这样的问题. 第一步:重新设置一下你的meta,设置方法:菜单——>以···编码保存——>utf-8. 第二步:如果仍然有乱码出现,小伙伴,你得检查一下你写的css代码里是否有错误了,尤其是有不容易发现错误的符号的,比如:""  ,  ;   ()这四个符号.检查一下是否是英语的,乱码的出现跟这些符号被用错有关. 第三:还有一个

运行page页面时的事件执行顺序

运行page页面时的事件执行顺序 using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControl

关闭open页面时刷新父页面列表

var winObjEI = window.open("/Invoice/InvoiceViewEI?invoiceid=" + data.InvoiceId); var isClose = 1; //关闭open页面时刷新父页面列表 var loop = setInterval(function () { if (winObjEI.closed && isClose == 1) { isClose--; //这里写刷新代码 } }, 1000); isClose字段保

vue切换路由页面内容没有重载

项目中遇到这样一个问题: 在一个地方填了一个申请的表单,需要在另一个页面的列表上显示出来这条申请的数据,但是由于vue的缓存,在切换路由时列表上并没有及时更新数据,解决方法如下: vue路由切换时页面内容没有重新加载 把mounted()改成activated()就行了.(activated用于初始化页面数据等) 原文地址:https://www.cnblogs.com/knuzy/p/9783535.html

JS返回页面时自动回滚到历史浏览位置

在网上查阅资料时,看到的方案有很多,众说纷纭,但真正给出可行可用代码的寥寥无几,所以我干脆自己用SessionStorage写了一个缓存页面的方法,在离开页面时将需要缓存的容器中所有内容都存到SessionStorage中,在返回页面时重新加载 代码不多 下面贴出代码: 加入这行代码监听 2: 之后读取存取到的offsetTop位置: 原文地址:https://www.cnblogs.com/linglansen/p/9814914.html