随笔分类 -  html5/css3

JS控制浏览器打印样式，分页及移除页眉页尾
摘要：很简单，引入以下CSS即可： <style> /* 分页符 */ .print_gap{page-break-before: always;} .print_gap .gap_line {height: 1px; background: #e5e5e5; margin: 40pt 0 30pt; } 阅读全文
posted @ 2022-08-24 16:20 盼少 阅读(1750) 评论(0) 推荐(0) 编辑
省市区三级联动picker-view-微信小程序
摘要：这个是微信小程序的picker-view组件，开发的省市区3级联动，体验还不错，就分享给大家了， 此版本的省市区数据为本地JS数据，免去请求加载数据了，大家直接看源码，先看下面的动图： 项目地址：https://github.com/pannysp/cityarea-wechat 阅读全文
posted @ 2017-04-13 18:05 盼少 阅读(2858) 评论(0) 推荐(1) 编辑
html5之canvas画图
摘要：导航前言基本知识绘制矩形清除矩形区域圆弧路径 绘制线段绘制贝塞尔曲线 线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）绘制文字 保存和恢复状态（context） 保存文件结合setI... 阅读全文
posted @ 2014-11-24 17:24 盼少 阅读(446) 评论(0) 推荐(0) 编辑
html5之touch事件
摘要：前言一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上... 阅读全文
posted @ 2014-11-24 17:05 盼少 阅读(592) 评论(0) 推荐(0) 编辑
HTML5 canvas globalCompositeOperation绘图类型讲解
摘要：我们总是将一个图形画在另一个之上，大多数情况下，这样是不够的。比如说，它这样受制于图形的绘制顺序。不过，我们可以利用globalCompositeOperation属性来改变这些做法。globalCompositeOperation= type我们不仅可以在已有图形后面再画新图形，还可以用来遮盖，清... 阅读全文
posted @ 2014-11-24 16:56 盼少 阅读(818) 评论(0) 推荐(0) 编辑
移动Web与js定时器暂停或不准确计时的问题解决
摘要：PC 上的 Firefox、Chrome 和 Safari 等浏览器，都会自动把未激活页面中的 JavaScript 定时器（setTimeout、setInterval）间隔最小值改为 1 秒以上；而移动设备上的浏览器往往会直接冻结未激活页面上的所有定时器」。今天继续聊一聊 JavaScript ... 阅读全文
posted @ 2014-05-28 10:52 盼少 阅读(4251) 评论(0) 推荐(0) 编辑
web app 禁用手机浏览器缓存方法
摘要：开发过web app的同学，特别是前端人员，都碰到这烦人的事情，JS或CSS代码改变，可手机浏览器怎么刷新都不更新，手机浏览器的缓存特别恶劣。 所以今天贴个方法解决这问题。记得，本地调试的时候贴上，上线后要删除哦，免得访问者浏览体验慢。 代码： 把上面的代码贴到HEAD里面即可。 顺便贴... 阅读全文
posted @ 2014-05-24 14:08 盼少 阅读(2335) 评论(2) 推荐(1) 编辑
小练一下canvas版简单时钟与css3版漂亮时钟
摘要：无聊时候用canvas练了一下时钟，但感觉画面不是很舒服，可能canvas用的不是很精炼。 随后又用css3重写了下，还是蛮漂亮的，呵呵，先看效果图吧； canvas版: CSS3版： 在线浏览：http://runjs.cn/detail/a9lrocko canvas版源代码: ... 阅读全文
posted @ 2013-03-29 14:28 盼少 阅读(2109) 评论(5) 推荐(0) 编辑
position:relative与IE6的最新恩怨
摘要：偶然，真的是偶然，非常之偶然，发现了position:relative与IE6真的有1腿！ 直接看例子： 一般我们经常使用sprite背景图来定义某条文字前的ICON图标，如下图，错误提示图标： 一般我们这么设置： 请输入2-4个中文！ .tip{background:url(../imag... 阅读全文
posted @ 2012-09-19 16:40 盼少 阅读(1638) 评论(0) 推荐(1) 编辑
jquery fileuploader文件上传插件：CSS致使IE6崩溃
摘要：项目开发完，测试说IE6下只要上传图片就崩溃，一开始还以为JS哪里写的不对，找啊找，都找不到，我自己都崩溃了要。 记录下： .qq-uploader{position: relative; width: 250px;} width的属性必须要写哦，不然IE6就崩溃，真不知道怎么回事。。。唉 阅读全文
posted @ 2012-05-09 14:03 盼少 阅读(760) 评论(0) 推荐(0) 编辑
HTML5之语音输入解析
摘要：HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单只需要在input添加属性x-webkit-speech即可，例子如下：这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示 这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。 语音输入其他... 阅读全文
posted @ 2012-02-10 14:02 盼少 阅读(634) 评论(0) 推荐(1) 编辑
网页RGB颜色查询对照表大全
摘要：#FFFFFF #FFFFF0 #FFFFE0 #FFFF00 #FFFAFA #FFFAF0 #FFFACD #FFF8DC #FFF6... 阅读全文
posted @ 2012-02-09 18:10 盼少 阅读(1176) 评论(0) 推荐(0) 编辑
教你只用CSS画基本图形（圆形、三角形、多边形、爱心、八卦图）
摘要：在css-tricks上有一篇文章，居然能只用CSS画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一... 阅读全文
posted @ 2012-02-09 17:40 盼少 阅读(901) 评论(1) 推荐(0) 编辑