google map vpi第三个版本后,载入速度快了很多,部分调用代码也有所改变。示例里面,有多个marker的示例,但却没有给出配套的infowindow的代码,参考了一下其他网友的写法后,得到以下可运行的代码。

var map;
var infowindow = null;
function initMap() {
map = new google.maps.Map(document.getElementById(‘map’), {
zoom: 2,
center: {lat: 20, lng: 0}
});
setMarkers(map,sites);
infowindow = new google.maps.InfoWindow({
content: “loading…”
});
}

var sites = [
[‘site1′, 22, 114,’img/star.png’,’info content1′],
[‘site2′, 32, 114,’img/flag.png’,’info content2′],
[‘site3′, 42, 114,’img/flag.png’,’info content2′],
];

function setMarkers(map,markers) {
for (var i = 0; i < markers.length; i++) {
var sites = markers[i];
var marker = new google.maps.Marker({
position: {lat: sites[1], lng: sites[2]},
map: map,
icon: sites[3],
title: sites[0],
html:sites[4]
});
google.maps.event.addListener(marker, “click”, function () {
infowindow.setContent(this.html);
infowindow.open(map, this);
});
}
}

注:

1、请在同目录下的img文件夹,添加star.png和flag.png两个图像文件;

2、参考:http://you.arenot.me/2010/06/29/google-maps-api-v3-0-multiple-markers-multiple-infowindows/

整理文件夹,居然发现一篇2012年4月写的关于微博的论文,居然没有投出去,居然忘记了它的存在。本着不浪费的原则,更新一下里面的数据,尝试再投投。

当时的数据是自己临时写了个小程序抓取的,中间无数bug,搞得灰头灰脸,作为一个新时代厚颜无耻的拿来主义者,这种事情是不能再干的了,所以,得找找有什么现成的工具。

GOOGLE一下,不得不说,这几年大数据的兴起,催生了一批非常不错的数据采集工具,针对新闻、游戏等不同类型的信息站点,或者针对具体的某个信息的传播路径如某条微博,都能找到相应的工具,什么火车头、八爪鱼等都尝试用一下,其实蛮有趣的。我的需求很简单,就是抓一下评论数、转发数和内容之类的,很多工具都能完成,当然有些工具在规则配置上、AJAX数据请求和登录处理上,确实会让一个新手鬼打墙,不过总的来说,比起一页页点击和一条条数据去CTRL C,已经好太多太多了。

回到主题,折腾了半天,最后我用了firefox的插件metaseeker,36.x版本的,37.x的安装不成功哦。

不多说,基本的介绍、下载地址、配置方法和使用样例都在这里:

网站采集器MetaSeeker v4.x速成手册

 

然后,关于weibo数据抓取的,在这里:

自动滚屏抓取新浪微博

 

最后,其实这篇口水多过茶的博文,就想讲下面三句话:

1、微博或者网页,是结构化的。打个比方,页面上的一条微博含内容、评论,都放在一个div里面,这个div有个CSS属性,暂且叫它为:nishilaoda;里面的内容啊,评论啊,分别放在一个css属性同为nishibiesan的span里面。

2、那么这时我们需要做的是,分别把对应dom节点的text属性,通过“内容映射”,把内容映射到整理箱的字段里面去,这时测试,这条数据已经可以出来了。

3、那么循环读出全部的数据该如何做呢?很简单,把nishilaoda的CSS属性,通通采用“freeformat映射”给各个字段及整个节点,就OK了,就不要管nishibiesan的CSS属性啦。

单位有批老的联想电脑,重装系统时换了好几个U盘启动软件都不行,只在左上角显示光标,调整了部分bios参数后,会显示88880005。

这是联想的硬盘保护造成的。

需在biso中关闭硬盘的一个参数“LBA/LARGE MODE”修改成disabled即可。

因工作需要,现面向校内外招聘信息技术服务工作人员2名。

一、应聘条件:

1、具有较强的服务意识和工作主动性,性格乐观开朗,有良好的语言表达和沟通能力,能够承受一定的工作压力,具备团队协作精神;
2、计算机科学相关专业,大专以上学历,在校各方面表现优异;
3、掌握信息化硬件设备的原理、架构及应用知识,能进行基本的设备检修。
4、有一定的软件开发经验,具有移动开发经验者优先考虑。
5、具有良好的学习能力,热爱新技术、了解相关信息技术领域的发展趋势。

二、招聘方式:公开招聘、集中面试、择优录用。

三、有意者请于2015年4月25日前将应聘材料(包括本人简历、成绩单、英语证书及其他证书等),发送至联系人电子邮箱。

四、面试时间、地点另行通知。

五、待遇:一经录用,待遇按学校人事处有关规定执行。

六、联系人:

钟老师,电话:0769-23306075,E-mail:zhongyx@dgpt.edu.cn
郝老师,电话:0769-23306463,E-mail:haojn@dgpt.edu.cn

地址:东莞市松山湖科技产业园区大学路3号(523808)

东莞职业技术学院图书馆
2015年4月9日

来源:http://lib.dgpt.edu.cn/gg/2015-04-09-700.html

Bootstrap3优先移动设备,相关页面元素,如div等在页面缩小后,会变成列堆叠,自然就产生了哪些元素显示在前面,哪些元素显示在后面的问题。

问题依旧来自于做图书馆的网站,在某浏览具体内容的页面中,页面二八开,左边是分类导航之类的东西,右边是内容,当用户通过移动设备访问时,理所当然的是希望看到内容,而不是分类导航,那么该怎么样使得在手持设备上,内容可以先于分类导航显示呢?

======残忍的分割线======

当然,可以以一种残忍的做法,使用“hidden-xs”之类的属性隐藏左边的分类导航。

======结束残忍的分割线=====

草草google了一下,尚无明确的页面,于是看官网,有提到“通过使用.col-md-push-* 和 .col-md-pull-*就可以很容易的改变列的顺序”,下面还有个简单的例子,咋一看不是很明白,于是测试了下,最终确定了用法,确实可以解决碰到的问题。

简单来说,col-??-push-*和col-??-pull-*,主要起改变元素在大屏幕页面上的显示位置的作用,对于手持设备的小屏幕显示(也就是堆叠的列的顺序或者说位置),会严格按照html代码的先后顺序显示,那么我们自然就知道用法了:在html里面,把要先显示的内容写在前面,后显示的内容写在后面,然后用push和pull对它们在大屏幕上的左右位置进行调整,例子如下:

<div class=’col-12 col-sm-9 col-sm-push-3′>//这个div占了9个栅格,先写,让它在手持设备上可以先显示,然后用push往右推3个栅格,让它在大屏幕显示在右边。

<div class=’col-6 col-sm-3 col-sm-pull-9′> //这个div占了3个栅格,后写,让它在手持设备上后显示,然后用ull往左拉9个栅格,让它在大屏幕显示在左边。

就这么简单。

必须得先赞一个Bootstrap,太解放程序猿了。

问题是这样的,Bootstrap3的js文件里面,集成了不少实用的js,其中就包括了图片轮播控件Carousel.js,但根据站点的文档,达到的效果是必须由用户先点击一次之后,才能循环播放图片,而不像其他轮播控件一样,页面一加载就播放。

于是google,在Github里面看到作者说解决了,但讲得不清楚,只说要加入data-ride=carousel,至于在哪加,却没说。再调整关键词找找,在搜索结果里面居然发现个中文的答案,网友12饕餮21已经解决了这一问题,和官方的说法一致,但给出的代码指出了data-ride=”carousel”属性应加在轮播控件命名ID的div中,例如:

<div id=”mycarousel” data-ride=”carousel” data-interval=”2000″>

记录一下,同时膜拜一下12饕餮21。

因工作需要,现面向校内外招聘2012年应届毕业生4名,要求热爱高校图书馆事业,责任心强,工作认真负责,能吃苦耐劳,有较强的服务意识和奉献精神。
一、具体岗位及要求如下:

1.系统管理与开发岗(1名)
(1)本科以上学历,计算机科学、图书馆学或相关专业;
(2)熟悉Windows、Linux、Unix操作系统,掌握HTML和Java技术,具备基于Java的Web程序开发能力;
(3)具备ORACLE、MySql、Sql Server等数据库软件的管理和开发能力。
2.外文图书采访岗(1名)
(1)图书情报专业硕士毕业生;
(2)具备较强的外语及计算机应用能力,会第二外语者优先考虑;
(3)系统掌握信息资源管理、文献采编、信息检索技能。
3. 科技查新岗(1名)
(1)物理、力学、光电、土木、数学、计算机或相关理工类专业硕士毕业生;
(2)具备较强的计算机、外语应用及文字表达能力;
(3)熟悉科研流程,有科研实践经验者优先。
4.文献信息组织岗(1名)
(1)图书情报专业硕士毕业生;
(2)具备较强的外语、计算机应用能力;
(3)系统掌握图书馆管理、信息资源管理、信息组织与检索技能。
二、招聘方式:公开招聘、现场实习、集体面试、择优试用录取。
三、报名截止时间:2012年4月1日。
四、报名提交材料:个人简历,成绩单及相关个人材料。
五、待遇:一经录用,待遇按学校人事处有关规定。
六、联系人:李老师 电话:020-85220285 E-mail:olib@jnu.edu.cn

通信地址:广州市黄埔大道西601号 暨南大学图书馆(510632)
应聘者请将自荐材料用E-mail至联系人,来信请标明应聘岗位。我馆将根据应聘者情况有选择地约定面试。

暨南大学图书馆
2012年1月6日

http://tomcat.apache.org/dev/dist/tomcat-connectors/native/1.1.22/binaries/win32/

偶尔看到social snaptags,在微博上的发了,想想还是用博客整合在一起,留作存档。当然,只是个人的粗浅分析,不见得准确。

首先,请先看一看官方网站首页的flash,很清晰的表达了social snaptags的用途。

http://www.spyderlynk.com/

Social Snaptags由一个带若干空白点的环,包含一个品牌logo构成,是一种新的信息编码应用,以图像的形式发布。Social Snaptags可以发布在网页上、印刷在纸质媒体、户外广告牌上乃至产品上。用户通过手机拍下Social Snaptags后,可以利用手机已安装的解码应用将Social Snaptags解码成内容(内容中包含基本信息及url,像QR),并通过url获取更多的信息;或者将拍下的Social Snaptags以手机短信的形式发送到指定的短代码(机构商的服务器),服务器进行解码后返回相关的内容。

Social Snaptags工作原理应该是:

1、数据由两部分组成,一部分是品牌logo。品牌logo经过特定的压缩算法(根据图像的颜色、形状、分布等特征),压缩成一个短的字符串,并对应品牌名称,预存在手机安装的应用中。手机拍下Social Snaptags后,用同样的算法得出串,即可得到品牌的信息。

2、另一部分数据存在外围的环上,由数量不等的白点及各个白点不同的位置,理论上可以形成无穷多的方案。这些方案应该是预定义了的,每一种分布的情况,都和一个私有的url(像新浪短网址)对应。比如,2个白点,一左一右分布,指向http://**.**/1,一上一下分布,指向http://**.**/2。这些预定义的内容都是预装在手机应用里面的,就可以实现离线解码。

3、将品牌logo生成的串和环产生的url结合,构成http://**.**/2?Lujko形式的url,服务器即可通过短信发送回对应的内容,如品牌促销活动介绍和真正的url地址等。

就这个原理而言,其实任何机构可以成为Social Snaptags的发布机构(前提是否要获得专利权使用?当然,你要说把圆圈换成方框或者椭圆就不侵犯专利的话),比如新浪微博,就可以为每个用户制作一个tag,以后我们交换名片,发一个tag短信就行了。

Social Snaptags怎么玩?首先,针对某一品牌而言,可以制作一个Social Snaptags,并广泛的发布,其内容包括品牌介绍、品牌促销等等想介绍的东西,用户通过分享这个Social Snaptags,就可以分享相关的内容。

当然,这应该是比较初级的应用,社会化应用应该在于,举个例子,我路过nike的某个店,看到有打折信息,我就此向Social Snaptags的提供机构提交品牌名称、店名、地址、打折信息、时效信息等等,申请一个tag,Social Snaptags的提供机构就给我分配一个tag并通过短信发送回来给我。我就可以用短信将这个tag图像发到好友的手机或微博上,从而实现了这个信息的分享。同样的道理,我们可以用它来分享新浪网的某篇新闻,facebook上的某个人等等。

Social Snaptags比起QR来说,最大的优势是品牌清晰,可以知道内容关乎什么品牌;大部分内容存在服务器上,可以更改而不影响已发布的标签;有相机的手机通过短信就可以使用,而不用上网。毫无疑问,十分便于营销和分享。因此,其官网上的广告词就是:手机市场营销,将其用于商业推广:让用户更方便的获取和交流品牌介绍、销售地点、打折的信息、促销活动等等。

图书馆对Social Snaptags的一个应用是:用来代替馆藏章,中间是图书馆的logo或者文字,外围是圈圈或者框框。这样,图书借阅时,图像识别一下,获取图书的书目信息,借出,就不需要贴条码了……

错误情况:
一朋友的网站,由于listener.log过大,就删除了它,并重新建了一个空的listener.log文件,结果程序报:

java.sql.SQLException: Io exception: The Network Adapter could not establish the connection.

到oracle的帐号下执行lsnrctl start,报:

NL-00280:error creating log stream /oracle/…/log/listener.log
NL-00278:cannot open log file
SNL-00016:snlfohd:error opening file
Linux Error:13:Permission denied

Listener failed to start…

看错误提示应该是oracle这个用户对新建的listener.log没有操作权限,回到#下,touch一下文件,并用chown命令,把listener.log文件归到oracle用户及其用户组下面,重新启动监听器即可。

对于listener.log过大的处理,应该是:

lsnrctl set log_status off
mv listener.log listener.bak
lsnrctl set log_status on
lsnrctl status

当然,google到有懒人的做法是把log取消掉:

$lsnrctl set log_status off

next posts >>