发表于： 2017-02-13 23:54:43
1 1239
你今天做了什么？
页面跳转传参
页面index判断渲染
你明天打算做什么？
把类目导航功能完善，添加对应的class效果
制作搜索跳转
你遇见什么困难？
1：昨天那个问题，实际上很简单的，我已经把值传进去了，需要取出来对值进行判断展示，所以在show的时候把参数传进去做一个==判断就好了，很简单的一个功能。居然想了几个小时都没想明白
2：hover锁定效果，不知道如何才能根据下标来进行锁定，询问师姐，说是可以使用CSS里完成，然后也可以使用angualr来完成，需要去查看一下相关的CSS文档，后来想了想因为是用index来展示的3集类目，所以3级类目的下标就是左边2级类目的下标么？那么就可以进行定位了。（明天实现）
3：关于我们页面使用了很笨的方法，来实现选项卡效果，应该是有更好的办法，留个注释，优化的时候可以想想
4：在这2天的代码编写过程中，发现很多小的地方存在很多需要实现的问题，而这些实现是没有实现过的，所以对情况不是很了解，造成的时间上浪费了很多，需要控制这部分的时间（就是先做别的）
5：从3层路由跳转到2层路由的时候，需要在路径上放好路由的所有前缀这样才能从3级路由跳转到2级路由
6：使用了pd之后，页面隐藏式的挡住了A标签，导致了鼠标在A标签上面点击不了
7：使用UI-router传参，在点击事件之中使用了$state.go，就不需要在使用ui-sref了，不然会提示路径上的错误
8：网上传老是搜到的那篇知乎UI-router传参里面有很多雷，主要是在于作者好像故意把变量什么的都写的一样，然后一不留神就掉坑里面了。并且没有提示上面第7条
9：晚上在思考对应的UI-router的传参选项卡如何制作，需要制作出一个CSS效果一直跟随焦点选项卡，在搜索方法的时候，看见一个这样的方法
$state.includes 返回 true / false
以上方法为查看当前状态是否在某父状态内，比如 $state.includes('contacts') 返回 true / false
<!-- 包含在 /contacts 状态内部，即其作为 parant state -->
<li ng-class="{active: $state.includes('contacts')}">
<a ui-serif="contacts.list">Contacts</a>
</li>
我搜到2次，看了2次，都没上心，后来是想不出什么办法来实现这个当前选项卡提示效果了，去问了下二大，他谈到了这个代码，我觉得眼熟，回来一查，果然前面看到过，但就是反应不过来，这个代码可以实现我需要的功能，而他能看出来，是因为他使用了很复杂的URL传参方式来实现这个效果，具体是存一个变量把2级路由的名字存起来，在拿到URL的当前页面值，保存下来，但是因为页面里面还有别的值存在，所以需要对值进行过滤，然后进行使用，但是在父级的ui-router里面，还有一些别的子路由，所以存在的问题就是不管你在那一层路由，你都需要判断你的2集路由名字，那你就需要对这个值进行过滤，就很麻烦，到这里，就有了一个父级状态的概念了，所以他看见这段代码能反应过来，这个是干嘛的。
你的收获？
晚上师兄分享了如何实现数组深拷贝和浅拷贝？
讲解了slice,concat的使用方法 ，和语法上的一些注意事项,并在编码实战环节对代码进行了展示
返回列表
评论