原创 button與a衝突事件

在火狐中 當我們在button中添加一個a標籤時,點擊button不會點擊a,也就是說,button將a覆蓋了。 但是在谷歌裏面不會覆蓋 解決方法一: <button id="btn" onclick="a.click();"

原创 父組件與子組件的通信

首先我們得弄清楚什麼是父組件什麼是子組件,我們從下面的例子中來了解 <div id="example"> <my-component></my-component> </div> // 註冊 Vue.component('my

原创 nodejs-npm-webpack安裝

VUEJS讓前端和後臺完全分離 1、Vuejs 適合做什麼? 擅長移動端單頁應用程序 網頁版在線及時聊天(彈幕) 傳統的多頁網站複雜網站 nodejs 屬於後端 vuejs 屬於前端框架

原创 fliter的兩種使用方法

單個fliter 參考官方鏈接 在HTML中 <div> <p>{{message|my-filter}}</p> //前者爲需要過濾的內容,後者爲過濾器名 </div> 首先我們需要註冊一個過濾器,下面的過濾器是一個

原创 簡述P問題,NP問題,NP完全問題以及NP Hard問題

參考1 參考2 寫在前面 在瞭解P問題,NP問題,NPC問題以及NP Hard問題之前,我們需要明白多項式級的複雜度和非多項式級的複雜度。時間複雜度是當問題規模擴大後,程序需要的時間長度增長得有多快。有O(1)的時間複雜度,也稱常

原创 Vue實例 -構造器

每個Vue.js應用都是通過構造函數Vue創建一個Vue的根實例啓動的: var vm = new Vue({ //選項,實例化時需要傳入一個選項對象 }) 可以擴展構造器,從而用預定義選項創建可複用的組件構造器 var MyCo

原创 JSON

在這篇文章中會講到JSON與JavaScript對象的轉換,以及轉換過程中的一些事情,第二次學習JSON,有新的收穫 語法 簡單值 例如5或者"hahahah" //JSON字符串必須使用雙引號 對象 { "n

原创 localStorage----客戶端永久存儲數據的方法

HTML5 提供了兩種在客戶端存儲數據的新方法: localStorage - 沒有時間限制的數據存儲 sessionStorage - 針對一個 session 的數據存儲 之前,這些都是由 cookie 完成的。但是 c

原创 vue todomvc案例中全選框出錯,需要點三次才能完成全選取消全選兩種操作

這個坑我並不想表達任何情緒,保持微笑 HTML如下: <input class="toggle-all" type="checkbox" v-model="allDone"> 錯誤js如下: //全選與取消全選事件

原创 axios --Vue使用Ajax

引入 <script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script> 或者下載到本地 使用 var app = new Vue({ el:

原创 Vue.js起步

首先我們在HTML文件中加入以下代碼即可使用這個強大的框架 <script src="https://unpkg.com/vue"></script> 既然是框架,肯定是有利於我們編程的,而不是給我們找麻煩,所以抱着一顆期待的心去

原创 watch

watch瞭解更多 詳細 一個對象,鍵是需要觀察的表達式,值是對應回調函數。值也可以是方法名,或者包含選項的對象。Vue 實例將會在**實例化時調用 $watch()**,遍歷 watch 對象的每一個屬性。 示例 var vm

原创 javascript:void(0)的用法以及與href="#"的區別

轉自這裏寫鏈接內容 <a href="javascript:void(0);" onclick="alert('ok');"></a> 表示這個鏈接不做跳轉動作,執行onclick實踐 Javascript中void是一個操作

原创 使用wamp中的Apache創建虛擬主機

第一步:添加站點 配置httpd-vhosts.conf 路徑:wamp64\bin\apache\apache2.4.23\conf\extra 打開是這個樣子的 我們在後面加入 <VirtualHost *:80>

原创 Vue 搭建腳手架--vue-cli

首先查看自己的電腦是否安裝了node和npm 在gitbash中輸入,如果有版本信息,說明你已經安裝了,下載地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ node -v npm -v