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

  • HTML5 canvas基本繪圖填充樣式實現
    HTML5 canvas基本繪圖填充樣式實現
    <canvas></canvas>是HTML5中新增的標籤,用於繪製圖形,實際上,這個標籤和其他的標籤一樣,其特殊之處在於該標籤可以獲取一個CanvasRenderingContext2D對象,我們可以透過JavaScript腳本來控制該物件進行繪圖。 <canvas></canvas>只是一個繪製圖形的容器,除了id、class、style等屬性外,還有hei
    H5教程 3041 2018-05-22 15:45:50
  • 快速開發基於HTML5網路拓樸圖應用的詳解(圖文)
    快速開發基於HTML5網路拓樸圖應用的詳解(圖文)
    此範例展示如何建構兩個節點、一條連線以及一個 Group 的組合效果。結合 《數百個 HTML5 範例學習 HT 圖形元件 – 拓樸圖篇》可以輕鬆理解建構一個拓樸介面基本上就是操作 DataModel 資料模型,以下為建立上圖介面效果的模型程式碼部分:
    H5教程 6580 2018-05-22 11:38:13
  • 教你如何用HTML5和JS實現切水果遊戲
    教你如何用HTML5和JS實現切水果遊戲
    切水果遊戲曾經是一款風靡手機的休閒遊戲,今天要介紹的就是一款網頁版的切水果遊戲,由JavaScript和HTML5實現,雖然功能和原版的相差很大,但是基本的功能還是具備了,還是模仿挺逼真的。有一定JavaScript程度的朋友可以看看原始碼,相信你的JavaScript等級會有很大提升。 線上示範原始碼下載 所有JavaScript程式碼 /** * this file was compiled by jsbuild 0.9.6 *..
    H5教程 7979 2018-05-22 11:18:29
  • 詳細介紹基於HTML5 的WebGL技術建構3D場景的圖文程式碼(一)
    詳細介紹基於HTML5 的WebGL技術建構3D場景的圖文程式碼(一)
    HT for Web 提供了多種基礎類型供用戶建模使用,不同於傳統的3D 建模方式,HT 的建模核心都是基於API 的接口方式,透過HT 預定義的圖元類型和參數接口,進行設定達到三維模型的建構。接下來我們就來談談預先定義的 3D 模型及參數設定。
    H5教程 5617 2018-05-21 11:36:29
  • html移动端页面、图片多少宽度最合适?
    html移动端页面、图片多少宽度最合适?
    目前网站开发已经更多的转向移动端设计、制作,想询问一下移动端网页宽度多少合适?960px、640px、480px、320px?图片多少宽度适合?比如用640px的图片宽度设置为320px是否比较清晰?但是图片大小会较大是否合适?
    H5教程 10347 2018-05-19 14:57:48
  • 使用HMTL5 API監控前端效能
    使用HMTL5 API監控前端效能
    使用者計時API可以在網頁應用程式中測量兩個預先定義標記之間的效能。開發者僅僅需要分別定義測量的開始和結束標記。可以透過JavaScript物件「」提供的函數,對計時位置進行標記。
    H5教程 2433 2018-05-19 14:31:37
  • li標籤實作日期,標題右對齊的方法
    li標籤實作日期,標題右對齊的方法
    希望實現標題在左對齊,日期在右對齊,當直接給日期的span加上float:right時,IE8和FF都OK,但IE6/7則會換行,下面給出一個簡單有效的解決辦法。
    H5教程 4448 2018-05-18 17:17:50
  • html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    比如在页面A中点开了一个折叠列表(用jquery做的),并且向下拖动了一点滚动条,然后通过列表中的某个按钮跳转到了页面B,B页面中有一个goback按钮,点击一下就能跳回页面A,跳回页面A时,滚动条保持在之前离开时的状态,并且之前打开的那个折叠列表也要是保持打开的。有哪些html5 API或jquery API可以实现吗?ps:我试了jquery 中的history.back(),可以实现滚动条位
    H5教程 9446 2018-05-18 15:50:11
  • 分享webpack實例教程
    分享webpack實例教程
    首先全域安裝webpack,再npm初始化一個項目,並局部安裝webpack開發工具$ npm install webpack -gnpm init (項目名稱)$ npm install webpack-dev-server --save-dev在項目目錄下建立app資料夾,並建立index.js文件,寫入如下程式碼console.log(
    H5教程 1691 2018-05-18 15:17:28
  • HTML5頁面調起APP功能的方法試驗
    HTML5頁面調起APP功能的方法試驗
    這篇文章主要介紹了HTML5頁面中嘗試調起APP功能,需要的朋友可以參考下
    H5教程 5374 2018-05-18 15:11:56
  • 如何使用HTML5地理位置定位功能?
    如何使用HTML5地理位置定位功能?
    地理位置(Geolocation)是 HTML5 的重要特性之一,提供了確定使用者位置的功能,借助這個特性能夠開發基於位置資訊的應用。今天這篇文章向大家介紹 HTML5 地理位置定位的基本原理及各個瀏覽器的資料精度狀況
    H5教程 11750 2018-05-18 14:26:33
  • HTML怎麼匯出產生word文件?
    HTML怎麼匯出產生word文件?
     前言:專案開發中遇到了需要將HTML頁面的內容匯出為word文檔,所以有了這邊隨筆。當然,專案開發又時間有點緊迫,第一時間想到的是用插件,所以百度了下。下面就介紹兩個匯出word文檔的方法。法一:透過jquery.wordexport.js導出word備註:相容IE9以上大概瀏覽了下jquery.wordexport.js插件的程式碼,了解到了透過該插件可以導出文字和圖片
    H5教程 23746 2018-05-18 13:41:05
  • 如何利用HTML5實作等待載入動畫的效果
    如何利用HTML5實作等待載入動畫的效果
    這篇文章透過實例程式碼為大家介紹了HTML5等待載入動畫效果的完美解決方案,有興趣的朋友參考下吧
    H5教程 4551 2018-05-18 11:45:39
  • HTML5開發實例-3D全景(ThreeJs全景Demo) 詳解(圖)
    HTML5開發實例-3D全景(ThreeJs全景Demo) 詳解(圖)
    前言在現在市面上很多全景H5的環境下,要實現全景的方式有很多,可以用css3直接構建也可以用基於threeJs的庫來實現,還有很多別的製作全景的軟體使用本教學適用於未開發過3D全景的工程獅如果覺得內容太無聊可以...
    H5教程 36974 2018-05-18 10:29:05
  • HTML5 Canvas:绘制渐变色
    HTML5 Canvas:绘制渐变色
    HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡,而不是单一的颜色。渐变按照类型来分分为线性渐变和径向渐变。来看几个canvas渐变色的例子 ...,。
    H5教程 17278 2018-05-18 09:11:25

工具推薦

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