`
文章列表

css3硬件加速

CSS3中有些属性是需要开启硬件加速才有效果的,在phonegap中通过配置AndroidManifest.xml文件来实现开启,方法如下:在AndroidManifest.xml文件中找到application节点下面的activity节点,默认情况应该是这样的:    <activity    android:name=”cordovaExample”    android:label=”@string/app_name”    android:configChanges=”orientation|keyboardHidden”    >我们需要添加一条规则,最终代码 and ...

app cache

 对于web app来说,离线应用功能已经越来越重要。诚然,浏览器本身就有缓存机制,但是,这些缓存机制不够可靠,可能并不会按你所想要的方式运行。HTML5 则通过 Application Cache 接口处理了离线应用中的一些问题。   使用这个接口让你的应用拥有三方面的优势:   离线浏览——用户在不能联网的时候依然能浏览整个站点   高速——缓存资源是存储在本地的,因此能更快加载。   更小的服务器负载——浏览器只需要从服务器端下载有改变的资源即可,相同资源不需要重复下载。   Application Cache(或 AppCache)让一个开发者可以指定浏览器需要保存哪个文件。 ...
我开发android应用使用的IDE工具是eclipse,所以在开发之前要先做环境变量的搭建工作,首先要安装JDK和JRE。之前的实在XP中进行开发的,所以安装的JDK版本是1.6一切顺利,当换成使用win7 64位操作系统进行开发的时候,使用的是最新的JDK 1.7,会出现报错,错误提示:如下图 ,原因是因为64位的JDK和32位的eclipse不兼容; 升级SDK之后会提示ADT版本太低,工程报错,console会提示android-target找不到的错误,原因是升级SDK之后,ADT版本找不到相应的android API,只需要在升级SDK的时候,也选择升级其他的android版本问 ...

数组排序

       冒泡排序 Array.prototype.swap = function (i, j) { var k = this[i]; this[i] = this[j]; this[j] = k; }   function sort(list) { var items = list.slice(0), swapped = false, p, q; for (p = 1; p < items.length; ++p) { for (q = 0; q < items.length - p; ++q) { ...

viewport窥视

    博客分类:
  • css
之前开发手机应用,对webapp做适配的时候,不免要用到meta标签中的viewport属性;下面就稍做一些自己的理解,以便以后查阅。 应用方法:       通常就是在head中添加一段常规代码: <meta name=”viewport” content=”width=device- ...
在本文中,我们给出 9 个有用的 HTML、CSS 和 JavaScript 的技巧和提示,可能在做 Web 开发中经常会需要用到的,其中有几个是关于 HTML5 和 CSS3 的,如果你是一个前端开发者,那么或许对你有些用处。 1. 使用 html5 的 placeholder 属性 以前我们经常要写不少JavaScript 的代码来实现现在HTML5 的 placeholder 属性的功能,一个输入框在没获取焦点时显示某个提示信息,当获得输入焦点就自动清除提示信息,目前支持该属性的浏览器有:Opera 11+, Firefox 9+, Safari 5+, IE 10+,不过下面提 ...
在PhoneGap应用,或者黑莓Java/HTML混搭应用中,如何使用JavaScript检查Mobile App网络连接状态呢?   [javascript] view plaincopy
mobileTech A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧 一些非常重要的工具类网站 html5与css3技术应用评估 各种奇妙的hack 几乎所有设备的屏幕尺寸与像素密度表

bootstrap

直接上我遇到的问题吧: 在这个“下拉菜单”中有一个登录表单需要填写但是dropdown的默认效果是在这个“菜单”中有点击就会自动给关闭掉-- 扒拉了半天手册,似乎没有看见有参数可以控制这个关闭的动作。。发现已经有前辈提供了解决方案了。。好吧,那我这里就不客气了O(∩_∩)O~首先,向页面js中添加以下内容 $("ul.dropdown-menu").on("click","[data-stopPropagation]"
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢? 1、Meta 之 viewport 说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢?viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问 ...
Phonegap相关 1. 隐藏顶部的状态栏 在xxx-Info.plist中新增一项属性:"Status bar is initially hidden" = YES;此外,还可以增加其他的属性,例如Launch image等。 2. 用户滑动Webview时,正常情况下会超出边界然后弹回来,也就是Bounce,可以通过以下方式禁止这种行为: 在AppDelegate.m中的webViewDidFinishLoad方法中添加: for (id subview in theWebView.subviews) if ([[subview class] isSubcl ...
  你可能知道,Javascript语言的执行环境是"单线程"(single thread)。 所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。 为了解决这个问题,Javascript语言将任务的执行模式分 ...
String timeString = jsonObject.getString("time")。substring(0, 7); // 双重保险,最好能获得系统时间,以免第三方网站异常时程序无法运行   try {   URL url = new URL("http://www.bjtime.cn");   URLConnection uc = url.openConnection();   uc.connect();   long time = uc.getDate(); // 获得时间戳   SimpleDateFormat ...

位运算

在ECMAScript中所有的运算都是64位格式进行存储的,但位运算操作符不直接操作64位的值,而是先将64位的值转换成32位的整数,然后执行操作,最后再将结果转换成64位。而对于开发过程中,所有的64操作是透明的,所以位运算也就是指的是32位的二进制的运算; 下面的引用一些常用的位运算例子: 位运算,顾名思义:是通过把数转换成二进制,然后通过操作他们的位置进行运算;  1,左移(<<)运算符       32位中最右边也就是位31,是不能进行移动的,它是作为符号标志,数值左移n位:是指当前的数字乘以2的n次幂     .乘以2运算 [cpp] v ...

js时间运算

  today.getYear()函數在IE下显示正常,譬如2012,但在chrome,firefox显示的却是112年。 原因就是 javascript 的兼容性问题 var today = new date();var year = today.getYear(); 在 Firefox 里面 getYear 返回的是 "当前年份-1900" 的值 (以前都如此)而 ...
Global site tag (gtag.js) - Google Analytics