知识盘点(一)

115 阅读4分钟

知识点盘点

我学习编程差不多有半年了,在学习的过程中,有许许多多的知识点需要去记,下面我来盘点我这半年来所学的知识点吧!包含前端三件套,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

  • 布尔值类型,包含两个值。TrueFalse

数组 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等等这样,我觉得比较重要的知识!