mip-stats-baidu百度统计详解 mip-stats-baidu百度统计怎么用
描述 | 百度统计组件,用于统计页面数据 |
类型 | 通用 |
支持布局 | N/S |
所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js |
示例
MIP提供百度统计的插件,便于分析页面数据,需要提前到百度统计这边创建站点,会自动生成js代码使用提取工具提取token,并使用MIP提供的插件,代码示例:
<mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu> |
属性
token
说明:token
必填:是
格式:字符串
mip-sidebar侧边栏组件怎么用?废话不多说,不知道怎么使用的请看下文为大家带来的mip-sidebar侧边栏组件详解。
标题 | 内容 |
类型 | 通用 |
支持布局 | N/S |
所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js |
示例
基本使用
<header> <div id="hamburger" class="mip-button" on="tap:sidebar.open"> <div id="logo" href="/">Open mip-sidebar</div> </div> </header> <mip-sidebar id='sidebar' layout="nodisplay" class="mip-hidden"> <ul> <li> <mip-link href="#">Home</mip-link> <button class="mip-button" on="tap:sidebar.close"> X </button> </li> <li> Nav item 1</li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 2 - <mip-fit-text> </mip-fit-text> </li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 3 - <mip-fit-text> longer text </mip-fit-text> </li> <li> Nav item 4 - Image <mip-img class='mip-sidebar-image' src="http://placeholder.qiniudn.com/100x50" width="20" height="20" alt="an image"></mip-img> </li> <li> Nav item 5</li> <li> Nav item 6</li> </ul> </mip-sidebar> |
右侧侧边栏
<header> <div id="hamburger" class="mip-button" on="tap:right-sidebar.open"> <div id="logo" href="/">Open mip-sidebar</div> </div> </header> <mip-sidebar id='right-sidebar' layout="nodisplay" side="right" class="mip-hidden"> <ul> <li> <mip-link href="#">Home</mip-link> <button class="mip-button" on="tap:right-sidebar.close"> X </button> </li> <li> Nav item 1</li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 2 - <mip-fit-text> </mip-fit-text> </li> <li> <mip-fit-text width="220" height="20" layout="responsive" max-font-size="24"> Nav item 3 - <mip-fit-text> longer text </mip-fit-text> </li> <li> Nav item 4 - Image <mip-img class='mip-sidebar-image' src="http://placeholder.qiniudn.com/100x50" width="20" height="20" alt="an image"></mip-img> </li> <li> Nav item 5</li> <li> Nav item 6</li> </mip-sidebar> |
属性
id
说明:id
必填:是
格式:字符串
单位:无
默认值:无 使用限制:无
layout
说明:布局设定
必填:是
格式:字符串
单位:无
取值:nodisplay
side
说明:侧边栏位置设定,左边或者右边
必填:否
格式:字符串
单位:无
取值:left, right
默认值:left
mip-share分享组件怎么用?mip-share分享提供页面内分享按钮功能,默认分享当前网址,详细使用方法请看下文的mip-share分享组件详解。
标题 | 内容 |
类型 | 通用 |
支持布局 | responsive,fixed-height,fill,container,fixed |
所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js |
示例
基本使用
<div class="mip-share-container"> <mip-share></mip-share> </div> |
fixed布局
<div class="mip-share-container"> <mip-share layout="fixed" width="200" height="158"> </mip-share> </div> |
自定义分享参数
<div class="mip-share-container"> <mip-share title="分享标题" content="分享内容" icon="https://m.baidu.com/se/static/pmd/pmd/share/images/bdu.jpg" layout="responsive" width="414" height="158"> </mip-share> </div> |
属性
url
说明:分享出去的网址
必选项:否
类型:字符串
取值范围:URL
默认值:当前页面的url
title
说明:分享出去的标题
必选项:否
类型:字符串
content
说明:分享出去的内容
必选项:否
类型:字符串
icon
说明:分享出去的图标
必选项:否
类型:字符串
取值范围:URL
mip-nav-slidedown菜单怎么用?mip-nav-slidedown 实现响应式的菜单,在mip官网有引用,详细的用法请看下文为大家带来的mip-nav-slidedown菜单详解。
标题 | 内容 |
类型 | 通用 |
支持布局 | responsive,fixed-height,fill,container,fixed 文档 |
所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js |
示例
按如下格式添加内容,<a>可以替换为<mip-link>
<div class="mip-nav-wrapper">
<mip-nav-slidedown data-id="bs-navbar" class="mip-element-sidebar container" data-showbrand="1">
<nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">
<ul class="nav navbar-nav navbar-right">
<li class="index-body">
<a target="_blank" href="//www.mipengine.org/">首页</a>
</li>
<li class="doc-body">
<a target="_blank" href="//www.mipengine.org/doc/00-mip-101.html">教程</a>
</li>
<li class="timeline-body">
<a target="_blank" href="//www.mipengine.org/timeline.html">动态</a>
</li>
<li class="">
<a target="_blank" href="http://www.cnblogs.com/mipengine/" target="_blank">博客</a>
</li>
<li class="navbar-wise-close">
<span id="navbar-wise-close-btn"></span>
</li>
</ul>
</nav>
</mip-nav-slidedown>
</div>
属性
data-id
说明:内部菜单id
必选项:是
类型:字符串
data-showbrand
说明:是否需要左上角显示可点击图标
必选项:否
类型:字符串,0(不显示),1(显示)
默认值:1
data-brandhref
说明:左上角图标跳转链接,在data-showbrand为1时有效
必选项:否
类型:url
默认:'/'
相关文章
- 专做了百度和google的网盟推广以作推广效果的评估比较。百度的周期为6天,google为4天。 从百度的统计数据可以看出这六天的点击次数总共为464,平均点击花费了0.30元...2017-07-06
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
以下是使用js代码实现百度地图计算两地距离,代码如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30- 百度联盟封号对于许多的站长来说肯定是会影响到心情的,那么既然是百度联盟封号了我们就肯定有一些原因的,虽然不是你自己搞的或一些其它因素都有可能,我们下面整理一下百...2016-10-10
- 这篇文章主要介绍了C#统计字符串中数字个数的方法,涉及C#遍历字符串并判断数字的技巧,需要的朋友可以参考下...2020-06-25
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
本文给大家介绍javascript实现高德地图和百度地图提取行政区边界经纬度坐标的相关知识,本文实用性非常高,代码简单易懂,需要的朋友参考下吧...2016-01-24- 网站被K后,笔者做的第一件事便是在网站上增加更新模块。百度算法更新,对于网站内容给予了相当大的权重,这是笔者网站最欠缺的部分,保证了及时的更新便有了吸引蜘蛛爬取的...2016-10-10
- 我们知道百度熊抱枕很大,只想要百度熊的大头,该怎么办呢?下面我们就来看看详细的教程。 1、首先打开photoshopCS6软件,新建一个“1600*1600”的白色背景图,并从右上角...2016-12-31
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
以下是使用js代码实现百度地图计算两地距离,代码如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30- 用户为满足自己某种需求而来到搜索引擎的,判断用户的需求是做好网站的开始。只有准确地判断出用户需求,了解用户搜索的目的,才能合理地衡量出一个网站结果的质量好,做好搜...2016-10-10
- 网页头部head 部分:TITLE 、<mtea>部分 网站描述Description、keyword 内容中的关键词,大家优化时也都比较重视这部分的关键词优化,因为在查询搜索结果时此处出现的关键词...2017-07-06
- 这篇文章主要介绍了Linux下统计当前文件夹下的文件个数、目录个数,本文使用ls命令配合管理、grep命令实现统计需求,需要的朋友可以参考下...2020-07-11
浅谈OpenCV中的新函数connectedComponentsWithStats用法
这篇文章主要介绍了浅谈OpenCV中的新函数connectedComponentsWithStats用法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-05JS实现获取来自百度,Google,soso,sogou关键词的方法
这篇文章主要介绍了JS实现获取来自百度,Google,soso,sogou关键词的方法,结合实例形式分析了js获取来路页面的方法与相关搜索引擎关键词的处理技巧,需要的朋友可以参考下...2017-01-09JS+JSP通过img标签调用实现静态页面访问次数统计的方法
这篇文章主要介绍了JS+JSP通过img标签调用实现静态页面访问次数统计的方法,基于JavaScript动态调用jsp页面通过对TXT文本文件的读写实现统计访问次数的功能,需要的朋友可以参考下...2015-12-16- 这篇文章主要介绍了WinForm调用百度地图接口用法,结合具体实例形式简单分析了WinForm WebBrower控件与前端百度接口交互的相关操作技巧,需要的朋友可以参考下...2020-06-25
- 今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说绘制百度云标志LOGO的教程,各位想知道具体绘制方法的使用者,那么下面就快来跟着小编一起看一看教程。...2016-09-14
- 这篇文章主要介绍了Postgresql 动态统计某一列的某一值出现的次数实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-26
- 这篇文章主要介绍了Servlet实现统计页面访问次数功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-08
- 我们一起来看一篇关于PHPCMS实现自动推送URL到百度站长平台,希望此教程能够帮助到各位朋友。 百度站长平台开放url推送接口,可以使用调用接口的形式主动及时推送u...2016-11-25
- 百度不更新网站原因分析 今天我们来看一篇关于 哦,你是不是其它的之一呢,好了下面来看看各位站长总结了来百度不更新网页的原因吧。 一、首页的大flash图片。 ...2016-10-10