All posts by 龙生
禁止浏览器缓存
html: <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-store, must-revalidate"> <meta http-equiv="expires" content="wed, 26 feb 1997 08:21:57 gmt"> <meta http-equiv="expires" content="0"> asp response.expires=0 response.addheader("pragma","no-cache") response.addheader("cache-control","no-store, must-revalidate") php header("expires: mon, 26 jul 1997 05:00:00 gmt"); header("cache-control: no-store, must-revalidate"); header("pragma: no-cache"); jsp： response.addheader("cache-control", "no-store, must-revalidate"); response.addheader("expires", "thu, 01 jan 1970 00:00:01 gmt"); 转自：http://www.oschina.net/code/snippet_81226_7660
View Details
2014 年 15 款新评定的最佳 PHP 框架
通常，框架都会被认为是帮助开发者快速设计和开发动态网站的软件应用。每个月都有极大数量的新发布的 PHP 框架，使网站开发更简单更高效。 如果你是位 PHP 开发者，正在寻找当前最好的一些 PHP 框架来帮助开发你的项目，那么这里正是你要找的地方。在这篇文章我们会介绍 15 款最好的 PHP 框架，这些框架都是最新评定的，可以大大的简化你的开发任务。这些 PHP 框架可以帮助开发者快速设计和开发各种跨浏览器的动态网站和 web 应用，最后，希望你能在这些列表中找到你想要的 PHP 框架，Enjoy !! 1. Yaf : Yet Another Framework Yaf 是第一个 PHP MVC 框架，用 C 语言编写，作为 PHP 的扩展来创建的。它被认为是最快和最低资源消耗的 PHP 框架，经过了良好的测试，并且现在已经很成功的应用在很多 web 项目上。 2. Nette Framework Nette Framework 是个现代化风格的 PHP 框架，对安全进行了革命性的改进，使用面向对象的设计理念，非一般的性能表现和超级简单的学习曲线。除了这些之外，它还有个非常活跃的社区，给予用户足够的灵活性。 3. Guzzle Guzzle 是个 PHP 框架，又是个 PHP HTTP 客户端，用来创建 RESTful web 服务客户端。它的主要特性是通过服务描述快速创建客户端；尽可能高效的批量发送大量的请求；持久性连接和并行请求；其他更多的功能。 4. Behat Behat 是个行为驱动的开发（BDD）框架，允许用户编写便于人们阅读的故事驱动代码，描述该应用应该怎样工作。任何人都能快速简单的掌握它的使用方法。 5. Phalcon Phalcon 实现了 C 的扩展，是个高性能，低能耗 PHP框架。它包括一个模版引擎，加密，分页，assets 管理和其他更多的工具。 6. Flight Flight 是个快速，简单，可扩展的 PHP 框架，允许用户快速简单的创建 RESTful web 应用。 7. Webasyst Webasyst 是个开源的 PHP 框架，用来开发时尚的多用户 web 应用和高级的网站。相对比其他框架，比如Zend 和 Symfony，它更注重于构建商业和给团队使用的 web 应用，更快更高效。 8. Medoo Medoo 是个轻量级的 PHP 数据库框架，帮助用户快速开发 web […]
View Details
站酷设计公开课：听韩雪冬谈网站设计——餐厅网站设计案例分享(原创文章)
站酷设计公开课 站酷设计公开课是由站酷网为设计师们量身策划的系列线上设计讲座。站酷网将会根据酷友们的需求不定期邀请各设计门类的人气设计师及设计高手和大家分享他们的设计心得和独门技巧。如果有您希望听到的课程或者您希望担任我们的主讲老师，欢迎在“站酷设计公开课”小组提交选题或报名。 站酷设计公开课无需提前报名，请在直播时，准时来到本页面，在教室界面中输入任意的户名，选择任意的头像登陆，即可在线听课，并在课堂上举手、发言，与主讲老师轻松交流。直播结束后24小时内，本页面会生成可随时查阅的该课程回放，供未参加直播的设计师学习。 友情提示： 1 直播时请大家注意维护课堂秩序，不要不断鼓掌或刷屏干扰课程进行，对于严重影响课堂秩序的听众，我们会将其移出课堂。 2 为了避免您的提问因为刷频没有被讲师看到，我们开辟了小组讨论贴，欢迎大家在这里 http://group.zcool.com.cn/post/ZMTAyMzQ1Mg==.html 向讲师提问，工作人员会将问题整理好后直接提交讲师解答，也欢迎大家课后继续讨论交流。 3 直播课堂容量为1000人，由于课堂容量有限，晚来的同学可能无法进入教室参加直播，请见谅。 4 未能参与直播的同学欢迎在本页面查看回放并在本帖留言评论与大家持续交流。 第五期 听韩雪冬谈网站设计 ——餐厅网站设计案例分享 直播时间：2013年7月3日（星期三）20:30 – 22:00 课程简介：三个定位迥异的餐厅，三个各具风格的网站设计方案，优艺客创始人，知名网页设计设计师韩雪冬带来设计实例分享。从定位开始，需求出发，从流程讲开，从元素应用到层次把握，为你打开网站设计思路。带着你的问题来，让我们一起谈谈网站设计。 讲课嘉宾：韩雪冬（kaven） 站酷网推荐设计师，优艺客（uelike）、uehtml酷站推荐平台创始人，世界权威电子设计杂志NEWWEBPICK推荐设计师，收录电子杂志（第29期），新西兰GOUW设计师平台收录。中国设计联盟2010-11中国十佳网页(互动)设计师及专访设计师，中国设计联盟2012-13中国十佳网页(互动)设计师评委。作品荣获欧美css设计奖项cssdesignawards。曾受邀为呱呱视频社区，飞信，创新工场做设计指导讲座和分享。 站酷主页：http://uelike.zcool.com.cn/ 优艺客（uelike）：http://www.uelike.com uehtml酷站推荐平台： http://www.uehtml.com/ 课堂案例： 作品传送门：http://www.zcool.com.cn/work/ZMjk2OTI4.html 作品传送门：http://www.zcool.com.cn/work/ZMTAxODEwMA==.html 作品传送门：http://www.zcool.com.cn/work/ZMjI4NTE5Mg==.html from:http://www.zcool.com.cn/article/ZNDcyODQ=.html
View Details
25 个免费的 HTML5 CSS3 jQuery 下拉菜单
25 个免费的 HTML5 CSS3 jQuery 下拉菜单，有图有真相，看图更直观！ CSS3/Javascript Pure Dropdown Menu A simple dropdown menu to use on your navigation or sidebar menu. Download Subway – Red Line Tiny simple transparent looking dropdown. Download Dropy | A Simple SCSS & jQuery dropdown Just a simple dropdown using SCSS and jQuery. Download Solution for Long Drop Down Items A scrolling dropdown solution made for long list of categories. Download Dark and Light Dropdown Lists A minimal dropdown list made in pure css and css only. Download Navigation dropdown with unfold […]
View DetailsIT 业“国产自主开发”：扶不起的阿斗
针对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 Details