通過前幾天寫的兩篇博客(淺談移動端三大viewport和移動端em和rem區別),我們現在來總結一下如何實現一個最佳方案。 之前在第二篇博客中提到過我們可以使用媒體查詢來針對不同設備及做適配,如下圖 但是這個可能不會太精准,比如我的設備布局viewport可能是370px ...
Lighthouse是一個Google開源的自動化工具,主要用於改進網絡應用 移動端 的質量。目前測試項包括頁面性能 PWA 可訪問性 無障礙 最佳實踐 SEO。Lighthouse會對各個測試項的結果打分,並給出優化建議,這些打分標准和優化建議可以視為Google的網頁最佳實踐。 使用入門 運行Lighthouse的方式有三種:在開發者工具 Devtools 的Audits,作為Chrome拓展 ...
2018-02-10 18:22 0 1664 推薦指數:
通過前幾天寫的兩篇博客(淺談移動端三大viewport和移動端em和rem區別),我們現在來總結一下如何實現一個最佳方案。 之前在第二篇博客中提到過我們可以使用媒體查詢來針對不同設備及做適配,如下圖 但是這個可能不會太精准,比如我的設備布局viewport可能是370px ...
前言 隨着移動互聯網市場快速發展,以往“跑馬圈地”式的粗獷運營時代已成為過去時。大環境的改變,也導致移動端的數據統計分析在產品的研發、決策、運營等方面起着越來越重要的作用,“精細化運營”一時間成為熱點詞——從大廠到創業團隊,無論是自建數據統計系統還是借助於第三方,市場對於簡單易用、穩定可靠數據 ...
前言 這幾天,第三輪全站優化結束,測試項目在2G首屏載入速度取得了一些優化成績,對比下來有10s左右的差距: 這次優化工作結束后,已經是第三次大規模折騰公司框架了,這里將一些自己知道的移動端的建議提出來分享下,希望對各位有用 文中有誤請您提出,以免誤人自誤 技術選型 單頁or多頁 ...
。 接下來的幾篇文章主要介紹使用web技術進行移動應用開發時,應遵循的一些‘最佳實踐’。這里所說的最佳實踐 ...
一、js概述 js即JavaScript,是被設計用來驗證表單、檢測瀏覽器、創建cookies、改進設計以及更多應用的網絡腳本語言,它非常容易使用。在web應用中,它是主要的編程語言,主要用途是進行各種邏輯控制、行為展現等。對於js的優化,對於整個應用的提升都是非常顯著的。 二、使用字面量 ...
LightHouse LightHouse 是一個Google開源的自動化工具,主要用於改進網絡應用(移動端)的質量。 目前測試項包括頁面性能、PWA、可訪問性(無障礙)、最佳實踐、SEO。Lighthouse會對各個測試項的結果打分,並給出優化建議,這些打分標准和優化建議可以視為Google ...
最近在項目中用到了flexbox,總結一下使用心得。 一、什么是flexbox,干嘛使的? 曾幾何時,我們特別希望能像word一樣,在排版時有個分散對齊選項(平均分配子元素寬度)這樣我就可以任意在父元素里添加子元素的個數,而不用經過繁瑣的計算。 css3中的flexbox可以實現這一點 ...
下載代碼 我在WebGIS最佳實踐-2 在WebGIS程序中實現路徑分析中提到過pgRouting,現在來看看這頭小象能給我們帶來些什么。 先上效果圖給大家鼓鼓勁。:》 為了實現以上效果我用jsp和openlayers編寫了服務端和客戶端,但是本文的重點是介紹 ...