SASS：解决css编写时嵌套层级多导致代码编写不方便的缺点
SASS官网：www.sass.hk/
增加了变量，函数，循环，判断等类似编程语言的代码模式，有许多的内置函数（如颜色加深，颜色淡化）用于高效的属性设置。
sass不能直接被浏览器识别，所以需要进行编译成正常的css文件才能被浏览器使用。
编译sass成css：vs code 中 安装 插件 easy sass——>创建xxx.scss 文件书写代码——>自动生成 xxx.css和xxx.min.css(压缩)
.sass和.scss(有大括号和分号)
sass的注释:
// 单行注释，但是在编译的时候不保留
/* 多行注释 编译的时候可以保留 压缩的时候不保留 */
/*! 多行注释 编译和压缩的时候都会保留 */
sass中$来定义变量: font-size:$font_size*2;
嵌套
后代关系 .wrap div { width: 120px; }
子类关系 ul > li { padding: 12px; }
属性嵌套 .content { border-style: solid; border-color: red; border-width: 2px; }
JS
定义：JS是一种运行在客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能，浏览器就是一种运行JS脚本语言的客户端，JS的解释器被称为JS引擎，为浏览器的一部分
JS简史
网景公司需要一个处理这些常用功能对性能影响更低的新语言——>布兰登·艾奇研发了一个新语言叫做 LiveScript （只用了10天）——>Java 的语言很火,改名为了 JavaScript(Java 和 JavaScript 没有关系)——>IE 浏览器JScript——>欧洲计算机制造商协会 ECMA定义了名为 ECMAScript 的新脚本语言是 JS 的一个规范——>2015 年 6 月 17 日，ECMAScript 6 发布正式版本，即ECMAScript 2015——>往后版本通常称为ECMAScript6+
JS 的组成: ECMAScript，DOM 和 BOM
- ECMAScript: 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型
- DOM (Document Object Model): 文档对象模型:操作页面中的元素
- BOM (Browser Object Model): 浏览器对象模型:操作浏览器 API:(application programming interface)应用程序编程接口
js 的三种书写方式
-
行内式 不推荐, 了解即可, 因为 写法麻烦 onclick 在 鼠标单击 元素的时候 会执行 alert('hello world') 打开一个 弹窗框 弹出框内部的文本为 小括号内 引号包裹的内容
<input type="button" value="按钮" onclick="alert('hello world')" /> -
内嵌式 JS(script) 推荐书写在 body 标签的 末尾
<body> <script> alert('hello world') </script> </body> -
外链式 在代码量比较多的情况下(也就是在工作的时候) 好处是能够让单一的某一个文件内的代码量更少, 结构更加清晰
<script src="main.js"></script>
