发表于: 2017-06-12 22:12:23
1 996
今天完成的事情:
1、完成【公司详情】story。
2、完成【在招职位】的静态页面和数据渲染部分,分页部分还没有完成。。
明天计划的事情:
1、完成【在招职位】的分页功能。
2、完成【搜索职位页】的搜索功能。
遇到的问题:
1、百度分享功能不知道怎么和angualr结合在一起,放在angualr里面没有反应。
2、之前在JS任务6-10中使用的分页插件需要进行修改才能在复盘中使用。
收获:
1、学会了如何使用百度分享功能。
百度分享功能的代码分为三个部分:
HTML、设置和js加载,
<div class="shareJob bdsharebuttonbox" data-tag="share">
<a data-cmd="weixin"></a>
<a data-cmd="sqq"></a>
<a data-cmd="tsina"></a>
class="bdsharebuttonbox" 部分为dom选择器,请勿改动。
data-tag属性为分享按钮标识,用于实现同一页面中多分享按钮不同配置。
data-cmd属性为分享目标标识,取不同的值可以分享到不同的网站。
然后可以对其进行一些自定义设置
// window._bd_share_config = {
// common : {
// bdText : '{vm.jobDetail.logo}{vm.jobDetail.companyName}{vm.jobDetail.name}',
// bdDesc : '',
// bdUrl : '',
// bdPic : ''
// },
// share : [
// //此处放置分享按钮设置
// ],
// slide : [
// {
// 此处放置浮窗分享设置
// bdImg : 0,
// bdPos : "right",
// bdTop : 100
// }
// ],
// image : [
// //此处放置图片分享设置
// ],
// selectShare : [
// //此处放置划词分享设置
// ]
// };
加载:
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
如果只需要简单的分享,不需要具体的样式的话,可以直接选择自由选择版,选取一些默认设置,可以直接生成代码。
评论