发表于: 2017-06-17 20:16:18
1 985
今天完成的事情:
1、完成【推荐职位/最新职位列表】。
2、完成【职位详情】的分享功能以及点击我感兴趣之后的模态框。
明天计划的事情:
1、将搜索状态的保存采用state.params,放弃sessionStorage。
2、完善细节部分。
3、解决推荐公司的接口问题,如果没办法解决,采用其他的方法来实现,不使用returnPage字段
遇到的问题:
1、使用百度分享功能,放在angualr里的设置不启左右,不知道是什么原因,最终使用了share.js来实现分享功能。
收获:
1、学会了如何使用share.js。
HTML部分:只需要使用social-share类名,再引入css文件和js文件即可。
<div class="social-share"></div><!-- css & js -->
<link href="dist/css/share.min.css">
<script src="dist/js/share.min.js"></script>
JS部分:
自定义配置:只需要填入先相关内容,还可以在angualr中使用,实现绑定不同的内容。
然后可以自行配置需要分享到哪些站点,带有自定义的样式,十分方面。
以下选项均可通过标签 data-xxx 来设置:驼峰转为中横线,如wechatQrcodeHelper
的data标签为data-wechat-qrcode-helper,
可以针对特定站点使用不同的属性(title, url, description,image...)
var $config = {
url: 'http://luoboduo.com/findJob', // 网址,默认使用 window.location.href
source: '', // 来源(QQ空间会用到), 默认读取head标签:<meta name="site" content="http://overtrue" />
title: vm.jobDetail.companyName, // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" />
weiboTitle:"萝卜多-知根知底的社群招聘 "+ vm.jobDetail.companyName+" 在招职位: "+vm.jobDetail.name,
description: vm.jobDetail.name, // 描述, 默认读取head标签:<meta name="description" content="PHP弱类型的实现原理分析" />
image: vm.jobDetail.logo, // 图片, 默认取网页中第一个img标签
sites: ['wechat', 'qq', 'weibo'], // 启用的站点
wechatQrcodeTitle: "微信扫一扫:分享", // 微信二维码提示文字
wechatQrcodeHelper: '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'
};
$('.social-share').share($config)
不过其现阶段只支持一些常用的站点,不如百度分享的站点多。
评论