前端开发小技巧$eventBus

1.计算属性 小技巧

前端开发小技巧$eventBus_第1张图片

全局使用eventBus

2.1.发布事件

前端开发小技巧$eventBus_第2张图片

2.2.监听执行事件 --销毁事件前端开发小技巧$eventBus_第3张图片

 应用场景前端开发小技巧$eventBus_第4张图片

 前端开发小技巧$eventBus_第5张图片

 代码逻辑:
1.分析数据: 判断数据是否有值,无值则显示暂无数据
2.大体布局: (ul>li>icon + 右内容>title+时间)
3.红点: 给元素加类 定位 + before伪元素实现
4.处理数据: 接收数据后将数据处理,只返回自己需要的数据
5.分页将数据拆分开,监听当前页,有变化则执行方法更新数据
5.事件监听及发布 利用eventbus将资讯事件和导航栏进行关联 

你可能感兴趣的:(javascript)