原创 阻止瀏覽器中下拉顯示出網址

加入這段代碼就可以了。 document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默認的處理方式(阻止

原创 pointer-events的作用

pointer-events:auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all 默認值

原创 移動端取消元素添加點擊事件時背景高亮

  通用方法:在你添加了點擊事件的元素的樣式中加入以下樣式, -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  

原创 網站性能優化

相信互聯網已經越來越成爲人們生活中不可或缺的一部分。Ajax,flex等等富客戶端的應用使得人們越加“幸福”地體驗着許多原先只能在C/S實 現的功 能。比如Google機會已經把最基本的office應用都搬

原创 閉包的理解

       在JavaScript中,根據作用域鏈規則,函數內部可以很容易的獲取全局變量,函數內部的局部作用域中的變量只有子函數纔可以讀取,要從外部獲取內部變量卻不是很簡單。閉包就是用來解決這個問題的,既然子函數可以讀取局部作用域變量,

原创 flex佈局

移動端佈局要適配各種客戶端,穩定的佈局就顯得比較重要。本文介紹幾種常見的採用flex佈局簡單且穩定的達到預期效果的例子。flex容器有4個比較常用屬性:flex-directionflex-wrapjustify-contentalign

原创 關於this的指向問題

this的指向一共四種:1.普通函數中的this指向全局對象window;2.方法中this指向調用方法的對象;3.構造函數中指向構造函數的實例;4.call,apply中指向指定的上下文。接下來詳細介紹一下一、普通函數中的this指向全

原创 消除inline-block產生的間隙

在水平對齊方法中display inline-block是一種很方便的方法,但是使用時會有一點小瑕疵。當子元素標籤與標籤之間存在空格:<div class="box"> <div class="box1">盒子一</div>

原创 ajax的promise封裝

ajax是一個比較常用的異步操作,在Vue中或者其他框架的實例中如果使用$.ajax({})需要在success函數後面bind(this)或者var that=this,而且每次都要寫各個重複的參數或者代碼,不想敘述了,直接上代碼吧,很

原创 關於ES6的塊級作用域

在ES5中是沒有塊級作用域的,只有全局作用域與局部作用域(函數作用域);怎麼理解沒有塊級作用域呢?看接下來的例子:for (var i = 0; i < 5; i++) { { console.lo

原创 原生Ajax請求創建過程

Ajax創建過程:1)創建XMLHttpRequest對象,也就是創建一個異步調用對象2)創建一個新的HTTP請求,並指定該HTTP請求的方法、URL及驗證信息3)設置響應HTTP請求狀態變化的函數4)發送HTTP請求5)獲取異步調用返回

原创 Cookie與Web Storage的區別

1.談談Cookie的認識 (1)總數的限制:每個特定的域名下最多生成20個cookie (2)尺寸的限制:每個cookie長度不能超過4KB,否則會被截掉。cookie的最大大約爲4096字節,爲了兼容性

原创 vue組件之間的通信

實際開發一般都是用vue-cli中,本文就以vue-cli中的情境來描述。一、父組件傳遞數據給子組件父傳子用props來實現,假設以下情境:我們需要在灰色的父組件中操作改變白色的子組件的數字加減,並且可以在子組件中清空數字。我們就需要將父

原创 css基礎的一些總結

一、CSS 選擇符:     1.id選擇器(# myid)     2.類選擇器(.myclassname) ;    3.標籤選擇器(div, h1, p) ;    4.相鄰選擇器(h1 + p) ;    5.子選擇器(ul >

原创 定位與BFC原理

一、定位1、標準文檔流    在HTML文檔中,如無任何其他額外規定,元素默認按標準文檔流排列,行內元素會一個接一個同行排列,直到排滿本行後自動換行;塊級元素每一個規定佔一整行;每個元素會按其在文檔中的位置按順序排列,此爲標準文檔流。2、