第 86 頁-H5教程_html5圖文教程-PHP中文網

目前位置：首頁 > 科技文章 > web前端 > H5教程

方向：: 全部網路3.0 後端開發 web前端資料庫運維開發工具 php框架每日程式設計微信小程式常見問題其他科技 CMS教程 Java 系統教程電腦教學硬體教學手機教學軟體教學手遊教學

分類：: js教程 html教學 css教學 H5教程前端問答 PS教程 Bootstrap教程 Layui教程 Vue.js uni-app Unity ECharts Express框架 JSON Promise 正規表示式 less http edge chrome

最熱

最新

分享一個用canvas合成海報圖片的行動端項目

最近做了一個用canvas合成海報圖片的行動端項目，由於一點canvas基礎都沒有，所以去網上搜了一位前輩的demo，但是開發過程中遇到了很多問題，現將所遇問題及解決方法總結如下： 1、行動裝置canvas專案適配全螢幕問題問題說明：由於canvas的width和height只能設定px值，不支援rem單位，所以想在行動裝置螢幕解析度繁雜的情況下達到canvas鋪滿全

H5教程 6853 2017-06-30 15:26:43
css書寫順序需要注意哪些？

一、css順序　　首先聲明，瀏覽器讀取css的方式是從上到下的。我們一般書寫css只要元素具備這些屬性就會達到我們預期的效果，但是這會對以後的維護和瀏覽器的渲染效率帶來一定的影響，那麼該怎麼書寫css的順序呢？有沒有一定的規範呢？　　首先我們知道css的屬性依特性分為幾類；　　1.規定元素特性，如display、position、float，這些屬性會決定他的排版方式　　2.規定元素的空間

H5教程 1516 2017-06-30 15:26:11
vue的資料互動形式有哪些

var that=this get請求that.$http.get("1.txt").then(function(result){console.log(result)this.msg=result.data;})post請求需要環境傳送資料接收數據that.$http.post("1.txt","").then(f

H5教程 2342 2017-06-30 15:25:39
h5實現QQ聊天氣泡的實例介紹

這篇文章主要介紹了HTML5實現QQ聊天氣泡效果，用 HTML/CSS 做了個類似QQ的聊天氣泡，具有一定的參考價值，有興趣的小伙伴們可以參考一下

H5教程 3092 2017-06-29 16:01:42
className和a href 的實例詳解

JS 和a href 在href裡面注意到分號結尾, 引號閉合<a href="javascript:;">空連結</a><a href="javascript:alert('a');">彈出</a >一般不妨代碼, 一般讓它空著. 空著也可以用井號'#', 但不是很好.className<style>#div1 {width:100p

H5教程 2266 2017-06-29 11:14:52
分享行動端網頁寬度值實例代碼

行動網頁寬度值（未加meta viewport標籤）:iphone:980pxGalaxy（蓋樂世）：980pxNexus：980pxblackberry（黑莓）：980pxLG：980pxNokia：980pxkindle：1600pxLG: 980pxNokia：980pxkindle：1600pxxLG: 480pxN ipad 2 <

H5教程 2166 2017-06-29 11:13:17
ios載入html5 audio標籤時遇到的問題分享

html5 audio標籤在ios 微信瀏覽器中是無法自動播放的，最近在做一個小的專案遇到這個問題，安卓和pc都是正常的，唯獨ios不行，查閱了很多資料，找到了以下方法，也許不是最好用的方法，如果有更方便的方法，盡請留言：html部分：<audio id="audio"><source src="20161012102044_57fd9dfc04

H5教程 2215 2017-06-29 10:12:14
帶你了解css中的3D效果

今天咱們來說一下,CSS中的3D效果.如果你把transform真的掌握的和純熟的話,就可以直接通過CSS做出很多很酷炫的效果,甚至.輪播圖和選項卡都可以通過CSS來做,咱們明天就說如何運用CSS來做輪播圖,大家記得看哦!很好,話不多說,翠花'上代碼': 1 <!DOCTYPE html> 2 <html> 3 <head>

H5教程 1618 2017-06-28 10:36:29
SVG製作簡單圖形的實例介紹

圓形<svg width=”200” height=”200”> <circle cx=“100” cy=“100” r=“80”描邊=“綠色”描邊寬度=“4”填充=“非”

H5教程 1978 2017-06-28 10:33:17
nw.js的localStorage的實體儲存實例詳解

前言因為在做美團外帶商家端的nw.js殼子項目，需要確保在殼子裡面使用localStorage的資料可以持久化保存。發現nw可以保存，即使刪除應用重寫打包也可以保存，所以解決了這個需求，但是還是需要知道具體儲存在哪裡，否則不清楚什麼情況下資料會丟失。儲存位置nw.js打包出來的應用程式的localStorage的儲存目錄為：**C:\Users\【使用者名稱】\AppData\Local\【nw

H5教程 2729 2017-06-28 10:31:12
關於Vue Admin的詳細介紹

Vue Admin 是一個基於Vue 2.0 & Bulma 0.3 的後台管理面板（管理系統），相當於Vue 版本的Bootstrap 管理系統，提供了一組通用的後台介面UI 和元件，其中還有豐富的圖表元件，開箱即用。趕快來體驗一下吧。線上示範免費下

H5教程 5315 2017-06-27 11:04:06
前端效能優化的方法？

前端效能優化的方法？ content方面1，減少HTTP要求：合併檔案、CSS精靈、inline Image2，減少DNS查詢：DNS查詢完成前瀏覽器無法從這個主機下載任何任何檔案。方法：DNS快取、將資源分佈到適當數量的主機名，平衡並行下載和DNS查詢3，避免重定向：多餘的中間存取4，使Ajax可快取5，非必須元件延遲載入6，未來所需元件預載7，減少DOM元素數量8，將資源放

H5教程 1708 2017-06-27 11:03:02
一個簡單實用的js插件--Swiper

Swiper(Swiper master)是目前應用較廣泛的行動端網頁觸控內容滑動js插件,可以用來做輪播和滑動.

H5教程 2791 2017-06-27 11:02:34
行動端meta行的總結

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> 　width: viewport 的寬度（範圍從200 到10,000 ，預設為980 像素）height: viewport 的高度（範圍從223 到10,000

H5教程 1407 2017-06-27 10:04:30
Angular2該如何學習？

最近專案使用angular2,1和2版本變化大變樣。以下總結一些學習網址及安裝步驟。中文官網(必看)：https://angular.cn懶人學習：http://www.imooc.com/learn/789支援bootstrap UI元件https://github.com/angular-ui/bootstrap沙漠老師傑作（有視訊原始碼）：http://git.

H5教程 1791 2017-06-27 10:04:04