javascript
蔡_灿
尘世间迷途小前端、
展开
-
利用filereader来读取创建文件
利用filereader来读取创建文件。html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style type="text/css"> body { background: #ddd; } style>head>body> img原创 2018-01-09 15:51:07 · 793 阅读 · 0 评论 -
模拟视频小弹幕。
html lang="en">head> meta charset="UTF-8"> title>弹幕title>head>style> /* //css */ * { box-sizing: border-box; outline: none; } p { margin: .5em;原创 2017-10-24 18:25:28 · 344 阅读 · 0 评论 -
ios下使用-webkit-overflow-scrolling:touch带来的bug
在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素,随着页面一起滚动,只有滚动停止时才会恢复原位.1 设置你需要滚动的div的position: relative; -webkit-overflow-scrolling: touch;以及高度 2,底部就用absolute 来定位,这样就不会随着滚动了。原创 2017-12-22 18:23:47 · 1155 阅读 · 0 评论 -
禁止APP内Webview页面跟随系统缩放字号
最近开始做适配移动端的网页,通过APP内部的Webview展示。为了在不同分辨率的设备上都能按相同的布局来展示,使用了rem布局的页面自适应方式:(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : '转载 2017-10-17 14:56:45 · 3652 阅读 · 0 评论 -
JS 原生video元素去掉下载按钮
<audio src="xxx.mp4" controls="controls"></audio>通常我们都是这样写一个video元素, 这样写的 会在浏览器下显示视频的控制栏出来,加入我们不需要控制栏的下载按钮怎么办? 看到有人说用css 方式可以:video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-m原创 2017-10-17 11:32:19 · 2983 阅读 · 1 评论 -
JS 实现鼠标滚动页面跳转
JS 实现鼠标滚动页面跳转(function() { var scrollFunc = function(e) { var ee = e || window.event; var fullheight = document.body.offsetHeight; if (e.wheelDelta) { //IE/Opera/Chrome -120是下+120是上 let a= e.wheel原创 2017-10-17 11:18:33 · 1511 阅读 · 0 评论 -
解决IOSwebview加载H5页面点击2次会上移方案
解决IOSwebview加载H5页面点击2次会上移方案在IOSwebview 我们嵌入H5页面的开发的时候, 在H5的空白页面双击2次页面会上移动(function(){var agent = navigator.userAgent.toLowerCase();var iLastTouch = null; //缓存上一次tap的时间if (agent.indexOf('iphone') >= 0 |原创 2017-10-17 11:21:42 · 724 阅读 · 0 评论 -
ES6 对应 ES5 In React
ES6 对应 ES5 In Reactfunction//ES5 var Photo = React.createClass({ componentWillMount: function(){ }, render: function() { return ( <Image source={this.props.source} />原创 2017-10-17 11:25:08 · 250 阅读 · 0 评论 -
javascript中获取dom元素高度和宽度的方法如下:
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网原创 2017-10-24 14:00:50 · 715 阅读 · 0 评论 -
利用filereader实现在线预览图片功能
利用filereader实现在线预览图片功能// html 部分"xxx.jpg" alt="" id="imgShow"/> "showImg" type="file" name="myPhoto" />//js 文件如下 script type="text/javascript"> document.getElementById('showImg').oncha原创 2018-01-09 16:38:06 · 283 阅读 · 0 评论