- 博客(5)
- 资源 (1)
- 收藏
- 关注
原创 前端常用正则校验
前端校验验证器:export const Validator = { isEmil: /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, // 校验邮箱 isPhoneNumber: /^1[3456789]\d{9}$/, // 手机号码验证 isMobileNumber: /^(\(\d{3,4...
2018-12-29 10:27:54 6014
原创 Promise实现接口超时限制
主要思想:通过Promise.race()实现接口超时限制 // 定义上传文件接口函数export const uploadFile= (params) => { let uri = serverSrc + '/api/xxx/xxx' // 设置请求地址 return Promise.race([ uploadFilePromise(uri, params),...
2018-12-27 23:22:17 5437 3
原创 基于canvas实现图片压缩
用法:compressImg(target.files[0], 2).then(base64 => { console.log(base64) // 在这里实现压缩后的上传操作 // ...}).catch(err => { // 压缩异常 Indicator.close() _this.$toast(err)})详细见代码注释/** * 图片...
2018-12-27 22:53:56 538
原创 react实现图片预览组件
功能主要包括:下载图片、等比缩放、旋转、全屏拖拽用法:import ImgPreview from '@/components/ImgPreview'{/* 图片预览组件 */}<ImgPreview visible={previewVisible} // 是否可见 onClose={this.closePreview} // 关闭事件 src={licenc...
2018-12-27 22:17:40 11164 2
原创 移动端开发调试工具——eruda
移动端开发调试是一个比较麻烦的事情,本篇文章将介绍使用eruda来完成移动端开发调试。一、直接使用:在前端项目的index.html中直接通过js写入eruda工具<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport"
2018-12-27 23:50:50 2042
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人