蔡_灿-CSDN博客

原创利用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

原创利用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

原创 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 1156

原创模拟视频小弹幕。

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

原创 javascript中获取dom元素高度和宽度的方法如下：

网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网

2017-10-24 14:00:50 718

转载禁止APP内Webview页面跟随系统缩放字号

最近开始做适配移动端的网页，通过APP内部的Webview展示。为了在不同分辨率的设备上都能按相同的布局来展示，使用了rem布局的页面自适应方式：(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : '

2017-10-17 14:56:45 3668

原创 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 2990 1

原创 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

解决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 728

原创 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

原创鼠标上下滚动跳转页面。

(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.wheelDelta;if

2017-09-26 10:47:07 1078

weixin_40398051的博客