轮播图实现原理
轮播图可以说是最平常最基础不过的东西了，不论是web还是App方面，我本人也是拿来主义，是时候改变了，水平有限，总结出两种方案。 PS: 方案都很简陋，没有左右键切换，也没有下面表示进行的小圆点，只记录原理。 一. 通过display 控制 所谓轮播图就是将要展示的图片做好队列，但是窗口有限，一次只能展示一个图片，那么如果说通过display 设置 当前要展示的图片为 “block”，其他不展示的图片为 “none”，应该就解决这个问题了。 HTML代码： <div class="main" id="main"> <div class="banner" id="banner"> ..
更多Js插件封装
近日总结的相对简单的JS插件封装的模板 ;(function(){ var demo = function (options) { if(!(this instanceof demo)){return new demo(options)}; this.options = this.extend({ ‘x’: 1, ‘y’: 2, ‘z’: 3 },options) //初始化 this.init(); } demo.prototype = { init: function () { console.log(this..
更多
vue项目初始化
默认使用 webpack 和 npm Vue-cli初始化1、利用npm包管理工具，进行安装 npm install vue-cli -g -g 代表全局 安装好vue的脚手架以后，我们就可以在命令行中使用一个命令：vue Vue 初始化语法： vue init webpack demoName demoName 代表创建项目名称，如果不写则直接在该目录下创建 vue init webpack 如上图所示，输入完成命令后会有一些配置选项，全部填完后即可等待安装 Vuex 初始化vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。 1、利用npm包管理工具，进行安装 vuex n..
更多
http缓存
本文主要讲解浏览器端的缓存，缓存的作用是不言而喻的，能够极大的改善网页性能，提高用户体验。 1、浏览器缓存缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。 浏览器第一次请求时： 浏览器后续在进行请求时： 从上图可以知道，浏览器缓存包含两种类型，即强缓存（也叫本地缓存）和协商缓存，浏览器在第一次请求发生后，再次请求时： 浏览器在请求某一资源时，会先获取该资源缓存的header信息，判断是否命中强缓存（cache-control和expires信息），若命中直接从缓存中获取资源信息，包括缓存header信息；本次请求根..
更多
http详解
什么是http协议：引用百度百科的话说来就是：http协议其实就是超文本传输协议，超文本传输协议 (HTTP-Hypertext transfer protocol) 是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。目前我们使用的http版本是http/1.1其前身是http/1.0。关于两个版本不同，下面会不时提及。在整个iso传输层次模型中http处于最高层次，而tcp是处于下面一层传输层，也就是说http是基于tcp协议建立的连接，所以http传输建立之前需要先建立tcp连接，也就是三次握手，在建立tcp连接之后方可真正请求响应请求。 http传输过程详解：当我们发送一个ajax请求，或者地址栏输入url后，我们的浏览器就给web服务器发送一个reque..
更多Js数组去重
Js中使用算法的时候并不多，数组去重属于非常基础的功能，下面三种属于我感觉比较有意思的。 先定义要去重的数组 var arr = [1,12,12,5,2,2,9,3,10,3,12,13,20,2,1,20,2,1] 一、排序后相邻去除法 // 先排序function sortByGradeDown(arrA, arrB) {if (arrA == arrB) {return 0} else if (arrA > arrB) {return 1} else if (arrA < arrB) {return -1}}// 再去重function duplicateRemoval(arr) {var a = []a.push(arr[0])for (let i = 0; i < arr.le..
更多
http详解
什么是http协议：引用百度百科的话说来就是：http协议其实就是超文本传输协议，超文本传输协议 (HTTP-Hypertext transfer protocol) 是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。目前我们使用的http版本是http/1.1其前身是http/1.0。关于两个版本不同，下面会不时提及。在整个iso传输层次模型中http处于最高层次，而tcp是处于下面一层传输层，也就是说http是基于tcp协议建立的连接，所以http传输建立之前需要先建立tcp连接，也就是三次握手，在建立tcp连接之后方可真正请求响应请求。 http传输过程详解：当我们发送一个ajax请求，或者地址栏输入url后，我们的浏览器就给web服务器发送一个reque..
更多