分类: web前端 |
预览模式: 普通 | 列表

CSS3圆角详解

 一、CSS3圆角的优点

 

 

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

查看更多...

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

jQuery cookie插件详细用法

 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 | 查看次数: 5092
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。

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

查看更多...

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

在javascript中使用正则表达式

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

正则表达式全部符号解释

ASP中使用正则表达式

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

 

语法 1

re = /pattern/[flags]

语法 2

 

查看更多...

Tags: javascript js 正则表达式

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

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

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

 

查看更多...

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

jQuery.Event结构

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

查看更多...

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

jquery各种位置和大小详解

jquery

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

查看更多...

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

无奈的兼容模式

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

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

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

查看更多...

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

消除chrome的黄色边框

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

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

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

查看更多...

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

ajax中文乱码问题

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

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

asp:

查看更多...

Tags: ajax 中文乱码

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

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

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

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

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

查看更多...

Tags: chrome 字体大小

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

多行文本居中

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

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

查看更多...

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

DIV+CSS之我见

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

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

JS遍历打印、遍历数组

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

js匿名函数的执行

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

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

通常会有3种方法吧:

(function(){})();

查看更多...

Tags: js匿名函数的执行

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

jquery操作和获取iframe中的对象

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

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

但是这里会有一个问题。

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

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

JS模式对话框 SubModal

最近在网站上加了好多的前端的东西。不是因为我了解前端,相反是因为我对前端还比较陌生。找的这些东西时不时的都会在做网页的时候用到。我们不像那些大公司大网站都有专门的前端,后端,交互设计师,我们只是小打小闹分工也不怎么明确了。说是做程序的,就一锅端了...

查看更多...

Tags: JS模式对话框 SubModal

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

CSS鼠标形状

style="cursor:pointer"


下面写法都一样,这里就不一一写完了。
pointer 手型

查看更多...

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

CSS中 常见中文字体的英文名称 

CSS中 常见中文字体的英文名称

查看更多...

分类:web前端 | 固定链接 | 评论: 0 | 查看次数: 5907
博主QQ: 友情链接请找我
QQ群: 灰色档案
返回顶部 关闭