一、 功能更新

1. mip-bind 上线,实现复杂交互

MIP bind 双向绑定机制和组件上线,提供双向绑定的特性;能够允许页面实现数据驱动功能,开发者可以在任意场景修改数据,并驱动页面元素变动。

MIP 小姐姐画外音: 在上一期的技术月报中,MIP 小姐姐给大家预告了 MIP 将支持更多复杂的交互功能,现在,这个大家期盼已久的新功能就闪亮登场了!功能实现,意味着 MIP 技术的适用领域进一步拓宽。

双向绑定最经典的应用,就是实现用户在选择不同产品时,看到相应信息(如图片、库存、价格)变化的功能。

看个 demo,自己体会:

2. 支持头部 async 加载 MIP组件脚本

支持头部 async 加载 MIP组件脚本,脚本可以和页面 DOM 加载同步进行,减少了脚本加载时间的等待,加快了整个页面的渲染和展现速度。

MIP 小姐姐画外音: 小姐姐又要来划重点了
——以后,在头部也可以添加 MIP组件脚本了,不过一定要 async 加载!!总之,为了快,我们是认真的!

3. 组件升级

随着越来越多的站长使用官方组件,MIP 开发团队也对组件功能进行了优化更新。
(1)百度统计组件 mip-stats-baidu 统计组件修复事件追踪、点出率等 BUG;
(2)mip-form 升级,去掉 mip-form 中的 password 和 file 限制。

MIP 小姐姐画外音: MIP 的每一次进步都离不开站长、开发者和用户提出的宝贵意见和反馈,帮助我们做得更好。MIP 小姐姐代表开发团队,对所有支持和关注 MIP 的站长表示感谢~(鞠躬)

二、 校验更新

  1. 新增 mip-vd-baidu 组件校验。
  2. 新增 script 标签加载脚本校验,在 head 加载的 JavaScript 必须增加 async 属性。

三、联系我们

MIP 小姐姐出道以来,收到了很多建议和反馈,在这里,非常感谢大家的支持!

如果在 MIP 站点改造和工具使用中遇到问题,欢迎用以下方式向我们提问,每个渠道我们都有 ** 专人值守 ** 的哦!MIP 小姐姐 也是值守的一员呢~!

搜索生效、搜索资源平台工具使用相关问题,请在百度搜索资源平台—> 反馈中心—>MIP 选择分类并详细描述:

前端技术问题,请到 GitHub 提交 issue,MIP 的 GitHub 地址为:https://github.com/mipengine
,扫码下方二维码即可前往,欢迎大家为 MIP 多多 star 哦!(你贡献的每一颗小星星,都是送给 MIP 小姐姐的一份礼物~)

其他疑难问题或对 MIP 的建议,欢迎发邮件给 mip-support@baidu.com,MIP 小姐姐等你来信哦!

MIP技术进展月报第2期: 数据绑定,异步脚本加速的更多相关文章

  1. MIP技术进展月报第3期:MIP小姐姐听说,你想改改MIP官网?

    一. 官网文档全部开源 MIP 是一项永久的开源的项目,提供持续优化的解决方案,当然官网也不能例外.从现在开始,任何人都可以在 MIP 官网贡献文档啦! GitHub 上,我们已经上传了 <官网 ...

  2. MIP 技术进展月报:储存功能全新上线,MIP-Cache域名升级,校验更严谨

    集 ** 瞬时触达用户.高转化率.炫酷闪电标.优质展现形式 ** 等诸多特性为一体的 MIP 页面吸引了众多站点进行改造.为了更好地服务于广大站长,更快地倾听站长们的声音,MIP 技术团队特推出< ...

  3. MIP 技术月报(4月):支持熊掌号登录;优化页面悬浮元素

    之前由MIP团队维护的<移动 Web 加速技术月报>从本期开始,正式升级为<MIP 技术月报>,与以往不同的是,<MIP 技术月报>将会与大家分享包含移动加速技术以 ...

  4. 百度将与W3C中国召开MIP技术研讨会

    百度计划与W3C中国共同组织国内W3C会员,于8月30日召开MIP 技术研讨会,讨论 MIP 等技术相关的应用标准,以期推进 MIP/AMP 在W3C中国的标准化进程. MIP (Mobile Ins ...

  5. 百度MIP技术快速入门(上)

    前言 「本文假定读者已经有初级的前端开发知识,包括HTML.CSS.」 百度在一年前推出了称为 MIP(Mobile Instant Pages)的前端开发组件,主要目的是加速移动端网页的显示.MIP ...

  6. WebP 在减少图片体积和流量上的效果如何?MIP技术实践分享

    作者 | Jackson 编辑 | 尾尾 不论是 PC 还是移动端,图片一直占据着页面流量的大头,在图片的大小和质量之间如何权衡,成为了长期困扰开发者们的问题.而 WebP 技术的出现,为解决该问题提 ...

  7. ffmpeg推送直播流的技术进展

    首先安装好NGINX并打开服务 然后安装好ffmpeg 然后参考:http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=2879051 ...

  8. 计算机爱好者协会技术贴markdown第四期

    首先先让爱酱用CSDN自带的数学公式方法来闪瞎大家的钛合金狗眼: 有没有感觉到Markdown的强大!!!!! ## KaTeX数学公式 您可以使用渲染LaTeX数学表达式 [KaTeX](https ...

  9. 【技术分享会】 @第二期 微信开放API简述-0212

    什么是微信开放平台? 微信开放平台作为第三方移动程序提供接口,使用户可将第三方程序的内容发布给好友或分享至朋友圈,第三方内容借助微信平台获得更广泛的传播.从而形成了一种主流的线上线下微信互动营销方式. ...

随机推荐

  1. How 5 Natural Language Processing APIs Stack Up

    https://www.programmableweb.com/news/how-5-natural-language-processing-apis-stack/analysis/2014/07/2 ...

  2. Fast Paxos

    http://blog.csdn.net/chen77716/article/details/7297122 自从Lamport在1998年发表Paxos算法后,对Paxos的各种改进工作就从未停止, ...

  3. dp,px,pt,sp 的区别 以及dp 和 px 互转

    dp = dip : device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA.HVGA和QVGA 推荐使用这个,不 ...

  4. Heap

    #include using namespace std; int heap[100010],cnt=0; void put(int x) { cnt++; heap[cnt]=x; int now= ...

  5. The Beam Model:Stream &amp; Tables翻译(上)

    本文由  网易云发布. 作者:周思华 本篇文章仅限内部分享,如需转载,请联系网易获取授权. 本文尝试描述Beam模型和Stream & Table理论间的关系(前者描述于数据流模型论文.the ...

  6. flask完成文件上传功能

    在使用flask定义路由完成文件上传时,定义upload视图函数 from flask import Flask, render_template from werkzeug.utils import ...

  7. 压力测试工具ab - Apache HTTP server benchmarking tool

    搞互联网开发,压力测试必不可少.压力测试的工具很多,我用过ab和JMeter,今天主要讲ab的用法. 1.ab是什么 ab is a tool for benchmarking your Apache ...

  8. Python_字符串查找与分隔

    #字符串常用方法 s='apple,peach,banana,peach,pear' #返回第一次出现的位置 print(s.find('peach')) #指定位置开始查找 print(s.find ...

  9. maven安装和配置及创建maven项目

    (1)下载maven,下载成功后,解压到本地磁盘 里面包含这几项 (2)配置maven环境变量MAVEN_HOME.path (3)最后检验配置是否成功:用win键+R,来打开命令行提示符窗口,即Do ...

  10. MySQL 各类日志文件介绍

    日志文件 1.错误日志 ErrorLog 错误日志记录了MyQLServer运行过程中所有较为严重的警告和错误信息,以及MySQLServer每次启动和关闭的详细信息. 在默认情况下,系统记录错误日志 ...