初识javaScript(一)

最新推荐文章于 2023-01-09 08:23:57 发布
最新推荐文章于 2023-01-09 08:23:57 发布
阅读量3.5k 收藏 3
点赞数 20
分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_60308100/article/details/122192978
版权

什么是编程语言？

编程：就是让计算机为解决某个需要解决的问题而使用某种程序设计语言编写的代码，并最终得到我们想要的结果。

计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。

广义上的计算机：只要能够执行代码的设备，可能是智能手机，ATM机，黑莓PI，服务器等等》

程序员：从事编程工作的人员.

计算机语言

计算机语言指用于人与计算机之间通讯/交流的语言，它是人与计算机之间传递信息的媒介。计算机的语言种类特别多，总的来说分为机器语言，汇编语言和高级语言三大类。

  • 机器语言

    机器语言是计算机最终所执行的语言，它由“0”和“1”组成的二进制数，二进制是计算机语言

    的基础。

    0=00000000 1=00000001 2=00000010 3=00000011 4=00000100

    5=00000101 6=00000110 7=00000111 8=00001000 9=00001001

    10=00001010

编程语言

可以通过类似人类语言的“语言”来控制计算机，让计算机为我们做事情，这样的语言就叫做编程语言（Programming Languare）.

编程语言是控制计算机的一系列的指令，它有固定的格式和词汇，必须遵守。

现如今通用的两种编程语言有两种形式：汇编语言和高级语言。

  • 汇编语言和机器语言实质是相同的，都是直接对硬件操作，只不过指令采用了英文标记的标识符，容易识别和记忆。

  • 高级语言主要是相对于低级语言而言，它并不是具体指某一种语言，而死包括很多种语言，常用的语言有C，C++,java,C#,Python,PHP等等。

翻译器

引文：高级语言好比中文，机器语言是电脑的语言好比英语。我们用中文去命令电脑去做事，显然是不显示的，因为它懂不懂我们所说的，所以我们需要一个优秀的翻译官来帮我们完成翻译，从而使我们能间接的命令电脑为我们服务。

高级语言所编写的程序不能直接被计算机识别，必须转换才能执行，为此，我们需要一个翻译器，翻译器可以将我们所写的代码翻译成机器语言，这也称为二进制化。
在这里插入图片描述

编程语和标记语言的区别

  • 编程语言具有很强的逻辑和行为能力，在编程语言里，你会看到很多条件判断语句，if else ,循环语句for ，while等具有逻辑性和行为能力的指令，这是主动的。

  • 标记语言(html)不同于向计算机发出的指令，常用于格式和链接，标记语言的存在是用来被读取的，因此是被动的。

在这里插入图片描述
在这里插入图片描述

标识语言中看不中用，编程语言能完成复杂的动作。

计算机基础在这里插入图片描述

数据储存

  1. 计算机内部使用二进制0和1来表示数据
  2. 所以数据，包括文件，图片等最终都是二进制数据(0和1)的形式存放在硬盘中。
  3. 所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中的。
  4. 硬盘，内存都是保存的二进制数据。

数据的存储单位

  • 位(bit):1bit可以保存一个1或0(最小的存储单位)
  • 字节(byte):1B=8b
  • 千字节：1KB=1024B
  • 兆字节:1MB=1024KB
  • 吉字节：1GB=1024MB
  • 太字节：1TB=1024GB

程序运行

在这里插入图片描述

  1. 打开某个程序时，先从硬盘中把程序的代码加载到内存中
  2. CPU执行内存 中的代码

注意：内存存在的一个重要的原因，是因为CPU运行的太快了，硬盘读取读取数据的能力与CPU处理的速度严重不匹配，从而导致闲置CPU造成浪费。

JavaScript

JavaScript历史

  • 发明者：布兰登 艾奇(Brendan ,1961~).

  • 神奇的大哥在1995年用10天时间发明完成JavaSceipt设计

  • 网景公司最初命名为LiveScript,后来与sun合作后将其名改为JavaScript

JavaScript是什么

  • JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言(Script是脚本的意思)
  • 脚本语言：不需要编译，运行中由js解释器(js引擎)逐行来进行解释并执行
  • 现在也可以基于Node.js技术进行服务端编程
    在这里插入图片描述

为了阅读方便，我们把JavaScript简称为JS

JavaScript的作用

  • 表单动态校验(密码强度检测) (JS最初产生的目的)
  • 网页特效
  • 服务器开发(Node.js)
  • 桌面程序(Electron)
  • App(Cordova)
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js)

HTML/CSS/JS的关系

  • HTML决定网页结构和内容(决定看到什么)，相当人的身体
  • CSS决定网页呈现给用户的模样(决定好不好看)，相当于给人穿衣服，化妆。
    在这里插入图片描述

JS脚本语言–编程类语言

  • 实现业务逻辑和页面控制(决定功能)，相当于人的各种动作。
    在这里插入图片描述

浏览器执行JS简介

浏览器分为两部分：渲染引擎和JS引擎

  • 渲染引擎：用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink，老版本的webkit
  • JS引擎：别称JS解释器，用来读取网页中JS的代码,对其处理后运行，如Chrome浏览器的V8(最强JS解释器)

注意：浏览器本身不会执行JS代码，而是通过浏览器内置的JS解释器来执行代码，JS引擎会逐行解释每一句源码(转换成机器语言)，然后计算机才能执行，所以称JavaScript是脚本语言，会逐行翻译执行，就像唐僧一步一个脚印的走到西天大雷音寺求取真经。

JS初体验**

JS有三种书写的位置，分别为行内式，内嵌和外部。

行内式JS
<input type="button "  value="点我试试" onclick="alert('Hello World')" />
  1. 可以将单行或者少量JS代码写在HTML标签的事件属性中(以on开头的属性)，如;onclick
  2. 注意单引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
  3. 可读性差，在html中编写JS大量代码时，不方便阅读。
  4. 引号容易错，引号多层嵌套匹配时，非常
  5. 因此，特殊情况使用容易弄混。
内嵌式JS**
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			alert('Hello World');
		</script>
	</head>
	<body>
		<!-- <input type="button "  value="点我试试" οnclick="alert('Hello World')" /> -->
	</body>
</html>
  1. 可以将多行代码写到script的标签中
  2. 内嵌JS是学习时最常用的
外部JS文件
<script type="text/javascript" src="my.js">
  • 利用HTML代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
  • 引用外部JS文件的script标签中间不可以写代码
  • 适应于JS代码量较大的情况
输入和输出语句

在这里插入图片描述

今日一 句话结尾,赠与诸君,亦赠与我。：

我想去远方,可远方太远
我想伏地生活,但心有不安
我在迷雾中穿行
我不知道我会成为什么人,
但我知道我不能成为什么人
我只是想要拒绝庸常 – 路内
在这里插入图片描述

潇潇雨声迟
关注
专栏目录
JS-04课堂案例
ITrkf666的博客
04-06 7128
JS-04课堂案例 一、随机数 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .tda { float: left; width: 187px;/* 宽 */ height: 115px;/* 高 */ font-family: "微软雅黑";/* 字体类型 */ backg
使用js进行文件下载的方法
热门推荐
aak1247的博客
10-28 35万+
Github page原文链接：https://aak1247.github.io/js-download-blob.html Coding page镜像链接：http://aak1247.coding.me/js-download-blob.html 博客地址: ​黑境-aak1247的博客 今天学到了一种使用js实现文件下载的方法,相比用表单进行下载要安全很多,不会有跳转...
js学习笔记
u014608643的博客
08-20 7448
js入门
Javascript复习大纲重点难点详细总结
sunnyjingqi的博客
02-21 6万+
第一课时 何为js特效： 1.定义时间（触发时机+行为） 2.触发事件（行为发生） 3.事件发生具有重复性 ———————————————————————————— 面向对象编程：（js是一门基于对象的语言） 1.如何获得该对象 2.如何调用该对象的属性 3.如何调用该对象的方法 ———————————————————————————— 对象的组成部分： 1.属性（特性） 2.方法（行为） ——...
JS之数组
java优质资源提供与创作者
01-06 4334
大家好，我是萧寒，今日分享的是js中的数组。 JS之数组 文章目录JS之数组为什么要学数组？什么是数组呢?如何使用数组？利用new创建数组利用数组字面量创建数组如何获取数组的元素？数组的长度接下来就上案例1.计算数组的和以及平均值2.数组中的最值3.数组转换成字符串4.数组新增元素筛选数组翻转数组(逆序输出)冒泡排序结束语 为什么要学数组？ 我们先来思考一个问题，如果我们想储存班级中47个学生的期末成绩，那么该如何存储呢？以目前为止所学的知识，存储东西只能用变量，那么这意味着我们需要声明47个变量来存.
初识JavaScript（源代码）
05-31
初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识...
初识javascript的一点点见解
08-10
接触javascript的时间说起来，长不长，短不短，其实真正开始学习它的时候应该是在去年大四11月份的时候，反正写网上的一些简单的特效，基本都是用jquery写得比较多，以致于对原生的js了解也是一知半解
初识Javascript小结
10-23
初识JavaScript小结知识点整理： 1. JavaScript脚本位置：在HTML中，JavaScript代码可以被嵌入到页面的任意位置，通常位于标签内，或者标签的任意位置。不过，将脚本放在标签的底部是一个推荐的做法，这样可以确保...
面向对象的Javascript之一(初识Javascript)
01-21
1. Javascript最大的特性在于其灵活性。作为一名前端开发人员，既可以采用函数式的编程风格，也可以采用更复杂一点的面向对象的编程风格。不管你采用哪种风格，都可以完成一些非常有用的任务。因而，Javascript是...
初识JavaScript.md
09-02
对JavaScript的简单认识
NFC Forum Type 3 Tag
05-09
NFC 联盟的 tag3 技术文档，学习 nfc 的同学必看哦
js使用文件流下载csv文件的实现方法
01-21
理解Blob对象 在Blob对象出现之前，在javascript中一直没有比较好的方式处理二进制文件，自从有了Blob了，我们就可以使用它操作二进制数据了。 现在我们开始来理解下Bolb对象及它的文件流下载应用场景，话不多说了，来一起看看详细的介绍吧 1. 创建Blob对象方式如下： var blob = new Blob(dataArray, options); dataArray: 它是一个数组，它包含了要添加到Blob对象中的数据。数组可以是二进制对象或者字符串。 options是可选的对象参数，用于设置数组中数据的MIME类型。 1. 创建一个DOMString对象的Blob对象。如
Typescript——基础篇（2）
weixin_42614629的博客
10-14 1803
typescript基础内容
2021-09-24 JS学习
D0MINIC123的博客
09-24 1707
一、认识函数：封装具有特定功能的代码，需要用的时候经行调用 fuction 函数名(){ /封装的代码 } 函数名() //函数调用语句 实列：封装一个九九乘法表函数，函数名遵循变量命名规定 function printNine() { var i, j, str; for (i = 1; i <= 9; i++) { //第一层for循环控制行数 str = ""; for
JS实现自适应宽度的Tag切换
liudanyang_21的博客
07-07 1979
效果体验：http://hovertree.com/texiao/js/3.htm 该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS实现自适应宽度的Tag切换 - HoverTree</title>&...
vuejs项目纯js导出word、在线下载富文本内容或者网页另存为word文件
南北极之间
01-20 11万+
vuejs项目在线下载富文本内容或者网页另存为word文件 这篇文章是保存为带有原本样式文件。 如果想把网页内容保存为自定义格式的word文件。可以参考我的另一篇文章：
React源码分析2-深入理解fiber
最新发布
It_kc的博客
01-09 1169
本章讲解了 fiber 出现的主要原因、fiber 节点中主要的属性以及 fiber 树是如何构建与更新的。
MySQL教务系统
m0_59186440的博客
12-11 1416
#3.创建两个数据库，一个名为自己姓名首字母，一个名为老师名字首字母的数据库 CREATE DATABASE IF NOT EXISTS lgp; #使用数据库 USE lgp; CREATE DATABASE IF NOT EXISTS zxg; USE ls; #4.使用SHOW语句来查看已经存在的数据库 SHOW DATABASES; #5.查看用自己姓名创建数据库的信息 SHOW CREATE DATABASE lgp; #6.修改名为自己数据库的字符集为gbk ALTER DATABASE.
The element type "xxx" must be terminated by the matching end-tag 解决
wobfei的博客
08-06 2万+
查看系统日志时，发现读取xml 流时抛出了“The element type "description" must be terminated by the matching end-tag "&lt;/description&gt;". Nested exception”错误。   查看对应url的流内容，如下 &lt;?xml version="1.0" encoding="gb231...
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潇潇雨声迟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值