keepfool

摘要： 概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構建單頁面應用。vue的單頁面應用是基于路由和組件的，路由用于設定訪問路徑，并將路徑和組件映射起來。傳統的頁面應用，是用一些超鏈接來實現頁面切換和跳轉的。在vue-router單頁面應用中，則是路徑之間的切 閱讀全文

摘要： 概述 browserify是一個 CommonJS風格的模塊管理和打包工具，上一篇我們簡單地介紹了Vue.js官方基于browserify構筑的一套開發模板。webpack提供了和browserify類似的功能，在前端資源管理這方面，它提供了更加出色的功能。官方基于webpack提供了兩種項目模板，分別是vue-webpack-simple模板和vue-webpack模板，今天我們將介紹官方提供的... 閱讀全文

摘要： 概述 在之前的一系列vue.js文章，我們都是用傳統模式引用vue.js以及其他的js文件的，這在開發時會產生一些問題。 首先，這限定了我們的開發模式是基于頁面的，而不是基于組件的，組件的所有代碼都直接寫在頁面中，這對于一些復雜的頁面來說，不是好事情，代碼的可讀性會較差，也不便于管理。 其次，定義在HTML頁面中的組件，無法被其他頁面重用，我們只能通過復制粘貼的方式將組件代碼拷貝到其他頁面，這也違... 閱讀全文

摘要： 概述 上一篇我們介紹了如何使用vue resource處理HTTP請求，結合服務端的REST API，就能夠很容易地構建一個增刪查改應用。這個應用始終遺留了一個問題，Web App在訪問REST API時，沒有經過任何認證，這使得服務端的REST API是不安全的，只要有人知道api地址，就可以調用API對服務端的資源進行修改和刪除。今天我們就來探討一下如何結合Web API來限制資源的訪問。 本... 閱讀全文

摘要： 概述 上一篇我們介紹了如何將$.ajax和Vue.js結合在一起使用，并實現了一個簡單的跨域CURD示例。Vue.js是數據驅動的，這使得我們并不需要直接操作DOM，如果我們不需要使用jQuery的DOM選擇器，就沒有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通過 閱讀全文

摘要： 概述 之前我們學習了Vue.js的一些基礎知識，以及如何開發一個組件，然而那些示例的數據都是local的。在實際的應用中，幾乎90%的數據是來源于服務端的，前端和服務端之間的數據交互一般是通過ajax請求來完成的。 說起ajax請求，大家第一時間會想到jQuery。除了擁有強大的DOM處理能力，jQuery提供了較豐富的ajax處理方法，它不僅支持基于XMLHttpRequest的ajax請求，也... 閱讀全文

摘要： 概述 上一篇我們重點介紹了組件的創建、注冊和使用，熟練這幾個步驟將有助于深入組件的開發。另外，在子組件中定義props，可以讓父組件的數據傳遞下來，這就好比子組件告訴父組件：“嘿，老哥，我開通了一個驛站，你把東西放到驛站我就可以拿到了?！?今天我們將著重介紹slot和父子組件之間的訪問和通信，slot是一個非常有用的東西，它相當于一個內容插槽，它是我們重用組件的基礎。Vue的事件系統獨立于原生的D... 閱讀全文

摘要： 組件簡介 組件系統是Vue.js其中一個重要的概念，它提供了一種抽象，讓我們可以使用獨立可復用的小組件來構建大型應用，任意類型的應用界面都可以抽象為一個組件樹： 那么什么是組件呢？組件可以擴展HTML元素，封裝可重用的HTML代碼，我們可以將組件看作自定義的HTML元素。 本文的Demo和源代碼已放 閱讀全文

摘要： 概述 在早期的前端Web設計開發年代，完成一些頁面元素時，我們必須要有專業的PS美工爸爸，由PS美工爸爸來切圖，做一些圓角、陰影、鋸齒或者一些小圖標。 在CSS3出現后，借助一些具有魔力的CSS3屬性，使得這些元素大多都可以由開發人員自己來完成。在開始閱讀這篇文章前，我們先喊個口號：不想當藝術家的程序員不是好設計師！ 本文的Demo和源代碼已放到GitHub，如果您覺得本篇內容不錯，請點個贊，或在... 閱讀全文