榜单
服务器优惠
AI论文
-
自定义元素实现接口
自定义元素实现接口 实例 / 属性 element 实例 / 方法 addEventAction static 方法 observedAttributes 生命周期钩子 constructor connectedCallback disconnectedCallback firstInviewCallback attributeChang... -
2. 创建自定义 Shell
2. 创建自定义 Shell 识别需求 创建 js 文件 2. 创建自定义 Shell MIP Shell 本质上也是一个 MIP 组件，因此它的开发方式和普通的自定义组件开发方式类似，也需要 fork 代码仓库 - 开发 - 调试 - 提交到仓库 这样几个步骤。关于自定义组件的开发方式可以参考这里 。 不过 Shell 作为一个特别的组件，和... -
3. 添加方法
3. 添加方法 固定下拉按钮的内容 创建底部栏 更新底部栏 绑定事件 头部按钮 底部栏 添加样式 3. 添加方法 继承的子类已经完成了，接下来是继承一些特定的方法，以完成我们的业务需求。 固定下拉按钮的内容 MIP Shell 基类在每个页面的大致处理过程是： 读取（自身标签内部的）页面配置 根据配置渲染/更新显示内容（如头部... -
1. 概述
概述 通过本教程您可以学到 学习本教程前您应该掌握 在开发前您需要准备 概述 前端中 数据驱动 的概念相信大家并不陌生：即不直接操作DOM节点，通过事先配置数据，并将 DOM 节点与数据绑定，通过触发数据的更新来触发 DOM 节点的更新。 MIP 提供的 mip-bind 的机制旨在帮助开发者打造通过数据驱动的、可交互的 MIP 站点。 ... -
1. 概述
1. 概述 通过本教程您可以学到 学习本教程前您应该掌握 在开发前您需要准备 1. 概述 MIP Shell 可以帮助开发者把多个单独的 MIP 页面串联起来，形成一个整体。此外，Shell 还提供了一个默认的头部标题栏以及多个按钮供开发者使用。但如果默认的 Shell 无法满足业务需求时，我们就需要“个性化 Shell”。 举例来说，所谓的... -
1. 概述
1. 概述 通过本教程您可以学到 学习本教程前您应该掌握 在开发前您需要准备 1. 概述 MIP 全称为 Mobile Instant Pages，因此是以页面 (Page) 为单位来运行的。开发者通过改造/提交一个个页面，继而被百度收录并展示。除此之外，MIP 中还包含了 Shell 部分，通过处理路由规则，页面切换效果和页面容器等将这些独立... -
1. 概述
概述 通过本教程您可以学到 学习本教程前您应该掌握 在开发前您需要准备 概述 MIP 通过提供 Shell 的机制，使我们的一个个独立页面得以串联起来，获得像单页应用 (SPA) 那样的切换效果，成为一个完整的站点。如果要打造全站式的复杂的业务场景，页面间数据共享是常见的需求。 比如这么一个场景： 我们有城市选择的需求，业务上存在首页和城市选... -
5. 提交组件
5. 提交组件 发起 Pull Request 调整和修改 发布使用 5. 提交组件 开发、调试、修改规范这一系列流程完成之后，我们需要将 fork 到您自己 github 仓库的代码合入原始仓库 https://github.com/mipengine/mip2-extensions-platform ，MIP 官方团队会定期将 mip2-e... -
2. 初始化全局数据
初始化全局数据 创建首页 数据初始化 数据绑定 页面效果 初始化全局数据 首页作为常规的入口页面，我们需要先在首页使用 mip-data 标签初始化基本的数据，包括我们接下来要使用的全局数据 city （城市选择结果）。 创建首页 我们首先创建一个页面作为首页，命名为 index.html 。页面的规范和具体结构我们就不在此重复了，...