原创 jQuery實現手風琴選項卡
案例時間 爲什麼叫手風琴我也不清楚，直接的視覺效果就是鼠標滑過時大圖片顯示小圖片隱藏。emmmmm，就是這樣的。看下效果圖。 核心佈局：用ul。li中的a放兩張圖片，小圖片使用定位定到li的最左邊，大圖片不用動直接放在a裏就行。 效果：
2020-04-13 03:32:34
原创 淺析JS閉包 —— 與閉包的初次邂逅
寫在前面 第一次聽閉包的時候，還是在剛決定學習前端的時候我同學加學習好夥伴告訴我的，那個時候感覺好高級啊，聽不懂，懵懵的。在學習html和css時也會看到一些技術文章。在看的過程中也會碰到一些比較深入的文章，關於js的內容，我也瀏覽過寫j
2020-04-05 11:53:47
原创 typeof 的特別之處 —— 不報錯
遇到了一個題目，很基礎，但是也很容易犯錯，看下唄。 var x = 1; if (function f() {}) { x += typeof f; }
2020-04-05 11:53:47
原创 深度解析JS中的作用域和作用域鏈的問題
寫在前面 當一個人開始認真過自己的生活時，就是最美好最幸福的時刻，要一直記得這種美好。 今天呢，再來掰扯掰扯js中作用域和作用域鏈的問題，就是我偶然之間發現的一個寶藏老師，看了他對作用域和作用域鏈的解釋，我又瞭解到了很多我之前不知道的知識
2020-04-02 00:37:40
原创 純JS實現輪播圖
寫在前面 是的，這個輪播圖我看了一天的時間，網上找說明，外加請教別人，自己動手試着寫寫，昨天看了一下午，夜裏又簡單想了一下整個流程。終於今天上午開始動手寫，磕磕絆絆，跌跌撞撞，完整的輪播讓我給實現了。 總的來說，算是完成了，爲啥要說算是
2020-03-22 09:00:53
43
原创 JS實現簡單的動畫效果 —— 緩動動畫的原理
寫在前面 每天都奔赴自己的熱愛，是多麼幸福的一件事。 唯有美食和理想不可辜負。 CSS中學習了動畫，是使用keyframe定義動畫，然後添加動畫。今天主要是用JS實現動畫效果，同時理解動畫的原理。emmmm ， 本篇文章介紹的是元素移動
2020-03-19 00:16:10
2
原创 JavaScript基礎——BOM基礎
目錄 寫在前面的反思 BOM筆記 案例說明 常用事件 定時器 this指向問題 JS執行機制 寫在前面的反思 用了大概一個星期的時間吧，把DOM的基礎知識點和對應的一些案例過了一遍。其實我也沒有嚴格要求自己在多長多長時間內去學完多少多
2020-03-15 06:53:27
原创 初次接觸------DOM事件流
簡單一句話概括事件流：事件的傳播過程就是DOM的事件流。 舉一個例子：給ｕｌ中的ｌｉ添加點擊事件。 事件傳播的整個過程： 首先ｄｏｃｕｍｅｎｔ檢測是否有點擊事件，沒有；下一步找ｈｔｍｌ，沒有點擊事件；然後找ｂｏｄｙ，沒有點擊事件；接着找ｕ
2020-03-12 22:18:17
原创 DOM事件——鼠標事件和鍵盤事件
DOM事件基礎就要結束了，今天整理一下，發上來。做的小案例和練習，有的我沒有放html和css，一般都是使用ul和li做的，大家可以自行搭建吧，主要是學習JavsScript的，但是也不能忘記前面學習的。 事件的註冊和解綁 兩種註冊綁
2020-03-12 22:18:17
5
原创 JS實現簡易留言板——節點操作
今天的案例主要是對節點進行操作 創建節點、添加節點、刪除節點以及爲節點添加內容的操作。 就是一個簡單的留言板功能，可以發佈留言，刪除留言。 主要思路：兩個鼠標點擊事件——點擊發布按鈕事件和點擊刪除按鈕事件 發佈按鈕事件：首先在文檔中創建
2020-03-11 16:41:21
249
原创 JavaScript基礎——DOM節點操作學習筆記
目錄 筆記 方法的使用 案例一、 動態生成表格 案例二、下拉菜單，鼠標經過和離開實現 案例全部代碼 筆記 ###節點概述 1.網頁中的任何內容都是節點——文字、標籤、元素、文檔等。 節點至少有nodeType(
2020-03-11 16:41:21
原创 JavaScript基礎——DOM案例
emmmmmm，昨天下午那會兒，出現了一點小插曲，電腦進水了。。。。。。。。 還好最後沒事，不讓我就要報廢了，今天夜裏把昨天沒有完成的知識點來完成一下。 上篇文章介紹了其他的元素操作，今天再對錶單元素進行補充說明一下。 表單元素的屬性
2020-03-09 07:52:42
8
原创 JavaScript基礎——Web APIS之DOM學習筆記
今天大概過了一下DOM的基本操作，如何獲取元素、事件基礎、如何操作元素對象。看着視頻學習的，知識量有的大，練習今天下午還沒有整完，就練習了一部分的知識點。就大概記錄一下今天的學習筆記吧。 DOM的概念 API的中文意思：應用程序編程
2020-03-07 02:05:50
原创 JavaScript基礎——數據類型的存儲
JS中的數據類型分爲兩種：值類型和引用類型。 值類型 五種簡單數據類型就是值類型。Number、Boolean、String、Null、undefined 但要特別主要Null：它的返回的是Object 值類型數據的存儲方式 在棧空間開闢
2020-03-07 02:05:50
原创 JavaScript基礎之內置對象——String 字符串
基本包裝類型 在總結知識點之前先說一下字符串基本包裝類型。 基本包裝類型：也叫基本類型、基本字符串 MDN給的解釋如下： 字符串字面量 (通過單引號或雙引號定義) 和 直接調用 String 方法(沒有通過 new 生成字符串對象實例)
2020-03-04 18:17:28