JavaScript 和前端框架中的设计模式|青训营笔记

101 阅读2分钟

这是我参与「第六届青训营」笔记创作活动的第7天。活动详情:# 第六届青训营笔记伴读 | 升级学习体验,高效掌握知识

课程重点

前端开发是一个随着Web标准不断健全和完善发展起来的职业,本课程从宏观视角概述了前端开发这一职业的起源和变迁,重点介绍了与前端开发密切相关的国际标准组织:WW3C和Ecma TC39。

本课程的内容要点:

  • 关于前端开发

    • 起源、架构、变迁
    • 前端应用的领域
    • 语言、框架、工具
    • 前端学习路线图
  • 关于Web标准

    • 了解Web标准组织
    • W3C与Ecma会员
    • W3C流程
    • TC39流程
    • 如何参与

flex弹性布局

作用:

  • 更高效的控制元素的对齐和排列
  • 可以计算布局内任意元素的尺寸
  • 控制元素在页面内的布局方向
  • 按照不同的DOM所指定的排序方式对屏幕上的元素重新排序

双向数据绑定

  • Vue2:

    • 数据劫持+发布订阅模式
    • object.defineProperty();
    • 无法监听新增属性和删除属性
    • 无法监听到数组变化
  • Vue3:

    • 响应式数据
    • 使用ref/reactive创建响应式数据,使用computed计算属性,使用watch监听数据变化,使用toRefs在模板中解构响应式对象的属性。

GET请求和POST请求的区别

  1. 浏览器回退表现不同:GET请求回退时浏览器可以从缓存中读取历史数据,POST请求会再次向服务器提交请求。
  2. GET产生的URL地址可以被书签保存,POST请求中参数并不在URL地址中无法直接存储至书签中。
  3. 浏览器对地址请求的处理不同:GET请求会主动被cache。
  4. 编码方式不同:GET请求只能进行URL编码,POST请求支持多种编码方式。
  5. 浏览器对响应的处理不同:GET请求中的参数会被完整保留在浏览记录中。
  6. 参数长度不同:GET请求中URL的参数长度有限制,在兼容IE的情况下最长为2083字符。
  7. 参数类型不同:GET请求只能接受ASCLL字符。
  8. 安全性不同。