前端
全部
优化网站页面提高网页的加载速度
优化网站页面提高网页的加载速度
分类:    2014-12-17 23:03 | 标签:网站优化, http请求
关于优化网站的加载速度,之前我们也有提过一些方法,其实网站要想加载快无非就是减少http请求次数,下面说一下具体做法: 1:字符集声明 如果head部分未定义字符集,将增加页面渲染次数,速度减慢,所以在head里应 ...
关于表单中的Readonly和Disabled属性
关于表单中的Readonly和Disabled属性
分类:    2014-12-13 02:14
表单中使用Readonly和Disabled属性都可以实现禁止用户更改表单域中的内容的功能。但是这两个属性也不是完全相同的。 Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包 ...
JavaScript反射机制的使用例子
JavaScript反射机制的使用例子
分类:    2014-12-11 23:32
反射机制是指程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。在JavaScript中有一个很方便的语法来实现反射,即for(…in…)语句,其语法如下: for(var p in obj){ //语句 } ...
Cookie的工作原理与优缺点
Cookie的工作原理与优缺点
分类:    2014-12-11 00:31
什么是Cookie?Cookie是指某些网站为了辨别用户身份或进行session跟踪而储存在用户本地浏览器终端上的数据。一般来说,Cookie通过HTTP Headers从服务器端返回到浏览器上。首先,服务器端在响应中利用Set-Cookie head ...
HTML中meta标签常用的属性介绍
HTML中meta标签常用的属性介绍
分类:    2014-12-4 00:38
meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)。其中标头信息包括文档类型、字符集、语言等浏览器正确显示网页的信息及处理动作;而网页描述包括如关键字、摘要、作者和定义robots行为等,为搜索引擎索 ...
HTTP协议是如何实现断点续传的?
HTTP协议是如何实现断点续传的?
分类:    2014-11-30 16:13
HTTP协议是如何实现断点续传的? 现在大部分网络下载都有会断点续传的功能,尤其是在下载容量较大的文件的时候,断点续传功能可谓是必不可少的。那么断点续传功能是怎么实现的呢? 其实实现的原理很简单,就是在Http ...
CSS3实现百度输入“翻转”时网页水平翻转效果
CSS3实现百度输入“翻转”时网页水平翻转效果
分类:    2014-11-29 01:16 | 标签:CSS3
在百度搜索里输入“翻转、反转、跳动、闪烁、旋转、黑洞”等词语的时候,页面也会神奇的产生了相应的效果;这其实是百度针对个别关键词的个性化体验,就是让用户真正体会到什么是旋转,翻转、反转等等动作,是一种智 ...
JS获取浏览器当前可视区域的大小
JS获取浏览器当前可视区域的大小
分类:    2014-11-26 01:46
这里所说的可视区域是指浏览器窗口的可视区域的尺寸,不是浏览器窗口大小,也不是页面尺寸。比如我们在网页中需要实现弹出层窗口居中的时候就要获取到这个可视区域的大小来进行居中处理。 在没有声明DOCTYPE的IE中, ...
网页为什么使用CSS布局
网页为什么使用CSS布局
分类:    2014-11-18 19:08
在WEB2.0标准化设计理念广泛普及的今天,基本上大部分网站都采用DIV+CSS制作方法,从实际应用中来看,此种方法绝对好于表格制作页面的方法。虽然表格布局方法相对简单、比较上手;但是,它却阻碍了一种更好的、更有亲 ...
HTTP协议状态码的含义
HTTP协议状态码的含义
分类:    2014-11-15 20:23
HTTP状态码(HTTP Status Code)是用来表示网页服务器HTTP 响应状态的3位数字代码。它由RFC 2616规范定义的,并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。状态码的第一个数字代表着响应的五 ...
网页前端最容易犯的HTML标签错误
网页前端最容易犯的HTML标签错误
分类:    2014-11-15 01:18
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度 ...
关于CSS中的定位(position)问题
关于CSS中的定位(position)问题
分类:    2014-11-13 23:49
当我们刚接触CSS布局的时候都比较倾向于使用position定位的方式。因为定位的概念看起来好像比较容易掌握。表面上你确切地指定了一个块元素所处的位置那么它就会坐落于那里。可是定位比你想象要稍微复杂一点。对于定 ...
CSS字号单位px、em、pt与百分比之间的对比
CSS字号单位px、em、pt与百分比之间的对比
分类:    2014-11-8 23:56
使用CSS控制网页字体大小时,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web? 这个问题引起了广泛的争论。找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答。 ...
javascript事件委托(冒泡)
javascript事件委托(冒泡)
分类:    2014-11-8 00:26
javascript中“冒泡事件(bubble)”并不是能实际使用的花哨技巧,它是一种对js事件执行顺序的机制;那么,在实际应用中我们应该怎样避免受这样事件的影响,同时又可以利用事件冒泡做些什么呢? ...
优化网页加载速度的一些技巧
优化网页加载速度的一些技巧
分类:    2014-11-6 16:13 | 标签:优化网页
在网络慢的时候,浏览网页时经常出现裸奔的现象,对于这种情况如何尽量避免这一问题,在我们无法更换服务器或提高服务器速度的情况下,要想让我们的页面不”裸”在用户面前,现在整理一些思路写出来,以供大家参考: ...
div+css 兼容各浏览器的方法总结
div+css 兼容各浏览器的方法总结
分类:    2014-11-5 01:08
div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器的方法总结1、DOCTYPE 影响 CSS 处理2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3、FF: body 设置 text-align 时, div 需要设置 m ...
高效率前端开发工具脚本推荐与介绍
高效率前端开发工具脚本推荐与介绍
分类:    2014-11-2 17:51
作为前端开发人员来说,需要和HTML、CSS和JavaScript打交道,并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。很多资深的前端设计师都拥有自己最喜欢的工具、脚本和资源,在今天这篇文章中,我们将介 ...
漂亮的扁平化网页设计例子
漂亮的扁平化网页设计例子
分类:    2014-10-1 22:02 | 标签:扁平化
扁平化的概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。更少的按钮和选项使得界面干净整齐,使用 ...
HTML5发展之路为何如此曲折?
HTML5发展之路为何如此曲折?
分类:    2014-9-29 23:20 | 标签:HTML5
HTML5发展之路为何如此曲折?2008年,HTML5发布首个版本2008年,火狐兼容HTML52010年1月,YOUTUBE推出HTML5播放器2010年4月,乔布期发表公开信“炮轰”FLASH2010年5月,Scribd文档转化成HTML5... ...
网页UI之Banner设计
网页UI之Banner设计
分类:    2014-9-29 22:56 | 标签:网页UI, Banner设计
关于网页UI,UE之类的论点文章网上太多了,更多大师将这些大师分析到极致,无论是开发领域还是设计领域,这些真正的大师所发表的文章都从不卖弄自己,更多的分析而无私的供献自己的独道见解,他们所写博文与其它政治、娱乐 ...
推荐阅读
artTemplate-超快的前端模板引擎
artTemplate-超快的前端模板引擎
artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。在 chrome 下渲染效率测试中分别是知名引擎 ......
jQuery带缩略图的图片轮播插件
jQuery带缩略图的图片轮播插件
这是一款基于jQuery的图片播放插件,该图片播放插件带有缩略图,用户可以点击缩略图来切换图片,也可自动轮换播放,代码简洁,很实用的一款插件...
PHP开发工具之Sublime Text2
PHP开发工具之Sublime Text2
在使用过NotePad++, EPP, EditPlus, Zend Studio 等等PHP开发工具之后,第一次接触到Sublime Text2时,真的为之一震;这是一款非常好的文本编辑工具,它所拥有的一切功能似乎都可以按你的意思去改变,包括主题皮肤、 ......
基于Jquery的自定义提示框
基于Jquery的自定义提示框
这是一款基于jQuery实现的多种类型自定义对话框(jDialog源码),是一款轻量级多种类型的自定义对话框插件。可实现常见的各类弹出对话框效果。且基于jQuery实现具有很好的兼容性,可兼容目前最新的各类主流浏览器。对 ......
6种lightbox(灯箱)图片展示效果源代码下载
6种lightbox(灯箱)图片展示效果源
关于lightbox,第一次看到他的时候,窗口黯淡下来,图片缓缓的打开,美丽的效果让我为之震撼!今天挑选的六款都是保留了lightbox招牌的滑动效果的版本,还有各种的lightbox效果在被创作出来,再此之前,提供以上六种 ......
jQuery鼠标放某一张图上后,其他图片变暗
jQuery鼠标放某一张图上后,其他图
简介:这种是类似淘宝展示商品的那种效果,鼠标放到其中某一张图的时候,其他的图片变为灰色,突出鼠标所指图片(兼容所有主流浏览器)。点击此处下载:jQuery鼠标放某一张图上后,其他图片变暗.rar(513.66 KB) ......
CSS自定义文件上传按钮样式,兼容主流浏览器
CSS自定义文件上传按钮样式,兼容
我们在程序开发中,经常要用到上传文件的功能。但是,input type="file" id="f" name="f"这个类型的元素,产生的文件框和浏览按扭,它们的样式往往不符合我们的需要。怎么样才能控制控制它们的样式和位置呢?解决办 ......
漂亮的扁平化网页设计例子
漂亮的扁平化网页设计例子
扁平化的概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。更少的按钮和选项使得界面干净整齐,使用 ......
返回顶部