股票論壇個人日誌——第五週:前端設計之文章、評論界面+個人中心優化

團隊日誌:

https://blog.csdn.net/Seb_Veeeettle/article/details/105749143

個人工作

  • 文章動態主頁設計
  • 文章詳情頁面設計
  • 文章的評論頁面設計
  • 個人中心修改優化

心得體會

最近倆周非常粗糙的學習了大量JavaScript知識,對於一些頁面動畫和腳本有了一定的認識,但是還是非常不繫統的,下面進行一下系統地梳理。

JavaScript是一種計算機編程語言,可以像等其他編程語言那樣定義變量,執行循環等。主要執行在瀏覽器上,爲HTML頁面提供動態效果,而且JavaScript是一種腳本語言,它的代碼是解釋執行的,也就是解釋一句代碼後就會執行這句代碼。

Js變量聲明

js是弱類型語言,弱類型並不是說數據本身沒有類型,而是變量沒有類型。如一個變量a,a的值既可以是字符串類型,也可以是數值類型

js使用關鍵字var 聲明變量:var a ; 或者 var a = 1.2; 或者 var a,b,c;

由於js的弱類型特點,我們可以這樣編寫代碼:

var a = 1.2;

a = “hello”;

切記:js中沒有int a = 1; 這種寫法

Js數據類型

js定義了6種數據類型,其中有5種原始類型:Boolean、Number、String、Null、Undefined,和一種Object類型

函數

函數是js中低一等的對象,它不僅具有普通對象的構造函數、屬性等,最重要的是它可以被調用。通常一個函數用來完成一個特定動作,而且可被重複調用,和那些面向對象的編程語言中的方法相似。鑑於函數在js中的重要地位,js提供了多種語法來聲明、使用函數。實際上聲明函數就是創建js的Function類的對象

Js變量作用域
  • 在script標籤內直接定義的變量是全局變量,對整個頁面的所有js代碼都有效
  • js預先定義了一些全局變量,比如說name,測試時候要注意 js引擎在執行代碼之前,會把所有的全局變量聲明放在頂部,賦值語句位置不變
  • 在if、循環等語句中聲明的變量,只要聲明語句執行過,變量就會被提升爲全局變量
  • 變量可重複聲明並會發生覆蓋,使用變量時值爲前面最後一次聲明的值 在函數內定義的變量是局部變量,局部變量不會提升爲全局變量,所以外面不可訪問
  • 在兩個嵌套的函數中,外層函數定義的變量對內層函數有效,反之無效 在兩個不是嵌套關係的函數中定義的變量對彼此都無效
  • 特別注意嵌套函數內變量的使用

在JavaScript中,無論是全局變量還是函數,都在window對象的屬性,window對象表示整個瀏覽器窗口,不僅僅js內容,整個HTML頁面(包括所有元素和CSS內容)也都在window對象的管理之下,瀏覽器每打開一個標籤頁面就會創建一個window對象,瀏覽器窗口有時候會打開多個頁面,也就對應多個window對象,每個window對象幾乎互不影響。除此之外window對象還提供了另外一些全局對象

window的全局屬性

location地址欄對象(href 屬性、reload())

screenX 瀏覽器左邊框距顯示屏左邊界的距離

screenY瀏覽器上邊框距顯示屏左邊界的距離

document 頁面文檔對象,表示一個html頁面
  
window的全局函數
alert()、confirm()、prompt()、close()、open()、setInterval()、clearInterval()、setTimeout()、clearTimeout()

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章