李古拉雷

w3c这样规定：不允许有相同名字的id对象出现，但是允许相同名字的class所以———A1:二者主要区别在哪里？    id选择器只能用来定义单一元素，定义两个后，页面不会出现什么问题，但是W3检测的时候会认为你的页面不符合标准，class是类，同一个class可以定义多个元素。就页面而言，两个东西的视觉效果几乎无差别。A2:id选择器为什么要少用，它有什么局限

当服务器用的是tomcat时，有时需要查看百度蜘蛛抓取日志，默认情况下是没有记录的只需要在server..xml文件项目配置标签中添加如下内容即可<Valve className="org.apache.catalina.valves.AccessLogValve"directory="logs" prefix="localhost_access_log." suffix=".t

Zero Clipboard的实现原理Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。Zero Clipboard的安装方法首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.j

在做手机端网页时，关于alert警示框在电脑上没有觉得有什么，但运行在手机上就有点不太

CSS之float在IE浏览器下换行问题

手机使用二维码确实十分方便，下面就是icech整理的二维码在线生成器网站地址大全。谷歌图表 apihttp://code.google.com/intl/zh-CN/apis/chart/index.html目前只发现提供字符串在线生成二维码的功能。每天免费调用25万次，基本等于免费灵动二维码在线生成http://www.qrcn.net/index.p

当遇到在别的浏览器下显示正常，但在ie 下页面变形，style 样式规则都已经写好的情况下。这时造成这种情况可能是 html 页面头部指定的规则引起的如果默认的可能是：只需要改成告诉浏览器 本页面 使用哪种标准和规范解析。是否满足w3c标准。现在显示可能就正常了。

当css 中父类div 高度为为时，可能是子类div 元素用了float,没有加clear属性。.clear {clear: both;font-size: 0;line-height: 0;height: 0;visibility: visible;}

img 标签在css中并属于块级，它的display属性默认是inline,所以如果img中不小心用了display属性，会引起换行。去掉display:block;属性后块级元素在html中是每次新起一行来往下排列显示的，所以如果在img 标签中用到block属性，就会使图片换行。每个网页元素都要默认有display属性值，以便用来确定元素的类型，块级元素的默认值是b

如果使用过htmlparser或任何不需要界面浏览器而获得网页内容的技术，我相信你应该对phantomJS不会感到陌生。phantomJS是一个基于webkit的Headless browsers的一款浏览器

createEvent模拟mouseMove方法 html,body{margin:0;padding:0;} .drag{ width:20px; height:20px; background-color:red; left:10px; top:30px; display:block; pos

安装路径：upload\e\admin\adminstyle\1\AdminMain.php

A Gentle Introduction              var    viewBook = function(bookId,bookId2) { console.log("viewBook: bookId is populated: " + bookId+"="+bookId2); };      var routes = {        '/books

项目中用的服务器是tomcat6.0 需要做一下Gzip压缩，但配置文件中并没有关于 Gzip的代码，这并不说明 tomcat6.0 不支持Gzip压缩只需要在server.xml文件中引入项目的地方加上如下标红内容    <Connector port="5003" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="

#e_float{ _position:absolute;_bottom:auto;_right:50%;_margin-right:-536px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt

在html 中 　代表一个空白占位符。

DOM(document object model) 文档对象模型。DOM编程就是面向HTML中的一个个抽象出来的对象即元素如：文本、按钮等编程。HTML DOM 简介，w3cSchool:http://www.w3school.com.cn/htmldom/dom_intro.aspHTML DOM 是一个W3C标准，它是HTML的文本对象模型(Document Obje

application对象用于在多个程序之间保存信息，application对象只有一个，它可以绑定若干个相当于全局变量的参数或者Java对象，每个JSP程序所访问的都是application对象的一个同步副本，都是一样的，而且application对象的生命周期贯穿服务器的整个运行周期。但是，服务器上的session对象却可以有多个，不同的用户所面临的session对象一般来说是不同的，当用户登

"＃"包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0) 仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而Javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者等打开新窗口链接的几种办法1.window.open('url')2.用自定义函数

var xmlHttp; function createXMLHttpRequest() { //表示当前浏览器不是ie,如ns,firefox if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlHttp = new Ac

js利用google翻译接口把网页翻译成各国语言网页翻译为德语(Translate Page To German)网页翻译为德语(Translate Page To German)网页翻译为西班牙语(Translate Page To Spanish)网页翻译为西班牙语(Translate Page To Spanish)网页翻译为法语(Translate Page T

标准参考根据 W3C CSS 2.1 规范中的描述 'white-space:nowrap' 设置的含义为：该值像 'normal' 那样合并空白，但是阻止文本内的分行。详细说明请参考：16.6 White space: the 'white-space' property替换元素是用来表示超出 CSS 格式化模型表示范围的元素，他们的共同特点是没有设置宽高的情况下拥有默认宽高。常

在表单提交的时候，用户有时候会重复的点击提交按钮，会导致多次提交，产生重复数据。我们应该怎么办了？一般想法是：通过attachEvent在 form的onsubmit事件中写一个方法，每次触发该事件时执行该方法，我们可以给form增加一个submited属性，每次判断这个属性，为 false的时候继续提交表单并且设置form.submited=true，反之说明表单已经提交，就不再提交表单。

在开发一个网站功能时，由于session 缓存不能及时清除。开始了一系列的探索。现找到几篇不错的文章。首先是 F5和 CTRL+F5的区别F5和CTRL+F5的区别（留给比较懒的人 ：F5是优先读取缓存但框架内只读取本地缓存 。CTRL+F5发起一次新的请求，跳过缓存）背景我司的网站是框架结构的,一个页面里有多个iframe.正因为这个原因,每次当我

在 使用 getResponseBodyAsString() 一直提示：Going to buffer response body of large or unknown size. Using getResponseBodyAsStream instead is rec源码为：public byte[] getResponseBody()throws IOException{if

在做上传时，file 按钮在部分浏览器下显示的是英文 "submit..."通过程序把显示文字替换成了预想的。但测试时发现只能在 fiefox 浏览器正常运行。在 IE,chrome等浏览器下有安全方面的限制不能正常提交表单。替换程序如下：

在项目中可能会对数据进行统计，其中就会运到一些报表来对数据进行直观的展现。FusionChartsV3 是个不错的选择。UI漂亮，浏览器兼容性好，更重要的是简单易用。现对使过程中的用到一些功能做一下记录，备忘。（有兴趣的可以研究下，必竟自己才是最好的老师）这个插件解析的是xml数据，所以数据的封装要使用xml格式。通过读取完整的xml文件，来形成最终的图形效果。1.简单柱形图展现数

偶然需要对 select 内容进行分组，以往都是用程序控制，今天发现 select 中还有一个 optgroup 属性可以用。经测适用于 firefox 和 ie等浏览器。目前发现唯一不足 的是不能对 group 后的标题样式进行自定义。比如：想改一下字体属性，想用个正常体是不行的，不过颜色和大小可以改。在 ie 下默认是 斜体、加粗请选择品牌A AC宝马A 阿斯顿马丁A 奥

以下问题大部分偏初中级，答案也都是简明扼要，可以在面试时应付一下，免得无点可说在第一面就被PASS。如果这些问题能让你快速回忆起平时所学，串联起前后的技能点，在面试时有个好的发挥，也就不费我整理这些面试题的用心。最后，这些答案仅供参考，不要死记硬背。愿你们都能找到满意的工作。我是李古拉雷，曾全栈开发工程师，前今日头条前端架构师，今创业公司CEO。关注我的公众号可以获得更多前端技术和职场经验。我...