原创 如何解決自適應問題

** Bootstrap 移動設備優先 解決自適應問題 ** Bootstrap 3本身默認的css對移動設備能友好支持 爲了讓 Bootstrap 開發的網站對移動設備友好,確保適當的繪製和觸屏縮放,需要在網頁的 head

原创 form表單的底部居中

利用css樣式讓form表單底部居中 首先,我的html代碼如下,在form表單中有<textarea>和<input>標籤: <!DOCTYPE html> <html> <head> <meta charset="utf-8"

原创 小拓展 大知識

1、 <!DOCTYPE html>這裏的doctype是用來聲明你是屬於哪一類型的文檔,這裏指的就是html5; 2、 <html lang="en">lang後面的內容,是爲了告訴搜索引擎爬蟲,我們的網站是屬於什麼內容的,方便搜索

原创 RFID-上位機軟件界面設計

一、實驗需求:上位機軟件界面設計 二、技術選型:前端(HTML CSS JavaScript) 三、實驗準備:Sublime3、webstorm64、Google Chrome 四、實驗說明: 所謂前端,簡單來說就是做網頁; 1、利用

原创 RFID界面設計

關於RFID界面設計實驗,給大家提供一個實現的方法。鑑於段老師要求用Java來實現,所以下面從Java的角度去考慮。 可能大家首先想到的是用swing來實現,但我想告訴大家的是,個人看法,swing已經過時,已經很久沒有更新了,

原创 移動端適配

移動端適配 使用的瀏覽器:Google; 驗證的編譯軟件:HBuilder、Sublime text3、Webstorm; 爲了方便觀察和修改,使用的是純靜態網頁;修改好後動態網頁也是同樣適用 初始pc端頁面如下圖所示

原创 position屬性詳解

position屬性是定位屬性,擁有三個值 1、 position:absolute; 這個是絕對定位;脫離原來的層/位置進行定位; 仔細的來說就是:相對於最近的、有定位的、父級進行定位,如果沒有這樣的父級,就相對於整個文檔進

原创 CSS Sprites的簡單實例

爲了提高頁面的性能,瞭解了CSS Sprites;所謂CSS Sprites實際上就是對一張圖片的重複使用,而這張圖片中包含了許多的小圖片,我們通過background-image印日大圖,利用background-position進行定

原创 jQuery實現多選下拉列表

其實就是實現一個多選下拉列表,然後將選中的選項顯示到相應的位置;因爲主要是jQuery選中行爲的實現,所以,樣式結構就不多說啦,直接貼代碼啦:<!DOCTYPE html> <html lang="en"> <head> <met

原创 正確使用pageX、pageY、offsetLeft、offsetTop

獲取鼠標位置的時候,遇到一點疑問,然後驗證了一下自己的疑惑;pageX、pageY跟clientX和clientY類似,是相對於瀏覽器文檔的座標;offsetLeft、offsetTop獲取的是固定定位,也就是說,監聽某個選擇器內的鼠標位

原创 三欄佈局之聖盃佈局

這篇博客主要是介紹一下三欄佈局的聖盃佈局;聖盃佈局與雙飛翼佈局實際上是差不多的,他們實現的都是三欄佈局,兩邊的盒子寬度固定,中間的盒子自適應;也就是我們常說的固比固佈局;兩個佈局方式實現的效果是一樣的,區別在於實現的思想;在瞭解了什麼是三

原创 異步加載JS之async、defer

繼前面瞭解的JS加載時間線,然後對JS的異步加載的方式進行了更深一步的瞭解;默認情況下,js文件是同步加載的,當頁面加載到js文件時,頁面就會被阻斷在這個地方,阻斷了HTML、CSS的加載線;爲什麼不異步加載js呢?(因爲,js會修改HT

原创 AJAX基礎瞭解

一、工作原理(三步) Browser(瀏覽器): 1、創建一個XMLHttpRequest對象; 2、發送HttpRequest 通過Internet Server(服務器): 1、接收HttpRequest;

原创 js加載時間線

js加載時間線是一個理論依據,爲以後優化一些東西做一些基本的理論支持;時間線:通俗來說就是當瀏覽器出生的那一刻開始所記錄的一系列瀏覽器按順序所做的事兒;瀏覽器在運行一個頁面時,首先會初始化js的功能,當初始化初試完js這一個功能後,也就是

原创 letter-spacing屬性

在設計一個網頁的時候,有時候爲了讓頁面的可讀性更好,更加美觀;就會使用到letter-spacing屬性;letter-spacing屬性是增加(值爲正)或減少(值爲負)字符間距;也就是說當應用在英文是,就是增加或減少每個字母之間的間距,