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
什么是微信开放平台? 微信开放平台作为第三方移动程序提供接口,使用户可将第三方程序的内容发布给好友或分享至朋友圈,第三方内容借助微信平台获得更广泛的传播.从而形成了一种主流的线上线下微信互动营销方式. ...
随机推荐
- 关于Android适配华为等带有底部虚拟按键的解决方案
http://blog.csdn.NET/a91694451/article/details/50469857 最近公司的项目里遇到了一个问题,就是最后适配的时候时候同事的华为手机时,由于底部带有虚拟 ...
- C# SqlBulkCopy数据批量入库
准备条件:20万+数据 界面设计使用的WPF. 没有对比就没有伤害,以下是我两种方式导入数据案例. 运行 结果对比: 首先使用一般sql语句导入,因为时间原因,我就没有等待程序执行完,但是我记录了大约 ...
- Mysql 查询条件中字符串尾部有空格也能匹配上的问题
一.表结构 TABLE person id name 1 你 2 你(一个空格) 3 你(二个空格) 二.查询与结果 select * from person where `name` = ? 无论 ...
- javascript 易漏点
javascript 是一种解释型语言,不是java或c++那样的编译语言.javascript指令以普通文本形式传递给浏览器,然后依次解释执行.它们不必首先“编译”成只有计算机处理器能理解的机器码. ...
- Linux下的磁盘分区和逻辑卷
一.硬盘接口类型 硬盘的接口主要有IDE.SATA.SCSI .SAS和光纤通道等五种类型.其中IDE和SATA接口硬盘多用于家用产品中,也有部分应用于服务器,SATA是一种新生的硬盘接口类型,已经取 ...
- Java高并发之无锁与Atomic源码分析
目录 CAS原理 AtomicInteger Unsafe AtomicReference AtomicStampedReference AtomicIntegerArray AtomicIntege ...
- 令状态寄存器访问指令(MRS,MSR)
ARM中有两条指令用于在状态寄存器和通用寄存器之间传送数据. 针对32位的ARM处理器,状态寄存器就是一个32位长的寄存器.每个位的含义如下图: 分成了4部分: 1,条件标志位 N(Negative) ...
- Tair总述
Tair 是淘宝自己开发的一个分布式 key/value 存储引擎.tair 分为持久化和非持久化两种使用方式.非持久化的 tair 可以看成是一个分布式缓存.持久化的 tair 将数据存放于磁盘中. ...
- mysql left join 左连接查询关联n多张表
left join 左连接即以左表为基准,显示坐标所有的行,右表与左表关联的数据会显示,不关联的则不显示.关键字为left join on. **基本用法如下: select table a left ...
- Spring提取@Transactional事务注解的源码解析
声明:本文是自己在学习spring注解事务处理源代码时所留下的笔记: 难免有错误,敬请读者谅解!!! 1.事务注解标签 <tx:annotation-driven /> 2.tx 命名空间 ...