随笔分类 - html5
摘要：ionicframework I ------------- 初体验Create hybrid mobile apps with the web technologies you love.Free and open source, Ionic offers a library of mobile-...
阅读全文
摘要：/** * Created by lee on 2014.07.02 002. */module.exports = function (grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('packag...
阅读全文
摘要：1.GoAngualrjs homepage githubGoAngular 可让你轻松使用 AngularJS 和 GoInstant 构建实时、多用户的应用程序。2.JingleVhomepage githubJingle UI是一个基于html5、css3开发轻量级的移动webapp 框架，提...
阅读全文
摘要：很有诚意先放下载地址百度网盘最近在做angular的项目，找一个合适的 datepicker ，首选bootstrap-datetimepicker，但是项目中没有到bootstrap，整理处理下这个控件，在官方文档的指引下整理出了一个独立的不需要依赖bs的文件版本，留着需要的小伙伴们使用。
阅读全文
摘要：问题： 利用phonegap 打包android 程序 在设备上全屏显示;我们有时需要把 Activity 设置成全屏显示，一般情况下，可以通过两种方式来设置全屏显示效果。一，通过在代码中可以设置，代码中设置(如下)public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //设置无标题 requestWindowFeature(Window.FEATURE_NO_TITLE); //设置全...
阅读全文
摘要：最近在项目遇到一个关于谷歌地图的问题，看了下谷歌地图api后实现了导航和定位的功能,特意记录下，以便以后查看.整个流程从服务端获得目的地（简称 B）的经纬度地址，通过客户端获得用户(简称A)的经纬度地址,如果成功获得B的经纬度就在地图上显示出A到B的驾车路径,如果没有获得A的经纬度则在地图上显示B的位置并明确标识.拆分下整个需求，需要这些功能1.渲染地图;2.在地图上标识某地;3.获得用户的经纬度;4.在地图上显示导航路线.--------------1.显示地图；看google的api引入入地图api<script src="http://maps.google.com/ma
阅读全文
摘要：原文地址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
阅读全文
摘要：js面向数据编程(DOP)一点分享by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1384一、小历史面对数据编程(data-oriented-programme)这个概念第一次接受是在去年前年阿里巴巴举行的D2前端论坛上，来自Baidu金大为：《模板语言与大前端》的分享，其视频链接如下： 去年，哦，已经2011年了，应该是前年了，那会儿正是我闭关修炼之时，尚未开始工作，js呢就是个菜，而且还是个非常瘦弱的豆芽菜，所以当时概念的接受比较囫囵。但是自知是有用的东西，管他
阅读全文
摘要：公司项目项目转型到html5 已经有段时间，在这里开发也有段时间了，很多时候在pc浏览器和 手机浏览器的效果不一样，所以我们需要实时浏览。方法第一个问题是我们要通过移动设备去访问自己开发的网页。在自己电脑上安装一个服务器：apache 或者 iis如果你会配置他们 下面的飘过======安装apahce=========================安装apahce到官网下载apache 安装可能会出现安装失败的情况，失败一般有两种情况，一个是端口被占用，或者路径错误；端口错误：用dos命令查看端口进程号，再比对任务进程号就可以查出。 C:\Documents and Settings\Ad
阅读全文
摘要：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定义的优先级的值，然后从左到右逐位比较
阅读全文
摘要：css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码： 1 2 3传统的盒模型基于HTML流在垂直方向上排列盒子。使用弹性盒模型可以规定特定的顺序，也可以反转之。要开启弹性盒模型，只需设置拥有子盒子的盒子的display的属性值为box（或inline-box）即可。display: box;水平或垂直分布“box-orient”
阅读全文
摘要：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 + " (包括边线的宽)
阅读全文
摘要：1. data-icon="announcement" //announcement图片名字 2. <style type="text/css" media="all"> .ui-icon-announcement { background: url("../img/ic_tab_white_announce.png"); //图片路径 } </style>
阅读全文
摘要：最近一直在用jqm开发，遇到在开发表单的时候不能把它lab 和 表单元素放到一行；应为受到了jqm的框架的限制；在创建表单元素的时候就应用了jqm的样式，通过data-role="none" 来取消jqm对from的格式化，然后自定义样式达到期望的效果，特意留下来放便以后查阅……---在320*480 上展示了三种不同的表单样式;<div data-role="fieldcontain" data-theme="e"> <label for="goodnum">订购数量：</label
阅读全文
摘要：手机浏览器的viewport（视觉窗口）发表于2011/04/16由前端开发-武方博最近我做了一点儿针对手机的Web开发和相关研究。按说，Web自设计之初，就已经考虑了设备无关性。然而，现实总是不尽如人意。我们知道大多数网页都是针对桌面显示器开发和测试的，但是手机屏幕通常要比桌面显示器小很多，比如iPhone也就是320px。那么那些网页在手机上如何浏览呢？一种是把网页缩放到很小，你可以看到整个网页但是看不清字了；或者只看网页的一个局部，然后上下左右移动来看其他部分。现在的手机浏览器把两种模式结合使用。（或许还有第三种——分析网页，将其中内容抽取出来，重组，然后呈现，不过这里不讨论这种方式。）
阅读全文
浙公网安备 33010602011771号