前端学习框架

此图转自：https://blog.csdn.net/KimBing/article/details/88971868

一、使用软件 Hbuilder

二、javascript

诞生于 1995 年，出现时主要用于处理网页中的前端验证。----所谓前端验证，就是指检查用户输入内容是否符合一定的规则。比如：用户名称的长度、密码的长度、邮箱的格式等。

javascript 的标准是 SCMAscript

一个完整的 javascript 由三个部分组成：ECMAscript（标准）、DOM（文档对象模型）、BOM（浏览器对象模型）

特点：

1. 解释型语言 ---不需要编译，可以直接运行     

2. 类似于 C 和 java 的语法结构     

3. 动态语言   

4. 基于原型的面向对象

<!--js代码需要编写到script的标签中-->
 <script type="text/javascript">
 </script>

三、javascript 语句警告框、页面 body、控制台输出

/*控制浏览器弹出一个警告框*/alert("这是第一行JavaScript代码")
/*让计算机在页面中输出一个内容*/document.write("的司法解释的凯撒缴纳罚款");
/*向控制台输出一个内容*/console.log("在控制台位置");

四、JS 代码编写位置

<!--可以将JS代码编写到标签的onclick属性中当我们点击按钮时，js代码才会执行--><button οnclick="alert('为什么点击');">点击一下</button>
<!--可以将JS代码写在超链接的href属性中，当点击超链接时也会执行JS代码--><a href="javascript:alert('超链接点击')">555</a>

可以在 JS 文件夹中新建一个 javascript

<!--可以将javascript代码编写到外部JS文件夹中，通过script标签引入-->
<!--script标签一旦引入外部代码，就不能再编写了--><script type="text/javascript" src="js/script.js"></script>

五、javascript 基本代码

/**/  多行注释                     // 单行注释

要养成一个良好的写注释习惯，也可以通过注释来对代码进行简单的测试。

1. JS 中严格区分大小写

2. JS 中每一条语句以分号结尾。

                    ---如果不写分号，浏览器会自动添加，但是会消耗一些系统资源。有些时候浏览器会加错分号。

3. JS 中会自动忽略多个空格和换行，所以可以利用空格和换行对代码进行格式化

字面量：都是一些不可改变的值，可以直接使用，一般不会直接使用字面量。  比如：1、2、3、4、5

变量：变量可以用来保存字面量，而且变量的值可以任意改变。变量更方便我们使用，通过变量描述字面量，所以在开发中都是使用变量。

声明变量：在 JS 中，使用 var 关键字来声明变量。

 /*声明变量：使用var关键字 */var a=3;
console.log(a);

标识符：在 JS 中所有可以由我们自主命名的都可以称为是标识符。例如：变量名、函数名、属性名

命名一个标识符规则：

1. 标识符中可以含有字母、数字、下划线、$，不能使用数字开头

2. 标识符不能是 ES 中的关键字或保留字  比如：var var=3；

3. 标识符一般使用驼峰命名法：首字母小写，每个单词开头大写，其余字母小写  helloWorld