简介 lightgallery.js 是一款功能齐全的纯 JavaScript lightbox 组件，它有以下特点： 支持响应式 模块化设计，内置插件 支持移动设备 支持缩略图 支持社交分享 支持视频 20 多种 CSS3 过度效果 支持全屏 使用 1、引入文件<link rel="stylesheet" href="css/lightgallery.css"> [removed][removed] [removed][removed] [removed][removed] 2、HTML ... 3、JavaScriptlightGallery(document.getElementById('dowebok'));查看演示 标签：LightGallery

轻量级在线表格（canvas ) 组件.zip,A web-based JavaScript（canvas） spreadsheet

详情: http://www.see-source.com/blog/300000024/10272.html

最近在学习kotlin，项目中正好用到了图片浏览，就用kotlin放照微信的做了一个，效果如下：大概就是这么个效果，图片从小到大的一个效果，然后滑动切换图片，点击后会返回对应图片的位置，其实比较容易，用到的是ActivityOptions，一个activity的转场动画，下面说一下怎么实现。github地址点这里关于kotlin的配置就不过多说了，网上好多教程（最近kotlin好火）布局就是一个recyclerviewmainactivity代码：可以看到就一个初始化布局管理器和设置适配器的代码没什么了（你说没看到初始化控件？看看这篇文章）到这里之前都很好理解，关键就是adapter和点击图片跳转的代码在API 21以后，我们可以使用内置的Activity切换动画。但是这样也就意味着只能兼容5.0之后的系统，ActivityOptions是一个静态类，它提供了为数不多的几种方法，我们正是用其中的makeSceneTransitionAnimation(Activity activity,Pair… sharedElements)来完成了这个效果，有兴趣的小伙伴移步至这里，先来说下传递的两个参数，第一个activity不用说，第二个pair,View是你开始动画的view对象，string是他的动画名要和结束动画的view名一致才可以，到这里应该可以理解，我们在创建适配器的时候给每个imageview起了一个transitionname当我们跳转至查看大图界面给当前的viewpage赋值相同的名称便能完成动画，然后在我们滑动时更改viewpage的transitionname为对应图片的transitionname这样在点击图片的时候就会显示对应图片的下标。

android开源项目源码，完整商城项目源码（服务端＋客户端） 内附开发文档，以及商城效果图 ECServer_D为服务端，ECClient_D为客户端

Hacker News本身也是开源的，为什么还要做iNews？初衷是什么？ 赵戈戈：Hacker News从功能和内容本身上来说是个很好的应用，我们最初也是想从开源入手 —— 直接使用，不过HN是甚于Arch实现的，我们对Arch 并不熟悉，所以决定自己写，以便功能扩展。 关于初衷。从产品上讲，要从我和搭档 @sofish说起。我们都是苹果的忠实用户，经常会互相分享一些应用，久而久之也就萌发了这个念头：做一个分享苹果新闻和应用的社区，对于苹果在中国这几年设备数据大增，应该有很多人跟我们有同样的需求，于是就开始做了；从技术上讲，它的结构类似于Hacker News，而外观应该更漂亮，并且要适合移动应用阅读。最终我们动手实现了它，并上线了http://inews.io。虽然现在还没有完全做到期望值，但最起码迈出了第一步；从程序本身来讲，上线了一段时间后，很多朋友看到都希望在自己站点上使用，后来越来越多的人寻求使用并提供建议，基于我们对开源的开放态度，最终决定放出来给大家使用。 iNews 在技术上是如何实现的？ 赵戈戈：iNews基于PHP，使用Mysql存储，phpmig进行数据库版本管理。框架上，后端采用了我自己写的Restful框架 Pagon来开发，前端使用了@sofish的 typo.css， validator.js等开源库。第一版本上线前我们希望从最基本的功能开始，上线 > 快速迭代。整个开发过程非常快，只用了一天半的时间就实现了。后续做了些优化和修复就上线了。在服务上我们也采用一些不错的第三方服务：用SendGrid发送邮件，用NewRelic做应用监控，用Dropbox做数据库备份等等。 这里再补充一点：从技术选型上，技术适应产品才是最重要的，不要强迫自己使用的是PHP 、Node或者Ruby等。选择基于PHP的Pagon这个框架，让我们可以更快速实现iNews.io的功能。 总共有几名开发人员？这种UGC项目的技术难点和重点是什么？你们是如何解决的？ 赵戈戈：只有我和搭档@sofish两个人。开源之后应该会陆续会有一些同学加入，实际上目前已经有一些同学在一起开发。对于iNews来说，技术上基本没太多难点，主要有几个点需要关注：安全性、性能、易用、适配（Responsive）、社会化接入等。 安全性主要是XSS和数据库过滤。Pagon框架已实现自动XSS处理的，只要开启了safe_query 的选项，在模板渲染的过程中会自动做XSS过滤。数据库方面使用的一个paris库，它本身使用PDO来处理SQL，PDO本身会对数据进行转义处理再存入。 性能其实是个很泛的话题，iNews.io数据样本太少，还不好看出性能到底如何，就目前的平均输出时间来看只有30ms左右，前端方面使用Google Pagespeed测试是：移动，85/100；桌面 95/100；这比很多网站分数都要高。高性能跟逻辑简单和实现方法都有关系，如果需要很好的性能需要考虑到方方面面，我这里先简单说PHP的基本观点：代码越简单越好，不要使用太多魔术方法，尽量使用PHP 内置的方法，使用最新的稳定版5.4，服务器安装APC扩展，使用Nginx FPM模式运行PHP。其次Pagon框架本身开发过程也对性能有很高的要求，所以在代码质量和性能上也下了不少功夫，这也是应用性能的基础。在数据库方面只做了索引优化来达到更好的查询性能。性能还涉及到很多，做为一个刚初出茅庐的应用来说还没有足够完善也不需要把性能放到第一位，在这里就先不说还没有做到的。 而在前端，跨终端适配应该是现代应用最应该做的支持。@sofish 在这一块有很多的研究，所以我们的 iNews 是可以在移动设备上很好的访问的。 社会化接入这块其实也并不是什么难点，只需要有很好的封装就可以解决问题，重新开发代价稍大。我觉得 PHP 第三方认证的库都做的很一般，但还是有个opauth的第三方认证库，封装有点凌乱，但凑合着能用。如果是Node的话，这一块有很多很不错的库，比如everyauth和passport，如果PHP社区可以像Node社区一样活跃那问题就可以更好解决了。 iNews在内容推荐上采用了什么样的机制或算法？ 赵戈戈：iNews最初是参照Hacker News的算法来做的，后期将评论也加入了权重。因为觉得对于这种社区来说，评论是很重要的一块，评论代表着交流，有交流就证明内容的价值有可能存在，如果只有“顶”才算权重，那激烈的讨论可能会显得不太公平。但若是每个评论的权重和每个“顶”的权重一样，又显得不太合理，“顶”是认可的意思，评论是交流的意思，所以评论应该稍低于“顶”的权重，这样做才比较合理。最终是这么来做的。 iNews 有哪些创新性的东西？ 赵戈戈：如果说创新的话，我想提一个

http-server 是简单的零配置命令行 http 服务器。提供的选项：-p Port to use (defaults to 8080)-a Address to use (defaults to 0.0.0.0)-d Show directory listings (defaults to 'True')-i Display autoIndex (defaults to 'True')-e or --ext Default file extension if none supplied (defaults to 'html')-s or --silent Suppress log messages from output--cors Enable CORS via the Access-Control-Allow-Origin header-o Open browser window after staring the server-c Set cache time (in seconds) for cache-control max-age header, e.g. -c10 for 10 seconds (defaults to '3600'). To disable caching, use -c-1.-P or --proxy Proxies all requests which can't be resolved locally to the given url. e.g.: -P http://someurl.com-S or --ssl Enable https.-C or --cert Path to ssl cert file (default: cert.pem).-K or --key Path to ssl key file (default: key.pem).-r or --robots Provide a /robots.txt (whose content defaults to 'User-agent: *\nDisallow: /')-h or --help Print this list and exit. 标签：httpserver

该项目是基于 Netty 网络框架开发的电子白板，可实现同屏互动功能。同时该项目采用C/S模式，支持多人同时在线、并发实时同屏互动。特性说明： 1、可自定义画笔尺寸和颜色； 2、分享涂鸦 3、打开历史涂鸦 4、设置涂鸦为壁纸 5、自定义快捷键注：服务端默认端口为8080；

QuaggaJS 是一个完全用 JavaScript 编写的条形码扫描库，支持实时的各种类型的条形码扫描，例如 EAN 和 CODE128. 该工具同时使用 getUserMedia 来直接访问用户的摄像头。代码重度依赖智能手机的图像处理。 你可以通过这里尝试一些 实例 或者阅读文章 (How barcode-localization works in QuaggaJS) 来了解更新啊关系的内容。 示例代码： Quagga.decodeSingle({   readers: ['code_128_reader'],   locate: true, // try to locate the barcode in the image   src: '/test/fixtures/code_128/image-001.jpg' // or 'data:image/jpg;base64,'   data }, function(result){   console.log(result); }); 标签：QuaggaJS

Seaborn 可实现对统计数据的可视化展示，基于 Python 语言开发，使用 matplotlib 库。要求：Python 2.7 or 3.3     标签：Seaborn