发表于: 2017-06-22 21:51:09
1 935
今天完成的事情:
1、更改demo中找出的bug。
2、看了【你不知道的JavaScript】的一部分,感觉任重道远啊。
明天计划的事情:
1、再次demo。
2、继续补基础知识。
遇到的问题:
1、有几个页面点击跳转之后,新页面会从最下面开始展示,不明白这是什么原因。最后用scrollTo方法解决。
收获:
1、学习了scrollTo() 方法,可把内容滚动到指定的坐标。
其语法为:scrollTo(xpos,ypos)
xpos | 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。 |
ypos | 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。 |
2、了解到一个在线网站代码调试工具:JSbin
一个主要用于帮助测试 JavaScript 和 CSS 的代码片段的Web 应用,功能与 jsFiddle 网站一致,拥有简单的操作界面和全面的测试环境。相对于jsFiddle要简单一些。个人感觉jsFiddle进入好慢。
3、学会了$state.includes方法,
$state.includes方法用于判断当前激活状态是否是指定的状态或者是指定状态的子状态。
$state.includes(stateOrName,params,options)
$state.includes方法接受三个参数,stateOrName:字符串(必填). 是一个状态的名字.
比如当前的激活状态是 "contacts.details.item"
如下调用:
$state.includes("contacts"); //返回true
$state.includes("contacts.details"); //返回true
$state.includes("contacts.details.item"); //返回true
$state.includes("detail"); //返回undefined
$state.includes("item"); //返回undefined
<div class="companyTitle-company" ui-sref="myApp.companyInfo.companyDetails" ng-class={"companyActive":$state.includes('myApp.companyInfo.companyDetails')}>
公司详情
</div>
<div class="companyTitle-hiringJob" ui-sref="myApp.companyInfo.hiringJob" ng-class={"companyActive":$state.includes('myApp.companyInfo.hiringJob')}>
在招职位
</div>
比如说用在这里,和ng-class配合使用,当处于在招职位的$state时,赋予样式,以示区别,当在公司详情的页面时,ng-class生效,此时公司详情会显示出相应的样式,简直具好用。不用写一系列的判断。无论是刷新,前进、后退都能显示相应的样式。
评论