原创 JS數組的使用

計算5名同學的平均分 var a1,a2,a3,a4,a5; a1=Number(prompt("請輸入分數")); a2=Number(prompt("請輸入分數")); a3=Number(prompt("請輸入分數"));

原创 關於選擇器的總結與整理

我們先回想一下什麼是選擇器? 選擇器:選擇施加樣式目標的一種形式,也可以說是根據某個依據來選擇應用樣式的目標。 樣式: 樣式內容:以鍵值對的形式來描述樣式的細節,比如字體的大小、背景顏色等。 由於選擇的依據不盡相同,所以就

原创 去除元素間距的解決方法

<style type="text/css"> .frame{ width: 300px; height: 300px; background-co

原创 列表、input

列表標籤 無序列表 <ul>(unordered list):定義一個無序列表 <li>:定義一個列表項 type :指定無序列表的符號樣式取值有 disc:實心圓點(默認) circle:空心圓圈 square:實心正方形 有序列表 <

原创 node.js常用dos環境命令

1輸入node -v,測試是否安裝成功,會輸出版本信息。 2.npm install -g supervisor :自動監聽服務器修改 3.npm uninstall module-name 命令來卸載 Node.js 模塊;  4.

原创 let和var的區別

ES6新增了let命令,用來聲明變量。它的用法類似於var,但是所聲明的變量,只在let命令所在的代碼塊內有效。 聲明後未賦值,表現相同 (function() { var varTest; let l

原创 組件化開發

1. 爲什麼要做組件化? 無論前端也好,後端也好,都是整個軟件體系的一部分。軟件產品也是產品,它的研發過程也必然是有其目的。絕大多數軟件產品是追逐利潤的,在產品目標確定的情況下,成本有兩個途徑來優化:減少部署成本,提高開發效率。 減少部署

原创 H5表單相關新增元素和屬性

  1表單元素新增和廢棄的屬性                                 表單新增的屬性可以分成兩類: 提交類:提交給副武器的相關屬性,formaction,formmcthod,

原创 HTML5 SVG

 SVG 介紹: SVG 指可伸縮矢量圖形 (ScalableVector Graphics) SVG 用於定義用於網絡的基於矢量的圖形 SVG 使用 XML 格式定義圖形 SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有損失 SVG

原创 HTML5的語法和新屬性

1 HTML5的變化 1.1 HTML5推出的理由 推出的緣由和目標: 目前,web端存在一些問題,比如兼容性問題,同樣的頁面,在不同的瀏覽器上顯示的效果是不一樣的,那麼開發人員需要做很多額外的工作去解決這一問題,需要花費大把的事件在這

原创 H5的頁面元素

details元素與summary元素 details語義:詳情 summary語義:概要,摘要 details元素可以實現類似顯示/隱藏的功能,summary用於顯示details的標題或者間接 注意:(1)如果details下面沒

原创 拖放

1.被拖元素設置爲可拖放 draggable="true" <div class="drag" id="drag1" draggable="true" ondragstart="drag(event)">俺是drag</div>

原创 HTML5 web存儲

cookie: 特點:通過鍵值對的形式存儲數據。 在本地瀏覽器上存儲數據。 有效期:未來的時間(expires) 存儲數據的容量:4kb 所有的http請求都會帶上cookie信息,(聯想HTTP)   (1)localStorage 用

原创 JQuery DOM

3.1內容操作 (1)text():獲取或設置文本內容(等價於DOM中的innerText)。 alert($("#p1").text());//捕獲 alert($("#p1").text("更改成我"));//內容更改   (2)

原创 HTML5 地理定位

geolocation(地理定位):允許對我們喜歡的網站分享我們的位置,在開發中使用js獲取我們當前位置座標(經緯度) getLocation是基於navigator的一個新屬性,我們創建一個地理定位的方式: navigator.geo