HTML5
AdleyTales
这个作者很懒,什么都没留下…
展开
-
关于申请微信公众号(服务号)的材料和流程
一、微信公众号(服务号)所需要的材料[微信认证+微信支付]1.邮箱账号(可以后台登录的,接收验证码的邮箱);2.营业执照(扫描件+盖公章);3.组织机构代码(扫描件);4.对公账户(包括1对公账户的开户行+2账号+3账号名称);5.开户许可证;6.微信认证(300元);7.微信公众号的名称(需要确定好名字,一旦申请不可改变);8.申请微信认证时,腾讯公司会给原创 2017-01-06 16:53:08 · 30375 阅读 · 2 评论 -
H5 上传图片时候如何预览图
原理是用js获取input file的图像流,然后赋给img标签的src属性,然后再设置这个img的css,就能得到你要的效果了,代码如下var demo_h5_upload_ops = { init:function(){ this.eventBind(); }, eventBind:function(){ var that = this...原创 2019-02-22 14:23:19 · 955 阅读 · 0 评论 -
H5打开手机摄像头
<input id="upload" type="file" accept="image/*;" capture="camera" >原创 2019-02-22 14:17:35 · 3024 阅读 · 0 评论 -
注册页发送验证码 倒计时120S 手机锁屏 会休眠定时器 解决【利用时间戳差】
/** * 解决发送验证码 — 倒计时时间记录手机锁屏时间休眠BUG */ function countTime(time) { //倒计时 var num = time; var t1 = parseInt(new Date().getTime() / 1000); var btn_timer = setInterval( function () { v...原创 2018-10-09 12:07:44 · 11282 阅读 · 0 评论 -
前端路由的原理
当hash部分修改,能触发hashchange事件&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot; dir=&quot;ltr&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charse原创 2018-08-29 12:02:08 · 10887 阅读 · 0 评论 -
js 实现前端图片上传,展示缩略图功能
原理:很简单,就是监听input file表单的onchange事件。 注意:方法在ie浏览器可以实现,但是在高级浏览器非IE,就会有fakepath,图片路径加密的问题,导致显示不出上传的图片。解决方案:引入 FileReaderFileReader API 地址:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReade原创 2017-11-15 11:29:44 · 23101 阅读 · 0 评论 -
关于sessionStorage
localStorage 是全局缓存,永久有效,这个毫无疑问。sessionStorage是在当前会话之间有效,当前会话是多长。即:a页面设置sessionStorage,只要是从a页面出发建立联系的之后的页面都可以拿到a页面缓存的数据。举例说明:a页面:<!DOCTYPE html><html><head> <title></title></head><body> <h2原创 2017-11-03 16:45:21 · 11433 阅读 · 0 评论 -
关于iframe自适应高度的解决方案
tip: 遇到的一些问题:第一次加载页面的时候,iframe高度会自动获取到,但是改变浏览窗口就实效了, 第二次切换的时候,也实效,所以要监听 iframe 的onload事件 和浏览器 window.resize 事件:代码如下:html部分: <iframe src="http://www.baidu.com" id="myIframe" scrolling="no" onload原创 2017-11-03 15:40:21 · 10804 阅读 · 0 评论 -
阻止a标签跳转的默认行为
<!DOCTYPE html><html><head> <title></title></head><body> <a href="http://www.baidu.com/" id="aaa">跳转到百度</a> <script type="text/javascript"> document.getElementById('aaa').onclick原创 2017-11-03 13:45:33 · 15845 阅读 · 0 评论 -
img标签,图片占位
示例<img src="http://placehold.it/600x300/0f0/ccc.png" alt="">说明:450x300 : 宽度和高度0f0: 位置代表背景颜色ccc: 位置代表字体颜色原创 2017-09-30 10:42:18 · 19759 阅读 · 0 评论 -
关于使用jQuery前端上传文件
关于使用jQuery前端上传文件 我们都知道 html中file类型的input可以直接读取本地的文件; 如果使用form表单的话,那么action = url 这就会上传完文件会刷新页面,返回值就会显示在页面区域,显然这并不是我们想要的。 所以要再用 ajax 技术,采用无刷新的上传文件。代码如下:html<body> <input type="file" name="原创 2017-06-14 14:38:37 · 24340 阅读 · 1 评论 -
h5 禁止在ios中点击缩放
window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault() } }); ...原创 2019-06-05 09:33:02 · 2572 阅读 · 0 评论