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

  • spring WebSocket的詳細介紹
    spring WebSocket的詳細介紹
    websocket是Html5新增加特性之一,目的是瀏覽器與服務端建立全雙工的通訊方式,解決http請求-回應帶來過多的資源消耗,同時對特殊場景應用提供了全新的實現方式,例如聊天、股票交易、遊戲等對即時性要求較高的產業領域。
    H5教程 1828 2017-07-03 15:18:28
  • h5中檔案上傳下載實例
    h5中檔案上傳下載實例
    前言HTML5 中提供的檔案API在前端中有著豐富的應用,上傳、下載、讀取內容等在日常的互動中很常見。而且在各個瀏覽器的相容也比較好,包括行動端,除了 IE 只支援 IE10 以上的版本。想要更掌握好操作文件的功能,先要熟悉每個API。原文作者:林鑫,作者部落格:https://github.com/lin-xin/blogFileList 物件和 file 物件HTML 中的 inpu
    H5教程 3377 2017-07-03 09:28:18
  • node.js中檔案之間的引入教學實例
    node.js中檔案之間的引入教學實例
    ode.js的基礎語法就是JavaScript的語法,所以對於懂得javascript的同學來說要容易一些,至於環境的配置也要相對簡單很多,可以訪問官方文檔進行安裝。這裡分享我在學習中總結的一些東西,這是第一篇先來說說文件之間如何進行引入並互相使用變數及函數。 碼緣 » node.js筆記-文件之間的引入 http://ww
    H5教程 1732 2017-06-30 18:03:08
  • C中字串的定義方法及說明實例
    C中字串的定義方法及說明實例
    <meta charset="utf-8">告訴瀏覽器要用utf-8來解釋,同時,儲存文件時,編碼格式也要為utf-8格式。
    H5教程 1812 2017-06-30 16:31:16
  • HTML5 canvas學習的實例介紹
    HTML5 canvas學習的實例介紹
    1.HTML5中的Canvas標籤的建立window.onload = function(){ createCanvas(); } function createCanvas(){ var canvas_width= 200, canvas_height = 200; document.body.innerHTML = "<canvas_height = 200; document.body.innerHTML = "<canvas id=\" \"
    H5教程 1586 2017-06-30 15:30:33
  • ngAnimate插件是做什麼的?
    ngAnimate插件是做什麼的?
    ngAnimate插件是做什麼的? ngAnimate插件如其名字一樣是為元素提供動畫的。怎麼定義動畫?第一步必須是引入插件<script src="//cdn.bootcss.com/angular.js/1.3.20/angular.js?1.1.11"></script><script src="//cdn. bootcss.com/angular.js/1.3
    H5教程 1567 2017-06-30 15:27:42
  • svg的案例詳解
    svg的案例詳解
    svg的幾個小案例最近常用到svg,閒的無聊的時候做了幾個簡單的小例子,希望能幫到大家,svg會用了之後做動畫和圖片都方便了很多,接下來就看看小例子吧! ! 1.範例一css程式碼html, body { width: 100%; height: 100%;}body { background: #131518;}#patt1 path { stroke: #ff
    H5教程 1867 2017-06-30 15:27:05
  • 分享一個用canvas合成海報圖片的行動端項目
    分享一個用canvas合成海報圖片的行動端項目
    最近做了一個用canvas合成海報圖片的行動端項目,由於一點canvas基礎都沒有,所以去網上搜了一位前輩的demo,但是開發過程中遇到了很多問題,現將所遇問題及解決方法總結如下: 1、行動裝置canvas專案適配全螢幕問題問題說明:由於canvas的width和height只能設定px值,不支援rem單位,所以想在行動裝置螢幕解析度繁雜的情況下達到canvas鋪滿全
    H5教程 6737 2017-06-30 15:26:43
  • css書寫順序需要注意哪些?
    css書寫順序需要注意哪些?
    一、css順序  首先聲明,瀏覽器讀取css的方式是從上到下的。我們一般書寫css只要元素具備這些屬性就會達到我們預期的效果,但是這會對以後的維護和瀏覽器的渲染效率帶來一定的影響,那麼該怎麼書寫css的順序呢?有沒有一定的規範呢?  首先我們知道css的屬性依特性分為幾類;  1.規定元素特性,如display、position、float,這些屬性會決定他的排版方式  2.規定元素的空間
    H5教程 1397 2017-06-30 15:26:11
  • vue的資料互動形式有哪些
    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教程 2218 2017-06-30 15:25:39
  • h5實現QQ聊天氣泡的實例介紹
    h5實現QQ聊天氣泡的實例介紹
    這篇文章主要介紹了HTML5實現QQ聊天氣泡效果,用 HTML/CSS 做了個類似QQ的聊天氣泡,具有一定的參考價值,有興趣的小伙伴們可以參考一下
    H5教程 2976 2017-06-29 16:01:42
  • className和a href 的實例詳解
    className和a href 的實例詳解
    JS 和a href 在href裡面注意到分號結尾, 引號閉合<a href="javascript:;">空連結</a><a href="javascript:alert('a');">彈出</a >一般不妨代碼, 一般讓它空著. 空著也可以用井號'#', 但不是很好.className<style>#div1 {width:100p
    H5教程 2183 2017-06-29 11:14:52
  • 分享行動端網頁寬度值實例代碼
    分享行動端網頁寬度值實例代碼
    行動網頁寬度值(未加meta viewport標籤):iphone:980pxGalaxy(蓋樂世):980pxNexus:980pxblackberry(黑莓):980pxLG:980pxNokia:980pxkindle:1600pxLG: 980pxNokia:980pxkindle:1600pxxLG: 480pxN ipad 2 <
    H5教程 2059 2017-06-29 11:13:17
  • ios載入html5 audio標籤時遇到的問題分享
    ios載入html5 audio標籤時遇到的問題分享
    html5 audio標籤在ios 微信瀏覽器中是無法自動播放的,最近在做一個小的專案遇到這個問題,安卓和pc都是正常的,唯獨ios不行,查閱了很多資料,找到了以下方法,也許不是最好用的方法,如果有更方便的方法,盡請留言:html部分:<audio id="audio"><source src="20161012102044_57fd9dfc04
    H5教程 2124 2017-06-29 10:12:14
  • 帶你了解css中的3D效果
    帶你了解css中的3D效果
    今天咱們來說一下,CSS中的3D效果.如果你把transform真的掌握的和純熟的話,就可以直接通過CSS做出很多很酷炫的效果,甚至.輪播圖和選項卡都可以通過CSS來做,咱們明天就說如何運用CSS來做輪播圖,大家記得看哦!很好,話不多說,翠花'上代碼': 1 <!DOCTYPE html> 2 <html> 3 <head>
    H5教程 1509 2017-06-28 10:36:29

工具推薦

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