
HTML5
文章平均质量分 55
云上人间钦自赏
进攻HTML5
展开
-
html5 websql 语句 sqlite3 语句总结
一、sqlite3长用于 轻量级的 数据存储,象单片机这一类,但是现在的sqlite3,已经很先进,不能小看二、sqlite3常用命令当前目录下建立或打开test.db数据库文件,并进入sqlite命令终端,以sqlite>前缀标识:#sqlite3 test.db 查看数据库文件信息命令(注意命令前带字符'.'):sqlite>.database查看所有表转载 2015-05-31 23:10:06 · 2007 阅读 · 0 评论 -
H5 生成QRCode 二维码
var w=plus.screen.resolutionWidth;//获取屏幕宽度console.log("width:"+w);w=w*0.9;//二维码宽度为屏幕宽度的90%if(plus.storage.getItem("companyid")!=undefined){ jQuery("#divQRcode").qrcode({ render:"canvas", width原创 2016-10-25 22:09:17 · 3588 阅读 · 0 评论 -
dedecms、html、php、asp.net网页播放视频
代码倒是简单,一句话,但是不是标准的html标签,对了,结尾应该是结束符的,应该是这样的:如果不是标准写法,在dedecms里生成html时就有问题了。转载 2017-01-03 08:39:37 · 753 阅读 · 0 评论 -
jQuery Cropper 使用说明
按照步骤说明:一、头部引用css二、body底部引用各种js注意:jq版本不能低于10三、各种方法使用1:裁剪图片function cutImg() {$("#showEdit").fadeIn();var $image = $('#report > img');$image.cropper({checkImageOrigin: tr转载 2015-08-03 21:25:47 · 24882 阅读 · 6 评论 -
H5+MUI+Node.js+Socket.io实现即时聊天以及发送+图片压缩+图片预览保存
H5+MUI+Node.js+Socket.io实现即时聊天以及发送+图片压缩+图片预览保存,可以做成长按图片保存,这里是点击按钮保存的。原创 2016-03-30 10:19:50 · 18874 阅读 · 9 评论 -
H5 localStorage 轻量级存储
浏览器缓存数据,首先想到是cookie,可怜的4k,只能存一些小东西,稍微大点的就不行了,h5时代已经来了,浏览器已经带有websql咯,不是特别大的数据,一般不用存在websql里,这时可以考虑localStorage ,存储上线5M,几乎够用了。1、存储数据localStorage.ls_check=JSON.stringify(tmp);能不能存对象还没测试。2、原创 2017-06-07 20:38:30 · 519 阅读 · 0 评论 -
MUI 请求的页面无法打开 viewgroup
只能说官方的demo确实不太严谨,这么关键的参数竟然没有备注,这个参数其实本页面的id,这个id在哪里设置的呢,上一个页面打开此页面时咯。方法一、改成此页面的id即可。方法二、获取当前页面的id,赋值给他就行了。mui.plusReady(function() { var currentId=plus.webview.currentWebview().id; var group原创 2017-06-09 14:52:02 · 5480 阅读 · 2 评论 -
安卓启用闪光灯
原创 2017-06-28 09:07:38 · 312 阅读 · 0 评论 -
苹果审核因ipv6被拒绝
这里只是记录一下我的步骤,翻了太多的资料,问了不少人,这个做法感觉应该能成功,当然,还要等老美审核,不管是否正确,先记录下来吧。共分以下几步:1、注册并创建通道登陆https://tunnelbroker.net/tunnel_detail.php,自己注册账号,据说qq邮箱无法接收邮件,经测试,139和163邮箱能收到确认邮件,时间稍微慢点,估计路途太远,也许围墙太高,1原创 2017-08-16 21:54:40 · 1088 阅读 · 0 评论 -
网页H5获取当前坐标,完整demo
先展示效果:手机运行效果很好,也很准,电脑嘛,有时超时,有时偏出80多公里。css部分:#allmap { overflow: hidden;margin:0;z-index: 10;}.savept{position: fixed;left:40%;z-index: 11;}.mapbox{display: none;}网页js代码:var原创 2017-08-23 08:32:05 · 6744 阅读 · 0 评论 -
HTML5 input placeholder 颜色修改
.divright ul li input[type=text]::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } .divright ul li input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;转载 2016-07-15 10:08:57 · 2959 阅读 · 0 评论 -
H5图片预览关闭的优化
mui.imageViewer.js中新增这段代码即可,DEMO中是点击右上角的关闭按钮才行,这是点击图片关闭,这才是项目中实用的功能。原创 2016-07-12 10:48:54 · 1282 阅读 · 0 评论 -
html5 父页面调用子页面js方法
父页面代码:var randid=result.rows.item(0)['id'];plus.webview.close("test_order_detail");//创建之前要关闭一次,因为这个方法是重复使用的,不会报错的sub = plus.webview.create("test_order_detail.html","test_order_detail",subpage_styl原创 2015-06-01 19:03:11 · 4505 阅读 · 0 评论 -
html5 websql 基本语法汇总
创建数据库:var db = openDatabase('jiaotong', '2.0', 'testdb', 20 * 1024);执行语句: db.transaction(function(tx){ db.executeSql(strsql,[],function(tx,result){ for(i=0;i<resul原创 2015-06-03 11:30:18 · 1635 阅读 · 0 评论 -
H5+写文件
plus.io.resolveLocalFileSystemURL('js/', function(entry) {//_www目录不可写 if (entry.isDirectory) { entry.getFile(fileName, { create: true }, function(fileEntry) { alert转载 2015-08-04 11:42:20 · 4042 阅读 · 3 评论 -
移除HTML5 input在type="number"时的上下小箭头
将type="number"改为type="tel",同样是数字键盘,但是没有箭头转载 2015-09-13 19:21:21 · 678 阅读 · 0 评论 -
移动前端头部标签(HTML5 head meta)
标题转载 2015-10-29 10:10:54 · 1148 阅读 · 0 评论 -
H5+图片预览
官方自带的预览不是全屏的,只能自己修改了红线框中是新增的代码,预览时设为全屏,退出时要把子页面的头部距离预留好。转载 2016-01-29 21:13:21 · 900 阅读 · 0 评论 -
H5+MUI+Node.js+Socket.io群组即时聊天+发送图片+图片压缩
--> .mui-bar-nav { background-color: #00abed; -webkit-box-shadow: none; box-shadow: none; } .mui-bar { height: 80px; line-height: 80px; } .mui-title原创 2016-03-30 10:23:26 · 5393 阅读 · 2 评论 -
map展示当前位置,并实时以当前位置为中心显示
官方的demo虽然设置了setCenter,实测,是无效的,getUserLocation仅执行一次,所以,只有在初始化时才设置中心点,稍微改动了一下,过一秒钟后递归一次,可以实现地图实时更新,基本可以做为一个简单的导航使用了。function userLocation() { map.showUserLocation(true); map.getUserLocation(functi原创 2016-04-26 10:17:32 · 5164 阅读 · 0 评论 -
获取手机是否开启GPS
if(plus.os.name=="Android"){ var context = plus.android.importClass("android.content.Context"); var locationManager=plus.android.importClass("android.location.LocationManager"); var main=pl原创 2016-04-24 20:13:56 · 2881 阅读 · 0 评论 -
H5手写签名,适用于手机网页、电脑网页(IE9+)
先看看效果吧:图片保存到服务器为png格式,一般10k左右。这个功能适用于H5app,或者H5,或者pc网页端(IE9以上,支持canvas),低端安卓机依然不支持,具体低端到什么程度,没有经过测试。下边上代码,前端HTML:<!DOCTYPE html><html lang="en"> <head> <meta cha...原创 2018-09-01 00:56:05 · 26632 阅读 · 0 评论