- 博客(6)
- 收藏
- 关注
原创 http/0.9到http/2版本解读
本文参考自https://blog.poetries.top/browser-working-principle/guide/part6/lesson29.html 对http从http/0.9版本到当前广泛使用的http/2版本的发展历程进行了一个详细的介绍 HTTP/0.9 因为HTTP是基于TCP协议的,所以客户端要先根据IP地址、端口号和服务器建立连接,而建立连接的过程就是TCP三次握手的过程 建立好连接之后,会发送一个GET请求行的信息,比如GET index.html来请求index.html
2021-04-28 16:43:32 450
原创 JQuery中Jsonp实现原理(Ajax)
JSONP原理 1、判断请求与当前页面的域是否同源,如果同源,则发送正常的Ajax,就没有跨域的事情了; 2、如果不同源,会生成一个script标签 3、生成一个随机的callback名字,还得创建一个名为该名字的方法 4、设置script标签的src,设置为要请求的接口 5、将callback作为参数拼接在后面 =以上是前端部分== 6、后端接收到请求后,开始准备要返回的数据 7、后端拼接数据,将要返回的数据用callback的值和括号包裹起来 例如:callback=asd123456,要返回的数据为{
2021-01-05 19:54:00 347
原创 原生JS实现好友列表查询demo
数组方法小demo 这次主要是利用数组的一些方法来进行一些小应用,如forEach方法和filter方法 html由两部分组成,分别为顶部搜索框部分和下面的好友列表部分 代码(静态THML页面): <div class="wrapper"> <div class="filterFunc"> <input type="text" class="search"></input> <span class="btn">
2021-01-04 16:17:34 519
原创 原生JS运动实现轮播图
原生JS运动实现轮播图 **基本原理:**通过控制包含n张图片的ul的left值来实现图片自动运动的效果,其中列表中li元素的个数为n,第一个li和最后一个li里存放的图片应为同一张图片,当图片运动到最后一张时,将ul的left值设为0,即可达到图片无线轮播的效果。 运动函数的实现 函数需传入元素(即需要参与运动的元素)、目标值(以对象的形式呈现,如{left: 300})、callback(回调函数)。 //多物体多值运动+回调机制 function startMove(dom, attrObj, cal
2020-12-31 10:08:41 1210 3
原创 初识JavaScript(ECMA5+DOM基础)
JavaScript JS的特点:1、解释性语言,2、单线程 JS三大部分:ECMAScript、BOM、DOM 前端的特点:结构、行为、样式相分离 ECMAScript NaN不等于任何东西,包括自己。 JS数据类型 (原始值和引用值)其中原始值包括:number, string, boolean, undefined, null,引用值包括:array, object, function 逻辑运算符:&& || ! 1、&&(与):碰到假停,先看第一表达式转换成布尔
2020-12-10 20:19:15 2560
原创 前端基础(HTML+CSS)学习笔记
HTML+CSS 主流浏览器及其内核 IE ------> trident firefox ------> Gecko chrome ------> Webkit/blink Safari ------> Webkit Opera ------> presto HTML(Hypertext Markup Language超文本标记语言) 简单
2020-12-10 20:18:24 213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人