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
什么是微信开放平台? 微信开放平台作为第三方移动程序提供接口,使用户可将第三方程序的内容发布给好友或分享至朋友圈,第三方内容借助微信平台获得更广泛的传播.从而形成了一种主流的线上线下微信互动营销方式. ...
随机推荐
- FPGA图像处理之行缓存(linebuffer)的设计一
FPGA图像处理之行缓存(linebuffer)的设计一 作者:OpenS_Lee 1 背景知识 在FPGA数字图像处理中,行缓存的使用非常频繁,例如我们需要图像矩阵操作的时候就需要进行缓存,例如图像 ...
- JavaScript程序的执行顺序
JavaScript程序的执行顺序:同步==>异步==>回调 同步是阻塞模式,异步是非阻塞模式. 同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个 ...
- Java基础:JVM垃圾回收算法
众所周知,Java的垃圾回收是不需要程序员去手动操控的,而是由JVM去完成.本文介绍JVM进行垃圾回收的各种算法. 1. 如何确定某个对象是垃圾 1.1. 引用计数法 1.2. 可达性分析 2. 典型 ...
- GitHub学习笔记:分支管理
GitHub对于每个开发版本都需要有一个分支,默认的分支是master往往被大家保留下来作为主分支,分支类似于进程的一个指针,往往在master这个稳定的主干版本上分出一个或多个正在开发的分支版本,开 ...
- Flask入门之Virtualvenv的安装及使用(windows)
Virtualvenv 提供一个特定的Python虚拟环境(沙盒),以便于那些要求特定版本的模块的脚本能够顺利运行. 因为在Virtualvenv中,我们可以使用 pip install -r req ...
- django优化和扩展(一)
mysql优化基础 进行django产品开发或上线之前,有必要了解一下mysql的基础知识,orm太过抽象,导致很多朋友对于mysql了解得太少,而且orm不像sqlalchemy那样可以跟mysql ...
- ScalaPB(4): 通用跨系统protobuf数据,sbt设置
我们知道,在集群环境节点之间进行交换的数据必须经过序列化/反序列化处理过程,而在这方面protobuf是一个比较高效.易用的模式.用户首先在.proto文件中用IDL来定义系统中各种需要进行交换的数据 ...
- 团队项目第二阶段个人进展——Day9
一.昨天工作总结 冲刺第九天,完成图片的优化,与队友一起讨论如何合并并优化 二.遇到的问题 无 三.今日工作规划 合并后优化
- ajax基本介绍
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML[Extensible Markup Language] ),是指一种 ...
- linux 文件传输 SCP
SCP :secure copy (remote file copy program) 也是一个基于SSH安全协议的文件传输命令.与sftp不同的是,它只提供主机间的文件传输功能,没有文件管理的功能. ...