发表于: 2017-06-12 22:12:23

1 995


  • 今天完成的事情:

  • 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)];


    如果只需要简单的分享,不需要具体的样式的话,可以直接选择自由选择版,选取一些默认设置,可以直接生成代码。



    返回列表 返回列表
    评论

      分享到