講解少許的 HTML 及 CSS,供後續的專題使用。
說明如何找尋網頁上的元素。
教導 JavaScript 裡的回呼來處理點擊事件
2018-05-02
Lesson 14 : 用 JavaScript 控制網頁上的元素
- 596
- 0
- JavaScript
- 2018-05-07
講解少許的 HTML 及 CSS,供後續的專題使用。
說明如何找尋網頁上的元素。
教導 JavaScript 裡的回呼來處理點擊事件
回呼函式在 JavaScript 用在網頁前端時被非常頻繁的使用。
何謂「callback」? 舉例:
上課鐘響後,老師還沒進教室前,你在桌子下面偷打電動。
並請同學在老師進教室時叫你。這就是 callback。
當然,你的同學可以主動叫你 ; 或者你請同學叫你。
許多人會把 this 誤認為包含目標函式的那個物件,其實這是錯的,
JavaScript 函式裡的 this 必須在程式執行的時候才知道是什麼。
大家可以把「this」想像成函式中的主角。
「可視範圍」:變數可以在哪裡被找到
「執行環境」:程式執行的時候到哪裡找變數。
只有「全域」、「函式」可以定義「可視範圍」的邊界。
此筆記以「ECMAScript 5」為主,
「ECMAScript 6」對於「可視範圍」有新的標準,會再找時間補上筆記。
函式(function) 是 JavaScript 程式碼區塊,僅定義一次, 但可以被多次執行或調用(invoked)。
使用 function,可避免重複寫一樣的程式碼, 是模組化程式架構時很重要的一個工具。
程式語言中的物件(object)通常會包含:
屬性 (properties):代表這個物件所擁有的資料。
方法 (method):也稱作函式,讓物件可以執行工作,也就是這個物件的功能。宣告物件的方式:const obj = {}; // 一個空的物件
你會讀書嗎?你都怎麼讀完一本書? 在讀書之前的買書及選書,你會基於什麼原則來篩選? 掌握買書的方法及讀書的技巧,將使你腦中的知識更加有效的累積及吸收。 找出最適合自己的讀書方法,讓書本的知識成為你思考的一部分。
這個主題與個人哲學觀有關,如何看待自己的人生就有不同的人生結局。
人的一生有著許多責任,整個社會氛圍也告訴我們要不斷向上爬、往前衝。
學會與壓力共處、找到自己最感興趣的事全力以赴,並且不要和他人比較,
會是面對如此人生課題的一個訣竅。
思考人人都會,但要思考得深又廣,卻很少人可以做得到。
當你關心的人處於情緒低潮時,「情緒處理」應要優先於「先講道理」。
人是渴望被理解的動物,對於能夠理解自己的人,勢必會有更高的接納度。
思考人人都會,但要思考得深又廣,卻很少有人可以做到。
人的注意力一次只能專注於一件事,
搭配心理學理論的佐證,
我們更要謹慎的將「自我能量」投放在最想做的事情上頭。