前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。
在这里我们需要控制用户的输入验证,表格的添加删除,用户输入数据的统计聚合,还有相应的计算列比如商品的总价=商品的单价*商品数量,再如,同时在用户提交的时候我还要需要获取提交到后台服务端处理在存储到我们的
本人最近也遇到了需要传递中文参数的问题。在网上搜索一下,复制粘贴发的到处都是的“终极”“解决方案”无非就是escape(str)来转码,然后在服务端还要写个方法再编辑一次,或用System.Text.Encoding下的方法来换来换
复制代码代码如下:不过做了浏览器方面的兼容,经测试兼容IE6+、Firefox3.5+首先看看autocomplate.js:;(function($){varindex=-1;vartimeId;varcssOptions={\"border\":\"1pxsolidblack\",\"background-color\":\"whi
效果如下: 服务器端复制代码代码如下:packagecom.ljq.test;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importjavax.serv
提示:我们要时刻注意浏览器缓存,当使用GET方式时要添加时间戳参数(netDate()).getTime()来保证每次发送的URL不同,可以避免浏览器缓存.提示:当在url参数后面添加了一个空格,比如\"\"的时候,会出现\"无法识别符号\"的错
改变文本框的获得焦点的样式复制代码代码如下:<formaction=\"#\"method=\"POST\"id=\"regForm\"><fieldset><legend>个人基本信息</legend><div><labelfor=\"username\">名称:&
废话少说直接进入主题,表格功能:1、添加2、删除3、获取值4、动态填充数据5、动态设置焦点6、键盘左右上下键控制单元格焦点7、单元格添加正则验证功能WebForm4.aspx复制代码代码如下:<%@PageLanguage=\"C#\"AutoE
具体步骤: a.打开Firebug后,启用“脚本”调试,找到引用的脚本文件(或者行内js);
而很多页面效果都要用到这些位置。不得已,得练练,得记记。下面就来说说这个基于JQuery的简易拖拽插件吧。按惯例,先说说拖拽的原理,以及搞这么一个东东的步骤:那什么是拖拽呢?看名字就知道了:就是把一个东东拖
table.php复制代码代码如下:<?phpheader(\"Content-Type:text/html;charset=utf-8\");$mysqli=newMySQLi(\"localhost\",\"root\",\"123456\",\"xiaoqiangdb\");if(mysqli_connect_errno){echo\"连接数据库失败\".
本文主要针对拖拽原型进行解析,给刚接触JQuery的爱好者一个简单的示例。在引入Jquery.js后:复制代码代码如下:<scripttype=\"text/javascript\">$(function(){//绑定拖动元素对象bindDrag(document.getElemen
这几天在公司的通用管理后台,使用的左右框架结构,点击左侧,右侧展开内容,项目中经常遇到左侧二级或者三级的情况,以前都是使用dtree,但是发现dtree,样式及结构上不好控制,如果是动态的数据,还要写到cs文件里面
复制代码代码如下://初始化页面时验证是否记住了密码$(document).ready(function(){if($.cookie(\"rmbUser\")==\"true\"){$(\"#rmbUser\").attr(\"checked\",true);$(\"#user\").val($.cookie(\"userName\"));$(\"#p
1.很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了jquery。可以直接调用本地的,速度更快…2.Googlecode使用了cdn技术在很多地方有节点服务器,加载jquery时绝对不会比在你服务器上加载慢,本地服务器除
通过使用jquery的lazyloader插件可以实现图片的延迟加载,当网页比较长的时候,会先只加载用户视窗内的图片,视窗外的图片会等到你拖动滚动条至后面才加载,这样有效的避免了因图片过多而加载慢的弊端。  使用lazy
1)$.parseJSON方法返回的是一个字符串,而不是JSON对象。2)要将字符串转化成对象,很容易想起JS中的eval方法。事实上是可以的,不过需要加上括号。如varjs=\"{\\\"PageIndex\\\":\\\"1\\\"}\";varobj=eval(\"(\"+j
首先要获取Table表格的行数,我是通过后台添加表格的所以我在前台获取的时候length一下就获取到了总数赋值例如上图:如果我要打印这个表格但不想要操作那列的内容咋办?复制代码代码如下:for(vari=0;i<num+1;i++)
复制代码代码如下:<!DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Transitional//EN\"\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><htmlxmlns=\"http://www.w3.org/1999/xhtml\"><head&
今天在读Qwrap的源码stringH时里边有个复制代码代码如下:format:function(s,arg0){varargs=arguments;returns.replace(/\\{(\\d+)\\}/ig,function(a,b){returnargs[(b|0)+1]||\'\';});}它的使用方式是:alert(format
本人最近也遇到了需要传递中文参数的问题。在网上搜索一下,复制粘贴发的到处都是的“终极”“解决方案”无非就是escape(str)来转码,然后在服务端还要写个方法再编辑一次,或用System.Text.Encoding下的方法来换来换
复制代码代码如下:<scriptsrc=\"script/jquery-1.6.1.min.js\"type=\"text/javascript\"></script><scripttype=\"text/javascript\">varindex=0;$(document).ready(function(){$.post(\"Default5.
但不幸的是,很多服务返回的数据仍然是XML格式的。jquery对于xml这种数据的处理是内置支持的,这一点没有任何问题。但前提是返回的数据没有带任何命名空间。例如下面这份数据复制代码代码如下:<?xmlversion=\"1.0
当页面点击分页图标时,程序会自动去后台获取对应页数的记录。关键代码如下:需要引入的css和js文件有:复制代码代码如下:<linkrel=\"stylesheet\"type=\"text/css\"href=\"<%=basePath%>css/theme/default
效果图:动感效果的TAB选项卡jquery插件复制代码代码如下:<!DOCTYPEhtmlPUBLIC\"-//W3C//DTDXHTML1.0Transitional//EN\"\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><htmlxmlns=\"http://
WINDOWS下WAMP环境下的ZendFramework配置1,安装WampServer下载WAMPSERVER并安装,在本例中,安装在C:\\wamp下。2安装ZendFramework解压缩ZendFramework压缩包中\\library\\至C:\\wamp\\library(这里面没有library目
分页几乎是每个外部程序必不可少的东西,在webform时代很多人都用过AspNetPager这个用户控件吧,用的人之多其实就在于它的优点:传给它几个参数就可以生成像样的分页,其实这个也是绝大多数程序员(包括我)的致命缺点
复制代码代码如下:functioncheckFormat(str){if(escape(str).indexOf(\"%u\")!=-1)alert(\"不能含有汉字\");elseif(str.match(/\\D/)!=null){alert(\'不能含有字母\');}}
这几天研究jquery,感受到了该库的强大,而且找到本不错的书<<锋利的jquery>>这里我只是随便做了下,上面是照片列表和两个按钮,单击小图片下面显示大图片,当点击按钮时可以查看下一页,上一页的图片。
代码如下:复制代码代码如下:functioninit(){if(swfobject.hasFlashPlayerVersion(\"10\")){varflashvars={};flashvars.xmlPath=\"coffee\";flashvars.name=\"coffee\";varparams={};params.quality=\"high\";params
取得窗口大小的代码:复制代码代码如下:varpageWidth=window.innerWidth,varpageHeight=window.innerHeight;if(typeofpageWidth!=\"number\"){if(document.compatMode==\"number\"){pageWidth=document.documentElem