标签归档:javascript

javascript DOM事件的一些资料

DOM `Event` interface Event handlers may … 继续阅读

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

手机端网页添加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, 移动端开发 | 标签为 , , , , | 留下评论

手机端固定定位元素不可点击问题处理_mobile fixed element can not click issue

在安卓手机若一个div设置了固定定位,在给其隐藏后再控制让其显示,会出现不可点击 … 继续阅读

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

[转]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 | 标签为 , | 留下评论

ie6半透明最好解决方法DD_belatedPNG

使用DD_belatedPNG在页面加入ie6专用代码:
<!–[if IE 6]>
<script type=”text/javascript” src=”DD_belatedPNG.js”></script>
<script type=”text/javascript”>
/* EXAMPLE */
DD_belatedPNG.fix(‘.png_bg’);
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]–> 继续阅读

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

使用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 mobile使用changePage跳转到新页面js无法执行的问题

jquery mobile 里面页面无法执行有几个可以方便的原因:
1. http://stackoverflow.com/questions/7449402/jquery-mobile-mobile-changepage-not-loading-external-js-files/7449731#7449731里面的说明,在data-role=”page”以外的元素不被加载 继续阅读

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

jquery mobile的弹出框_Dialog in jquery mobile

主要弹出框分两种
1.popup弹出,这种只在本页面显示dialog
popup的事件处理 继续阅读

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

简单的Jquery Tabs插件_Simply jquery tabs plugin

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

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

javascript设计模式中的掺元类_Mixin classes in javascript

掺元类本质上是把一个函数的原型中包含的属性拷贝给另外一个函数的原型,使其包含指定的属性,并且这种方式在java里面并不存在 继续阅读

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

javascript原型继承实现_javascript Prototypal inheritance

javascript设计模式中原型继承有说明设置一个对象属性和读取一个对象属性存在差异的问题,本质上其实应该归结到原型编程的特性上,因为javascript使用原型链来实现对象继承特性,但是原型编程中有一个很重要的概念:原型槽,访问一个属性,先访问对象本身的名为这个属性名的属性,若属性不存在,则访问原型中同名的属性。而修改对象本身的一个属性却不会影响到原型对象,所以才会造成这种差异。 继续阅读

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

用闭包实现私有成员_Private methods with closures

javascript设计模式中讲到的一种私有成员实现方式,前面有讲到过使用下划线约定的方式实现私有成员变量,而闭包保证在函数中定义的变量只能被当前函数作用域里面的函数所访问,从而保证了变量的私有性。 继续阅读

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

javascript代码灵活性_The flexibility of JavaScript

在javascript设计模式里面讲到代码的灵活性,下面两种编码风格我很喜欢,第一种使用原型并赋予其原型一个函数作为参数. 继续阅读

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

javacript中prototype的实例化_prototype instantiate in javacript

在Javascript高级程序设计中有讲到使用动态原型(dynamic prototyping)来构建对象,其有讲到原型的赋值在判断语句里面不可行,但是其却没有讲根本原因

function Polygon(iSides) {
this.sides = iSides;
if (typeof Polygon._initialized == “undefined”) {
Polygon.prototype.getArea = function () {
return 0;
};
Polygon._initialized = true;
}
} 继续阅读

发表在 javascript & Ajax | 标签为 , , , | 一条评论