原创 http協議——Trailer,Transfer-Encoding,Upgrade,Via,Warning

Trailer : 說明了報文主體後記錄了哪些首部字段 Transfer-Encoding: 規定了傳輸報文主體時採用的編碼方式 Transfer-Encoding:chunked Upgrade: 檢測HTTP協議及其他協議是否可使用

原创 理解javascript中的this關鍵字

一直以來,this關鍵字都是我的知識盲區,雖然平時一直都有用到,但是都不是很理解this的指向,今天看了一篇文章,感覺受益匪淺,所以做個記錄。參考文章地址https://www.jb51.net/article/74097.htm  

原创 http協議——cache-Control

http協議屬於應用層,用於客戶端和服務端之間的通信,通過請求和響應的交換達成通信。它是不保存狀態的協議,即無狀態協議,每當有新的請求發送時,都會有新的響應產生。 1.通用首部字段 1)cache-Control 操作緩存的工作機制 ca

原创 es6中的對象解構賦值

const {foo:baz} = {foo:'aaa',bar:'bbb'} 此時,baz就等於aaa。 由此可以看出,對象解構賦值,是先在賦值對象中找到同名屬性,然後將屬性的值賦值。注意這裏baz纔是變量,foo只是匹配模式,只是用

原创 vue利用better-scroll實現通訊錄式列表滾動和左右聯動效果(1)

1.點擊右側字母,滾動到相應的列表位置 首先在右側字母列表監聽touchstart事件,當事件發生時則執行相應的函數 函數內容 onShortCutTouchStart (e) { let anchorIndex = get

原创 jsonp的使用——qq音樂爲例

上一篇中對jsonp的源碼進行了分析,所以這篇文章是對jsonp的使用,加深對jsonp的理解。首次使用,如有錯誤,請告知。互相學習,互相借鑑。 因爲我最近在看慕課網上的用vue實現音樂app的教程,所以這裏我也會使用vue來實現。 安裝

原创 vue-lazyload實現圖片懶加載

這個插件使用非常簡單 安裝 npm install vue-lazyload --save 在main.js文件中引入,註冊 import VueLazyLoad from 'vue-lazyload' Vue.use(VueLaz

原创 vuex初始化

vuex的初始化 (1)文件目錄 (2)index.js import Vue from 'vue' import Vuex from 'vuex' import * as actions from './actions' //es6

原创 vue設置固定title而造成無法點擊問題

設置title的css時,沒有給一個高度,導致它出現的時候,把列表給覆蓋住了,所以無法點擊下面的列表,設置了一個高度之後,問題解決。

原创 vue利用better-scroll實現通訊錄式列表滾動和左右聯動效果(2)

3.右邊字母列表滑動或者點擊時對應的字母高亮 _calculateHeight () { this.listHeight = [] const list = this.$refs.listgroup

原创 vue中使用v-for循環加載swiper-slide時loop沒有生效

vue中使用v-for循環加載swiper-slide時loop沒有生效,數據是異步獲取的。 <div> <swiper :options="swiperOption" ref="swiperOption" class="swi

原创 jsonp源碼解析

源碼github地址https://github.com/webmodules/jsonp/blob/master/index.js var debug = require('debug')('jsonp'); //node.js的de

原创 better-scroll無法滾動問題

  無法滾動的時候打印一下scroll對象,看看裏面的wrapperHeight是否小於scrollerHeight,如果不小於是不能滾動的,因爲hasVerticalScroll表示是否有垂直滾動,如果不小於,那麼hasVertical