这是我参与「第六届青训营」笔记创作活动的第7天。活动详情:# 第六届青训营笔记伴读 | 升级学习体验,高效掌握知识
课程重点
前端开发是一个随着Web标准不断健全和完善发展起来的职业,本课程从宏观视角概述了前端开发这一职业的起源和变迁,重点介绍了与前端开发密切相关的国际标准组织:WW3C和Ecma TC39。
本课程的内容要点:
-
关于前端开发
- 起源、架构、变迁
- 前端应用的领域
- 语言、框架、工具
- 前端学习路线图
-
关于Web标准
- 了解Web标准组织
- W3C与Ecma会员
- W3C流程
- TC39流程
- 如何参与
flex弹性布局
作用:
- 更高效的控制元素的对齐和排列
- 可以计算布局内任意元素的尺寸
- 控制元素在页面内的布局方向
- 按照不同的DOM所指定的排序方式对屏幕上的元素重新排序
双向数据绑定
-
Vue2:
- 数据劫持+发布订阅模式
- object.defineProperty();
- 无法监听新增属性和删除属性
- 无法监听到数组变化
-
Vue3:
- 响应式数据
- 使用ref/reactive创建响应式数据,使用computed计算属性,使用watch监听数据变化,使用toRefs在模板中解构响应式对象的属性。
GET请求和POST请求的区别
- 浏览器回退表现不同:GET请求回退时浏览器可以从缓存中读取历史数据,POST请求会再次向服务器提交请求。
- GET产生的URL地址可以被书签保存,POST请求中参数并不在URL地址中无法直接存储至书签中。
- 浏览器对地址请求的处理不同:GET请求会主动被cache。
- 编码方式不同:GET请求只能进行URL编码,POST请求支持多种编码方式。
- 浏览器对响应的处理不同:GET请求中的参数会被完整保留在浏览记录中。
- 参数长度不同:GET请求中URL的参数长度有限制,在兼容IE的情况下最长为2083字符。
- 参数类型不同:GET请求只能接受ASCLL字符。
- 安全性不同。