标签目录：前端

以下是与标签 “前端” 相关联的文章

jquery获取随机数

| 前端 | | 暂无评论 | 2031 views

今儿有个需求，在一个数组对象中，有几十个数据，需要随机取出三个展示。 那么我的想法是从0到总数之间随机取数，比如取到了5，所以我就取对象中的［5］就行了。问题是如何获取3个不重复的数据，即获取比如0到10中三个不同的数。 下面就是两个方法：  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/*
num 要产生多少个随机数
from 产生随机数的最小值
to 产生随机数的最大值
*/
 
function createRandom(num ,from ,to ){
    var arr=[];
    for(var i=from;i<=to;i++)
        arr.push(i);
    arr.sort(function(){
        return 0.5-Math.random();
    });
    arr.length=num;
    return arr;
}
function createRandom2(num , from , to){
    var arr=[];
    var json={};
    while(arr.length<num){
        //产生单个随机数
        var ranNum=Math.ceil(Math.random()*(to-from))+from;
        //通过判断json对象的索引值是否存在 来标记 是否重复
        if(!json[ranNum]){
            json[ranNum]=1;
            arr.push(ranNum);
        }
    }
    return arr;
}
alert(createRandom2(10,0,50));//生成10个从0-50之间不重复的随机数

我看网上说，第一种……

css3动画

| 前端 | | 暂无评论 | 1695 views

很多人在用css3写动画效果的时候总是会搞错，初学者也总是会搞混（抛开它的兼容性，只看效果）。 transform transition animation 好吧，字母在三个词上的重复率比较高，容易混。那我们就简单区分 以上三个我们一次标记为c1、c2、c3 简单来说，c1就是一个类似于width、height这样的样式；c2就强一点了，……

移动端web滚动对js对影响 HOT

| 前端 | | 13 条评论 | 4722 views

最近在手机上开发一个功能，页面上有几个分享按钮，当web页面滚动到按钮的位置时，按钮状态改为悬浮，那么问题来了：iOS上，web滚动过程中，不响应js绘图事件 这里引用了相关说明： 现象 根源 ### 关于web滚动响应js绘图事件的情况 ios7浏览器内核从根本上无法支持，包括safari浏览器 ios8浏览器内核支持，所以safair……

H5移动端夜间模式调整展位图

| 前端 | | 暂无评论 | 2806 views

问题：图片延迟加载的时候，有一张默认的背景图占位，不能只用颜色，因为那样的话无法展现一个与原图同大小或者具有合适高度的色块。夜间模式下，图片的占位图是灰色的，需要改。接口用php写，判断夜间模式是js。如果用js更改加载的图片比较麻烦而且效果不好。 解决：图片照样加载，只是换成透明的，js判断夜间模式后，改变图片背景色。很巧的一个用法，以……

php和js的正则表达式

| 前端,后端 | | 暂无评论 | 1935 views

验证邮箱格式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
    var youxiang ="1264156@qq.com";
    var bo=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(youxiang);
    if(bo==false){
        alert('请输入正确的邮箱地址！');
    }
</script>
 
//php的正则表达式
function checkEmail($mail){
    $reg = '/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$/';
    $rst = preg_match($reg , $mail);
    if($rst){
        return TRUE;
    }else {
        return FALSE;
    }
}

替换中文

1
2
3
4
5
6
7
8
9
10
<script>var str = "1黑色小包原价260现价60";
var reg=/[\u4e00-\u9fa5]+/g;
str.replace(reg,"-");
</script>
 
//php的正则表达式
$str="1黑色小包原价260现价60";
$reg="//[^\.jpg\d][\x80-\xff_a-zA-Z\s]+/"; //在PHP中不能支持[\u4e00-\u9fa5]，查阅一翻资料，在utf-8编码下，可以用16进制表达式
$name=preg_replace($reg,"-",$str);
echo $name;

在js的匹配中： text返回 Boolean，查找对应的字符串中是否存在模式。 exec是 RegExp 对象的方法，查找并返回当前的匹配结果，并以数组的形式返回。 match是tr……

jQuery异步加载和跨域

| 前端 | | 暂无评论 | 1829 views

1.JSONP（JSON with Padding-填充json数据也就是常用的json跨域方式）：利用script标签，通过特定的src地址的调用，来执行一个客户端的js函数，在 服务器端生成相对的数据（json格式）并以参数的形式传递给这个客户端的js函数并执行这个函数，前提是需要服务器端的数据输出支持。 2.为什么使用JSONP：由……

JavaScript的call、apply、join

| 前端 | | 暂无评论 | 2370 views

call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 this……

页面响应速度优化方案

| 前端 | | 暂无评论 | 2225 views

优化指标： 页面打开速度（Fully Loaded） 网站首页（或列表页）之 First View ：打开速度应在 3秒+0.5秒 内； 对 Repeat View 时的各项指标暂不作要求； 首屏打开时间（Start Render） 网站首页（或列表页） 之 First View ：首屏渲染速度应在 1秒+0.5秒 内； 文档解析完毕时间……

frame,iframe,frameset

| 前端 | | 暂无评论 | 1510 views

iframe 是在html页面内嵌入框架 框架内可以连接另一个页面， 如

1
2
3
4
5
6
<html>
<head></head>
<body>
<iframe src="xxx.html"></iframe>
</body>
</html>

frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里

1
2
3
4
5
6
7
<html>
<head></head>
<frameset>
<frame src=""></frame>
<frame src=""></frame>
</frameset>
</html>

frameset　　它称为框架标记，是用来告知HTML文件……