Cytrogen 的个人博客

万圣节恶魔的领地

马上订阅 Cytrogen 的个人博客 RSS 更新: https://cytrogen.icu/atom.xml

IBM 全栈开发【2】:网页三剑客

2024年1月10日 05:32

近期在学习 IBM 全栈应用开发微学士课程,故此记录学习笔记。

1. 云编程入门

SASS:语法强大的样式表(Syntactically Awesome Style Sheets)。

  • CSS 的扩展
  • 可以使用变量、嵌套规则、内联导入等方法来保持条理清晰
  • 更快、更轻松地创建样式表

LESS:动态样式语言(Leaner Style Sheets)。

  • 增强 CSS
  • 向后兼容 CSS
  • Less.js 是一种 JavaScript 工具,可将 LESS 样式转换为 CSS 样式

1.1. JavaScript 框架

1.1.1. Angular

  • 开源
  • 由 Google 维护
  • 让网站快速高效地呈现 HTML 页面
  • 内置路由器、表单验证工具

1.1.2. React

  • 由 Facebook 开发和维护
  • 用于构建和渲染网页组件的 JavaScript 库

1.1.3. Vue

  • 由社区维护,其主要重要是视图层,包括用户界面、按钮和可视化组件
  • 灵活、可扩展,能与其他框架很好地集成
  • 适应性强

1.2. 代码库

  • jQuery:简化 DOM 操作的 JavaScript 库
  • Email-validator:验证电子邮件地址的构造是否正确有效
  • Apache Commons Proper:可重复使用的 Java 组件

1.3. CI/CD

CI 指的是「持续集成」,CD 指的是「持续交付」或「持续部署」。

CI / CD 是开发团队的最佳实践,可帮助团队更快地交付高质量的软件。

通过构建自动化服务器实施,CI 确保所有代码组件顺利协同工作,而 CD 则确保代码在构建后自动部署到生产环境。

1.4. 构建工具

构建工具是一种将源代码转换为二进制文件以便安装或部署的工具。

它在有许多相互连接的项目的环境中非常有用,因为它可以自动化构建过程,从而减少了手动操作的数量。

  1. 构建自动化实用程序:通过编译和链接源代码来生成可执行文件
  2. 构建自动化服务器:按计划或触发式执行构建自动化实用程序
  • Webpack:模块打包器,将应用程序的所有模块打包到一起
  • Babel:JavaScript 编译器,将 ES6 + 代码转换为向后兼容的 JavaScript 代码
  • Web Assembly:一种可移植、体积小、加载快的二进制格式,可在 Web 上运行

1.4.1. 云应用程序软件包管理器

  • npm:Node.JS 的包管理器
  • Maven:Java 的包管理器
  • Gradle:Java 的构建自动化工具
  • RubyGems:Ruby 的包管理器
  • Pip:Python 的包管理器
  • Conda:Python 的包管理器

1.5. API、路由和端点

API(应用程序编程接口)是一组定义了应用程序如何与其他软件组件进行交互的规则。它处理数据的请求和响应。

路由是一种将 URL 映射到应用程序中的特定端点的方法。它是通往网站的路径。

端点可以是 API 也可以是路由。它是应用程序中的特定位置,用于处理特定的请求。

1.6. ORM

ORM(对象关系映射)是一种将对象模型映射到关系模型的技术。它可用于连接数据库和检索正确的数据,并可隐藏查询数据库的部分复杂性。

2. HTML 概述

2.1. HTML5 规范

  • 定义了 HTML5,可以用 HTML 或者 XML 编写
  • 定义了一种可与早期 HTML 实现互操作的模式

2.2. HTML5 的新特性

  • 改进了语义元素
  • 包括了 API,如网络存储、地理定位、拖放和多媒体
  • 对网页进行了分类
  • 开发了跨浏览器和跨平台的应用程序
  • 创造了引人入胜的用户体验

关键主题:

  • 语法与 HTML4 和 XHTML1 文档兼容
  • 将用户代理和作者的一致性要求分开
    • 用户代理:支持早期用户代理规范的元素和属性
    • 作者:删除了一些元素和属性以简化语言

2.3. 元素

元素是 HTML 文档的构建块,由开始标记、结束标记和内容组成。

HTML5 新增了许多元素,如:

  • <section>:定义文档中的节
  • <article>:定义独立的内容
  • <aside>:定义页面内容之外的内容
  • 等等等等

2.4. DOM

DOM(文档对象模型)是一种将 HTML 文档表示为树结构的方法。它定义了访问和操作 HTML 文档的标准。

属性描述
head返回文档的 <head> 元素
title设置或返回文档的 <title> 元素
images返回文档中的所有 <img> 元素
lastModified返回文档最后修改的日期和时间
scripts返回文档中的所有 <script> 元素
getElementById()返回第一个具有指定...

剩余内容已隐藏

查看完整文章以阅读更多