- 博客(188)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 easyDialog 简单、实用的弹出层组件
easyDialog没有模板机制，只负责逻辑层的弹出效果，至于内容(消息框、表单、图片等)该如何呈现，easyDialog都不管，内容属于业务层的东西，业务需求是千变万化的，如果逻辑和业务结合很紧密，那么可移植性和可扩展性将大大降低。当然，如果你想找那种集成了模板的弹出层，请移步artDialog，artDialog的模板设计得很精美，功能也是很丰富的，但是体积比较大，压缩后的体积还是有18KB，
2013-05-15 11:22:43
2276
转载 CSS选择器的权重与优先规则
我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？ 在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先。 那么，又怎么来计算选
2013-03-26 17:36:05
1089
原创 有关IE常见bug
bug1:楼梯导航HTML代码： list1 list2 list3 list4css样式ul{list-style:none}ul li a{width:130px; height:30px; color:#fff;background:#099;border:1px solid #3CF;float:left;margin:30p
2013-03-19 17:36:49
1358
原创 父元素与子元素之间的margin问题（css hack）
hack： 父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。html代码： css样式：.box1{height:200px;width:200px;background:gray;}.box2{height:100px;width
2013-03-19 11:13:48
1683
转载 ThinkSNS/ThinkSNS后台应用管理
ThinkSNS|ThinkSNS安装指南|ThinkSNS使用|ThinkSNS二次开发指南|ThinkSNS模板开发教程 目录 [隐藏] 1应用列表2应用安装3参考来源4ThinkSNS使用手册导航应用列表罗列出站点所有已安装的应用，并可进行编辑和卸载。卸载操作，将从整个
2013-01-23 11:46:28
4171
转载 CSS border实现三角形
一、原理CSS盒模型一个盒子包括：margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点，通过设置不同的上下左右边框宽度或者颜色可以得到小三角，小梯形等。 调整宽度大小可以调节三角形形状。示例1：一般情况下，我们设置盒子的宽高度及上下左右边框，会呈现如下图：CSS语言:高亮代码由发芽网提供1 #tes
2013-01-18 16:07:20
1131
1
转载 前端基础知识点
[HTML && CSS]1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 首先我讲讲如何触发两种模式： 加入xml头部声明可以触发IE浏览器的Quirks mode，触发之后，浏览器解析方式就和IE5.5一样，拥有IE5.5一样的bug和其他问题，行为（Javascript）也是如此。 IE6的触发 在XHTM
2013-01-16 16:59:13
2460
转载 八款JS框架介绍及比较
Dojo Dojo 是目前最为强大的JS框架，它在自己的 Wiki 上给自己下了一个定义，Dojo 是一个用 JavaScript 编写的开源的DHTML工具箱。Dojo 很想做一个“大一统”的工具箱，不仅仅是浏览器层面的，野心还是很大的。Dojo 包括 Ajax、Browser、Event、Widget 等跨浏览器 API，包括了 JS 本身的语言扩展，以及各个方面的工具类库，和比较完
2013-01-16 09:36:58
1768
转载 圣杯布局
圣杯布局我听就听了很久很久啦，而且每次看到圣杯布局总会离不开一篇文章，那就是a list apart里面的In Search of the Holy Grail。随着现在H5，CSS3的发展，IE6，IE7的逐渐退出舞台，或许现在工程师也没那么纠结了（或许而已，移动的大肆发展，还是出现了更多要兼容的东西，但是现在也逐渐不用再纠结那个IE6了吧，起码做移动端的就可以不用）。这篇文章06发布的，或许将
2012-12-17 11:08:39
8643
转载 CSS border实现三角形
一、原理CSS盒模型一个盒子包括：margin+border+padding+content。上下左右边框交界处出呈现平滑的斜线。利用这个特点，通过设置不同的上下左右边框宽度或者颜色可以得到小三角，小梯形等。 调整宽度大小可以调节三角形形状。示例1：一般情况下，我们设置盒子的宽高度及上下左右边框，会呈现如下图：CSS语言:高亮代码由发芽网提供1 #tes
2012-12-14 15:02:19
5752
转载 2012 年的 36 个优秀前端开发教程
学习新的开发技术通常是艰巨的和费时的。过去,web开发人员一般会购买书籍或阅读由其他开发人员编写的指南。现在你可以找到很多新的博客文章和教程! 更不用说在YouTube上的所有个性化的教程和类似的视频托管网络。我把这些内容做了汇集，主要关注web技术,如动态横幅、导航菜单、照片幻灯片,和表单输入,还有许多其他的。Animated Tabs Widget Dynamic Web
2012-12-12 16:49:15
1196
转载 前端工程师必须掌握的知识点
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点有：1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。3、事件 —— 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。5、严
2012-12-01 17:09:30
1172
1
转载 如何成为一名优秀的web前端工程师（前端攻城师）？
程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 · 詹姆士 我所遇到的前端程序员分两种：第一种一直在问：如何学习前端？第二种总说：前端很简单，就那么一点东西。 我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。 何为：前端工程师？前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素
2012-12-01 17:08:05
993
转载 line-height:150%, line-height:1.5的区别
主要区别还是1.5内部继承的是未经过计算的，line-height:150%是经过计算的。因为line-height:继承属性和其他css不一样的地方是根据font-size:px数值进行计算的 我们都知道line-height是可以继承的，由于这个特性，子元素就可以不用重复定义line-height了。但line-height会给人误解的地方也就是这个继承。这是怎么回事呢？别急，我们先
2012-11-26 11:19:26
1480
转载 height、clientHeight、scrollHeight、offsetHeight区别
我们来实现test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.getElementById("test3
2012-11-08 09:53:40
896
原创 密码框显示提示信息
$(document).ready(function(){$("#password_input").blur(function(){if($(this).val()==""){$(this).val("请输入密码");if($(this).attr("type") == "password"){$(this).hide();$('#password_text').show();$('#passwo
2012-11-08 09:42:16
861
转载 rel="nofollow"对网站的作用
Google联合Yahoo!MSN和主要Blog服务提供商推出一个新的搜索引擎收录服务标准，超链的rel="nofollow"属性。rel这个属性是用来说明链接和包含此链接页面的关系，以及链接打开的目标，它有许多的属性值，比如next、previous、chapter、section等等。我们现在比较长见的是rel="externalnofollow"与rel="nofollow"两种参数的应
2012-10-31 10:37:27
2670
转载 a:focus{outline: none;} 如何去掉点击链接时周围的虚线框outline属性
1. CSS方式 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true”属性即可，但这个属性是IE私有的，Firefox是不认的。 加了hidefocus属性IE中用CSS处理的方式为：a{noOutline:expression_r(this.onFocus=this.blur());}Firefox的处理方法比较符合
2012-10-29 17:12:51
11730
转载 早晨从中午开始
起初一看这个题目觉得心里产生了共鸣，是啊，只有一觉睡到中午十一二点的人才会说出这样的话，然而究其为何会一觉到中午的原因会发现因为晚上是捕捉灵感的好时光，作家如此，程序员或者Hacker亦是如此。 路遥的这篇文章可谓是让我心潮澎湃，单说其这种晚上不睡白天不起的习惯就让我有点满足。为什么会满足？因为曾几何时，我也想过以后当一个作家该如何如何，而今，我不是作家，却和作家有一样的习惯
2012-10-20 09:16:42
1116
1
转载 经常用电脑还得多注意眼睛呀
学计算机的兄弟们要注意用眼健康（最舒服的网页颜色）如鹏网现在，人们不管是娱乐还是工作，都离不开电脑。但电脑屏幕尤其是网页的底色，主要都是刺眼的白色。看得时间长了，眼睛就会酸疼甚至流眼泪。如果网页底色变成淡淡的苹果绿，这个问题就能有效地缓解。操作方法： 首先，在桌面上点击鼠标右键，再依次点击“属性”和“外观”、“高级”按钮，然后在“项目”下拉列表里选择“窗口”，再打开右边对应的“
2012-10-18 18:06:49
708
转载 普通的程序员与优秀的程序员的一些差别：
1, 普通的程序员遇到问题喜欢张口就问别人，问之前没经过大脑想想。这是一个不好的习惯。其一，自己都没仔细想想，就算别人帮你把问题解决了，你自己不多久就会忘记。下次遇到，照样是不会。因为这个问题你没有经过大脑。其二，能够回答你问题的人，多半是有一定经验了。他们或许很会安排好自己的事情，管理好自己的时间。如果时常去打断他们，他们会觉得你很烦。优秀的程序员多半会先到网上查找一下相关问题，看看网上有没
2012-10-18 17:56:27
758
原创 jquery获得下拉框的值
获取Select ： 获取select 选中的option的值: $("#ddlRegType").find("option:selected").val(); 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 val
2012-09-20 15:36:54
2146
转载 jQuery 之 选择器总结
jQuery的基本选择器:1)有通过给定的id来选取一个jQuery对象----->$('#id')2)有通过给定的类名来选取一个jQuery对象的集合--->$('.class')3)有通过给定的元素来选取一个jQuery对象的集合--->$('element')4)有通过通配符*号来选取该网页中的所有的jQuery对象的集合--->$('*')5)有通过
2012-09-17 18:54:07
3751
转载 js获取cookie
利用cookie记忆当前位置的防刷新导航条，主要向大家展示如何在Js中使用Cookies技术，用好了Cookies，会使你的Js技术更上一层楼。这个菜单就感觉不错，当你鼠标点击之后，重新刷新页面后它仍然是保留在原位置，好像带有记忆功能。利用cookie记忆当前位置的防刷新导航条，主要向大家展示如何在Js中使用Cookies技术，用好了Cookies，会使你的Js技术更上一层楼。这个菜单就感觉不
2012-09-11 18:49:32
1012
转载 用js操作cookie保存浏览记录
说明：最近做了一个功能，记录用户浏览过的产品页面。我的思路是，客户每次进入产品页面，就自己调用JS把产品信息以json的形式保存到cookie里面。浏览记录的显示是从cookie里读出来，然后解析成json，生成html元素。因为用户可能会同时打开好几个页面，这几个页面上可能都有浏览记录，为了使即使显示浏览记录，每秒中刷新一次。要用到2个js文件，history.js，关键的聊天记录保存和
2012-09-11 18:31:32
1136
转载 jquery.cookie.js使用介绍
对cookies的操作在当访问一个网站就无时无刻的都伴随着我们，记录着我们的一举一动，并将不危害用户隐私的信息，将以保存，这样用户就不用去从新再次操作重复的步骤，这样大大方便了客户，也增加了客户对网站的回头率。jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。$.cookie('the_cookie'); // 获得cookie$.cookie(
2012-09-11 11:16:12
1591
转载 javascript window.location的用法
设置或获取对象指定的文件名或路径。alert(window.location.pathname)设置或获取整个 URL 为字符串。alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port)设置或获取 URL 的协议部分。alert(windo
2012-09-08 09:25:12
14576
转载 window.local.hash属性介绍
location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。很多人都喜欢收藏
2012-09-08 09:21:07
3305
转载 Firefox/Opera不支持onselectstart事件
Firefox/Opera不支持onselectstart事件 Text Text var div = document.getElementById('d1'); div.onselectstart = function(){ console.log(3); }
2012-09-06 18:06:59
1037
转载 -moz-user-select与onselectstart 禁止选择文字
今天无意中注意到QQ、Hi的密码输入框不能用鼠标选择后一次性删除，只能一个一个的删除，然后，就想js中怎么实现这种效果。 上网一找，还不少，但是我测试了很多， 发现并不完美，还是浏览器在作怪，一种方式似乎只能满足一种浏览器 onselectstart="return false;"，能够满足IE下的效果，当只针对某一个区域的时候，就把该段语句放在某一个区域中
2012-09-06 18:05:30
3349
原创 禁止Firefox缓存input的值
在Firefox里面input的值会被缓存起来，刷新页面之后，会恢复成刷新之前的值。有的时候我们并不希望这么做，可以用autocomplete=”off”来阻止Firefox的默认机制。比如下面的代码，在刷新页面之后input的值全部为空。 为了方便也可以这样写：查看源代码打印帮助
2012-09-06 17:09:43
1025
转载 google.load() 方法开发人员指南
New Document google.load("jquery", "1.3.1"); $(document).ready(function(){ alert('hi');});HIAJAX 库 API 是一种内容分布网络，可载入最受欢迎的开源 JavaScript 库的架构。通过使用 google.load() 方法，您的应用程序能够迅
2012-09-05 16:19:50
1970
转载 在网页中插入一个透明背景的PNG图片
在网页中插入一个透明背景的PNG图片，可是在显示的时候，它的背景就成灰色了。这是IE的bug。需要加入以下代码： function correctPNG() { for(var i=0; i<document.images.length; i++) {
2012-09-05 14:42:33
14084
原创 JS验证密码强度插件
//CharMode函数 //测试某个字符是属于哪一类.$(function () { function CharMode(iN) { if (iN >= 48 && iN <= 57) //数字 return 1; if (iN >= 65 && iN <= 90) //大写字母 return 2;
2012-09-03 16:03:22
2490
转载 模仿微博拉动滚动条加载数据
滚动条距离底部$(function () {var i = 4;$(window).bind("scroll", function (event) {//滚动条到网页头部的 高度，兼容ie,ff,chromevar top = document.documentElement.scrollTop + document.body.scrollTop;//网页的高度var texth
2012-09-01 15:05:45
3366
转载 JQuery实现Ajax加载图片
最近在学习JQuery，想从原理上模拟一下无刷新的相册浏览。最先想到的思路是利用缓存，也就是先显示提示消息，然后get图片，在get完的时候回调，将img标签的src改掉，由于刚刚get过，有了缓存，所以图片会立刻显示出来。页面元素：正在加载……按钮的事件绑定：$(".picbtn").click(function(){NextPic();});定义了一个数组PicArr用
2012-08-28 17:52:42
17498
1
转载 【转】JQuery实现页面随滚动条滚动而动态加载内容的效果
新浪微博有这个功能,刚才思考一下 ,简单的写了一下实现方法,代码是Js的. 无可否认,这种方式应该算是web2.0的产物,在用户体验上具备很好的感受,除了微博在使用该方式外,另外我还发现有几个其他性质的网站也在用这种方式,原因是他们的网站页面比较长,所以用户在浏览的时候随着滚动条的拖拽而不断加载新的内容到浏览器内,虽然体验会不错,但是我感觉这种方式对搜索引擎的友好性将会降低.欢迎
2012-08-28 17:35:33
2222
转载 传智播客JQuery实战（四）：标签页效果
第一个标签页中鼠标滑过显示不同的标签页，第二个标签页中点击不同标签加载其他页面中的内容，加载等待的图片缓慢隐藏：/WebRoot/4.Tab.html：http://www.w3.org/TR/html4/loose.dtd"> JQuery实例4：标签页效果 标签1 标签2 标签3
2012-08-28 15:30:13
1681
转载 jquery 里的each使用方法
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组var arr1=["aaa","bbb","ccc"];$.each(ar
2012-08-27 16:24:28
1157
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人