摘要:
今天我们继续来看路由。 这是我们关于路由的最后一节课。 嵌套路由的使用还是蛮频繁的,使用场景场景一: 商城类应用会有大分区里面的小分区, 虽然也可以靠携带不同的路由参数来识别, 但是他们都在同一个视图里面,就会有一个很明显的问题。 有的分类内容比较多,列表很长,有些分类内容比较少,列... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(893)
评论(0)
推荐(0)
摘要:
我们在实际开发中,会有这样一种场景。 有些页面是允许访客登录的,有些页面是强制用户登录的。 后者,我们希望当用户没有登录的时候,无法直接进去页面, 而是先跳转到登录页面,或者先给出让用户登录的提示。路由守卫两种方法选一种就好了,文件名有冲突哦。推荐第二种。 方法一: 在src/app... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(776)
评论(0)
推荐(1)
摘要:
路由策略我们上一节课中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一节课中我们说明了html中传统的锚标示路由。 这里我们再看新的路由的另一种实现方式了。 是HTML5的新规则,在不需要刷新页面的轻快下,允... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(724)
评论(0)
推荐(0)
摘要:
Angular之所以被称为单页面应用,就是因为我们在改变浏览器URL的时候, 不触发刷新当前页面的行为,我们看到的所有的界面,其实是在一个主URL中。 这个功能(功能?现象?表现?随便吧!)就是通过路由实现的。 下面我们先简单的看一个关于路由的例子。 当我们点击上面的导航栏时,当前... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(215)
评论(0)
推荐(0)
摘要:
今天就直入主题吧!调试技巧这里讲一个调试的技巧,因为这个页面是我们点击了首页的更多才进入的,并且他需要携带参数。 所以我们在左侧工具里面 注意点击的是图中红色框框标记的位置,这是一个自定义按钮。 写上路劲和参数就可以了,这样每次启动就是直接携带参数的进入这个页面了。这样也不用反复... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(156)
评论(0)
推荐(0)
摘要:
场景我是用querySelectorAll()查询了一些标记,并收到了一个NodeList响应。问题节点列表类似于数组。(比如:他们都有一个长度属性,它们都在括号中的索引访问它们的属性或者子元素:NodeList[0])尝试使用.map,.filter或者.forEach中的任意一个... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(257)
评论(0)
推荐(0)
摘要:
继上次教程结束之后,我们的小程序已经完成到如下程度了。 如果你是一个零基础的开发,只要跟着这个教程一步一步完成的,你就能完成这样的界面优美是不是很容易啊。 但是,完成前两章,我们只涉及到页面的编写,很少涉及到页面的功能,那么这一章,我们的主要任务就是编写一些简单的页面逻辑。 我们... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(149)
评论(0)
推荐(0)
摘要:
今天我们接着编写个人中心页面。 首先我们编辑上半部分的内容。 部分内容在之前的课程中已经有涉及了, 所以这里有写部分直接上代码咯。 编写页面的基本元素user.wxml {{userInfo.nickName}} 在user.js中加入获取用户信息的代码 app.getUser... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(131)
评论(0)
推荐(0)
摘要:
首先我们新建一个界面,还记得新建界面的快捷方式吗? 在app.json的pages里面,新增”pages/user/user” 即 "pages":[ "pages/index/index", "pages/logs/logs", "pages/user/us... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(154)
评论(0)
推荐(0)
摘要:
上一节课最后,我们遇到了一个警告。说我们太过频繁的调用serData了,因为我们这个页面的三部分数据是通过三个接口获取的。所以我们分别在三个接口返回的时候调用了数据绑定。但是过于频繁的调用setData很容易引起性能问题。要理解为什么会引发性能问题,我们要先看一下setData的工作原理。https... 阅读全文
posted @ 2017-10-09 18:07
小虎Oni
阅读(82)
评论(0)
推荐(0)
浙公网安备 33010602011771号