原创 MVVM原理及其實現(1)

一. 什麼是mvvm MVVM是Model-View-ViewModel的簡寫。它本質上就是MVC 的改進版。MVVM 就是將其中的View 的狀態和行爲抽象化,讓我們將視圖 UI 和業務邏輯分開。 要實現一個mvvm的庫,我們首先要理解

原创 JavaScript數據結構與算法——字典

1.字典數據結構 在字典中,存儲的是【鍵,值】對,其中鍵名是用來查詢特定元素的。字典和集合很相似,集合以【值,值】的形式存儲,字典則是用【鍵,值】對的形式存儲。字典也稱作映射。 2.創建字典 function Dictionary() {

原创 JavaScript數據結構與算法——集合

1.集合數據結構 集合是一組無序且唯一(不能重複)的項組成的。這個數據結構使用了和有限集合相同的數學概念。 2.創建集合 function Set() { // 這裏使用對象而不是數組來表示集合 // js對象中不允許一個

原创 JavaScript數據結構與算法——鏈表

1.鏈表數據結構 鏈表存儲有序的元素集合,但不同於數組,鏈表中的元素咋內存中並不是連續放置的每個元素有一個存儲元素本身的節點和一個指向下一個元素的引用組成。下圖展示了一個鏈表的結構:鏈表的優點: 鏈表是很常用的一種數據結構,不需要初始化容量

原创 JavaScript數據結構與算法——隊列

隊列和棧非常類似,但是使用了不同的原則,而非後進先出,是先進先出。 1.隊列數據結構 隊列遵循FIFO(先進先出,也稱先來先服務)原則的一組有序的項。隊列在尾部添加新元素,並從頂部移除元素。最新添加的元素必須排在隊列的的末尾。隊列示意圖如下

原创 JavaScript數據結構與算法—— 棧

我們可以在數組的任何位置上刪除或者添加元素,但有時候我們還需要在元素的添加或刪除時有更多控制的數據結構,有兩種數據結構類似於數組,但在添加或刪除元素時更爲可控,它們就是棧和隊列。本節主要介紹棧。 1.棧數據結構 棧是一種遵循後進先出(LIF

原创 JavaScript數據結構與算法——數組

數據結構的分類 數據結構是指相互之間存在着一種或多種關係的數據元素的集合和該集合中數據元素之間的關係組成 。 常用的數據結構有:數組,棧,鏈表,隊列,樹,圖,堆,散列表等,如圖所示: 數組 數組是最簡單的內存數據結構,數組是可以再內存中

原创 移動端所有瀏覽器頁面調試方法

通常在移動端頁面調試時,除了移動端chrome和safiri,幾乎對其他瀏覽器無法調試。在測試過程中,通常解決兼容性佔了大部分時間,對那些手機廠商自帶瀏覽器和第三方瀏覽器深惡痛絕,爲什麼不使用統一標準。 spy-debugger 移動端瀏覽

原创 基於Koa(nodejs框架)對json文件進行增刪改查

想使用nodejs(koa)搭建一個完整的前後端,完成數據的增刪改查,又不想使用數據庫,那使用json文件吧。本文介紹了基於koa的json文件的增、刪、改、查。 代碼準備 const Koa = require('koa') const

原创 跟我學JavaScript--2.數據類型以及常用語句

第二講 JavaScript的數據類型以及常用語句 對於有編程基礎(C,Java)的人,本講應該很容易看到,對於沒基礎的多看幾遍,以最短的文字解釋,方便大家查閱。 2.1 基本語法 (1)區分大小寫。變量example!=變量Exampl

原创 JavaScript 模塊插件程序之返回頂部插件

本程序爲基於jQuery的返回頂部插件<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>返回頂部小插件</title> <style type=

原创 JavaScript圖片輪播

JavaScript圖片輪播,這種方法比較複雜,大家可以自己簡話<html> <head> <meta charset="utf-8"> <title>圖片輪播</title> </head

原创 跟我學JavaScript--3.引用類型,即對象

第三講 JavaScript 引用類型即對象的講解 3.1 object類型  大多數的引用類型都是object類型,使用最多。  object類型包含 屬性 和 方法,有兩種定義的方法:  var person=new Objec

原创 JavaScript切換顏色

鼠標事件  onmouseover(),onmouseout(),ondblclick() <html> <head> <meta charset="utf-8"> <title>鼠標事件</title>

原创 跟我學JavaScript--1.HTML調用JavaScript

第一講:HTML調用JavaScript    相信開始學JavaScript的同學都已經有了HTML和CSS的基礎。如果沒學,建議回頭去學習。 1.1  <script>元素    JS(對JavaScript的簡稱,以下都用JS代替)