MIP技术进展月报第2期: 数据绑定,异步脚本加速
一、 功能更新
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 的站长表示感谢~(鞠躬)
二、 校验更新
- 新增 mip-vd-baidu 组件校验。
- 新增 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期: 数据绑定,异步脚本加速的更多相关文章
- MIP技术进展月报第3期:MIP小姐姐听说,你想改改MIP官网?
一. 官网文档全部开源 MIP 是一项永久的开源的项目,提供持续优化的解决方案,当然官网也不能例外.从现在开始,任何人都可以在 MIP 官网贡献文档啦! GitHub 上,我们已经上传了 <官网 ...
- MIP 技术进展月报:储存功能全新上线,MIP-Cache域名升级,校验更严谨
集 ** 瞬时触达用户.高转化率.炫酷闪电标.优质展现形式 ** 等诸多特性为一体的 MIP 页面吸引了众多站点进行改造.为了更好地服务于广大站长,更快地倾听站长们的声音,MIP 技术团队特推出< ...
- MIP 技术月报(4月):支持熊掌号登录;优化页面悬浮元素
之前由MIP团队维护的<移动 Web 加速技术月报>从本期开始,正式升级为<MIP 技术月报>,与以往不同的是,<MIP 技术月报>将会与大家分享包含移动加速技术以 ...
- 百度将与W3C中国召开MIP技术研讨会
百度计划与W3C中国共同组织国内W3C会员,于8月30日召开MIP 技术研讨会,讨论 MIP 等技术相关的应用标准,以期推进 MIP/AMP 在W3C中国的标准化进程. MIP (Mobile Ins ...
- 百度MIP技术快速入门(上)
前言 「本文假定读者已经有初级的前端开发知识,包括HTML.CSS.」 百度在一年前推出了称为 MIP(Mobile Instant Pages)的前端开发组件,主要目的是加速移动端网页的显示.MIP ...
- WebP 在减少图片体积和流量上的效果如何?MIP技术实践分享
作者 | Jackson 编辑 | 尾尾 不论是 PC 还是移动端,图片一直占据着页面流量的大头,在图片的大小和质量之间如何权衡,成为了长期困扰开发者们的问题.而 WebP 技术的出现,为解决该问题提 ...
- ffmpeg推送直播流的技术进展
首先安装好NGINX并打开服务 然后安装好ffmpeg 然后参考:http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=2879051 ...
- 计算机爱好者协会技术贴markdown第四期
首先先让爱酱用CSDN自带的数学公式方法来闪瞎大家的钛合金狗眼: 有没有感觉到Markdown的强大!!!!! ## KaTeX数学公式 您可以使用渲染LaTeX数学表达式 [KaTeX](https ...
- 【技术分享会】 @第二期 微信开放API简述-0212
什么是微信开放平台? 微信开放平台作为第三方移动程序提供接口,使用户可将第三方程序的内容发布给好友或分享至朋友圈,第三方内容借助微信平台获得更广泛的传播.从而形成了一种主流的线上线下微信互动营销方式. ...
随机推荐
- Assets.xcassets误删后的恢复
一般要是remove Reference,undo就ok了.如果undo没法搞得话,就得手动搞. 1.首先去废纸篓把被删除的目录恢复到原处,也就是项目目录. 2.右键项目主目录名称,选择"A ...
- android点击返回键,如何做到不destory当前activity,只是stop。重新返回该activity的 时候可以直接使用,不需要创建新的activity实例
问题描述,如题目: android点击返回键,顺序执行 pause,stop,destory. 以至于想重新进入这个activity的时候还要重新执行onCreate()方法,那么如何解决不再重新执行 ...
- Ocelot中文文档-配置
这里有一个配置的列子.其中有两个配置块.一个ReRoutes数组和一个GlobalConfiguration.ReRoutes配置块是一些告诉Ocelot如何处理上游请求的对象.Globalconfi ...
- Hbase出现ERROR: Can't get master address from ZooKeeper; znode data == null解决办法
问题描述如下: hbase(main)::> list TABLE ERROR: Can't get master address from ZooKeeper; znode data == n ...
- 华为专家谈CMDB建设
CMDB成功的关键因素 对于CMDB项目的失败,普遍的解释是:没有数据的消费场景.工具和技术不行.流程管控不足. 从我自身的实践来看,我对此是有不同看法的.上述原因的确会影响人们使用CMDB,严重时甚 ...
- HTML 学习笔记 day one
HTML学习笔记 day one Chapter one 网站开发基础 1.2网站的基本架构 网站的基本要素:内容,页面,超链接 动态网页和静态网页的区别在于:动态网页会自动更新,后缀名是.asp或者 ...
- Angular路由——路由守卫
一.路由守卫 当用户满足一定条件才被允许进入或者离开一个路由. 路由守卫场景: 只有当用户登录并拥有某些权限的时候才能进入某些路由. 一个由多个表单组成的向导,例如注册流程,用户只有在当前路由的组件中 ...
- css那些事(一)
一.内边框padding和外边框margin属性缩写 内外边框有四个属性:padding-top,padding-right,padding-bottom,padding-left;margin-to ...
- Storm之路-WordCount-实例
初学storm,有不足的地方还请纠正. 网上看了很多wordcount实例,发现都不是我想要的. 实现场景:统计shengjing.txt词频到集合,一次打印结果. ● 消息源Spout 继承Base ...
- Windows10 Ubuntu bash 配置 LAMP+JDK+Tomcat
Windows10的Bash省去了装ubuntu虚拟机的麻烦,而且可以直接用Windows下的浏览器去访问了,Exciting有没有,再也不用去忍受日常崩溃的chromium和慢慢的firefox了. ...