知识点盘点
❝
我学习编程差不多有半年了,在学习的过程中,有许许多多的知识点需要去记,下面我来盘点我这半年来所学的知识点吧!包含前端三件套,
Vue框架,后端框架Nestjs,全栈知识哦❞
Html
❝
Html 是网页的骨架,前端梦开始的地方
❞
div
- div是一个块级元素,他独占一行,我们经常使用它来做布局用
span
span是一个行内标签,它会在一行持续叠加,理论无线增加
img
-
一个图片标签,用来展示图片用。
-
常用属性
- alt 当图片出现无法访问默认出现的文件
- src 图片的URL地址
view
- 微信小程序的wxml的规范。与div相似
text
- 与span标签类似,同样出自微信小程序规范
video
-
视频标签,与img标签一样有两个属性
- alt 当视频出现错误,无法播放显示的文字
- src 视频的URL地址
form
- 一个表单元素。用于展示表单的一个元素。
- 在使用的过程中,要注意使用
JS将表单的默认时间阻止掉
CSS
❝
Css 用来装饰html标签。美化样式,我们看见的网页之所以五彩斑斓就是css的功能
❞
font-size
- 用来设置 文字大小
font-weight
- 用来装饰文字的粗细
size
- 设置字体大小
margin
- box盒子外边距
padding
- box盒子内边距
border
- 设置盒子的边框
border-radius
- 用来设置盒子的圆角
JS
❝
js 分为三部分,分别为:jS语法、DOM、BOM
- JS语法:每一门编程语言必备,不如if-else return
- DOM:浏览器文档模型,用来操作浏览器
- BOM:网页文档模型,用来操作网页页面元素
❞
JS数据类型
字符串 String
- 字符串,顾名思义就是字符。除了阿拉伯数字之外的所有符号都统称为字符串
数字 Number
- 在JS中没有浮点数和整数的区别,它们都统称为数字(Number)
布尔值 Boolean
- 布尔值类型,包含两个值。
True和False
数组 Array
- 复杂数据类型。在JS中没有现在类型。可以包含所有的数据类型。
const arr = ['1',true,1,obj:{a:1}]
对象 Object
- 复杂数据类型。万物接对象。它可以包含多个简单的数据类型。
const obj = {
a:1,
b:"2",
c:false
}
函数 Function
❝
函数可以分为好多种,各种各样的用法都不一样。在js中最复杂的就是函数了
❞
普通函数
function a(text){
console.log(text); //普通函数可以通过函数名去调用
}
匿名函数
function (text){
console.log(text); // 匿名函数不能通过函数名去调用,一般都写在方法里面,不单独写出来
}
JS随机数
- Math.random()表示:结果为0-1之间(包括0,不包括1);
- Math.floor(Math.random()*10+1)表示结果为1-10之间的一个随机数
- Math.floor(Math.random()*24)表示结果为0-23间的随机数
其他的方法
p.splip('/') //字符串切割
array.push(obj) // 向数组中添加一个新的对象
array.pop() // 将数组的最后一个拿出来
slice(2) // 拿到数组索引为2的
闭包
- 让一个
简单类型不被js垃圾回收机制进行回收,但会出现内存泄漏的问题 - 它必须满足一下条件:返回值必须是一个函数、返回值值的里面必须引用了一个在第一个函数里的临时简单类型,它每次赋值的对象都不相等
this指向
- this的指向,是值一个函数内部去调用 另一个复杂或者简单的方法。
- 当我们在一个函数内部,去调用函数的外面的是用,在这个函数的原型上是没有这个对象的。所以他要往外去找。找的是DOM顶级对象。
- 而我们使用
箭头函数的时候,他的this是固定不变的
ES6模块化规范
❝
在ES6之前,市面的模块化规范各不相同。但随着ES6官方推出它的模块化规范以后,就统一了前端的规范
❞
import { reactive, ref, toRefs } from "vue"; // 按需导入
import reactive from "vue"; // 全部导出
export const add ()=>{} // 按需导出
export default add // 全部导出
❝
今天分享就这么多吧,后面我会继续分享Vue和Nestjs等等这样,我觉得比较重要的知识!
❞