2018年04月_web_xyk

原创 js 鼠标事件

一、click、mousedown、mouseup click事件只能监听鼠标左键：//点击鼠标左键得到：'onclick',右键无效果document.onclick = function (e) { console.log('onclick')} click、mousedown、mouseup触发顺序：document.onclick = func...

2018-04-30 12:01:20 278

原创 css3动画贝塞尔曲线cubic-bezier，css3动画的五种情况

当大家开始做css3动画的时候，了解贝塞尔曲线就成了不可或缺的。“贝赛尔曲线”是由法国数学家Pierre Bézier所发明，由此为计算机矢量图形学奠定了基础。它的主要意义在于无论是直线或曲线都能在数学上予以描述。这里主要说贝塞尔曲线在css3中的运用，三次方公式，四个点确定三阶贝塞尔曲线由四个点确定，那么css3的贝塞尔函数cubic-bezier(x1,y1,x2,y2)只有两...

2018-04-21 12:09:22 10923

转载 webpack4

安装如果需要使用 webpack 4，则需要从 next 分支上安装：// yarnyarn add webpack@next webpack-cli --dev// npm npm install webpack@next webpack-cli --save-dev不完全迁移指北环境不再支持 Node.js 4。根据 package.json 配置, Node.js 的最低支持版本为 ...

2018-04-17 11:09:27 971 1

Expires和max-age都可以用来指定文档的过期时间，但是二者有一些差别1.Expires在HTTP/1.0中已经定义，Cache-Control:max-age在HTTP/1.1中才有定义；2.max-age 指定的是从文档被访问后的存活时间，这个时间是个相对值(比如:3600s),相对的是文档第一次被请求时服务器记录的Request_time(请求时间)3.Expires 指定一个绝对...

2018-04-14 15:37:40 1097

原创 session，cookie，登录超时原理浅析

1.cookie保存在客户端，session保存在服务器端，通过这两个东西提供的信息，服务器端进行相关操作来判断登录是否超时2.cookie目的可以跟踪会话，也可以保存一些用户想要保存的东西(登录时，是否勾选保存账号密码)。session用来跟踪会话打开浏览器第一次请求的时候，服务器会自动为其创建一个session，并赋予其一个sessionID，发送给客户端的浏览器。以后客户端接着请求本应用中其...

2018-04-14 15:16:44 5856

原创移动端 viewport

width：设置layout viewport 的宽度，为一个正整数，使用字符串”width-device”表示设备宽度initial-scale：设置页面的初始缩放值，为一个数字，可以带小数minimum-scale：允许用户的最小缩放值，为一个数字，可以带小数maximum-scale：允许用户的最大缩放值，为一个数字，可以带小数heigh：t 设置layout viewport 的高...

2018-04-14 10:46:29 181

转载 js计算两经纬度点之间的距离

function caculateLL(lat1, lng1, lat2, lng2) { var radLat1 = lat1 * Math.PI / 180.0; var radLat2 = lat2 * Math.PI / 180.0; var a = radLat1 - radLat2; var b = lng1 * Math.PI ...

2018-04-14 10:36:50 3411 1

转载 vue-devtools的安装与使用

一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入文件夹vue-devtools-master下或者直接打开vue-devtools-master文件，然后shift+右键打开dos窗口四. 依次输:1:npm install 2:npm run build ...

2018-04-14 10:28:40 217

原创 vue路由使用,vue-router传参接参

一、通过引入vue-router.js的方式使用1.单层路由const chinese = { template: '<div class="main">汉语</div>' }const english = { template: '<div class="main">英语</div>' }const app = new Vue({...

2018-04-13 18:48:34 471

原创 vue-cli 构建项目,vue-cli请求后台接口,vue-cli使用axios、sass、swiper

1.vue-cli 构建项目//全局安装 vue-clinpm install - g vue- cli//创建一个基于 webpack 模板的新项目vue init webpack my- project//cd 进入刚新建的项目文件(my-project)cd my- project// 运行npm run dev 2.vue-cli 使用axios...

2018-04-13 18:41:26 5640

web_xyk的专栏