angular开发问题
大雨倾城
女程序猿一枚,正在努力写bug...
展开
-
angular中代替setTimeout的方案
1.引入 import { time } from ‘rxjs’2.timer(500) // 相当于setTimeout,500ms后执行3.timer(参数1,参数2) // 相当于 setInterval,参数1 ms后执行一次,然后每参数2 ms后再执行一次timer(500) .subscribe(()=>{if(){// 需要执行的代码}})...原创 2020-08-11 17:57:14 · 1232 阅读 · 3 评论 -
音频延迟播放
需求:视频和音频分开播放,视频可以有可以无,音频至少一个,由于音频和视频有时差,需要依据视频进行校准。 seeking() { // 该函数是在播放、暂停、跳转进度条时,让音频对应播放、暂停、跳转 let currentTimeVideo = this.player.currentTime(); let audioDomList = document.getElementsByTagName("audio"); this.audioDiffrentTimeArray.原创 2020-08-07 17:44:57 · 1097 阅读 · 0 评论 -
区分浏览器的刷新和浏览器的关闭
1.在 mounted中,加入回调函数 window.addEventListener("unload", (e) => this.unloadHandler(e)); window.addEventListener("load", (e) => this.loadHandler(e));2.定义函数 unloadHandler(e) { // 判断是刷新还是关闭网站 let unloadDate = new Date().getTime() + "";原创 2020-07-23 16:24:10 · 722 阅读 · 0 评论 -
将视频图片截图后,在前端压缩图片再上传
文章目录要点:方案:canvas绘制矩形的函数canvas绘制路径(轮廓)的函数添加样式和颜色绘制文本canvas操作视频完整案例要点:图片的大小由分辨率(长像素点*宽像素点)和位深度(由生成的图片是png/jpeg)决定(图像数据量大小=图像中的像素总数×图像深度 ÷ 8 ÷ 1024),图像深度决定图像能够显示的颜色种类。jpg是有损压缩格式,png是无损压缩格式。同一张图片,jpg的大小比png格式的大小小1.5倍。jpeg使用的一种失真压缩标准方法;PNG格式是无损数据压缩方法。canva原创 2020-06-30 10:29:41 · 601 阅读 · 0 评论 -
Problems loading reference : Unable to load schema from : Unable to connect......
文章目录现象描述解决:在settings.json中添加,最后重启项目现象描述Problems loading reference ‘https://schemastore.azurewebsites.net/schemas/json/package.json’: Unable to load schema from ‘https://schemastore.azurewebsites.net/schemas/json/package.json’: Unable to connect to https原创 2020-06-03 10:19:11 · 23062 阅读 · 13 评论