分类目录归档:web development

手机端网页添加active状态效果_add active state in mobile page

1.需要把链接在移动端上默认的一层半透明的层删掉
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
2.给document绑定一个`touchstart`事件
document.addEventListener(“touchstart”, function(){}, true); 继续阅读

发表在 CSS & HTML, web development, 移动端开发 | 标签为 , , , , | 留下评论

[转]Jquery 插件设计模式_[repost]jquery-plugin-patterns

jquery插件开发经过这几年的不断发展,我们现在很少只使用一种方式来编写插件。事实上,使用特定的设计模式在某些解决某些特定问题或场景,比其它模式更为有效。

一些开发人员可能希望使用jQuery UI 组件 工厂模式(the jQuery UI widget factory),这种模式适合复杂、灵活的UI组件。另外一些开发人员可能喜欢像模块(类似模块模式)一样组织他们的代码,或者使用更正式的模块模式如[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)(asynchronous module definition) 。还有一些开发人员希望他们的插件使用javascript强大的原型继承。还有另外一些开发人员可能想使用自定义的事件或发布/订阅(pub/sub)使插件和app之间通信。等等… 继续阅读

发表在 javascript & Ajax, jquery, web development | 标签为 , | 留下评论

使用CSS3 3D transform实现网页3D效果_use css3 3d transform make 3d in page

在网页里面添加3d效果展示,需要在包裹内容的div wrap上加入perspective 透视属性,其子元素.cube要设置transform-style: preserve-3d;属性来进行3d显示,.cube 的子div需要设置transform的translate和rotate值来进行xyz轴的移动和旋转,以实现3d展示效果. 继续阅读

发表在 CSS & HTML, web development | 标签为 , | 留下评论

使用nodejs安装weinre远程调试移动端页面_Use nodejs install weinre debug mobile page

下载并安装nodejs环境,使用npm命令npm -g install weinre 直接安装weinre.其中npm安装的位置在C:\Users\RainZhai\AppData\Roaming\npm\node_modules.
安装完成后,使用weinre命令开启本地服务: 继续阅读

发表在 web development | 标签为 , | 留下评论

对waypoints扩展来实现jquery mobile滚动加载列表

在手机端用的比较多的是滚动加载内容,对waypoints进行扩展可以很方便的加载列表。进行代码如下:jQuery.fn.extend({
loaddate : function(opts){
var o = $.extend({
wp: {offset: ’103%’},
hrefSelector: ‘.loadlink’,
databoxSelector: ‘#listbox’,
dataselector:’.list’
},opts||{}); 继续阅读

发表在 javascript & Ajax, web development | 标签为 , | 留下评论

简单的Jquery Tabs插件_Simply jquery tabs plugin

很早的时候个人写了一个tabs效果插件,但是使用起来繁杂,不够简单,于是作了新的改动,现在使用非常的简便。javascript调用如下:
$(‘.tabswrap-1′).tabs(); html则只需要符合一定的格式带有li标签和div标签即可 继续阅读

发表在 javascript & Ajax, web development | 标签为 , , , | 留下评论

HTML模块化设计

1. 声明一个box接口,所有html标签实现该接口 2. html的Class … 继续阅读

发表在 web development | 留下评论

Delicious新版页面

delicious新版页面很大气有么有:-)

发表在 web development | 标签为 , | 留下评论

语义网与社会化网络的结合与演化_Semantic web combine with Social network to evolve

Abstract 摘要

社会化网络构建了一个与现实社会对应的人际网络生态圈,但是基于web本身的缺陷,其给我们生活带来越来越多的问题.如信息泛滥,线上线下时间的平 衡,共同目标人群的聚合,社交对教育的影响等等.而语义网则是在传统web上加入关联数据等特性使得人工智能的网络成为可能,那么其可能在某些方面为社会 化网络的优化和发展起到积极作用. 继续阅读

发表在 web development | 标签为 , | 留下评论

社会化网络中的数学模型_The mathematical model in Social Network

这里研究的是社会化网络中的一些关系,并归纳了数学模型,具体分为单组信息传播模型和多组信息传播模型. 1.Single group information spread model 单组信息传播模型 这里的研究对象是一组点,并且其存在两种身份,传播者和接收者,在点与点之间存在两种连接关系,单向连接和双向连接. 继续阅读

发表在 computer science, web development | 标签为 , , | 留下评论

对schema含义的理解_The cognition of Schema’s meaning

在xml开发,数据库开发,w3c的规范文档中出现最多的一个单词是schema,其翻译过来的意思是:模式,计划,图解,概要.但在开发过程中,个人感觉它似乎还有模板,语言规范,方案的意思.所以仔细的查了一下,在wiki当中有很详细的说明:The word schema comes from the Greek word “σχήμα” (skhēma), which means shape, or more generally, plan… 继续阅读

发表在 web development | 标签为 , , | 留下评论

参数传递方式的一些总结_Parameter passing method

程序中的参数传递分为:值传递,引用传递,值结果传递,名字传递 四种.在java和javascript中则似乎只有两种… 继续阅读

发表在 web development | 标签为 , , , | 留下评论

语义网路线图译文_Semantic Web Roadmap Translation

原文:http://www.w3.org/DesignIssues/Semantic.html 蒂姆伯.纳斯李 日期:1998年9月。 最后更新:$日期:1998/10/14 20点17分13秒$ 现状:尝试给出语义万维网体系结构的高级计划。 编辑状态:草案。 欢迎评论 继续阅读

发表在 web development | 标签为 , , , | 3 条评论

自执行函数的学习_study self-invoking function

JavaScript 中的自执行函数让我感到很奇怪,因为对于一个在解析期间就自己进行执行的这样一个特性,我从程序原理的角度怎么也看不明白,为了搞个清楚这个问题花了不少时间,最后问题如下:1.自执行函数是匿名函数吗?2.匿名函数与函数式编程的关系是什么?3.匿名函数与lampda表达式有什么联系?4.JavaScript 函数式编程实现? 继续阅读

发表在 web development | 标签为 , , | 留下评论

大话西游中的程序思想_Think in ‘A Chinese Odyssey’

大话西游结局是这样的,孙悟空看到至尊宝和紫霞的化身在城楼上,帮助他们紧紧相拥在一起后,转身离开,西天取经去了。这时候紫霞说了句,哪个人样子好怪哦。至尊宝化身说,我也看到了,他好像条狗诶。如果说孙悟空是至尊宝的原型,那么上次至尊宝死了的时候,原型就脱离了至尊宝,至尊宝就投胎成了现在的夕阳武士(至尊宝的化身),而夕阳武士现在说,他好像一条狗,是不是在说:自己就像一条狗,只不过他自己不知道他前世是至尊宝? 继续阅读

发表在 web development | 标签为 , , | 留下评论