原创 Web客戶端的幾種存儲方式

【1】在H5之前,cookie是主要的存儲方式。cookie可以兼容到包括ie6以上的所有瀏覽器。 【2】localStorage的存儲週期爲永久,只要開發者不手動刪除,會一直存在 sessionStorage的存儲週期爲

原创 vue中v-if v-show的區別

12.v-if 和 v-show的區別 共同點是動態顯示DOM元素。 區別是:性能消耗 v-if有更高的切換消耗; v-show有更高的初始渲染消耗;

原创 html 常見兼容性問題?

float引起雙邊距=》用 display解決 引起3像素問題 使用float引起的 使用dislpay:inline -3px 2,z-index問題=》 給父級添加position:relative 3.Min

原创 前段跨域問題

【1】 什麼是跨域?是基於瀏覽器安全的同源策略(協議 域名端口一致叫同源策略) 【2】跨域有哪幾種方式? JSONP 通過回調函數來進行跨域獲取最終的值 JSONP的優缺點 JSONP的優點是:它不像XMLHttpReque

原创 事件代理的原理

【1】事件委託也叫事件代理, 【2】事件委託的原理:事件委託是利用事件的冒泡原理來實現的 【3】適合用事件委託的事件:click,mousedown,mouseup,keydown,keyup,keypress。 window

原创 vue組件中常見的聲明週期函數

1、beforeCreate   在實例初始化之後,數據觀測和event/watcher時間配置之前被調用。 2、created   實例已經創建完成之後被調用。 3、beforeMount   在掛載開始之前被調用

原创 移動端項目如何解決300ms延遲問題

方案一:禁用縮放 當HTML文檔頭部包含如下meta標籤時: <meta name="viewport" content="user-scalable=no"> <meta name="viewport" content="in

原创 vue2.0的三種常用傳值方式,並且如何實現?

三種傳值方式:父傳子 子傳父 非父子 父傳子 子傳父 非父子 父組件向子組件傳值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

原创 原生ajax封裝

// 定義工具方法 let Util = { /** * 發送異步請求 * @url 請求的地址 * @fn 請求成功時候的回調函數 **/ getData

原创 數組排序有哪些方式?

一般有五種,冒泡排序法、快速排序法、選擇排序法、插入排序法;es6中的Array.from(new set(數組排序)) 冒泡排序法是通過遍歷數組一個一個進行比較,然後按照最大最小值排序。 快速排序法是Arrays類的一個so

原创 es6箭頭函數與es5的function區別

1)函數體內的this對象,就是定義時所在的對象,而不是使用時所在的對象。 (2)不可以當作構造函數,也就是說,不可以使用new命令,否則會拋出一個錯誤。 (3)不可以使用arguments對象,該對象在函數體內不存在。如果要用,

原创 --GET與POST的區別:

GET:--通過網址傳遞(放入url中),會將傳遞的數據放到網址上面,--名字=值&名字=值 --get方式容量小 --安全性低 --有緩存 POST:--不通過網址傳遞 --post容量較大,一

原创 什麼是閉包?在開發項目時什麼地方用閉包?

.概念:閉包就是有權訪另一個函數作用域中變量的函數 閉包就是父函數給子函數傳值,解決作用域問題。比如做一個隨機抽題功能、選項卡、幻燈片等。一般用setInterval的地方用的比較多。 2.特性: 函數嵌套函數; 函數內部可以

原创 axios怎麼用,怎麼將axios在全局調用

先npm安裝 在頁面引用 在全局定義時可以將axios綁定到vue原型上 main.js Vue.prototype.$http=axios

原创 vue自定義指令 vue自身的指令 如果讓你寫個自定義指令怎麼寫

// 註冊一個全局自定義指令 v-focus Vue.directive(‘focus’, { // 當被綁定的元素插入到 DOM 中時…… inserted: function (el) { // 聚焦元