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

  • 怎麼使用vue-cli來搭建vue專案和webpack?
    怎麼使用vue-cli來搭建vue專案和webpack?
    用Vue比較長一段時間了,大大小小做了一些項目,最近想總結一下知識點,出一個Vue+webpack系列,先從項目構建說起——vue-cli.由於是Vue+webpack這裡就不贅述git那些東西,預設環境都配置好了。第一步先建立一個資料夾我這裡是apronew;第二步在資料夾裡面開啟git bash,然後敲命令列npm install --global vue-cli,全域安裝 vue-cl
    H5教程 3051 2017-06-22 15:30:03
  • 怎麼使用Canvas繪製虛線
    怎麼使用Canvas繪製虛線
    上一章我們說到,線性路徑的繪製,主要利用movoTo(),lineTo()等方法,當然Canvas 2D API 也提供了虛線的繪製方法,CanvasRenderingContext2D.setLineDash();下面我們就來看看虛線的繪製方法 語法ctx.setLineDash(segments);參數segments:一個Array陣列。一組描述交替繪製線段
    H5教程 3753 2017-06-22 15:27:56
  • 前端實作連連看小遊戲實例碼
    前端實作連連看小遊戲實例碼
    部落客玩了這麼久的連連看,居然是第一次發現,連連看最多只能有2個轉彎。 orz…在網路上搜尋連連看的連線演算法判斷,並沒有找到很全面的,經過自己摸索之後,畫了下面的圖(圖有點醜…) 一. 2個物體在同一直線上,可以直接連通(這個不需要解釋啦) 二.2個物體在同一直線上,中間有障礙物,不能直接連通(2個轉彎)【循環遍歷黃線中的交點,比如A,B點,再判斷藍線有沒有障礙物
    H5教程 5604 2017-06-22 15:15:59
  • 使用Vue按需載入提升使用者體驗
    使用Vue按需載入提升使用者體驗
    Vue官方文件非同步元件:在大型應用程式中,我們可能需要將應用程式拆分為多個小模組,按需從伺服器下載。為了讓事情更簡單, Vue.js 允許將元件定義為一個工廠函數,動態地解析元件的定義。 Vue.js 只在元件需要渲染時觸發工廠函數,並且把結果快取起來,用於後面的再次渲染。原圖文來自http://www.cnblogs.com/Kummy/p/5254754.htmlvue 按需載入  相關
    H5教程 2355 2017-06-22 15:14:48
  • 如何實現table表格中的斜線表頭效果
    如何實現table表格中的斜線表頭效果
    table表格,這個東西大家肯定都不陌生,程式碼中我們時常都能碰到,那麼給table加一個斜線的表頭有時是很有必要的,但是到底該怎麼實現這種效果呢? 我總結了以下幾種方法: 1.最最簡單的做法 直接去找公司的UI,讓她做一張圖片,當背景圖片放到這裡,然後撐滿就可以了。是不是很簡單! ! ! 2、相當簡單的做法 其實了解css3的朋友,一看到這個效果,腦中瞬間出現的就是transform這個屬性,是
    H5教程 2442 2017-06-21 16:19:04
  • css3+javascript怎麼做一個旋轉的3d盒子?
    css3+javascript怎麼做一個旋轉的3d盒子?
      今天寫點css3,3d屬性寫的3d盒子,結合javascript讓盒子跟著滑鼠旋轉起來 今天帶了css3新屬性3d <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/c
    H5教程 3570 2017-06-21 16:12:43
  • 分享DOM中的表單操作,節點操作
    分享DOM中的表單操作,節點操作
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>文件</title><script type="text/javascript">window.onload = function( ){ var 輸入= 文檔
    H5教程 1537 2017-06-21 16:10:12
  • React Native 之ScrollView輪播圖實作方法實例
    React Native 之ScrollView輪播圖實作方法實例
    1.index.Android.js   從'react'導入React,{元件};   進口 {     應用程式註冊表,     樣式表
    H5教程 2805 2017-06-21 16:07:29
  • CSS+HTML5的使用方法實例
    CSS+HTML5的使用方法實例
    1.HTML5基礎 文件類型 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" Transitional:過渡類型 Strict:嚴格類型 FrameSet:框架類型 <!DOCTYPE html
    H5教程 2425 2017-06-21 15:54:01
  • HTML5-canvas的使用方法介紹
    HTML5-canvas的使用方法介紹
    <canvas>新元素  <canvas> 元素用於圖形的繪製,透過腳本 (通常是JavaScript)來完成. <canvas> 標籤只是圖形容器,您必須使用腳本來繪製圖形。 你可以透過多種方法使用Canva繪製路徑,盒子、圓形、字元以及添加圖像。     注意: 預設情況下 <canvas> 元素沒有邊框和內容。
    H5教程 1743 2017-06-21 15:52:14
  • 彈性盒模型 flex box的認知與使用
    彈性盒模型 flex box的認知與使用
    彈性盒子模型 佈局方案 傳統的佈局方案大多採用div+css+float+position+display來實現,但是隨著css3中彈性盒子模型的推出,在前端佈局方案中就又多出了一項彪悍的選項。 而因為最近在研究小程序,發現中間使用彈性盒子佈局效果更好效率更高一點,所以就將先前學習彈性盒模型的相關知識點整理出來,給大家分享。 彈性盒模型flex佈局介紹 彈性盒模型(flexbox)又稱為彈性佈局,
    H5教程 1997 2017-06-21 15:48:15
  • html5新增標籤有哪些?
    html5新增標籤有哪些?
    html5 1.聲明   html5:萬維網的核心語言、HTML規範的第五次重大修改。 HTML5是HTML標準的下一個版本。   HTML5簡化了很多細微的語法,  例如doctype的聲明,你只需要寫<!doctype html> 2.佈局的語意化標籤   article:標籤載入顯示一個獨立的文章內容,例如一篇文章、報導、小說。   section :標籤定義文件中的節(
    H5教程 2043 2017-06-21 15:47:34
  • 使用React寫一個網站的心得體會
    使用React寫一個網站的心得體會
    網站是畢業設計的作品,開發這個網站的目的主要用於記錄一些筆記,以及聚合一些資訊信息,也算自己在網絡世界中的一塊靜地吧,可以在這裡一些技術上想法的實踐。 網站最初前端使用vue開發,在前段時間由於專案的開發進度已經不是那麼緊急,有了一些空閒時間。而對沒有使用過React又一直耿耿於懷,索性就使用React進行了一次
    H5教程 3595 2017-06-21 15:24:41
  • Web Storage概述和本機資料庫
    Web Storage概述和本機資料庫
    上一篇:HTML5筆記2——HTML5音/影片標籤詳解 Web Storage概述 在HTML5中,除了Canvas元素之外,另一個新增的非常重要的功能是可以再客戶端本地保存資料的Web Storage功能,之前可以使用Cookies在客戶端 保存諸如用戶名等簡單用戶訊息,但透過長期使用,人們發現使用Cookies儲存永久資料存在幾個問題。 大小:Cookies的大小被限
    H5教程 1393 2017-06-21 15:24:03
  • Bootstrap的優缺點是什麼?
    Bootstrap的優缺點是什麼?
    Bootstrap的優缺點是什麼? bootstrap是一個用於快速開發web應用程式和網站的前端框架,基於html、css、javascript。優點是:行動裝置優先,支援主流瀏覽器,易使用,響應式設計缺點:不支援IE6,重度使用class而class不夠語意化,使用bootstrap開發的網站同質化嚴重。 Bootstrap 提供了一套響應式、行動裝置優先的串流網格系統,隨著螢幕或視窗(view
    H5教程 6686 2018-10-13 16:02:15

工具推薦

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