iteye_3606-CSDN博客

实现CSS3中的border-radius（圆角）

实现边框圆角-moz-border-radius: 32px;-webkit-border-radius: 32px;border-radius: 32px;behavior: url(border-radius.htc);<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x...

2013-07-15 21:58:00 762

js中变量的作用域

js是解释性语言，在定义变量时，不需要提前声明，虽然js语言与c语言很相似，但是在变量作用域这方面还是有些区别的比如下面的这个例子<html><head><script type='text/javascript'>var a=1;c=new function(){ alert(typeof(a));var a=1;}; ale...

2013-07-15 21:28:00 700

jsp,servlet利用过滤器解决中文乱码,和控制访问权限

<filter><filter-name>encodingFitler</filter-name><filter-class>com.accp.filter.EcondingFilter</filter-class&

2013-07-15 17:26:00 830 1

jsp+servlet+jquery 用jquery uploadify最新版本实现多文件上传带进度条

//这是script代码 <link rel="stylesheet" type="text/css" href="uploadify/uploadify.css"> <script type="text/javascript" src="jquery-1.8.0.js"></script> <

2013-07-15 17:01:00 417

火狐不支持event.keyCode，用jquery中的event.which轻松解决。

$(':text[name="price"]').keypress(function(e) { if (e.which == 46 || ((e.which >= 48 && e.which <= 57)|| e.which == 8||e.which==0)) { return true; } else { alert("只可以...

2013-07-15 16:41:00 357

pptv web前端面试题答案

这是星期一考完试，答应星期三补上的，代码很简单，就不写注释了//php快排function quickSort(&$arr){ $arr_left=new array(); $arr_right=new array(); $len=count($arr); $key=$arr[0]; for($i=0;$i<$len;$i++){ if($key&gt...

2013-07-04 10:47:00 285

pptv web前端面试题

今天上午一考完试，就一直等待pptv的电话，结果下午就收到了pptv的通知（pptv的效率还是很不错的，之前面试官和我说在一到两周之内给回复，结果过了7天就给回复了，赞一个）因为我面试的是web前端（实习，是在网上投的简历，结果没收到笔试，就直接去面试了（可能是我的简历比较赞吧，下面就是重点了，那个面试官直接给我处理四道题：1、用js写一个冒泡排序2、用php写一个快排3、用js写一个...

2013-07-01 17:51:00 227

jquery选择器

jQuery选择器分为如下几类（点击“名称”会跳转到此方法的jQuery官方说明文档）：1.基础选择器 Basics名称说明举例#id根据元素Id选择$("divId")选择ID为divId的元素element根据元素的名称选择,$("a")选择所有<a&g...

2013-06-24 15:35:00 191

jquery中的事件处理

1.页面载入完毕响应事件所谓页面载入完毕是指DOM元素载入就绪了,能够被读取和操作了。①jQuery中的$(doucument).ready()事件ready(fn)是jQuery事件模块中最重要的一个函数。这个方法可以看作是对window.onload注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪时立刻调用所绑定的函数,而几乎所有的javaScript函数都是需要在那一刻...

2013-06-23 20:52:00 214

javascript中的绑定与解绑函数

Mozilla中： addEventListener的使用方式： target.addEventListener(type, listener, useCapture); target：文档节点、document、window 或 XMLHttpRequest。 type：字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。 ...

2013-06-23 20:20:00 330

php中实现快排与冒泡排序

快排<?php function quicksort($str){ if(count($str)<=1) return $str;//如果个数不大于一，直接返回 $key=$str[0];//取一个值，稍后用来比较； $left_arr=array(); $right_arr=array(); for($i=1;$i<count($str);$i++)...

2013-06-23 11:07:00 149

JavaScript CSS面试题

一、超链接点击事后hover样式就不呈现的问题？被点击访谒过的超链接样式不再具有hover和active样式了,解决体式格局是改变CSS属性的枚举挨次: L-V-H-A二、IE6的margin双倍边距bug问题例如：<style type=”text/css”>body {margin:0;}div {float:left; margin-left:10px; ...

2013-06-23 10:27:00 2495

前端面试题

1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是一种基本的WEB网页设计...

2013-06-23 10:03:00 227

前端开发的优化问题

前端开发的优化问题（1）减少http请求次数：css spirit,data uri（2） JS，CSS源码压缩（3）前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数（4）用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能（5）用setTimeout来避免...

2013-06-23 09:55:00 210

IE与FF脚本兼容性问题

(1) window.event：表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象(2) 获取事件源IE用srcElement获取事件源，而FF用target获取事件源(3) 添加，去除事件IE：element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, func...

2013-06-23 09:14:00 211

jquery实现鼠标拖动

<html> <head> <script type='text/javascript' src='js/jquery-1.5.1.js'></script> <script type='text/javascript'> $(document).ready(function(){ var mouseX=0,mouse...

2013-06-22 20:27:00 210

jquery中实现全选按钮

<html> <head> <script type='text/javascript' src='js/jquery-1.5.1.js'></script> <script type='text/javascript'> $(document).ready(function(){ $('#handle').click...

2013-06-22 19:50:00 255

php中mysql_fetch_row与mysql_fetch_assoc与mysql_fetch_array()的区别

mysql_fetch_row，这个函数是从结果集中取一行作为枚举数据，从和指定的结果标识关联的结果集中取得一行数据并作为数组返回。每个结果的列储存在一个数组的单元中，偏移量从 0 开始。注意，这里是从0开始偏移，也就是说不能用字段名字来取值，只能用索引来取值，所以如下代码是取不到值的：while($row = mysql_fetch_row($res)){ echo $row['c...

2013-06-21 22:51:00 189

用于响应式设计的9个CSS技巧

1.取消下划线现在越来越多的网站文本链接已取消下划线，而这已成为一种WEB设计趋势，尤其是在做响应式网站时。下面提供一段简单的CSS代码，可以轻松取消文本链接下划线：<style type=”text/css”>a {text-decoration:none;}</style>2.响应式视频在网页中嵌入视频，这里介绍t...

2013-06-21 22:19:00 219

50个jQuery代码开发技巧

1. 创建一个嵌套的过滤器.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素2. 重用你的元素查询var allItems = $("div.item"); var keepList = $("div#container1 div.item"); <div>class names: $(...

2013-06-19 23:12:00 192

css十道常见面试题

1、如何定义高度很小的容器？正解：在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：overflow:hidden或font-size:容器高度px2、图片下方出现几像素的空白间隙？正解：将img定义为display:block,或定义父容器为font-size:03、 IE6双倍margin的BUG?正解：display:inline...

2013-06-18 12:00:00 97

javascript的常用函数

1编写一个方法求一个字符串的字节长度<script language=”javascript”type=”text/javascript”>new function(s){if(!arguments.length||!s) returnnull;if(”"==s) return 0;var l=0;for(var i=0;i&...

2013-06-18 02:51:00 186

float导致外部容器高度无法自适应

让<a>标签显示再#left的右侧，写如下代码，想要#layout也被撑开，发现ie6，ie7正常，但ie8与ff中#layout的高度与a标签相同，没有被撑开。例：<div id="layout"> <div id="left"> <strong>XML</strong> <p>前推荐遵循的

2013-06-17 18:07:00 111

怎么解决浏览器兼容性问题

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px...

2013-06-17 17:48:00 153

javascript判断一个字符串中出现次数最多的字符，统计这个次数

判断一个字符串中出现次数最多的字符，统计这个次数//将字符串的字符保存在一个hashtable中，key是字符，value是这个字符出现的次数varstr="abcdefgaddda";varobj={};for(vari=0,l=str.length;i<l;i++){varkey=str[i];if(!obj[key]){obj[key]=1;}else{...

2013-06-17 14:23:00 440

1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。2.ff下容器高度限定...

2013-06-17 10:13:00 86

图片对齐方式

图片的横向对齐图片本身没有text-align属性，需要通过css属性继承如<td style='text-align:left> <img src=""></td>图片的纵向对齐：vertical-align:值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。sup...

2013-06-16 14:35:00 604

CSS border-style 属性

CSS 参考手册定义和用法border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。例子 1border-style:dotted solid double dashed; 上边框是点状右边框是实线下边框是双线左边框是虚线例子 2border-style:dotted solid...

2013-06-16 14:29:00 162

css伪类伪元素域高级选择器的介绍

a:link 表示尚未访问的链接，鼠标未划过和点击a:visited 表示已经访问的链接a:hover 表示鼠标划入的链接a:active 表示激活的链接，也就是鼠标点击链接的一瞬间注意上面这四个链接的伪类在使用的时候要有一定的顺序，即上面列举的顺序，否则看不到效果。可以简单记为LOVE(包含link和visited首字母)和HATE(包含hover和active的首字母)。...

2013-06-16 14:23:00 81

css控制字间距和对齐方式

letter-spacing:数值可以为负数text-align:left：左对齐right：右对齐center：居中justify：两端对齐，均匀分布list-style-type:none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。...

2013-06-16 14:18:00 444

css的字体属性集

font-style:inherit：继承italic：斜体normal：正常oblique：偏斜体font-size：xx-small：取所有相对大小取值中最小的；x-small：仅大于xx-small的字体small：默认的小字体medium:默认值large：默认的大字体x-large：仅小于xx-largexx-large:最大的字体t...

2013-06-16 14:11:00 110

css中的字体属性

字体名称属性(font-family)这个属性设定字体名称，如Arial, Tahoma, Courier等。例句如下：.s1 {font-family:Arial}演示示例字体大小属性(font-size)这个属性可以设置字体的大小。字体大小的设置可以有多种方式，最常用的就是pt和px(pixel)。例句如下：.s2 {font-size:16pt}演示示例字体风...

2013-06-16 14:01:00 122

css中的长度单位

em：1em为当前字体font-size，一般浏览器默认为（16px）；ex：以给定字体的小写字母x的高度为基准px：像素，屏幕上的一个小方格pt单位名称为点（Point），绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。...

2013-06-16 13:57:00 114

jquery中的jqzoom插件

2013-06-16 00:24:00 149

jquery中thickbox的使用

thickbox使用1.一张图片描述:这是ThickBox的一个简单实例，这个例子展示了在中放置一张图片（请看演示）。说明:创建一个link元素 (<a href>)给创建的这个link元素一个class属性，其值是：thickbox (class="thickbox")在href属性中指定一个张图片地址(.jpg .jpeg .png .gif .bmp...

2013-06-16 00:01:00 106

作品-：jquery的图片动态弹出特效

<html><head> <style type='text/css'> #theImage{ float:left; padding:5px 5px 5px 0; }</style><script src="js/jquery-1.5.1.js" type="text/javascript">&a

2013-06-15 23:52:00 289

jquery中tab显示函数

$(document).ready(function(){ $(".container").css("display","none"); $("#home").css("display","block"); function showViaLin(array){ array.each(function(){ $(this).click(function(){ var

2013-06-15 23:18:00 137

css中的after

:after 伪元素在元素之后添加内容。这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。所有主流浏览器都支持 :after 伪元素，但对于IE来说，只有IE8以上版本支持。h1:after { content:url(beep.wav); }此样式会在每个 h1 元素之后播放一段声音：...

2013-06-15 22:31:00 170

js实现tab标签

<html><head><title>tab标签</title></head><style type='text/css'> *{ margin:0; padding:0; background-color:#ccc; }#main{ margin:30px auto; width:...

2013-06-15 21:53:00 131

css中让两li并排

将float：left；<style type='text/css'> li{float:left;list-style-type:none;width:100px;margin:1px;background-color:silver;}.b{ display:none; } .bb:hover .b{display:block;...

2013-06-15 21:47:00 3641

空空如也

空空如也