Shell 脚本和编程与前端语言串讲

Shell 脚本和编程

课程准备

1.一台安装了linux 系统的物理机或者云主机，并可运行shell 脚本

2.本地的vscode 安装Bash Debug 插件， 并升级bash 到4.x以上

3.Npm全局安装zx依赖

一、Shell 基础概念

解释器、编程语言

二、命令和语法

变量包括：自定义变量、环境变量、系统环境变量 配置文件加载 运算符和引用

管道“|”：cmd1|cmd2 重定向 判断命令 分支语句 循环 函数

三、执行过程和原理

执行：1. 字符解析；2. shell展开，例如(1..3)解析为1 2 3；3.重定向， 将stdin. stdout. stderr的文件描述符进行指向变更；4.执行命令；5.收集状态并返回

shell展开：1.大括号展开 {...}；2.波浪号展开~；3.参数展开；4.命令替换$(...)或者`...`；5.数学计算$((..))；6.文件名展开* ?[..]外壳文件名模式匹配

四、调试和前端集成

调试：

1. 普通log， 使用echo. printf
2. 使用set命令
3. vscode debug插件 (1). shellman: 代码提示和自动补全 (2). shellcheck: 代码语法校验 (3). shell- format:代码格式化 (4). Bash Debug:支持单步调试

前端集成：

1. node中通过exec. spawn调用shell命令
2. shell 脚本中调用node命令 3.借助zx 等库进行javascript. shell script的融合

前端语言串讲

一、前端语言的基本能力

HTML（组织是网页的骨骼）

CSS（美化是网页的皮肤）

JavaScript（交互是网页的灵魂）

浏览器引擎（渲染引擎和JS引擎）

二、前端语言的协作配合

CSS/JavaScript 在 HTML 中

HTML/CSS 在 JavaScript 中

三、你不知道的HTML(5)（标记语言）

基本语法包括：标签（元素）、文本、注释、DTD、处理信息

标签分类包括：文档型、混合型、换行型、H5新元素

HTML5（语义化标签、表单增强、储存、IndexedDB、PWA&AMP、Audio、Video、二进制、API、Web Worker、Web Socket、Shadow DOM、Web Component、SVG&Canvas、WebGL&WebGPU、WebAssembly）

四、拓展分享