localStorage用法小总结
有时候会用,还是做一个总结吧。在Chrome浏览器的Console
里面输入localStorage
会出现下图:
饿了么弹窗自定义指令实现拖拽和改变大小
水文一篇!
js获取每月的天数
在使用其他语言获取每月天数的时候,一般都是存储到一个数组中进行获取,但是如果是二月份的话就需要首先判断是否闰年,再确定是28还是29了。
饿了么树形组件默认选中并高亮显示
水文一篇,项目中树加载出来的时候默认需要高亮某个节点。
Vue全局使用axios的方法
axios
是一个基于 promise
的 HTTP
库,axios
并没有install
方法,所以是不能使用vue.use()
方法的。
axios配置
特点
- 浏览器端发起XMLHttpRequests请求
- node端发起http请求
- 支持Promise API
- 拦截请求和返回
- 转化请求和返回(数据)
- 取消请求
- 自动转化json数据
- 客户端支持抵御XSRF(跨站请求伪造)
Mockjs入门
Mockjs优点:
- 前后端分离:让前端攻城师独立于后端进行开发。
- 增加单元测试的真实性:通过随机数据,模拟各种场景。
- 开发无侵入:不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
- 用法简单:符合直觉的接口。
- 数据类型丰富:支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
- 方便扩展:支持支持扩展更多数据类型,支持自定义函数和正则。
Vue配置Mock.js模拟后端数据
mockjs的简介:
使用mockjs
可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据。使用mock
就可以生成你要的数据了,从而实现开发时前后端分离。
其主要功能是:
- 基于数据模板生成模拟数据。
- 基于HTML模板生成模拟数据。
- 拦截并模拟 ajax 请求。
Vue CLI 2本地代理和跨域
问题描述
vue cli脚手架前端调后端数据接口时候的本地代理跨域问题:
如在本地 localhost
访问接口 http://www.exaple.com:8602/
是要跨域的,会报错:
XMLHTTPRequest can not load http://www.exaple.com:8602/.
Response to preflight request doesn’t pass access control….