摘要: on函数是在jquery 1.7 加入的描述: 在选定的元素上绑定一个或多个事件处理函数。定义:.on( events [, selector ] [, data ], handler(eventObject) )参数:events类型: String一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", "keydown.myPlugin", 或者 ".myPlugin"。selector类型: String一个选择器字符串,用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略 阅读全文
posted @ 2013-12-17 14:48 Ranran 阅读(746) 评论(0) 推荐(1) 编辑
摘要: 最近发现在.NET平台下使用Web服务还是很简单的。下面举个在.NET平台下创建Web服务的简单例子。首先用Visul Studio .Net创建一个C# 项目Asp.Net Web服务程序,源代码如下:using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Diagnostics;using System.Web;using System.Web.Services;namespace author{/// /// Service1 的摘要说明。/// pu 阅读全文
posted @ 2013-12-17 13:35 Ranran 阅读(1042) 评论(0) 推荐(2) 编辑
摘要: 来源:Robert’s talk原文:http://robertnyman.com/2010/12/02/css3-flexible-box-layout-module-aka-flex-box-introduction-and-demostest-cases/Web布局一直个是难点,但貌似现在我们有更好的选择了。背景首先,我们有表格布局。当不考虑语义并且利用一些适当的嵌套和其他技巧,我们可以用table建立具有一定功能的布局。然后是现在大多数人都在使用的浮动布局。我们可以使用任何我们想用的元素,但浮动并不适用于初学者。表面上它看起来很基础,但背后复杂的功能可以使经验丰富的开发者看着自己的屏幕 阅读全文
posted @ 2013-12-16 21:34 Ranran 阅读(751) 评论(0) 推荐(0) 编辑
摘要: 最近在学习HTML5和CSS3,印象最深的是CSS3的动画功能,不仅有浏览器原生支持,执行效率高,而且免去在js中自己管理timer。本来想写一个图片轮播器练练手,结果在网上发现一个国人写的开源的图片轮播器。不仅效果很酷,而且是“女神级”的。什么?你问是不是妹子写的?这个我不知道,我说的是这个Demo中的图片都是女神呀,性感火辣,丰满妩媚……咳咳,回正题。Demo的页面是http://alloyteam.github.io/jxanimate/想看女神的自己点吧。看链接就知道是alloyteam的作品。你没听说过Alloyteam?Alloyteam就是腾讯负责开发WebQQ的队伍,他们有很多 阅读全文
posted @ 2013-12-16 16:53 Ranran 阅读(3030) 评论(0) 推荐(0) 编辑
摘要: 很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的。一、首先需要知道的是:1、keydown() keydown事件会在键盘按下时触发.2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二、获得键盘上对应的ascII码:$(document).keydown(function(event){ console.log(event.keyCode);});$tips:上面例子中,event.keyCode就可以帮助我... 阅读全文
posted @ 2013-12-13 13:17 Ranran 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 今天写了一个小小的提示成功的页面,同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的),在网上搜寻了一遍,基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history.back(-1), 还有的说子页面刷新父页面用经过在JSP页面的测试,在操作页面选中添加的项经过点击按钮保存再跳转到成功提示页面返回后发现都没有刷新,手动刷新后才显示出来,对于那些粘贴复制技术不经过测试的文章实在是伤心透顶。其实对于这个技术,我并没有找到完全依赖JS能实现,有个思路就是使上一页不被缓存,每次读取出来就行了(别人的思路,具体我也没有搞懂原理)J 阅读全文
posted @ 2013-12-13 07:17 Ranran 阅读(1800) 评论(1) 推荐(0) 编辑
摘要: 最近在写页面的时候常常遇到要动态增删改下拉框select的情况,由于我比较习惯用jquery框架来架构我的前端js,所以就顺便把各种jquery操作下拉框select的方法总结了一下,收藏起来以便下次用到的时候拿出来翻翻,当然也把这些分享给大家,或许收藏它会给你今后写jquery带来方便。1、jquery获取当前选中select的text值varcheckText=$("#slc1").find("option:selected").text();2、jquery获取当前选中select的value值varcheckValue=$("#slc1 阅读全文
posted @ 2013-12-12 12:28 Ranran 阅读(863) 评论(0) 推荐(0) 编辑
摘要: RSS是一种基于XML的文件标准,通过符合RSS规范的XML文件可以简单实现网站之间的内容共享。Ajax是AsynchronousJavaScriptandXML的缩写。通过Ajax技术可以经由超文本传输协议(Http)向一个服务器发出请求并且在等待该响应时继续处理另外的数据。通过Ajax技术可以很容易实现读取远程XML文件,因此,可以使用Ajax技术实现远程访问依据RSS标准生成的摘要信息,甚至我们可以自己写一个RSS阅读器。Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起。共同在协作中发挥各自的作用,它包括:使用XHTML和CSS标准化呈现;使用DOM实现动态显示 阅读全文
posted @ 2013-12-11 16:10 Ranran 阅读(1069) 评论(1) 推荐(0) 编辑
摘要: 为什么我们要进一步提炼一系列元素,难道是jQuery选择语法不够强大?让我们从示例开始。在下面提到的网页中,当一个star被点击时,我们需要给它以及左边的每个star添加class"on"。首先,让我们看看下图所示的简单的页面,通过这个教程我们将选择这些元素。◆div.container是包裹元素;◆div.photo、div.title、div.rating是div.container的直接子级;◆每个div.star是div.rating的子级;◆当div.satr的class为"on"时,它是一个完整的star。与此同时,我们要改变所有star父元 阅读全文
posted @ 2013-12-10 21:33 Ranran 阅读(961) 评论(0) 推荐(3) 编辑
摘要: 今天在看一本书时又看到了”CSS优先权“这个问题,感觉这个问题还是比较重要的,也算是样式的特异性吧,尤其是在面对较多、较深层、较复杂的样式属性时,理解CSS的加权计算方法对于重写样式属性之类的问题都会迎刃而解。那么接下来我就把CSS的执行顺序及其优先权问题做一个小小的总结吧。1、CSS的执行顺序在说CSS的执行顺序之前首先让我们看一下CSS的几种使用方式:·外联样式表通过语句 导入CSS样式文件·内联样式表直接在里面写入内嵌样式表直接在HTML里面写入CSS样式(虽然不提倡这么做,但在这里为了说明问题还是要提一下),如: BeyondWeb.cn-记录与分享前端开发的点点滴 阅读全文
posted @ 2013-12-10 14:30 Ranran 阅读(934) 评论(0) 推荐(3) 编辑
摘要: Javascript在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。1. 你没有使用命名空间。是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量?Javascript里的全局变量的使用方法也不例外。Web网页稍不留神就会变的混乱不堪、到处都是从互联网上各个角落里找来的乱糟糟 阅读全文
posted @ 2013-12-10 06:14 Ranran 阅读(1111) 评论(0) 推荐(4) 编辑
摘要: 在我们设计制作一些网页的时候可能会用到半透明的效果,首先我们可能会想到用PNG图片处理,当然这是一个不错的办法,唯一的兼容性问题就是ie6 下的BUG,但这也不困难,加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层,如登陆框、注册框、提示等,这时可能需要整个页面都要被半透 明的遮罩层覆盖,那么如用背景平铺的话,此时此刻也许就不是一个好办法了,图片大了会影响加载速度,图片小了同样会增加页面的渲染计算量,那么这时也许就 需要用CSS滤镜了。假如有这样一个例子:“有一个DIV块,此DIV是黑色半透明的,但此DIV里面的内容要保持原状,不能透明”,那么我们该怎么做呢?假如HTML部分我们这 阅读全文
posted @ 2013-12-09 22:18 Ranran 阅读(3623) 评论(1) 推荐(3) 编辑
摘要: 回想一下,以前我们不得不花费大量时间去优化页面内容(图片、CSS等等),如今用户有更快速的互联网链接,我们似乎能够使用更大的图像或更大的闪 存文件,里面包含的有视频或者图片。然而,随着移动开发的兴起,我们又回到了过去的窘状。网站优化是十分重要的,需要下载的内容少,反应速度快,就能使我 们加载应用程序更快速。图片:控制在合适的尺寸大小很多时候我们在不同的网站使用同样的图像,例如一个网上商店,所有产品 都 有一个概览图片。打个比方,有三个页面描述产品,第一个页面显示产品清单,第二个页面显示产品细节图,第三个页面显示产品原始大小图。因此,我们需要三种 不同大小的图片。如果使用一个文件放到不同的三个页 阅读全文
posted @ 2013-12-09 19:29 Ranran 阅读(958) 评论(0) 推荐(2) 编辑
摘要: 在做页面统计的时候遇到了两个问题:1.包含iframe的页面,在IE下按后退按钮不能刷新主页面。隐藏Iframe的src是统计程序的url,每点一次后退,就会发出一次页面加载时间请求。2.由js动态创建的img标签会发出两个http请求,第一个请求在发出后就被aborted,但实际上统计脚本收到了该请求,造成数据重复入库。针对第一个问题,怀疑是IE针对iframe处理同firefox不同。后来查资料才知道,IE会把iframe访问过的页面也记录进history,点击后退按钮时,其实是重新载入iframe中的url,因此表面上看起来是主页面不能刷新,其实隐藏的iframe是刷新了的,因此会造成点 阅读全文
posted @ 2013-12-08 21:56 Ranran 阅读(7884) 评论(1) 推荐(1) 编辑
摘要: web打印在一些开发中是比较常见的需求,最简单的办法是使用css print进行控制;对于一些建议可以参考http://slodive.com/web-development/css-print-page-tricks/;但是有时候我们需要设置背景或者其他类似的功能;如果不引入浏览器插件,我尝试了一下方法进行解决。1、如图:我想打印图中的投票结果条,该条之前是使用纯css实现,但是在IE上无法打印;目前是使用css背景+图片实现; .myprogress { background: #f5f5f5!important; filter: progid:D... 阅读全文
posted @ 2013-12-07 11:20 Ranran 阅读(5423) 评论(2) 推荐(0) 编辑