标点符 » JS http://www.biaodianfu.com 编译自己的互联网生活 Wed, 08 Feb 2012 08:42:34 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 将手机网站做成手机应用的JS框架 http://www.biaodianfu.com/make-your-mobile-websites-act-like-apps.html http://www.biaodianfu.com/make-your-mobile-websites-act-like-apps.html#comments Wed, 01 Sep 2010 04:12:44 +0000 标点符 http://www.biaodianfu.com/?p=2658 随着智能手机销量持续飙升，越来越多的开发者投入到移动应用开发之中。无论是本地化的APP应用，还是移动优化版的网络站点，移动创新正以不可思议的速度蔓延开来。

本地APP仍然有其价值所在，但随着越来越多的不同设备、操作系统，以及屏幕大小让开发移动优化版的网站越来越令人着迷。实际上，在以快速、迭代、跨平台为基础的WEB应用，与具备更多标准化用户界面、手势支持、多点触摸以及硬件优化为基础的本地应用，此二者间历来便有权衡利弊的比较。

幸运的是，越来越多的现成框架让开发者们可以更轻松地为自己的移动网站开发应用，并且在界面上也更加接近本地化的APP。如下便是六个现成的框架：

一、jQuery Mobile

jQueryMobile不像前面SproutCore 或者Sencha Touch，它没有提供一个完整的应用架构。但它是一个新的开始，其也以向移动网站应用提供更多本地化的控制为宗旨。jQuery Mobile项目宣布其要成为“完整的，统一的，移动UI架构”。 jQuery Mobile核心项目也将继续为移动提供优化，但jQuery Mobile更专注于为主流智能手机浏览器提供一种真正的顶级的JS体验和界面。

官方网址：http://jquerymobile.com/

支持列表：http://jquerymobile.com/gbs/

二、Sencha Touch

Sencha前身是Ext JS ，全名是Sencha Touch HTML5 mobile framework.它提供一种可跨平台的架构，目前支持IOS，Android将在不久后得到支持。这种在线摸触摸技术结合了一个UI库的独立解决方案，触摸项目管理、地理技术支持、离线缓存技术以及特殊的CSS和CSS3功能。

官方网址：http://www.sencha.com/products/touch/

演示地址：http://www.sencha.com/products/touch/demos.php

三、YUI 3.2

雅虎将发布最新的JS实用程序的YUI库。YUI最新版对触摸和移动设备提供更多更好的支持

官方网址：http://yuilibrary.com/

四、iUI

iUI是一个iPhone用户界面架构，其设计目标是像移动网站应用提供更接近iPhone的体验。它的工作原理是结合WEBKIT为基础的设备以及包括一个JS库和CSS及图形。其最早追溯至2007年，但多年以来缓慢地升级以提供更多其他设备，甚至是iPad。

官方网址：http://code.google.com/p/iui/

五、SproutCore

SproutCore是一个HTML5的架构，目标帮助开发者建立桌面口径的web应用，并且支持任何浏览器下无需补丁的运行。其项目带头大哥已经辞去了其原本苹果的职位，专心致志地来完成此项目。

官方网址：http://www.sproutcore.com/

演示地址：http://demo.sproutcore.com/

六、XUI

在开发Phonegap时，XUI团队对应用于移动设备的现存JS库及表现很失望。XUI创建的初衷是跨多个移动浏览器工作，其包括WEBKIT，Fennec，Opera。其目标是为低成本条件下解决传统JS库不适合移动浏览器，提供更多跨兼容的方案。

官方网址：http://xuijs.com/

英文原版：http://mashable.com/2010/08/18/mobile-web-app-frameworks/

Related posts:

  1. IE7.JS 解决IE兼容性问题
  2. Google Search Appliance
  3. 地图类网站收集

]]> http://www.biaodianfu.com/make-your-mobile-websites-act-like-apps.html/feed 0 使用JS让链接从新窗口打开 http://www.biaodianfu.com/js-target-blank.html http://www.biaodianfu.com/js-target-blank.html#comments Wed, 14 Oct 2009 22:14:04 +0000 标点符 http://www.biaodianfu.com/?p=1171 当网页内出现很多链接，且链接需要在新窗口打开时。使用程序自动target=”_blank”的话页面代码量会变大。下面是使用JS来时某个Div层里的链接在新窗口打开的方法。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用JS让链接从新窗口打开</title>
</head>
<body>
<div id="test">
<a href=http://www.google.cn>谷歌</a><a href=http://www.baidu.com>百度</a><a href=http://cn.bing.com>必应</a>
</div>
<a href=http://www.biaodianfu.com>标点符</a>
<script type="text/javascript">
var demo = document.getElementById('test');
        for (var i = 0; i < demo.childNodes.length; i++) {
            if (demo.childNodes[i].tagName == 'A')
                demo.childNodes[i].target = '_blank';
        }
</script>
</body>
</html>

Related posts:

  1. JS+CSS实现隔行换色
  2. SEO代码优化规范
  3. 使用 PHP导出Google Analytics数据。

]]> http://www.biaodianfu.com/js-target-blank.html/feed 0 在线站长工具 http://www.biaodianfu.com/zaixianzhanzhanggongju.html http://www.biaodianfu.com/zaixianzhanzhanggongju.html#comments Sun, 19 Jul 2009 02:39:08 +0000 标点符 http://www.biaodianfu.com/?p=229 1.W3C HTML验证

地址：http://validator.w3.org/

2.W3C CSS 验证

地址：http://jigsaw.w3.org/css-validator/

3.JS压缩（解压）

地址：http://www.biaodianfu.com/js-yasuo/

4.CSS压缩（解压）

简介：用于清除CSS文件中的空格和格式，加快CSS加载速度。

地址：http://www.cleancss.com/

5.图片压缩（支持PNG,GIF)

地址：http://smush.it/

6.CSS Sprite Generator

简介：CSS sprites（CSS 图片拼合）技术是将多张图片以一定间距合并为一个大图片，利用CSS中的background-position属性来显示大图片中的特定位置。 用来降低HTTP 连接请求数. 提高网页加载速度，尤其是网页上有众多小图片时效果显著

地址1：http://www.csssprites.com/

地址2：http://spritegen.website-performance.org/

7.CSS圆角生成器

地址：http://www.spiffycorners.com/

Related posts:

  1. PR=10 网站列表
  2. 使用JS让链接从新窗口打开
  3. IIS日志配置方案

]]> http://www.biaodianfu.com/zaixianzhanzhanggongju.html/feed 0