工作总结
mtgr
高下在心,川泽纳污,山薮藏疾,瑾瑜匿瑕。
展开
-
一周工作总结(2018-08-03)
1.form表单 首先是form可以提交的标签类型, input、textarea、select对于input[type=submit]的只有被点击的一个value值才会跟随表单提交。可触发表单提交的三种标签:<input type='submit' /><input type='image' /><button></button>...原创 2018-08-03 17:50:52 · 1845 阅读 · 0 评论 -
用JS getUserMedia调用摄像头展示上传
前言 最近接手一个需求,页面上调用设备摄像头将拍摄的内容实时展示,用户可以随时截图上传,描述起来觉得挺简单,实际做了不少工作,特此记录。getUserMedia使用环境 目前获取摄像头流推荐的API是navigator.mediaDevices.getUserMedia,很多刚接触的小伙伴可能会发现自己的navigator找不到mediaDevices这个对象,如果你出...原创 2019-06-03 22:05:11 · 1454 阅读 · 0 评论 -
webpack打包fonts时错误css文件路径导致报错
项目在公共的css中引用了font-awesome,开发过程中并没有什么问题,在build以后发现路径错误@import url(./font-awesome.min.css);原本期望的引用路径是 dist/static/fonts/***打包后的实际引用变成dist/static/css/static/fonts/***解决方案在build/utils的ExtractT...转载 2019-05-15 10:09:38 · 1668 阅读 · 3 评论 -
【linux】记一次CentOS 报错:There are no enabled repos
报错情况安装的时候,就报错There are no enabled repos,yum list可以查出数来,yum repolist显示仓库的时候是0。我的解决方法cd /etc/yum.repos.d 看是不是都是这样的名字,之前由于我也不知道操作了什么,有一个文件被我加了.bak,更改名字以后执行yum grouplist就可以...原创 2019-05-14 14:50:28 · 8541 阅读 · 2 评论 -
Uncaught (in promise) DOMException
Chrome浏览器调试的时候,在调用 videoElement的play()方法时,控制台抛出Uncaught (in promise) DOMException,觉得很奇怪因为我在其他页面看演示的时候play()是可以调用的,但是也找到了解决的方法。 在Chrome浏览器地址栏输入chrome://flags/#autoplay-policy将Default更...原创 2019-05-08 21:27:05 · 7011 阅读 · 0 评论 -
Vue中ECharts 响应式改变
在使用echarts时,因为绘制完成的canvas大小不能随着浏览器窗口大小在动态改变,目前我的解决方案是在挂载的时候监听窗口大小改变 mounted() { window.onresize = () => { } }然后在初始化echarts时将echartsInstance保存 // ...省略配置 const iaChart ...原创 2019-04-17 21:27:32 · 2750 阅读 · 0 评论 -
基于Vue CLI 3的webpack配置简解
最近在学习写TypeScript时,tsc编译后ts文件老是报变量占用的错误,后来配置tsconfig.js编译到不同的目录可以了,但是每次更改都要手动编译好麻烦,就想自己配置一个webpack开发环境,之前用脚手架都不清楚具体配置,参考Vue脚手架配置,这篇博文也是基于Vue的配置总结。npm命令 回忆一下我们在使用webpack的时候,打包的时候一般命令都是 webpac...原创 2019-02-20 14:52:44 · 13438 阅读 · 3 评论 -
前端图标字体库-Font Awesome
我在做项目的时候会有些地方想放置一些小图片,开始会去网上找一些合适的小素材,直到接触了字体库才觉得可以这么方便而且体积小没有js依赖。fontawesome中文网,这个我并不想过多的介绍因为官方的文档已经介绍的非常详细,而且这个字体库在使用起来特别的方便。 赠送一个问题,在开发vue项目的时候,想再浏览器标签上展示ico图标的时候会发现虽然请求成功但是展示不了,需...原创 2018-10-30 21:39:04 · 686 阅读 · 0 评论 -
js生成二维码信息
昨夜突发奇想,想试一试在js前端生成二维码信息,大致的了解一些二维码的原理传送门,有想了解可以点击看一下,今早就想试一下实际操作,感叹好多写博客的自己是不是都不尝试啊,顾自己总结自己实现的方式,希望可以帮到需要的同学。1.简单粗暴(QRCode.js) QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 C...原创 2018-10-16 15:14:11 · 3138 阅读 · 0 评论 -
openCV.js简单几个demo(2018-09-08)
在做项目中,后台是基于openCV获取图像帧进行处理,所以我就好奇去看看是否有openCV JS端的库,传送门OpenCV.js教程,虽然最后没选用,但是我还是贴上官网的demo记录一下。1、视频的渲染 所有的demo视频源均通过MediaDevices.getUserMedia()获取本机摄像头,左侧videoInput为video展示的原视频流,右侧canvasOu...原创 2018-09-08 13:34:44 · 18528 阅读 · 7 评论 -
视频直播技术调研(2018-08-20)
以下截图来自我参考云栖社区作者文章整理的PPT原文地址:https://yq.aliyun.com/articles/63040?spm = 5176.11065265.1996646101.searchclickresult.30faffeeqzJy2D 以下为本人实践参考代码,如有需要的请参考 https://github.com/phoboslab/jsmpe...转载 2018-08-20 09:28:46 · 599 阅读 · 0 评论 -
一周工作总结(2018-08-26)
这周主要是在实践视频推送的代码,沿用了上周调研的技术思路去做,后台通过python opencv模块去获取摄像头视频每一帧,进行byte转换和组装成一个包数据,做为websocket客户端向服务端进行推送,服务端拆解包信息在进行完整的分发。一开始是想通过字节推送到web端转换成图片进行展示,但是本人对字节技术理解肤浅没有拆解出来还会去研究,所以就在服务端转成base64进行推送,这个主要问...原创 2018-08-26 13:35:51 · 436 阅读 · 0 评论 -
Vue项目搭建(2018-08-11)
对于Vue的学习,我一开始就是在官网上看看API,后来越看越迷糊,干脆直接先搭起来一个项目边实践边学习(每个人都有自己适合的学习方法)直接开始我搭建项目的过程和心得。首先电脑要安装node环境,如不了解请自行搜索安装,我在搭建项目的时候使用的是vue-cli,这个是一个脚手架它可能有很多用途,我目前使用这个来快速的搭建一个新的Vue项目,安装命令 npm install --glo...原创 2018-08-11 15:45:21 · 1741 阅读 · 0 评论 -
JS如何获取图片完全加载后信息
很多情况下我们希望在onload事件中返回一个值,例如我们在图片加载完以后返回一些图片的信息 const image = new Image(); image.onload = function () { ... return ... }; image.src = url; 如果我们直接返回的话都知道是return不出来的,我之...原创 2019-07-08 21:44:31 · 5006 阅读 · 4 评论