MIP技術進展月報第2期: 數據綁定,異步腳本加速

一、 功能更新

1. mip-bind 上線,實現復雜交互

MIP bind 雙向綁定機制和組件上線,提供雙向綁定的特性;能夠允許頁面實現數據驅動功能,開發者可以在任意場景修改數據,并驅動頁面元素變動。

MIP 小姐姐畫外音: 在上一期的技術月報中,MIP 小姐姐給大家預告了 MIP 將支持更多復雜的交互功能,現在,這個大家期盼已久的新功能就閃亮登場了!功能實現,意味著 MIP 技術的適用領域進一步拓寬。

雙向綁定最經典的應用,就是實現用戶在選擇不同產品時,看到相應信息(如圖片、庫存、價格)變化的功能。

看個 demo,自己體會:

圖片

2. 支持頭部 async 加載 JavaScript 腳本

支持頭部 async 加載 JavaScript 腳本,腳本可以和頁面 DOM 加載同步進行,減少了腳本加載時間的等待,加快了整個頁面的渲染和展現速度。

MIP 小姐姐畫外音: 小姐姐又要來劃重點了
——以后,在頭部也可以添加 JavaScript 腳本了,不過一定要 async 加載!!總之,為了快,我們是認真的!

3. 組件升級

隨著越來越多的站長使用官方組件,MIP 開發團隊也對組件功能進行了優化更新。
(1)百度統計組件 mip-stats-baidu 統計組件修復事件追蹤、點出率等 BUG;
(2)mip-form 升級,去掉 mip-form 中的 password 和 file 限制。

MIP 小姐姐畫外音: MIP 的每一次進步都離不開站長、開發者和用戶提出的寶貴意見和反饋,幫助我們做得更好。MIP 小姐姐代表開發團隊,對所有支持和關注 MIP 的站長表示感謝~(鞠躬)

二、 校驗更新

  1. 新增 mip-vd-baidu 組件校驗。
  2. 新增 script 標簽加載腳本校驗,在 head 加載的 JavaScript 必須增加 async 屬性。

三、聯系我們

MIP 小姐姐出道以來,收到了很多建議和反饋,在這里,非常感謝大家的支持!

如果在 MIP 站點改造和工具使用中遇到問題,歡迎用以下方式向我們提問,每個渠道我們都有 * 專人值守 * 的哦!MIP 小姐姐 也是值守的一員呢~!

搜索生效、搜索資源平臺工具使用相關問題,請在百度搜索資源平臺—> 反饋中心—>MIP 選擇分類并詳細描述:
圖片

前端技術問題,請到 GitHub 提交 issue,MIP 的 GitHub 地址為:https://github.com/mipengine.

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/535836.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/535836.shtml
英文地址,請注明出處:http://en.pswp.cn/news/535836.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Hadoop的安裝與配置——設置單節點群集

本篇博客將主要介紹如何設置和配置單節點Hadoop安裝,以便我們可以使用Hadoop 的MapReduce與HDFS快速執行簡單的操作。 零、先決條件 1、本系列以Ubuntu Linux作為開發和生產平臺 2、Linux所需的軟件包括: JAVA:必須安裝Java,配置…

MIP 腳本域名地址變更公告

尊敬的 MIP 開發者: MIP 團隊為了解決 MIP-Cache 頁面下 cookie 相互覆蓋問題,增強站點品牌露出,在 2017 年 8 月將 MIP 的腳本域名和 MIP-Cache 頁面域名進行了升級變更,詳見說明 MIP-Cache 域名升級。 在 12 月中旬&#xff0…

新手教程:不寫JS,在MIP頁中實現異步加載數據

從需求談起:在 MIP 頁中異步加載數據 MIP(移動網頁加速器) 的 加速原理 除了靠譜的 MIP-Cache CDN 加速外,最值得一提的就是組件系統。所有 JS 交互都需要使用 MIP 組件實現,保證頁面中所有 JS 都是最精簡高效的&…

日常問題———安裝新版zookeeper 出現Starting zookeeper ... FAILED TO START

問題描述 安裝新版zookeeper使用 /apache-zookeeper-3.6.1.tar.gz解壓后運行zoServer.sh文件時出現Starting zookeeper … FAILED TO START錯誤 解決方案(過程) 實際上應該是下載錯了文件。在官網上有兩個tar.gz文件,從3.5.5版本開始&…

Hadoop的安裝與配置——搭建完全分布式集群

一、搭建集群 1、準備服務器(這里以我的3臺Centos7為例) 1個主節點:Carlota1(192.168.33.21),2個子節點:Carlota2(192.168.33.22),Carlota3(192.168.33.23) 2、配置主節點名 在主節點命令行輸入&#x…

HTTP 視頻怎么在 MIP 頁面中使用?

在 MIP 中,一些資源的使用需要支持 HTTPS,視頻就是其中一種。但目前大部分站點的視頻資源都還是 HTTP 的資源,無法在百度 MIP 搜索結果中直接使用, mip-video 視頻組件針對 HTTP 的視頻資源采用跳到一個 HTTP 的播放頁面進行播放&…

MIP 組件庫升級公告

背景 為了方便廣大開發者們更好地使用組件,現對 MIP 組件庫統一進行升級,升級后將分為通用組件和自定義組件兩類,方便開發。 通用組件,即考慮了組件通用性方便所有開發者參考使用的組件,將存放于 mip-extensions 倉庫…

騰訊云服務器 ubuntu 設置允許root用戶登錄和禁用ubuntu用戶

最近購買了騰訊云服務器,使用了 Ubuntu Server 18.04.1 LTS 64位操作系統,發現默認用戶為ubuntu,而無法用root用戶進行ssh登陸,本篇就記錄一下開通root和禁用ubuntu的過程。 1、設置允許root用戶登錄 使用用戶名ubuntu登錄sudo passwd root…

Ubuntu 修改 hostname

1、vi /etc/cloud/cloud.cfg 2、將preserve_hostname: false修改為preserve_hostname: true 3、hostnamectl set-hostname 主機名 4、reboot重啟系統生效

MIP 技術月報(4月):支持熊掌號登錄;優化頁面懸浮元素

之前由MIP團隊維護的《移動 Web 加速技術月報》從本期開始,正式升級為《MIP 技術月報》,與以往不同的是,《MIP 技術月報》將會與大家分享包含移動加速技術以外的其他移動應用開發的技術,從移動用戶體驗、開發體驗出發來分享 MIP 的…

Ubuntu18.04安裝最新版Docker

卸載舊的docker版本apt-get remove docker docker-engine docker.io containerd runc更新軟件列表apt-get update.允許apt命令可以使用HTTPS訪問Docker repositoryapt-get install apt-transport-https ca-certificates curl gnupg-agent software-properties-common添加Docker…

MIP 問題解決方案大全(2018-06更新)

在 MIP 推出后,我們收到了一些站長的疑問。現將常見問題整理出來,幫助大家了解 MIP 的知識。 一、MIP 認知類問題二、改造前準備三、前端改造,組件使用四、提交生效五、MIPCache六、更多學習資源 一、MIP 認知類問題 1.1 MIP 化的收益是什…

Ubuntu18使用docker快速安裝oracle 11g

1、安裝docker環境,參照Ubuntu18.04安裝最新版Docker 2、下載oracle鏡像docker pull deadok22/docker-oracle-xe-11g 3、下載完成后,啟動oracle鏡像作為容器:docker run -h "oracle" --name "oracle" -d -p 49160:22 -p …

ubuntu新建用戶后,終端下方向鍵和tab鍵不可用的解決方法

問題描述: 用adduser命令新增了用戶之后,發現在該新建用戶下的命令終端,使用方向鍵無法調出歷史命令,同時tab鍵也無法補全輸入命令。 問題解決: 在/etc/passwd中發現,該新建用戶使用的shell為/bin/sh&…

移動Web體驗月報(6月):MIP 核心代碼升級,增加基于 Vue 開發能力

原創: BrilliantOpenWeb OpenWeb開發者 7月6日 作者 | Brilliant Open Web 團隊 編輯 | Daisy 升級與重要進展 歷時2個月,MIP團隊完成了核心代碼重構與核心功能升級,MIP新版本核心代碼(V2)在實現向下完全兼容當前代…

騰訊云ubuntu18安裝圖形化界面

0、apt-get update 1、sudo apt-get install xinit 2、sudo apt-get install gdm3 3、apt-get install ubuntu-desktop

2017 到 2018,PWA 技術到底經歷了什么

高磊 OpenWeb開發者 1周前 在 GMTC 2018 全球大前端會議舉辦期間,高磊擔任主題演講嘉賓,并擔任 PWA 專場出品人。作為有近 10 年 Web 前端技術開發、管理經驗的開發者,高磊一直關注著 PWA 技術的發展。 2017年 6月10日,GMTC 201…

CentrOS7靜默安裝oracle11g

最近要做一個用ogg實現oracle到kafka的增量數據實時同步,但是Oracle就讓我裝了好久,這里來記錄一下安裝oracle過程。 1.建立swap分區 創建充當swap分區的文件,文件大小就是要增加的swap大小,of是文件位置,bs為單位&a…

MIP 擴展組件開發手冊

本手冊將向你展示,完成一個 MIP 擴展組件的開發需要做哪些事情。在此之前,我們假定你: 有一定的 HTML、CSS 和 JavaScript 基礎 了解 AMD 的模塊管理方式 熟悉版本管理工具 Git 有自己的 GitHub 賬號 懂得使用 npm 步驟 通常情況下&am…

Zookeeper分布式安裝部署

本篇博客將主要介紹如何進行Zookeeper的分布式安裝部署 集群規劃 在Carlota1、Carlota2、Carlota3三臺機器上進行部署。 安裝部署 1、解壓安裝 上傳壓縮文件apache-zookeeper-3.6.1-bin.tar.gz到三臺機器上解壓文件tar -zxvf apache-zookeeper-3.6.1-bin.tar.gz改個名&…