监听窗口滚动是否到底部       //监听窗口滚动加载     $(window).scroll(function () {       var scrollTop = $(this).scrollTop(); //滚动条目前滚到的高度       var windowHeight = $(this).height(); //文档高度       var scrollHeight = $(document).height(); //滚动条高度+ 文档高度   判断滚动到底部:滚动条目前滚到的高度 + 文档高度  = （滚动条高度+ 文档高度）       //检测是否是接近底部       if ((scrollTop + windowHeight) / scrollHeight >= 0.9 && $this.loading) {       //业务       }     });

Vant组件中Notify Vant组件中Notify 消息提示比较特殊 不仅需要在pages.json的globalStyle中 引入还需要再main.js中添加到vue原型上 //main.js import Notify from './wxcomponents//vant/notify/notify'; Vue.prototype.$notify = Notify

jQuery的事件和API 一、事件 on() 在选定的元素上绑定一个或多个事件处理函数。 off() 移除一个事件处理函数。 trigger() 根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为。 二、鼠标事件 click() 单击 dblclick() 双击 hover() 悬停 mousedown() 按下 mouseup() 抬起 mouseenter() 移入 不支持子元素 mouseleave() 离开 不支持子元素 mouseout() 离开 支持子元素 mouseover() 进入 支持子元素 mousemove() 移动 三、键盘事件 keypress() 按键按下 keyup() 按键抬起 keydown() 按键按下 四、表单事件 focus() 聚焦事件 blur() 失去焦点事件 change() 当元素的值发生改变时激发的事件 select() 当textarea或文本类型的input元素中的文本被选择时触发的事件 submit() 表单提交事件，绑定在form上

axios 的封装 // 在http.js中引入axios import axios from 'axios'; // 引入axios import QS from 'qs'; // 引入qs模块，用来序列化post类型的数据，后面会提到 // vant的toast提示框组件，大家可根据自己的ui组件更改。 import { Toast } from 'vant'; //超时时间更改 axios.defaults.timeout = 10000; //修改 POST默认请求头 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; // 先导入vuex,因为我们要使用到里面的状态对象 // vuex的路径根据自己的路径去写 import store from '@/store/index'; // 请求拦截器 axios.interceptors.request.use(     config => {         // 每次发送请求之前判断vuex中是否存在token                 // 如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况         // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断         const token = store.state.token;         token && (config.headers.Authorization = token);         return config;     },     error => {         return Promise.error(error);     }); // 响应拦截器 axios.interceptors.response.use(     response => {         // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据             // 否则的话抛出错误         if (response.status === 200) {             return Promise.resolve(response);         } else {             return Promise.reject(response);         }     },     // 服务器状态码不是2开头的的情况     // 这里可以跟你们的后台开发人员协商好统一的错误状态码         // 然后根据返回的状态码进行一些操作，例如登录过期提示，错误提示等等     // 下面列举几个常见的操作，其他需求可自行扩展     error => {         if (error.response.status) {             switch (error.response.status) {                 // 401: 未登录                 // 未登录则跳转登录页面，并携带当前页面的路径                 // 在登录成功后返回当前页面，这一步需要在登录页操作。                                 case 401:                     router.replace({                         path: '/login',                         query: {                             redirect: router.currentRoute.fullPath                         }                     });                     break;                     // 403 token过期                     // 登录过期对用户进行提示                     // 清除本地token和清空vuex中token对象                     // 跳转登录页面                                 case 403:                     Toast({                         message: '登录过期，请重新登录',                         duration: 1000,                         forbidClick: true                     });                     // 清除token                     localStorage.removeItem('token');                     store.commit('loginSuccess', null);                     // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面                     setTimeout(() => {                         router.replace({                             path: '/login',                             query: {                                 redirect: router.currentRoute.fullPath                             }                         });                     }, 1000);                     break;                     // 404请求不存在                 case 404:                     Toast({                         message: '网络请求不存在',                         duration: 1500,                         forbidClick: true                     });                     break;                     // 其他错误，直接抛出错误提示                 default:                     Toast({                         message: error.response.data.message,                         duration: 1500,                         forbidClick: true                     });             }             return Promise.reject(error.response);         }     }) /**  * get方法，对应get请求  * @param {String} url [请求的url地址]  * @param {Object} params [请求时携带的参数]  */ export function get(url, params) {     return new Promise((resolve, reject) => {         axios.get(url, {             params: params         }).then(res => {             resolve(res.data);         }).catch(err => {             reject(err.data)         })     }) } /**  * post方法，对应post请求  * @param {String} url [请求的url地址]  * @param {Object} params [请求时携带的参数]  */ export function post(url, params) {     return new Promise((resolve, reject) => {         axios.post(url, QS.stringify(params))             .then(res => {                 resolve(res.data);             })             .catch(err => {                 reject(err.data)             })     }); }

双向绑定原理 修改数据值影响界面变化 (数据驱动) v-model 原理是什么 Vue 2.x : 使用Object.defineProperty() 2.如何快速实现v-model 效果