IT 业“国产自主开发”：扶不起的阿斗
针对2014年4月8日起微软停止为XP推送安全补丁及系统修复，中国工程院院士倪光南称，这对中国是“重大的信息安全事件”，中国应尽快推出国产操作系统及其生态环境来替代XP。此类观点一直在国内颇有市场，但收效却大都事与愿违。 将“中国完全自主知识产权”做“卖点”的IT企业，其意只在讨好政府乞求赏赐，并不在意中国普通消费者 正 如前微软高管刘润所言，“中国自主”是民族感情的春药。很多企业都看到了这一点，于是纷纷号称“中国完全自主知识产权”，但这些企业实质上是把“中国自主 开发”的噱头当成“春药”卖给政府，换取政策、课题、资金等扶持，而不是把“功能体验”当成“产品”卖给市场。换言之，热衷“中国自主”的IT软硬件企 业，它们只在意如何讨好政府来换取专项采购和财政补贴，并不在意这种“自主”能如何投合中国的普通消费者。在这种趋势下，有的企业和开发者仰赖于“核高 基”等项目专项基金、政府采购订单，一旦失去政府哺乳就破产重组。更有的开发者为了汲取政府的科研项目拨款，陷入知识产权纠纷，甚至直接抄袭、剽窃他人的 研究成果。 2006年，“中国首个有自主知识产权的DSP芯片”“汉芯”被曝造假，是将美国原产芯片商标磨掉后重新贴标伪造而成 关 于“国产自主”的软硬件开发，除去最近饱受争议但尚未被证实的“COS智能手机操作系统窃自HTC”以外，最臭名昭著的就是“汉芯造假”事件。原上海交大 博导陈进领头，于2003年——2005发布了“汉芯”系列芯片，官方宣称“这是中国国内首个具有自主知识产权的DSP芯片，达到国际先进水平”。 2006年1月，匿名举报人在清华BBS公开发帖，揭露陈进造假，在美国购买摩托罗拉芯片，然后雇佣民工将表面的MOTO等字样全部用砂纸磨 掉，再找浦东的一家公司将表面光滑的芯片打上“汉芯一号”字样，并加上汉芯的Logo，以此骗取中国政府一亿一千万元人民币的科研经费，到帐六千多万元。 举报人称自己手中有足够的证据，并已向官方告发。2006年5月12日，上海交通大学通报了“汉芯”系列芯片涉嫌造假的调查结论与处理意见，虽然如举报贴 一样从未披露造假细节，但直接宣布“陈进在负责研制‘汉芯’系列芯片过程中存在严重的造假和欺骗行为”。 2006年．“国产自主开发”“内核拥有自主版权”的“麒麟操作系统”被证实是抄袭美国开放源代码的FreeBSD操作系统 “国产自主开发”桌面操作系统软件“麒麟操作系统”也曾被证实是抄袭和剽窃的产物。这款操作系统由中国国防科技大学、中软公司、联想公 司、浪潮集团和民族恒星公司合作研制，是“863计划”重大攻关科研项目，在“863计划”《信息领域专项："软件重大专项"第一期课题申请指南》中，对 “麒麟系统”的要求指标第一项就是“内核拥有自主版权”，官方也将其宣传为“中国独立研发成功”和“拥有完全自主版权的内核”的操作系统。据称这一项目经 费达8000万人民币。 但2006年4月27日网友Dancefire在一篇技术分析文章中指出，通过对网上公开下载的麒麟操作系统简化版 进行反汇编，麒麟操作系统简化版与美国开放源代码的FreeBSD操作系统5.3版本相似度竟然在90%以上，在源代码上的相似度高达60％以上，在函数 名上有99.45%的相似程度。该网友指出，照此结果，麒麟操作系统简化版仅仅是对开源的FreeBSD进行了一定的修改。面对抄袭的指控，麒麟官方在之 后发布的《关于银河麒麟操作系统的说明》中承认采用FreeBSD的代码：“……银河麒麟操作系统的系统服务层从SVR4.2 升级到当时正在研发中的FreeBSD 5.0，由于银河麒麟的系统服务层是基于FreeBSD 5.0……”“…..银河麒麟的核外软件，大部分是直接采用Linux 的核外软件……”。 2005年，国外专业调研机构称“龙芯处理器架构与美国MIPS 近似度达95%”。中科院在否认抄袭后，2006年从“意法半导体”取得MIPS64架构许可使用权，2009年直接从美国MIPS取得其MIPS32与MIPS64架构的授权 中科院计算机技术研究所开发的“龙芯”CPU的 名声比前两者稍好，因为官方和中科院一直没松口承认“龙芯”直接剽窃或侵犯其他公司的知识产权，但“龙芯”的知识产权争论持续数年方才告终。2005年7 月，专业半导体调研机构In-Stat发布独立分析报告称，龙芯处理器架构与美国MIPS 近似度达95%，龙芯二号处理器与美普思10年前推出的产品非常相似。中科院立即否认龙芯2号是抄袭作品，声称是中国人自主研发而成，有意避开了国外已有 专利。但2006年，中科院计算所与拥有美普思授权的“意法半导体”达成合作，合作内容之一就是MIPS64架构许可使用权。时任中科院计算机研究所所长 李国杰当时也称，双方签署的不是代销协议，而是技术许可协议。2009年6月17日，中科院计算技术研究所直接与美国美普思(MIPS)签约，获得其 MIPS32与MIPS64架构的授权，宣布“将借此开发龙芯CPU”。中方此举，实在脱不了在知识产权上有“先上车后补票”的“变通”嫌疑。 据“中科红旗”的大股东中科院软件所称，“中科红旗”2010年、2011年收入主要来自“核高基”项目，2012年“核高基”项目资金用尽，资金链就断裂 除 了等而下之的剽窃，更多“国产自主开发”的软件公司仰给于政府“哺乳”，一旦“断乳”即告“断气”。例如开发“红旗Linux”操作系统的“中科红旗”公 司一失去“核高基”的补贴，没多久就宣布解散清盘。“核高基”是国家科技重大专项“核心电子器件、高端通用芯片及基础软件产品”的简称，主要目标是“芯 片、软件、电子器件领域，攻克一批关键技术、研发一批战略核心产品”。根据在“中科红旗”解散前与之反目的大股东中科院软件所的披露，“中科红旗”一直经 营困难，每年的市场收入不超过1000万元，2010年和2011年的收入主要来自“核高基”项目，在2012年下半年，由于“核高基”项目资金基本用 尽，才曝出了资金链断裂问题。抛开纠纷问题。由于中科院软件所是“中科红旗”大股东，其公布的“中科红旗”多年1000万左右的市场营收数据相对可信。否 则如果“中科红旗”如果的确真的如员工自称的那样“市场规模不断扩大、一直在盈利”，对于股东来说，大概不会跟利润分红过不去。 开发“永中Office”的“永中科技”公司，运转几乎完全依靠财政拨款与政府采购，甚至只根据政府补贴数额制定研发预算，自身不配套资金 曾 经号称要挑战微软Office垄断、开发出“永中Office”的“永中科技”公司，其生存也主要依靠政府的输血。根据《中国经济周刊》2011年的报 道，2004—2006年，“永中科技”收到政府部门采购的金额有3000多万元人民币。而根据“永中科技”创始人曹参向媒体提供的数据，永中科技 2007年销售业绩为549万元，2008年仅为360多万元。曹参还称，“永中科技”只根据政府补贴数额制定研发预算，自身并未配套资金。而在“永中科 技”的发展历程中，国家和地方政府部门的先后投入接近1.5亿元，其中无锡地方政府先后以资本、科技拨款、担保、借款等方式投入人民币6000余万元，国 家部委、省有关部门以科技拨款和贴息借款等方式投入8000余万元。这种经营状况下的公司显然无法长久持续，2010年12月，无锡市人民法院裁定“永中 科技”公司破产清算。 六十秒读懂专题 IT软硬件业界的“中国自主开发”噱头，实质多是讨好政府乞求专项采购和财政补贴，并不在意这种“自主”能如何投合中国的普通消费者。所以将“中国完全自主”作为“卖点”的企业和开发者或是只能靠“核高基”补贴维系资金链，或是直接剽窃他人研究成果来换取课题拨款。 from:http://www.oschina.net/news/48958/it-make-in-china
View Details12个令人印象深刻的JavaScript和HTML5的内容呈现框架
随着网页开发的指数式增长，越来越多的人投身到其中并贡献了诸多精美的网站。这些伟大的网站也许不同于那些不同的商业视角并且它们可以在各种行业做出贡献。随着网站开发领域的迅速改变和成长，为了简化日常开发工作以及拟定良好的开发规范，很多开发人员引入新技术。如果我们从业务的角度来看，有许多不同类型的企业强烈需要在他们的网站上实现内容呈现。 内容呈现是一个表现总体印象的视觉细节的基本方式。基于这个目的各种不同的语言像Javascript，HTML5 都可将这些特性嵌入到网页钟来。但是手动做这项工作着实耗费时间，为了更好的完成这项工作，开发者提供了基于框架的灵活方式来将它应用与网页中。甚至最好的开源平台WorkPress同样提供了灵活的方式来在网页中使用内容呈现。 在这些框架和函数库的帮助下，内容呈现网页的制作变得更简单和方便了。现在在 web 上有很多 JavaScript/HTML5 的内容呈现框架，用来帮助创建现代化布局的内容呈现 web 页面。这些 JavaScript 和 HTML5 内容呈现框架是创建现代化浏览器演示文稿最简单的方式，也是 web 开发者能更好的开发 web 应用方式。让我们来看看下面要介绍的 30+ JavaScript/HTML5 内容呈现框架，欣赏完后不要忘记跟大家分享你的经验和最喜欢的框架或者函数库，说说你喜欢的理由哦：） 1) 内容呈现框架 – Deck.js Deck js 是给人印象最深刻，最高级的 HTML 内容演示框架之一，有着许多新的令人惊叹的功能和特性来展示用户的幻灯片。 2) 内容呈现框架 – Tacion.js Tacion js，是个 jQuery 移动端框架，帮助用户创建一个实时的内容演示文稿。 3) 内容呈现框架 – Fathom.js 这个内容呈现框架是用 CSS 风格的 HTML 来创建幻灯片放映模式，使用带有一些 jQuery 驱动的 javaScript 去控制幻灯片放映的效果。 4) 内容呈现框架 – Impress.js Impress js，这是带有迷人的界面风格和许多创造性功能的最让人难以忘怀的 HTML/javascript 内容呈现框架。 5) 内容呈现框架 – Reveal.js Reveal js，是个 HTML 内容呈现框架，提供现代化的滑块功能，帮助用户创建独特的幻灯片放映效果。 6) 内容呈现框架 – Presenteer.js 7) 内容呈现框架 – Jmpress.js jmpress 也是众所周知的让人印象深刻的内容呈现框架。 8) 内容呈现框架 – DZ Slides DZ Slides 是使用最新的 HTML5 和 CSS3 技术去创建用户的内容呈现框架。 9) 内容呈现框架 […]
View Details30 个免费的响应式 HTML5 CSS3 网站模板
网站模板这种东西根本无需任何文字介绍，有图才是真相！ Free Retina Ready Responsive App Landing Page Website Template Demo| Download Flat Design Portfolio Template Demo| Download Brushed | Responsive One Page Template Demo| Download Big Picture HTML5 Template Demo | Download Tesselatte – A free responsive site template Demo | Download OVERFLOW Demo | Download Runkeeper a mobile app Responsive web Template Demo| Download Pinball Responsive Grid Style Blog Flat web template Demo| Download Bak One singlepage Flat Corporate Responsive website template Demo| Download Free HTML Template Andia Demo| Download Free Template Produkta: 4 HTML Templates in One Demo| Download Website – HTML5, CSS3, jQuery […]
View Details为开发者准备的 15 个最棒的 JavaScript 动画库
jQuery给各种效果带来了无限的可能性，他有着简单的、启发性的API，你可以利用它创建你能想到的、甚至你想象不到的效果（有赖于你的创造力和想象力）。 富有创造力的jQuery使用可以为网页设计带来丰富的动画效果，增强用户的视觉体验——显然，继续创建吸引人的网页特效可以为你创造更多的回头客，这些魔幻般的效果在以往只能用Flash实现。 这一次，我们想向你介绍一些jQuery动画方面的创新使用，让你的工程、网站和应用收益。 祝你愉快！ 1. Tween JS TweenJS 是一个简单的 Javascript 补间动画库。开发初衷是可以很好的集成 EaselJS 库，但又不依赖于或者限定于它。它支持根据数值对象的属性和 CSS 样式的属性进行补间动画。API 简单而强大，可以很容易的通过链接命令构造复杂的补间动画。 Tween JS 2. Jsanim jsAnim 是为网站所用的动画库，效果平庸，实现笨拙粗劣，牺牲了标准与亲和力，大小以至于达到庞大的 25k 字节。 Jsanim 3. Animo.js Animo.js 是个小巧但强大的管理 CSS 动画的工具。它的特点有：叠加动画，创建跨浏览器的模糊效果，动画完成后可执行回调函数。 Animo.js 4. Move.js Move.js 是一个小巧的JavaScript库，能使利用CSS3支持的动画变得非常简单和优雅。 Move.js 5. Collie Collie 是一个有助于使用 HTML5 创造高度优化的动画和游戏的JavaScript库。它可以运行在能够使用HTML5画布和DOM的PC和手机上。它可以稳定地处理使用渲染管线的多个对象，支持包括精灵动画和用户事件等的有用功能。能够稳定支持iOS和Android，并为每个平台以优化的方法呈现。也很容易对视网膜显示器提供反应。 Collie 6. Minified.js Minified.js是一个体积小(<8kB)功能强的客户端JavaScript库。它提供了类似于jQuery的功能(DOM操作、动画、时间、HTTP请求) 和其他功能(集合、日期&数字格式化、日期计算、模板)，并有着简单明了的API。 Minified.js 7. Rekapi Rekapi是一款JavaScript关键帧动画库。它提供了一套API让你可以定义关键帧动画并控制动画播放。Rekapi并未指定渲染行为。事实上，Rekapi的内核并为执行任何渲染操作。它提供了一个API来定义渲染器，标准的发行包包括HTML DOM和HTML5 2D Canvas渲染器模块。 Rekapi 8. Snap.svg SVG是建立互动的一个很好的方式，独立于分辨率的矢量图形会在任何屏幕看起来都很棒。Snap.svg 这个JavaScript库，使你的SVG资源使用起来就象用jQuery操作DOM一样容易。Snap.svg专为现代浏览器设计，因此支持最新的SVG特性，如遮蔽，裁剪，模式，完整的梯度，分组，和更多。 Snap.svg 9. Favico 想给你的网站图标 favicon 添加徽章、图片，甚至是视频吗？ Favico.js可以简单地为你的 favicon 图标添加动画的徽章，或从一个图像（视频，甚至是从你的网站的访问者的网络摄像头）飞快地创建 favicon。 Favico 10. Textillate.js Textillate.js 是一个针对 CSS3 文本动画的简单插件。它融合了一些很棒的库，成为一个易用的对任意文本应用CSS3动画的插件。 Textillate.js 11. Firmin Firmin 是一个 JavaScript 动画库，它使用 CSS 的转换和过渡功能来创造光滑的、带有硬件加速的动画的 Firmin 12. […]
View Details20 个具有惊艳效果的 jQuery 图像缩放插件
jQuery相对与Flash的魔力已经贯穿整个网络。尽管，Flash层被认为是用于网页设计的首选，然而随着jQuery的出现，以及他的酷似Flash的交互式特效使得网页更加的优雅——Flash开始靠边站了。 相比笨重的Flash，使用jQuery可以轻松的创建复杂的自定义动画效果以及提供友好的SEO，因此在两者之间的选择也就是明摆着的事儿了。 一些酷炫的jQuery 图片效果，类似于不同方向滑入，轻松添加动画，掷入、排序、放大效果，摇拍，图片拍摄效果，滑动效果以及大量其他的仅仅需要少量编码的特效使得jQuery称为开发者和网站制作的首选。 下面的jQuery插件对含有需要大量空间的巨型图片的网站非常有用–通常有这样沉重的图像负载的网站，其加载过程会非常慢，但通过这些 jQuery 图像插件，图像不仅能够用无限的特效呈现视觉刺激，而且页面加载的速度也会达到标准。 这里介绍的是20个jQuery图像缩放插件的演示，它们可以描绘出无数的图像效果，可以被利用来为最终用户提供一个更诱人的视觉体验。享受它们吧！ 1. ElevateZoom ElevateZoom是一个可以轻松创建图像缩放界面的高度可定制jQuery插件。它可以对一个单独的高品质图像或两幅图像（一个缩略图和一个高品质版本）进行工作。缩放窗口可以放置在页面（或图像）的任何部分，还有一个选项可以内置缩放以节约视觉空间。 2. Mlens mlens，是一个很小的jQuery插件（minified 和 gzipped 之后只有约 1KB），简化创建了这个放大镜的很多功能。它有几个参数，如镜片的形状（圆形或方形）、镜头的尺寸，以及定制边界的选项。它的多个实例可以用在同一页面，其WordPress插件正在开发中。 3. Cloud Zoom Cloud Zoom 是许多高知名度的零售网站都使用的一个横空出世的流行jQuery图像缩放插件。持续改进，定期更新和技术支持使它成为那些为了客户而需要一个成熟、可靠的jQuery图像缩放解决方案的忙碌开发者们青睐的选择。 4. Nivo Zoom Nivo Zoom 是一个类似Lightbox但更为简单的图像缩放jQuery插件，来自流行的 Nivo Slider 的开发者。此插件是轻量级的（压缩后只有4KB），只集中在图像上，并配备了一堆的设置。它支持5种不同的变焦类型，并可以显示图像的标题（能很好处理长文本）。 5. FancyBox FancyBox 是一个可以为你网页上的图像、HTML内容和多媒体提供漂亮和优雅的缩放功能的工具。它建立在流行的JavaScript框架jQuery之上，易于实施和定制。 6. Zoomy Zoomy 是一个快速和易于集成的插件，可以放大任何图片。它是一个灵活的缩放插件，可以用于同一图像的两个拷贝，或者一个链接到其自身的图像。大多数的CMS系统会保存或创建同一图像的多个尺寸版本，所以它可以被轻松设置。只需在所显示的较小的图像上链接较大的放大图像，并告诉插件缩放时使用该链接即可。这只需要一点点脚本。 7. EasyZoom EasyZoom 是一个优雅的、高度优化的jQuery图像放大和平移插件，它基于 Alen Grakalic 的工作。EasyZoom 支持触摸式设备，并很容易用CSS定制。 8. jQuery Zoom jQuery Zoom 是一个jQuery的小插件，用于在 mousedown 或 mouseover 时放大图像。它已经在 Firefox，Safari，Chrome，Internet Explorer 6、7、8、9，和 Opera 11 下测试通过。它遵循MIT协议发布。 9. Zoomooz.js Zoomooz.js 是个易用的可以对任意网页元素进行放大的jQuery插件。你只要对任意 HTML 元素添加名为“zoomTarget”的class，就可以对其添加放大效果。放大可以通过点击body来重置。它在Internet Explorer 9, Safari 3+, Firefox 3.6+, Opera 和 Chrome 上测试通过。 10. Easy Image Zoom Easy Image Zoom […]
View Details15 个可提升编码技能的 JavaScript 工具
JavaScript库是一些预先编写好的JavaScript文件集合，用来让JavaScript应用开发更加便捷，尤其是AJAX和其他web开发。JavaScript的最主要用途是编写HTML中嵌入的函数，对页面的DOM(Document Object Model)进行操作。 本文中我们整理了 15 个JavaScript工具，来帮助你提高编码技能，更快、更轻松地完成工作。以下JavaScript工具可以帮助你管理Javascript状态，压缩你的javascript代码，重构script代码结构，等等。我们希望这个工具列表方便而有用。如果你了解其他的javascript工具，请在评论中提出，我们期待你的建议。阅读愉快！ 1. JavaScript 状态管理器 Simple State Manager(SSM) 是一个为响应式网站设计的，轻量级而易用的JavaScript状态管理器。它不依赖任何JavaScript框架，是能让页面布局代码更整洁的良伴。你可以设置断点，然后打包全部的JavaScript从这个断点开始执行。一旦遇到了下一个断点，SSM会禁用之前的状态代码，触发执行新的状态代码（所以你不用手动切换）。这个管理器有完整的API，debugger和用于后续扩展的插件支持。 2. jsMini 如果你想快速而方便地压缩你的JavaScript或jQuery文件，用jsMini吧。只需复制粘贴你的源代码，选择基本压缩或是完全压缩，就能得到压缩好的代码。 3. CountUp.js CountUp.js 是一个无依赖，轻量级的JavaScript“类”，用来快速创建有趣的数字显示动画。尽管叫这个名字，countUp可以正数也可以倒数，取决于你传入的 startVal 和 endVal 参数。包括Bower和Component .json文件，并有coffeescript版本。 4. Grasp Grasp帮助你基于代码结构来查找、替换和重构JavaScript代码。它比普通的查找替换更为强大，让重构更方便，并且允许你执行一行的基本宏。 5. Gulp.js Gulp.js 是一款流式(streaming)项目build系统。它使用node.js的stream，主张代码优先于配置，因此使build流程更简单、直观。因为它以代码而不是配置为中心，gulp得以化繁为简，同时简单的工作仍然简单。 利用强大的node.js的stream，可以享受快速的build流程，不需向磁盘写入中间文件。Gulp 严格的插件指导原则保证插件保持简洁，让你得心应手。精简的API帮你迅速上手。从此build流程如同你想象的那样：一系列stream之间的pipe。 6. Orcrad.js Ocrad.js是一个简单的OCR程序，可以识别图片中的文字。它是Ocrad项目的纯JavaScript版，总体大约1MB，不依赖大规模训练。 7. Headroom.js Headroom.js是一个轻量级，高性能的JS widget (不依赖任何框架！) 帮你响应用户对页面的滚动。向下滚动时，header滑出界面；向上滚动时，header滑入回来。Headroom.js帮助你在恰当的时间将元素带入界面，其他时间让用户的注意力集中在页面内容上。应用headroom.js真的很简单。它有纯JS的API，以及可选的兼容jQuery/Zepto和AngularJS的插件. 8. Jiko Jiko 是一个先进和易于使用的JavaScript的模板引擎。它的目的是为JavaScript程序员提供一种能够使用和服务端的艺术模板引擎（如Jinja 和 Mako）一样强大的引擎来编写JS模板的途径。 9. FileAPI FileAPI 是一个庞大的几乎任何与文件有关的JavaScript工具的集合。它提供了单个/多重文件上传的很多功能：支持拖放，图像裁剪、缩放，应用过滤器，获取文件信息和其它一些功能。该工具是独立的，带有一个在服务器端实现处理行为的PHP类。同时，对于不支持（上传和相机）的浏览器可以快速回退。而且它有详细的文档。 10. Object Playground Object Playground 是一个能使JavaScript对象可视化和被实验的工具。它就在你的浏览器中运行，使用很方便。 11. Echo.js Echo 是一个独立的JavaScript图像延迟加载工具。Echo 运行很快，使用HTML5的 data-* 属性。它不支持IE8以下版本。echo.js使图像延迟加载变得很简单，而且压缩代码之后只有不到1KB，而且不依赖于jQuery/Zepto或其他JS库。 延迟加载是只当目标元素要显示在视图中时才加载其所需资源。它只是通过简单地改变图像的src属性就可以自动向服务器发起请求并得到该资源。这也是一个异步过程，有利于加载和浏览。 12. jsComplexity 想知道你的JavaScript代码有多复杂么？用Analysis运行自己看看吧。代码中复杂性存在的越多，出bug的机会越多，所以你所能做的就是简化代码来提升性能及可靠性。 13. Chance.js Chance是一个随机字符串、数字等的简约生成器，它能够帮助减少在编写自动化测试或其他任何需要随机场景时的单一性。Chance是个开源软件，在开发及商用均友好的MIT许可下发布。Chance在本网站上已加载，你可以打开你浏览器console试一下！ 14. Bookmarkfiy Bookmarkify 可以使你创建自己的书签脚本工具变得非常简单。只要命名你的书签脚本，然后输入它对应的要执行的代码，执行功能按钮，把结果收藏到书签中就可以了。（译者感觉对于一般比较简单的书签脚本来说完全是画蛇添足，对于某些特殊和代码量较大的脚本可以考虑） 15. David David 是一个让你能得到节点依赖概观的工具。它为每一个依赖的现状创建一个徽章标记来显示。你可以选择把它嵌入在您的网站上。 from:http://www.oschina.net/translate/javascript-tools-improve-your-coding-skills
View Details15 款优秀的 HTML5 jQuery 插件
如果你在寻找能优化网站，使其更具有创造力和视觉冲击的工具，那么这里刚好要介绍能为博客或者网站添彩的 jQuery 插件。在这篇文章中我们手机了一系列的令人兴奋的HTML5 jQuery 插件，帮助你创建更具吸引力，更漂亮的网站和博客。从改善标准 HTML 列表的易用性到在网页上放置 HTML5 驱动的音频播放器，以下的 jQuery 插件能为你的网站提供各种各样强大的功能。好好欣赏下面的 HTML5 jQuery 插件列表吧，希望大家能喜欢这篇文章，在列表中找到对你有用的 jQuery 插件。 1. Dynatable Dynatable 是个 jQuery 插件，能很好的改善标准 HTML 列表的可用性。一旦初始化，插件就会通过列表的行和列转换成 JSON 对象数组，时刻准备操作。它可以提供强大的排序，过滤，分页或者是搜索 API，同时可以用简单的方式处理所有操作，可以被用于其他架构的 HTML 元素，比如 list。 2. Least.js Least.js 创建随机响应式的 HTML5 和 CSS3 图像库，包括 Lazyload。它非常容易安装和使用，而且最终效果都是非常华美和漂亮。 3. Echo.js Echo 是个独立的 JavaScript 延迟加载图像工具。Echo 使用 HTML5 data-* 属性，速度非常的快。Echo 可以在 IE8+ 的浏览器运行， 它是非常简单的图像延迟加载工具，大小最小为 1KB ，是个 library agnostic（没有 jQuery/Zepto/other） Lazy-loading 只会在元素将要被查看时才会请求从服务器中加载图像，通过简单的修改图像 src 属性就可以自动运行。同时这也是异步操作的一个优势所在。 4. Slippery Slippry 是个 jQuery 图像库插件，拥有很多现代化时尚元素。首先，它使用 HTML5-CSS3 标记，在响应式布局（可选）上运行的非常好。它可以变成 Sass 或者是 CSS 样式，有多种转换选择，其中包括 Ken Burns 效果。 滑块可以设置为自动滑动，显示标题，后退-前进+导航控制。它提供重大事件函数的回调，多个示例和一个详细文档。 5. jQuery. Deviantartmuro jQuery.deviantartmuro 是个 jQuery 插件，提供方便的 deviantART muro HTML5 绘制应用的嵌入式 API 封装，允许用户提供图片绘制和编辑的第三方网站。网站上嵌入的 deviantART muro 允许用户从网站传递图片到 […]
View DetailsWeb 开发者必备的 14 个 JavaScript 音频库
网页设计可能是现在最有趣的领域之一了。这块的东西对所有的人，不管是知识储备里有料没料的，都敞开大门，机会多多哦。 其最大的特点就是随着时间的推移，实践的深入，你可以慢慢学习着成为一个大鸟。 涉足这个领域，Google将会是你最好的导师，同时她也将毫无偏颇的对你的水平进行评价。设计并不全是铁定的要为应用程序的创建或者编程语言的一些逻辑应用进行大量的编码工作。她更像是创造力同逻辑代码的结合，从而可以使您开发出可以用美丽来评价的东西。 在网页设计的领域，玩转你手中工具的过程中也蕴藏着巨大的机遇。有趣的是，特定开发者存在的原因就在于并不是每一个人都同时具备编写逻辑代码的技能，并且拥有风格的艺术创造能力。 因此，在这种情况下我们就可以理直气壮的认为拥有两种技能的人机遇最大，他们 在这个领域比其他人更有机会收获成功。现在需要意识到的一个最重要的问题就是一个人类，或者让我称之为人，不会同时拥有所有的素质。这就是为什么从主要的编程语言角度来考虑，我们也会有对开发方面需求的原因。 这意味着更好更新的代码段和工具将会对开发者有帮助。一个开发的部分的 存在，在这个领域中就相应会有大量对新事物的需求，就像我们在这里将要讨论的音频效果。 老实说，向站点中加入音频效果会很有用处，这仍然是目前最好的开发者需要经历的一个发展阶段之一。现在喜爱使用Javascript进行设计的人拥有了发挥音频特性的基础设施，这就证明了它是一个可以推动网页设计向前发展的巨大舞台。这可能是网页设计领域加入的最新的也是最酷的东西之一，并且毫无疑问的事实是它将保持一个更长的发展时期。 1) JavaScript 音频库 – Buzz Buzz 是一个小而强的 Javascript 库，能让你方便的利用上新的 HTML5 音频元素. 在非现代浏览器上它会悄悄的消失掉. 2) JavaScript 音频库 – Timbre js Timbre.js 提供了一种采用像jQuery和node.js采用的那种现代Javascript使用方式来处理和合成音频的功能. 他有许多的 T-Object (正式的称呼是: 音色对象Timbre Object)，可以连接起来为整体的音效渲染定义基于图形的路由. 3) JavaScript 音频库 – jPlayer 4) JavaScript 音频库 – Annyang Annyang 是一个可以让你的访问者用语音命令操作你的站点页面的小巧的js库. Annyang 支持多种语言，但是没有其他依赖，仅重2kb，并且免费. 5) JavaScript 音频库 – Sound Manager 2 With the help of在 HTML5 和 Flash 功能的帮助下, SoundManager 2 基于单一的Javascript API提供可靠的跨平台音频支持. 6) JavaScript 音频库 – Plivo Plivo WebSDK 允许你直接从任意的web浏览器发送和接收声音. 他们提供了一个页面 SDK ，而在 SDK 的帮助下你可以创建像 Click to Call, Conferencing Apps 以及甚至像 Webphones 那样的应用程序. 7) JavaScript音频库 – SoundJS Javascript音频库SoundJs提供了简单的API和强大的功能，适合用于处理音频。 8) JavaScript音频库 – jWebAudio Web Audio可以被用于网络应用中声音的处理和同步。jWebAudio隐藏了Web Audio的技术细节，让控制音频变得更容易。 9) JavaScript音频库 – ION Sound 10) Howler js – 现代Javascript网络音频库 11) JavaScript音频库 – Fifer js 12) JavaScript音频库 – Twilio js Twilio.js让你在浏览器和Twilio应用之间建立音频连接。你可以在浏览器里使用主动或被动音频连接，以此构建网络电话、对讲机、网络会议、即时通话系统等等应用。 13) JavaScript音频库 – Audiolet 14) JavaScript音频库 […]
View DetailsAndroid 设置窗口全屏
设置全屏包括两个部分： 窗口全屏和Activity全屏。 窗口全屏 是指隐藏系统顶部用来显示时间、电量、信号等信息的标题栏 。 Activity全屏 是指隐藏程序的标题栏。我们可以通过修改AndroidManifest.xml文件来实现。 1.窗口全屏fullscreen.java代码如下: package wzhnsc.test.style; import android.app.Activity; import android.os.Bundle; import android.view.Window; import android.view.WindowManager; public class fullscreen extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //不显示程序的标题栏 requestWindowFeature( Window.FEATURE_NO_TITLE ); //不显示系统的标题栏 getWindow().setFlags( WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN ); setContentView( R.layout.main ); } } 2.修改 AndroidManifest.xml 我们可以修改activity或application的属性值来实现。 具体可以根据自己的情况来设置，两者区别如下: 1)activity: 只针对当前的Activity全屏。 2)application:所有的Activity都会全屏。 AndroidManifest.xml 内容如下: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="wzhnsc.test.style" android:versionCode="1" android:versionName="1.0"> <application android:icon="@drawable/icon" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar.Fullscreen"> <activity android:name=".fullscreen" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar.Fullscreen"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> </application> <uses-sdk android:minSdkVersion="1"/> </manifest> from:http://blog.sina.com.cn/s/blog_4c451e0e010133ab.html
View DetailsWebView控件基本使用
这一期创新，我们来谈谈浏览器控件即WebView。先说什么是webView控件吧。 WebView是一个浏览器控件，通过这个控件可以直接访问网页，或者把输入的HTML字符串显示出来，功能比较强大，有以下几个优点： 1、功能强大，支持CSS，Java script等HTML语言，这样页面就能更漂亮。 2、能够对浏览器控件进行非常详细的设置，比如字体大小，背景色，滚动条样式等等。 3、能够捕捉到所有浏览器操作，比如点击URL，打开或关闭URL 4、能够很好的融入布局。 5、甚至webView还能和JS进行交互。 在使用webView时，我们要先取得一个webView实例，如下： WebView browser=(WebView)findViewById(R.id.webkit); 取得实例后，我们要给browser定义一下WebSettings，WebSettings是WebView的具体设置类，可以对WebView进行非常详细的设置。 WebSettings bs = browser.getSettings(); 取得了webView设置对象。 下面开始设置浏览器控件，几个最常用的设置如下： 1、bs.setSupportMultipleWindows(false); 浏览器不支持多窗口显示，意思就是说所有页面在单一窗口打开，这样避免了页面布局控制显示问题，也便于操作控制页面。 2、bs.setSupportZoom(false); 页面是否可以进行缩放。 3、bs.setBlockNetworkImage(false)； 是否阻止图像的显示 4、bs.setCacheMode（）； 设置缓存的模式，分为几种： LOAD_CACHE_ELSE_NETWORK 当本地没有缓存时，从网上下载 LOAD_CACHE_ONLY 只读取本地缓存 LOAD_DEFAULT 默认的缓存模式 LOAD_NORMAL 一般的缓存模式 LOAD_NO_CACHE 不读取缓存，所有内容均从网络下载。 5、bs.setJavaScriptEnabled(flag)；是否支持JS。 其他比如设置字体等更不必详说，通过设置我们可以获得一个我们需要的浏览器窗口。 接着，我们还需一个类来继承WebViewClient，这个类用来监控浏览器的一系列事件。 webNotify wn = new webNotify(); browser.setWebViewClient(wn) 下面列举比较常用的4个事件： 1，接收到Http请求的事件 onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) 2，打开链接前的事件 public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } 在这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。 3，载入页面完成的事件 public void onPageFinished(WebView view, String url){ } 同样道理，我们知道一个页面载入完成，于是我们可以关闭loading条，切换程序动作。 4，载入页面开始的事件 public void onPageStarted(WebView view, String url, Bitmap favicon) { } 这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。 通过这几个事件，我们可以很轻松的控制程序操作，一边用着浏览器显示内容，一边监控着用户操作实现我们需要的各种显示方式，同时可以防止用户产生误操作。 最后我们的浏览器设置好了，可以监控操作了，于是打开一个网址： browser.loadUrl("http://www.baidu.com/"); 当然也可以是自己设定的一段html字符串，当然你的URL要符合规范。 browser.loadDataWithBaseURL（） 如何和JS进行交互 到这里基本的webView的基本使用介绍完毕，接下来我们来讨论一下webView如何与JS进行交互，这个功能非常强大，能够做出很多意想不到的事情。 首先我们在页面里有这么一段JS代码： <html> <script language="javascript"> function wave() { document.getElementById("droid").src="android_waving.png"; } </script> <body> <a> <img id="droid" src="android_normal.png"/><br> Click me! </a> </body> </html> function wave()就是我们要调用的函数，首先要让browser能与页面进行交互bs.setJavaScriptEnabled(true);（ 让浏览器支持JS） 接着： browser.addJavascriptInterface(new Object() { public void clickOnAndroid(){ mHandler.post(new Runnable(){ public void run() { mWebView.loadUrl("javascript:wave()"); } }); } }, "index"); 这里的重点就是addJavascriptInterface(Object obj,String interfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是 interfaceName，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过 javascript:window.demo访问到绑定的java对象了。 到此为止，我们就能在自己的浏览器里实现html页面里面的js 代码了，具体能实现什么功能这里就不做详细举例了，实用中就会发现，这个功能很强大。 from:http://wenku.baidu.com/link?url=lts8Sg3KWlu5M4l_dnGiL2rQ6ClPvGjW2ryKni3DSjv3J8WjSgJ9X0mwPk4KAGwJO9YUEaiZ8Kqv6lRTWe0pIfFORZVAQtrfqOMucBj2WLO
View Details