jquery监听事件;jquery实时监听 收藏 0

jQuery核心的3个面试问题

• 1、jQuery是一个功能强大的函数库, 封装了以下功能(1)、DOM的CRUD(2)、DOM事件处理(3)、ajax请求(4)、各种小的工具函数

• 2、核心语法(1)、jQuery核心函数(2)、jQuery核心对象

• 3、特点:(1)、链式调用(2)、读写合一(3)、更好的浏览器兼容性

• 1. 是什么?

就是jquery库向外暴露的$和jQuery, 一般都用$

• 2. 它有2种使用方式:(1) 作为函数使用(2) 作为对象使用

• 3. $作为函数使用(1) 参数为函数: 指定回调函数在页面加载完后执行(2) 参数是选择器字符串: 查找所有匹配的元素, 返回jQuery对象(3) 参数是标签格式字符串: 创建DOM对象, 返回jQuery对象(4) 参数是DOM元素: 返回包含此DOM元素的jQuery对象

• 4. $作为函数对象使用(1) 发送ajax请求的各种方法: $.ajax()/get()/post()/getJSON()(2) 一些工具方法: $.each(array)/type(data)

• 1. 2种情况产生的对象 (内部包含n个dom元素对象)(1) 执行$函数返回的对象(2) 调用jQuery核心对象的方法返回的对象

• 2. 主要方法(1) 进行DOM进行增删改的方法(2) 对内部的DOM元素进行进一步过滤查找的方法(3) 进行事件处理的方法: 绑定监听/解绑监听/事件委派

php手把手教你做网站（二十四）jquery ajax上传大的附件

上传大的附件分为两种情况，

1. 可以改变服务器配置；
2. 不能改变配置；

第2种使用分片上传

优势：可以突破服务器上传大小的限制，可以web存储上传到哪一块了，在浏览器关闭或者刷新的情况下可以断点续传；

劣势：上传速度慢，在我本地电脑测试，200M的文件，改变配置按照正常方式上传大约需要12到15秒，但是使用第2种分片上传，大约需要40多秒，也就是所需时间是正常上传的3倍，我测试了for循环同时上传几个碎片，电脑直接很卡，点击别的浏览器或者文件夹之类的全部是没有响应，所以放弃了使用循环同时上传多个；

如果上传大的文件实现进度条是很有必要的，否则用户看不到进度会等得不耐烦了。

小的文件只需要2秒左右，是否有进度条没有关系。

第一种，在可以改变服务器配置的前提下

图1 带进度条文件上传

1、配置php.ini

1. post_max_size post数据默认8M
2. upload_tmp_dir 文件上传临时文件（upload_tmp_dir=\”E:\\temp8.0.11\”）
3. upload_max_filesize 上传的大小默认2M
4. max_execution_time 程序超时时间默认30秒

如果上传的文件比较大，以上4点都需要修改，特别是第2点，尽可能配置，否则上传最后会比较慢。

2、iis上传大小限制，可以在web.config直接修改，加入以下代码

<requestLimits maxAllowedContentLength=\”1073741824\” /> 这里是限制的大小，默认大小忘记了，我这里设置的是可以上传1G进行的测试。

3、nginx上传大小限制

1. client_max_body_size 2000m; #upload size 随便写的2000M方便上传1G大小文件测试
2. client_header_timeout 300;
3. fastcgi_connect_timeout 300;
4. fastcgi_send_timeout 300;
5. fastcgi_read_timeout 300;
6. fastcgi_request_buffering off;

我开始想把这些加到location / {}里边，提示错误client_header_timeout不允许放到里边，所以全部加到外边了，也就是server {}里边；

注意下第6点，如果不配置，nginx上传文件会存到缓存，然后再一点一点传到upload_tmp_dir的目录下，导致上传所需时间是iis的2倍。

4、html代码

5、css代码 用来设置进度条

6、js代码(jquery使用监听progress实现进度条功能)

7、后端php处理程序

第二种，不能改变服务器的配置使用分片上传

图2 进度条显示多少片

html，css不变，只是改变js，下面是用到的js代码

代码1：点击事件

代码2：uploadtp方法

php后端处理程序

说明：

1. 返回代码0000上传完成，0001未完成继续上传，其他错误提示；
2. 分片上传不能使用move_uploaded_file，而是使用file_put_contents追加
3. file_put_contents追加用法file_put_contents(\”物理路径+文件名\”,\”追加的信息\”,FILE_APPEND);

nginx上传文件很慢

处理办法：关闭 fastcgi_request_buffering，如果不关闭，上传所需时间至少是iis的2倍；

具体操作：编辑nginx.conf，

server {

fastcgi_request_buffering off;

}

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com