原创 PHP基礎,使用PHP訪問表單數據

(《Head First PHP & MySQL》學習記錄) HTML5:<!doctype html> <html> <head> <meta charset="UTF-8"> <title>report</title> <link

原创 元素更新後不立即顯示在頁面上的問題

關於下面這段代碼中更新#description元素內容不立即顯示在頁面上,而要等到整片js代碼執行完才刷新頁面的問題: if(this.rabbit===true){ this.level=this.tempLevel; $("

原创 一個簡單的矩形,clearRect(), strokeRect(), fillRect(), 鼠標事件onmousedown

(《HTML5 Canvas核心技術 圖形/動畫與遊戲開發》學習[1]) html5: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Rectangle</titl

原创 學習筆記-1

html註釋:<!— —> css註釋:/* */ html文檔流:從上到下,從左到右,遇到塊級元素換行。 width height 默認單位 px 像素 alt 代替文本(無法顯示圖片,屏幕閱讀器) 插入背景圖片,圖片按照代碼編寫

原创 人機交互方法研究 ——如何設計一個體貼的軟件

(《創新創業訓練》課程報告,只能算作《About Face3:交互設計精髓》的摘錄) 1 人機交互基礎知識 1.1 背景 二十世紀八十年代初,蘋果公司生產出第一臺圖形界面的電腦。大約十年之後,“交互設計”這個詞纔開始慢慢流行起來。 到了

原创 js代碼運行後出錯或無反應的原因總結

2015.12.07 下圖21行忘記加id 2015.12.07 163行=寫成. 2015.12.08 38行id寫成class 2015.12.08 9行忘記加id 點贊 收藏 分享 文章

原创 判斷和循環

(《javascript&jquery交互式web前端開發》學習記錄) 完成效果 html5代碼: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>May Stu

原创 事件觸發js代碼的不同方式

(《javascript&jquery交互式web前端開發》學習記錄) html5代碼: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Sign up</tit

原创 大數據時代——從謝頓計劃說開去

(《學科前沿講座》課程報告,刪去抄襲和湊字數部分的支離破碎版本) 狄更斯在《雙城記》第一段裏這樣寫:這是最好的時代,這是最壞的時代;這是智慧的時代,這是愚蠢的時代;這是信仰的時期,這是懷疑的時期;這是光明的季節,這是黑暗的季節;這是希望之

原创 文檔對象模型,對元素的各種操作

(《javascript&jquery交互式web前端開發》學習記錄) 對元素的各種操作代碼如下: html5: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>

原创 學習筆記-2

transition屬性 transition: all(要應用transition的屬性) .2s(transition的時間) ease-in(transition的方式) .2s(間隔過後進行transition) transiti

原创 各種事件

(《javascript&jquery交互式web前端開發》學習記錄) html5: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Sign up</title>

原创 meta name="viewport" content="width=device-width,initial-scale=1.0" 解釋

 <meta name="viewport" content="width=device-width,initial-scale=1.0">   content屬性值 :      width:可視區域的寬度,值可爲數字或關鍵詞devi

原创 <html5+css3+js>jquery基礎

(《javascript&jquery交互式web前端開發》學習記錄)  HTML5: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Docum

原创 <html5+css3+js>javascript實現圖片滾動播放功能

html5:<div class="slider"> <div class="slide-viewer"> <div class