爱·绮梦

记录美好

for 循环中执行异步函数


for 循环中执行异步函数

有个循环,循环一个异步回调,为啥回调引用的循环值都是最后一步循环的循环值?然后,又有些时候无论什么循环值都得不到?
好吧,JavaScript跟PHP的循环有时候确实不一样,JavaScript的函数有同步函数跟异步函数的区分,PHP里面没这种概念,拿PHP的常识来理解JavaScript有时候行不通。关于JS异步机制的研究,看我另一篇JS异步执行机制理解。

我想了想,他说的“什么循环值也得不到的”,应该是下面这个情况:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
var arr = [1,3,5,7,9];
var arrLength = arr.length;
for (var i = 0; i < arrLength; i++) {
setTimeout(function() {
console.log(i);
console.log(arr[i]);
}, 2000);
}
</script>

结果是:

5
undefined
5
undefined
5
undefined
5
undefined
5
undefined
for循环有一个特点,就是“i判断失败一次才停止”。所以,i在不断的自加1的时候,直到i等于5,i才失败,这时候循环体不再执行,会跳出,所以i等于5没错。那么为什么5次循环的i都等于5?原因就是setTimeout()的回调,也就是console.log(i);console.log(arr[i]);被压到任务队列的最后,for循环是同步任务,所以先执行,等于是空跑了5次循环。于是,i都等于5之后,console.log(i);console.log(arr[i]);刚开始第一次执行,当然输出全是5。

然后,同事说,有时候JS的for循环,永远只得到最后一个循环值,那其实他用的是for…in…循环。具体不多解释了。

我既然听了他的问题,就要给他解决方案。

我先建议他用自执行函数传参,这样自执行函数内部形成了局部作用域,不受外部变量变化的影响。范例代码是:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
var arr = [1,3,5,7,9];
var arrLength = arr.length;
for (var i = 0; i < arrLength; i++) {
(function(i) {
setTimeout(function() {
console.log('i是' + i);
console.log('value是' + arr[i]);
}, 2000);
})(i);
}
</script>

得到:

Paste_Image.png
不但解决了undefined的问题,而且解决了异步函数传参的问题

作者:microkof
链接:http://www.jianshu.com/p/690f58a3ff7b
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Mysql数据库在程序开发中经常会用到,基于平时做项目很忙,没来得及整理,今天抽个给大家整理Mysql常用查询语句,需要的朋友可以参考下
废话不多了,直接贴代码了
一查询数值型数据:
SELECT FROM tb_name WHERE sum > 100;
查询谓词:>,=,<,<>,!=,!>,!<,=>,=<
二查询字符串
SELECT
FROM tb_stu WHERE sname = ‘小刘’
SELECT FROM tb_stu WHERE sname like ‘刘%’
SELECT
FROM tb_stu WHERE sname like ‘%程序员’
SELECT FROM tb_stu WHERE sname like ‘%PHP%’
三查询日期型数据
SELECT
FROM tb_stu WHERE date = ‘2011-04-08’
注:不同数据库对日期型数据存在差异:
(1)MySQL:SELECT * from tb_name WHERE birthday = ‘2011-04-08’

(2)SQL Server:SELECT * from tb_name WHERE birthday = ‘2011-04-08’

(3)Access:SELECT * from tb_name WHERE birthday = #2011-04-08#

四查询逻辑型数据
SELECT FROM tb_name WHERE type = ‘T’
SELECT
FROM tb_name WHERE type = ‘F’
逻辑运算符:and or not
五查询非空数据
SELECT FROM tb_name WHERE address <>’’ order by addtime desc
注:<>相当于PHP中的!=
六利用变量查询数值型数据
SELECT
FROM tb_name WHERE id = ‘$_POST[text]’
注:利用变量查询数据时,传入SQL的变量不必用引号括起来,因为PHP中的字符串与数值型数据进行连接时,程序会自动将数值型数据转变成字符串,然后与要连接的字符串进行连接
七利用变量查询字符串数据
SELECT FROM tb_name WHERE name LIKE ‘%$_POST[name]%’
完全匹配的方法”%%”表示可以出现在任何位置
八查询前n条记录
SELECT
FROM tb_name LIMIT 0,$N;
limit语句与其他语句,如order by等语句联合使用,会使用SQL语句千变万化,使程序非常灵活
九查询后n条记录
SELECT FROM tb_stu ORDER BY id ASC LIMIT $n
十查询从指定位置开始的n条记录
SELECT
FROM tb_stu ORDER BY id ASC LIMIT $_POST[begin],$n
注意:数据的id是从0开始的
十一查询统计结果中的前n条记录
SELECT ,(yw+sx+wy) AS total FROM tb_score ORDER BY (yw+sx+wy) DESC LIMIT 0,$num
十二查询指定时间段的数据
SELECT 要查找的字段 FROM 表名 WHERE 字段名 BETWEEN 初始值 AND 终止值
SELECT
FROM tb_stu WHERE age BETWEEN 0 AND 18

十三按月查询统计数据
SELECT FROM tb_stu WHERE month(date) = ‘$_POST[date]’ ORDER BY date ;
注:SQL语言中提供了如下函数,利用这些函数可以很方便地实现按年、月、日进行查询
year(data):返回data表达式中的公元年分所对应的数值
month(data):返回data表达式中的月分所对应的数值
day(data):返回data表达式中的日期所对应的数值
十四查询大于指定条件的记录
SELECT
FROM tb_stu WHERE age>$_POST[age] ORDER BY age;
十五查询结果不显示重复记录
SELECT DISTINCT 字段名 FROM 表名 WHERE 查询条件
注:SQL语句中的DISTINCT必须与WHERE子句联合使用,否则输出的信息不会有变化 ,且字段不能用代替
十六NOT与谓词进行组合条件的查询
(1)NOT BERWEEN … AND … 对介于起始值和终止值间的数据时行查询 可改成 <起始值 AND >终止值
(2)IS NOT NULL 对非空值进行查询
(3)IS NULL 对空值进行查询
(4)NOT IN 该式根据使用的关键字是包含在列表内还是排除在列表外,指定表达式的搜索,搜索表达式可以是常量或列名,而列名可以是一组常量,但更多情况下是子查询
十七显示数据表中重复的记录和记录条数
SELECT name,age,count(
) ,age FROM tb_stu WHERE age = ‘19’ group by date
十八对数据进行降序/升序查询
SELECT 字段名 FROM tb_stu WHERE 条件 ORDER BY 字段 DESC 降序
SELECT 字段名 FROM tb_stu WHERE 条件 ORDER BY 字段 ASC 升序
注:对字段进行排序时若不指定排序方式,则默认为ASC升序
十九对数据进行多条件查询
SELECT 字段名 FROM tb_stu WHERE 条件 ORDER BY 字段1 ASC 字段2 DESC …
注意:对查询信息进行多条件排序是为了共同限制记录的输出,一般情况下,由于不是单一条件限制,所以在输出效果上有一些差别。
二十对统计结果进行排序
函数SUM([ALL]字段名) 或 SUM([DISTINCT]字段名),可实现对字段的求和,函数中为ALL时为所有该字段所有记录求和,若为DISTINCT则为该字段所有不重复记录的字段求和
如:
SELECT name,SUM(price) AS sumprice FROM tb_price GROUP BY name

SELECT FROM tb_name ORDER BY mount DESC,price ASC
二十一单列数据分组统计
SELECT id,name,SUM(price) AS title,date FROM tb_price GROUP BY pid ORDER BY title DESC
注:当分组语句group by排序语句order by同时出现在SQL语句中时,要将分组语句书写在排序语句的前面,否则会出现错误
二十二多列数据分组统计
多列数据分组统计与单列数据分组统计类似
SELECT
,SUM(字段1字段2) AS (新字段1) FROM 表名 GROUP BY 字段 ORDER BY 新字段1 DESC
SELECT id,name,SUM(price
num) AS sumprice FROM tb_price GROUP BY pid ORDER BY sumprice DESC
注:group by语句后面一般为不是聚合函数的数列,即不是要分组的列
二十三多表分组统计
SELECT a.name,AVG(a.price),b.name,AVG(b.price) FROM tb_demo058 AS a,tb_demo058_1 AS b WHERE a.id=b.id GROUP BY b.type;
就是内容就是本人给大家整理的MySql常用查询语句(23种),希望能帮助到大家。

php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法,主要使用到了 php 的时间函数

php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法,主要使用到了 php 的时间函数 mktime。下面首先还是直奔主题以示例说明如何使用 mktime 获取今日、昨日、上周、本月的起始时间戳和结束时间戳,然后在介绍一下 mktime 函数作用和用法
复制代码 代码如下:

//php获取今日开始时间戳和结束时间戳
$beginToday=mktime(0,0,0,date(‘m’),date(‘d’),date(‘Y’));
$endToday=mktime(0,0,0,date(‘m’),date(‘d’)+1,date(‘Y’))-1;
//php获取昨日起始时间戳和结束时间戳
$beginYesterday=mktime(0,0,0,date(‘m’),date(‘d’)-1,date(‘Y’));
$endYesterday=mktime(0,0,0,date(‘m’),date(‘d’),date(‘Y’))-1;

//php获取上周起始时间戳和结束时间戳

$beginLastweek=mktime(0,0,0,date(‘m’),date(‘d’)-date(‘w’)+1-7,date(‘Y’));
$endLastweek=mktime(23,59,59,date(‘m’),date(‘d’)-date(‘w’)+7-7,date(‘Y’));

//php获取本月起始时间戳和结束时间戳

$beginThismonth=mktime(0,0,0,date(‘m’),1,date(‘Y’));
$endThismonth=mktime(23,59,59,date(‘m’),date(‘t’),date(‘Y’));
PHP mktime() 函数用于返回一个日期的 Unix 时间戳。

语法

mktime(hour,minute,second,month,day,year,is_dst)

参数 描述
hour 可选。规定小时。
minute 可选。规定分钟。
second 可选。规定秒。
month 可选。规定用数字表示的月。
day 可选。规定天。
year 可选。规定年。在某些系统上,合法值介于 1901 - 2038 之间。不过在 PHP 5 中已经不存在这个限制了。
is_dst
可选。如果时间在日光节约时间(DST)期间,则设置为1,否则设置为0,若未知,则设置为-1。

自 5.1.0 起,is_dst 参数被废弃。因此应该使用新的时区处理特性。

用法

参数总是表示 GMT 日期,因此 is_dst 对结果没有影响。

参数可以从右到左依次空着,空着的参数会被设为相应的当前 GMT 值。

注意在 PHP 5.1 之前,如果该函数的参数非法,则会返回 false。

另外需要注意的是该函数对于日期运算和验证非常有用。它可以自动校正越界的输入,如:

复制代码 代码如下:

echo(date(“M-d-Y”,mktime(0,0,0,12,36,2013)));


title:PHP实现多图片上传

今天在工作中遇到了一个需求:一个表单实现多个上传图片,类似于QQ空间上传照片的模式。即:可以一次性上传多个图片,但是封面图片只有一个。

最先,最重要的事,在服务器上对文件进行读写操作的时候,一定要看权限,如果没有权限,全是虾扯蛋,为什么这样说,因为全是泪。

首先,前端页面:index.html


多个文件上传表单





上传图片:









知识点:

1.通过JS动态添加input结点和设置属性,当大于3个上传图片的时候就不再给予上传图片的机会了。

2.这里最主要的是input输入框的name值,通过动态的添加数组元素,将所有上传的图片动态添加到数组当中。

后端处理功能

Connection.php

1.读取和存储都需要用到连接数据库,所以可以把它封住一下,养成良好的习惯

<?php
//创建对象并打开连接,最后一个参数是选择的数据库名称
$mysqli = new mysqli(‘localhost’,’root’,’’,’test’);
//检查连接是否成功
if (mysqli_connect_errno()){
//注意mysqli_connect_error()新特性
die(‘Unable to connect!’). mysqli_connect_error();
}

pic.php处理功能

<?php
require_once ‘connection.php’;
$file = $_FILES[‘myfile’]; //得到传输的数据,以数组的形式
$name = $file[‘name’]; //得到文件名称,以数组的形式
$upload_path = “zhouqi666.cn/test/images/“; //上传文件的存放路径
//当前位置

foreach ($name as $k=>$names){
$type = strtolower(substr($names,strrpos($names,’.’)+1));//得到文件类型,并且都转化成小写
$allow_type = array(‘jpg’,’jpeg’,’gif’,’png’); //定义允许上传的类型
//把非法格式的图片去除
if (!in_array($type,$allow_type)){
unset($name[$k]);
}
}
$str = ‘’;
foreach ($name as $k=>$item){
$type = strtolower(substr($item,strrpos($item,’.’)+1));//得到文件类型,并且都转化成小写
if (move_uploaded_file($file[‘tmp_name’][$k],$upload_path.time().$name[$k])){
//$str .= ‘,’.$upload_path.time().$name[$k];
echo ‘success’;
}else{
echo ‘failed’;
}
}

//向指定id插入图片地址(虽然是插入,但是是更新字段,不要迷糊了)
$uid = 1;
$str = substr($str,1);
$sql = “UPDATE upload set pic = ‘“.$str.”‘ WHERE id = “.$uid;
$result = $mysqli->query($sql);

这里我有很多的判断没有写,主要是实现一下功能,比如文件夹要先建立好,你也可以自己判断,不存在就创建一个文件夹,还有一些其他判断等等。

最关键的地方是,当你不熟悉的时候,要走一步调试一步,看得到的结果是什么。

图片现实功能

<?php
require_once ‘connection.php’;
$uid = 1;
$sql = “SELECT pic FROM upload WHERE id =”.$uid;
$result = $mysqli->query($sql);
//取出第一个图片的地址
$picpath = ‘’;
while ($row = $result->fetch_array()){
$picpath = $row[0];
}
$picpath = explode(‘,’,$picpath)[0];

echo ““;
?>


title:获取div 到窗口顶部的距离

document.getElementById(“div”).getBoundingClientRect().top