javascript基础知识及变量
编程
何为编程，计算机为解决某个问题而使用某种程序设计语言编写的代码，并最终得到结果的过程。
计算机程序
可以通过计算机语言的一系列指令集合来控制计算机
注意：任何能够执行代码的设备都被称为计算机，例如：ATM 手机 智能机器人等等
计算机语言
计算机语言是人类与计算机之间通讯的语言，是人类与计算机之间传递信息的媒介。
计算机语言：机器语言 汇编语言 高级语言
计算机最终识别的是二进制语言，二进制语言是由0和1组成
机器语言
机器语言是由二进制组成的 二进制语言泛指0和1
汇编语言
汇编语言和机器语言本质相同 都是直接对计算机硬件进行操作，但指令符采用英文缩写的标识符，更便于记忆和缩写
高级语言
高级语言指C++ JAVA PHYthon go语言 javascript等等
标记语言与编程语言的区别
- 标记语言是被动读取的，没有逻辑性可言
- 编程语言是具有逻辑性，是可以主动读取的
计算机基础
计算机组成
数据存储单位
程序运行的顺序
程序运行时，会将程序的代码从硬盘转移到内存中，cpu从内存中读取数据。
内存用的是电 而硬盘用的是机械 cpu从内存中读取数据
初识javascript
javascript的发明者：布兰登.艾奇，在1995年仅利用10天的时间便发明javascript,最初在网景公司命名为Livescript,后改名为javascript
javascript是什么？
运行在客户端的脚本语言。 服务端的脚本语言：Node.js(从上到下依次执行)
javascript的作用
- 表单验证
- APP开发
- 游戏开发
- 网页交互
- 服务端开发
HTML/CSS/Javascript的关系
- HTML CSS属于标记语言，被动读取数据
- Javascript属于高级语言，会主动读取数据，具有很强的逻辑性。
浏览器执行javascript的过程
浏览器分为两部分：渲染引擎 JS引擎
- 渲染引擎：俗指浏览器内核 主要是用来解析HTML CSS等等
- Js引擎：用来解析Js代码。最有名的js引擎：chorme v8引擎
注意事项
JS引擎也就是常说的编译器，浏览器本身并不执行js语句，js引擎会把js语句逐行进行编译并执行。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// js引擎会逐行执行js代码 解析一行运行一行
alert("尧子陌");
alert('临风笑却世间');
</script>
</head>
<body>
</body>
</html>
Javascript的组成
Javascript:ECMAscript(js的语法核心) DOM(文档对象模型) BOM(浏览器对象模型)
- ECMAscript:Javascript（网景）与JScript（微软）的核心语言功能
- DOM:提供访问与操作网站内容的借口与方法
- BOM:提供与浏览器交互的接口与方法
Javascript初体验
行内js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="China" onclick="alert('中国 我爱你')">
</body>
</html>
内嵌js
<script type="text/javascript">
alert("hello 中国")
</script>
外链JS
My.js
alert('hello word')
<script src="./My.js"></script>
注意事项
- 使用外链JS的时候，script元素之间不要添加任何内容
- 尽量不要使用行内js,会增加DOM结构，使页面加载速度变慢。
Javascript注释
Javascript注释分为单行注释及多行注释
- 单行注释：//
- 多行注释 /* */
code中的快捷键
js中的输入输出语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
prompt('请输入china')
alert('恭喜你 输入的内容正确')
console.log('2020');
</script>
</html>
变量
变量：变量仅仅是为了保存值的占位符而已，通过变量名可以获取数据，甚至修改数据。
注意事项
本质是从内存中申请一块空间，用来存储数据
变量的使用
- 1.声明变量
- 2.赋值
<script>
// 1.声明变量
var age;
// 2.赋值
age = 18;
// 在控制台打印
console.log(age)
</script>
变量的初始化
声明变量的同时且赋值，var是一个操作符，而变量名相当于标识符。
<script>
// 声明变量的同时直接赋值
var name = "尧子陌";
console.log(name)
</script>
变量案例
控制台打印个人信息
<script>
// 声明变量
var name ="尧子陌";
var age = 24;
var sex = "男";
var site = "南阳";
//在控制台进行打印
console.log(name);
console.log(age);
console.log(sex);
console.log(site)
</script>
用户输入自己的姓名并在网页中弹出来
<script>
var username = prompt('请输入姓名');
alert('你的姓名:' + username);
</script>
变量的扩展
更新变量
变量倍重新赋值后，值以最后一次为准，原来的值会被覆盖掉
<script>
// 初始化变量
var age = 12;
// 重新赋值
age = 20;
// 在控制台打印
console.log(age) //20
</script>
本文地址：https://blog.csdn.net/weixin_45419127/article/details/111088778
上一篇： ps怎么设计漂亮的小星星边框? ps零散星形边框的做法
下一篇： 前端笔记记录---定位总结
推荐阅读