原创 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