原创 vue+vue-cli+webpack中引入jQuery

在項目中爲了方便操作dom元素,選擇jQuery,下面是步驟 首先在package.json裏的dependencies加入"jquery" : "^3.2.1",然後install   (注:可以查找最新的jQuery版本) 在web

原创 vue-router 2.0 跳轉之router.push()

router.push(location) 除了使用 創建 a 標籤來定義導航鏈接,我們還可以藉助 router 的實例方法,通過編寫代碼來實現。 router.push(location) 想要導航到不同的 URL,則使

原创 cookie,session優缺點

面試過程中,經常會遇到這樣的問題,cookie,session的優缺點 現在整理如下: Cookie的優缺點: 優點:極高的擴展性和可用性 通過良好的編程,控制保存在cookie中的session對象的大小。 通過加密和安全傳輸技術(SS

原创 Vue2中的鍵盤事件

Vue2鍵盤事件:keydown/keyup 使用: <!DOCTYPE html> <html> <head> <title></title> <meta char

原创 移動端的meta標籤

<meta>元素 概要: 標籤提供關於HTML文檔的元數據。元數據不會顯示在頁面上,但是對於機器是可讀的。它可用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他 web 服務。 必要屬性: 屬性

原创 Vue key的作用

1、v-if中用 key 管理可複用的元素 Vue 會儘可能高效地渲染元素,通常會複用已有元素而不是從頭開始渲染。這麼做,除了使 Vue 變得非常快之外,還有一些有用的好處。例如,如果你允許用戶在不同的登錄方式之間切換: <tem

原创 JavaScript計算對象的長度

//計算對象的長度,既獲得對象屬性的個數 //方法一:通過for in遍歷對象,並通過hasOwnProperty判斷是否是對象自身可枚舉的屬性var obj = {"name": 'yzs',"age": '18'}; var leng

原创 在表單提交中用到的html5新標籤

<fieldset> 標籤:對錶單中的相關元素進行分組 <legend> 標籤:<legend> 元素爲 <fieldset>元素定義標題。 <form> <fieldset> <legend>Personalia:</

原创 Vue v-if條件渲染

1、簡單的v-if指令,代碼如下 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="tex

原创 vue.js添加一些觸摸事件以及安裝fastclick

安裝fastclick.js npm install fastclick -D 之後,在main.js中引入,並綁定到body import FastClick from 'fastclick' //vue框架開發H5正確運用

原创 vue向子組件傳遞參數的兩種方式

在github上下載了一個vue簡單的入門項目,看到了不同以往的向子組件傳遞參數的方式,特此記錄 前提: 向子組件傳遞簡單的參數fatherComponent爲home 第一種常規方式: <div class="home_contain

原创 vue-router 實現組件的緩存之 keep-alive

一、keep-alive簡介 keep-alive是Vue內置的一個組件,可以使被包含的組件保留狀態,或避免重新渲染。 用法: <keep-alive> <component> <!-- 該組件將被緩存! -->

原创 關於Vue實例的生命週期created和mounted的區別

什麼是生命週期 Vue實例有一個完整的生命週期,也就是從開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程,我們稱這是Vue的生命週期。通俗說就是Vue實例從創建到銷燬的過程,就是生命週期。 在Vue的

原创 vue開發-使用axios發送請求

vue之前有一個官方推薦的交互插件vue-resource,但是到了2.0以後,官方不在更新vue-resource。 目前主流的vue項目,都選擇axios來完成ajax請求,大型項目一般使用Vuex來管理數據,本篇博文詳細說一下axi

原创 vue2.0+vue-cli+webpack+vue-router中路由設定

首先安裝vue-router npm install vue-router 一、使用路由 1、在main.js中,需要明確安裝的路徑 import Vue from ‘vue’ import App from ‘./App