echoloyuk - 博客园

【记】Javascript的正则表达式RegExp

摘要：正则表达式这个东西博大精深啊，从事前段开发这段时间来，关于正则的应用，一般都是信息的验证等，而且，在公司中，已经有现成的验证框架和正则，我仅仅是粘贴过来就可以了。所以，一直没有时间仔细研究下，下面记录下一个小特性。通过new RegExp我们可以创建一个RegExp对象，这个对象中exec方法类似String中的match方法，它返回一个结果数组，数组的第一个元素为正则的匹配串，从第二个元素开始为正则中的分组匹配串。所谓分组，就是正则表达式中的括号括起来的内容。比如/(java)(script)/这个正则表达式，它匹配字符串中包含“javascript”的内容，并将“javascrip... 阅读全文

posted @ 2012-06-17 15:23 echoloyuk 阅读(254) 评论(0) 推荐(0)

【记】关于div容器被撑开的问题

摘要：我最近遇到了div被撑开的问题，无论是要不要被撑开，总之各个浏览器之间的显示是不一样的。首先看下这段代码：<style>.outer{border:2pxsolidred;width:100px;height:300px;}.inner{border:1pxsolidblue;width:300px;height:200px;}</style><divclass="outer"><divclass="inner"></div></div> 我们可以在IE6和其他浏览器上看到的效果是不阅读全文

posted @ 2012-06-15 16:25 echoloyuk 阅读(1131) 评论(0) 推荐(0)

【jQuery】jQueryUI中的datepicker在overflow下的两点点小小的问题。

摘要：先说第一个问题，其实，说是问题，也不算是问题，而是FireFox的一个自身的特色，使得datepicker在某些特殊的情况下没有达到应有的效果。首先，先来看下下面这个页面的布局<scripttype="text/javascript">$(document).ready(function(){$('#date').datepicker();})</script><style>.outer{width:500px;height:400px;border:1pxsolidblue;overflow:auto;}</st 阅读全文

posted @ 2012-05-28 17:38 echoloyuk 阅读(531) 评论(0) 推荐(0)

【CSS】关于IE、FireFox中table强制换行的总结

摘要：关于一个表格中，一个无空格的长串字母不换行的问题，已经是比较常见的问题了。我从网络上找到的强制换行的方法，有的仅仅是针对IE的，对于FireFox换行，要么是通过JS把连续的字母添加空格或换行符，要么就是用overflow:hidden来限制。但是这样都不好，前者稍微麻烦了些，对于很多数据的情况，多少会影响一些速度。后者也不好，这样做，多余的文字就看不到了，只能保证整体结构不变。要解决这个问题，先来看这两个属性： word-break和word-wrap。其中word-break指的是一个英文单词是否可以被切割。而word-wrap是指该容器中的文本在达到边界时采取什么方式处理。所以这... 阅读全文

posted @ 2012-05-14 17:43 echoloyuk 阅读(1690) 评论(0) 推荐(0)

【转】CSS的能力

摘要：关于CSS的使用，相信任何从事前端开发的人都会非常熟悉。但是，对于CSS的细节，你能知道多少呢？比如，border这个属性，通常来说，我们会这样用：border:1px solid red; 这样，一个带有红色的边框就出现了。但是，我们忽略了很多细节，比如transparent这个值，通过它，我们可以做很多事情。比如用一个div来在页面上画一个三角形，怎么画呢？其实，CSS可以让我们搞定这些事情，不多说了，上代码：#triangle-up{width:0;height:0;border-left:50pxsolidtransparent;border-right:50pxsolidtran.. 阅读全文

posted @ 2012-05-11 16:54 echoloyuk 阅读(236) 评论(2) 推荐(0)

【记】jQuery animate方法中对border-radius的动画存在的问题解决

摘要： jQuery的animate方法可以通过修改css样式设置时间来实现动画效果，今日尝试用animate对CSS3中的border-radius属性进行动画实现。但这遇到了一个问题，animate在对border-radius进行变化的时候，总是从0px像素开始，而不是预先的css样式开始变化的。比如一个#test的border-radius:10px，现在通过jquery写：$('#test').animate({borderRadius:30},1000); 想法是一开始有个半径10像素圆角div，然后通过JS在1秒内实现从10px到30px的圆角变化，但是，浏览器的实际变阅读全文

posted @ 2012-02-12 15:51 echoloyuk 阅读(1117) 评论(0) 推荐(0)

【记】IE下input标签中的padding-left和padding-right

摘要：最近遇到一个问题，那就是input在IE系列中对padding的支持不够好。如果我们给input定义padding-left和padding-right，希望输入的文字距离左右边框有一定的距离，再加上背景图片，实现一个像bing那样的输入框效果。但是，这样的想法固然好，但是在IE下会不尽如人意。查看bing的搜索框才知道，原来它的的搜索框图片和输入文字根本就不是一个input搞定的，而是分开实现的（这个非常常见）。于是我在网络上开始查找问题的原因，很多人把这个问题归结于IE的bug，但是，经过学习和尝试，我个人认为这不应该算是bug，而是在处理和显示上存在着不同。先看一个例子，代码：... 阅读全文

posted @ 2012-02-06 15:46 echoloyuk 阅读(3711) 评论(2) 推荐(1)

【DOCTYPE】兼容模式和标准模式

摘要：一般情况下，DreamWeaver是我们开发网页的基本工具之一，在我工作的很多时候，我都是用它来完成前端页面的编写的。不管用的是哪个版本，从很早开始，DW自动创建HTML的时候都会包含下面这几行<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 这其中的第一行就是文档声明，网上随便搜索一下，就可以知道它的作用。很多时候这个文档声明并不受我们的重视，我的一些同事直接就把阅读全文

posted @ 2012-02-04 23:28 echoloyuk 阅读(1376) 评论(0) 推荐(0)

【记】Javascript遍历对象属性的方法

摘要：遍历对象中的每一个属性，实例是遍历HTML5中的canvas.getContext('2d')的方法并列出了相应方法或属性的名称和类型。同时，代码中包含了属性排序，便于查找。鉴于目前HTML5没有成为标准，因此各个浏览器之间存在一些差异。可以通过这个方法得到所有属性，然后分别到网上去查具体做什么的。比较方便也比较直观<html><head><title></title></head><body><audiocontrols="controls"id="aac"& 阅读全文

posted @ 2012-02-03 12:12 echoloyuk 阅读(1889) 评论(0) 推荐(0)

第一个测试文章

摘要：从大学开始，慢慢的进入了IT这个行业，当今的我工作在一家IT企业中，从事Web前端开发，虽然工作的时间不长，但是感觉要想做好这个工作其实非常困难。记得在学校时，Web前端给我的整体感觉就像很多老师说的那样——做个网站是最简单最没有技术含量的，认为会写个网站没什么了不起。其实现在感觉，Web前端远比自己之前认为的要难的多，之所以难，就是它实在是太“简单”了，之所以是带引号的简单，是因为它的容错率相当的高，无论你多么的没有编程基础，无论你从事什么职业，花上两个小时，一个花花绿绿的网站也是能建立起来的。但是，这样一来，各种怪异的、无法让人忍受的代码到处都是，从最简单的未封闭的标签，到漫天飞舞的J.. 阅读全文

posted @ 2012-02-02 22:54 echoloyuk 阅读(214) 评论(1) 推荐(0)