我们经常会用到这个一样逻辑,判断一个字符串或者数字是否在数组内,很多程序语言都有这样一样专门的函数,比如PHP的in_array()。那么JS有木有呢,很遗憾,JS木有这样的函数,于是想到伟大的JQ是否封装了这个函数,找到了API,JQ的确封装了这个函数
jQuery.inArray( value, array ) 搜索数组中指定值并返回它的索引(如果没有找到则返回-1)。
value要搜索的值。
array一个数组,通过它来搜索。
Category : JS&jQuery
Category : JS&jQuery
JQ中的$(document).ready()是指在页面加载完毕后执行函数,相当于原生JS中的window.onload,当然这个是有区别的,在W3C标准浏览器中,$(document).ready()表现出来的是DOM加载完毕就执行函数,而在IE中,则跟整个页面加载完毕后才执行。所以,这里执行速度来讲,标准浏览器会比IE快很多。
曾经一直觉得写JQ代码一定要放到$(function(){}) 中才可以(丢人ING),前几个月才知道原来是可以摆脱$(function(){})的,只要控制的DOM在你写的函数前面就可以!我在博客里小记一下,希望那些跟我一样的人也能看到这个,哈哈,大家不要拍砖啊!
Category : CSS
最近群里有人提了IE中a标签绝对定位设置高宽却无法点击的问题,其实这个是老问题了,最近在写一个JS效果的时候也遇到,今天顺便也做一个记录!元素绝对定位以后设置了高宽原因:
1、元素内并无内容
2、背景是透明的,无任何背景图或者颜色
解决方法:
1、如果不是绝对定位元素的,可以用相对定位
2、给元素加透明的背景图
3、IE可以只用 background:url(about:blank) 解决
第三种方法平时用用是可以的,但是在某种情况下会有bug, 比如JS拖动层时候,拖动的事件在一个透明层上面,你有设置了其他鼠标光标,这时候拖动就会出现光标闪烁的现象!
这里建议第二种方法,弄一个1*1PX的透明图就好!
半夜无聊写PHP表单测试,写完代码开始测试,发现提交不上去,看了半天没发现问题在哪里,后来看到自己给一个button的ID设置为submit,例:
<input type=”button” value=”提交” id=”submit”>,
后台尝试着把id改为sub,结果提交成功了,第一次遇到这个问题。
小记一下:原来input的button的ID设置为submit后,JS无法控制form.submit()事件。
提交以后进入数据库查看数据,发现中文是乱码的,查阅资料,需要设置编码。
mysqli的设置方法是:
$mysql=new mysqli($dbserver,$dbusername,$dbpassword,$database);
$mysql->query("SET NAMES utf8");
mysql也有个query函数 mysql_query($db,”SET NAMES utf8″);
前言:蛋疼的需求会磨练出人无限的智慧。
今天老大问我能否写一个批量重命名小工具,可能是他也被那些蛋疼的需求给折磨了,手动改文件名实在消耗时间。当然,重命名是很简单的事情,先读取目录文件名(参考:PHP读取目录下的文件名),然后根据需求用PHP批量处理下(下次再讲)。这里让我想到,既然重命名,就重命名的有规律点,这样好提取里面的数据
Category : php
最近工作比较紧张,近期又拿到一个新的特卖项目需要做,销售那边竟然没有任何的excel资料,要我切完图以后手动去添加数据资料,心想我一个写代码的,怎么可能让我手动加数据,绝对不能容忍,哈,还好拿到图片的时候发现图片命名是有规律的。于是想到用PHP读取文件名,对文件名进行字符串分割排序(这个以后在讲)。
函数:
$handle=opendir("./");
while(false!==($file=readdir($handle))){
if ($file != "." && $file != ".."){
echo "$file";
}
}
closedir($handle);
输出结果后我发现不对,多了一个 .db后最的文件名(可能是系统文件),要排除它很简单,可以在if语句中排除,但是如果目录中有其他类型的文件改怎么排除呢?查下手册,发现有个glob()函数。
寻找与模式匹配的文件路径。
$handle=opendir("./");
$fileP=glob("*.jpg");
print_r($fileP);
foreach($fileP as $key){
echo "$key";
}
closedir($handle);
嘎嘎,这样就达到了目的,输出的是jpg后缀的文件名。
是不是感觉很熟悉,没错,在 美丽说、蘑菇街等网站经常会看到这种布局。淘宝也有部分页面中使用了这些布局,淘宝的kissy框架加入了这种布局的插件,详细你可以查看相关的API函数,在淘宝UED的博客中乔花写了有关瀑布流布局的文章(查看)。这里我也尝试性的自己用JQ框架写了一个。
Category : JS&jQuery
我们经常会在网站上看到,当用户鼠标光标选中一些文字的时候,会弹出分享框,对于弹出框这里不做分享,这里分享想关于如何获取光标选中的文本内容。在标准浏览器中(chrome,Safari,Firefox等)这些,我们可以直接使用getSelection(),IE不支持getSelection(),可以使用createRange来实现。
Category : CSS
设置背景图片
手册里语法是:
The Syntax:
background-image: <bg-image> [ , <bg-image> ]*
<bg-image> = <image> | none
Note: a value of ‘none’ still generates a layer.
Example:
background-image: url(sheep.png), url(betweengrassandsky.png);
其他语法基本上和以前没区别,区别在于CSS3中,background-image可以设置多重背景: .test{ background-image: url(1.jpg), url(2.jpg), url(3.jpg)},每个图片元素用逗号分开。
这里讲一个重要的属性, linear-gradient,设置渐变。这个应该是大家所关注的
Example:
background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
三个参数分别设置渐变起始坐标,渐变起始颜色,渐变最后颜色。
重点在于此属性可以设置多个色标
background: -webkit-linear-gradient(top, red 0%, orange 15%, yellow 30%, green 45%, blue 60%, indigo 75%, violet 100%);
从中我们还可以设置渐变旋转角度
background-image:-webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent);
这里需要配合下CSS3另外一个属性background-size 设置每个图的大小,若在配上动画效果,就更完美了,这里就不多讲CSS3的动画了,有兴趣的可以自己研究下。
Category : CSS
设置块阴影
在手册中的语法是:
box-shadow:<length> <length> <length> <length> || <color>
阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色
手册中的解释可能比较模糊,这里我简单的解释的通俗一点,先看下面的一段代码:
Category : JS&jQuery
以前写过JavaScript倒计时后来发现一个问题,获取用户本地时间去计算会让不同的用户看到的倒计时时间不一样,修改了下逻辑,代码如下.
随着HTML5的兴起,拖拽上传文件早在国外很多大型网站应用,最近给朋友发邮件,无意之间看到QQ邮箱也应用了此功能,一时自己也产生了兴趣,空余的时间,对拖拽上传查阅了相关的资料,这里整理出一些要点。
首先了解下一些拖拽事件的知识
Category : JS&jQuery
在web2.0的时代,ajax的盛行给web带来了翻天覆地的变化,允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。不过,由于受到浏览器的限制,该方法不允许跨域通信。如果尝试从不同的域请求数据,
在看《JavaScript高级程序设计》这本书的时候,里面教我们画了时钟,但是不够详细,于是自己查找了些资料,动手自己画了一个时钟,顺便也对canvas画布的巩固。下面先介绍几个用的canvas对象的API函数和属性:
clearRect(x,y,width,height):清除画面,此函数会将canvas画布重置,
Category : CSS
我们在写页面的时候,经常会考虑到字体问题,尤其在纠结用户本地如果没有这个字体,网页就无法显示出理想效果!@font-face的出现,可以撇开这些烦恼,可以在你的网站进行的展现出你想要的字体效果!
Category : CSS
CSS3的旋转transform属性我想大家也都了解一点,昨天群里的飞哥突然发一张设计稿,一块倾斜的模块做动态数据,嘎嘎,在他面前好好显摆了下,说了句可以!!当然这个的确是可以实现的,标准浏览器中可以使用CSS3的transform,但是IE怎么办呢
Category : JS&jQuery
顺手写了一个JS的倒计时,直接发布出来,可以实现在一个页面中有多个倒计时!直接看代码吧..
Category : JS&jQuery
一直想写这个,发现google一下貌似对随机产生多个不相等的数的资料不太多,于是周末闲着没事,自己写一个,以后也许有用,不多说了,直接放代码





