使用HTML5 Canvas做一个画图板
使用HTML5 Canvas做一个画图板
2016-6-23 22:49
使用HTML5可以非常简单地在canvas上实现画图功能,在支持html5的浏览器下便可在下面的区域进行绘画,要看到演示效果,请确保你的浏览器支持HTML5。 效果演示 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是 ...
JavaScript计算两个日期之间的时间差
JavaScript计算两个日期之间的时间差
2016-6-2 23:54
很多时候我们需要知道两个日期之间相差多少天,多少小时,甚至多少分钟多少秒。在PHP中,我们可以很容易就完成这些时间的计算,但在JavaScript中相对于PHP会复杂一点,下面我们用JavaScript实现了一个函数,用于计算 ...
JavaScript的相等(==)与全等(===)
JavaScript的相等(==)与全等(===)
2016-4-30 16:59
全等与相等是两种类型的相等操作符;他们的区别我们可以用两句话来说明:全等与不全等——直接比较而不转换类型相等与不相等——先转换类型再比较 全等与不全等的逻辑比较简单,我们主要来关注相等与不相等。当我 ...
关于Ajax的缓存问题
关于Ajax的缓存问题
2016-2-21 00:03
AJAX缓存本意是为了提高AJAX的效率,减轻服务器的压力;但如果使用不当就有可能导致出现意料之外的结果。如何禁止Ajax的缓存,解决办法有如下几种: 1.在服务端加 header("Cache-Control: no-cache, must-revalidate ...
JQuery 的live()方法给新增节点绑定事件
JQuery 的live()方法给新增节点绑定事件
2016-1-17 22:17
jQuery 可以使用live方法给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。 这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数 ...
javascript:;与javascript:void(0)使用介绍
javascript:;与javascript:void(0)使用介绍
2015-12-2 23:04
有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法:href=”#”,包含了一个位置信息;默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃,当然我们 ...
移动端web开发的一些技巧
移动端web开发的一些技巧
2015-11-25 23:15
由于智能手机的广泛使用,现在基本上不是很差的web项目都会同时配有相应的移动端,下面是我们整理的关于移动端web开发的一些常用技巧,以供大家参考和查阅。1. 添加到主屏后的标题(IOS)meta name="apple-mobile-we ...
HTML5 video 视频标签介绍与使用
HTML5 video 视频标签介绍与使用
2015-11-23 23:09
HTML video适用于HTML 5+,用于定义在线观看的视频流媒体。可以在开始标签和结束标签之间放置文本内容,这样旧的浏览器就可以显示出不支持该标签的信息。在HTML5中,Web开发者只需要使用video标签就可以轻松加载视频 ...
Jquery中$命名冲突的解决办法
Jquery中$命名冲突的解决办法
2015-11-9 10:24
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生 ...
Jquery中filter函数的使用
Jquery中filter函数的使用
2015-11-7 15:52
关于Jquery中的filter函数,最简单直白的解释就是 过滤掉符合选择器的元素,得到一个不包含filter(“选择过滤目标 如#id 或者.class 等等各种复杂的选择也可以”) 的元素集合;利用filter函数可以从wrapper set中过 ...
关于浏览器渲染过程中的reflow
关于浏览器渲染过程中的reflow
2015-11-4 09:59
Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的 ...
分离JQuery的ready()方法来单独使用
分离JQuery的ready()方法来单独使用
2015-10-31 23:01
有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。 大家可以使用windows.onload事件,但onload在看来,就是页面上的 ...
JavaScript的垃圾回收机制
JavaScript的垃圾回收机制
2015-10-12 22:28
JavaScript语言是一门优秀的脚本语言。其中包含脚本语言的灵活性外还拥有许多高级语言的特性。例如允许构建和实例化一个对象,垃圾回收机制(GC:Garbage Collecation)。通常我们使用new创建对象,GC负责回收对象占用 ...
使用jQuery和CSS3实现环形进度条
使用jQuery和CSS3实现环形进度条
2015-10-8 17:10
使用jQuery和CSS3实现环形进度条效果或倒计时效果;其实实现原理非常的简单,在这个方案中,最主要使用了CSS3的transform中的rotate和CSS3的clip两个属性。用他们来实现半圆和旋转效果。 通过左右半圆的组合和旋转 ...
jquery选择器中的空格、大于号、加号、波浪号的意思解析
jquery选择器中的空格、大于号、加号、波浪号的意思解析
2015-9-30 16:11
选择器是jQuery最基础的东西,本身用法也非常简单;jQuery的选择器可谓之强大无比,选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器。而这里所说的空格、大于号、加号和波浪号都属于层次选 ...
artTemplate-超快的前端模板引擎
artTemplate-超快的前端模板引擎
2015-9-1 17:27
artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。在 chrome 下渲染效率测试中分别是知名引擎 ...
JavaScript变量作用域详解
JavaScript变量作用域详解
2015-8-15 16:47
在学习JavaScript的变量作用域之前,我们应当明确几点: JavaScript的变量作用域是基于其特有的作用域链的。 JavaScript没有块级作用域。 函数中声明的变量在整个函数中都有定义。 1、JavaScript的作用域链 首先 ...
PHP 中判断HTTP请求是否为 AJAX 请求
PHP 中判断HTTP请求是否为 AJAX 请求
2015-8-8 23:53
大部分主流PHP框架(例如:CI、yii等)都有用于判断一个请求到底是属于ajax请求还是普通请求;这其实是根据javascript在发出 Ajax 请求时额外发送的 HTTP_X_REQUESTED_WITH 头来进行判断的,对于大部分的js框架,在发 ...
JS实现图片不存在时显示默认图片
JS实现图片不存在时显示默认图片
2015-7-9 23:40
每个网站都会有图片的存在,很多时候我们需要在网页上显示各种各样的图片,当图片数量越来越多时,难免会出现图片丢失的情况,当某些图片不存在时,网页上的红叉会显得很难看,这时候我们可以选择显示默认图片来代替 ...
网页优化之CSS Sprites的使用
网页优化之CSS Sprites的使用
2015-6-29 20:49
CSS Sprites(CSS 精灵)其实就是把网页中一些用到的背景图片整合到一张大的图片文件中,再利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position ...
1234下一页
推荐阅读
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效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。更少的按钮和选项使得界面干净整齐,使用 ......
返回顶部