JS-inArray检查数组中是否存在某个值

1

Category : JS&jQuery

我们经常会用到这个一样逻辑,判断一个字符串或者数字是否在数组内,很多程序语言都有这样一样专门的函数,比如PHP的in_array()。那么JS有木有呢,很遗憾,JS木有这样的函数,于是想到伟大的JQ是否封装了这个函数,找到了API,JQ的确封装了这个函数
jQuery.inArray( value, array ) 搜索数组中指定值并返回它的索引(如果没有找到则返回-1)。
value要搜索的值。
array一个数组,通过它来搜索。

关于JQ的$(document).ready()/$(function(){})

0

Category : JS&jQuery

JQ中的$(document).ready()是指在页面加载完毕后执行函数,相当于原生JS中的window.onload,当然这个是有区别的,在W3C标准浏览器中,$(document).ready()表现出来的是DOM加载完毕就执行函数,而在IE中,则跟整个页面加载完毕后才执行。所以,这里执行速度来讲,标准浏览器会比IE快很多。
曾经一直觉得写JQ代码一定要放到$(function(){}) 中才可以(丢人ING),前几个月才知道原来是可以摆脱$(function(){})的,只要控制的DOM在你写的函数前面就可以!我在博客里小记一下,希望那些跟我一样的人也能看到这个,哈哈,大家不要拍砖啊!

关于绝对定位后元素(a标签)无法点击

0

Category : CSS

最近群里有人提了IE中a标签绝对定位设置高宽却无法点击的问题,其实这个是老问题了,最近在写一个JS效果的时候也遇到,今天顺便也做一个记录!元素绝对定位以后设置了高宽原因:
1、元素内并无内容
2、背景是透明的,无任何背景图或者颜色

解决方法:
1、如果不是绝对定位元素的,可以用相对定位
2、给元素加透明的背景图
3、IE可以只用 background:url(about:blank) 解决

第三种方法平时用用是可以的,但是在某种情况下会有bug, 比如JS拖动层时候,拖动的事件在一个透明层上面,你有设置了其他鼠标光标,这时候拖动就会出现光标闪烁的现象!
这里建议第二种方法,弄一个1*1PX的透明图就好!

submit提交失败和PHP中mysql保存出现乱码

0

Category : JS&jQuery, php

半夜无聊写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″);

JS和PHP正则判断中文

0

Category : JS&jQuery, php

前言:蛋疼的需求会磨练出人无限的智慧。

今天老大问我能否写一个批量重命名小工具,可能是他也被那些蛋疼的需求给折磨了,手动改文件名实在消耗时间。当然,重命名是很简单的事情,先读取目录文件名(参考:PHP读取目录下的文件名),然后根据需求用PHP批量处理下(下次再讲)。这里让我想到,既然重命名,就重命名的有规律点,这样好提取里面的数据

PHP读取目录下的文件名

1

Category : php

最近工作比较紧张,近期又拿到一个新的特卖项目需要做,销售那边竟然没有任何的excel资料,要我切完图以后手动去添加数据资料,心想我一个写代码的,怎么可能让我手动加数据,绝对不能容忍,哈,还好拿到图片的时候发现图片命名是有规律的。于是想到用PHP读取文件名,对文件名进行字符串分割排序(这个以后在讲)。

函数:

readdir ( resource $dir_handle )
再使用前需要使用opendir() 打开目录;
$handle=opendir("./");
while(false!==($file=readdir($handle))){
	if ($file != "." && $file != ".."){
		echo "$file";
	}
}
closedir($handle);

输出结果后我发现不对,多了一个 .db后最的文件名(可能是系统文件),要排除它很简单,可以在if语句中排除,但是如果目录中有其他类型的文件改怎么排除呢?查下手册,发现有个glob()函数。

array glob( string $pattern [, int $flags ] )

寻找与模式匹配的文件路径。

$handle=opendir("./");
$fileP=glob("*.jpg");
print_r($fileP);
foreach($fileP as $key){
	echo "$key";
}
closedir($handle);

嘎嘎,这样就达到了目的,输出的是jpg后缀的文件名。

关于瀑布流布局

8

Category : JS&jQuery

最近一直流行一种布局方式叫做”瀑布流布局”,如下图

是不是感觉很熟悉,没错,在 美丽说、蘑菇街等网站经常会看到这种布局。淘宝也有部分页面中使用了这些布局,淘宝的kissy框架加入了这种布局的插件,详细你可以查看相关的API函数,在淘宝UED的博客中乔花写了有关瀑布流布局的文章(查看)。这里我也尝试性的自己用JQ框架写了一个。

关于微薄的@功能

4

Category : JS&jQuery

经常使用微薄的人发现,当我们写微薄的时候 输入@然后敲一个人的名字,会弹出一个tip层,如图所示:

处于对这个功能的好奇,抱着学习的态度,翻阅了一些资料,然后对这个JS进行探讨研究。对这个功能进行分析:
1、确定光标的位置
2、textarea文本框里对字符串@的判断
3、tip的弹出事件
4、键盘的操作事件
5、ajax调用
6、文字的插入

JS获取光标选中的文本内容

1

Category : JS&jQuery

我们经常会在网站上看到,当用户鼠标光标选中一些文字的时候,会弹出分享框,对于弹出框这里不做分享,这里分享想关于如何获取光标选中的文本内容。在标准浏览器中(chrome,Safari,Firefox等)这些,我们可以直接使用getSelection(),IE不支持getSelection(),可以使用createRange来实现。

关于CSS3的background-image和线性渐变

0

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的动画了,有兴趣的可以自己研究下。

关于CSS3 box-shadow属性

0

Category : CSS

设置块阴影

在手册中的语法是:

box-shadow<length> <length> <length> <length> || <color>

阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色

手册中的解释可能比较模糊,这里我简单的解释的通俗一点,先看下面的一段代码:

JavaScript倒计时修改版

0

Category : JS&jQuery

以前写过JavaScript倒计时后来发现一个问题,获取用户本地时间去计算会让不同的用户看到的倒计时时间不一样,修改了下逻辑,代码如下.

简单的HTML5拖拽上传实例

0

Category : CSS, JS&jQuery

随着HTML5的兴起,拖拽上传文件早在国外很多大型网站应用,最近给朋友发邮件,无意之间看到QQ邮箱也应用了此功能,一时自己也产生了兴趣,空余的时间,对拖拽上传查阅了相关的资料,这里整理出一些要点。

首先了解下一些拖拽事件的知识

重写了JQzoom

0

Category : JS&jQuery

曾经在博客里写过一个JQzoom的插件,对于实现这个效果的实现原理我就不多介绍,大家可以回顾以前的文章看,里面有详细的说明,这次只是对上次的插件做了优化。上次的插件在IE6,7中有个小问题,当页面中有很多DOM的时候,这个效果在IE6,7中会很卡,这次主要做了优化,初步诊断是上次代码中闭包函数太多,让IE6,7产生内存泄露的问题。这次将函数逐个分离出来,解决这些问题。大家直接看demo吧。JS代码也在demo里面。

预览地址

关于JSONP的原理和JQ中使用JSONP

1

Category : JS&jQuery

在web2.0的时代,ajax的盛行给web带来了翻天覆地的变化,允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。不过,由于受到浏览器的限制,该方法不允许跨域通信。如果尝试从不同的域请求数据,

html5中canvas实践——画时钟

0

Category : JS&jQuery, Xhtml

在看《JavaScript高级程序设计》这本书的时候,里面教我们画了时钟,但是不够详细,于是自己查找了些资料,动手自己画了一个时钟,顺便也对canvas画布的巩固。下面先介绍几个用的canvas对象的API函数和属性:
clearRect(x,y,width,height):清除画面,此函数会将canvas画布重置,

CSS3字体设置@font-face(字体什么都是浮云)

1

Category : CSS

我们在写页面的时候,经常会考虑到字体问题,尤其在纠结用户本地如果没有这个字体,网页就无法显示出理想效果!@font-face的出现,可以撇开这些烦恼,可以在你的网站进行的展现出你想要的字体效果!

让IE也实现CSS3 transform旋转效果

0

Category : CSS

CSS3的旋转transform属性我想大家也都了解一点,昨天群里的飞哥突然发一张设计稿,一块倾斜的模块做动态数据,嘎嘎,在他面前好好显摆了下,说了句可以!!当然这个的确是可以实现的,标准浏览器中可以使用CSS3的transform,但是IE怎么办呢

JavaScript倒计时

0

Category : JS&jQuery

顺手写了一个JS的倒计时,直接发布出来,可以实现在一个页面中有多个倒计时!直接看代码吧..

javascript随机产生N个不相等的数

0

Category : JS&jQuery

一直想写这个,发现google一下貌似对随机产生多个不相等的数的资料不太多,于是周末闲着没事,自己写一个,以后也许有用,不多说了,直接放代码

UGG Classic Cardy


UGG Classic Crochet


UGG Classic Mini


UGG Classic Short


UGG Classic Tall


UGG Jimmy Choo


UGG Kids


UGG Classic Argyle Knit

UGG Classic Mini Boots


UGG Classic Short Boots


UGG Classic Tall Boots


UGG Kid's Boots


UGGs Outlet


UGG Shop


UGG 2011


UGG Bailey Button

UGG Classic Cardy


UGG Classic Crochet


UGG Classic Mini


UGG Classic Short


UGG Classic Tall


UGG Jimmy Choo


UGG Kids


UGG Classic Argyle Knit