07 2022 档案
摘要：##1、父子组件传值： ###(1)先在父组件中给子组件的自定义属性绑定一个父组件的变量 <template class="father"> <child :自定义属性名="父组件的变量"></child> </template> ###(2)在子组件的props属性中可以提取出父组件给的值，pro
阅读全文
摘要：##对象转成数组 在开发中，前端处理数据，很多时候都会用到把对象转成数组 // 对象转数组，想要转成什么字段根据需求 function fmObjToArr (data) { let arr = [] for (let key in data) { arr.push({ label: data[ke
阅读全文
摘要：##箭头函数 ###箭头函数与普通函数的区别 1.相比普通函数更简洁的语法 2.没有this 3.使用call()和apply()调用 4.捕获其所在上下文的 this 值，作为自己的 this 值 5.不能使用new 6.不绑定arguments，用rest参数...解决 7.箭头函数没有原型属性
阅读全文
摘要：##Promise ###异步编程 ####同步与异步 同步行为对应内存中顺序执行的处理器指令，每条指令都会严格按照它们出现的顺序来执行，而每条指令执行后也能立即获得存储在系统本地的信息 异步行为类似于系统中断，即当前进程外部的实体可以触发代码执行，让一个强制进程等待一个长时间的操作实现插队编程 #
阅读全文
摘要：##闭包 ###概念 MDN指出： “在JavaScript中，每当创建一个函数，闭包便产生。” “闭包是将函数与其引用的周边状态绑定在一起形成（封装）的组合” 阮一峰说： 闭包就是将函数内部和函数外部连接起来的一座桥梁。 闭包就是能够读取其他函数内部变量的函数 闭包只提供从内部到外部作用域的访问，
阅读全文
摘要：#变量 变量就是特定时间点一个特定值的名称 ##原始值与引用值 ###变量包含两种不同类型的数据： 原始值：最简单的数据，包括6种：Undefined、Null、Boolean、Number、String和Symbol 引用值：由多个值构成的对象，是保存在内存中的对象 ####存储方式不同： 原始值
阅读全文
摘要：#作用域（scope）：是一个变量的可用范围 作用域是从调用的时候确定的 全局作用域：任何地方都可以访问,反复使用 函数作用域(局部作用域)：仅在函数内部可访问，不能反复使用 ##全局作用域 全局变量拥有全局作用域，在代码的任何地方都有定义。一般有两种情况变量会拥有全局作用域： 最外层函数和在最外层
阅读全文
摘要：目录 一、什么是CSS 二、CSS语法 1、格式构成 2、选择器 3、如何生效 4、颜色、尺寸 与对齐 5、盒子模型 6、边框与边距 7、定位 8、溢出 9、浮动 10、不透明度 11、组合选择器 12、伪类与伪元素 #一、什么是CSS CSS全称Cascading Style Sheets，叫做级
阅读全文
摘要：目录 1.文档类型 2.字符集 3.标签 4.定位 5.特殊字符 6.路径 7.列表 8.属性 9.事件 ####1.文档类型<!DOCTYPE> <!DOCTYPE html> 这句话就是告诉我们使用那个html版本。 只需要记住，看到上面这行代码，说明使用的是html5的版本。 2.字符集 <m
阅读全文
摘要：##1. 说明 JavaScript是面对对象编程，但是它又跟其他编程语言不一样，不同之处是JavaScript面对对象并不是依赖于抽象类，而是通过原型链。 在C++和Java使用new命令时，都会调用"类"的构造函数。而在Javascript语言中，new命令后面跟的不是类，而是构造函数。但是，用
阅读全文
摘要：##1. null和undefined的区别： null 是一个表示"无"的 对象的初始值，空对象的引用 ; 转为数值时为 0 null 用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象 undefined 是一个表示"无"的原始值的初始值 ; 未定义 ; 转为数值时为 NaN 当声明
阅读全文
摘要：####模型图 ####举例 .box { width: 200px; height: 200px; border: 20px solid black; padding: 50px; margin: 50px; }
阅读全文
摘要：1.圣杯布局 2.双飞翼布局（左右固定，中间自适应） ####圣杯布局： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
阅读全文
摘要：####1、定位：3种 #####(1)百分比，知道具体宽高 .box{ //让盒子距离左上50%，然后向左上移动一半的距离 position: absolute; top:50%; left:50%; margin-top: -50px; margin-left: -50px; } #####(2
阅读全文
