視口單位(Viewport units) 什么是視口？ 在桌面端，視口指的是在桌面端，指的是瀏覽器的可視區域；而在移動端，它涉及3個視口：Layout Viewport（布局視口），Visual ...

前言 checkbox和radio樣式自定義在網頁中是很常見的， 比如在進行表單輸入時性別的選擇，用戶注冊時選擇已閱讀用戶協議。隨着用戶對產品體驗要求越來越高，我們都會對checkbox和radio ...

一、靜態布局(Static Layout) 1. 布局概念 最傳統、原始的Web布局設計。網頁最外層容器(outer)有固定的大小,所有的內容以該容器為標准,超出寬高的部分用滾動條(overflo ...

首先明確一點是， flex 是 flex-grow、flex-shrink、flex-basis的縮寫。故其取值可以考慮以下情況： flex 的默認值是以上三個屬性值的組合。假設以上三個屬性同樣取默 ...

一、先來個實戰 1. 測試案例 需求: 要求表情庫里所有表情包大小都固定 實際效果: 由於圖片原始大小都不一樣,強行設定大小值會導致拉伸,如果不設定大小則參差不齊。例如: ...

隨着響應式設計模型的誕生，Web網站又要發生翻天腹地的改革浪潮，可能有些人會覺得在國內IE6用戶居高不下的情況下，這些新的技術還不會廣泛的蔓延下去，那你就錯了，如今淘寶，凡客，攜程等等公 ...

fetch是web提供的一個可以獲取異步資源的api，目前還沒有被所有瀏覽器支持，它提供的api返回的是Promise對象，所以你在了解這個api前首先得了解Promise的用法。參考阮老師的文章 ...

這次有個需求是在web首頁添加分類菜單，一共是8個分類，在移動端水平展示，可以左右滾動。 最后在手機上微信瀏覽器看到是有個滾動條，非常影響美觀。 主要通過以下代碼實現水平滾動 那如何 ...

昨天吐槽了cocos2d-js的問題，所以就准備調研幾個其它HTML5引擎，發現PIXI性能極高，但是沒有音頻。而Phaser.js是在PIXI.js的基礎之上進行的封裝。而國內有一家公司，開發一個叫 ...

這里是新手了解，生產用到的話，請移到具有兼容性好的 store.js H5的兩種存儲技術的最大區別就是生命周期。 1. localStorage是本地存儲，存儲期限不限； 2. session ...