- 博客(17)
- 收藏
- 关注
RSS订阅原创 HTTP ·cookies
一、认识cookie1.HTTP Cookie是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。2.致命缺点：指定cookie后，浏览器每次请求都会带上cookie数据这样会有额外的性能开销3.用途：会话状态管理，例如记录用户登录状态，购物车信息等个性化设置，例如用户的自定义设置浏览器行为跟踪二、创造一个cookie1.Set-Cooki
2022-05-08 16:52:44
939
原创 jQuery-AJAX
一、load（）方法从服务器加载数据，并把返回的数据放入被选元素中1.语法$(selector).load(URL,data,callback);释：URL参数——指你要加载的URL，比如说你要把demo_test.txt文件里的内容加载到指定的元素中那么URL就是demo.txt。也可以把 jQuery 选择器添加到 URL 参数。例如可以把 demo.txt文件中 id="p1" 的元素的内容，加载到指定的 <div> 元素中，写法为：$("#div1").load.
2022-05-08 13:08:29
116
原创 浅谈AJAX
1.AJAX=异步JS+XML；2.AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。即是一种用于创建快速动态网页的技术。个人认为此效果主要靠XML实现，因为XML的其中一个用途就是将数据从HTML中分离出来，这样就可以专注的使用CSS和HTML进行网页布局和样式，当基层数据改变的时候就可以不用动HTML和CSS，然后使用JS就可以读取一个外部 XML 文件，并更新网页的数据内容。所以在AJAX里面的XML就是用来作为转换数据的格式3.AJAX工作原理XMLHTTPR.
2022-05-04 19:34:17
213
原创 GET和POST两种基本请求方法的区别
GET：以检索、获取为主，POST：以创建、更新为主GET和POST本质上就是TCP链接，并无差别。但是由于HTTP的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。一、URL与安全性1.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。2.GET把参数包含.
2022-04-23 16:38:36
1515
原创 HTTP协议
HTTP 协议一般指 HTTP（超文本传输协议）。超文本传输协议（英语：HyperText Transfer Protocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议，是因特网上应用最为广泛的一种网络传输协议，所有的 WWW 文件都必须遵守这个标准。（HTTP 是为 Web 浏览器与 Web 服务器之间的通信而设计的）一、形象理解1.协议：一式双份或多份，双方多方都遵从共同的一个规范，这个规范就可以称为协议2.HTTP协议工作流程：在原始状态下客户端和服务端
2022-04-23 14:54:45
1937
原创 动画、过渡
一、动画动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果1、基本使用制作动画分为两步：先定义动画，再使用（调用动画）①用keyframes定义动画@keyframes 动画名称 { 0% { width：100px; } 100% { width: 200px; }}动画序列
2022-02-01 21:21:28
353
原创 CSS之转换
转换（transform）是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果，可以简单理解为变形一、2D转换1、移动（translate）2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位①语法： transform：translate（x,y）;或者分开写——transform：translateX(n); transform：transl...
2022-02-01 20:44:56
955
原创 flex布局
一、原理1、flex是flexible box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局注意事项：当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失效 别称：伸缩布局、弹性布局、伸缩盒布局、flex布局2、采用flex布局的元素称为flex容器，简称“容器”。它的所有子元素自动成为容器成员，称为flex项目，简称“项目”简单来说，就是通过给父盒子添加flex属性，来控制子盒子的位置和
2022-01-28 10:27:33
632
原创 CSS高级技巧之精灵图
一、导读一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时服务器就会频繁的接受和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度，因此，为了有效地减少服务器接受和发送请求的次数，提高网页的加载速度，出现了CSS精灵技术（也称CSS sprites、CSS雪碧）。二、精灵图的使用1、核心：精灵技术主要针对于背景图片使用，将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。这个大图片也称为sprites 、精灵图、雪碧图。当我们移动背景图片位置
2022-01-26 13:12:17
1016
原创 CSS之浮动
float属性用于创建浮动框，将其移动到一边，语法：选择器 { float ：属性值；}属性值 描述 none 元素不浮动（默认值） left 元素向左浮动 right 元素向右浮动
2022-01-25 16:14:06
210
原创 CSS（边框补充、文本补充、Display与 Visibility、position（定位）、解决文本溢出
一、边框1、圆角边框border-radius属性用于设置元素的外边框圆角，radius半径（圆的半径）原理：（椭）圆与边框的交集形成圆角的效果语法：border-radius：length：参数值可以是为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者50% 如果是矩形，设置为高度的一半就可以做类似于一个椭圆2、盒子阴影box-shadow 属性被用来添加阴影语法：box-shadow：h-shadow v-shadow ..
2022-01-23 20:10:18
302
原创 CSS（文本、字体、盒子）
一、文本属性1、文本颜色color属性被用来设置文字的颜色2.文本对齐text-align属性用来设置元素内文本内容的水平对齐方式left：左对齐（默认值）right：右对齐 center：居中对齐3、文本装饰text-decoration 属性用来设置或删除文本的装饰。可以给文本添加下划线（underline）、删除线（line-through）、上划线（overline），但从设计的角度看 text-decoration属性主要是用来删除链接的下划线：a {text-d
2022-01-22 15:32:51
2721
原创 CSS三大特性
CSS有三大特性：层叠性、继承性、优先级一、层叠性1、相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题2、原则样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠二、继承性1、CSS中的继承指的是子标签会继承父标签的某些样式，如文本颜色和字号（子承父业）可以继承的样式有：text- , font- ,line- 这些元素开头的可以继承，以及color属性2、行高继承在CSS文件里：bo
2022-01-19 11:17:50
297
原创 HTML复习之CSS（选择器、引入方式、背景）
一、选择器：根据不同需求把不同的标签选出来这就是选择器的作用1、基础选择器基础选择器是由单个选择器组成的 包括：标签选择器、类选择器、id选择器和通配符选择器1.1标签选择器（元素选择器）指用HTML标签名称作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式语法：标签名 {属性：属性值；}1.2类选择器①使用场景：如果想要差异化选择不同的标签，单独选一个或者某几个标签②语法：.类名 { 属性：属性值； }...
2022-01-18 22:43:21
548
原创 HTML复习之表单
在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分构成。一、表单域表单域是一个包含表单元素的区域，在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递，<form>会把它范围内的表单元素信息提交给服务器二、input输入表单元素1在<input>标签(单标签)中，包含一个type属性，根据不同的type属性值，输入字段拥有很多种样式<input type="属性值" />.
2022-01-15 15:44:05
425
原创 HTML复习（图像、路径、列表）
一、图像标签与路径1、图像①图像标签：在 HTML 中，图像由<img> 标签定义（为单标签）语法规范 ：<img src="图像URL" alt="some_text"/>(URL 指存储图像的位置)src是<img>标签的必须属性，它用于指定图像文件的路径和文件名图像标签的其他属性： src:src 指 "source"。源属性的值是图像的 URL 地址 alt:用来为图像定义一串预备的可替换的文本（图像显示不出来的时候用文字替换）&l
2022-01-15 14:42:58
308
原创 HTML复习（链接、标题、段落）
由于期末复习有半个月没有接触前段任何内容，寒假还是先进行复习进程，首先复习HTML一、概念超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 ctrl+/ 单行注释，ctrl+shift+/ 块注释二、1、标题：①通过<h1>——<h6> 标签进行定义的。<h1> 最大的标题，依次递减， &
2022-01-14 23:16:18
361
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人