关注前端开发微信微信号web007007

JavaScript判断浏览器类型及版本

JavaScript判断浏览器类型及版本

你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有...

阅读全文...

jQuery图片插件:fancybox,点击放大图片多种样式,图片浏览必备

jQuery图片插件:fancybox,点击放大图片多种样式,图片浏览必备

fancybox是一款jQuery插件,这个插件能让你在各种浏览器上部署图片浏览的效果。 基于jQuery的插件,兼容性都比较强。可以兼容firefox,ie等浏览器。 当你需要实现点击图片,就能将图片放大来查看。就像QQ,校内,新浪,淘宝一些图片浏览模式一样。 fancybox还提供多种弹出的样式,让你可以选择,找出你最需要的效果,满足不同的设计和需求。 fancybox官网 fancybox提供的实例界面 fancybox单图...

阅读全文...

SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】

SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】

Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。 Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。 用Slides插件,你可以随机播放幻灯片,设定那一套您想要开始幻灯片。它附带充分的说明和示例。 DEMO地址:http://slidesjs.com/ 官网地址:http://slidesjs.com/ 下载地址:http://slidesjs.com/downloads/slides.z...

阅读全文...

jquery 中国省市信息联动插件

jquery 中国省市信息联动插件

分享一个jquery 中国省市信息联动插件,上代码 $._cityInfo = [{"n":"北京市","c":["北京市"]}, {"n":"天津市","c":["天津市"]}, {"n":"上海市","c":["上海市"]}, {"n":"重庆市","c":["重庆市"]}, {"n":&...

阅读全文...

【jquery】星级评分

【jquery】星级评分

js星级评分,以下是代码。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>星级评价-web前端开发网</title> <script type...

阅读全文...

IE 调试工具 IETester+DebugBar

IE 调试工具 IETester+DebugBar

开篇第一句,我先强烈 BS 一下 IE 浏览器,包括它一家老小,还有那去年诞生的 IE9。同意此观点的童鞋请继续往下看。 Firefox 有 Firebug,Chrome 有审查元素,这些都是网页制作的必备工具,特别是在线调试的时候,浏览器的小工具可以帮助站长们更好更快更直观地修改网站排版和样式。IE 为了迎合站长们的需求,硬生生地将一个残疾的开发人员工具植入了 IE8 中,但其在功能上远远比不上 Firefox 的...

阅读全文...

国内优秀Web前端Javascript框架库汇总列表

国内优秀Web前端Javascript框架库汇总列表

此列表会一直更新、维护下去,以帮助大家了解、推动国内Web前端技术框架的发展,欢迎大家留言补充! Como – http://www.comsome.com EdoJs – http://www.edojs.com/ DWZ – http://j-ui.com/ JX(腾讯) – http://alloyteam.github.com/JX JSI – http://code.google.com/p/jsi/ KISSY(淘宝) – http://www.kissyui.com KindEditor – https://github.com/k...

阅读全文...

【NodeCC】NodeJs开发的脚本压缩和combo工具

【NodeCC】NodeJs开发的脚本压缩和combo工具

对于Web前端的开发而言,为了降低文件大小,js文件和css文件的压缩和组合几乎是默认的规矩。 我们利用YUI Compressor 和 google Compiler 可以很容易的完成文件的压缩。 甚至 yui compressor 本身都已经支持 多文件的批量压缩。 但是,为了更好的处理这些机械化的事情,我们通常还是需要脚本来辅助,让这些工作可以更好的自动化,可配置化。 网上有很多类似的脚本工具,或者有的也已经编译成了可...

阅读全文...

使用jquery插件实现图片延迟加载技术

使用jquery插件实现图片延迟加载技术

有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。 这里推荐使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度。 下载地址:http://www.appelsiini.net/downlo...

阅读全文...

关于网页图片的压缩

关于网页图片的压缩

众所周知,对于一个网站而言,网页的下载速度是至关重要的。它不仅直接影响到用户的浏览体验、还关系到网页在搜索引擎中的排名参数。因此,优化网 页、使之能快速下载是页面制作中很重要的考虑因素。网页优化涉及方方面面,图片优化则是其中重要手段之一,下面就来探讨一下web图片的优化。 1、切图的时候尽量图形区,避免不必要的体积浪费。 2、使用ps存储为web所用格式,这样会比一般的“存储为”...

阅读全文...

正则表达式

正则表达式

分享一些比较常用的正则表达式。 “^\d+$”  //非负整数(正整数 + 0) “^[0-9]*[1-9][0-9]*$”  //正整数 “^((-\d+)|(0+))$”  //非正整数(负整数 + 0) “^-[0-9]*[1-9][0-9]*$”  //负整数 “^-?\d+$”    //整数 “^\d+(\.\d+)?$”  //非负浮点数(正浮点数 + 0) “^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$”  //正浮点数 “^((-\d+(\.\d+)?...

阅读全文...

JQuery常用表单代码收藏

JQuery常用表单代码收藏

//选择被选中Radio的Value值 $(“input[name='radio_name'][checked]“).val(); //根据Value值设置Radio为选中状态 $(“input[name='radio_name'][value='要选中Radio的Value值']“).attr(“checked”,true); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合 $(“input[name='checkbox_name'][checked]“); //遍历被选中CheckBox元素的集合 得到Value值 $($(“input[name='checkb...

阅读全文...

常用Dreamweaver快捷键

常用Dreamweaver快捷键

文件菜单 新建文档        Ctrl+N 打开一个 HTML文件   Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中 在框架中打开       Ctrl+Shift+O 关闭           Ctrl+W 保存           Ctrl+S 另存为         Ctrl+Shift+S 检查链接        Shift + F8 退出          Ctrl+Q 编辑菜单 撤消          Ctrl+Z ...

阅读全文...

图片预加载幻灯

图片预加载幻灯

最近学习原生js,学到Image对象,就简单写了个图片预加载幻灯。 图片预加载的好处是能够让页面更快的显示,特别是遇到幻灯图片很大的时候。 但是可能会重复http的请求。 其中利弊,只能自己衡量了。 菜鸟一个,有发现bug的话多多请多包含指教。 js代码: <pre>/* * time:2012-06-04 * js图片缓存幻灯 * author:cll */ window.onload =function() { var $id = document.getEl...

阅读全文...

推荐一款弹窗

推荐一款弹窗

一个基于jQuery的弹出层。 支持拖拽,支持多窗口。内容为文字,ID,图片,SWF,URL,框架。 预览网址:http://www.web92.net/dom/2012-06-04-XY_Tips

阅读全文...

jQuery实现右下角弹出广告

jQuery实现右下角弹出广告

许多网站都会在浏览器的右下角弹出广告。 这种效果用jQuery可以很容易的实现。代码只有几行。 不得不感叹jQuery的强大····· js代码: <script type="text/javascript"> $(document).ready(function(){ setTimeout(function(){ $("#ad").slideDown(); },1000) $("#close").click(function(){ $("#ad").slideUp(); }) }) </script>...

阅读全文...

jquery Masonry插件–瀑流式布局的不错选择

jquery Masonry插件–瀑流式布局的不错选择

近来瀑流式布局越来越普遍,实现瀑流式布局的插件也越来越多。 例如淘宝的KISSY。 不过对我我这种半吊子来说,要熟练的使用KISSY没那么快。 最近在一个项目中hery推荐了一个Masonry插件, 使用起来很简单,插件大小只有6k。简单介绍下。 一般的瀑流式布局,如果有4列的话,很多人会采用一下这种写法: <div id="main"> <div> <div></div> <div><...

阅读全文...

【jquery插件】瀑流布局Masonry 插件

【jquery插件】瀑流布局Masonry 插件

瀑流布局现在在很多大大小小的网站中都可以看到,可是你发现如果你想用是一件相当麻烦的事,今天有了Masonry 插件,给大家带来一个很大的惊喜,简单使用,轻量级应用。 类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量...

阅读全文...

【js 源码】快速入门正则表达式

【js 源码】快速入门正则表达式

很长时间没看 正则表达式了,碰巧今天用到,温故知新了一把 看书学习吧 50% 的举一反三练习中的原创。 一 javascript正则表达式的基本知识 1     javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以 var reCat = /cat/;      //Perl 风格   (推荐) 2 学习最常用的 test exec match search  replace  split 6个方法 1) test  检查...

阅读全文...

可能是史上最全的jQuery学习资料(打包下载)

可能是史上最全的jQuery学习资料(打包下载)

可能是史上最全的jQuery学习资料 下载包里包含: 1.《《锋利的jQuery》(高清扫描版-有书签)》&实例源码 2.《jQuery初学实例代码集》 3. 《240多个jQuery插件.pdf》 4.《AJAX教程—JQUERY.pdf》 5.《jQuery.EasyUi-1.2.4_API.chm》 6.《jQuery_EasyUI培训文档.doc》 7.《Jquery_基础学习笔记.pdf》 8.《Jquery_基础学习笔记.pdf》 9.《jQuery_使用手册.pdf》 10.《jquery的基本用法[文字版][中...

阅读全文...