![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端--002
文章平均质量分 80
前端学习笔记
我是Dreamer啊
这个作者很懒,什么都没留下…
展开
-
前端需要了解的HTTP基础
HTTP什么是协议?用于计算机网络中数据传输的一个规则和标准TCP/IP的四层协议链路层->网络层->传输层->应用层当你输入URL之后发生了什么?(超经典面试题)域名解析:通过域名解析(DNS)服务器对当前域名进行解析,找到其对应的IP地址。通过TCP的三次握手建立连接,使用TCP协议保证数据传递的安全性和完整性三次握手之后进行数据传递。通过四次挥手,断开连接。浏览器接收到服务器端相应的数据后,进行数据渲染,形成页面。TCP协议面向连接的、可靠的字节流服务T原创 2021-09-14 14:54:07 · 160 阅读 · 0 评论 -
class、static和异常处理--JavaScript
class、static和异常处理Class类:ES6引进了class的概念,作为对象的模板,可以使用关键字class来定义类。使用class定义类,不需要添加function关键词,如下定义一个名为Person的类,直接使用class Person;在Person类中创建一个work方法,直接使用work(){}。 class Person{ constructor(name,age){ this.name=name;原创 2021-09-14 14:52:12 · 224 阅读 · 0 评论 -
面向对象-JavaScript
9.9面向对象对象的组成:属性、方法创建对象的方法字面量方式创建对象实例创建对象(代码冗余)工厂模式创建对象(可以隐藏细节但结构不明确)构造函数创建对象//创建一个构造函数function Phone(brand, type, screen) { this.brand = brand; this.type = type; this.screen = screen; this.functions = function() {原创 2021-09-14 14:51:27 · 82 阅读 · 0 评论 -
递归以及递归的简单应用 JavaScript
递归以及递归的简单应用执行上下文[代码的执行环境]全局执行上下文函数执行上下文eval执行上下文(已经很少使用了,不推荐使用)执行上下文调用栈[先进后出]全局上下文入栈函数上下文入栈函数上下文出栈全局上下文出栈递归当不满足条件时,函数调用自身,满足条件时,递归返回。*递归实现阶乘function play(num) { // 2.此时num=3,判断num不等于1,跳过if // 4.此时num=2,判断num不等于1,跳过if原创 2021-09-14 12:20:30 · 96 阅读 · 0 评论 -
全局变量与局部变量、闭包 -JavaScript
全局变量与局部变量、闭包定义在function外部的变量:全局变量定义在function内部的变量(有var):局部变量定义在function内部但没有var的变量:全局变量;想要在全局中使用,必须先调用一次方法使用场景:全局变量:少用,一直常驻内存中,不易被销毁,容易出现命名冲突,适合公用的变量局部变量:函数执行完即被销毁,无法被持久化作用域函数作用域:函数内部使用全局作用域:整个网页范围块级作用域:{},在整个大括号内let的特点:let增加了块级作用域,就是大括号{}原创 2021-09-14 12:19:44 · 433 阅读 · 0 评论 -
ES6的几个新特性-JavaScript
ES6新特性ECMAScript 6严格模式如果写在全局,则全局都是严格模式,如果写在函数内,则函数内是严格模式"use strict"一定要写在第一行,全局第一行或函数中的第一行必须使用变量修饰符,否则报错this不再指向window不能使用arguments.callee"use strict"//1.必须使用变量修饰符,否则报错x='123';//报错//2.this不再指向windowfunction play(){ console.log(this);//th原创 2021-09-14 10:53:36 · 316 阅读 · 1 评论 -
防抖、节流-JavaScript
防抖、节流防抖(debounce)JS中的防抖是指触发一个事件后,在一段时间内函数只执行一次,如果在这段时间内事件再次被触发,则重新计算这段时间。例如你进公司,公司大门口安装了一个感应门,它感应人进去十秒后关门,当第一个人进去之后,开始十秒钟倒计时,在这十秒钟第二个人进去了,在第二个人进去之后,将之前的倒计时清空,计时器重新调整到十秒,倒计时结束后关门。为什么需要防抖呢?如果没有防抖,感应门每进去一个人立即关门,在人多的时候,会频繁开关门,损耗较大。一个小实现页面的滚动条,滚动的时候在控制台输原创 2021-09-14 10:47:47 · 147 阅读 · 0 评论 -
if、switch、for、while
if控制语句、switch控制语句、for循环语句、while循环语句文章目录if控制语句、switch控制语句、for循环语句、while循环语句流程控制, 选择结构if条件判断单选结构分支结构多条件分支switch选择结构循环结构while循环do-while循环for循环双重循环break语句continue流程控制, 选择结构程序的运行流程有三种(三种结构)顺序结构选择结构ifswitch循环结构if条件判断单选结构语法:if(条件){语句;}执行逻辑:如果条原创 2021-09-08 19:16:05 · 271 阅读 · 0 评论 -
DOM详解-JavaScript
DOM文章目录DOMdom事件页面加载dom查询dom增删改样式操作获取内部样式创建函数返回具体样式(考虑兼容)修改样式封装元素大小和偏移量事件对象事件冒泡事件委托事件绑定事件传播domDOM(Document Object Model),文档对象模型。通过dom模型可以让sj操作页面中的html标签和样式,从而改变页面的结构和样式document(文档):表示整个html网页文件(各种标签) html标签存在完整的层次结构object(对象):当浏览器将html加载到内存中会原创 2021-09-08 19:08:54 · 259 阅读 · 0 评论 -
javascript数组
文章目录数组使用字面量创建数组添加元素删除数组的提取slice数组连接的方法concat方法join方法reverse数组翻转数组遍历循环+下标forEachmap()filter()过滤reduce()排序sort()二维数组数组数组:内置对象中的一种作用:用来存储一组数据, 解决多个数据存储的问题数组添加数据:数组中添加的数据也被称为数组中的原始语法: var 变量 = new Array(); 使用typeof检查数据类型时, 返回object,说明数组也是一种对象 普通对象使用属性原创 2021-08-24 17:46:13 · 195 阅读 · 0 评论 -
javascript函数
函数文章目录函数函数参数基本类型传参引用类型传参函数返回值函数的作用域全局作用域函数作用域声明提前全局变量的声明提前函数的声明提前参数对象立即执行函数this对象箭头函数函数变量的作用:临时保存数据,保存的数据有类型,后期js会出现变量的类型,用来保证放入变量中的数据符合数据类型的规范运算符的作用:连接变量或字面量,创建计算表达式,获取计算结果流程控制的作用:使变量按照设计的逻辑正确执行对象的作用:存储一组相关的数据包含方法,后期可以按照面向对象的方法去设计和组装程序函数:封装一段业务逻辑di原创 2021-08-24 17:44:13 · 191 阅读 · 0 评论 -
JavaScript原生对象
原生对象文章目录原生对象属性规范字面量创建对象遍历对象中的属性基本类型和对象类型内置对象Datemath对象string对象js数据类型基本类型:String、Number、Boolean、null、Undefined对象类型:Object存储方式上有区别:基本类型:直接存储数据对象类型:间接存储数据,保存数据的"地址",通过地址获取数据对象:数据类型的角度:一种复合数据类型,象容器,同时装不同的数据可以保存多个相关的不同类型的数据,以整体的方式体现创建对象1、 使用new + O原创 2021-08-24 17:36:28 · 302 阅读 · 0 评论 -
算术运算符-JavaScript
算术运算符运算符:也是操作符,通过运算符可以对一个或多个值进行运算操作,并获取运算结果使用算术运算符操作字面量±*/%,例如:var res = 10 + 20;console.log(res);//输出结果为30typeoftypeof也是一个运算符,获取变量的类型,返回字符串。返回的值有:number,string,object,underfined,boolean。var temp = true;//这里面可以放各种类型的值console.log(typeof temp);//输出为原创 2021-08-24 17:27:25 · 231 阅读 · 0 评论 -
JavaScript基础-变量、数据类型
8.9JS基础JS代码需要编写在script标签中JS语言输出信息//1. 浏览器弹出一个警告框alert('页面中的警告信息');//2. 页面输出内容document.write('页面body中的输出信息');//3. 控制台输出信息console.log('控制台输出信息');代码的默认执行顺序,由上往下,只有前面的执行完毕后,后面的才执行。JS的位置<!-- 1. js代码可以放置在标签的特定属性中(不方便后期维护,不推荐使用)--><button原创 2021-08-24 17:25:47 · 100 阅读 · 0 评论 -
BFC的定义和作用
BFC的定义和作用文章目录BFC的定义和作用开启BFC解决外边距重叠问题BFC解决浮动元素覆盖问题开启BFC属性解决浮动问题:在页面中的元素都有一个隐含的属性,这个属性叫做BFC(Block Formatting contnt),该属性可以开启或关闭当开启元素的BFC属性时,元素有如下特征:父元素的垂直外边距不会和子元素重叠。(不会产生外边距传递)开启BFC的元素不会被浮动的元素覆盖。开启BFC的父元素可以包含浮动元素。开启BFC解决外边距重叠问题为任意元素添加父元素并开启BFC<原创 2021-07-26 12:16:32 · 143 阅读 · 0 评论 -
相对定位、绝对定位、固定定位、元素的层级、透明度
文章目录相对定位绝对定位固定定位元素的层级透明度定位:将指定的元素放到页面的任意位置通过position属性设置定位:position:static;没有开启定位,默认值。position:relative;开启相对定位。position:absolute;开启绝对定位。position:fixed;开启固定定位。可以使用left、top、right、bottom属性设置元素的位置left表示相对于定位位置左侧的偏移量to表示相对于定位位置上侧的偏移量bottom表原创 2021-07-24 17:51:37 · 627 阅读 · 0 评论 -
盒子模型、盒子的边框、内外边距、外边距的重叠传递、display属性、overflow属性、内连盒子、怪异盒模型、文档流、浮动、基本布局、高度塌陷、清除浮动
盒子模型、盒子的边框、内外边距、外边距的重叠传递、display属性、overflow属性、内连盒子、怪异盒模型文章目录盒子模型、盒子的边框、内外边距、外边距的重叠传递、display属性、overflow属性、内连盒子、怪异盒模型盒子模型盒子模型的边框盒子的内边距盒子的外边距外边距的重叠和传递外边距重叠外边距传递浏览器拥有默认样式display属性overflow属性内联盒子box-sizing盒子模型盒子模型(Box Model):页面中的任何元素都可以看成一个四边形的盒子有了盒子模型,就可原创 2021-07-24 17:45:08 · 292 阅读 · 0 评论 -
CSS引入方式、选择器、选择器的优先级、CSS长度单位、颜色单位、字体样式、文本样式、伪类样式、列表样式、背景属性
CSS引入方式、选择器、选择器的优先级文章目录CSS引入方式、选择器、选择器的优先级CSSCSS含义CSS引入CSS语法CSS选择器选择器的优先级CSSCSS含义css含义:层叠样式表(Cascading style sheets) 作用:修饰页面中的标签,如颜色、大小、间距等,对页面的元素进行定位和布局 含义:所谓层叠,可以将网页想像成一层一层的结构,层次高的样式会覆盖层次低的样式,我们的CSS可以为每一层设置不同的样式,处于文档最底层被称为文档流,元素默认都在文档流存放。CSS引入原创 2021-07-24 17:40:13 · 176 阅读 · 0 评论 -
表格标签、表单标签
表格标签、表单标签文章目录表格标签、表单标签表格标签``表单标签表格标签<table><table>标签表示表格,<tr>表示表格中的行,<td>表示表格中的单元格。<th>表示表头。单元格td必须设计在tr中,th也必须在tr中table中的一些属性: 单元格跨列:colspan。 单元格跨行:rowspan。 内容和单元格之间的间距:cellpadding。 单元格间的间距:cellspacing。html5中将表格原创 2021-07-24 17:37:04 · 720 阅读 · 0 评论 -
HTML网页、元素、标签、常用的特殊字符、行内元素、块级元素、有序列表、无序列表、定义列表
HTML网页、元素、标签、常用的特殊字符文章目录HTML网页、元素、标签、常用的特殊字符网页是由什么构成的HTML中的标签结构元素及元素的属性注释环境HTML标签HTML常用标签标签介绍图像标签相对路径绝对路径meta标签标签规则内联标签``超链接标签``案例其他标签特殊字符常用的特殊字符网页是由什么构成的 网页是由HTML标签、CSS样式和JavaScript代码构成的,HTML是网页的源代码。 结构:HTML——超文本标记语言(除了文本之外还有图片、视频、音频等) 样式:CSS 动作原创 2021-07-24 17:28:18 · 829 阅读 · 0 评论