前端资源网 - w3h5H5利用JS调用电脑摄像头实现拍照效果
1Deshun 发布于 6年前 (2019-01-04) 14862℃ 评论(1) 赞 (12)
今天学习了调用电脑摄像头，利用canvas画布将视频当前帧转换成图片的实例，其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入，产生包含所请求类型的媒体轨道。包括视频轨道（由诸如照相机，视频记录设备，屏幕共享服务等的硬件...
经验总结
记录日常工作生活中遇到的问题，技术和知识点
Z-Blog PHP百度熊掌号搜索结果出图页面改造
2Deshun 发布于 6年前 (2019-01-02) 2489℃ 评论(0) 赞 (0)
熊掌号为优质图文内容生产者提供结搜索结果出图权益，帮助站点获取更好的搜索结果展现样式，为搜索用户提供更好的浏览体验。对于落地页及图片质量符合要求的资源，将在搜索结果中展现一图、三图样式。今天有时间，针对百度熊掌号搜索结果出图做了页面改造，在网上搜索了一下，也没有找到针对Z-Blo...
原生JS动态添加、删除元素&内容
Deshun 发布于 6年前 (2018-12-25) 16039℃ 评论(0) 赞 (7)
整理一下原生 js 添加及删除元素和内容的相关知识，供参考。初始HTML代码：（一个小实例，点击按钮删除元素）<div id="container"> <h2 id="Element">我只是一个小元素，任人宰割。</h2> </div>...
今年圣诞节你可以通过Google地图和智能助理跟踪圣诞老人
3Deshun 发布于 6年前 (2018-12-24) 2405℃ 评论(0) 赞 (0)
谷歌（Google）的圣诞老人追踪又回来了，感兴趣的用户可以通过谷歌地图和谷歌智能助跟踪圣诞老人，他开始穿越地球，带着礼物和煤炭。谷歌的追踪圣诞老人可以通过网络或谷歌地图访问，拥有谷歌家庭扬声器的用户可以直接询问自己的智能助理。每年的圣诞节，谷歌都会提供圣诞老人追踪服务，今年也不...
跨浏览器获取不同环境的window窗口宽度和高度
Deshun 发布于 6年前 (2018-12-24) 4281℃ 评论(0) 赞 (0)
窗口大小跨浏览器确定一个窗口的大小不是一件容易的事。IE9+、Firefox、Safari、Opera和Chrome均为此提供了4个属性： innerWidth 、 innerHeight 、 outerWidth 和 outerHeight 。在IE9+、Safari和Firefox中，outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸（无论是从最外层的window对象还...
常用meta标签属性整理总汇
Deshun 发布于 6年前 (2018-12-18) 3050℃ 评论(0) 赞 (3)
原文链接：常用meta整理 ，侵删。<meta> 元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选属性属性值描...
获取不同手机浏览器的实际可用高度代码分享
Deshun 发布于 6年前 (2018-12-18) 5048℃ 评论(0) 赞 (1)
用 js 代码 window.screen.availHeight 可以取屏幕的高度，然后拼凑内容来让页面满屏显示。但是不同手机浏览器有自己的地址栏、状态栏等，window.screen.availHeight 取到的屏幕高度也包括了这两者，导至本来希望满屏显示的内容出现滚动条，需要滑动才能看到。 怎么才能让页面在任何手机浏览器上都能满屏显示呢？下面是实现代码：function ...
如何更改谷歌Chrome浏览器70新标签页按钮的打开位置
2Deshun 发布于 6年前 (2018-12-07) 5443℃ 评论(0) 赞 (2)
谷歌在Chrome 69中莫名其妙的将新建标签按钮移到了标签的最左侧，打破了很多用户的使用习惯，真的是反人类的设计。不过在新发布的Chrome 70中，谷歌为用户增加了选择的权利。现在，用户可以自己设置新建标签页按钮的位置，可以在最左侧，最右侧以及标签的右侧。如何更改Chrome...
CSS遮罩应用：带有不规则三角的气泡
2Deshun 发布于 6年前 (2018-11-21) 3634℃ 评论(0) 赞 (0)
一般网站应用中都会应用到三角形，正三角形的写法也有很多，网上一搜一大把。今天我看到一个带有不规则三角形气泡的写法，效果如下：左边部分的矩形比较好实现，通过设置宽高可圆角就可以，但是右边的不规则三角不好用代码实现了。在这里我们用到一个 CSS 的 遮罩属性（CSS Masks）：-...
PhpStorm的GitHub和git配置，以及不显示git的设置方法
8Deshun 发布于 6年前 (2018-11-13) 5178℃ 评论(0) 赞 (1)
今天尝试使用PhpStorm的GitHub功能，遇到一些问题，包括Git的使用，整理了一下，形成此文。使用GitHub功能：首先要确定 PhpStorm 安装了该插件，打开 File > Settings > Plugins 搜索 GutHub，可以看到插件已安装，如...