![](https://img-blog.csdnimg.cn/6c27d40c17bb4926ad0cfbf1bb3fb902.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
网络
文章平均质量分 68
网络
小管打天下
这个作者很懒,什么都没留下…
展开
-
网站手机验证码实战
一、前言发送验证码这件事是一定会依赖第三方平台的(比如:容联·云通讯)注意不要上线,上线就测试不了了三、总结使用主子模块,子模块注入主模块方法公有化,方法私有化原创 2021-09-13 14:57:33 · 271 阅读 · 0 评论 -
【实战】AJAX之『瀑布流』
一、瀑布流的实现(1)书写思路保存图片高度到数组:先把第一行图片的高度求出并放在一个数组找到最小值及索引号:根据Math.min找到数组中的最小数,再根据indexOf找到出相对应的索引号设置第六张图左边距:根据索引找到数组中的图片,把它的offsetLeft值赋给第六张图片设置第六张图上边距:再根据索引找到数组中保存的高度+10,赋给第六张图片的offsetTop改变当前索引的高度:把当前索引高度更改为数组最低高度+第六张图片的高度+10第一行图片确定好了以后下面的图片就不用像第一行这原创 2021-09-06 18:40:35 · 281 阅读 · 0 评论 -
【实战】AJAX之『后台列表管理模块』
一、源码知识补充caption:标题标签border-collapse:collapse去除双边框table显示:display-tabletext-decoration:none 去除文本默认样式.clearfix::after{content=’’, display=‘table’, clear:both}:清除浮动布局方式:thead-tbody-tfootsetselectionRange(star, over):选中输入框中的文字; (function (doc) {原创 2021-09-04 17:42:17 · 171 阅读 · 0 评论 -
【实战】AJAX之『大附件文件上传功能』
一、基础知识(1)appliaction/x-www-form-urlencodedform表单默认的编码格式就是appliaction/x-www-form-urlencoded<form enctype="value">把表单数据变成键值对的编码方式(2)multipart/form-data二进制形式的编码方式用来传输文件form表单也叫同步上传(跳转页面)(3)多文件上传<input type="file" name="file[]" multiple />原创 2021-09-04 16:40:09 · 550 阅读 · 0 评论 -
【实战】cookie+token实现网站『持久登录』
一、基础概念(1)正确获取复选框数据javascript <input type="checkbox" name="body[]" value="fb"/>中括号的作用是告诉后端它是一个数组(2)语义化因为HTML不具备语义化所以HTML5出了很多标签同时举例,input将type值设置为submit/reset也可以实现提交和重置,但是因为不够具备语义化所以将用button来实现表单的提交和重置(3)合法性合法性的意思并不是数据长度够不够,而是制定了一套规则,提交的数据是否符原创 2021-09-04 16:23:24 · 1657 阅读 · 0 评论 -
cookie增删改查、用户追踪
一、cookie前言http协议的无状态: 在同一个连接中第一次请求和第二次请求是没有关系的,这就是无状态。cookie是怎么在无状态的现象中发挥作用的? 星巴克例子: 客户一周去两次星巴克,在没有别的前提的情况下,客户原创 2021-09-04 16:10:47 · 406 阅读 · 0 评论 -
【实战】iframe实用之网页导航、代码编辑器
ifram特性: 点击链接、提交表单可在ifram窗口里跳转一、网页导航<div class="wrap"> <aside class="aside-wrap"> <ul class="nab-list"> <li class="nav-item"> <a href="https//www.jd.com" target="navIframe" class="nav-lk"原创 2021-09-04 15:55:23 · 309 阅读 · 0 评论 -
【实战】JSONP跨域之『豆瓣网音乐搜索』
重点加入防抖html通过设置来访问被限制图片防抖和节流防抖:一个事件在一定时间内没有被触发,才能让函数执行。节流:不管事件触发了多少次,事件处理函数只执行一次。//https://api.douban.com/v2/music/search?q=关键字&callback=回调函数&count=返回条数;(function(doc){ var oInput = doc.getElementById('J_searchInput'), searchI原创 2021-09-04 15:46:41 · 126 阅读 · 0 评论 -
【实战】JSONP跨域之『百度联想词搜索』
一、JSONP跨域(1)说明JSONP-JSON with Padding: 跨域获取JSON数据的一种非官方的使用模式JSON和JSONP不是一个类型JSON是数据交换格式JSONP是一种跨域获取JSON数据的交互技术(非常正式的协议)JSONP抓取的资源并不直接是JSON数据,而是带有JSON数据参数的函数执行JSON返回的:{“name”:“cc”}JSONP返回的:callback({‘name’:‘cc’})(2)前奏同源策略到底给谁走了后门?img的srclin原创 2021-09-04 15:40:04 · 298 阅读 · 0 评论 -
6种跨域获取数据的方法
一、基础引导(1)通过Ifram获取数据通过Ifram的contentWindow获取index2.html数据//index1<iframe src="index2.html" id="myIframe"></iframe><script type="text/javascript"> var myIframe = document.getElementById('myIframe'); window.name = 'mainWindow';原创 2021-09-04 15:19:58 · 2064 阅读 · 0 评论 -
AJAX版本、响应状态、超时设置、同步与异步
一、AJAX版本(1)缺点和改进XMLHttpRequest Level 1的缺点:无法发送跨域请求不能非纯文本的数据无法获取传输进度XMLHttpRequest Level 2的改进:可以发送跨域请求支持获取二进制数据(非纯文本数据)支持上传文件formData对象可以获取传输进度可以设置超时时间(2)兼容性问题IE8/9Opara Mini不支持xhr对象IE10/11不支持响应类型为JSON(XMLHttpRequest中不支持,在Active中支持)部分浏览器不支持超原创 2021-09-04 15:06:23 · 765 阅读 · 0 评论 -
【实战】AJAX之『腾讯课堂评论模块』
一、源码index.js; (function (document, Comment) { var oOpenBtn = $get('.J_openBtn')[0], oCloseBtn = $get('.J_closeBtn')[0], oStars = $get('.J_stars')[0], oEditTxt = $get('.J_editTxt')[0], oSubmitBtn = $get('.J_submitBtn')[0], oRadioTab原创 2021-09-03 18:10:17 · 270 阅读 · 3 评论 -
同步与异步请求、混编、AJAX、原生AJAX封装
一、同步与异步请求(1)前言浏览器与服务器之间的通信基础是HTTP协议用户通过网址或表单向服务器提交请求,服务器向浏览器发送相应的响应如何通过点击能获取数据并展示在页面上?(不用AJAX)1.混编模式2.调用接口如果不是异步请求会导致页面刷新二、混编(1)什么是混编?服务端代码和客户端代码写在一起(php,jsp,asp,python) php &原创 2021-09-03 17:59:23 · 207 阅读 · 2 评论 -
请求一个网页的流程、减少HTTP请求的方法
一、减少HTTP请求的方法(1)浏览器请求一个网页的流程url输入回车DNS解析 -> 解析什么?变成什么 URL 相应服务器原创 2021-09-03 17:44:00 · 368 阅读 · 1 评论 -
http版本、关闭TCP、四次挥手、同源策略
一、http版本(1)http版本HTTP/0.9仅支持GET请求方式仅能请求访问HTML格式的资源HTTP/1.0增加POST和HEAD请求方式支持多种数据格式的请求与访问支持cache缓存功能新增状态码、多字符集支持、内容编码等早期HTTP/1.0不支持keep-alive长连接,只支持串行连接后期HTTP/1.0增加Connection: keep-alive字段(非标准字段),开始支持长连接多字符集支持:GBK,UTF-8,UNICODE内容编码:encodeUR原创 2021-09-03 17:38:55 · 250 阅读 · 0 评论 -
缓存、长短连接、Content-Length、referrer
一、缓存(1)缓存的定义把已请求并返回的WEB资源(HTML页面、图片、JS文件、CSS文件、数据等)复制成一个副本存储在浏览器的缓存中(2)缓存的好处减少网络带宽的消耗降低服务器压力减少网络延迟(3)Pragma(响应头)字段值Pragma编译指示no-cache:指示浏览器忽略资源缓存副本,强制到服务器获取资源(浏览器依然缓存)Pragma是http1.0的字段,http1.1用Cache-Control替代(http协议向下兼容,所以很多网站依旧有这个字原创 2021-09-03 17:14:53 · 507 阅读 · 0 评论 -
http状态码、accept、Content-Type
一、http状态码(1)http状态码1XX:信息,服务器收到请求,需要请求者继续执行操作2XX:成功,操作被成功接收并处理3XX:重定向,需要进一步的操作以完成请求4XX:客户端错误,请求包含语法错误或无法完成请求500:服务器错误,服务器在处理请求的过程中发生了错误(2)200 OK表示服务器已成功处理了请求(3)304重定向ETag:服务端资源唯一标识符(优先级高于Last Modified)Last-Modified:资源在服务器最后修改的时间(精确到秒)-> 所以需要唯原创 2021-09-03 16:57:16 · 1147 阅读 · 0 评论 -
WWW历史、HTTP报文、请求方式、GET与POST
一、WWW历史(1)WWW历史www.baidu.com zhidao.baidu.comwww 协议 -> 网页服务协议 -> www.baidu.com baike.baidu.com二、HTTP报文(1)报文前言HTTP基于TCP/IP通信协议来传递数据HTTP基于客户端/服务端(C/S)架构模型通过一个可靠的连接来交换信息,是一个无状态的请求/响应协议限制每次连接只处理一个请求(传统TCP/IP请求)。服务器处理完客户的请求,并收到客户的答应后,即断开连接。采用这种原创 2021-09-03 16:48:21 · 576 阅读 · 1 评论 -
DNS、IP、TCP/UDP、HTTP/HTTPS、三次握手
一、WWW(1)WWWWWW: World Wide Web 万维网Internet提供了很多服务,其中包括WWW(网页服务)、FTP(文件传输)、E-mail(电子邮件)、Telnet(远程登录)等等。www是用浏览器访问网页的服务,所以网站的主页的域名前需要加www。而随着网站服务类型的增加,不同的二级或三级域名对应不同的业务,而业务的处理任务会分配到多个服务器,所以,不再需要使用www来标注主页,很多网站都会做DNS解析www,原因是尊重用户的习惯。(国外网站基本不用www标注主页 github原创 2021-09-03 16:05:35 · 741 阅读 · 0 评论 -
网络初探、URL、客户端与服务端、域名操作
一、网络初探(1)客户端与服务端简介Client客户端: 用户所用的程序(浏览器、爱奇艺、QQ),在前端客户端就是浏览器Server服务端: 存储数据、存储网页的程序、处理数据程序的一个载体(2)客户端与服务端关系客户端是像服务器请求,请求与被请求的关系(3)服务端、后台、服务器区别服务端: 服务端是数据或文件的入口和出口后台:主要指数据的管理,比如数据库、服务器的程序管理,它是一个整体的、处理服务端问题的程序集合服务器:服务器就是配置高一点的电脑(4)浏览器请求一个网页的流程客户原创 2021-09-03 15:48:26 · 789 阅读 · 0 评论 -
服务器搭建与相关操作
一、服务器搭建与相关操作(1)WampServer介绍WampServer是一款由法国人开发的Apache Web服务器、PHP解释器以及MySQL数据库的整合软件包。简单的说WampServer就是Windows Apache Mysql PHP集成安装环境,即在window下的apache、php和mysql的服务器软件免去了开发人员将时间花费在繁琐的配置环境过程,从而腾出更多精力去做开发。(2)安装WampServer等待安装就好了,一会儿会弹出一个框这里会让你选择一个默认浏览器原创 2021-09-03 15:26:55 · 159 阅读 · 0 评论