qq_31749421的博客

原创 vue中的@input事件

@input（或者是v-on:input）<input type="text" placeholder="通过乘车人/订单号查询" v-model="inputVal" v-on:input="search" value="" />适用于实时查询，只要输入框里面的value值发生变化，如每输入一个字符都会触发该事件。如图：...

原创 axios的详述

axios的介绍/** * * 1. 安装 npm i axios * 2. 引入 * node : const axios = require('axios') * 浏览器 : <script src='..'></script> * */const axios = require('axios')// > http://localho...

转载 Postman使用详解

Postman使用详解 前言：Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。接口请求流程一、get请求GET请求：点击Params，输入参数及value，可输入多个，即时显示在URL链接上，所以，GET请求的请求头与请求参数如在接口文档中无特别声明时，可以不填。...

原创 js中常用的一些方法

1.filter(function, iterable)参数function – 判断函数。iterable – 可迭代对象。#过滤列表中所有奇数def is_odd(n):return n % 2 == 1tmplist = filter(is_odd, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10])newlist = list(tmplist)print(n...

原创 阻止click的好方法

//css禁用鼠标点击事件.test { pointer-events: none; }

转载 vue中v-for总结

Vue指令之 v-for的使用 原创 ...

原创 MVC和MVVM的理解

MVC模式MVC是安卓IOS以及客户端目前所采取的数据绑定的模式。在MVC模式中，v变了，然后经过c通过dom拿到数据进行初步的校验，发送请求给M，从M端拿到响应之后，C要过滤掉有用的信息，通过dom拿到对应的元素，进行赋值该样式等操作。弱点：频繁的操作dom,导致页面性能降低，加载速度不快。MVVM模式M和V直接进行数据的交互，一边改动之后另一边的数据也会发生改变，原因是通过中间封装好...

原创 前端框架和库的区别

使用库的时候主导权还是在开发者，库相当于是一些或者是某个方法的封装，直接引入调用方法即可。比如 : 想给 A:设置样式 A.css(), B:addClass() C:style.background='red'哪种自己可选。框架是对某件事情提供了一套完整的解决方案。我们尝试举个例子：你想烹饪一条鱼，这时你需要一些原料，比如油、盐、醋、葱、香料以及烹饪工具等，同时鱼也是你需要的主要材料，当你聚齐...

原创 网络传输协议的总结

导读，本文的重点内容osi七层模型数据传输流程协议tcp传输和udp传输的区别三次握手和四次挥手Http协议与TCP协议的区别—易混点一：OSI七层模型OSI七层模型其实是比较理想的模型，更多的用的是5层的模型 ----最高层a应用层 ： 提供用户服务， 具体的内容由特定的程序规定（微信软件）b表示层 ： 提供数据的加密和压缩优化c会话层 ： 确定建立应用连接（是虚拟层面的...

原创 fullpage插件的使用

fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站。网址fullpage.js的主要功能2. fullpage.js的使用2.1 兼容性fullpage.js是jQuery的插件，需要依赖jQuery，要求jQuery最低的版本是1.6+。浏览器能兼容到ie8+及其他现代浏览器。2.2 下载fullpage.js第一种方法： 直接下载压缩包第二种方法：...

原创 移动端开发之CSS3兼容处理

1. 主流浏览器引擎前缀-webkit- (谷歌, Safari, 新版Opera浏览器等)-moz- (火狐浏览器)-o- (旧版Opera浏览器等)-ms- (IE浏览器 和 Edge浏览器)只有在新的css3的实验性的属性前需要添加前缀，目前大部分常用的css3新属性都可以直接舍弃前缀。查看浏览器兼容css3属性情况请参考：网址.wrap { display: -webki...

原创 在线字体使用归类

1. 为什么要用在线字体问题1.精灵图（雪碧图）用作背景的时候不能轻易的放大缩小，会失真。2.低质量的位图在高清设备上放大后会有难看的锯齿，无法满足响应式页面的开发需求在线字体带来的革命：1.在线字体本质就是文字，但是也可是像图形的文字。节省了带宽（相比图片）字体文件大小也不大（一般几百k）。2.在线字体本身是矢量的，放大缩小都不会失真3.可以灵活的通过css来控制字体图标...

原创 Sass常用知识的深度解析

1. 引言CSS3之前的CSS都大都是枚举属性样式，而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用，让CSS的编程黯淡无光，Sass就是一种增强CSS编程的扩展语言（CSS4也可以期待），有了像Sass这种预处理语言后，CSS的编程不再局限在枚举属性了，可以有更广阔的舞台。2. Sass的原理Sass本质就是在CSS的语法的基础上增加了自定义的变量、循环、分支、函数、m...

原创 BFC最简单的理解方式

转载 10 分钟理解 BFC 原理 ...

原创 简单省时的写法

转载 js-cookie中文文档

说明API创建取值删除值命名空间json相关set方法支持的属性骚操作说明js-cookie是一个简单的，轻量级的处理cookies的js API。API创建//创建简单的cookieCookies.set('name', 'value');//创建有效期为7天的...

原创 vue 移动端UI组件/项目 (mint-ui;mui)

Mint-UI—Toast&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;!-- import CSS --&gt; &lt;link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/st

原创 JS中的数组

总预览1.创建数组的方式和元素的添加2.数组的遍历1.创建数组的方式和元素的添加创建方式var arr = new Array(); 或者是var arr= [] (用的比较多)添加方式arr[0] = 19;//数组的索引从0开始 [19]arr[1] = “www.hamkd.com”;// [19, ‘www…’] length=2arr[2] = “www...

原创 函数式编程

函数是JavaScript的一等公民所谓&quot;第一等公民&quot;（first class），指的是函数与其他数据类型一样，处于平等地位，可以赋值给其他变量，也可以作为参数，传入另一个函数，或者作为别的函数的返回值。经常见的情况1.数组的sort方法2.数组的map方法（IE9+支持）3.数组的forEach方法(IE9+支持)示例：1.// 按照数值的大小进行排序。 t.sort(fu...

原创 JS总结之一

总预览1.变量的内存的存储结构2.值类型与引用类型的赋值3.函数的参数以及arguments4.队列数据结构和栈的数据结构5.JavaScript事件循环机制，同步以及异步6.执行上下文相关的概念7.作用域链8.JS函数的作用域以及变量的提升9.函数四种调用模式与this1.变量的内存的存储结构值类型（基本类型、简单类型）：数值、布尔值、null、undefined。（副本，...

原创 JS之二原型链和闭包

概览：一：原型与原型链二：闭包一：原型与原型链 { // 构造函数声明 this.age = 20; } // 构造函数原型对象上添加属性 we...

原创 JS之三面向对象

概述1.面向对象的概念2.对象的创建方法3.面向对象继承1.面向对象的概念2.对象的创建方法1.工厂的方式创建对象2.构造函数创建对象3.原型创建对象4.混合模式：原型+构造函数(推荐)5.稳妥构造函数模式1. 工厂的方式创建对象function createPerson(name,age,job){　　　　var o = new Object();　　　　o.name...

原创 正则表达式

示例： // 创建一个正则表达式对象 \d+ var exp1 = new RegExp('\\d+','g'); // 创建表达式对象可以用 //g 创建 var exp2 = /\d+/g; // console.dir(exp2); // console.dir(exp1);...

原创 JS之四----动画

总预览1.跑马灯效果1.跑马灯效果法一：数组的pop和unshift &lt;title&gt;1234567&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;script&gt; // console.log(document.title); // 每隔0.5秒，让title最后一个文字放到title最前面去。 // ...

原创 javascript中var同时声明多个变量时的原理是什么？

1.只声明一个的情况&lt;script&gt; function show(){ var a=b=c=d=5; } show(); alert(a);//弹a时报错（not defined），而b、c、d都能弹出5&lt;/script&gt;因为赋值是从右向左结合：var a=b=c=d=5; 等价于 var a=(b=(c=(d=...

原创 ES6常用命令的介绍

http://caibaojian.com/es6/官方文档网址1. let和const命令let所声明的变量，只在let命令所在的代码块内有效。示例：{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1let和var作用于区别的演示当为var的时候var a = [];for ...

原创 axios获取后端数据以及全局拦截器

axios的基础知识&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;vue-axios插件的讲解&lt;/title&gt; &lt;script src='node_modules/vue/dist/vue.js'&gt;&lt;/script&gt; &lt;script src='node_modul

原创 使用inteceptor拦截器

拦截器可以在请求发送前和发送请求后做一些处理。基本用法Vue.http.interceptors.push((request, next) =&gt; { // ... // 请求发送前的处理逻辑 // ... next((response) =&gt; { // ... // 请求发送后的处理逻辑 ...

原创 vue-Resource插件

Get Post JSONP请求&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;vue-resource插件的讲解&lt;/title&gt; &lt;script src='node_modules/vue/dist/vue.js'&gt;&lt;/script&gt; &lt;script sr

原创 vue全家桶中的路由

一 动态路由的示例：index.js中的文件代码import Vue from ‘vue’import Router from ‘vue-router’import GoodsList from ‘@/views/GoodsList’Vue.use(Router)export default new Router({mode:‘history’,routes: [{/...

原创 如何理解vue是一个渐进式的框架

Vue的核心的功能，是一个视图模板引擎，但这不是说Vue就不能成为一个框架。如下图所示，这里包含了Vue的所有部件，在声明式渲染（视图模板引擎）的基础上，我们可以通过添加组件 Vue的核心的功能，是一个视图模板引擎，但这不是说Vue就不能成为一个框架。如下图所示，这里包含了Vue的所有部件，在声明式渲染（视图模板引擎）的基础上，我们可以通过添加组件系统、客户端路由、大规模状态管理来构建一个...

原创 Flex 布局语法教程

一、Flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，任何一个容器都可以指定为Flex布局（包括行内元素）。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。二、基本概念采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，简称”项目”。容器默...

转载 面向对象2

面向对象是一种编程方式，此编程方式的实现是基于对&nbsp;类&nbsp;和&nbsp;对象&nbsp;的使用类 是一个模板，模板中包装了多个“函数”供使用（可以讲多函数中公用的变量封装到对象中）对象，根据模板创建的实例（即：对象），实例用于调用被包装在类中的函数面向对象三大特性：封装、继承和多态本篇将详细介绍Python 类的成员、成员修饰符、类的特殊成员。...

转载 面向对象初级

面向对象编程其实很简单——Python 面向对象（初级篇） 出处：http://www.cnblogs.com/wupeiqi/&nbsp;概述面向过程：根据业务逻辑从上到下写垒代码函数式：将某功能代码封装到函数中，日后便无需重复编写，仅调用函数即可...