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

  • HTML5影片播放的詳細介紹
    HTML5影片播放的詳細介紹
    首先推上神器jPlayer : 基於HTML5/Flash的音訊、視訊播放器jPlayer是一個JavaScript寫的完全免費和開源 (MIT) 的jQuery多媒體庫插件(現在也是一個Zepto插件);jPlayer可以讓你迅速編寫一個跨平台的支援音訊和視訊播放的網頁.jPlayer的豐富API可以讓你創建一個個人化多媒體應用,因此也獲得越來越多的社群成員的支持和
    H5教程 2592 2017-07-23 13:49:34
  • 實作一個HTML5音樂播放器的實例
    實作一個HTML5音樂播放器的實例
    技術點:ES6+Webpack+HTML5 Audio+Sass這裡,我們將一步步的學習如何從零去實作一個H5音樂播放器。首先來看一下最終的實現效果:Demo連結 接下來就步入正題:要做一個音樂播放器就要非常了解在Web中音頻播放的方式,通常都採用HTML5的audio標籤關於audio標籤,它有大量的屬性、方法和事件,在這裡我就做一個大致的介紹。屬性:src:必需,音訊來源
    H5教程 6129 2017-07-23 13:28:16
  • html5全新的網路格局
    html5全新的網路格局
    自從HTML5誕生之後,就是開始建立了一個標準的原則,那就是所有的技術它必須是面向開放,並不能有專利的一個存在,在整個期間Opera捐獻了css技術,而google的話則是給開發者提供了影片的webM,本文將帶大家來看看html5它是如何帶來全新的網路格局的,有興趣的朋友們可以關註一下,為開發而做準備。  現在HTML5開發領域的領導者包括Sencha,Adobe,appcelerator,a
    H5教程 1501 2017-07-23 11:41:47
  • AugularJS基礎入門與實踐
    AugularJS基礎入門與實踐
       前  言 前端      AngularJS是為了克服HTML在建造應用上的不足而設計的。 (引用百度百科)  AngularJS使用了不同的方法,它嘗試去補足HTML本身在建構應用上的缺陷。 AngularJS透過使用我們稱為指令(directives)的結構,讓瀏覽器能夠辨識新的語法。 (引用百度百科)      例如
    H5教程 1373 2017-07-23 11:33:37
  • css動畫製作-CSS animate
    css動畫製作-CSS animate
    熟悉CSS的人都知道,CSS可以實現很多漂亮的動畫,特別是它的線上功能,能夠幫助人們解決許多製作動畫的效果。今天特別推薦一個線上CSS插件功能-cssanimate,這個最大的特色就是以圖形介面方式讓你輕易實現漂亮的CSS3動畫效果,下面一起看看這個線上工具的介紹。 CSS3動畫製作工具介面介紹Timeline(時間軸)Timeline是引導動畫的重要區域,就像製作逐幀動畫一樣,可以調整每
    H5教程 3175 2017-07-23 11:18:56
  • 認識HTML5的WebSocket
    認識HTML5的WebSocket
    WebSocket是HTML5開始提供的單一TCP連線上進行全雙工通訊的協定。在WebSocket API中,瀏覽器和伺服器只需要做一個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以資料互相傳送。瀏覽器透過JavaScript向伺服器發出建立WebSocket連線的請求,連線建立以後,客戶端和伺服器之間就可以透過TCP連線直接交換資料。當你取得Web Socket
    H5教程 1515 2017-07-23 11:03:43
  • html5中關於canvas畫圖之畫圓形的實例介紹
    html5中關於canvas畫圖之畫圓形的實例介紹
    利用canvas中的arc可以繪製圓形圖案。函數原型為:context.arc(x,y,半徑,開始角度,結束角度,是否逆時針旋轉);所以可以透過修改開始角度和結束角度來繪製弧線。
    H5教程 2326 2017-07-22 09:56:49
  • H5富文本編輯器的詳細介紹
    H5富文本編輯器的詳細介紹
    使用H5的全域屬性contenteditable可以讓DOM元素及其子元素變的可編輯<div contenteditable id="editor"> </div>樣式程式碼html,body { overflow: hidden; width: 100%; height: 100% ;}* { margin: 0; paddi
    H5教程 3421 2017-07-21 14:10:04
  • Knockoutjs+select2 人員搜尋功能代碼分享
    Knockoutjs+select2 人員搜尋功能代碼分享
     HTML: <select class="form-control PersonEmail" id="txtProjectManager" data-bind="options:{text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager},optionsText:'text',optionsValue:'val
    H5教程 2169 2017-07-21 14:07:47
  • AngularJS「路由」的簡介及用法介紹
    AngularJS「路由」的簡介及用法介紹
    這是小編的一些學習資料,理論上只是為了自己以後學習需要的,但是還是需要認真對待的以下內容僅供參考,請慎重使用學習AngularJS“路由”的定義概念AngularJS最近真的很火,很多同事啊同學啊朋友都在用,這不推薦我學習,聽到這個名字就十分火熱的去了什麼是AngularJS就不做說明了,這個東西還是很有趣的在這裡推薦一下學習網站,菜鳥教程,雖然裡面的教學很多都很淺顯,而且好多也沒有
    H5教程 1318 2017-07-21 14:05:30
  • 使用vue-devtools開發Vue
    使用vue-devtools開發Vue
    前言:由於vue是資料驅動的,所以這就存在在開發調試中查看DOM結構並不能解析出什麼。但藉助vue-devtools插件,我們就可以很容易的對資料結構進行解析與除錯。一、下載chrome擴充插件GitHub下載位址:https://github.com/vuejs/vue-devtools建議使用npm淘寶鏡像依照依賴套件位址:http://npm.taobao.org/命令列安裝
    H5教程 2486 2017-07-21 13:47:23
  • JS開發桌面端應用程式教程
    JS開發桌面端應用程式教程
    前言本文為開發nw中遇到的各種問題,僅以記錄供備忘以及遇到相同問題的人的一點點解決思路。 1. package.json中的window字段無效原因:package.json中的window字段,只在main字段為*.html或是外部網址時有效,當為 *.js時是無效的。 { "name": "blog", "main": &
    H5教程 5905 2017-07-21 11:18:32
  • vue基礎入門
    vue基礎入門
    Vue.js是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。 Vue 的核心函式庫只專注於視圖層,它不僅易於上手,還便於與第三方函式庫或既有專案整合。另一方面,當與單一檔案元件和 Vue 生態系統支援的程式庫結合使用時,Vue 也完全能夠為複雜的單頁應用程式提供驅動程式。如果你對angular有所了解,那麼你學起vue一定會非常容易。因為一方面你對angu
    H5教程 1766 2017-07-21 09:16:50
  • HTML5新知識
    HTML5新知識
    一、h5新增的主要語意化標籤如下:1、header 頁面頭、頁眉2、nav 頁面導覽3、atricle 一篇文章4、section 文章中的章節5、aside 側邊欄6、footer 頁面底部、頁腳PC端相容h5新標籤的方法,在頁面中引入一下js檔案<script  type="text/javascript"  src="//cdn.bootcss.c
    H5教程 1953 2017-07-21 09:16:29
  • 帶你了解什麼是HTML5?
    帶你了解什麼是HTML5?
    現在的H5越來越受到企業或是開發者的一個大力的追捧,已經成為網絡推廣必不可少的一個使用的工具,相信還有很多朋友現在都不知道H5是個什麼東西,本文將為大家講的是關於H5一些分類的問題,讓你進一步的去學習開發,有興趣的朋友們可以關注了解一下。第一階段:初級階段,幻燈片玩法,就是在手機上可以看到PPT了,這種做法實際上上很簡單的,要知道的是有在線的模板應用,基本花費時間在幾個小時甚至更短。 H5
    H5教程 1975 2017-07-20 21:00:54

工具推薦

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學習者快速成長!