mip modes

1. Built-in components Picture Components (MIP-IMG) Video Components (Mip-video) Mip-pix Components (MIP-PIX) Carousel Components (Mip-carousel) IFrame Component (Mip-iframe) 2, personalized components Collapse node compone

Beginner's guide Full DEMO What is MIP The principle of MIP acceleration Development Specification MIP HTML Specification MIP Calibration Rules MIP Cache Specification Specification for Component development Canonical Usage Specification Component Description Component Over

Head Usage Specification Start tag using The HTML tag must be accompanied by a MIP tag, namely: Must include Character set declarations must be included in the head tag: The viewport setting tag must be included in the head tag: The head tag must contain the Must include The head tag must contain page Element Usage specification MIP HTML Disables labels that have a

Title Content Type General Support layout N/s The required script Https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js Example Open LightboxId= "My-lightbox"layout= "Nodisplay"class= "Mip-hidden" > Property Id Description: Component ID Required option: Yes Type: s

1. Replace jquery and zepto Jquery and zepto are not recommended for mip.Why not?1. Native JS is good enough2. jquery and zepto have poor performance compared with native JS3. Reduce the page burden and avoid introducing additional filesHow can I develop a file without jquery and zepto?Refer to the help later. Most of them can be replaced by native JS. mip also provides some built-in components to solve compatibility problems.Recommended selector:Quer

Title Content Type General Support layout Responsive,fixed-height,fill,container,fixed Document The required script Https://mipcache.bdstatic.com/static/v1/mip-filter/mip-filter.js Example filtering, which supports filtering items from the hash. Property

Prerenderelement Rendering MIP elements in advance. If the element is not within viewport, force the Viewportcallback Firstinviewcallback method of the element to be triggered. Varelement =document.getelementbyid (' mip-test ');Mip.prerenderelement (Element); Event-action Because MIP is not allowed to use additional JS code. This prov

Title Content Type General Support layout Responsive,fixed-height,fill,container,fixed The required script Https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js Sample Basic Use Fixed Layout layout= "Fixed"Width= "200"height= "158" > Custom Share Parameters title= "Sha

Title Content Type General Support layout Responsive,fixed-height,fill,container,fixed Document The required script Https://mipcache.bdstatic.com/static/v1/mip-form/mip-form.js Sample Basic Use Add Empty button Property method Description: Form Submission method Re

If your site does not support HTTPS, you can use Baidu cloud acceleration or other services of the same type, open HTTPS Title Content Type General Support layout Responsive, fixed-height, fixed The required script No Sample Basic Use allowFullScreen Srcdoc= " Src= "Http://m.baidu.com" Sandbox= "" allowFullScreen Width= "400" height= "300" Allowtransparency= "true" > Add layout (Fixed-height for example)

Title Content Type General Support layout N/s The required script Https://mipcache.bdstatic.com/static/v1/mip-sidebar/mip-sidebar.js Sample Basic Use Id= ' Sidebar ' layout= "Nodisplay" class= "Mip-hidden" > Height= "20" layout= "Responsive" Max-font-size= ">" NAV Item 2

Types of layouts Supported category Force width Force Height Detailed Description Responsive Is Is According to the width, height of the value, calculate the proportion of elements, in different screen width to do adaptive, very suitable for pictures, video and other needs of the size of adaptive components Fixed-height Whether Is The height of the element is fixed, the width is default or the value is auto, it is more suita

resource Required option: No Type: string Value range: URL Default value: None Poster Description: Cover page map address, to ensure that the video loading process still has a good rendering effect, please set this field Required option: No Type: string Value range: URL Default value: None Controls Description: Whether to display video control controls, including Start/pause buttons, full-screen buttons, volume buttons, and so on. Be sure to set this property for non-AutoPlay video.

Title Content Type General Support layout Do not use layout The required script Https://mipcache.bdstatic.com/static/v1/mip-link/mip-link.js Sample Property URL Description: Target URL Required option: Yes Type: string Value range: https?:/ /.*, mailto:.*, tel:.* title Description: Target page title Required option: No Type: string

Title Content Type General Support layout Responsive, fixed-height, fixed, container documentation The required script Https://mipcache.bdstatic.com/static/v1/mip-anim/mip-anim.js Example Loading mode with placeholder layout= "fixed" width=210 height=210 src= "xxx" alt= "an animation" > layout= "Fixed-height" width=210 height=210 src= "x

Title Content Type General Support layout Responsive,fixed-height,fill,container,fixed The required script No Sample most basic use layout= "Responsive" Width= "350" Height= "263" Src= "Yun_qi_img/20161216173855963.jpg" Gapang View layout= "Responsive" Width= "350" Height= "263" Popup src= "Yun_qi_img/20161216173855963.jpg" > other layouts (take fixed as an example) layout= "Fixed-height" Height= "263" alt=

Developing documents Webmaster Development Extension Components Please refer to the link below Extension Component Development Documentation Developing accessibility libraries Developing accessibility tools and modules Gestures: click, double-click, Slide Other: Dom triggers JS event Component Type Partitioning 1. Built-in components Definition: To address the components that must be used for performance and security issues, the code is integrated into the mip.js. such as

Support for the overall use of suspended elements in MIP Title Content Type General Support layout Do not use layout The required script Https://mipcache.bdstatic.com/static/v1/mip-fixed/mip-fixed.js Sample Top Suspension Rule: Width default screen 100%, height up to 85 pixels

Describe Baidu statistics component, used to statistic page data Type General Support layout N/s The required script Https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js Example MIP provides Baidu statistics plug-in, easy to analyze page data, need to advance to Baidu statistic

Title Content Type General Support layout Responsive document The required script Https://mipcache.bdstatic.com/static/v1/mip-ad/mip-ad.js Version v1.0 Support Alias Mip-embed Sample General advertising Banner Style basic use Type= "Ad-comm"Tpl= "Onlyimg"href= "//m.baid