放飞自我 LET DREAMS FLY

随笔分类 -  HTML5

html5调用手机的数字键盘
摘要:<input placeholder="输入数字" type="text" pattern="[0-9]*"> 阅读全文

posted @ 2019-09-18 19:00 niuben 阅读(1626) 评论(0) 推荐(0) 编辑

Vue详情页回列表页保存原数据与位置。
摘要:列表页关键代码 main.js 阅读全文

posted @ 2019-08-31 08:40 niuben 阅读(2753) 评论(0) 推荐(0) 编辑

ios系统的Date的兼容问题
摘要:内容来源网上,自己记录下 问题1: 这个是获取当前系统时间的对象,在各端都可以 但是: 这种设定指定日期,在ios系统下safir,没有值,是NAN,其他chrome浏览器都可以正常得到值, 网上查到了问题解决方法,下面这种写法就兼容所有系统了 问题2: HTML5中新增了日历控件,如果将控件的ty 阅读全文

posted @ 2018-01-23 10:31 niuben 阅读(661) 评论(0) 推荐(0) 编辑

Mac下升级Nodejs
摘要:突然发现系统中的nodejs版本比较旧,想升级一下但又不想下载安装包一步一步安装, 发现还是可以很简单用命令行升级的。首先得清理npm的缓存sudo npm cache clean -f安装 n 包来升级nodejssudo npm install -g n升级nodejs 到最新版本sudo n ... 阅读全文

posted @ 2016-01-20 20:48 niuben 阅读(292) 评论(0) 推荐(0) 编辑

实现移动端弹出层弹出的时候页面不能滑动,关闭弹出层时页面恢复滑动
摘要:思路是:显示弹层时,禁用触摸事件在你显示弹出框的时候:添加:function ShowDiv() { window.ontouchmove = function(e) { e.preventDefault && e.preventDefault(); e.retur... 阅读全文

posted @ 2015-10-15 15:53 niuben 阅读(1976) 评论(0) 推荐(0) 编辑

[f]添加css3动画的方法
摘要:添加css3的一些动画的属性使用方法:css3(oDiv[0], 'scale', 300)('rotate', 300);css3(oDiv[0], 'animation', '"dd" .50s ease-in-out 0s');ps:可以完成一个变形继续下一个变形; dd为具体动画的样式;@... 阅读全文

posted @ 2014-11-06 15:47 niuben 阅读(320) 评论(0) 推荐(0) 编辑

css3动画特效集合
摘要:--> 测试文字 css3扩展:开始事件 webkitAnimationStart结束事件 webkitAnimationEnd重复运动事件 webkitAnimationIteration 阅读全文

posted @ 2014-08-05 14:10 niuben 阅读(203) 评论(0) 推荐(0) 编辑

canvas打字效果
摘要:运用fillText,写的打字效果。唯一麻烦的地方是,换行问题,我是把字符串转化为数组,数组一个单位完成,就换行,继续下一个单位。canvashh 阅读全文

posted @ 2014-05-06 15:52 niuben 阅读(1347) 评论(0) 推荐(0) 编辑

玩转html5<canvas>画图
摘要:导航前言基本知识绘制矩形清除矩形区域圆弧路径 绘制线段绘制贝塞尔曲线 线性渐变径向渐变(发散)图形变形(平移、旋转、缩放)矩阵变换(图形变形的机制)图形组合给图形绘制阴影绘制图像(图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形])绘制文字 保存和恢复状态(context) 保存文件结合setI... 阅读全文

posted @ 2014-04-17 14:36 niuben 阅读(302) 评论(0) 推荐(0) 编辑

html5 ajax多图片可预览上传图片
摘要:最近不是特别忙,我就利用html5写了个上传图片(或其他文件)的页面,主要利用是html5的file api,此页面比较简陋,没做样式的优化,包含上传图片预览,多图片上传,上传进度条(利用html5的progress标签做的),上传网速等,像删除选中的照片,重新选择照片,继续选择照片等简单的功能我就 阅读全文

posted @ 2014-03-12 14:56 niuben 阅读(544) 评论(0) 推荐(0) 编辑

手机wap2.0网页缩放设置
摘要:网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小 阅读全文

posted @ 2012-12-12 11:11 niuben 阅读(526) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示