CSS3圆角详解

作者:admin 日期:2012-02-24

一、CSS3圆角的优点

传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5471

jQuery cookie插件详细用法

作者:admin 日期:2012-02-20

jQuery cookie是个很好的cookie插件，大概的使用方法如下

$.cookie(’name’, ‘value’);

设置cookie的值，把name变量的值设为value

$.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});

Tags: jquery cookie

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6670

用In.js颗粒化管理、加载你的Javascript模块

作者:admin 日期:2012-02-16

近一年来，国内外都十分热衷于异步加载的研究，为了加快页面的载入速度，无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。

 

国外的像基于jQuery的RequireJs，YUI Loader，LabJs，RunJs，国内也有淘宝的SeaJs，豆瓣的DoJs等，这些都是一些十分优秀的模块加载器。但是本文将会向大家介绍一个新的开源的轻量级“多线程”异步模块加载器In.js，In的开发借鉴了Do的一些思路和使用习惯，在此期间感谢@kejun同我的耐心交流，In.js压缩后只有4.77k，不仅小巧而且十分好用。

优点：

    按需加载
    无阻塞加载
    依赖关系管理
    颗粒化模块管理

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5757

在javascript中使用正则表达式

作者:admin 日期:2012-02-09

在javascript中使用正则表达式是很简单也很常见的

ASP中使用正则表达式

先看下javascript中如何建立一个正则表达式，有两种方法

语法 1

re = /pattern/[flags]

语法 2

Tags: javascript js 正则表达式

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5923

网页优化之将所有图标放到一张图片中

作者:admin 日期:2012-01-28

Tags: 优化图标图片

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6835

jQuery将表单序列化成一个Object对象

作者:admin 日期:2012-01-15

验证表单的时候经常需要获取表单中name='***'的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这样更方便于我们操作。

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 8554

jQuery.Event结构

作者:admin 日期:2011-10-27

jQuery的事件系统规范了事件对象按照W3C标准。
本次活动的目的是保证被传递到事件处理程序。从原来的事件大多数属性都复制过去，归到新的事件对象。
jQuery.Event构造
暴露的jQuery.Event构造，可以用来当调用触发器。新的运营商是可选的。
检查触发器的文档，以了解如何结合自己的事件对象。

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6337

jquery各种位置和大小详解

作者:admin 日期:2011-10-23

jquery

还是蛮有用的，中文的jQuery文档写的不是特别清楚

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6665

无奈的兼容模式

作者:admin 日期:2011-09-22

今天写jQuery 代码的时候，发现这个代码在其他浏览器上执行的都不错，到了搜狗兼容模式，或者世界之窗上面就压根连一句代码都没法执行。我说的一句代码也无法执行是真的一句都没法执行，alert('');这个放在第一句都没有被执行起来...

无奈中想起了上一次好象遇到过同样的问题，。。。寻思中发现了原因。。。

原来是因为我写一个option的时候，在最后多打了一个‘，’逗号...为什么会多打这个逗号，相信大家都可以理解的...比如说：

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5577

消除chrome的黄色边框

作者:admin 日期:2011-09-08

用chrome浏览网页的时候,chrome总是会在输入框得到焦点的时候显示一个黄色框框.一开始我觉得这个还蛮好看的.不过到我自己做页面的时候就不怎么觉得了....有时候我希望定义一个输入框的样式,将输入框的边框设为0以求美观,不料chrome总是将我的做法暴露于众目睽睽之下...好在还是有解决方法的,如下:

input,button,select,textarea{outline:none}

取消textarea的拖动改变大小的功能：

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 7977

ajax中文乱码问题

作者:admin 日期:2011-09-08

做网站的时候,中文乱码可能算是一个比较让人头疼的问题.

JQuery用AJAX来GET回一个页面时，responseText里面的中文多半会出现乱码，这是因为 xmlhttp在处理返回的responseText的时候，是把resposeBody按UTF-8编码机制进行解码造成的，如果服务器送出的确实是 UTF-8的数据流的时候汉字会正确显示，而送出了GBK编码流的时候就乱了。解决的办法就是在送出的流里面加一个HEADER，指明送出的是什么编码流，这样XMLHTTP就不会乱搞了。具体可以这样：

asp:

Tags: ajax 中文乱码

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5863

chrome浏览器字体小于12px字体

作者:admin 日期:2011-09-03

汗,最近做一个网站,客户要求某个区域的文字为9px.本来也不是什么难事,难就难在其他主流浏览器测试了都没有问题的时候,chrome给我出了难题,这个字体死活设置不到9px.我还特意把那几个字用span包起来,然后加CSS都不成...我在想,这不会是chrome的一个bug吧...

然后上百度一查,才发现原来chrome就是这么设计的...所有小于12px的字体都以12px来显示...

当然也查到了解决方法如下:

Tags: chrome 字体大小

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6541

多行文本居中

作者:admin 日期:2011-08-29

对于CSS,似乎并没有提供给我们一种简洁的不确定行数的文本的居中的方法.
如果我们只有一行文本,那我们可以,设置高度和行高相等这样来解决.
但是如果我们不知道有多少行,文本行数是个变量,并且我们需要不管是多少行,都要让文本在框中垂直居中,这样用css恐怕就有点难度了...

如果你用过表格布局,你肯定对它方便的垂直居中设置记忆犹新.

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 6541

DIV+CSS之我见

作者:admin 日期:2011-08-29

一直以来,对于网页的布局问题似乎都变成了一个只有两种选择的单选题,要么是DIV+CSS布局,要么是表格布局.
而我一直以来都有这样一种错误的理解,认为DIV+CSS布局的时候,就不应该用到表格.而事实上也是的,以前做的网页基本上都是没有表格布局的.或许这是源于对DIV+CSS字面的一个理解错误.

DIV+CSS布局,我现在的理解应该是DIV划分大体框架,比如头部尾部,侧栏,正文等等一些.而接下来的部分,有没有DIV就无所谓了,主要是CSS在起作用.比如可以用无序列表来构建导航啊,还有超链接,图片的一些伪类啊,或者用表格来布局表单等等.....总是是用任何html支持的标签都可以用.只要力求简洁和效率并且达到目的.

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5558

JS遍历打印、遍历数组

作者:admin 日期:2011-08-27

function scan_array(arr) { for(var key in arr) { // 这个是关键 if(typeof(arr[key]) == 'array' || typeof(arr[key]) == 'object') {// 递归调用 scan_array(arr[key]); } else { document.write(key + ' = ' + arr[key] + '<br>'); } } }

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 7427

js匿名函数的执行

作者:admin 日期:2011-08-24

没事又来更新下，前几天回了趟家，都没有更新了。

什么是js的匿名函数，我就不说了。匿名函数的好处什么的也不说了。主要讲讲匿名函数的自动执行问题。

通常会有3种方法吧:

(function(){})();

Tags: js匿名函数的执行

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 7699

jquery操作和获取iframe中的对象

作者:admin 日期:2011-08-18

JQuery好像不能跨过框架直接获取元素的，不过结合DOM和JQuery，可以获取iframe的document对象。有了这个对象，再来用jquery也就方便了。

var subdoc=$(document.getElementById('frame1').contentWindow.document;

但是这里会有一个问题。

如果你可以确保你运行你的后续代码的时候，子框架已经ready的话，当然是没有问题的。但往往我们的JQuery代码经常会用来做一些初始化的动作，这时候，虽然你绑定了父窗口的ready事件，但实际上此时自框架不一定ready,所以说，如果要给自框架做一些初始化工作的话，必须要绑定自框架的document 的ready事件.

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 8262