原创 ES6-對象的擴展

在JavaScript原生對象-Object對象詳解中已經比較詳細的介紹了Object對象,其中已經多次提高了ES6,這一篇將詳細的介紹ES6中對Object對象的擴展。 屬性的簡寫表示法 ES6中對象簡寫屬性名的語法,實際上是一

原创 vue實例的常用選項(二)-生命週期函數

說到生命週期函數,就要來先談談生命週期,一個Vue實例從開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、銷燬等一系列過程,我們稱之爲Vue的生命週期; 更通俗的說實例從被創建出來、運行、最後被銷燬所要經歷的一系列過程

原创 ES6新增的Set、WeakSet 、Map、WeakMap數據結構

ES6中新增了內置引用類型:Set、WeakSet 、Map、WeakMap ,他們都是數據結構,數據結構是指相互之間存在特定關係的數據元素的集合。 其中Set和Map提供了iterator接口,可以遍歷。 Set數據結構 Set

原创 DedeCMS增加notypeid屬性以實現過濾欄目

使用DedeCMS時,arclist標籤有屬性typeid,有時候我們希望調用一個欄目的文章,又不想調用其某些子欄目的文章,就需要修改一下arclist標籤的源代碼 打開/include/taglib/arclist.lib.

原创 vue實例的常用選項(一)-methods、computed、filters、watch、props

我們先來總結一下前面已經認識的選項 el:指定Vue實例的掛載點,根實例的特有屬性 data:用於聲明需要響應式綁定的數據對象 components:Vue實例配置局部註冊組件 template:用於掛載元素的字符串模板 rend

原创 Vue中管理路由-vue-router路由配置

在新建Vue Router時,Router的構建選項有routes、mode、base、linkActiveClass、linkExactActiveClass等等,這裏只介紹mode和routes,我們常說的路由配置一般指配置r

原创 Vue中使用Axios實現Ajax異步通信入門

AJAX是一種異步的客戶端和服務端進行交換數據的方法,表現是不重新加載頁面的情況下,後臺與服務器進行了數據交互,再部分的更新頁面。 在ES6之前,主要使用瀏覽器提供的接口XmlHttpRequest對象來向服務器發異步請求,從服務

原创 ES6-生成器函數(Generator Function)入門

ES6中引入的一種新的函數類型,叫做Generator生成器函數,它的特點是可以暫停執行和恢復執行。通過yield表達式能夠中斷函數的執行,通過next()方法可以恢復執行。 在普通的函數通過return指定返回值,如果函數被調用

原创 ES6-Promise對象獲取異步操作的消息

Promise是什麼 JS 是單線程的,不過可以執行異步任務,異步任務不會阻塞主線程,在Promise之前一般使用回調函數來傳遞異步操作的消息。 Promise是ES6的原生對象,它是一個構造函數,Promise對象用來傳遞異步操

原创 ES6-用Proxy和Reflect操作對象

ES中,新增了Proxy和Reflect兩個內置對象,並且經常結合起來使用,我個人覺得先理解了Reflect對象,Proxy就更好理解了。 一、Reflect對象 Reflect 是ECMAScript6提供的一個內置對象,Ref

原创 ES6 String的擴展

模板字符串 ES6之前,使用“+”操作符拼接字符串 var a='hello'; var b=a+' world!'; //hello world! ES6 中引進的一種新型的字符串字面量語法 - 模板字符串。模板字符串是一

原创 使用sessionStorage和localStorage

sessionStorage和localStorage是html5的新特性,和cookie一樣,sessionStorage和localStorage也用於客戶端存儲數據,同樣遵循同源策略,但sessionStorage和loca

原创 JS數組(二) - ES6 數組的擴展

在《Javascript中的數組-Array對象》中,已經介紹了JS中數組的一些概念和方法,其中已經提了幾個ES6擴展的新方法,這一篇就繼續來詳細的瞭解ES6 數組的擴展。 一、新增的兩個靜態方法: 1、of方法 用於將一個或多

原创 JS數組(一) - Javascript中的數組Array對象

數組就是一組數據的有序集合,它用一組連續的內存空間,來存儲一組數據,數組中的一個數據叫做元素,每個元素在數組中的位置稱爲索引或下標,數組的起始元素索引默認是0。 對於每一門編程語言來說數組都是重要的數據結構之一,數據結構是計算機存

原创 Vue實例的參數options說明

數據相關選項 選項 說明 data 聲明需要響應式綁定的數據對象 props 接收來自父組件的數據 propsData 創建實例時手動傳遞props,方便測試props", computed 計算屬性",