Erin

Erin 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

Erin 回答了问题 · 2月26日

用CSS3 mask遮罩,在chrome有效果但是放到火狐浏览器就没有效果,请问是怎么回事?

为啥我看着文档添加mask元素本地测试展示无效
image.png

关注 3 回答 2

Erin 发布了文章 · 2月23日

vue使用七牛sdk进行图片上传

  1. 七牛javascript-sdk官方地址:https://developer.qiniu.com/k...
  2. github中七牛sdk上传功能参考代码: https://github.com/qiniu/js-sdk
  3. 上传20M的相机高清图片,需要在图片后面添加后缀:+?'imageslim/3/h/136',对上传的文件进行处理,不然图片会出现小问题
  4. 此为处理图片的方法:https://developer.qiniu.com/d...
  5. 安装对应插件到dependencies: npm install qiniu-js
  6. 七牛上传使用的是七牛sdk,图片展示时会被自动压缩,上传成功后resolve()会返回两个参数:hash、key, 使用返回的key字段与后台返回的七牛域名进行拼接,这就组成了新的图片地址,但是返回的key是没有类似 .jpg 后缀的,所以需要在上传前给 七牛sdk的key换成自己的标识

==================== 如下为具体代码 =====================

js生成全局唯一标识符方法(guid)
function guid(uuid) {
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g,function(c) {
var r = Math.random()*16|0\, v = c == 'x' ? r : (r&0x3|0x8);
return v.toString(16);
})+uuid;
}
图片太小,放第二张代码清晰的进行对比
备注:测试时候如果上传不成功也无报错,可打印七牛token,这是后台返回的,基本原因就是token丢失了
subscription.unsubscribe() // 上传取消 这方法是取消图片上传的,上传成功后再调这方法,七牛的sdk就会无法上传了
image.png
image.png

查看原文

赞 0 收藏 0 评论 0

Erin 发布了文章 · 2月23日

在组件中展示pdf文件:vue-pdf (由于未找到方法滑动加载下一页,只能点击加载下一页pdf文件)

npm install vue-pdf --save
插件地址:https://www.npmjs.com/package/vue-pdf
file-upload.jpg

查看原文

赞 0 收藏 0 评论 0

Erin 关注了专栏 · 2月22日

贝塔学JAVA

公众号:贝塔学JAVA Java程序员所需要掌握的核心知识: 集合框架、JVM机制、多线程与并发框架、网络协议、SpringIOC、SpringAOP、SpringMVC、SpringCloud、Dubbo、 MySQL、分布式、微服务、高并发与高可用等

关注 1418

Erin 关注了专栏 · 2月22日

进击的大前端

前端工程师,底层技术人。 思否2020年度“Top Writer”! 掘金“优秀作者”! 开源中国2020年度“优秀源创作者” 分享各种大前端进阶知识! 关注公众号【进击的大前端】第一时间获取高质量原创。 更多文章和示例源码请看:https://github.com/dennis-jiang/Front-End-Knowledges

关注 13085

Erin 关注了专栏 · 2月22日

Jrain-前端玩具盆

记录一路以来的各种折腾。

关注 7139

Erin 关注了专栏 · 2月22日

终身学习者

我要先坚持分享20年,大家来一起见证吧。

关注 51449

Erin 关注了用户 · 2月22日

Java技术栈 @javastack

Java技术栈以 Java 后端技术为主,包括 Java 核心技术、多线程编程、Spring Boot、Spring Cloud、缓存、消息队列、架构设计等各种技术干货、Java 面试题、各种学习资料等。微信公众号:Java技术栈(id:javastack),搜索关注吧!

关注 9396

Erin 关注了标签 · 2月22日

html

超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

关注 66266

Erin 关注了标签 · 2月22日

vue.js

Reactive Components for Modern Web Interfaces.

Vue.js 是一个用于创建 web 交互界面的。其特点是

  • 简洁 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
  • 数据驱动 自动追踪依赖的模板表达式和计算属性。
  • 组件化 用解耦、可复用的组件来构造界面。
  • 轻量 ~24kb min+gzip,无依赖。
  • 快速 精确有效的异步批量 DOM 更新。
  • 模块友好 通过 NPM 或 Bower 安装,无缝融入你的工作流。

官网:https://vuejs.org
GitHub:https://github.com/vuejs/vue

关注 133260

认证与成就

  • 获得 0 次点赞
  • 获得 1 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 1 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2018-06-25
个人主页被 257 人浏览