原创 數據結構與算法-十大排序算法(動畫演示)

排序算法的概念 1. 算法相關名詞 穩定:如果a原本在b前面,而a = b,排序之後a仍然在b的前面。 不穩定:如果a原本在b的前面,而a = b,排序之後 a 可能會出現在 b 的後面。 時間複雜度:排序時數據總的操作次數所用的時間規模

原创 CSS 3.0實現卡片懸停立體特效

今天給大家分享一個用CSS 3.0實現的卡片懸停立體特效,效果如下: 以下是代碼實現,歡迎大家制復粘貼和收藏。 <!DOCTYPE html> <html lang="en"> <head> <meta ch

原创 JavaScript 設計模式學習第十八篇-發佈-訂閱模式

在衆多設計模式中,可能最常見、最有名的就是發佈 - 訂閱模式了,本篇我們一起來學習這個模式。 發佈 - 訂閱模式(Publish-Subscribe Pattern, pub-sub)又叫觀察者模式(Observer Pattern),它

原创 JavaScript 設計模式學習第十三篇-適配器模式

適配器模式(Adapter Pattern)又稱包裝器模式,將一個類(對象)的接口(方法、屬性)轉化爲用戶需要的另一個接口,解決類(對象)之間接口不兼容的問題。 主要功能是進行轉換匹配,目的是複用已有的功能,而不是來實現新的接口。也就是說

原创 CSS 3.0扭曲實現的滾動傾斜背景特效

今天給大家分享一個用CSS 3.0扭曲實現的滾動傾斜背景特效,效果如下:  以下是代碼實現,歡迎大家複製粘貼和收藏。 <!DOCTYPE html> <html lang="en"> <head> <meta charset

原创 JavaScript 設計模式學習第二十篇-狀態模式

狀態模式(State Pattern)允許一個對象在其內部狀態改變時改變它的行爲,對象看起來似乎修改了它的類,類的行爲隨着它的狀態改變而改變。 當程序需要根據不同的外部情況來做出不同操作時,最直接的方法就是使用 switch-case 或

原创 JavaScript 設計模式學習第二十九篇- 中間件

(Middleware),又稱中介層,是提供系統軟件和應用軟件之間連接的軟件,以便於軟件各部件之間的溝通,特別是應用軟件對於系統軟件的集中的邏輯。中間件在企業架構中表示各種軟件套件,有助於抽象底層機制,比如操作系統 API、網絡通信、內存

原创 原生JS實現一個好看計數器

今天給大家分享一個用原生JS實現的好看計數器,效果如下: 以下是代碼實現,歡迎大家複製粘貼和收藏。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 CSS 3.0實現的懸停菜單特效

今天給大家分享一個用CSS 3.0實現的懸停菜單特效,效果如下: 以下是代碼實現,歡迎大家複製粘貼和收藏。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

原创 SVG濾鏡波浪動畫效果

今天給大家分享一個用SVG實現的濾鏡波浪動畫效果,效果如下: 以下是代碼實現,歡迎大家複製粘貼和收藏。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

原创 CSS 3.0實現霓虹燈按鈕動畫特效

今天給大家分享一個用CSS 3.0實現的霓虹燈按鈕動畫特效,效果如下: 以下是代碼實現,歡迎大家複製粘貼和收藏。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

原创 JavaScript 設計模式學習第二十六篇- MVC、MVP、MVVM 模式

在下文中,如果某些內容和你看的某本書或者某個帖子上的不一樣,不要驚慌,多看幾本書,多打開幾個帖子,你會發現每個都不一樣,所以模式具體是如何表現並不重要,重要的是,瞭解這三個模式主要的目的和思想是什麼: 1. MVC 模式:從大鍋燴時代進化

原创 JavaScript 設計模式學習第二十八篇- 鏈模式

通常情況下,通過對構造函數使用 new 會返回一個綁定到 this上的新實例,所以我們可以在 new 出來的對象上直接用 . 訪問其屬性和方法。如果在普通函數中也返回當前實例,那麼我們就可以使用 . 在單行代碼中一次性連續調用多個方法,就

原创 JavaScript 設計模式學習第二十二篇-迭代器模式

迭代器模式(Iterator Pattern)用於順序地訪問聚合對象內部的元素,又無需知道對象內部結構。使用了迭代器之後,使用者不需要關心對象的內部構造,就可以按序訪問其中的每個元素。 1. 什麼是迭代器 銀行裏的點鈔機就是一個迭代器,放

原创 MySQL深入學習第五篇 - 深入淺出索引(下)

在上一篇文章中,介紹了 InnoDB 索引的數據結構模型,今天我們再繼續介紹一下 MySQL 索引有關的概念。 在開始這篇文章之前,我們先來看一下這個問題: 在下面這個表 T 中,如果我執行 select * from T where k