- 博客(49)
- 收藏
- 关注
RSS订阅原创 配置eclipse环境
1. 下载eclipse juno版本64位 www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/juno/SR2/eclipse-jee-juno-SR2-win32-x86_64.zip2. 启动eclipse，配置tomcat： “Window”--"Pre
2013-04-25 16:25:02
1327
转载 doctype声明、浏览器的标准、怪异等模式
转自http://www.fantxi.com/blog/archives/browser-mode/群里看到一个面试题，doctype 标准(严格)模式(Standards Mode)、怪异(混杂)模式(Quirks Mode),如何触发，区分他们有何意义？而且据说是笔试题，汗。现在对做题比较感兴趣，so整理份答案（不保证满分。而且如果我做笔试题，每天打字，很多汉字都写不出了，只
2012-09-12 16:20:34
902
转载 jdbc for mysql demo
http://www.cnblogs.com/zfc2201/archive/2011/08/24/2152685.htmlpackage com.huawei.mysql; import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import java.
2012-08-20 11:21:34
1624
原创 FF插件开发——GridSystem
1. 由helloworld改名为gridSystem的注意点：①install.rdf的插件ID改为：gridSystem@mozilla.doslash.org。同时，调试目录下%APPDATA%\Mozilla\Firefox\Profiles下的gridSystem@mozilla.doslash.org文件相应的改名。②相应的目录结构发生变化，overlay.xul中需要改写
2012-08-07 16:45:09
726
转载 Firefox安装扩展不再延迟
Firefox在安装扩展或插件时会自动延迟3秒进行倒计时,然后才会显示安装按钮.解决办法很简单这里以Firefox 3.0Beta5为例,其它版本操作完全一样.在地址栏中输入"about:config",在随后出现的页面选择"我保证会小心"按钮,进入配置页面后,在"过滤器"后面的文本框中输入"security.dialog_enable_delay",定位该项目,双击修改为0,确定后即可生效.以后
2012-08-07 14:46:45
438
转载 Reset CSS 研究（技术篇）
转自http://hi.baidu.com/colourbird/blog/item/98c2ecc446d3e4c239db49da.htmlReset CSS 研究（技术篇）2009-07-19 20:17回顾与反思第一份 reset css 是 Tantek 的 undohtml.css, 很简单的代码，Tantek 根据自己的需要，对浏览器的默认样式进行了一
2012-07-31 10:51:18
875
原创 如何安装MyEclipse开发环境
如何安装MyEclipse开发环境MyEclipse是Eclipse的一个插件，所以，你必须先安装Eclipse才可以安装MyEclipse。 MyEclipse是一个编译器，要做JAVA程序，就要配置基本的JDK环境变量 一、安装JDK 首先下载JDK 5.0（JDK 5.0的下载页面为：http://java.sun.com/j2se/1.5.0/download.jsp）
2012-07-30 21:48:30
569
原创 前端小tip
1.ie6下的双边距bug 出现条件：当浮动元素的浮动方向和浮动边界的方向一致时才会出现 额外增加出现条件：当两个兄弟元素，满足以上条件时，兄弟元素之间的间距并不会加倍。 当父子元素，子元素满足上述条件时，与父元素之间的间距会加倍。2.margin:0 auto在ie下是否生效
2012-07-26 14:13:43
488
转载 How browsers work_浏览器是怎么工作的？
原文：http://taligarsiel.com/Projects/howbrowserswork1.htm有点长，前面介绍的比较细，但是到后面就越写越糊了，两年了 都没有继续写下去，据说是没有时间写了。。。翻完了之后 想找些 这个作者的资料 无意发现三个多月前已经有人翻过了 也留下来http://blog.zhangguoqiang.name/index.php/catego
2012-07-25 22:24:26
1312
转载 SWFUpload介绍 使用SWFUpload上传文件
转自：http://hududumo.iteye.com/blog/1593383什么是SWFUploadSWFUpload是一个网站前端文件上传组件。SWFUpload通过flash+javascript，实现在不刷新网页的条件下，多个文件批量上传（实际上是逐个上传）、以及显示上传进度。SWFUpload基本原理1、传统的html表单文件上传传统的文件上传是使用下面这种F
2012-07-19 14:52:07
2751
转载 Eclipse开发环境搭建
转载自：http://www.iteye.com/topic/982182使用eclipse真的有年头了，相信java程序员没有不知道它的，最近在给团队中新来的应届生做指导，专门讲解了一下Eclipse开发环境的搭建过程，一是帮助他们尽快的熟悉IDE的使用，二也是保证团队开发环境的一致性（顺便说一下，这点在敏捷开发团队中尤为重要，方便知识传播，提升团队快速响应能力）。 培训的过
2012-07-15 19:52:33
771
原创 hover 你的触发边界在哪里
最近，遇到一个开发任务。要求在绿色框线内触发hover事件。方案一：容器剥离要求的触发区域并不一个完整的div容器，可以从最外层容器（LI容器）中剥离出上方的时间区域，头像区域，内容区域。即触发区域 = 外层容器 - 时间区 - 头像区 - 内容区。判断hover事件的event.target 对象是否属于后三个区域及其子元素。如果true，则return。不幸地是，鼠标从右侧
2012-05-22 14:54:29
2486
转载 通过UserAgent判断智能手机(设备,Android,IOS)
最近一直在升级公司的手机站点，出了个触屏版专用的，做好后，就尝试通过 Agent 来判断相应的智能手机设备，然后跳转到新的手机站点经过不懈的努力，终于搜集了比较全的 智能设备 的 Agent，然后又写了程序，直接上代码吧，希望能帮助到你/// /// 根据 Agent 判断是否是智能手机 /// /// public static bool CheckAge
2012-05-21 15:59:00
123428
7
原创 响应式页面设计
需求：将没体页面改进成响应式页面，不仅是PC上在移动设备上也要显示完美，特别是iphone、ipad1. 设备判断：var ua = navigator.userAgent.toLowerCase(); var device=""; if(ua.indexOf("iphone")> -1){ device = "iphone"; } else if(ua.indexOf(
2012-05-21 10:52:45
1262
原创 关注运营账号
收到运营部的工作人员账号excel，需要批量关注。给D列的所有单元格加入超链接，链接到其个人时空1.Alt+F11，进入VBA编辑界面2.插入一个Module3.copy以下代码 Sub 链接()i = 3 Do While Range("D" & i).Cells.Text <> "" Range("D" & i).Select
2012-05-13 15:00:43
656
原创 新手配置GVIM
1.中文乱码问题打开VIM安装根目录下_vimrc，在最后加入如下代码：set encoding=utf-8set termencoding=utf-8set fileencoding=chineseset fileencodings=ucs-bom,utf-8,chinese set langmenu=zh_CN.utf-8source $VIMRUNTIME
2012-05-08 11:32:28
1056
原创 追查1px的bug
ajiao注：仅为自己记录，其他博友们看可能云里雾里。今天花了2个多小时调查错位1px（在某些环境下更多）的bug。页面情况：标签框相对于左侧的checkbox绝对定位。飞一下、取消、推荐到没体均为右浮动。调查： 截图、在PS上一点点测量，发现checkbox错位了1px。无从考证，很多种原因造成这种错位，不同的操作系统、字体（此处字体均为微软雅黑）、浏览器、分辨率都有
2012-03-24 16:14:28
827
原创 开发Firefox扩展实战——切换主题
www.l99.com要维护16套主题的样式，并且保证浏览器兼容，实在是个枯燥乏味又无聊的事。每次改完样式，就要更换主题一个一个去检查。比如当前页面为默认主题的首页，一系列的点击顺序是：更换主题->选择主题->下一页(50%的机会点击)->确认安装，15套主题更换完需要的点击次数为15*3 + 15/2 = 52。如果提供选择主题的工具条，更换模板仅需要点击15次。正好也刚刚看完火狐扩
2012-03-21 17:17:38
871
原创 开发Firefox扩展——译自MDN.docx
ajiao注：译自https://developer.mozilla.org/en/Building_an_Extension,意译非直译一.简介这篇教程通过一些必要的步骤指导你开发一个简单的扩展——在火狐浏览器的状态面板（status bar panel）中加入一项“hello,World”。（ajiao注：事实上是加在了工具菜单中）从firefox4（和其他的基
2012-03-20 20:39:15
2129
原创 我们的现状是看到任务马上写代码
俗话说磨刀不误砍柴工，编码前的设计及其重要，30%~60%的时间都算是正常的。先跟后端开发工程师约定页面大概的显示效果，请求方式地址参数和填充数据，再根据设计图总结出复用的CSS模块，如何定义base.css，common.css等。这应该是一个先慢后快的过程。可实际上，在工期已定设计图还没有完成的情况下，还谈什么代码设计啊。给一张图做一个页面，修改一张图再修改一半的代码，每多加一个方
2012-02-20 17:30:56
544
原创 IE6貌似没有那么讨厌
有IE6的一天，就要慎用很多CSS样式，比如说浮动、定位、旋转等，还要额外增加样式，比如触发haslayout，甚至还有一些诡异的规则。不过，最近遇到的两个问题，让我对IE6有些改观。一，在某个class中，background-color写在了width、height之前，背景颜色竟然不生效。好像也可以理解，浏览器要先对DOM定位，然后解析自身属性，接着再解析内部对象。CSS属性确实有推荐的
2012-02-20 17:15:00
523
原创 《浪潮之巅》读书笔记
1.摩尔定理主导着IT业的发展，意味着每十八个月计算机等IT产品的性能会翻一番；或者说相同性能的IT产品，每十八个月价钱会降一半，据说几十年来IT行业的发展始终遵循着摩尔定理预测的速度。英特尔的创始人摩尔博士最早看到了这个现象，当时正是计算机行业蓬勃发展的时候，现象得出定理，这个定理无可厚非。后来，也许是这个定理决定了这个现象的继续发展。变成了为了使摩尔定理成立（或者为了提高竞争力），IT公司必须
2012-01-28 16:38:05
429
转载 阿里巴巴中国站首页改版的经验总结
同任何网站一样，阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼。设计的过程总是痛苦的，因为判断和选择总是艰难的，这里我们并不想叙述改版的整个流程——尽管不同团队的架构和设计团队的职责有所差异，但除了决策过程不同外，大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程中经验和教训，以及对于首页甚或产品redesign的思考。互联网的一些事 以下是我们觉得必要的思考流程
2012-01-28 10:45:01
1755
转载 我是如何学习NodeJs
实际上在开始的时候我已经对NodeJS有了一定的了解。比如我知道它是居于Javascript语言的服务器端web Server，比如我知道它的优势在于它的性能，而造成性能优异的原因在于高效的V8引擎，也就是编译器，以及其它一些语言层面的东东，无非就是JS一些语言的特点，函数，异步，回调之类的。所以对于这样的一项技术我已经知道它的优点缺点以及技术的方向，也许有人会问我深入学习它的目的是什么？
2012-01-27 22:41:20
5952
1
转载 javascript小技巧
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键
2011-09-07 20:27:44
639
转载 IE6,IE7,IE8 CSS hacks 演示之 检测当前浏览器版本
这个样例比较系统的将IE6,IE7,IE8 CSS hacks方法应用出来。 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS
2011-08-17 20:57:05
493
原创 笔试题
<br />题1.给Array原型添加一个方法,这个方法接受一个参数,如果这个参数在数组中存在那么就把它从数组中删除。回答:<br />Array.prototype.unique = function(num) { <br />for(var i=0; i<this.length; i++) { <br />if(this[i] ==num) { <br /> this.splice(i 1); <br />} else { <br /> i++; <br />} <br
2011-03-29 21:45:00
452
转载 web2.0网站的四大特性简述
<br />Web2.0之所以区别于1.0，关键在于以下四个重要的特性: <br />可重用的微内容<br />微内容的英文是Microcontent，微内容来自于用户产生的各种数据，比如一则网志，评论，图片，收藏的书签，喜好的音乐列表、想要做的事情，想要去的地方、新的朋友等等。而我们在Web1.0中其实也产生不少微内容，比如在线相册、论坛发言等等，但Web2.0的一个重要特性就在于可重用的微内容，这使我们在任何地方都自由地使用这些微内容成为可能，从而可以聚合、管理、分享、迁移这些微内容，并可以进一步组合(
2011-03-25 00:27:00
1197
转载 IE盒子 VS W3C盒子
<br />盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： <br /> <br /><br /><br /> <br /> <br /> 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。<br /> IE 盒子模型<br /> <br /><br /> <
2011-03-22 22:06:00
608
转载 display的表格属性值
你可以给HTML元素指定与表格相关的display属性值，使得它们像表格元素那样渲染。以下是这些可用的display属性值：table 使该元素按table样式渲染 table-row 使该元素按tr样式渲染 table-cell 使该元素按td样式渲染 table-row-group 使该元素按tbody样式渲染 table-header-group 使该元素按thead样式渲染 table-footer-group 使该元素按tfoot样式渲染 table-caption 使该元素按caption样式渲
2011-03-22 21:33:00
1443
转载 CSS{display:inline-block}
<br />2002年W3C推出CSS2.1规范时，给元素的display属性增加了inline-block值。其作用是“这个值导致一个元素产生一个块状盒模型（block box），而本身作为单一的内联盒模型（inline box）流动排列（flow），类似一个被替代的元素。Display值为inline-block的元素内部形成一个块状盒模型，而本身形成类似一个内联的被替代元素”[1]。即display为inline-block的元素既可以像块状元素一样定义高度宽度，又可以和内联元素（比如文字）排列在一行
2011-03-22 21:22:00
518
转载 position详解
<br />1．定位的专业解释<br />(1)语法<br />position : static | absolute | fixed | relative <br />只讲最常用也是最实用的两个定位方法：绝对定位（absolute）、相对定位（relative）。<br />绝对定位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定
2011-03-17 23:06:00
569
转载 CSS3的新特性
尽管CSS3的诸多新特性还不被很多浏览器支持，或者说支持的不好。简单的说，CSS3把很多以前需要使用图片和脚本来实现的效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程，还能加快页面载入速度。一、 选择器1.属性选择器三个新的属性选择器被添加到CSS3：[att^="value"]匹配包含以特定的值开头的属性的元素 [att$="value"]匹配包含以特定的值结尾的属性的元素 [att*="value"]匹配包含含有特定的值的属性的元素例
2011-03-10 21:30:00
527
转载 HTML5的表单新特性
<br />HTML5 Web Forms 2.0是对目前Web表单的全面提升，它在保持了简便易用的特性的同时，增加了许多内置的控件或者控件属性来满足用户的需求，并且同时减少了开发人员的编程。在我看来，HTML5 主要在以下几个方面对目前的Web表单做了改进：新的控件类型 HTML5提供的一系列新的控件将天然的具备类型检查的功能。比如说URL输入框，Email输入框等。<br /><input type="url"></input><br /><input type="email"></input>日期
2011-03-09 22:00:00
503
原创 html5的新特性
HTML5 中的一些有趣的新特性：一、新标签 HTML5废除的标签： 定义大号文本 定义居中的文本 定文本的字体外观、字体尺寸和字体颜色 定义子窗口（框架） 定义框架集。它用于组织多个窗口（框架） 向浏览器显示无法处理框架的提示文本 定义加删除线的文本 HTML5新标签1.定义声音，比如音乐或其他音频流。例如：3. 定义图形
2011-03-09 21:08:00
884
原创 理解ajax
ajax是基于javascript和xml的，如果每次都是表单提交，两次提交的信息可能大部分相同，服务器返回一个新的页面，整个页面刷新。ajax应用向服务器发送并取回必需的数据，在不更新整个页面的前提下维护。缺点是破坏浏览器后退按钮的行为。因为浏览器仅能记录下历史记录中的静态页面，通过后退按钮无法取消前一次操作。ajax调用的过程：①根据不同浏览器创建XMLHTTPRequest对象⑤ http_request = false; //Mozilla浏览器 if(window.XMLHttpRequest)
2011-02-27 15:51:00
353
原创 XHTML的页面标准
一个最小的XHTML文档：无标题文档基本语法：1.根元素之前有个DOCTYPE声明2.根元素必须用xmlns属性修饰到http://www.w3.org/1999/xhtml。3.所有标签必须闭合4.所有元素或属性必须
2011-02-27 15:13:00
558
原创 xsl页面
JSP开发的两种模型：1.JSP+JavaBean2.MVC传统的web应用程序都是采用JSP页面来实现的，作为视图的JSP页面访问控制器controller产生的结果Bean，根据Bean的值来填充动态数据部分，产生HTML页面发给客户端。JSP缺点：嵌入java代码，没有将显示与业务逻辑的处理区分开，每次修改都要重新编译。所以用xml和xslt作为MVC架构的视图部分。xml承载数据，xslt负责对xml文档进行转换。
2011-02-27 15:06:00
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人