摘要: 原文地址http://blog.sina.com.cn/s/blog_4dffbd380100kvht.html移动终端浏览器默认设置视口的宽度和初始规模。最近做的一个移动终端的项目,遇到一个默认设置更改的问题。起初非常怀疑是自己的html写的有问题。经过一番页面尺寸的测试之后终于找到问题根源。知道是什么问题就可以找解决的方法了。<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,height=device 阅读全文
posted @ 2012-04-24 15:23 在那花开时节 阅读(3737) 评论(0) 推荐(1) 编辑
摘要: js面向数据编程(DOP)一点分享by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1384一、小历史面对数据编程(data-oriented-programme)这个概念第一次接受是在去年前年阿里巴巴举行的D2前端论坛上,来自Baidu金大为:《模板语言与大前端》的分享,其视频链接如下: 去年,哦,已经2011年了,应该是前年了,那会儿正是我闭关修炼之时,尚未开始工作,js呢就是个菜,而且还是个非常瘦弱的豆芽菜,所以当时概念的接受比较囫囵。但是自知是有用的东西,管他 阅读全文
posted @ 2012-04-16 13:49 在那花开时节 阅读(1186) 评论(0) 推荐(0) 编辑
摘要: 今天我们在这里用到iframe相关操作,但是平时操作不多,今天在网上找了些资料看了下:收集如下:原文地址=======================================================父页面调用子页面的方法:document.getElementById('iframedemo').contentWindow.demofunction();其中iframedemo是iframe的id;=======================================================iframe在复合文档中经常用到,利用jquery操作i 阅读全文
posted @ 2012-03-20 22:27 在那花开时节 阅读(1204) 评论(0) 推荐(0) 编辑
摘要: 公司项目项目转型到html5 已经有段时间,在这里开发也有段时间了,很多时候在pc浏览器和 手机浏览器的效果不一样,所以我们需要实时浏览。方法第一个问题是我们要通过移动设备去访问自己开发的网页。在自己电脑上安装一个服务器:apache 或者 iis如果你会配置他们 下面的飘过======安装apahce=========================安装apahce到官网下载apache 安装可能会出现安装失败的情况,失败一般有两种情况,一个是端口被占用,或者路径错误;端口错误:用dos命令查看端口进程号,再比对任务进程号就可以查出。 C:\Documents and Settings\Ad 阅读全文
posted @ 2012-03-15 19:45 在那花开时节 阅读(2424) 评论(2) 推荐(0) 编辑
摘要: CSS优先级包含四个级别(标签内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。CSS优先级的计算规则如下:* 元素标签中定义的样式(Style属性),加1,0,0,0* 每个ID选择符(如 #id),加0,1,0,0* 每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个伪类(如 :hover)加0,0,1,0* 每个元素选择符(如p)或伪元素选择符(如 :firstchild)等,加0,0,0,1然后,将这四个数字分别累加,就得到每个CSS定义的优先级的值,然后从左到右逐位比较 阅读全文
posted @ 2012-03-11 22:13 在那花开时节 阅读(404) 评论(0) 推荐(0) 编辑
摘要: css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML 、GladeXML。使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码: 1 2 3传统的盒模型基于HTML流在垂直方向上排列盒子。使用弹性盒模型可以规定特定的顺序,也可以反转之。要开启弹性盒模型,只需设置拥有子盒子的盒子的display的属性值为box(或inline-box)即可。display: box;水平或垂直分布“box-orient” 阅读全文
posted @ 2012-03-02 21:52 在那花开时节 阅读(10578) 评论(0) 推荐(1) 编辑
摘要: var s = ""; s += "\r\n网页可见区域宽:"+ document.body.clientWidth; s += "\r\n网页可见区域高:"+ document.body.clientHeight; s += "\r\n网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s += "\r\n网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽) 阅读全文
posted @ 2012-02-21 10:42 在那花开时节 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 1. data-icon="announcement" //announcement图片名字 2. <style type="text/css" media="all"> .ui-icon-announcement { background: url("../img/ic_tab_white_announce.png"); //图片路径 } </style> 阅读全文
posted @ 2012-02-15 13:30 在那花开时节 阅读(451) 评论(0) 推荐(0) 编辑
摘要: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 其中: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是 阅读全文
posted @ 2012-02-10 18:51 在那花开时节 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 最近一直在用jqm开发,遇到在开发表单的时候不能把它lab 和 表单元素放到一行;应为受到了jqm的框架的限制;在创建表单元素的时候就应用了jqm的样式,通过data-role="none" 来取消jqm对from的格式化,然后自定义样式达到期望的效果,特意留下来放便以后查阅……---在320*480 上展示了三种不同的表单样式;<div data-role="fieldcontain" data-theme="e"> <label for="goodnum">订购数量:</label 阅读全文
posted @ 2012-02-02 23:17 在那花开时节 阅读(415) 评论(0) 推荐(0) 编辑