Tag "js" 相关话题

经验总结

H5利用JS调用电脑摄像头实现拍照效果

1

Deshun 发布于 5年前 (2019-01-04) 14459℃ 评论(1) 赞 (11)

H5利用JS调用电脑摄像头实现拍照效果

今天学习了调用电脑摄像头,利用canvas画布将视频当前帧转换成图片的实例,其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入,产生包含所请求类型的媒体轨道。包括视频轨道(由诸如照相机,视频记录设备,屏幕共享服务等的硬件...

经验总结

跨浏览器获取不同环境的window窗口宽度和高度

Deshun 发布于 5年前 (2018-12-24) 3916℃ 评论(0) 赞 (0)

窗口大小跨浏览器确定一个窗口的大小不是一件容易的事。IE9+、Firefox、Safari、Opera和Chrome均为此提供了4个属性: innerWidth 、 innerHeight 、 outerWidth 和 outerHeight 。在IE9+、Safari和Firefox中,outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸(无论是从最外层的window对象还...

经验总结

获取不同手机浏览器的实际可用高度代码分享

Deshun 发布于 5年前 (2018-12-18) 4697℃ 评论(0) 赞 (1)

用 js 代码 window.screen.availHeight 可以取屏幕的高度,然后拼凑内容来让页面满屏显示。但是不同手机浏览器有自己的地址栏、状态栏等,window.screen.availHeight 取到的屏幕高度也包括了这两者,导至本来希望满屏显示的内容出现滚动条,需要滑动才能看到。 怎么才能让页面在任何手机浏览器上都能满屏显示呢?下面是实现代码:function ...

经验总结

iCheck实现radio单选框点击选中/取消选中

Deshun 发布于 6年前 (2018-10-15) 10248℃ 评论(0) 赞 (7)

iCheck插件,我就不详细介绍了,大家可以看官方的文档:http://www.bootcss.com/p/icheck/ radio单选框默认是选中后不能取消选中的,使用了iCheck插件后,如果在写js去修改的话很麻烦,不过iCheck自带一个 ifClicked 事件,利用这个事件可以实现 单选框点击 选中和取消选中效果。ifClicked :用户点击了自定义的输入框或与其相关联的label...

经验总结

常见文件的mine type类型及获取方法

2

Deshun 发布于 6年前 (2018-09-19) 8730℃ 评论(0) 赞 (1)

常见文件的mine type类型及获取方法

前面提到Kangle 服务器添加 mine type 文件类型,但是网上给出的文件类型难免没有那我全面,往往我们正需要的网上却没有。下面介绍一个简单的 mine type 文件类型的获取方式 ,利用 JS 获取文件的类型:首先我们写一个 input 的文件上传按钮,HTML:&l...

经验总结

js重置select使其选中第一个option

Deshun 发布于 6年前 (2018-08-17) 14838℃ 评论(0) 赞 (5)

写页面的时候经常会用到 select 的重置效果,也就是选中第一个 option ,下面分享几种方法:1、JS方法:var a = document.getElementById("mySelect"); //mySelect是select 的Id a.options[0].selected = true;...

经验总结

CSS选择器 低版本IE浏览器的兼容

Deshun 发布于 6年前 (2018-07-05) 3227℃ 评论(0) 赞 (1)

 CSS 后代选择器很好用,让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。例如这6个比较常用的后代选择器:Child SelectorsIE9IE8IE7:first-child√√√:last-child√××:nth-child(n)√××:nth-last-child(n)√××:first-of-type(n)√××:first-last-of-...

HTML笔记

利用CSS变量实现炫酷的悬浮效果

1

Deshun 发布于 6年前 (2018-07-02) 3339℃ 评论(0) 赞 (2)

利用CSS变量实现炫酷的悬浮效果

最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。怎样才能达到这个效果,使我们的网站脱颖而出呢?其实,它并不像我...