![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端复习
文章平均质量分 84
结果才重要
深爱马克思
展开
-
window.addEventListener相关参数介绍说明
事件监听各个参数的含义原创 2022-08-16 09:53:52 · 14170 阅读 · 0 评论 -
windows升级node的方法-更新node
亲测好用!!!!原创 2022-07-30 07:33:14 · 5063 阅读 · 3 评论 -
js变量提升与函数提升的机制
目录js变量提升与函数提升的详细过程1、变量的提升2、函数的提升3、变量提升和函数提升的顺序js是这样解析的:4、参考链接js变量提升与函数提升的详细过程先来看两个栗子,下面的两段代码分别输出什么?// 代码段1function foo() { var a = 1; function a() {} console.log(a);}foo();// 代码段2function foo() { var a; function a() {}原创 2022-04-13 16:33:07 · 182 阅读 · 7 评论 -
计算机网络 之 DNS (Domain Name System)域名服务器
目录DNS概述 (Domain Name System)域名系统DNS服务分布式层次式数据库DNS根域名服务器TLD(顶级域名服务器)和权威域名解析服务器本地域名解析服务器DNS查询案例迭代查询---本地去问递归查询---根去问例题DNS记录缓存和更新网络安全DNS记录DNS记录的格式与类型DNS协议与消息---查询和回复如何注册域名DNS概述 (Domain Name System)域名系统DNS服务分布式..原创 2022-04-11 20:49:36 · 1717 阅读 · 0 评论 -
计算机网络 之 Cookie技术 与 Web缓存技术(代理服务器技术)
目录Cookie技术为什么需要Cookie?Cookie技术Cookie组件Cookie的原理Cookie的作用Cookie的问题------隐私问题Web缓存/代理服务器技术Web缓存/代理服务器技术Web缓存示例(1)解决办法(1)解决办法(2)条件性GET方法---更新数据(进行判断)Cookie技术为什么需要Cookie?Cookie技术Cookie组件Cookie的原理C...原创 2022-04-11 20:33:02 · 309 阅读 · 0 评论 -
计算机网络 之 Web应用(HTTP)
目录Web应用Web与HTTPHTTP协议概述(1)HTTP概述(2)HTTP是一个无状态的HTTP连接HTTP连接的两种类型非持久性连接响应时间的分析与建模非持久性连接的问题持久性连接保持TCP一直连接HTTP消息的格式HTTP请求消息HTTP请求消息的通用格式上传输入的方法方法的类型HTTP响应消息HTTP响应状态码可以自己体验一下HTTPWeb应用Web与HTTPHTTP协议概述(1)阿帕奇软件原创 2022-04-11 20:25:31 · 245 阅读 · 0 评论 -
中国机长的TCP三次握手
握手中相关介绍 序列号seq:占4个字节,用来标记数据段的顺序,TCP把连接中发送的所有数据字节都编上一个序号,第一个字节的编号由本地随机产生;给字节编上序号后,就给每一个报文段指派一个序号;序列号seq就是这个报文段中的第一个字节的数据编号。 确认号ack:占4个字节,期待收到对方下一个报文段的第一个数据字节的序号;序列号表示报文段携带数据的第一个字节的编号;而确认号指的是期望接收到下一个字节的编号;因此当前报文段最后一个字节的编号+1即为确认号。 ...原创 2022-03-22 19:21:24 · 117 阅读 · 0 评论 -
移动端WEB开发之-响应式布局
目录移动端WEB开发之响应式布局1.0 响应式开发原理1.1 响应式开发原理1.2 响应式布局容器2.0 bootstrap的介绍2.1Bootstrap简介2.2 bootstrap优点2.3 版本简介2.4bootstrap基本使⽤2.5 bootstrap布局容器.container.container-fluid2.6 bootstrap栅格系统栅格嵌套响应式⼯具移动端WEB开发之响应式布局1.0 响应式开发原理1.1原创 2022-03-21 14:17:25 · 592 阅读 · 0 评论 -
移动WEB开发之-REM(rem)布局
目录移动WEB开发之REM布局rem基础rem单位媒体查询什么是媒体查询媒体查询语法规范1.mediatype 查询类型2.关键字3.媒体特性4.媒体查询书写规则less 基础维护css弊端Less 介绍Less 嵌套Less 运算rem适配⽅案rem实际开发适配⽅案总结:苏宁⾸⻚1、 技术选型2、搭建⽂件结构3、设置视⼝标签以及引⼊初始化样式4、设置公共common.less⽂件移动WEB开发之REM布局原创 2022-03-21 14:07:13 · 3646 阅读 · 4 评论 -
移动WEB开发之-FLEX(flex)布局
目录移动WEB开发—FLEX布局1.0传统布局和FLEX布局对⽐1.1传统布局1.2 flex布局1.3 建议2.0 FLEX布局原理3.0 ⽗项常⻅属性3.1 flex-direction设置主轴的⽅向3.2 justify-content 设置主轴上的⼦元素排列⽅式3.3 flex-wrap设置是否换⾏3.4 align-items 设置侧轴上的⼦元素排列⽅式(单⾏ )3.5 align-content 设置侧轴上的⼦元素的排列⽅式(多⾏)3.6原创 2022-03-21 14:03:21 · 492 阅读 · 0 评论 -
移动WEB开发之-流式布局
目录移动WEB开发流式布局1.0 移动端基础1.1浏览器现状1.2 ⼿机屏幕的现状1.3常⻅移动端屏幕尺⼨1.4移动端调试⽅法2.0 视⼝2.1 布局视⼝ layout viewport2.2视觉视⼝ visual viewport2.3理想视⼝ ideal viewport2.4meta标签最标准的viewport设置3.0⼆倍图3.1物理像素&物理像素⽐3.2背景缩放background-size4.0 移动开发选择和技术解决⽅原创 2022-03-21 14:00:03 · 2096 阅读 · 0 评论 -
CSS------12.HTML5与CSS3-补充知识点
目录HTML5CSS3-补充知识点1.背景1.背景缩放background-size2、设置背景定位的原点 background-origin(原点,起点)3、background-clip设置背景区域clip(裁切)4、以逗号分隔可以设置多背景2 .使⽤ CSS3盒⼦模型box-sizing3 .关于before和after4 .颜⾊表示⽅式5 .⽂本 (shadow阴影)text-shadow,可分别设置偏移量、模糊度、颜⾊(可设透明度)。6 .边框图原创 2022-03-18 20:47:30 · 300 阅读 · 0 评论 -
CSS------11.3D转换
目录3D转换⼀、 认识 3D 转换1.3D 的特点2.三维坐标系⼆、3D 转换1. 3D 转换知识要点2. 3D 移动 translate3d3.语法4.代码演示三、透视 perspective1.知识点讲解2.知识要点3.代码演示四、 translateZ1.translateZ 与 perspecitve 的区别五、3D 旋转rotateX1.语法2.代码案例3.左⼿准则六、3D 旋转 rotateY1.代码演示原创 2022-03-18 20:43:25 · 224 阅读 · 0 评论 -
CSS------10.2D转换与动画
目录2D转换与动画一、2D 转换之 translate1. 2D 转换2. translate 语法3.重点知识点4.代码演示二、2D 转换 rotate1.rotate 旋转2.rotate 语法3.重点知识点4.代码演示三、设置元素旋转中⼼点(transform-origin)1.transform-origin 基础语法2.重要知识点四、2D 转换之 scale 的作⽤1.⽤来控制元素的放⼤与缩⼩2.语法3.知识要点五、2原创 2022-03-18 20:33:31 · 235 阅读 · 0 评论 -
CSS------9.H5新标签&C3新选择器
目录H5新标签&C3新选择器⼀、什么是 HTML51.HTML5 的概念与定义2.HTML5 拓展了哪些内容3. HTML5 的现状⼆、HTML5 新增标签1.什么是语义化2.新增了那些语义化标签3.使⽤语义化标签的注意三、多媒体⾳频标签1.多媒体标签有两个,分别是2.audio 标签说明3.audio ⽀持的⾳频格式4.audio 的参数5、audio 代码演示四、多媒体视频标签1.video 视频标签2.语法格式3.vi原创 2022-03-16 20:36:08 · 507 阅读 · 0 评论 -
CSS------8.CSS⾼级技巧
目录CSS⾼级技巧1.元素的显示与隐藏1.1 display 显示(重点)1.2 visibility 可⻅性 (了解)1.3 overflow 溢出(重点)1.4 显示与隐藏总结2.CSS⽤户界⾯样式2.1 ⿏标样式cursor2.2 轮廓线 outline2.3 防⽌拖拽⽂本域resize2.4 ⽤户界⾯样式总结3.vertical-align 垂直对⻬3.1 图⽚、表单和⽂字对⻬3.2 去除图⽚底侧空⽩缝隙4.溢出的⽂字省略号显示4.原创 2022-03-16 20:23:51 · 224 阅读 · 0 评论 -
CSS------7.定位
目录定位1.CSS 布局的三种机制2.为什么使用定位2.1 小黄色块在图片上移动,吸引用户的眼球。2.2 当我们滚动窗口的时候,盒子是固定屏幕某个位置的3.定位详解3.1 边偏移3.2 定位模式 (position)静态定位(static) - 了解相对定位(relative) - 重要绝对定位(absolute) - 重要定位口诀 —— 子绝父相固定定位(fixed) - 重要4.1 绝对定位的盒子居中4.2 堆叠顺序(z-index)4原创 2022-03-16 19:54:46 · 82 阅读 · 0 评论 -
CSS-----6.浮动
浮动1.浮动(float)1.1 CSS 布局的三种机制CSS 提供了3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位普通流(标准流)---块级元素会独占一行,从上向下顺序排列; ---常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table ---行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行; ---常用元素:span、a、i、em等 2. 浮动 ---让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。 3. 定位 ---将原创 2022-03-16 17:47:20 · 225 阅读 · 0 评论 -
CSS------5.盒子模型(Box-Model)
目录盒子模型(CSS重点)1.看透网页布局的本质2.盒子模型(Box Model)标准盒子模型3.盒子边框(border)表格的细线边框4.内边距(padding)4.1 内边距4.2 设置4.3 课堂案例: 新浪导航4.4 内盒尺寸计算(元素实际大小)4.5 内边距产生的问题4.6 padding不影响盒子大小情况5.外边距(margin)5.1 外边距5.2 设置5.3 块级盒子水平居中5.4 文字居中和盒子居中区别5.5原创 2022-03-15 21:15:34 · 300 阅读 · 0 评论 -
CSS------4.行高(line-height),背景以及三大特性
目录3.行高3.1 行高测量3.2 单行文本垂直居中CSS 背景(background)4.2 背景图片(image)4.3 背景平铺(repeat)4.4 背景位置(position) 重点4.5 背景附着4.6 背景简写4.7 背景透明(CSS3)4.8 背景总结02-CSS三大特性5.CSS 三大特性5.1 CSS层叠性5.2 CSS继承性5.3 CSS优先级(重点)CSS注释规则:3.行高3.1 行高测量行高的测原创 2022-03-15 21:10:39 · 493 阅读 · 0 评论 -
CSS------3.复合选择器与 display
目录CSS复合选择器1.CSS复合选择器1.1 后代选择器(重点)1.2 子元素选择器1.3 交集选择器1.4 并集选择器(重点)1.5 链接伪类选择器(重点)1.6 复合选择器总结2.标签显示模式(display)重点2.1 什么是标签显示模式2.2 块级元素(block)2.3 行内元素(inline)2.4 行内块元素(inline-block)2.5 三种模式总结区别2.6 标签显示模式转换 displayCSS复合选择器1原创 2022-03-15 20:59:52 · 245 阅读 · 0 评论 -
CSS------2.文字属性与外观属性
目录1.font字体1.1 font-size:大小1.2 font-family:字体CSS Unicode字体(了解)1.3 font-weight:字体粗细1.4 font-style:字体风格1.5 font:综合设置字体样式 (重点)1.6 font总结CSS外观属性2.1 color:文本颜色2.2 text-align:文本水平对齐方式2.3 line-height:行间距2.4 text-indent:首行缩进2.5 text-de原创 2022-03-15 20:52:56 · 234 阅读 · 0 评论 -
CSS------1.初识与选择器
CSS初识与选择器CSS样式表(书写位置)4.1 行内式(内联样式)4.2 内部样式表(内嵌样式表)4.3 外部样式表(外链式)4.4 三种样式表总结(位置)总结CSS样式规则总结:选择器用于指定CSS样式作用的HTML标签,花括号内是对该对象设置的具体样式。 属性和属性值以“键值对”的形式出现。 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。 属性和属性值之间用英文“:”连接。 多个“键值对”之间用英文“;.原创 2022-03-15 20:44:53 · 1175 阅读 · 0 评论 -
HTML5基础
1.HTMLHTML是超文本标记语言 单标签,双标签 UTF-8字符集标签1.标题h标签2.段落p标签3.水平线标签hr4.换行标签br5. div和span标签(重点)div标签 用来布局的,但是现在一行只能放一个div span标签 用来布局的,一行上可以放好多个span6.空格符号 ** **总结.原创 2022-03-14 20:33:45 · 2231 阅读 · 2 评论