每天学到的知识点 | 自用备忘 | 前端

本文主要是记录——平时看/写代码时查找和巩固的前端知识点
仅作为自用备忘

---

2022.11.21

1.插槽

1.1 匿名插槽

<slot name="default"></slot>

1.2 具名插槽的另一种写法
具名插槽缩写：#submit 全写：v-slot:submit

相关知识点： 链接

2.setup(props, context)

context ：上下文，包括 attrs 、 emit 、slots。
① attrs :在此部分，接收在父组件传递过来的，并且没有在props中声明的参数参数。

② emit：子组件对父组件发送事件
在vue2中，子对父发送事件采用this.$emit对父组件发送事件；
在vue3中子组件对父组件发送事件采用context.emit发送事件

相关知识点：链接

3.every()

every：返回布尔值(一假则假)，在原数组上判断是否满足条件，必须里面元素全部满足条件才会返回true

sone：返回布尔值(一真则真)，在原数组上判断是否满足条件，只要里面元素有一个满足条件则返回true，并且停止遍历

map：返回新数组，在原数组上进行数据处理，只会在原有数组上元素内容改变，数组长度不变

相关知识点：链接

4.trim()

trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。

使用场景：例如表单里检验文本是否为空,str.trim() !==‘’

相关知识点：链接

5.test()

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中有匹配的值返回 true ，否则返回 false

使用场景：例如登录表单输入时检查email格式，emailReg.test(inputRef.val)

相关知识点：链接

6.reactive()

相关知识点：链接

7.on和emit

8.v-model

v-model是语法糖，相当于：

• v-bind:绑定响应式数据
• 触发oninput 事件并传递数据

2022.11.22

1.pushState

2.SPA应用的优点

• 速度快，第一次下载完成静态文件，跳转不需要再次下载
• 体验好，整个交互趋于无缝，更倾向于原生应用
• 为前后端分离提供了实践场所

3.pre标签

pre标签可以定义预格式化的文本，文本会保留空格和换行符+显示为等宽字体

4.全局对象的弊端

5.前后端分离

2022.11.23

1.vuex

2022.11.25

1.section

section标签与div标签的区别

• section语义化更强
• section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section
• https://blog.csdn.net/weixin_54681929/article/details/115603492

2023.1.17

1.padding属性

CSS padding属性 菜鸟教程

padding:10px 5px 15px 20px;
    上填充是 10px
    右填充是 5px
    下填充是 15px
    左填充是 20px

padding:10px 5px 15px;
    上填充是 10px
    右填充和左填充是 5px
    下填充是 15px

padding:10px 5px;
    上填充和下填充是 10px
    右填充和左填充是 5px

padding:10px;
    所有四个填充都是 10px