原创 HTML5之canvas基礎
HTML5之Canvas 1. Canvas默認的寬度爲300px,高度爲150px 2. 要在標籤上設置寬高 不然樣式中的寬高是在原來比例上進行等比例縮放的 3. 一般邊框多出來一像素的原因:從開始的點向左,向右邊分別延伸0.5像
原创 html5本地存儲localStorage 存儲json對象存儲格式問題
html5本地存儲localStorage 存儲json對象存儲格式問題 localStorage.setItem(att)會自動將att存儲成字符串形式,如: var arr=[1,2,3];localStorage.setItem
原创 chrome瀏覽器書籤同步設置
爲了方便現場辦公和遠程辦公谷歌收藏信息同步保存,便於查看,百度搜索到一篇設置書籤同步的文檔,親測有效方便 教程鏈接 https://jingyan.baidu.com/article/bad08e1ec944dc09c85121c1.ht
原创 a嵌套img標籤的問題:元素底部爲何有空白?
<img>元素底部爲何有空白? 現代瀏覽器中,<img>元素默認情況下底部會有空白,那麼這個空白到底是從哪裏來的? 1、首先,<a>標籤是inline的,框模型是:行內框。行內框沒有包含圖片的表現,<img>的標籤就好像
原创 跨平臺移動APP開發進階(一)mui開發注意事項
mui開發注意事項 Mui HTML5開發框架 mui是一個高性能的HTML5開發框架,從UI到效率,都在極力追求原生體驗;這個框架自身有一些規則,剛接觸的同學不很熟悉,特總結本文;想了解mui更詳細的信息,請訪問mui官網。 D
原创 HTML5之離線存儲
applicationCache l 離線應用是什麼? • 乘坐飛機、手機信號弱、去演講的時候,可能沒有網絡,這個時候就可以採用離線應用。 • 離線存儲如何工作的? • l 離線存儲的好
原创 localStorage存值取值以及存取JSON,以及基於html5 localStorage的購物車
localStorage.setItem("key","value");//存儲變量名爲key,值爲value的變量 localStorage.key = "value"//存儲變量名爲key,值爲value的變量
原创 跨平臺移動APP開發進階(三)hbuilder+mui mobile app 開發心酸路
1.問題描述:在實現圖片輪轉時,若將 <script type="text/javascript"> mui("#slider").slider({ interval: 5000 }); </script> 置於圖片加載之前
原创 跨平臺移動APP開發進階(二)HTML5+、mui開發移動app教程
前端開發APP,從HBuilder開始~ 序 通過 HTML5 開發移動App 時,會發現HTML5 很多能力不具備。爲彌補HTML5 能力的不足,在W3C 中國的指導下成立了www.HTML5Plus.org組織,推出HTML5+
原创 HTML5培訓第14節課堂筆記(列表滑動刪除的實現、側滑菜單的生成)
HTML5培訓第14節課堂筆記 1.列表滑動刪除的實現: (1)li要改造 <liclass="mui-table-view-cell"> <divclass="mui-slider-left mu
原创 HTML5培訓第15節課堂筆記(HTML5+maps,geolocation)
HTML5培訓第15節課堂筆記 1.地理信息定位: window.οnlοad=function(){ mui.plusReady(function(){ plus.geolocation.getCu
原创 HTML5之新特性(選擇器、class列表屬性、JSON新方法、data自定義數據、延遲加載JS)
HTML5之新特性 l HTML5新特性的瀏覽器支持情況 • http://www.caniuse.com/#index • l 新的選擇器 • querySelector 獲取一個或一組中第一個元
原创 HTML5培訓第16節課堂筆記
HTML5培訓第16節課堂筆記 多媒體專題: 1. 拍照: (1) 調用系統接口 var cam=plus.camera.getCamera(1);//number值 1 前置 (2) 拍照 拍照:
原创 HTML5之Web Workers
l 什麼是worker? • JS的單線程(放入UI隊列的個數,利用定時器解決) • 可以讓web應用程序具備後臺處理能力,對多線程的支持非常好。 l WorkerAPI • newWorker(‘後臺處理的J
原创 HTML5培訓第13節課堂筆記(mui綁定事件、預加載頁面傳值、懶加載、tabbar的切換)
HTML5培訓第13節課堂筆記 1.mui綁定事件: mui("#list").on("tap","a",function(){ }); .on( event , selector , handler