
前端
文章平均质量分 67
主要是平常工作中所用到的一些前端知识,以VUE框架为主。
witebin
渣渣程序猿
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用VUE监控浏览器窗口关闭时向后台发送请求
因为在项目中实现在线播放视频时,当用户直接关闭浏览器窗口,需要记录用户观看视频的进度所以用到监听窗口关闭事件。先是在网上查了一下,然后根据网上大佬博客然后自己修改之后最终测试成功!下面是代码:<template> <div class="video-container"></div></template><script>e...原创 2020-04-21 20:56:57 · 6391 阅读 · 7 评论 -
vue整合wangEditor具体实例(包含图片上传和内容回显)
最近在写考试系统,需求是题目能够用富文本编辑。在现在的项目中已经用到Ueditor但是感觉太臃肿了,所以在网上看了几种在线编辑器,最终选择wangEditor(简约、大方适合现在的扁平化风格)。话不多说直接上代码:1.在自己项目的目录下使用cnpm下载wangEditor(我用的是淘宝镜像源所以是cnpm)cnpm install wangeditor2.新建一个wangEditor.v...原创 2020-01-12 19:40:17 · 3924 阅读 · 4 评论 -
Vue2.0整合UEditor富文本编辑器(内含跨域上传图片和回显内容)
前面写了一篇关于vue整合wangEditor富文本编辑器,今天介绍由百度开源的UEditor富文本编辑器。两者相比之下:wangEditor比较轻量,易于使用。Ueditor稍显臃肿。不过功能齐全,其中有一些配置稍微复杂一点,话不多说直接开始:1.从ueditor官网下载自己后端语言对应的源码,我用的后端语言是Java所以下载jsp版本的。UEditor源码官网2.将下载好的压缩包解压之后...原创 2020-01-14 20:16:42 · 3919 阅读 · 4 评论 -
vue中实现backTop(返回页面顶部)
在某个页面中需要返回页面顶部,但是在借鉴element-ui的官方例子时并没有实验成功。所以就查了查网上其他的资料整理如下:1.需要在自己的页面中添加div<div class="scroll" :class="{show:isActive}"> <div id="toTop" @click="toTop(step)"><</div>...原创 2020-01-13 19:28:14 · 3512 阅读 · 0 评论 -
在vue项目中使用html2canvas截图(固定区域截图)
1.项目目录下,打开dos窗口使用cnpm安装html2canvas插件。cnpm isntall html2canvas2.在使用html2canvas的页面中,引入插件。import html2canvas from 'html2canvas'3.先设置截图按钮,然后设置需要截图的div标签的ref。<el-button @click="screenShot()">截...原创 2020-01-20 15:10:43 · 3846 阅读 · 0 评论