- 博客(65)
- 收藏
- 关注
RSS订阅转载 MIP个性化组件提交规范
MIP个性化组件一般用来实现前后端数据传输或特殊的交互效果，由广大开发者贡献。出于性能、可维护性等方面的考虑，开发者在新增组件或升级组件时，请遵守以下规范。规范中的必须（MUST），禁止（MUST NOT），应该（SHOULD），不应该（SHOULD NOT），建议（MAY），不建议（MAY NOT）关键词使用遵循TFC2119规范。新增组件速度&展现相关1.1...
2018-08-01 17:10:14
1254
1
转载 MIP 支付组件，支付流程：
MIP 支付组件，支付流程： 标题 内容 类型 通用 支持布局 responsive,fixed-height,fill,container,fixed 所需脚本 https://c.mipcdn.com/static/v1/mip-simple-pay/mip-simple-pay.js,https://c.mipcdn.com/stat...
2018-07-27 17:41:29
647
转载 MIP 网站中熊掌号登录
标题 内容 类型 通用 支持布局 responsive,fixed-height,fill,container,fixed 所需脚本 https://c.mipcdn.com/static/v1/mip-mustache/mip-mustache.js https://c.mipcdn.com/static/v1/mip-login-xzh/mi...
2018-07-27 17:29:18
2962
转载 MIP 扩展组件开发手册
本手册将向你展示，完成一个 MIP 扩展组件的开发需要做哪些事情。在此之前，我们假定你：有一定的 HTML、CSS 和 JavaScript 基础 了解 AMD 的模块管理方式 熟悉版本管理工具 Git 有自己的 GitHub 账号 懂得使用 npm步骤通常情况下，从零开始开发一个 MIP 扩展组件并上线，需要经过下面的几个步骤：1、准备: 在 GitHub 上 for...
2018-07-27 14:46:21
888
转载 2017 到 2018，PWA 技术到底经历了什么
高磊 OpenWeb开发者 1周前在 GMTC 2018 全球大前端会议举办期间，高磊担任主题演讲嘉宾，并担任 PWA 专场出品人。作为有近 10 年 Web 前端技术开发、管理经验的开发者，高磊一直关注着 PWA 技术的发展。2017年 6月10日，GMTC 2017 开幕，仅来自 Google 的工程师 Michael 分享了题目为《PWA：移动 Web 的现在与未来》的主题演讲，...
2018-07-25 16:55:52
1070
转载 移动Web体验月报（6月）：MIP 核心代码升级，增加基于 Vue 开发能力
原创： BrilliantOpenWeb OpenWeb开发者 7月6日作者 | Brilliant Open Web 团队 编辑 | Daisy升级与重要进展历时2个月，MIP团队完成了核心代码重构与核心功能升级，MIP新版本核心代码（V2）在实现向下完全兼容当前代码（V1）的同时，也提供了新的能力，其中重要的几项是：基于 Vue 的新组件开发方式，使组件开发更加便捷高效...
2018-07-25 16:40:21
604
转载 MIP 问题解决方案大全（2018-06更新）
在 MIP 推出后，我们收到了一些站长的疑问。现将常见问题整理出来，帮助大家了解 MIP 的知识。一、MIP 认知类问题二、改造前准备三、前端改造，组件使用四、提交生效五、MIPCache六、更多学习资源 一、MIP 认知类问题 1.1 MIP 化的收益是什么？具体数据是怎样的 ?从目前收集到的数据来看，网站 MIP 化上线后，页面速度提升 30%~80%，页面到...
2018-07-24 14:56:27
2365
转载 MIP 技术月报（4月）：支持熊掌号登录；优化页面悬浮元素
之前由MIP团队维护的《移动 Web 加速技术月报》从本期开始，正式升级为《MIP 技术月报》，与以往不同的是，《MIP 技术月报》将会与大家分享包含移动加速技术以外的其他移动应用开发的技术，从移动用户体验、开发体验出发来分享 MIP 的更多技术点，技术面也将涉及更广的范围。更重要的是，每期会与大家分享 MIP 项目的当月重大技术进展。本期看点MIP 为开发者提供熊掌号登录组件。在提...
2018-07-24 14:54:02
134
转载 MIP 组件库升级公告
背景为了方便广大开发者们更好地使用组件，现对 MIP 组件库统一进行升级，升级后将分为通用组件和自定义组件两类，方便开发。通用组件，即考虑了组件通用性方便所有开发者参考使用的组件，将存放于 mip-extensions 仓库下，同时欢迎开发者贡献通用组件，为 MIP 技术做贡献，提交通用组件时，请通过 GitHub mipengine/mip-extensions提交。自定义组件，即针...
2018-07-24 14:43:34
311
转载 HTTP 视频怎么在 MIP 页面中使用？
在 MIP 中，一些资源的使用需要支持 HTTPS，视频就是其中一种。但目前大部分站点的视频资源都还是 HTTP 的资源，无法在百度 MIP 搜索结果中直接使用， mip-video 视频组件针对 HTTP 的视频资源采用跳到一个 HTTP 的播放页面进行播放，这种体验并非最佳。故 MIP 项目组联合百度搜索，推出在 MIP 中直接使用 HTTP 视频源进行播放的解决方案，那就是 mip-vd-b...
2018-07-24 14:41:22
1518
转载 新手教程：不写JS，在MIP页中实现异步加载数据
从需求谈起：在 MIP 页中异步加载数据MIP（移动网页加速器） 的 加速原理 除了靠谱的 MIP-Cache CDN 加速外，最值得一提的就是组件系统。所有 JS 交互都需要使用 MIP 组件实现，保证页面中所有 JS 都是最精简高效的，避免一个导航效果需要引用 jquery.js，bootstrap.js，bootstrap-some-nav.js 等多个 JS 实现。诚然，“所有交互...
2018-07-24 14:40:02
1055
转载 MIP 脚本域名地址变更公告
尊敬的 MIP 开发者：MIP 团队为了解决 MIP-Cache 页面下 cookie 相互覆盖问题，增强站点品牌露出，在 2017 年 8 月将 MIP 的脚本域名和 MIP-Cache 页面域名进行了升级变更，详见说明 MIP-Cache 域名升级。在 12 月中旬，MIP 团队修改了官网文档及 MIP 配套工具（mip-cli），将原 MIP 脚本的域名地址 mipcache.bds...
2018-07-24 14:38:46
342
转载 MIP技术进展月报第2期: 数据绑定，异步脚本加速
一、 功能更新1. mip-bind 上线，实现复杂交互MIP bind 双向绑定机制和组件上线，提供双向绑定的特性；能够允许页面实现数据驱动功能，开发者可以在任意场景修改数据，并驱动页面元素变动。MIP 小姐姐画外音： 在上一期的技术月报中，MIP 小姐姐给大家预告了 MIP 将支持更多复杂的交互功能，现在，这个大家期盼已久的新功能就闪亮登场了！功能实现，意味着 MIP 技术的适...
2018-07-24 14:29:09
212
转载 WebP 在减少图片体积和流量上的效果如何？MIP技术实践分享
作者 | Jackson 编辑 | 尾尾不论是 PC 还是移动端，图片一直占据着页面流量的大头，在图片的大小和质量之间如何权衡，成为了长期困扰开发者们的问题。而 WebP 技术的出现，为解决该问题提供了好的方案。本文将为大家详细介绍 WebP 技术，同时也会分享该技术在 MIP 项目中的实践。一、什么是 WebP ？WebP 是由 Google 收购 On2 Te...
2018-07-24 14:26:45
307
转载 改造MIP获得搜索青睐，轻松完成SEO
搜索引擎目标及页面排序方法搜索引擎作为互联网流量的入口，承担着流量分发的职责。但排序成千上万的网页，决定哪些网页在第一页，是由网页本身的用户体验决定的。权重算法会从内容优质性，广告多少，加载速度等多个角度评估网页的用户体验，让更优质的结果被用户看到，满足用户搜索需求。比如百度先后推出了 冰桶算法（打击广告过多影响阅读的网页），蓝天算法(打击新闻源作弊，展现低质量内容现象)，清风算法(减少标...
2018-07-24 14:25:04
340
转载 MIP 技术进展月报：储存功能全新上线，MIP-Cache域名升级，校验更严谨
集 * 瞬时触达用户、高转化率、炫酷闪电标、优质展现形式 * 等诸多特性为一体的 MIP 页面吸引了众多站点进行改造。为了更好地服务于广大站长，更快地倾听站长们的声音，MIP 技术团队特推出《MIP 技术进展月报》，欢迎大家对 MIP 技术提建议，可以通过 github/issues 和 mip-support@baidu.com 与我们交流！一、本月新增功能一览1. 新增储存功能...
2018-07-24 14:23:13
433
1
转载 MIP 移动网页加速器视频教程全新发布
MIP (Mobile Instant Pages - 移动网页加速器) 是百度推出的开源项目，用于移动端页面加速。MIP 技术通过优化浏览器资源加载，前端代码执行及 CDN 缓存加速来加速页面，打造秒开的页面浏览体验。目前，有 5000 多家站点的 MIP 页已经生效，享受到了 MIP 的加速效果和到达率提升，还有更多的开发者正在学习 MIP 技术。课程简介MIP 开发系列课程将用 ...
2018-07-23 15:10:50
378
转载 MIP 问题解决方案大全（2018-06更新）
在 MIP 推出后，我们收到了一些站长的疑问。现将常见问题整理出来，帮助大家了解 MIP 的知识。一、MIP 认知类问题二、改造前准备三、前端改造，组件使用四、提交生效五、MIPCache六、更多学习资源 一、MIP 认知类问题 1.1 MIP 化的收益是什么？具体数据是怎样的 ?从目前收集到的数据来看，网站 MIP 化上线后，页面速度提升 30%~80%，页面到...
2018-07-23 15:07:15
900
转载 MIPCache 域名升级
一、MIPCache URL 是什么举个例子，MIP 官网的 URL 为：https://www.mipengine.org对应的 MIPCache 的 URL 为：https://mipcache.bdstatic.com/c/s/www.mipengine.org所谓 MIPCache URL 是经过 MIP-Cache CDN 缓存后的 MIP 页面地址，指向 M...
2018-07-23 15:02:22
900
转载 MIP ACCESS细节剖析
什么是 MIP ACCESSMIP ACCESS 由百度 MIP 团队开发的一种页面访问权限控制机制，能够允许网页发布者在页面元素中定义内容标记，并结合用户访问情况进行综合评价，从而展现或隐藏页面中内容，直至用户登录、订阅或付费后才能够查看隐藏内容的一种全新阅读模式。优势在哪里？方式新颖：页面中任何元素都能加入权限控制标记，并根据标记解析情况进行展示或隐藏，打破了传统阅读只展示前...
2018-07-23 15:00:45
184
转载 【转】百度站长平台MIP引入工具使用心得
MIP引入主动推送流程对于 MIP 站点改造好了，我们如何提交数据，并且 MIP 提交后，我们能得到哪些数据的反馈，在这里简单的写一篇文章，说一下。改造 MIP，我们一般是添加了一个二级域名站点进行改造，比如 mip.xxx.com、在 m.xxx.com改造，或者是m.xxx.com/mip/，那么我们需要在百度站长后台，将这个含有 MIP 页面的二级站点添加一下。然后在百度站长后台...
2018-07-23 14:57:19
1197
转载 广州站长沙龙 MIP 问题及答案
1. mip提交几个月时间了，生效量比较少，是什么原因？答：提交 MIP 页面后，经过收录、校验、和生效三个步骤，才能在结果页看到闪电标。1）提交 URL 后，spider 会去抓取收录； 2）页面收录后，会进行 MIP 校验，如果页面不能通过前端校验，则说明页面源码不符合 MIP 规范，此时页面收录成功，但是并没有生效。 3）只有页面符合 MIP 规范，并且能通过前端校验，页面才算...
2018-07-23 14:55:54
131
转载 【转】mip-semi-fixed 走走又停停
写在前面MIP 中悬浮元素的特殊情况其实组件上线已经有一段时间了，最开始看到这个需求是站长提交了一个这中功能的组件过来，不过看过代码立刻就想到了 MIP 页面的特殊性：从结果页打开的 MIP 页面，是嵌套在一个 iframe 之中的。在这种特殊的情况下，单纯的通过 position: fixed 去实现 DOM 元素的悬浮存在一系列的问题。比如，在 ios 的 safari 浏览器...
2018-07-23 14:54:33
149
转载 【转】AB实验设计思路及实验落地
这篇文章会讨论： 1. 在什么情况下需要做 AB 实验 2. 从产品/交互角度，如何设计一个实验 3. 前端工程师如何打点 4. 如何统计数据，并保证数据准确可信 5. 如何分析实验数据，有哪些数据需要重点关注 6. 附：如何搭建前端实验项目，以 mip-experiment 为例一. AB 实验的使用场景和正确用法通常，在页面有样式变化，但...
2018-07-23 14:52:46
1168
转载 mip-link 组件功能升级说明
背景描述某个页面被多少页面引用（在其他页面上有指向这个页面的 a 标签），是搜索引擎判断这个页面价值的其中一个因子。这里的搜索引擎不只是指百度，还包括国内外其他的搜索引擎。MIP 在最初设计 MIP url 跳转逻辑实现时，并未考虑到搜索引擎判断页面价值的这一个点，设计了 mip-link 组件代替了部分 a 标签功能，打断了搜索引擎通过 a 标签去判断页面的价值，导致使用了 mip-li...
2018-07-23 14:48:37
161
转载 百度推出 MIP Baidu Path链接
在站长将站点 MIP 化时，需要关注 URL 的一共有三个：MIP URL, MIP-Cache URL 以及 MIP Baidu Path。从 URL 说起在互联网中，URL 定义页面的地址，每个 URL 对应一个页面。而 MIP URL 则是 MIP 页的原始地址，指向托管在站长服务器上的 MIP 页。MIP URL 是一个 MIP 页面的源头，其域名、服务器、内容都由站长自行...
2018-07-23 14:46:29
306
转载 【转】超酷的 mip-infinitescroll 无限滚动（无限下拉）
写在前面无限滚动技术（又叫做无限下拉技术）被广泛应用于新闻类，图片预览类网站。对用户来讲，使用无限滚动的页面有源源不断的信息可以预览，增加用户在页面的停留时长。技术上原理也很简单，在页面加载时加载一部分内容，当用户浏览到底部时想后端请求更多内容，显示在页面上。因此，继 mip-list 列表组件之后，为提升用户体验，开发了 mip-infinitescroll 无限滚动组件。简介m...
2018-07-17 16:59:33
833
转载 在 PWA 中使用 App Shell 模型提升性能和用户感知体验
在 PWA 中使用 App Shell 模型提升性能和用户感知体验作者｜潘宇琪 编辑｜Daisy在构建 PWA 应用时，使用 App Shell 模型能够在视觉和首屏加载速度方面带来用户体验的提升。另外，在配合 Service Worker 离线缓存之后，用户在后续访问中将得到快速可靠的浏览体验。 在实践过程中，借助流行框架与构建工具提供的众多特性，我们能够在项目中便捷地实现 App S...
2018-07-17 16:57:20
1746
转载 W3C近期要闻：W3C战略重点报告新版发布
作者 | W3C中国 「OpenWeb开发者」依托于BOW（Brillant Open Web）团队，是一个专门的 Web 技术建设小组，致力于推动 OpenWeb 技术的发展，将不定期为读者同步W3C要闻。 注：由于微信不支持外链，了解更多内容请点击阅读原文。一、文档发布HTML Media Capture2017年11月28日，W3C的设备与传感器工作组（...
2018-07-17 14:37:59
114
转载 大型网站的HTTPS实践：基于协议和配置的优化
作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索，默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS性能优化涉及到大量内容，在前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将对此一一进行介绍。关注OpenWeb开发者公众号，回复“HTTPS”，即可查看相关文章。上文《大型网站HTTPS实践...
2018-07-17 14:30:40
188
转载 高级精致&智能快捷的Web设计原则案例
作者 | 百度搜索用户体验中心 《Web设计指南》分为设计原则、基础规范两方面主要内容，同时会提供相应的实际案例及资源下载。关注OpenWeb开发者，回复“设计指南”，即可获取已发布资源。设计原则之高级精致简洁并不等于粗糙没有细节，严谨精细雕琢细节，给用户带来超出预期的愉悦，高品质的体验。品质感不仅仅适用于品牌范畴，也适用于Web生态中的具体页面，用户对内容和服务做出直观...
2018-07-17 14:15:53
179
转载 PWA将带来新一轮大前端技术洗牌？
作者 | 彭星 编辑 | 尾尾一、回顾历史：移动时代之初，Web遭遇两大枷锁Web 在移动时代遭遇两大枷锁1.Web 在移动时代遭遇两大枷锁当 Web 自信满满，步入移动时代之时，它还没有做好充足的准备。回顾 2014 到 2015 年那段时间，作为前端开发人员，我正忙着前后端分离和体验优化。那时，我投入精力最多的就是移动站点的体验优化，例如提升首屏速度，提升动画流畅性等。为...
2018-07-17 14:07:20
1135
转载 大型网站HTTPS实践：HTTPS对性能的影响
作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索，默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS性能优化涉及到大量内容，从前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将...
2018-07-17 13:41:12
637
转载 大型网站HTTPS 实践（一）| HTTPS 协议和原理
作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索，默认会将 HTTP 请求跳转成 HTTPS。本文就着重介绍了 HTTPS 协议涉及到的重要知识点和平时不太容易理解的盲区，希望能对大家理解 HTTPS 协议有帮助。百度 HTTPS 性能优化涉及到大量内容，从前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将...
2018-07-17 11:48:03
366
转载 移动Web加速技术月报第2期
作者 | Brilliant Open Web 团队breezet、shdong 编辑 | 尾尾 为推进Web技术的发展，Brilliant Open Web团队特推出每月一期的《移动Web加速技术月报》，该月报将整理较流行的移动Web加速技术，并跟进各项技术的进展和发展方向，以期帮助开发者了解或选用相关的技术，把握技术发展趋势。欢迎关注【OpenWeb开发者】公众号并回复“加群”，一起...
2018-07-17 11:33:34
178
转载 W3C近期要闻：与Mozilla MDN合作联合开发Web平台文档
作者 | W3C中国 「OpenWeb开发者」依托于BOW（Brillant Open Web）团队，是一个专门的 Web 技术建设小组，致力于推动 Open Web 技术的发展，将不定期为读者同步W3C要闻。 注：由于微信不支持外链，了解更多内容请点击阅读原文。一、文档发布1.正式推荐标准（W3C Recommendation）（1）OWL时间本体（T...
2018-07-16 15:31:12
302
转载 九个案例简述Web设计原则：简洁清晰
作者 | 百度搜索用户体验中心《Web设计指南》分为设计原则、基础规范两方面主要内容，同时会提供相应的实际案例及资源下载。欢迎关注OpenWeb开发者，订阅《Web设计指南》。前言《Web设计指南》是专门为广大Web内容生态提供一套简单实用的设计指南，目的是提升设计与开发的效率及质量，为广大用户提供优质的用户体验。Web内容数以千亿涵盖生活各个方面，除了稳定流畅的浏览，优质的内...
2018-07-16 14:54:00
1100
转载 Chrome Dev Summit 2017参会笔记
作者 | 高磊 编辑 | 尾尾为期两天的 Chrome Dev Summit 2017 于 10月23日~24日在美国旧金山举办。由于我们近期和Google的合作较多，对Google的动作也比较关注，所以受邀参加了这次的Chrome Dev Summit （CDS）。本文是我在现场做的笔记和参会的感受，分享给大家。一、Google开发者相关的会议体系对于Google在开发者方面的...
2018-07-16 14:45:30
408
转载 百度主任架构师谭待：如何让不带团队的程序员负责重大项目？
演讲 | 谭待整理 | 赵新龙、尾尾 谭待，百度主任架构师、百度搜索公司技术委员会联席主席。主要研究领域在分布式系统和搜索引擎，是百度BVC代理计算和Matrix私有云的主要设计者，两获百度最高奖。主持设计了百度新一代搜索架构，在时效性和计算规模上实现了大幅提升；同时主导了极速搜索、全站HTTPS等百度搜索的一系列重大革新，也是百度MIP项目的整体负责人。 本文是谭待在EGO主办...
2018-07-16 14:41:22
6683
转载 WebP 在减少图片体积和流量上的效果如何？WebP 技术实践分享
作者 | Jackson编辑 | 尾尾 不论是 PC 还是移动端，图片一直占据着页面流量的大头，在图片的大小和质量之间如何权衡，成为了长期困扰开发者们的问题。而 WebP技术的出现，为解决该问题提供了好的方案。本文将为大家详细介绍 WebP 技术，同时也会分享该技术在 MIP 项目中的实践。一、什么是 WebP ？WebP 是由 Google 收购 On2 Technolog...
2018-07-16 14:14:49
735
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人