06 2012 档案
摘要：http://en.fileuploadajax.subgurim.net/ 此控件支持如下功能: 1:多文件上传. 2:可以配置最大上传文件个数. 3.自定义js脚本. 4.支持删除已经上传的文件. 5.支持无刷新上传效果(iframe) 6.可配置相关提示文本此控件是基于iframe方式实现的无刷新,开发人员并不需要开发iframe中的内容页,控件采用当前页来充当iframe的内容页.?12345678910111213141516171819202122232425usingSubgurim.Controles; publicpartial class _Default : System
阅读全文
摘要：官方网：http://www.uploadify.com/ 只有PHP版本对于我们.net的来说是一个遗憾！现在奉献一个c#版本，希望对大家有用。看代码其实很简单，在做这个之前遇到许多问题，特别是在IHttpHandler 里面，只有经历过了才会体会到，还是给解决了！直接运行html出现下面错误 要在vs运行下才没有下面错误?1234567891011121314151617181920212223242526272829303132333435363738394041424344454647<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
阅读全文
摘要：cs:using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.HtmlControls;public class WebForm1 : System.Web.UI.Page { protected Co...
阅读全文
摘要：官方网没有.net版本 只有php版 下面是.net版css:<style type="text/css"> .swiff-uploader-box a { display: none !important;} a:hover, a.hover { color: red;} #demo-status { padding: 10px 15px; width: 420px; border: 1px solid #eee;} #demo-status .progress { background: url(img/progress.gif) no-repea...
阅读全文
摘要：浏览-选择文件-点击 “上传 ”后，效果如下：弹出透明UI遮罩层 并显示上传这个过程 我这里设置太透明了 效果不是很立体文件结构如图：说明：用到“高山来客”的大文件上传组件 http://www.cnblogs.com/bashan/archive/2008/05/23/1206095.html以及Newtonsoft.Json.dll Json字符串反序列化为对象 http://james.newtonking.com/projects/json-net.aspxjquery.blockUI.js 弹出透明遮罩层 http://malsup.com/jquery/block/jqu...
阅读全文
摘要：文件上传 带进度条 多种风格 非常漂亮！友好的提示 以及上传验证！部分代码：<form id="form1" runat="server"> <asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" /> <script type="text/javascript"> var intervalID = 0; var progressBar; v
阅读全文
摘要：ComponentArt Web.UI for ASP.NET AJAX包含了超过20多种用于复杂网络应用程序开发的用户界面控件。ComponentArt Web.UI for ASP.NET AJAX的客户端的丰富性是建立在ComponentArt的创新网络用户界面技术之上的。ComponentArt Upload ComponentArt Upload for ASP.NET提供高性能的多文件上传功能。具有先进的AJAX进度监视用户界面，文件的上传不需要ASP.NET提交。该控件直接与服务器建立有效地的通信并通过回调渲染用户界面元素。虽然ComponentArt ui 2010.1 for
阅读全文
摘要：AjaxFileUploader上传插件 兼容性好 Ie Chrome Firefoxhtml:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <titl
阅读全文
摘要：以下文档将提供一个合理的风格指导，用于CSS开发。这个文档并不是规范，我也不希望将自己的风格喜好强加在其他人身上。但是这个指导手册确实强烈鼓励使用现有的、通用的、合理的模式。这个文档将持续更新，欢迎提出新的想法。还请多多贡献。Principles of writing consistent, idiomatic CSS（原版）目录通用原则空格注释格式命名实例代码组织构建及部署致谢1. 通用原则“作为成功的项目的一员，很重要的一点是意识到只为自己写代码是很糟糕的行为。如果将有成千上万人使用你的代码，那么你需要编写最具明确性的代码，而不是以自我的喜好来彰显自己的智商。” - Idan Gazit在
阅读全文
摘要：<html><script>function a(){document.write("屏幕分辨率为："+screen.width+"*"+screen.height+"<br />"+"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight+"<br />"+"网页可见区域宽："+document.body.clientWidth+"<br />
阅读全文
摘要：浮层使用fixed定位会在IE6下滚动时出现闪烁的现象*html{ background-image:url(about:blank); background-attachment:fixed;}
阅读全文
摘要：第一条：必须有一个圈子无论如何做都是画地为牢：不加入一个圈子，就成为所有人的敌人；加入一个圈子，就成为另一个圈子的敌人；加入两个圈子，就等于没有加入圈子。只有独孤求败的精英才可完全避免圈子的困扰--这种人通常只有一个圈子，圈子里只站着老板一个人。第二条：必须争取成为第二名名次与帮助你的人数成正比--如果是第一名，将因缺乏帮助而成为第二名；而第二名永远是得道多助的位置，它的坏处就是永远不能成为第一名。第三条：必须理解职责的定义职责是你必须要做的工作，但办公室的生存定律是，职责就是你必须要做的工作之外的所有工作。第四条：必须参加每一场饭局如果参加，你在饭局上的发言会变成流言；如果不参加，你的流言会
阅读全文
摘要：(function(){ var a = 10, b = 2; a = a + b; b = a - b; a = a - b; alert(a+" "+b);})();(function(){ var a = 10,b=2; a = a^b; b = b^a; a = a ^b; alert(a+" "+b);})();(function(){ var a =10,b =2 ; a=[a,b]; b=a[0]; a=a[1]; alert(a+" "+b)})();//简化一下：(function(){ var a =10,b =2
阅读全文
摘要：目前有有关此文章的介绍（这里），但是只是部分内容。本文为全文翻译，并提供其他的一些页面性能优化方面的资源，希望能对reflow的进一步认识有所帮助。我之前还翻译过一篇关于reflow的文章，您有兴趣可以看看（点击这里）。原文地址：http://www.stubbornella.org/content/2009/03/27/reflows…-slow/原作者：Nicole Sullivan翻译：张鑫旭 以下为翻译全文，以”zxx:”打头的灰色文字是译者，也就是我的一些旁白了。//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并
阅读全文
摘要：1、请你自我介绍一下自己好吗？回答提示：一般人回答这个问题过于平常，只说姓名、年龄、爱好、工作经验，这些在简历上都有。其实，企业最希望知道的是求职者能否胜任工作，包括：最强的技能、最深入研究的知识领域、个性中最积极的部分、做过的最成功的事，主要的成就等，这些都可以和学习无关，也可以和学习有关，但要突出积极的个性和做事的能力，说得合情合理企业才会相信。企业很重视一个人的礼貌，求职者要尊重考官，在回答每个问题之后都说一句“谢谢”，企业喜欢有礼貌的求职者。2、你觉得你个性上最大的优点是什么？回答提示：沉着冷静、条理清楚、立场坚定、顽强向上、乐于助人和关心他人、适应能力和幽默感、乐观和友爱。我在北大青
阅读全文
摘要：ajax跨域调用有两种方式，一种是iframe的方式，通过设置document.domain来实现，一种则是通过设置jsonp来实现。一 、ajax 跨域调用的问题本地建了三个站点,并设置了host文件模拟跨子域和跨全域hello.comblog.hello.comworld.comhello.com下页面使用jquery的$.get调用blog.hello.com页面跨域请求，IE 7和8下报 access denied错误IE 6.0 则弹出 this page is accessing information that is not under its control. this pos
阅读全文
摘要：事件委托就是在一个页面上使用一个事件来管理多种类型的事件。这并不是一个新的想法，但对于把握性能来说却很重要。通常情况，你会在web应用程序中看到这样的代码： document.getElementById("help-btn").onclick = function(event){ openHelp(); }; document.getElementById("save-btn").onclick = function(event){ saveDocument(); }; document.getElementById("undo-btn&qu
阅读全文
摘要：Javascript和CSS都有许多优秀的框架，但如果你是初学者，不要急于使用它们。本文总结了30条HTML代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。1. 一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句：<li>Some text here.<li>Some new text here.<li>You get the idea.也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML标签，否则将
阅读全文
摘要：什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，
阅读全文
摘要：[javascript] view plaincopyprint?vararr=[3,3,1,6,7,4,4,1];varo={};for(vari=0;i<arr.length;i++){o[arr[i]]=arr[i];}arr=[];for(varelino){if(el==o[el])arr.push(el-0);}alert(arr);[javascript] view plaincopyprint?varclearRepeat=function(a){varc=[],b={};for(vari=0;i<a.length;i++){if(!b[0+a[i]]){b[a[i
阅读全文
摘要：中文名英文名UnicodeMac OS华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文黑体STHeiti\534E\6587\9ED1\4F53华文楷体STKaiti\534E\6587\6977\4F53华文宋体STSong\534E\6587\5B8B\4F53华文仿宋STFangsong\534E\6587\4EFF\5B8B丽黑 ProLiHei Pro Medium\4E3D\9ED1 Pro丽宋 ProLiSong Pro Light\4E3D\5B8B Pro标楷体BiauKai\6807\6977\4F53苹果丽中黑Apple
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML><HEAD><TITLE> 关于js的接口和 继承实现的代码例子 </TITLE><meta http-equiv="Content-Type" content="text/html; charset=UTF-
阅读全文
摘要：现在图片网与商城流行一种叫“瀑布流”的布局，我们公司也不小心得了“流行性感冒”，要搞这个。于是我就写了一个，现在再用我的框架mass重写一下，发布出来，顺便宣传一下我的框架。瀑布流其实没什么东西，就是列布局与无限拖的结合。由于要支持IE6就没有CSS3，直接对列进行绝对定位。列就是一个DIV。然后就是列中每个板 块的添加问题，我管它为砖头。每添加一块砖头前，比较一下哪列最短，就往哪里塞。最后就是无限拖，太easy了。加之，我的框架对样式，事件等设置非常简 单，比jQuery更方便。下面就是源码，用到了并行加载技术，预设时加载了random,ready,css,event这几个模块，它们就会自行
阅读全文
摘要：在网站建设的实际应用中，容易出现很多小小的失误，就像mysql当初优化不到位，影响整体网站的浏览效果一样，其实，网站的常规http状态码的表现也是一样，Google无法验证网站几种解决办法，提及到由于404状态页面设置不正常，导致了google管理员工具无法验证的情况，当然，影响的不仅仅是这一方面，影响的更是网站的整体浏览效果。因此，比较清楚详细的了解http状态码的具体含义，对于一个网站站长来说，这是很有必要俱备的网站制作基础条件。如果某项请求发送到您的服务器要求显示您网站上的某个网页（例如，用户通过浏览器访问您的网页或 Googlebot 抓取网页时），服务器将会返回 HTTP 状态码响应
阅读全文
摘要：对于JavaScript的框架已经很熟悉了，像jQuery, Ext, Dojo，最近又发现有很多的CSS Framework，转载一篇相关的文章。大多数的Web设计者大都听说过“CSS Framework”， 相信一些人已经开始尝试使用过其中的一些了。CSS就像其他的编程语言和脚本语言一样，在日常的编写过程中有很多的重复代码，这些重复代码也可以被整合在一起，从而减少重复劳动，使工作变的更简单。使用CSS Framework， 可能会减少你的开发时间和提高效率，另一方面，如果选择了错误的框架反而会增加额外的工作量和工作时间。现在有很多开源的CSS Framework，使用google便可以轻松
阅读全文
摘要：HTTP错误大全HTTP 400 - 请求无效 HTTP 401.1 - 未授权：登录失败 HTTP 401.2 - 未授权：服务器配置问题导致登录失败 HTTP 401.3 - ACL 禁止访问资源 HTTP 401.4 - 未授权：授权被筛选器拒绝 HTTP 401.5 - 未授权：ISAPI 或 CGI 授权失败 HTTP 403 - 禁止访问 HTTP 403 - 对 Internet 服务管理器 的访问仅限于 Localhost HTTP 403.1 禁止访问：禁止可执行访问 HTTP 403.2 - 禁止访问：禁止读访问 HTTP 403.3 - 禁止访问：禁止写访问 HTTP 4
阅读全文
摘要：原文地址：How browsers work简介Web浏览器恐怕是用户最多的软件了。本文将介绍浏览器的工作原理。想知道从你在地址栏中输入“google.com”，到窗口中显示Google主页的过程中都发生了什么？本文会为你揭开这个秘密。要讨论的浏览器今天，人们主要使用5种浏览器：Internet Explorer、Firefox、Safari、Chrome和Opera。这篇文章的分析源自开源浏览器——Firefox、Chrome和 Safari，Safari是部分开源的。根据W3C对浏览器使用情况的统计信息，当前（2009年10）Firefox、Safari和Chrome共 同的市场占有率已接
阅读全文
摘要：众多周知，对浏览器的检测主要分为3类：1：能力检测 调用方法之前判断浏览器支持这个方法吗。2：怪癖检测 根据不同浏览的特殊性为判断浏览器。3：用户代理检测 即通过检测用户代理字符串，这个字符串可以通过navigator.userAgent获取。下面介绍的2个方法都是怪癖检测的方法第一种：if(+"\v1"){alert("现代浏览器(包含ie9)")}else{alert("ie6,7,8")}在javascript中+后跟字符串是最简单的字符转转换成数组，所有浏览器中+”v1″返回的都是NaN，+”1″返回的是1，类型为number
阅读全文
摘要：MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。下面列出常用的文件对应的MIME类型：Mime-Types(mime类型)Dateiendung(扩展名)Bedeutungapplication/msexcel*.xls *.xlaMicrosoft Excel Dateienapplication/mshelp*.hlp *.chmMicrosoft Windows Hilfe Dateienapplication/mspowerpoint*.pp
阅读全文
摘要：一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。 Js代码 function f1(){ var n=999; } alert(n); // error这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变...
阅读全文
摘要：Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5种
阅读全文
摘要：帮助朋友们面试成功嘻嘻。1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 2：行内元素有哪些？块级元素有哪些？CSS的盒模型？3.CSS引入的方式有哪些? link和@import的区别是?4.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？5:前端页面有哪三层构成，分别是什么？作用是什么？6:css的基本语句构成是？8：你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？9.如何居中一个浮动元素?10.有没有关注HTML5和CSS3?如有请简单说一
阅读全文
摘要：使用div+css布局的好处不用多说，经常性地会使用到float，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。常用的清除浮动的方法有以下三种。此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。 1 <style type="text/css"> 2 <!-- 3 *{margin:0;padding:0;} 4 body{font:36px bold; color:#F00; text-align:center;} 5 #layout{background:#FF9;} 6 #left{fl
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <script type="tex
阅读全文
摘要：每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。一、简化代码JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的：var car = new Object();car.colour = 'red';car.wheels = 4;car.hubcaps = 'spinning';car.age = 4;下面的写法可以达到同样的效果：var car = {
阅读全文
摘要：函数是Javascript的最重用的内容，首先，要知道函数也是一个对象，要使用函数，一般要先定义，那么定义的方法有几种呢？可以分为两种：语句定义和表达式定义。使用最普遍的使用function语句。例如1.1： function sayHello(){ document.write("say,Hello!"); }函数的三要素：函数名，函数体，函数值。由于1.1没有return语句，它的返回值即函数值是undefined。例如1.2： function add(x,y){ return x+y; }此函数的功能是求两个数之和，函数值是返回两个数之和，函数值类型是number。
阅读全文
摘要：下面是webryan整理的百度web前端笔试和面试的一些题目和过程，提供给大家借鉴。百度web前端笔试试卷上的题目：1.判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-202.截取字符串abcdefg的efg3.让一个input的背景颜色变成红色4。给一个页面，写html css5。div的高宽等于浏览器可见区域的高宽，浏览器滚动，div始终覆盖浏览器的整个可见区域6。判断一个字符串中出现次数最多的字符，统计这个次数7。IE与FF脚本兼容性问题又重新问的是1，4，6，7，这次问出题者的意图，并且让给出7的更多答案，以及IE FF不兼容的原因然后看了看简历
阅读全文
摘要：一、填空题（40分）1、目前常用的WEB标准静态页面语言是__ ______。（4分）html2、改变元素的外边距用________，改变元素的内填充用________。（6分）marginpadding3、在Table中，TR是________，TD是________。（6分）行列4、如果给一行两列的表格（table）定义高度样式，在________标签中定义最合理，最能减少代码的臃肿。（5分）css样式也有说tr5、对ul li的样式设成无，应该是用什么属性________。（6分）list-styl-type：none；6、在新窗口打开链接的方法是________。（4分）target=
阅读全文
摘要：IE6的末日即将来临，但这个末日也并非朝日可至,所以我们还是争取最后的胜利，用各种hack和方法来规避IE6下双边距，背景透明，重复文字等等一堆bug。10个修复IE6下bug技巧IE6的末日即将来临，对我们前端开发人员来说,无疑是一个慰藉人心的喜讯。但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避IE6下双边距,背景透明,重复文字等等一堆bug.下面是转载自前端观察中的10个修复IE6下bug技巧:1.使用DOCTYPE你应该在一直每个HTML文件的头部都使用DOCTYPE，并且我们推荐使用strict版本，比如：<!DOCTYPEHTMLPUBLIC&
阅读全文
摘要：IE捉迷藏bug（peek-a-boo），之所以起这个名称是因为在某些条件下文本看起来消失了，只有在重新装载页面时才再度出现。出现这个bug的条件是：一个浮动元素后而跟着一些非浮动元素，然后是一个清理元素，所有这些元素都包含在一个设置了背景颜色或图像的你元素中。假如清理元素砬到了浮动元素，那么中间的非浮支元素看起来消失了，隐到了父元素的背景颜色或图像后面，只有在刷新页面时才重新出现。 幸运的是，有许多方法可以解决这个bug。最轻易的方法可能是去掉父元素上的背景颜色或图像。但是，这经常是不可行的。另一个方法是避免清理元素与浮动元素接触。假如窗口元素应用了特定的尺寸，那么这个bug似乎就不会...
阅读全文
摘要：最近面试有点多，有点麻木，不过这样也挺好，心态很淡定。本来准备把这篇技术日志写在QQ空间里面备份，但是羞于被老板抓包，就写在这个没有85后的人人吧。今天去了腾讯面试，不能说他们的笔试题有多难，只能说平时积累的太粗糙了，很多东西没有整理，没有回味，没有实践，没有仔细想，想明白，好在自己还有这个心，平时笔试完了都把不会的恶补一下，这次也不例外。以下就当备份吧，方便以后查阅，从记忆最深的谈起。第一个问题是this。老生常谈，this一直是javascript中的用的比较混乱的。很多人都没有搞清楚，原因就是javascript不是纯粹的面向对象语言（oo），而是一门专业名词的叫基于对象的语言（obje
阅读全文
摘要：孩子，你开错了窗户一个小女孩趴在窗台上，看窗外的人正埋葬她心爱的小狗，不禁泪流满面，悲恸不已。她的外祖父见状，连忙引她到另一个窗口，让她欣赏他的玫瑰花园。果然小女孩的心情顿时明朗。老人托起外孙女的下巴说：“孩子，你开错了窗户。”秘诀1:打开失败旁边的窗户，也许你就看到了希望。相信自己是一只雄鹰一个人在高山之巅的鹰巢里，抓到了一只幼鹰，他把幼鹰带回家，养在鸡笼里。这只幼鹰和鸡一起啄食、嬉闹和休息。它以为自己是一只鸡。这只鹰渐渐长大，羽翼丰满了，主人想把它训练成猎鹰，可是由于终日和鸡混在一起，它已经变得和鸡完全一样，根本没有飞的愿望了。主人试了各种办法，都毫无效果，最后把它带到山顶上，一把将它扔了
阅读全文
摘要：AQ-网络安全工程师 AQ-应用安全工程师 DZ-BOSS后台C/C++开发工程师 DZ-Java开发工程师 DZ-web前台开发工程师 DZ-客户端开发工程师 DZ-商品交易后台开发工程师 DZ-搜索后台高级开发工程师 GC-C++高级开发工程师 GC-PHP高级工程师 GC-web测试工程师 GC-web后台开发工程师 GC-前台开发工程师 GJ-web端开发工程师 GJ-高级运营开发工程师(Linux C/C++) GJ-后台开发工程师(Linux平台下开发) GJ-交互设计师 GJ-前台开发工程师(windows平台下开发) GJ-网站重构工程师 HL1-PHP研发架构师 HL1-QQ
阅读全文
摘要：由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jQuery对象才能使用jQuery定义的方法。注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。如：$(docum
阅读全文
摘要：■特殊符号：·⊙①⊕◎Θ⊙●○¤㊣㈱＠の■□★☆◆◇◣◢ ◤◥▲△▼▽⊿◢ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊▋▌▍▎▏■ ▓ 回 □ 〓≡↑↓→←↘↙♀♂┇┅‖$ @ * & # ※ 卍 卐 ∞Ψ §∮ № ⌒ ＊░ ▒ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ◆ ◇ ◈ ◎ ● ◐ ◑ ☉ ☎ ☏ ☜ ☞ ☺ ☻ ☼ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭♯ ■标点符号： ．。，、；：？！ˉˇ¨`~ 々～‖∶＂＇｀｜·… — ～ - 〃 ‘’“”〝〞〔〕〈〉《》「」『』〖〗【】（）［］｛｝︻︼﹄﹃ ■数学符号： ＋－
阅读全文
摘要：除了windows操作系统，EditPlus可以说是我最经常使用的软件了。无论是编写xhtml页面，还是css、js文件，甚至随笔记记这样的事情，我都会使用EditPlus（现在使用的是EditPlus2.31英文版），感觉它不仅功能强大，更难得的是：绿色、轻量级、启动速度快、稳定性高……反正，我个人是爱死她了！在使用中，我个人也总结了一些使用经验。可能作为高手的你，看来只是“相当肤浅”，但是没有关系，因为我相信，只要把知识共享出来，总能帮助到一些还在进步中的朋友。下面就让我们来开始配置出符合你自己使用习惯的EditPlus吧！2008-05-08补充：同时推荐大家阅读这篇《“阿一web标准学
阅读全文
摘要：Lazy Load是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Lazy Load 灵感来自 Matt Mlinac 制作的YUI ImageLoader工具箱. 这是演示页面.怎样使用?Lazy Load 依赖于jQuery. 请将下列代码加入页面head区域:[javascript] vi
阅读全文
摘要：在一网友空间里看到的，贴上来大家有兴趣的可以试一下，虽然DIV+CSS做了接近三年，但有些基础的东西却发现还是没有使用过一、耐心填一填！（每空4分，共24分）1. 为div设置类a与b,应编写HTML代码_<div class=”a b”>_</div>_________。2. 设置CSS属性clear的值为_both___________时可清除左右两边浮动。3.____li________标签必须直接嵌套于ul、ol中。4. CSS属性_____margin_______可为元素设置外补丁。5. 设置CSS属性float的值为___none_________时可取消
阅读全文
摘要：PNG图像格式介绍：PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的“PNG’s Not GIF”，是一种位图文件(bitmap file)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可 存储多到16位的α通道数据。IE6下PNG背景透明的显示问题PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透
阅读全文
摘要：腾讯WEB前端开发笔试题前段时间在网上把简历更新了一遍，陆续接到一些公司的面试通知的电话，有一天下午的时候，接到腾讯拍拍网打过来的电话，说招聘WEB前端开发工程师，在电话里简单的面试了一番，就给了我一次去腾讯面试的机会，那是的心情是格外的高兴，因为这是我梦寐已久的腾讯公司。第二天下着毛毛细雨，我顶着风雨。呵呵，来到了腾讯公司，已经去面试官就给了我一张试卷，并说先把试题做一做，时间为２０分钟，我把试题拿手上一看，全部都是javascript的试题，我对jquery框架比较熟悉一点，对原生的javascript不是很熟悉，这是心理就凉了一截。最后的结果也肯定是没有应聘上。现在将腾讯WEB前端开发笔
阅读全文
摘要：2011-05-17 22:15 20人阅读 评论(0) 收藏 编辑 删除CSS3 Pie使用CSS3 Pie可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。→ 访问CSS3 PieCSS3 Builder使用这款工具可以制作出漂亮的CSS3盒子，像是Photoshop制作出来的效果。→ 访问CSS3 BuilderCSS3 Drop shadow generator一款很棒的阴影效果生成工具，自动生成相应的代码。→ 访问CSS3 Drop shadow generatorCascader这是一个帮助开发者从HTML代码中分离出内联样式的工具。→ 访问Cascad
阅读全文
摘要：所有PC使用者所熟知的那個桌面上網藍色小圖示：IE，一直是一個落伍過時的網路瀏覽器。我們大概可以試想一下：如果沒有IE6，我們現在可能正享用著十年後我們才享用得到的網路進化成果。沒錯，IE6拖累了整個網路世界的進化，而且遺毒難清。但，很多人並不在意這些，就像他們也不在意投票給哪個落伍過時的人，選他當市長或總統也好那樣。「很多人並不在意」慢慢地變成了阻礙進步的反作用力，而不在意「很多人並不在意」而繼續求新求變的Web designer，顯然長久以來都是網路世界裡的反動份子。這些反動份子不時獲得網路俠義軍火商的情義贊助，免費提供各種足以在落伍過時的IE上展現顛覆奇蹟的奇技淫巧或神兵利器。這些奇技淫
阅读全文
摘要：通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的，这里将收集能够助你学习和使用CSS3的真正有用的工具。生成器CSS3 Please!跨浏览器的CSS规则生成器，支持：border-radius、box-shadow、渐变(线性)、rgba色彩、transfor
阅读全文
摘要：你只需要下载Robert Nyman的DOMAssistant脚本和ie-css3.js并将它们在你的页面的head标签中导入，如下：<head> <script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script> <script type="text/javascript" src="ie-css3.js"></script> </head> 支持的选择
阅读全文
摘要：一、下载您可以狠狠地点击这里：ie-css3.htc，这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件，.htc文件是个脚本文件，我个人以为与js文件属于同一货色，只是呢，貌似htc是Internet Explorer(IE)的私生子，只有IE才认它。htc文件可以用来描述web行为，web行为允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX 控件）来完成这个功能。Stop! 别叉远了，点到为止，如果您对htc文件感兴趣，可以参见这里。本文的这个ie-css3.htc文件看看名字，看看长相就知道是
阅读全文
摘要：做过前台设置的都知道css存在两种盒模型，W3C标准的方框模型和IE浏览器的方框模型。除IE以外的大多数浏览器只支持W3C方框模型。IE浏览器能够根据页面的呈现模式的定义而是用对性的方框模式。已用哪中呈现的模式取决于页面上的DOCTYPE的声明。如果页面包含有效的DOCTYPE声明，则以严格模式呈现。 如果页面没有DOCTYPE声明或没有有效的DOCTYPE声明，则以兼容模式呈现。 下面将一个两种模式的区别，两种呈现模式的主要差别是对元素width和height样式的计算上。如下面的样式 复制代码 代码如下:{ width:180px; height:72px; padding:1...
阅读全文
摘要：1.前言 懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页，淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。2.lazyload在什么场合中应用比较合适? 涉及到图片，falsh资源 , iframe, 网页编辑器(类似FCK)等占用较大带宽，且这些模块暂且不在浏览器可视区内,因此..
阅读全文
摘要：很多老的页面都没有doctype声明，浏览器对于那些没有doctype的网页是采用quirks mode解析的。通过quirks mode我们就可以解析早期的页面，防止老（90年代）的页面破相。不同的浏览器有不同的quirks模式，在ie6,7,8里，quirks模式可以有效的回到ie5.5的解析模式。但是在其他浏览器中，quirks模式和标准模式差别并不大。简单的说，如果在ie6里启动了quirks模式，那么解析的时候会按照ie5.5的渲染模式展现昨天有一个朋友给了我一个页面,说是只有在IE下会出现水平滚动条,我重新写了点简单的代码测试,发现设置了margin的0 auto可是页面不居中,最
阅读全文
摘要：由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。 W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。为保持浏览器渲
阅读全文
摘要：要成为高级 JavaScript 程序员，就必须理解闭包。本文结合 ECMA 262 规范详解了闭包的内部工作机制，让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中，真正领会到闭包的实质。原文链接：JavaScript Closures可打印版：JavaScript 闭包目录简介对象属性名解析值的赋予值的读取标识符解析、执行环境和作用域链执行环境作用域链与 [[scope]]标识符解析闭包自动垃圾收集构成闭包通过闭包可以做什么？例 1：为函数引用设置延时例 2：通过对象实例方法关联函数例 3
阅读全文
摘要：. 基本css选择器选择器描述*匹配任何元素E匹配标签名称为E的所有元素E F匹配标签名称为F,作为E的后代节点的所有元素E>F匹配标签名称为F,作为E的直接子节点的所有元素E+F匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着)E~F匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨着)E:has(F)匹配标签名称为E,至少有一个标签名称为F的后代节点的所有元素E.C匹配带有类名C的所有元素E. .C等效于*.CE#I匹配id特性值为I的元素E. #I等效于*#IE[A]匹配带有特性A的所有元素E(不管特性A的值是什么)E[A=V]匹配所有元素E,其特性A的值正好是VE[A^=V
阅读全文
摘要：float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。清除浮动（我更喜欢叫闭合浮动元素）的最简单的方法就用<div style=”clear:both;”></div>加入空的标签，但是这种不够语义化，也显得不是很灵活，每次都要加额外的html。于是有人就想到css里面有一个：after的，这样就不需要加入额外的html了，完全由css完成，于是就有了下面这段比较经典的css代码：.cle
阅读全文
摘要：hasLayout 是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内 容，而不是依赖于祖先元素来完成这些工作。下列元素默认 hasLayout=true ：<table> <td> <body> <img> <hr> <input> <select&g
阅读全文
摘要：在IE中，有一个很重要的概念，这个概念，对 IE 中页面元素的布局有影响。这就是 hasLayout。可能很多人都不知道它的存在吧，但是它却偷偷的做了那么多坏事。虽然如此，MSDN 中涉及到 hasLayout 这个 MS 属性的地方寥寥无几，而具体解释 layout 和 IE 渲染模型之间关系的则少之又少。hasLayout 就是一把双刃剑，对 IE 的布局很重要，而同时，在 IE 中引起了很多 bug，比如浮动双边距bug等。它是很多兼容性问题的罪魁祸首。IE专有的LayouthasLayout的字面意思是 “拥有布局”。在说明 hasLayout 之前，需要先说明一个跟它相关的概念--”
阅读全文
摘要：作用相似html标记:strong与em、q、cite、blockquote,在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有 在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签...
阅读全文
摘要：haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout） 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清楚的概念。大多IE下的显示错误，就是源于 haslayout。 当...
阅读全文
摘要：其实很多seoer不知道b和strong以及i和em是什么东西，因为他们从来没有接触过html标记，写文章的时候只是用网站后台的编辑器排版文章，需要加粗的时候点击编辑器上面的B按钮就行了。 但是对于一些稍微了解html的朋友来说b和strong又成了问题，不仅是seoer为这个问题头疼，就连很多网页的编写者也分不清这两个标记有什么区别，而在网页的编辑工具如：Dreamweaver里面如果选用加粗之后自动会出现strong标记，所以有的时候写完了代码，为了节省空间，还需要手工的改成b标记。 因为两者所达到的效果一样，所以人们就没有太在意这两个到底有什么区别，那么今天我来告诉大家，是有区别...
阅读全文
摘要：首先看HTML4.01中的说明： EM:Indicatesemphasis. STRONG:Indicatesstrongeremphasis. em表示强调，strong表示更强烈的强调。言简意赅，表明了em和strong的命名来历。并且在浏览器中，em默认用斜体表示，strong用粗体表示。这是第一个层次上的区别。 emisforlocalemphasis.Yousee?Localemphasis.Ifyouwouldemphasizeawordinspeech,useem.strongisforglobalhighlighting.Whensomebodylooksatyou...
阅读全文
摘要：我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间.然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat.而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件不具备的.同时DD_belatedPNG还支持a:hover属性,以及<img>.
阅读全文
摘要：尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去，偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中，网页教学网介绍了7个在IE和Firefox中不同的JavaScript句法。1. CSS "float" 值访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的<div>的 background-color值，我们使用如下句法：document.getElementById(&quo
阅读全文
摘要：IE，Firefox中的事件对象Event：在IE中，不能把Event对象作为参数传递给事件处理程序，只能用window.event或者event来引用Event对象。因为在IE中，event是window的一个属性，也就是说event是一个全局变量，这个变量提供了事件的细节。Firefox支持几乎所有的W3C DOM二级标准，和部分W3C DOM三级标准。W3C DOM中的Event对象并不是window全局对象下面的属性，换句话说，event不是全局变量。通常在W3C的DOM二级标准中，event作为发生事件的文档对象的属性。在Firefox下JavaScript函数中获取event的方法
阅读全文
摘要：首先感谢“丸子”提供的这个IE8的css hack；关注过IE8的css hack的人相信大家都在使用这个hack，就是“/9”的css hack：.test{color:#000000; /* FF,OP支持 */color:#0000FF/9; /* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */[color:#000000;color:#00FF00; /* SF,CH支持 */*color:#FFFF00; /* IE7支持 */_color:#FF0000; /* IE6支持 */}包括我自己也是使用这种的，这是
阅读全文
摘要：问题 : Web 前端技术是国内的叫法和行业归类吗，对应的英文称呼是什么 ... 感谢热心会员[qq2948910]的耐心解答! 最佳回答 : ... 其他回答: web前端技术，最核心的是(x)html+css+js。从事前端开发的人员被称为前端开发工程师，即Front-end web developer。目前在国内，只是一些大一些的互联网公司有专门的web前端开发工程师的岗位和明确的岗位定义。 [问题] Web 前端技术是国内的叫法和行业归类吗，对应的英文称呼是什么 [回答 1] 就是写JS的。. 我见过一个单位把这种人称之为：junior engner[回答 2] web前端技术，最核心
阅读全文
摘要：DIV＋CSS的实质是：使用XHTML对网站进行标准化重构，使用CSS将表现与内容分离。 什么是浏览器HACK：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的显示出来不正常。 因此，在网站设计的时候，应该注意css样式在不同浏览器下的兼容性问题，特别是对完全使用DIV+CSS设计的网站，就应该更注意IE6、 IE7以及FF对CSS样式的兼容，不然，你的网页可能出现意料之外的效果。一、区别不同浏览器的CSS hack写法：① 区别IE6与FF： background:orange;*background:b.
阅读全文
摘要：方法一：跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSShack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSSHack技术有很多，具体可以查看： 本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： ———————IE6——IE7——IE8——FF2——FF3—Opera9.5 >property——Y——Y——Y——N——N——N .property——Y——Y——Y——N——N——N *property—
阅读全文
摘要：在PrugeHosting上申请的一个免费主机空间上做了一个Wordpress , 设置 自定义链接结构之后居然发现所有的链接都失效，实现不了伪静态，本以为是主机空间不支持 mod_rewrite，昨天问 客服他们说支持，我就开始考虑是不是.htaccess 文件的问题，到wordpress根目录，发现没有这个文件，居然没有生成？我就自己建了一个，并且文件将属以及wordpress目录性更改为777，重新设置永久链接还是不出现，这就怪了，莫非要我手写不成？没办法，硬着头在.htaccess中写了如下规则:RewriteEngine OnRewriteCond %{REQUEST_FILENA.
阅读全文
摘要：<script>//对代码进行操作function runCode(obj){var winname = window.open("", "_blank","resizable=yes,scrollbars=yes,status=yes");winname.document.open("text/html", "replace");winname.document.writeln(obj.value);winname.document.close();}function saveCo
阅读全文
摘要：[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ][操作系统：Windows]貌似很多同学对为什么这个div在上层，那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终，致使不敢随意使用层的叠加。但层的叠加效果，在交互设计中却频频出现，所以我们必须驾驭它，要驾驭它，就要掌握其规律。首先明确几点在文中所需要用到的概念：1. 静态定位：position:static（为position属性的默认值）。 2. 动态定位：position:relative或position:absolute或
阅读全文