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

  • 移動端的頭部標籤的使用方法
    移動端的頭部標籤的使用方法
    1.meta標籤http-equiv屬性語法格式:    <meta http-equiv="expires" content="wed,20 Jun 2007 22:33:00 GMT"/> <!--expires 期限,可用於網頁的到期時間,一旦網頁過期,必須到伺服器重新傳輸--> 2.content-type (顯示字元集的設定)  設定頁
    H5教程 2136 2017-06-20 14:02:06
  • 如何繪製路徑-線段
    如何繪製路徑-線段
    Canvas繪圖環境中有些屬於立即繪製圖形方法,有些繪圖方法是基於路徑的。 立即繪製圖形方法只有兩個strokeRect(),fillRect(),雖然strokezText(),fillText()方法也是立即繪製的,但是文字不算是圖形。 基於路徑的繪製系統 大多數繪製系統,如:SVG(Scalable Verctor Graphics, 可縮放的向量圖形),Adobe Illustrator等
    H5教程 2762 2017-06-20 14:00:45
  • 音樂播放器的製作實例(html5)
    音樂播放器的製作實例(html5)
    相關技能 HTML5+CSS3(實現頁面佈局和動態效果) Iconfont(使用向量圖示庫新增播放器相關圖示) LESS (動態CSS編寫) jQuery(快速編寫js腳本) gulp+webpack(自動化建置工具,實作LESS,CSS,JS等編譯和壓縮程式碼) 實現的功能 播放暫停(點擊切換播放狀態) 下一曲(切換下一首) 隨機播放(目前歌曲播放完自動播放下一曲) 單曲循環(點擊
    H5教程 3698 2017-06-20 14:00:00
  • HTML5 中的一些有趣的新特性
    HTML5 中的一些有趣的新特性
    HTML5 是近十年來 Web 開發標準最巨大的飛躍。 HTML5 並非僅用來表示 Web 內容,它將 Web 帶入一個成熟的應用平台,在 HTML5 平台上,視訊、音訊、圖象、動畫,以及同電腦的互動都被標準化。 本教學將教導大家HTML5中的新特性,以及每種標籤的使用 HTML5 中的一些有趣的新功能: 用於繪畫的 canvas 元素 用於媒介回放的 video 和 audio 元素 對本地離
    H5教程 2113 2017-06-20 13:58:16
  • 微信開發實戰之分享功能
    微信開發實戰之分享功能
    透過對需求的了解,可以將其分解為: (1)微信端手機用戶,可以使用微信的JSSDK。 (2)選取圖片,使用JSSDK的“chooseImage”,由於分享圖片時本地地址無法分享,因此還需要JSSDK的“uploadImage”。 (3)分享到朋友圈,需要JSSDK的「onMenuShareTimeline」。 綜合起來,業務邏
    H5教程 2903 2017-06-20 13:57:28
  • web儲存--webstorage詳細介紹
    web儲存--webstorage詳細介紹
    web儲存分類 客戶端和服務端  認識web存儲 隨著web應用的發展,是的客戶端儲存的用途越來越多,然而實現客戶端端儲存的方式也越來越多樣化。最簡單、最相容的方式就是cookie,但作為真正的客戶端儲存cookie還是存在著許許多多的弊端的。同時,各種瀏覽器也有屬於自己的儲存方式。例如,IE6以及以上版本中可以使用userData Behavior,在F
    H5教程 2110 2017-06-20 13:55:49
  • 行動端頁面佈局應該如何操作
    行動端頁面佈局應該如何操作
    行動端頁面佈局的那些事兒 http://www.xiaoxiangzi.com/Programme/CSS/4298.html 一. viewport 什麼是viewport 簡單來講,viewport就是瀏覽器上,用來顯示網頁的那一部分區域了,也就是說,瀏覽器的實際寬度,是和我們手機的寬度不一樣的,無論你的手機寬度是320px,還是640px ,在手機瀏覽器內部的寬度,總是會是瀏覽器本身的vi
    H5教程 3108 2017-06-20 13:50:26
  • HTML5的文字樣式實例介紹
    HTML5的文字樣式實例介紹
     文字樣式 <b>加粗</b> <i>傾斜</i> <u>底線</u> <s>刪除線</s> <sub>下標</sub> <sup>上標</sup> <p>段落元素</p> <br/>強制換
    H5教程 2080 2017-06-20 13:49:22
  • canvas的實例--時鐘動畫
    canvas的實例--時鐘動畫
    平常在公司不忙的時候,就喜歡寫一些小效果什麼的,一來複習複習,二來可以發現一些問題。   今天在群組裡看別人發了一手錶的圖片,臥槽...妥妥的工作好多年的節奏,後來想想還是做好自己的事情算了,想那多幹啥,就畫了一個手錶....   直接上代碼:   html   <!DOCTYPE HTML> <html> <head&
    H5教程 1386 2017-06-20 13:43:20
  • cookie的具體使用方法
    cookie的具體使用方法
      cookie是儲存在使用者本地終端上的資料。在我們登陸網站時有記錄密碼,也有時間限制比如說7天,5天等等這都是我們利用cookie來寫的,  這就是利用了cookie的會話週期,但cookie同時又是不安全的我們可以打開網頁看到使用者輸入的密碼,而且又是依賴伺服器環境的,  再寫cookie時還要設定儲存路徑,而我們取得出來的值又是字串,同時它又是非常小的,只有4kb,下面我們來封裝一
    H5教程 2683 2017-06-20 13:42:33
  • 做web響應式設計(不用媒體查詢)實例
    做web響應式設計(不用媒體查詢)實例
      (0)寫在前面  講述知乎上看到的一篇文章中的一個案例,讓我腦洞大開,佩服至極,特意第二天找到原文讚賞了 5元,原文網址https://zhuanlan.zhihu.com/p/27258076,案例用了很多css3的屬性。 (1)效果演示 (2)知識點及效果 <div class="trunc-list-wrapper" id="mylist"> <
    H5教程 1468 2017-06-20 13:39:50
  • 什麼是HTML5? HTML5使用詳解
    什麼是HTML5? HTML5使用詳解
    什麼是HTML5? HTML5是超文本語言,不是程式語言,html5是html語言的最新版本,需要注意瀏覽器的相容性問題。 HTML5技術一般是指的是HTML5、CSS3、JavaScript三種技術的結合。 HTML5主要負責文件內容的結構和意義。 CSS3主要負責描述文件內容樣式。 JavaScript主要用來負責文件內容的行為。 HTML5的基本結構。 <!doctype html&
    H5教程 2447 2017-06-20 13:38:36
  • Html5拖放的實作方法
    Html5拖放的實作方法
    今天就寫html5的拖放問題。  設定元素可以拖放      設定元素可以拖曳用draggable屬性,設定為true。元素就可以拖放了。 (註:火狐瀏覽器不支援)  拖曳元素事件     ondragstart:拖曳前觸發           ondrag:拖曳中連續觸發 &
    H5教程 1567 2017-06-20 13:33:58
  • 計畫實戰:醫藥箱APP
    計畫實戰:醫藥箱APP
    花了10天時間,純手寫一個醫藥箱APP靜態小項目,裡面有上拉加載、左右滑動、彈出層淡入淡出等效果,主要是練習。以下是一部分頁面效果圖:我用的是Google的開發者工具的手機端模擬器。 大家有興趣可到我部落格的文件項目下載。裡面需要優化的地方還有很多,歡迎指正!
    H5教程 1719 2017-06-20 11:05:09
  • HTML5盒子模型的使用方法
    HTML5盒子模型的使用方法
    盒子模型。盒子由 margin、border、padding、content 四部分組成。 margin :外邊距 border:邊框 padding:內邊距 (內容與邊框的距離) content:內容<!DOCTYPE html><html> <head> <meta
    H5教程 7971 2017-06-20 10:46:27

工具推薦

jQuery企業留言表單聯絡程式碼

jQuery企業留言表單聯絡代碼是簡潔實用的企業留言表單和聯絡我們介紹頁面程式碼。
表單按鈕
2024-02-29

HTML5 MP3音樂盒播放特效

HTML5 MP3音樂盒播放特效是一款以html5+css3為基礎製作可愛的音樂盒表情,點選開關按鈕mp3音樂播放器。
播放器特效
2024-02-29

HTML5酷炫粒子動畫導覽選單特效

HTML5酷炫粒子動畫導覽選單特效是一款導覽選單採用滑鼠懸停變色的特效。
選單導航
2024-02-29

jQuery可視化表單拖曳編輯程式碼

jQuery視覺化表單拖曳編輯程式碼是一款基於jQuery和bootstrap框架製作視覺化表單。
表單按鈕
2024-02-29

有機蔬果供應商網頁範本 Bootstrap5

一款有機蔬果供應商網頁範本-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus
後端模板
2023-02-02

房產資源服務平台網頁範本 Bootstrap5

房產資源服務平台網頁範本 Bootstrap5
Bootstrap模板
2023-02-02

簡約履歷資料網頁範本 Bootstrap4

簡約履歷資料網頁範本 Bootstrap4
Bootstrap模板
2023-02-02

可愛的夏天元素向量素材(EPS+PNG)

這是一款可愛的夏天元素向量素材,包含了太陽、遮陽帽、椰子樹、比基尼、飛機、西瓜、冰淇淋、雪糕、冷飲、游泳圈、夾腳拖、鳳梨、海螺、貝殼、海星、螃蟹、檸檬、防曬乳、太陽眼鏡等等,素材提供了EPS 和免扣PNG 兩種格式,含JPG 預覽圖。
PNG素材
2024-05-09

四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)

這是一款紅色的 2023 畢業徽章向量素材,共四個,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 預覽圖。
PNG素材
2024-02-29

唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)

這是一款由唱歌的小鳥和裝滿花朵的推車設計的春天 banner 向量素材,提供了 AI 和 EPS 兩種格式,含 JPG 預覽圖。
banner圖
2024-02-29

金色的畢業帽向量素材(EPS+PNG)

這是一款金色的畢業帽向量素材,提供了 EPS 和免扣 PNG 兩種格式,含 JPG 預覽圖。
PNG素材
2024-02-27

家居裝潢清潔維修服務公司網站模板

家居裝潢清潔維修服務公司網站範本是一款適合提供居家裝潢、清潔、維修等服務機構宣傳網站範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-05-09

清新配色個人求職履歷引導頁模板

清新配色個人求職履歷引導頁範本是適合清新配色風格的個人求職履歷作品展示引導頁網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-29

設計師創意求職履歷網頁模板

設計師創意求職履歷網頁範本是適合各種不同設計師職缺個人求職履歷展示網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28

現代工程建築公司網站模板

現代工程建築公司網站模板是一款適合從事工程建築服務行業宣傳網站模板下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!