原创 計時器的深入學習2(抖動原理)

1.抖動的實現原理: a.通過獲取元素的位置left,用定時器改變left; b.把一組數據(改變left的),比如16,-16,14,-14….0存到數組裏 c.然後開個計時器把數組裏的數字分別與原left值計算賦給lef

原创 javascript的函數(2)及js的獲取元素樣式

一.函數的返回值 1.函數可以返回字符串、數字、布爾值、函數、對象([]/{}/null)、未定義。返回什麼調用的函數就是什麼,如 function fn(){ alert("3"); } fn();//該句就直接等於返

原创 rgba和opacity的區別、修改表單中的placeholder屬性樣式

最近在寫代碼的時候頻繁遇到這個問題的困擾,今天一次性將我對這兩者區別的認知總結在這裏: 首先說opacity,這是一個css3屬性,所以理所應當就存在兼容性問題: 並且需要注意的是,設置opacity元素的所有後代元素會隨着一

原创 計時器的深入學習1(實現運動效果的domove()函數的封裝過程及回調函數)

我最終的目的是用源生JS代碼封裝一個domove()函數,可以在傳參之後實現元素任意方向的運動,在達到最終目的前應該一步一步地完成: 1.配合之前封裝過的getstyle()函數,實現點擊按鈕之後讓一個div向前移動10px的效

原创 javascript的時間對象

1.Date 對象用於處理日期和時間。 2.創建 Date 對象的語法:var myTime=new Date() 注:Date 對象會自動把當前日期和時間保存爲其初始值。 3.Date對象的常用方法: Date():返回

原创 javascript的計時器簡單介紹

首先來介紹計時器setInterval()的概念和使用方法: 1.setInterval(函數,毫秒):計時器是一個帶有時間概念的東西,表示每間隔多少毫秒的時間執行一次函數體內的代碼。類似於循環結構,不過與循環結構仍然存在一些差

原创 HTML之表單

一.表單的定義:<form action='' method=''></form>用於向服務器傳輸數據 1.action:表單處理服務器 2.method:表單的提交方式.一般瀏覽器通過上述任何一種方法都可以傳輸表單信息,而有

原创 javascript之作用域、運算符、常用的數學方法

一.作用域 1.概念:作用域即空間、區域、範圍等。寫js必須放在script裏,css放在style裏; 2.作用:讀和寫(在一個範圍內) 3.瀏覽器對JS的解析(當讀到script標籤時開始解析)步驟: 第一步:預解析:

原创 用wamp5模擬一次AJAX請求

1.首先應當明確像這樣的目錄結構: 存儲json字符串的lessonform.txt文件就是模擬存儲服務器上的數據。由於我自己代碼中ajax請求的url是 因此lessonform.txt文件應該與我的工程位於同一目錄下,

原创 淺談前端構建工具

上週末美團來的學長給我們講了前端構建工具的相關知識,內容對於我這個菜鳥來說非常龐大和複雜,所以我需要在這裏把他所講的內容在這裏細細地再捋一捋。 首先強行插入一篇關於前端構建工具寫得很好的文章:8個概念幫你弄懂各種前端build工具

原创 wampserver的本地訪問和局域網訪問

下載安裝好wampserver之後,Apache是默認允許訪問本地的,例如: 在瀏覽器上輸入localhost就能看到: 啊哦···對的,是什麼的沒有看到,這是因爲我的wampsever沒有啓動服務。-.- 啓動wamps

原创 css其他樣式

1.去掉a及input等標籤的虛線框: input,button{outline:none;} ::-moz-focus-inner{border:none;} a{blr:expression(this.onFocus=this

原创 阿里巴巴iconfont的簡單使用

今天寫作業的時候,遇到了這樣一個問題: 很明顯,需要用到四個圖標。其實上一次整理過一篇關於奧森圖標使用方法的博客,今天也第一個想到去奧森圖標的官網去找找看。可是奧森圖標網站沒有檢索功能,我就那樣一頁一頁地找啊,差點瞅瞎了我的超

原创 遍歷幾種常見格式的json、AJAX和json

最近一段時間項目進入了前後端交互的環節,因此多次使用到了對於json的處理。其中,在對json的遍歷時出了一些問題,在網上查閱的資料也都是零零散散的,所以將今天自己的學習成果整理如下: 一.關於JSON 1.簡單概念: ~JS

原创 淺談AJAX

一.定義 (Asynchronous Javascript And XML)是一種在無需重新加載整個網頁的情況下,更夠實現局部更新的技術。 二.工作原理簡述 三.補充說明: 1.AJAX是基於現有的Internet標準