随笔分类 -  HTML5移动开发

玩转html5<canvas>画图
摘要：导航 前言 基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变（发散） 图形变形（平移、旋转、缩放） 矩阵变换（图形变形的机制） 图形组合 给图形绘制阴影 绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]） 绘制文字 保存和恢复状态（conte 阅读全文
posted @ 2016-08-08 14:27 孙_大圣 阅读(9171) 评论(1) 推荐(0)
【S】【S】【S】一大波前端干货整合（一）
摘要：前端交流站点 大前端 http://www.daqianduan.com/ V2EX http://www.v2ex.com/ W3cplus http://www.w3cplus.com/ W3Cfuns http://www.w3cfuns.com/ Github https://github. 阅读全文
posted @ 2016-08-08 14:16 孙_大圣 阅读(246) 评论(0) 推荐(0)
html5 meta标签属性整理
摘要：声明文档使用的字符编码声明文档的兼容模式//指示IE以目前可用的最高模式显示内容//指示IE使用 指令确定如何呈现内容。标准模式指令以IE7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。SEO 优化页面描述页面关键词定义网页作者定义网页搜索引擎索引方式，robotterms是一组... 阅读全文
posted @ 2015-12-18 12:54 孙_大圣 阅读(256) 评论(0) 推荐(0)
用谷歌浏览器来模拟手机浏览器
摘要：用谷歌浏览器来模拟手机浏览器 很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。 谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的 阅读全文
posted @ 2015-11-25 15:31 孙_大圣 阅读(323) 评论(0) 推荐(0)
手机端网页设计尺寸,手机端网页设计图片尺寸
摘要：电脑网页的设计尺寸对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：安全分辨率为1024 X 768 px 可建议大分辨率为1280 X 800 px在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。在Wi... 阅读全文
posted @ 2015-11-25 15:31 孙_大圣 阅读(677) 评论(0) 推荐(1)
响应式web网站设计制作方法
摘要：在研究响应式的时候，记录了一些感想，分享出来，抛砖引玉，希望可以和大家一起讨论。总结下来，响应式比之前想象的要复杂得多。1. ie9以下（不包括ie9）采用ie条件注释，为ie8以及一下单独开一个样式文件1232. 一个模块的mq样式整体放在这个模块的样式的之后，符合层叠逻辑，也同时以免被层叠。3.... 阅读全文
posted @ 2015-11-25 15:28 孙_大圣 阅读(349) 评论(0) 推荐(0)
css3媒体查询实现网站响应式布局
摘要：最常见的办法就是基类（最常用的网站布局）+扩展类（几种不同的网站布局类）来实现不同的布局。 header main footer针对不同布局编写不同的css代码，通过js判断设备、不同分辨率调用不同的布局样式，从而实现同一套前端Html代码适配不同设备和场景，给用户带来最佳的操作体验。自从响应式布局... 阅读全文
posted @ 2015-11-25 15:27 孙_大圣 阅读(478) 评论(0) 推荐(0)
HTML5吧
摘要：一、为了能使IE9以下的IE浏览器也能支持html5的标签，所以首先得在文档头部用条件注释的方法引入那段著名的代码。123这段代码其实也并不神秘，而且非常短小，只是利用了IE的一个奇怪特性而已，感兴趣的同学可以下载下来打开看看。二、把文档类型声明改为。看起来，我们绝对是更乐意这样做，因为html5的... 阅读全文
posted @ 2015-11-25 15:16 孙_大圣 阅读(170) 评论(0) 推荐(0)
制作手机使用的网页图片查看器
摘要：这几天抽空在为项目开发一个量身的图片查看器，目前已初步完成需求开发场景是：在一个多文件下载展示列表中，如检测某些文件为图片时，则点击该文件时打开图片查看器展示该图片，并将列表内其它图片同时展示查看器队列内，可供前后滑动查看及其它附带功能乍一听功能点似乎有点多而且有些复杂，需要梳理一下功能点整理首先，... 阅读全文
posted @ 2015-10-20 10:55 孙_大圣 阅读(405) 评论(0) 推荐(0)
HTML5移动开发中的input输入框类型
摘要：HTML5规范引入了许多新的input输入框类型在HTML5移动开发中，通过这些新的输入框类型来显示定制后的键盘布局，用户体验更好，更容易填写各种表单本文中，实测手机为肾4S与米4数字类型number定义input类型为type="number"时，iOS显示数字、标点及符号键盘，Android显示... 阅读全文
posted @ 2015-10-20 10:44 孙_大圣 阅读(358) 评论(0) 推荐(0)
HTML5移动开发中的meta与link
摘要：metaHTML5移动开发中的一些webkit专属头部标签，能够帮助浏览器更好的解析HTML代码，从而为HTML5移动开发提供更好的前端表现与体验viewport网页缩放1UTF-8编码1SEO搜索引擎相关设置12345678iOS系统相关设置1234Safari浏览器相关设置123456UC浏览器... 阅读全文
posted @ 2015-10-20 10:42 孙_大圣 阅读(184) 评论(0) 推荐(0)
HTML5吧！少年
摘要：一、为了能使IE9以下的IE浏览器也能支持html5的标签，所以首先得在文档头部用条件注释的方法引入那段著名的代码。123这段代码其实也并不神秘，而且非常短小，只是利用了IE的一个奇怪特性而已，感兴趣的同学可以下载下来打开看看。二、把文档类型声明改为。看起来，我们绝对是更乐意这样做，因为html5的... 阅读全文
posted @ 2015-08-05 18:06 孙_大圣 阅读(398) 评论(0) 推荐(0)