vue
文章平均质量分 53
A_山水子农
这个作者很懒,什么都没留下…
展开
-
axios设置responseType===blob导出文件和失败返回json处理
axios设置instance.defaults.responseType = 'blob’请求下载导出一个文件,请求成功时返回的是一个流形式的文件,正常导出文件。但是请求失败的时候返回的是json ,不会处理错误信息,而是直接导出包含错误信息的文件。 可以通过返回的blob数据type类型进行区分,如果type是文件类型,导出文件,如果type是json则把blob数据转为string,...原创 2019-12-16 15:09:12 · 11413 阅读 · 2 评论 -
nvm安装9.0.0以上node版本,npm报错或者不生效
使用nvm安装9.0.0版本nodeJS之后,node -v命令可以正常使用,但是npm命令报“‘npm’ 不是内部或外部命令,也不是可运行的程序”或者"npm WARN npm npm does not support Node.js v9.1.0",node v12.13.1版本下没有安装任何npm,所以报npm不是内部或外部指令,node v9.1.0版本下安装了npm,但是npm是...原创 2019-11-26 19:38:25 · 2063 阅读 · 0 评论 -
IOS钉钉微应用文件上传OSS失败
H5开发微应用时,Android、PC端使用OSS都可以正常上传文件,IOS在Safari浏览器和微信浏览器中也可以正常上传,但是在IOS钉钉微应用中上传文件失败。 通过寻求钉钉技术协助反馈,参考:https://www.npmjs.com/package/ali-oss;钉钉与QQ浏览器情况类似,新版本中使用alioss SDK,fetch接口存在兼容问题。在ali-oss的6.1...原创 2019-11-21 16:11:09 · 3165 阅读 · 2 评论 -
Vue全家桶开发Android和IOS移动端应用常见问题解决
1、input获取焦点弹出键盘时挡住input 当一个web页面有很多input输入框时,底部的input获取焦点弹出系统输入法键盘时,会出现遮住input情况,用户输入的内容不能正常的展示给用户,需要用户手动上滑,通过布局可以解决。如下左图输入法键盘遮住了备注输入框,右图是处理后的效果,备注输入框自动上滑。 解决办法:使用相对定位relative和绝...原创 2019-08-11 12:15:09 · 1081 阅读 · 0 评论 -
Vue Quill Editor自定义图片/视频上传(Element UI + OSS)、字体、字体大小、段落等
近期项目中需要使用富文本编辑器,开始想到的富文本编辑器是百度的UEditor,UEditor功能齐全、插件多,但是图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,而且是PHP、JSP、ASP、.Net版本,同时UEditor体积过大压缩包有3.3M(jsp版本),加载速度慢。实际项目中并不需要那么多的功能,只需要基础的操作:字体、字体大小、标题、段落、图片上传、视频上传、居中对...原创 2018-08-07 00:31:39 · 13747 阅读 · 17 评论 -
Vue Element UI + OSS上传文件
Element UI提供了upload上传组件,可以到官网查看upload组件的详细介绍;查看upload组件的上传源码upload/ajax,使用的XHR对象上传文件,在项目实践中,发现该上传方法上传大文件时会出现问题,所以决定使用阿里云对象存储服务(Object Storage Service,简称OSS),OSS详细介绍可以查看官网,本文主要讲解的是OSS上传文件的前端,Browser....原创 2018-08-06 23:08:04 · 26905 阅读 · 21 评论 -
vue监听scroll使用节流函数(throttle)或防抖函数(debounce)遇到的坑
在浏览器 DOM 事件里面,有一些事件会随着用户的操作不间断触发。比如:重新调整浏览器窗口大小(resize),浏览器页面滚动(scroll),鼠标移动(mousemove)、文字输入(keyup)、 射击游戏中(mousedown、keydown)。也就是说用户在触发这些浏览器操作的时候,如果脚本里面绑定了对应的事件处理方法,这个方法就不停的触发。 在项目中需要通过监听元素的scro...原创 2018-08-06 18:11:39 · 18371 阅读 · 5 评论 -
vue按需加载组件-webpack require.ensure
webpack中的require.ensure()可以实现按需加载资源包括js,css等,它会给里面require的文件单独打包,不和主文件打包在一起,webpack会自动配置名字,原创 2017-07-28 09:58:07 · 44690 阅读 · 5 评论 -
vue自定义指令VNode详解
1、自定义指令钩子函数Vue.directive('my-directive', { bind: function () { // 做绑定的准备工作 // 比如添加事件监听器,或是其他只需要执行一次的复杂操作 }, inserted: function (newValue, oldValue) { // 被绑定元素插入父节点时调用 }, update: f原创 2017-08-31 11:09:32 · 22602 阅读 · 1 评论 -
Vue Prop使用
组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的 props 选项。 vue 实例 Vue.component('child', { props: ['message'], tem原创 2017-07-26 15:00:20 · 5699 阅读 · 0 评论 -
Vue过滤器和自定义过滤器
1、过滤器的用法,用 ‘|' 分割表达式和过滤器。Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示:{{ message | capitalize }}Vue 2.x 中,过滤器只能在 mustache原创 2017-07-25 19:19:09 · 3214 阅读 · 0 评论 -
如何理解虚拟DOM?
1.为什么需要虚拟DOM DOM是很慢的,其元素非常庞大,页面的性能问题鲜有由JS引起的,大部分都是由DOM操作引起的。如果对前端工作进行抽象的话,主要就是维护状态和更新视图;而更新视图和维护状态都需要DOM操作。其实近年来,前端的框架主要发展方向就是解放DOM操作的复杂性。 在jQuery出现以前,我们直接操作DOM结构,这种方法复杂度高,兼容性也较差;有了jQue原创 2017-07-25 16:33:37 · 3409 阅读 · 0 评论 -
axios请求接口发起两次请求(OPTIONS 与POST/GET)
使用axios发现每次调用接口都会有两个请求,第一个请求时OPTIONS请求,只有OPTIONS请求通过才会发送实际的请求。 为什么XMLHttpRequest的POST请求会变OPTIONS请求-XMLHttpRequest对象对HTTP请求的访问控制(CORS跨站资源共享);HTTP访问控制(CORS);通过这两篇文章可以知道什么是OPTIONS请求,如果要避免OPT...原创 2017-08-09 17:36:25 · 23376 阅读 · 0 评论 -
axios在vue中的简单配置与使用
一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入二、例子1、 发送一个GET请求//通过给定的ID来发送请求axios.get('/user?ID=12345') .then(function(response){ console.l原创 2017-07-28 14:29:45 · 19059 阅读 · 0 评论