- 博客(86)
- 收藏
- 关注
RSS订阅原创 境外游导航App选择
境外游导航App选择世界那么大，没有App出门怎么办？在美东晃荡数月，总结了几种情况下使用App导航的体验。 希望后来者对这些坑有所准备。 方案一：开通国内运营商的国际漫游我的手机iphone4s，尝试了联通的北美26元／天不限流量的服务，实际上是通过AT&T接入的3G。优点：信号还不错，因为不需要换手机卡，基本上不用折腾可以平滑切换到国外用。坑：goog...
2016-09-19 22:21:06
723
原创 Eclipse调试Crypti之三【调试篇】
调试篇在前面的准备工作完成之后，本章我们进入正题，利用前面搭建的环境，在Eclipse下运行Crypti的TestNet节点。参考文档主线任务按Crypti的这篇官方文档：该篇文档分别介绍了在Mac、Windows、和linux下的安装步骤。我走的Mac小路。Crypti的TestNet不涉及安全问题，所以不需要运行在SandBox的V8引擎下，如果是正式节点，只能运行在L...
2016-04-05 16:34:56
258
Eclipse调试Crypti之二【环境篇】
环境篇Crypti是运行在V8引擎中的NodeJS应用，提到NodeJS很多人就会推荐Sublime作为IDE，其实与Sublime风格类似，也很轻巧的Visual studio code也值得尝鲜。但作为熟悉Eclipse环境的程序员，我想推荐的却是：Nodeclipse。既然装个开源的插件就可以继续在熟悉的界面下干活，何必又那么费事去适应新的IDE呢！本机环境OSX 1...
2016-04-05 13:56:35
227
原创 用Eclipse调试Crypti之一【选型篇】
选型篇背景知识区块链：（Blockchain、Block chain）是比特币的一个重要概念，区块链是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一次比特币网络交易的信息，用于验证其信息的有效性（防伪）和生成下一个区块。该概念在中本聪的白皮书[1]中提出，中本聪创造第一个区块，即“创世区块”。 区块链在网络上是公开的，可以在每一个离线比特币钱包数据中查询。比特...
2016-04-05 12:33:59
629
ExtJS5 整合Spring4之二
为ExtJS的grid panel提供restful服务ExtJS的grid panel集成了负责前端交互的分页、检索、排序。用浏览器开发者工具查看，可以看到它提交给后台的restful形式：page:1start:0limit:27sort:[{"property":"id","direction":"DESC"}]filter:[{"operator":"like.
2016-03-19 11:57:57
155
原创 两天完成的一个轻量内容发布
定位最近项目中需要实现一个轻量的内容发布。市面上常见的内容管理系统大多面面俱到，反而不适合作为一个内嵌的组件，整合到系统中作为一个子模块。因此决定在现有系统框架下，自行实现一个轻量的内容管理。 工作完成之后，真正附加的开发成果只包括：一张数据库表：Article文章表一个json文件：定义树状的网站栏目，允许指定栏目的模版，如果不指定则采用默认模版两个jsp模版（...
2016-03-16 22:57:19
203
原创 ExtJS5 整合Spring4之一
原型组成及环境搭建 ExtJS是优秀的前端RIA组件，ExtJS5采用了MVVM模型，它在MVC的基础上引入ViewModel抽象， 实现了在View和Data之间的双向Bind，程序员不需要再关注界面field与数据的双向更新。 在MVVM模型之下，可以轻松实现对数据的CRUD，前端界面通过OOP机制实现最大程度的组件派生和复用。 对于一致性的操作方式，甚至可以对Control...
2016-01-03 18:12:13
316
原创 Mac下安装Activiti6教程
Mac下安装Activiti6教程Activiti最近推出了Activiti6，该版本提供了全新的AngularJS＋Bootstrap为基础的UI。新版本的重要改进这篇文章有所提及：http://www.jorambarrez.be/blog/2015/12/23/activiti-6-0-0-beta2-released/但是官网提供的文档仍然没有6.0版本的详细说明，只窥...
2015-12-31 11:22:53
806
原创 用Mac上的Web Inspector调试ios上的Web页面
用HTML5编写的Web页面在完成PC端的调试之后，在发布到移动设备之前，需要进行必要的兼容性调试。Apple官方提供的利用Mac上Web Inspector＋IOS上safari联合调试为开发者提供了便利的手段。 有点类似安卓的真机调试，即调试窗口运行在PC下，交互在移动终端进行。PC与移动终端以USB连接交换信息。 步骤如下：启用Mac端safari的开发模式在...
2015-12-14 20:43:59
1277
原创 支持无级缩放的360展示技术实现之七
实现热区编辑 在画面中定义热区，以显示图文信息或者增加链接，是图形展示常见而且实用的功能点。本章节通过引入OpenSeadragonSelection插件，JQuery ballon插件，利用OpenSeadragon的事件机制实现热区编辑。最终效果截图如下： 目标功能 点击热区编辑按钮切换到热区编辑状态，再点击该按钮退出编辑状态点击图形区可创建新的热区，或者点击...
2015-12-13 12:33:31
280
原创 支持无级缩放的360展示技术实现之六
实现快照与回放在360度浏览的过程中，允许用户对特定帧的局部进行快照，将快照增加到快照集合。之后在快照集合点击小图，可迅速回放该快照。两种布局 快照集合有两种布局效果，采用垂直布局的效果如下图： 采用水平布局的最终效果如下图： 快照集合插件选用了JQuery lightSlider , 它使用 MIT LicenselightSlider 的...
2015-12-12 18:21:39
190
原创 支持无级缩放的360展示技术实现之五
将缓存进行到底通过简单的改动，可以在加载不同的帧时，保持对切片的缓存。即令上文中的这句始终有效： var imageRecord = tiledImage._tileCache.getImageRecord(tile.url); 但仅看这个函数的实参我们就可以想到，这个缓存是针对不同url的切片的，而对于不同帧(page)，是有一个更高层次的tiledImage实例与之...
2015-12-07 15:30:00
193
原创 支持无级缩放的360展示技术实现之四
改造OpenSeadragon用于360展示本节主要介绍改造OpenSeadragon，使其适用于360度展示。过去的一年，我曾经对360展示的插件进行选型，商用的插件，我认为目前最成熟的是：http://www.ajax-zoom.com/examples/，我用它做了一个项目实施，虽然遇到一些官网例程之外的麻烦，总的来说，只要官网例子已经有的，依葫芦画瓢就好。官网的例子已经...
2015-12-07 14:35:32
365
原创 支持无级缩放的360展示技术实现之三
用OpenseaDragon实现无级缩放上节提及金字塔切片的多种格式，本节我们将用其中的一种格式：deep-zoom格式+OpenseaDragon实现高分辨率栅格图像的无级缩放。由于相关知识点的文章已经叙述得较充分了，因此本节的叙述方式主要是在它们之间客串，以期用最简洁的文字使读者获得一个完整的印象。Deep-ZoomDeep-Zoom是微软发展的一种大影像互联网浏览格式，官...
2015-12-07 13:20:47
243
原创 支持无级缩放的360展示技术实现之二
展品影像的采集及加工本节对展品影像的采集及加工做个简单介绍。影像采集影像拍摄和采集的原理图如下： 主要硬件组成包括：步进电机驱动的转台、单反相机、用于控制单反相机快门与转台联动的PC，同时接收从单反相机获得的初始影像文件。将拍摄对象的观察角度360度均分，转动转台每个角度拍摄一帧。从而获得观察对象的不同角度的若干帧（帧数越多，交互回放的转动越平滑，但所需要的文件存储容量...
2015-12-07 12:24:57
243
原创 支持无级缩放的360展示技术实现之一
两种技术路线本节介绍展品360展示的两种技术路线，对比其特点。一、定义即用途 本文所讲的360展示是指用于产品或商品展示的Web浏览方式，它不是以下技术： 360实景：例如谷歌街景，这种技术是观察点在固定点旋转，将拍摄的全景图实现Web互动。360展示则是观察点固定不动，观察对象绕自身轴线旋转的过程。360展示可用于虚拟博物馆的网上藏品展示，也可用于电商对自己产品的直观介绍...
2015-12-07 11:54:04
631
原创 一款增强的3D carousel控件
3D carousel控件一览3d carousel是常用于slide图文展示的效果，通过css transform修饰相邻的几张图文，用简单的代价呈现3d场景效果。 经过比较，收费控件中我比较欣赏的是：royal-3d-carousel 截图如下： 而开源的控件，我选中的是：Cloud 9 Carousel 该控件采用MIT license。截图如下：...
2015-12-04 12:03:04
1131
git.oschina的issues导出为excel
用git.oschina.net 作为团队的代码仓库服务一年多，总体来说还是比较稳定的。小团队开发为了简便快捷，在测试阶段直接用git.oschina的issues管理。基本上对于小团队而言足够了，可以代替jira这样的专业工具。 但是在项目结题验收时遇到个小问题：验收文档中需要提供测试用例，之前用jira管理可以方便地导出excel或其他可阅读离线文档。git.oschina的...
2015-10-27 12:56:51
263
ExtJS5的grid filter改造
grid控件的检索是前端界面最常见的功能之一。ExtJS5提供了官方的grid通用检索实现：http://dev.sencha.com/ext/5.1.0/examples/kitchensink/#grid-filtering该实现用了几个子类分别支持不同的检索类型： 各种类型的效果如下：数字型： 文本型包含检索： 枚举型检索： 日期型检索...
2015-05-11 20:45:48
662
支持导航滚动的Extjs实现
导航滚动组件的形式参考百度百科：http://baike.baidu.com/subview/837441/10940762.htm 它由导航条和可滚动内容两者构成。它具有以下3个特点：1. 导航条本身是位置固定（Dock）或浮动的；2. 点击导航条button，内容区会滚动到相应位置；3. 在内容区滚动，导航条会自动active当前位置对应的button； ...
2015-03-30 13:17:04
406
原创 Ajax-Zoom 快速上手
Ajax-Zoom是一款纯js的提供实物全方位浏览的成熟的前端组件。兼容pc和移动终端各种浏览器。昨天发布的最新的4.2.1版。 经过我们的项目实施验证，Ajax-Zoom可作为一个完整的博物馆藏品全方位展示的解决方案。它不仅提供了组织360度照片或球状拍摄点的相片的Web交互浏览。而且提供了后台的批量切片，热点、热区的后台编辑。 有兴趣的朋友可以浏览这个生成定制...
2015-03-17 09:58:44
290
原创 Oculus Rift DK2上手体验篇
Oculus Rift眼镜是虚拟现实设备的里程碑式作品。它的开创性贡献不在于开创了一种全新的感官体验，而在于将这种体验的成本平民化了。Oculus Rift DK2在官网提供了非中国区的以开发者为目标的在线订购，价格为：350美元+75美元运费。一、开箱全家福 - Rift本体（重量约440g，上一版约380g）- 2对镜头（默认1对和近视镜1对）- 外置摄像头（用于...
2015-02-25 14:23:43
452
原创 Web3D综述及Ajax-Zoom 实施的几个坑
一、Web3D相关技术 Web3D以浏览器作为展示终端，内容部署在服务端。能够给用户以虚拟现实的交互体验，从不同角度观察对象（物体或场景）。目前常见的实现方式有以下： 1.1 三维建模与实时渲染 这种方式先用三维建模工具构建三维模型和场景，然后将其转为适合前端浏览器浏览的格式。在浏览器端，利用内置的webGL或通过专用插件（例如Unity）加载三维模型，响应用户的交互指令（切换...
2015-01-25 12:13:11
322
原创 VC程序与单片机的串口通信
最近同事要再版多年前出版的《单片机教程》，当年帮助编写了与PC机通信一节。顺手封装了一个类，整理如下：本例题要求在PC机与单片机间通过串行通信实现从单片机向PC机的数据发送，具体要求是：首先由PC机向单片机发送一个“S”的ASCII码作为联络信号，单片机收到“S”后，发一个“A”的ASCII码作为应答信号。PC机收到“A”后，向单片机发送一个“F”的ASCII码命令信号，单片机收到“F...
2014-12-25 09:25:04
943
寻找《红楼梦》十大话唠
定义，匹配如下形式的{话语}，认为是会“话”内容，其他认为非会话内容：[冒号] [左双引号] {话语}[右双引号] 先看看结果：1.整本书会话内容与非会话内容对比： 2. 按说话的句数（每个配对的双引号算一句）统计Top10： 3. 按说话的总字数统计Top10 基本实现思路如下：1. 下载纯文本的《红楼梦》文件，作简单的数据清洗 将西文的冒号、双...
2014-12-07 22:33:27
399
原创 用HTML5让传统企业应用可视化
传统企业应用常常重视系统的健壮、数据的规范、完整，业务流程实现的灵活。图形化的部分仅限于对业务数据本身的统计，常常忽视了应用系统本身运维信息的可视化。 各应用系统的日志系统通常各行其是，维护工程师、系统运维人员、领导、最终用户面对多个离散的应用系统，必须到每个系统查看自己关注的信息；这些信息缺乏直观、分层汇总、统一的展示和可交互图表。 对于拥有自己的信息部门维护其...
2014-12-01 13:04:40
171
绑定js物理引擎的书画模型
HTML5提供的canvas绘图具备较高的执行性能，可与javascript物理引擎结合，实现可响应外界输入扰动的响应动画。由于动画的每一帧都是实时运算获得，并且取决于扰动的输入，和模型之间的相互约束。因此它具有不确定性，伴随这种不确定性的趣味性，是传统由确定的连续帧组成的动画所无法带来的。物理模型接近现实世界的响应，可以让用户观看到不同的输入，所引发的熟悉的各种响应。这种与预期一致...
2014-11-23 09:13:09
132
原创 （译）Sencha ExtJS白皮书之一：现代Web堆栈——前端技术分类以助选型
原文链接：http://pages.sencha.com/White-Paper-Modern-Web-Stack.html概述今天驱动企业计算发生改变的两个最大动力是多设备计算和云。多设备和云计算正在推动应用程序体系结构朝着更强大的前端和更灵活的后端发展。移动设备正成为业务数据和应用的重要网关。云端- 通常实现为提供丰富的API服务 - 正在迅速成为这波应用新浪潮的后端补充。...
2014-11-08 12:47:22
391
2014年春奥森公园游记
北京的春天来去匆匆，最先是玉兰花在萧索的灰暗中孤独盛开。玉兰的花瓣还未完全凋谢，杨絮柳絮就漫天飞舞。恼人的飞絮也并未影响周末奥森公园里做户外活动人们的好心情。 好心情是可以相互感染的。快走慢跑的、骑车的、人们互赠以微笑，以蓝天碧水洗涤心灵。 孩子们一色的蓝校服，一路的欢声雀语。是否让周围的人们回想起自己的童年呢？ 或者引发“落花流水春去也” 那...
2014-04-21 09:20:59
252
文档协作的几种实现方式
文档协作的几种实现 文档协作是OA的支撑功能之一，文档协作要求在多人之间在线共享、修订或审阅文档。包括以下形态：上传和共享文档，维护共享范围、文档版本基本上利用附件上传下载可以完成。 效果：结果参见明道(mingdao)的“文档中心”。 优点：实现技术简单 缺点：依赖本地工具编辑、查看文档，支持的文档格式依...
2014-01-30 15:36:29
2069
编程——美妙的体验
我喜欢写代码的感觉，思维流淌到指间，在这个人与逻辑的结界，只需要把你的想法按照它能懂的语言写出来。 中间的过程稍微有些漫长，最终结果如愿出现的那一刻，总会伴随喜悦和小小的成就感。 学过计算机原理的人当然明白，这中间发生的每一个细节，一切都按照既定的原理运行，没有奇迹发生。 它是始终客观的，反复如一，你不用揣摩它的心态。 同时它又是包容的，犯...
2014-01-04 07:33:27
230
微博@输入功能的ExtJS实现
微博的@辅助输入功能具有方便快捷的特点，基础功能描述为：1.在TextArea内输入“@”时，在光标处弹出选项列表。2.通过键盘或者鼠标选择选项，文本插入到textArea。 人肉相关文章之后才知道：在非ie浏览器下，获得TextArea的光标位置不是一件容易的事情！目前大家常用的实现思路是：采用一个屏幕外的div模拟TextArea，通用地插入内容，通过div内光标位...
2013-12-26 09:37:34
156
移动终端推送画面的概念及规范
移动终端将画面推送到电视的现状，查阅了资料，总结几点如下： 1. 实现协议 技术实现是采用DLAN协议和AirPlay协议。http://baike.baidu.com/view/2821155.htm DLAN协议是sony等厂商提出的目标为家庭多媒体设备之间共享音视频，允许将手机作为控制端、将TV作为控制命令接受和媒体播放端，通过wifi将二者联接。 D...
2013-12-19 10:49:02
153
ExtJS3.4升级ExtJS4.2的问题汇总
昨天心血来潮，想把自己用extjs3.4作为UI的一个原型升级到最新的extjs4.2.2。几年前曾经将原型从2.1升级到3.4，对于extjs的版本不兼容深深伤害过。最近两年就没有跟进。Extjs4采用前端MVC的结构，使得整个前端代码的规划更加规范，更适合多人协作编写复杂的界面。新版的neptune theme也让看厌了ext外观的人眼前一亮，我就是为了这个外观升级的。 ...
2013-12-11 17:48:15
361
原创 用VBA实现批量数据填充到word模板
场景 在办公类应用中，常常遇到以下场景：将数据库数据取出，批量填充到预先画好的word模板，输出用于打印的word文档。 限制ie浏览器，本机安装了word。 问：那么多可以选择的，jacob, iText, 国内大量的在线编辑控件，为什么非得用前端VBA呢? 归根溯源,由于word的私有格式，对于其文档的程序操作只能通过其所谓automation来进行，...
2013-11-03 11:28:23
6256
1
原创 sencha touch的pinch zoom控件
pinch zoom是移动应用中非常实用的手势，尤其用于图片浏览。遗憾的是sencha touch2仍然没有提供现成的官方控件。人肉了下，找到以下资源：1.https://market.sencha.com/extensions/pinch-zoom-image 测试了下这个plug-in，存在明显的性能问题，缩放和平移均存在响应迟滞。 2.https://github...
2013-09-01 10:45:19
183
Mac lion与windows7共享文件的问题
操作系统环境是：mac lion , 通过系统自带bootcamp方式，vmware 安装windows7系统。在lion下down了一些超过4G的电影，准备存到移动硬盘上去，遇到麻烦了。 由于fat32单个文件不超过4G的限制，移动硬盘是以ntfs格式化的，在lion的finder下只能读不能写。网搜了下，有人通过安装Paragon NTFS解决lion下写入ntfs外挂硬盘。...
2012-09-17 15:42:15
91
原创 环测产品宣传彩页
制作工具：powerpoint, publisher, photoshop cs publisher虽然简陋，但适合熟悉office操作习惯的用户，配合其他office软件，弄个彩页海报的足够了。希望之后有时间将这个原型整理，分享 ...
2012-05-17 13:41:54
283
符合Ext tree的全国城市列表json格式
需要实现一个多级的中国城市选择树，在以下工程的基础上改进实现了一个：http://ext-ux-form-combotree.googlecode.com/svn-history/r9/trunk/0.2/Ext.ux.TreeCombo.js该控件存在两个问题，会导致在同一页面同时存在多个tree控件会产生混乱：1. id:Ext.id(), 所有控件共用一个id？...
2012-03-21 13:03:58
148
原创 实现通用的CRUD之四——视图定义
接上篇（javaEYE的图片只能插三个？），继续发截图。选中一条，查看详细： 在详细中，显示子表数据： 截图完毕。 由于上文中我们已经总结出一个与数据库CRUD相对应的界面范式，那么进一步地，可以通过以下javascript代码，简单地给出必要的信息，告诉ExtJS我们想获得怎样的界面。相关代码如下： BView.viewMap={ ...
2012-03-16 06:05:59
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人